veslx 0.0.4 → 0.0.6

package/bin/lib/build.ts

@@ -0,0 +1,35 @@
+
+import { build } from 'vite'
+import path from 'path'
+import importConfig from "./import-config";
+import veslxPlugin from '../../plugin/src/plugin'
+
+export default async function buildApp() {
+  const cwd = process.cwd()
+
+  console.log(`Building veslx app in ${cwd}`);
+
+  const config = await importConfig(cwd);
+
+  if (!config) {
+    console.error("Configuration file 'veslx.config.ts' not found in the current directory.");
+    return
+  }
+
+  const veslxRoot = new URL('../..', import.meta.url).pathname;
+  const outDir = path.join(cwd, 'dist')
+
+  await build({
+    root: veslxRoot,
+    configFile: new URL('../../vite.config.ts', import.meta.url).pathname,
+    build: {
+      outDir,
+      emptyOutDir: true,
+    },
+    plugins: [
+      veslxPlugin(config.dir)
+    ],
+  })
+
+  console.log(`\nBuild complete: ${outDir}`)
+}

package/bin/lib/serve.ts

@@ -3,7 +3,7 @@ import { createServer } from 'vite'
 import importConfig from "./import-config";
 import veslxPlugin from '../../plugin/src/plugin'
 
-export default async function startServer() {
+export default async function start() {
   const cwd = process.cwd()
 
   console.log(`Starting veslx server in ${cwd}`);
@@ -23,9 +23,6 @@ export default async function startServer() {
     plugins: [
       veslxPlugin(config.dir)
     ],
-    env: {
-      cwd,
-    }
   })
 
   await server.listen()

package/bin/veslx.ts

@@ -6,14 +6,15 @@ import init from "./lib/init";
 import serve from "./lib/serve";
 import start from "./lib/start";
 import stop from "./lib/stop";
+import build from "./lib/build";
 
 const cli = cac("veslx");
 
-console.log(`▗▖  ▗▖▗▄▄▄▖ ▗▄▄▖▗▖   
-▐▌  ▐▌▐▌   ▐▌   ▐▌   
-▐▌  ▐▌▐▛▀▀▘ ▝▀▚▖▐▌   
- ▝▚▞▘ ▐▙▄▄▖▗▄▄▞▘▐▙▄▄▖
-  `);
+console.log(`▗▖  ▗▖▗▄▄▄▖ ▗▄▄▖▗▖   ▗▖  ▗▖
+▐▌  ▐▌▐▌   ▐▌   ▐▌    ▝▚▞▘ 
+▐▌  ▐▌▐▛▀▀▘ ▝▀▚▖▐▌     ▐▌  
+ ▝▚▞▘ ▐▙▄▄▖▗▄▄▞▘▐▙▄▄▖▗▞▘▝▚▖
+`);
 
 cli
   .command("init", "Initialize a new veslx project")
@@ -31,6 +32,10 @@ cli
   .command("stop", "Stop the veslx deamon")
   .action(stop);
 
+cli
+  .command("build", "Build the veslx app")
+  .action(build)
+
 cli.help();
 cli.version(pkg.version);
 cli.parse();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veslx",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "bin": {
     "veslx": "bin/veslx.ts"
@@ -54,7 +54,8 @@
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
     "remark-mdx-frontmatter": "^5.2.0",
-    "shiki": "^3.15.0"
+    "shiki": "^3.15.0",
+    "gray-matter": "^4.0.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
@@ -73,7 +74,6 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
-    "gray-matter": "^4.0.3",
     "lucide-react": "^0.554.0",
     "postcss": "^8.5.6",
     "tailwind-merge": "^3.4.0",

package/plugin/src/client.tsx

@@ -179,7 +179,7 @@ export function useFileContent(path: string) {
         if (err instanceof Error && err.name === 'AbortError') {
           return; // Ignore abort errors
         }
-        setError(err instanceof Error ? err : new Error('Unknown error'));
+        setError(err instanceof Error ? err.message : 'Unknown error');
       } finally {
         setLoading(false);
       }

package/plugin/src/plugin.ts

@@ -5,12 +5,34 @@ import { buildAll } from './lib'
 import chokidar from 'chokidar'
 import type { IncomingMessage, ServerResponse } from 'http'
 
-export default function contentPlugin(dir: string): Plugin {
-  
-  if (!dir) {
+/**
+ * Recursively copy a directory
+ */
+function copyDirSync(src: string, dest: string) {
+  fs.mkdirSync(dest, { recursive: true })
+  const entries = fs.readdirSync(src, { withFileTypes: true })
+
+  for (const entry of entries) {
+    const srcPath = path.join(src, entry.name)
+    const destPath = path.join(dest, entry.name)
+
+    if (entry.isDirectory()) {
+      copyDirSync(srcPath, destPath)
+    } else {
+      fs.copyFileSync(srcPath, destPath)
+    }
+  }
+}
+
+export default function contentPlugin(inputDir: string): Plugin {
+
+  if (!inputDir) {
     throw new Error('Content directory must be specified.')
   }
 
+  // Resolve dir to absolute path from user's cwd
+  const dir = path.isAbsolute(inputDir) ? inputDir : path.resolve(process.cwd(), inputDir)
+
   const buildFn = () => buildAll([dir])
 
   let watchers: chokidar.FSWatcher[] = []
@@ -105,5 +127,19 @@ export default function contentPlugin(dir: string): Plugin {
       await Promise.all(watchers.map(w => w.close()))
       watchers = []
     },
+    writeBundle(options) {
+      // Copy content directory to dist/raw during production build
+      const outDir = options.dir || 'dist'
+      const destDir = path.join(outDir, 'raw')
+
+      console.log(`Copying content from ${dir} to ${destDir}`)
+
+      if (fs.existsSync(dir)) {
+        copyDirSync(dir, destDir)
+        console.log(`Content copied successfully`)
+      } else {
+        console.warn(`Content directory not found: ${dir}`)
+      }
+    },
   }
 }

package/test-content/.vesl.json

@@ -1,49 +0,0 @@
-{
-  "type": "directory",
-  "name": "test-content",
-  "path": ".",
-  "children": [
-    {
-      "type": "file",
-      "name": "README.md",
-      "path": "README.md",
-      "size": 472
-    },
-    {
-      "type": "directory",
-      "name": "test-slides",
-      "path": "test-slides",
-      "children": [
-        {
-          "type": "file",
-          "name": "SLIDES.mdx",
-          "path": "test-slides/SLIDES.mdx",
-          "size": 122,
-          "frontmatter": {
-            "title": "Test Slides",
-            "description": "These are test slides for testing purposes.",
-            "date": "2024-06-15"
-          }
-        }
-      ]
-    },
-    {
-      "type": "directory",
-      "name": "test-post",
-      "path": "test-post",
-      "children": [
-        {
-          "type": "file",
-          "name": "README.mdx",
-          "path": "test-post/README.mdx",
-          "size": 115,
-          "frontmatter": {
-            "title": "Test Post",
-            "description": "This is a test post for testing purposes.",
-            "date": "2024-06-15"
-          }
-        }
-      ]
-    }
-  ]
-}