coralite-scripts 0.28.0 → 0.28.1

package/bin/index.js

@@ -39,6 +39,9 @@ if (!config) {
 }
 
 if (mode === 'dev') {
+  config.output = join(process.cwd(), '.coralite')
+  await mkdir(config.output, { recursive: true })
+
   await server(config, options)
 } else if (mode === 'build') {
   const PAD = '  '
@@ -69,31 +72,58 @@ if (mode === 'dev') {
   let pageCount = 0
 
   try {
+    let componentCount = 0
+
     if (!options.verbose) {
       spinner = ora('Building pages...').start()
     }
 
     // compile website
     await coralite.build(async (result) => {
-      const relDir = relative(config.pages, result.path.dirname)
-      const outDir = join(config.output, relDir)
-      const outFile = join(outDir, result.path.filename)
+      if (result.type === 'component') {
+        const relativeDir = relative(config.components, result.path.dirname)
+        let outDir
+        if (config.standaloneOutput) {
+          outDir = join(config.output, config.standaloneOutput, relativeDir)
+        } else {
+          outDir = join(config.output, 'components', relativeDir)
+        }
+        const outFile = join(outDir, result.path.filename)
 
-      await mkdir(outDir, { recursive: true })
-      await writeFile(outFile, result.content)
+        await mkdir(outDir, { recursive: true })
+        await writeFile(outFile, result.content)
+
+        if (options.verbose) {
+          process.stdout.write(toTime() + colours.bgCyan(' Compiled Component ') + dash + toMS(result.duration) + dash + result.path.pathname + '\n')
+        } else {
+          componentCount++
+        }
 
-      if (options.verbose) {
-        process.stdout.write(toTime() + toMS(result.duration) + dash + result.path.pathname + '\n')
+        return outFile
       } else {
-        pageCount++
-        spinner.text = `Building pages... (${pageCount} completed)`
-      }
+        const relativeDir = relative(config.pages, result.path.dirname)
+        const outDir = join(config.output, relativeDir)
+        const outFile = join(outDir, result.path.filename)
+
+        await mkdir(outDir, { recursive: true })
+        await writeFile(outFile, result.content)
+
+        if (options.verbose) {
+          process.stdout.write(toTime() + toMS(result.duration) + dash + result.path.pathname + '\n')
+        } else {
+          pageCount++
+          spinner.text = `Building pages... (${pageCount} completed)`
+        }
 
-      return outFile
+        return outFile
+      }
     })
 
     if (!options.verbose) {
       spinner.succeed(`Pages built (${pageCount} completed)`)
+      if (componentCount > 0) {
+        ora(`Components built (${componentCount} completed)`).succeed()
+      }
     }
 
     const publicDir = config.public

package/libs/server.js

@@ -5,7 +5,7 @@ import chokidar from 'chokidar'
 import buildSass from './build-sass.js'
 import { displayError, displayInfo, displaySuccess, toCode, toMS, toTime } from './build-utils.js'
 import { extname, join, normalize, relative, sep } from 'path'
-import { readFile, access, constants } from 'fs/promises'
+import { access, constants, mkdir, writeFile } from 'fs/promises'
 import Coralite from 'coralite'
 import buildCSS from './build-css.js'
 import { existsSync, mkdirSync } from 'fs'
@@ -86,6 +86,11 @@ async function server (config, options) {
       next()
     })
 
+    // serve compiled components directory
+    app.use(express.static(config.output, {
+      cacheControl: false
+    }))
+
     // check if Sass is configured and add its input directory to watchPath for file changes.
     if (config.styles) {
       if (config.styles.input) {
@@ -258,7 +263,26 @@ async function server (config, options) {
 
           await coralite.pages.setItem(pathname)
           // build the HTML for this page using the built-in compiler.
-          const documents = await coralite.build(pathname, (result) => {
+          const documents = await coralite.build(pathname, async (result) => {
+            if (result.type === 'component') {
+              const relativeDir = relative(config.components, result.path.dirname)
+              let outDir
+              if (config.standaloneOutput) {
+                outDir = join(config.output, config.standaloneOutput, relativeDir)
+              } else {
+                outDir = join(config.output, 'components', relativeDir)
+              }
+              const outFile = join(outDir, result.path.filename)
+
+              await mkdir(outDir, { recursive: true })
+              await writeFile(outFile, result.content)
+
+              if (options.verbose) {
+                process.stdout.write(toTime() + colours.bgCyan(' Compiled Component ') + colours.gray(' ─ ') + toMS(result.duration) + colours.gray(' ─ ') + result.path.pathname + '\n')
+              }
+              return null
+            }
+
             // inject a script to enable live reload via Server-Sent Events
             const injectedHtml = result.content.replace(/<\/body>/i, rebuildScript)
 
@@ -288,6 +312,7 @@ async function server (config, options) {
 
           // find the document that matches the request path
           const doc = documents.find(doc => {
+            if (!doc) return false
             const relPath = relative(config.pages, doc.path.pathname)
             const normalizedKey = relPath.split(sep).join('/')
             return normalizedKey === cacheKey

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coralite-scripts",
-  "version": "0.28.0",
+  "version": "0.28.1",
   "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.28.0"
+    "coralite": "0.28.1"
   },
   "scripts": {
     "build": "premove dist && pnpm build-types",