npm - create-nodality - Versions diffs - 1.0.91 → 1.0.93 - Mend

create-nodality 1.0.91 → 1.0.93

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/bin/index.js +29 -40
package/package.json +1 -1

package/bin/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
-import { mkdirSync, writeFileSync, existsSync, copyFileSync } from "fs";
+import { mkdirSync, writeFileSync, existsSync } from "fs";
 import { resolve } from "path";
 import { execSync } from "child_process";
@@ -12,14 +12,14 @@ function createProject(projectName) {
     process.exit(1);
   }
-  // Create folders
   mkdirSync(projectPath);
   const srcPath = resolve(projectPath, "src");
   mkdirSync(srcPath);
-  // Copy index.html
-  const indexHtml = `
-<!DOCTYPE html>
+  // Root dev index.html — used during `npm run dev` (live-server serves
+  // upload/, but the root file is also kept as a development fallback
+  // pointing at src/app.js via the node_modules importmap).
+  const indexHtml = `<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
@@ -41,16 +41,16 @@ function createProject(projectName) {
   <!-- User app -->
   <script type="module" src="src/app.js"></script>
 </body>
-</html>
-  `;
-  writeFileSync(resolve(projectPath, "index.html"), indexHtml.trim());
+</html>`;
+  writeFileSync(resolve(projectPath, "index.html"), indexHtml);
-  // Copy app.js
-  const appJs = `
-import { Des } from "nodality";
+  // src/app.js — the user's source. On first `npm run prerender`
+  // the CLI clones this into upload/pages/<name>.js as the SSG entry.
+  const appJs = `import { Des } from "nodality";
 const elements = [
-  { type: "h1", text: "Hello" }
+  { type: "h1", text: "Hello" },
+  { type: "nav" }
 ];
 const nodes = [
@@ -62,14 +62,15 @@ new Des()
   .add(elements)
   .set({
     mount: "#mount",
-    code: true,
+    code: false,
   });
-  `;
-  writeFileSync(resolve(srcPath, "app.js"), appJs.trim());
+`;
+  writeFileSync(resolve(srcPath, "app.js"), appJs);
-  // Copy webpack.config.js
-  const webpackConfig = `
-import path from "path";
+  // webpack outputs the bundle into upload/ so dev (live-server upload)
+  // and prerender both see the same lib.bundle.js. clean:false so the
+  // build does not wipe the SSG index.html / pages/ that live alongside.
+  const webpackConfig = `import path from "path";
 import { fileURLToPath } from "url";
 const __filename = fileURLToPath(import.meta.url);
@@ -79,12 +80,12 @@ export default {
   mode: "production",
   entry: "nodality",               // bundle Nodality only
   output: {
-    path: path.resolve(__dirname, "dist"),
+    path: path.resolve(__dirname, "upload"),
     filename: "lib.bundle.js",
     library: { type: "module" },   // ESM output
     environment: { module: true },
-    clean: true,
-    publicPath: "/",
+    clean: false,                  // upload/ holds index.html + pages/ — do not wipe
+    publicPath: "./",
   },
   experiments: { outputModule: true },
   module: {
@@ -97,22 +98,18 @@ export default {
     ],
   },
 };
-  `;
-  writeFileSync(resolve(projectPath, "webpack.config.js"), webpackConfig.trim());
+`;
+  writeFileSync(resolve(projectPath, "webpack.config.js"), webpackConfig);
-  // package.json
   const pkg = {
     name: projectName,
     version: "1.0.0",
     type: "module",
     scripts: {
       build: "webpack --config webpack.config.js",
-      // `prerender` is the SSG step — renders upload/*.html in place
-      // from upload/pages/*.js entries. Reads nodality.config.json
-      // (scaffolded below) for origin + optional locales/pages.
       prerender: "nodality prerender",
       watch: "webpack --watch --config webpack.config.js",
-      start: "live-server . --port=4000 --watch=dist,src",
+      start: "live-server upload --port=4000 --watch=upload",
       dev: "npm-run-all --parallel watch start"
     },
     dependencies: {
@@ -132,13 +129,6 @@ export default {
   };
   writeFileSync(resolve(projectPath, "package.json"), JSON.stringify(pkg, null, 2));
-  // nodality.config.json — read by `nodality prerender`. Origin is
-  // a placeholder the user should change; everything else has a
-  // sensible default and can stay out of the file unless overridden.
-  // The empty `pages: []` means "auto-discover" (walk upload/*.html
-  // and pair with upload/pages/<name>.js or upload/<name>.js). For
-  // irregular pairs like `index.html → app.js`, fill in pages
-  // explicitly here.
   const nodalityConfig = {
     origin: `https://${projectName}.example.com`,
     uploadDir: "upload",
@@ -162,17 +152,16 @@ export default {
   console.log(`\n${color1abc9c}${bold}%s${reset}\n`, `Project "${projectName}" is ready! 🎉`);
   console.log("\nUsage:\n");
   console.log(`  cd ${projectName}`);
-  console.log("  npm run build      # Rebuild library bundle");
-  console.log("  npm run prerender  # Prerender static HTML for production (SSG)");
-  console.log("  npm run dev        # Start dev server with live reload");
-  console.log("  npm start          # Serve project without watch");
+  console.log("  npm run build      # Rebuild library bundle into upload/");
+  console.log("  npm run prerender  # First run bootstraps upload/, then renders static HTML");
+  console.log("  npm run dev        # Start dev server (live-server on upload/) with watch");
+  console.log("  npm start          # Serve upload/ without watch");
   console.log("");
   console.log(
     `  Edit ${color1abc9c}nodality.config.json${reset} to set your public origin before running prerender.`
   );
 }
-// Get project name from CLI args
 const args = process.argv.slice(2);
 if (!args[0]) {
   console.error("Usage: npm create nodality <project-name>");

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "create-nodality",
-  "version": "1.0.91",
+  "version": "1.0.93",
   "description": "Project scaffolding tool for Nodality library",
   "bin": {
     "create-nodality": "bin/index.js"