mirror of
https://github.com/dillonkearns/elm-pages-v3-beta.git
synced 2024-12-01 15:55:35 +03:00
Remove some webpack-related files.
This commit is contained in:
Dillon Kearns
parent
3ccca84c0c
commit
9f6d953f1c
@ -1,90 +0,0 @@
|
||||
const path = require("path");
|
||||
const fs = require("fs");
|
||||
const globby = require("globby");
|
||||
const parseFrontmatter = require("./frontmatter.js");
|
||||
const webpack = require('webpack')
|
||||
|
||||
function unpackFile(filePath) {
|
||||
const { content, data } = parseFrontmatter(
|
||||
filePath,
|
||||
fs.readFileSync(filePath).toString()
|
||||
);
|
||||
|
||||
const baseRoute = filePath
|
||||
.replace("content/", "")
|
||||
.replace(/(index)?\.[a-zA-Z]*$/, "");
|
||||
|
||||
return {
|
||||
baseRoute,
|
||||
content,
|
||||
filePath
|
||||
};
|
||||
}
|
||||
|
||||
module.exports = class AddFilesPlugin {
|
||||
apply(/** @type {webpack.Compiler} */ compiler) {
|
||||
|
||||
(global.mode === "dev" ? compiler.hooks.emit : compiler.hooks.make).tapAsync("AddFilesPlugin", (compilation, callback) => {
|
||||
|
||||
|
||||
const files = globby.sync("content").map(unpackFile);
|
||||
|
||||
|
||||
let staticRequestData = {}
|
||||
global.pagesWithRequests.then(payload => {
|
||||
|
||||
if (payload.type === 'error') {
|
||||
compilation.errors.push(new Error(payload.message))
|
||||
} else if (payload.errors && payload.errors.length > 0) {
|
||||
compilation.errors.push(new Error(payload.errors[0]))
|
||||
}
|
||||
else {
|
||||
staticRequestData = payload.pages
|
||||
}
|
||||
})
|
||||
.finally(() => {
|
||||
|
||||
files.forEach(file => {
|
||||
// Couldn't find this documented in the webpack docs,
|
||||
// but I found the example code for it here:
|
||||
// https://github.com/jantimon/html-webpack-plugin/blob/35a154186501fba3ecddb819b6f632556d37a58f/index.js#L470-L478
|
||||
|
||||
let route = file.baseRoute.replace(/\/$/, '');
|
||||
const staticRequests = staticRequestData[route];
|
||||
|
||||
const filename = path.join(file.baseRoute, "content.json");
|
||||
if (compilation.contextDependencies) {
|
||||
compilation.contextDependencies.add('content')
|
||||
}
|
||||
// compilation.fileDependencies.add(filename);
|
||||
if (compilation.fileDependencies) {
|
||||
compilation.fileDependencies.add(path.resolve(file.filePath));
|
||||
}
|
||||
const rawContents = JSON.stringify({
|
||||
body: file.content,
|
||||
staticData: staticRequests || {}
|
||||
});
|
||||
|
||||
compilation.assets[filename] = {
|
||||
source: () => rawContents,
|
||||
size: () => rawContents.length
|
||||
};
|
||||
});
|
||||
|
||||
(global.filesToGenerate || []).forEach(file => {
|
||||
// Couldn't find this documented in the webpack docs,
|
||||
// but I found the example code for it here:
|
||||
// https://github.com/jantimon/html-webpack-plugin/blob/35a154186501fba3ecddb819b6f632556d37a58f/index.js#L470-L478
|
||||
compilation.assets[file.path] = {
|
||||
source: () => file.content,
|
||||
size: () => file.content.length
|
||||
};
|
||||
});
|
||||
|
||||
callback()
|
||||
|
||||
})
|
||||
|
||||
});
|
||||
}
|
||||
};
|
||||
@ -1,507 +0,0 @@
|
||||
const webpack = require("webpack");
|
||||
const path = require("path");
|
||||
const HTMLWebpackPlugin = require("html-webpack-plugin");
|
||||
const ScriptExtHtmlWebpackPlugin = require('script-ext-html-webpack-plugin');
|
||||
const CopyPlugin = require("copy-webpack-plugin");
|
||||
const PrerenderSPAPlugin = require("prerender-spa-plugin");
|
||||
const merge = require("webpack-merge");
|
||||
const { InjectManifest } = require("workbox-webpack-plugin");
|
||||
const FaviconsWebpackPlugin = require("favicons-webpack-plugin");
|
||||
const AddFilesPlugin = require("./add-files-plugin.js");
|
||||
const ImageminPlugin = require("imagemin-webpack-plugin").default;
|
||||
const imageminMozjpeg = require("imagemin-mozjpeg");
|
||||
const express = require("express");
|
||||
const TerserPlugin = require('terser-webpack-plugin');
|
||||
const readline = require("readline");
|
||||
const webpackDevMiddleware = require("webpack-dev-middleware");
|
||||
const PluginGenerateElmPagesBuild = require('./plugin-generate-elm-pages-build')
|
||||
|
||||
const hotReloadIndicatorStyle = `
|
||||
<style>
|
||||
@keyframes lds-default {
|
||||
0%, 20%, 80%, 100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.5);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
`
|
||||
|
||||
module.exports = { start, run };
|
||||
function start({ routes, debug, customPort, manifestConfig }) {
|
||||
const config = webpackOptions(false, routes, {
|
||||
debug,
|
||||
manifestConfig
|
||||
});
|
||||
|
||||
const compiler = webpack(config);
|
||||
|
||||
const options = {
|
||||
contentBase: false,
|
||||
hot: true,
|
||||
inline: true,
|
||||
host: "localhost",
|
||||
stats: "errors-only",
|
||||
// Safari will use an in-memory cache for the content.json files if we don't set these headers
|
||||
// See https://github.com/nuxt/nuxt.js/issues/3828#issuecomment-660745482
|
||||
headers: {
|
||||
'Cache-Control': 'max-age=0',
|
||||
Vary: '*',
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
const app = express();
|
||||
|
||||
app.use('/images', express.static(path.resolve(process.cwd(), "./images")));
|
||||
|
||||
|
||||
app.use(webpackDevMiddleware(compiler, options));
|
||||
app.use(require("webpack-hot-middleware")(compiler, {
|
||||
log: console.log, path: '/__webpack_hmr'
|
||||
}))
|
||||
|
||||
app.get('/elm-pages-dev-server-options', function (req, res) {
|
||||
res.json({ elmDebugger: debug });
|
||||
});
|
||||
|
||||
app.use("*", function (req, res, next) {
|
||||
// don't know why this works, but it does
|
||||
// see: https://github.com/jantimon/html-webpack-plugin/issues/145#issuecomment-170554832
|
||||
const filename = path.join(compiler.outputPath, "index.html");
|
||||
const route = req.originalUrl.replace(/(\w)\/$/, "$1").replace(/^\//, "");
|
||||
const isPage = routes.includes(route);
|
||||
|
||||
compiler.outputFileSystem.readFile(filename, function (err, result) {
|
||||
if (err) {
|
||||
return next(err);
|
||||
}
|
||||
|
||||
const contents = isPage
|
||||
? replaceBaseAndLinks(result.toString(), route)
|
||||
: result
|
||||
|
||||
res.set("content-type", "text/html");
|
||||
res.send(contents);
|
||||
res.end();
|
||||
});
|
||||
});
|
||||
|
||||
const port = customPort || 3000;
|
||||
app.listen(port, () =>
|
||||
console.log(`🚀 elm-pages develop on http://localhost:${port}`)
|
||||
);
|
||||
// https://stackoverflow.com/questions/43667102/webpack-dev-middleware-and-static-files
|
||||
// app.use(express.static(__dirname + "/path-to-static-folder"));
|
||||
}
|
||||
|
||||
function run({ routes, manifestConfig }) {
|
||||
webpack(
|
||||
webpackOptions(true, routes, {
|
||||
debug: false,
|
||||
manifestConfig,
|
||||
})
|
||||
).run((err, stats) => {
|
||||
if (err) {
|
||||
process.exit(1);
|
||||
} else if (stats.compilation.errors && stats.compilation.errors.length > 0) {
|
||||
console.error(stats.compilation.errors);
|
||||
process.exit(1);
|
||||
} else {
|
||||
console.log(
|
||||
stats.toString({
|
||||
chunks: false, // Makes the build much quieter
|
||||
colors: true, // Shows colors in the console
|
||||
// copied from `'minimal'`
|
||||
all: false,
|
||||
modules: false,
|
||||
performance: true,
|
||||
timings: false,
|
||||
outputPath: true,
|
||||
maxModules: 0,
|
||||
errors: true,
|
||||
warnings: true,
|
||||
// our additional options
|
||||
moduleTrace: false,
|
||||
errorDetails: false
|
||||
})
|
||||
);
|
||||
|
||||
const duration = roundToOneDecimal(
|
||||
(stats.endTime - stats.startTime) / 1000
|
||||
);
|
||||
console.log(`Duration: ${duration}s`);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function roundToOneDecimal(n) {
|
||||
return Math.round(n * 10) / 10;
|
||||
}
|
||||
|
||||
function printProgress(progress, message) {
|
||||
readline.clearLine(process.stdout);
|
||||
readline.cursorTo(process.stdout, 0);
|
||||
process.stdout.write(`${progress} ${message}`);
|
||||
}
|
||||
function webpackOptions(
|
||||
production,
|
||||
routes,
|
||||
{ debug, manifestConfig }
|
||||
) {
|
||||
const common = {
|
||||
mode: production ? "production" : "development",
|
||||
plugins: [
|
||||
new PluginGenerateElmPagesBuild(),
|
||||
new AddFilesPlugin(),
|
||||
new CopyPlugin([
|
||||
{
|
||||
// from inside the static folder
|
||||
context: "static/",
|
||||
// copy everything
|
||||
from: "**/*",
|
||||
}
|
||||
]),
|
||||
new CopyPlugin([
|
||||
{
|
||||
from: "images/",
|
||||
to: "images/"
|
||||
}
|
||||
]),
|
||||
new ImageminPlugin({
|
||||
test: /\.(jpe?g|png|gif|svg)$/i,
|
||||
cacheFolder: path.resolve(process.cwd(), "./.cache"),
|
||||
disable: !production,
|
||||
pngquant: {
|
||||
quality: "50-70",
|
||||
speed: 7
|
||||
},
|
||||
plugins: [
|
||||
imageminMozjpeg({
|
||||
quality: 75,
|
||||
progressive: false
|
||||
})
|
||||
]
|
||||
}),
|
||||
|
||||
new HTMLWebpackPlugin({
|
||||
inject: "head",
|
||||
templateContent: `<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<link rel="preload" href="content.json" as="fetch" crossorigin />
|
||||
|
||||
<base href="/" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<script>
|
||||
if ("serviceWorker" in navigator) {
|
||||
window.addEventListener("load", () => {
|
||||
navigator.serviceWorker.register("service-worker.js");
|
||||
});
|
||||
} else {
|
||||
console.log("No service worker registered.");
|
||||
}
|
||||
</script>
|
||||
${production ? '' : hotReloadIndicatorStyle}
|
||||
</head>
|
||||
|
||||
<body></body>
|
||||
|
||||
|
||||
</html>`
|
||||
}),
|
||||
new ScriptExtHtmlWebpackPlugin({
|
||||
preload: /\.js$/,
|
||||
defaultAttribute: 'defer'
|
||||
}),
|
||||
new FaviconsWebpackPlugin({
|
||||
logo: `./${manifestConfig.sourceIcon}`,
|
||||
prefix: "assets/",
|
||||
|
||||
publicPath: "",
|
||||
outputPath: "",
|
||||
|
||||
favicons: {
|
||||
manifestRelativePaths: true,
|
||||
path: "", // Path for overriding default icons path. `string`
|
||||
appName: manifestConfig.name, // Your application's name. `string`
|
||||
appShortName: manifestConfig.short_name, // Your application's short_name. `string`. Optional. If not set, appName will be used
|
||||
appDescription: manifestConfig.description, // Your application's description. `string`
|
||||
developerName: null, // Your (or your developer's) name. `string`
|
||||
developerURL: null, // Your (or your developer's) URL. `string`
|
||||
dir: "auto", // Primary text direction for name, short_name, and description
|
||||
lang: "en-US", // Primary language for name and short_name
|
||||
background: manifestConfig.background_color, // Background colour for flattened icons. `string`
|
||||
theme_color: manifestConfig.theme_color, // Theme color user for example in Android's task switcher. `string`
|
||||
appleStatusBarStyle: "black-translucent", // Style for Apple status bar: "black-translucent", "default", "black". `string`
|
||||
display: manifestConfig.display, // Preferred display mode: "fullscreen", "standalone", "minimal-ui" or "browser". `string`
|
||||
orientation: manifestConfig.orientation, // Default orientation: "any", "natural", "portrait" or "landscape". `string`
|
||||
scope: manifestConfig.serviceworker.scope, // set of URLs that the browser considers within your app
|
||||
start_url: manifestConfig.start_url, // Start URL when launching the application from a device. `string`
|
||||
version: "1.0", // Your application's version string. `string`
|
||||
logging: true, // Print logs to console? `boolean`
|
||||
pixel_art: false, // Keeps pixels "sharp" when scaling up, for pixel art. Only supported in offline mode.
|
||||
loadManifestWithCredentials: false, // Browsers don't send cookies when fetching a manifest, enable this to fix that. `boolean`
|
||||
icons: {
|
||||
// Platform Options:
|
||||
// - offset - offset in percentage
|
||||
// - background:
|
||||
// * false - use default
|
||||
// * true - force use default, e.g. set background for Android icons
|
||||
// * color - set background for the specified icons
|
||||
// * mask - apply mask in order to create circle icon (applied by default for firefox). `boolean`
|
||||
// * overlayGlow - apply glow effect after mask has been applied (applied by default for firefox). `boolean`
|
||||
// * overlayShadow - apply drop shadow after mask has been applied .`boolean`
|
||||
//
|
||||
android: true, // Create Android homescreen icon. `boolean` or `{ offset, background, mask, overlayGlow, overlayShadow }`
|
||||
appleIcon: true, // Create Apple touch icons. `boolean` or `{ offset, background, mask, overlayGlow, overlayShadow }`
|
||||
appleStartup: false, // Create Apple startup images. `boolean` or `{ offset, background, mask, overlayGlow, overlayShadow }`
|
||||
coast: false, // Create Opera Coast icon. `boolean` or `{ offset, background, mask, overlayGlow, overlayShadow }`
|
||||
favicons: true, // Create regular favicons. `boolean` or `{ offset, background, mask, overlayGlow, overlayShadow }`
|
||||
firefox: false, // Create Firefox OS icons. `boolean` or `{ offset, background, mask, overlayGlow, overlayShadow }`
|
||||
windows: false, // Create Windows 8 tile icons. `boolean` or `{ offset, background, mask, overlayGlow, overlayShadow }`
|
||||
yandex: false // Create Yandex browser icon. `boolean` or `{ offset, background, mask, overlayGlow, overlayShadow }`
|
||||
}
|
||||
}
|
||||
}),
|
||||
new InjectManifest({
|
||||
swSrc: path.resolve(__dirname, "./service-worker-template.js"),
|
||||
// don't include index.html and main.js in pre-cache because it was causing stale data for some users
|
||||
// include: [/^index\.html$/, /main\.js$/],
|
||||
include: [],
|
||||
exclude: [
|
||||
/android-chrome-.*\.png$/,
|
||||
/apple-touch-icon.*\.png/,
|
||||
/assets\//
|
||||
],
|
||||
swDest: "service-worker.js"
|
||||
}),
|
||||
// comment this out to do performance profiling
|
||||
// (drag-and-drop `events.json` file into Chrome performance tab)
|
||||
// new webpack.debug.ProfilingPlugin()
|
||||
],
|
||||
output: {},
|
||||
resolve: {
|
||||
modules: [
|
||||
path.resolve(process.cwd(), `./node_modules`),
|
||||
// TODO: find a cleaner way to do this.
|
||||
// This line just needs a way to point to the `node_modules` directory
|
||||
// for the library bin (not the user's node_modules, which is the
|
||||
// process.cwd prefixed node_modules above).
|
||||
path.resolve(path.dirname(require.resolve('webpack')), '../../'),
|
||||
|
||||
],
|
||||
extensions: [".js", ".elm", ".scss", ".png", ".html"]
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.js$/,
|
||||
exclude: /node_modules/,
|
||||
use: {
|
||||
loader: require.resolve("babel-loader")
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.scss$/,
|
||||
exclude: [/elm-stuff/],
|
||||
// see https://github.com/webpack-contrib/css-loader#url
|
||||
loaders: [
|
||||
require.resolve("style-loader"),
|
||||
require.resolve("css-loader"),
|
||||
require.resolve("sass-loader")
|
||||
]
|
||||
},
|
||||
{
|
||||
test: /\.css$/,
|
||||
exclude: [/elm-stuff/],
|
||||
loaders: [
|
||||
require.resolve("style-loader"),
|
||||
require.resolve("css-loader")
|
||||
]
|
||||
},
|
||||
{
|
||||
test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
||||
exclude: [/elm-stuff/, /node_modules/],
|
||||
loader: require.resolve("file-loader")
|
||||
}
|
||||
]
|
||||
}
|
||||
};
|
||||
if (production) {
|
||||
return merge(common, {
|
||||
entry: "./index.js",
|
||||
optimization: {
|
||||
minimizer: [
|
||||
new TerserPlugin({
|
||||
parallel: true,
|
||||
cache: true,
|
||||
// The following options are suggested by Evan.
|
||||
// See https://github.com/elm/compiler/blob/master/hints/optimize.md#instructions
|
||||
terserOptions: {
|
||||
compress: {
|
||||
pure_funcs: ["F2", "F3", "F4", "F5", "F6", "F7", "F8", "F9", "A2", "A3", "A4", "A5", "A6", "A7", "A8", "A9"],
|
||||
comparisons: false,
|
||||
pure_getters: true,
|
||||
keep_fargs: false,
|
||||
unsafe_comps: true,
|
||||
unsafe: true
|
||||
},
|
||||
mangle: {
|
||||
safari10: true,
|
||||
},
|
||||
output: {
|
||||
ecma: 5,
|
||||
comments: false,
|
||||
// Turned on because emoji and regex is not minified properly using default
|
||||
// https://github.com/facebook/create-react-app/issues/2488
|
||||
ascii_only: true
|
||||
},
|
||||
}
|
||||
}),
|
||||
]
|
||||
},
|
||||
plugins: [
|
||||
new webpack.ProgressPlugin({
|
||||
entries: true,
|
||||
modules: true,
|
||||
modulesCount: 100,
|
||||
profile: true,
|
||||
handler: (percentage, message, ...args) => {
|
||||
printProgress(`${Math.floor(percentage * 100)}%`, message);
|
||||
}
|
||||
}),
|
||||
new PrerenderSPAPlugin({
|
||||
staticDir: path.join(process.cwd(), "dist"),
|
||||
routes: routes.map(r => `/${r}`),
|
||||
|
||||
renderer: new PrerenderSPAPlugin.PuppeteerRenderer({
|
||||
renderAfterDocumentEvent: "prerender-trigger",
|
||||
headless: true,
|
||||
devtools: false,
|
||||
}),
|
||||
|
||||
postProcess: renderedRoute => {
|
||||
renderedRoute.html = replaceBaseAndLinks(
|
||||
renderedRoute.html,
|
||||
renderedRoute.route
|
||||
)
|
||||
|
||||
return renderedRoute
|
||||
}
|
||||
})
|
||||
],
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.elm$/,
|
||||
exclude: [/elm-stuff/, /node_modules/],
|
||||
use: {
|
||||
loader: require.resolve("elm-webpack-loader"),
|
||||
options: {
|
||||
optimize: true
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
} else {
|
||||
return merge(common, {
|
||||
entry: [
|
||||
hmrClientPath(),
|
||||
"./index.js",
|
||||
],
|
||||
plugins: [
|
||||
new webpack.NamedModulesPlugin(),
|
||||
new webpack.HotModuleReplacementPlugin(),
|
||||
// Prevents compilation errors causing the hot loader to lose state
|
||||
new webpack.NoEmitOnErrorsPlugin(),
|
||||
],
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.elm$/,
|
||||
exclude: [/elm-stuff/, /node_modules/],
|
||||
use: [
|
||||
{ loader: require.resolve("elm-hot-webpack-loader") },
|
||||
{
|
||||
loader: require.resolve("elm-webpack-loader"),
|
||||
options: {
|
||||
debug: debug,
|
||||
forceWatch: true
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function hmrClientPath() {
|
||||
var ansiColors = {
|
||||
reset: ['ffffff', 'transparent'], // [FOREGROUD_COLOR, BACKGROUND_COLOR]
|
||||
black: '000',
|
||||
red: 'c91b00',
|
||||
green: '00c200',
|
||||
yellow: 'c7c400',
|
||||
blue: '0225c7',
|
||||
magenta: 'c930c7',
|
||||
cyan: '00c5c7',
|
||||
lightgrey: 'f0f0f0',
|
||||
darkgrey: '888'
|
||||
};
|
||||
var overlayStyles = {
|
||||
// options from https://github.com/webpack-contrib/webpack-hot-middleware/blob/master/client-overlay.js
|
||||
|
||||
background: 'rgba(0,0,0,0.90)',
|
||||
color: '#e8e8e8',
|
||||
lineHeight: '1.6',
|
||||
whiteSpace: 'pre-wrap',
|
||||
fontFamily: 'Menlo, Consolas, monospace',
|
||||
fontSize: '16px',
|
||||
// position: 'fixed',
|
||||
// zIndex: 9999,
|
||||
// padding: '10px',
|
||||
// left: 0,
|
||||
// right: 0,
|
||||
// top: 0,
|
||||
// bottom: 0,
|
||||
// overflow: 'auto',
|
||||
// dir: 'ltr',
|
||||
// textAlign: 'left',
|
||||
};
|
||||
return `${require.resolve("webpack-hot-middleware/client")}?ansiColors=${encodeURIComponent(JSON.stringify(ansiColors))}&overlayStyles=${encodeURIComponent(JSON.stringify(overlayStyles))}`;
|
||||
}
|
||||
|
||||
|
||||
function cleanRoute(route) {
|
||||
return route.replace(/(^\/|\/$)/, "")
|
||||
}
|
||||
|
||||
|
||||
function pathToRoot(cleanedRoute) {
|
||||
return cleanedRoute === ""
|
||||
? cleanedRoute
|
||||
: cleanedRoute
|
||||
.split("/")
|
||||
.map(_ => "..")
|
||||
.join("/")
|
||||
.replace(/\.$/, "./")
|
||||
}
|
||||
|
||||
|
||||
function replaceBaseAndLinks(html, route) {
|
||||
const cleanedRoute = cleanRoute(route)
|
||||
|
||||
const href = cleanedRoute === '' ? './' : pathToRoot(cleanedRoute)
|
||||
return (html || "").replace(`<base href="/"`, `<base href="${href}"`)
|
||||
}
|
||||
@ -1,67 +0,0 @@
|
||||
const fs = require("fs");
|
||||
const runElm = require("./compile-elm.js");
|
||||
const copyModifiedElmJson = require("./rewrite-elm-json.js");
|
||||
const { elmPagesCliFile, elmPagesUiFile } = require("./elm-file-constants.js");
|
||||
const {
|
||||
generateTemplateModuleConnector,
|
||||
} = require("./generate-template-module-connector.js");
|
||||
const path = require("path");
|
||||
const { ensureDirSync, deleteIfExists } = require("./file-helpers.js");
|
||||
let wasEqualBefore = false;
|
||||
|
||||
module.exports = function run(mode, staticRoutes, markdownContent) {
|
||||
ensureDirSync("./elm-stuff");
|
||||
ensureDirSync("./gen");
|
||||
ensureDirSync("./elm-stuff/elm-pages");
|
||||
|
||||
// prevent compilation errors if migrating from previous elm-pages version
|
||||
deleteIfExists("./elm-stuff/elm-pages/Pages/ContentCache.elm");
|
||||
deleteIfExists("./elm-stuff/elm-pages/Pages/Platform.elm");
|
||||
|
||||
const uiFileContent = elmPagesUiFile(staticRoutes, markdownContent);
|
||||
const templateConnectorFile = generateTemplateModuleConnector();
|
||||
const codeGenFingerprint = uiFileContent + templateConnectorFile;
|
||||
|
||||
// TODO should just write it once, but webpack doesn't seem to pick up the changes
|
||||
// so this wasEqualBefore code causes it to get written twice to make sure the changes come through for HMR
|
||||
if (wasEqualBefore) {
|
||||
fs.writeFileSync("./gen/Pages.elm", uiFileContent);
|
||||
}
|
||||
if (global.previousUiFileContent === codeGenFingerprint) {
|
||||
wasEqualBefore = false;
|
||||
} else {
|
||||
wasEqualBefore = true;
|
||||
fs.writeFileSync("./gen/Pages.elm", uiFileContent);
|
||||
fs.writeFileSync("./gen/TemplateModulesBeta.elm", templateConnectorFile);
|
||||
}
|
||||
|
||||
global.previousUiFileContent = codeGenFingerprint;
|
||||
|
||||
if (!global.didInitialCodegen) {
|
||||
global.didInitialCodegen = true;
|
||||
fs.copyFileSync(
|
||||
path.join(__dirname, `./Template.elm`),
|
||||
`./gen/Template.elm`
|
||||
);
|
||||
fs.copyFileSync(
|
||||
path.join(__dirname, `./Template.elm`),
|
||||
`./elm-stuff/elm-pages/Template.elm`
|
||||
);
|
||||
}
|
||||
// write `Pages.elm` with cli interface
|
||||
fs.writeFileSync(
|
||||
"./elm-stuff/elm-pages/Pages.elm",
|
||||
elmPagesCliFile(staticRoutes, markdownContent)
|
||||
);
|
||||
|
||||
fs.writeFileSync(
|
||||
"./elm-stuff/elm-pages/TemplateModulesBeta.elm",
|
||||
templateConnectorFile
|
||||
);
|
||||
|
||||
// write modified elm.json to elm-stuff/elm-pages/
|
||||
copyModifiedElmJson();
|
||||
|
||||
// run Main.elm from elm-stuff/elm-pages with `runElm`
|
||||
return runElm(mode);
|
||||
};
|
||||
Loading…
Reference in New Issue
Block a user