coralite-scripts 0.29.2 → 0.29.4

package/bin/index.js

@@ -60,13 +60,16 @@ if (mode === 'dev') {
   deleteDirectoryRecursive(config.output)
 
   const start = process.hrtime()
+
   // start coralite
   const coralite = new Coralite({
     components: config.components,
     pages: config.pages,
     plugins: config.plugins,
     assets: config.assets,
-    output: config.output
+    baseURL: config.baseURL,
+    output: config.output,
+    mode: 'production'
   })
   await coralite.initialise()
 
@@ -99,6 +102,22 @@ if (mode === 'dev') {
       return outFile
     })
 
+    // Write ESM script assets generated during the build phase
+    if (coralite.outputFiles) {
+      const assetsDir = join(config.output, 'assets', 'js')
+      await mkdir(assetsDir, { recursive: true })
+
+      const assetWrites = Object.values(coralite.outputFiles).map(async (file) => {
+        const outFile = join(assetsDir, file.hashedPath)
+        await writeFile(outFile, file.text)
+        if (options.verbose) {
+          process.stdout.write(toTime() + toMS(0) + dash + outFile + '\n')
+        }
+      })
+
+      await Promise.all(assetWrites)
+    }
+
     if (!options.verbose) {
       spinner.succeed(`Pages built (${pageCount} completed)`)
       if (componentCount > 0) {
@@ -126,7 +145,7 @@ if (mode === 'dev') {
       if (config.styles.type === 'sass' || config.styles.type === 'scss') {
         const results = await buildSass({
           input: config.styles.input,
-          output: join(config.output, 'css'),
+          output: join(config.output, 'assets', 'css'),
           options: config.sassOptions,
           start
         })
@@ -141,7 +160,7 @@ if (mode === 'dev') {
       } else if (config.styles.type === 'css') {
         const results = await buildCSS({
           input: config.styles.input,
-          output: join(config.output, 'css'),
+          output: join(config.output, 'assets', 'css'),
           plugins: config.cssPlugins,
           start
         })

package/libs/server.js

@@ -38,6 +38,7 @@ async function server (config, options) {
       pages: config.pages,
       plugins: config.plugins,
       assets: config.assets,
+      baseURL: config.baseURL,
       ignoreByAttribute: config.ignoreByAttribute,
       skipRenderByAttribute: config.skipRenderByAttribute,
       mode: 'development',
@@ -109,7 +110,7 @@ async function server (config, options) {
 
         watchPath.push(config.styles.input)
 
-        app.use('/css', express.static(join(config.output, 'css'), {
+        app.use('/assets/css', express.static(join(config.output, 'assets', 'css'), {
           cacheControl: false
         }))
       } else {
@@ -122,7 +123,7 @@ async function server (config, options) {
         // rebuild CSS and send notification
         const results = await buildSass({
           ...config.styles,
-          output: join(config.output, 'css'),
+          output: join(config.output, 'assets', 'css'),
           start
         })
 
@@ -138,7 +139,7 @@ async function server (config, options) {
 
         await buildCSS({
           input: config.styles.input,
-          output: join(config.output, 'css'),
+          output: join(config.output, 'assets', 'css'),
           plugins: config.cssPlugins,
           start
         })
@@ -294,6 +295,21 @@ async function server (config, options) {
             }
           })
 
+          // Write ESM script assets generated during the build phase
+          if (coralite.outputFiles) {
+            const assetsDir = join(config.output, 'assets', 'js')
+            if (!existsSync(assetsDir)) {
+              await mkdir(assetsDir, { recursive: true })
+            }
+
+            const assetWrites = Object.values(coralite.outputFiles).map(async (file) => {
+              const outFile = join(assetsDir, file.hashedPath)
+              await writeFile(outFile, file.text)
+            })
+
+            await Promise.all(assetWrites)
+          }
+
           // prints time and path to the file that has been changed or added.
           duration = process.hrtime(start)
           process.stdout.write(toTime() + colours.bgGreen(' Compiled HTML ') + dash + toMS(duration) + dash + '/' + cacheKey + '\n')
@@ -371,7 +387,7 @@ async function server (config, options) {
             const results = await buildSass({
               input: config.styles.input,
               options: config.sassOptions,
-              output: join(config.output, 'css'),
+              output: join(config.output, 'assets', 'css'),
               start
             })
 
@@ -384,7 +400,7 @@ async function server (config, options) {
           if (cssChanges.length > 0) {
             const results = await buildCSS({
               input: config.styles.input,
-              output: join(config.output, 'css'),
+              output: join(config.output, 'assets', 'css'),
               plugins: config.cssPlugins,
               start
             })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coralite-scripts",
-  "version": "0.29.2",
+  "version": "0.29.4",
   "description": "Configuration and scripts for Create Coralite.",
   "type": "module",
   "bin": {
@@ -58,7 +58,7 @@
     "portfinder": "^1.0.38",
     "postcss": "^8.5.6",
     "sass": "^1.91.0",
-    "coralite": "0.29.2"
+    "coralite": "0.29.3"
   },
   "scripts": {
     "build": "premove dist && pnpm build-types",