npm - create-nodality - Versions diffs - 1.0.0-beta.9 → 1.0.0-beta.91 - Mend

create-nodality 1.0.0-beta.9 → 1.0.0-beta.91

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 (4) hide show

package/bin/index.js +90 -54
package/package.json +3 -3
package/release.sh +11 -0
/package/{readme.md → readme 10.16.21.md} +0 -0

package/bin/index.js CHANGED Viewed

@@ -1,106 +1,139 @@
 #!/usr/bin/env node
 import { mkdirSync, writeFileSync, existsSync } from "fs";
-import { resolve, dirname } from "path";
+import { resolve/*, dirname*/ } from "path";
 import { execSync } from "child_process";
-import { fileURLToPath } from "url";
+// import { fileURLToPath } from "url";
-// Helper to get directory of current file (ESM compatible)
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
+// path to script itself /Users/fv/create/index.js
+// const __filename = fileURLToPath(import.meta.url);
+// const __dirname = dirname(__filename); // create part (folder name)
 function createProject(projectName) {
+    // process.cwd() = current working directory (where user is running the command from)
+    // /Users/fv/create/PROJECT_NAME
   const projectPath = resolve(process.cwd(), projectName);
+  // Check if it exists
   if (existsSync(projectPath)) {
     console.error(`Folder ${projectName} already exists.`);
     process.exit(1);
   }
+  // Make PROJECT_NAME directory
   mkdirSync(projectPath);
   const srcPath = resolve(projectPath, "src");
   mkdirSync(srcPath);
-  // Create index.html
+  // index.html with import map pointing "nodality" to bundled ES module
+  // module will be bundled in next steps
   const indexHtml = `
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>${projectName}</title>
-</head>
-<body>
-  <div id="mount"></div>
-  <script src="dist/bundle.js"></script>
-</body>
+   <head>
+      <meta charset="UTF-8" />
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+      <title>${projectName}</title>
+      <script type="importmap">
+         {
+           "imports": {
+             "nodality": "/dist/lib.bundle.js"
+           }
+         }
+      </script>
+      <style>
+         * {
+         margin: 0;
+         padding:0;
+         box-sizing: border-box;
+         }
+      </style>
+   </head>
+   <body>
+      <div id="mount"></div>
+      <script type="module" src="/src/app.js"></script>
+   </body>
 </html>
   `;
   writeFileSync(resolve(projectPath, "index.html"), indexHtml.trim());
-  // Create index.js
-  const indexJs = `
-import { Text } from 'nodality';
+  // app.js stays non-bundled with import from "nodality"
+  const appJs = `
+import * as Nodality from "nodality";
+const elements = [
+  { type: "h1", text: "Hello" }
+];
-new Text('Hello, Nodality!')
+const nodes = [
+  { op: "blast" }
+];
+new Des()
+  .nodes(nodes)
+  .add(elements)
   .set({
-    size: 'S1',
-    color: '#1abc9c',
-    font: 'Arial',
-  })
-  .render('#mount');
+    mount: "#mount",
+    code: true,
+  });
   `;
-  writeFileSync(resolve(srcPath, "index.js"), indexJs.trim());
+  writeFileSync(resolve(srcPath, "app.js"), appJs.trim());
-  // Create webpack.config.js
+  // webpack.config.js outputs nodality as ES module library
   const webpackConfig = `
-import path from 'path';
-import { fileURLToPath } from 'url';
+import path from "path";
+import { fileURLToPath } from "url";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 export default {
-  mode: 'production',
-  entry: './src/index.js',
+  mode: "production",
+  entry: "nodality",
   output: {
-    filename: 'bundle.js',
-    path: path.resolve(__dirname, 'dist'),
+    path: path.resolve(__dirname, "dist"), // get dist folder in the current directory
+    filename: "lib.bundle.js", // will produce curr_dir/dist/lib.bundle.js using webpack when run
+    library: {
+      type: "module",
+    },
+    environment: {
+      module: true,
+    },
+    clean: true,
+  },
+  experiments: {
+    outputModule: true,
   },
   module: {
     rules: [
       {
-        test: /\\.js$/,
+        test: /\\.m?js$/,
         exclude: /node_modules/,
         use: {
-          loader: 'babel-loader',
+          loader: "babel-loader",
           options: {
-            presets: ['@babel/preset-env'],
+            presets: ["@babel/preset-env"],
           },
         },
       },
     ],
   },
-  resolve: {
-    alias: {
-      nodality: path.resolve(__dirname, 'node_modules/nodality/dist/index.esm.js'),
-    },
-  },
 };
   `;
   writeFileSync(resolve(projectPath, "webpack.config.js"), webpackConfig.trim());
-  // Create package.json
+  // package.json
   const pkg = {
     name: projectName,
     version: "1.0.0",
     type: "module",
     scripts: {
-      build: "webpack",
+      build: "webpack --config webpack.config.js", // calls webpack
       start: "npx serve . -l 4000",
     },
     dependencies: {
-      nodality: "^1.0.0-beta.5",
+      nodality: "^1.0.0-beta.91",
     },
     devDependencies: {
       webpack: "^5.0.0",
@@ -108,31 +141,34 @@ export default {
       "babel-loader": "^9.0.0",
       "@babel/core": "^7.0.0",
       "@babel/preset-env": "^7.0.0",
+      serve: "^14.0.0",
     },
   };
   writeFileSync(resolve(projectPath, "package.json"), JSON.stringify(pkg, null, 2));
-  // Install dependencies
   console.log("Installing dependencies...");
   execSync(`npm install`, { cwd: projectPath, stdio: "inherit" });
-  // Build project
-  console.log("Building with Webpack...");
-  execSync(`npx webpack`, { cwd: projectPath, stdio: "inherit" });
+  console.log("Building nodality bundle as ES module...");
+  execSync(`npm run build`, { cwd: projectPath, stdio: "inherit" });
+  const bold = "\x1b[1m";
+  const color1abc9c = "\x1b[38;5;37m";
+  const reset = "\x1b[0m";
-  console.log("\nAll done! Run:\n");
+  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 your project");
-  console.log("  npm start          # Serve your project on localhost:4000\n");
+  console.log("  npm run build      # Rebuild library bundle");
+  console.log("  npm start          # Serve the project");
 }
+// copy to create-nodality folder
-// Parse CLI arguments
-const args = process.argv.slice(2);
+// get 3rd component from "args" /(<project-name>)
+const args = process.argv.slice(2);
 if (!args[0]) {
   console.error("Usage: npm create nodality <project-name>");
   process.exit(1);
 }
-// Create the project
 createProject(args[0]);

package/package.json CHANGED Viewed

@@ -1,9 +1,9 @@
 {
   "name": "create-nodality",
-  "version": "1.0.0-beta.9",
+  "version": "1.0.0-beta.91",
   "description": "Project scaffolding tool for Nodality library",
   "bin": {
-    "create-nodality": "./bin/index.js"
+    "create-nodality": "bin/index.js"
   },
   "type": "module",
   "scripts": {
@@ -18,6 +18,6 @@
   "author": "Filip Vabrousek",
   "license": "MIT",
   "dependencies": {
-    "nodality": "^1.0.0-beta.5"
+    "nodality": "^1.0.0-beta.91"
   }
 }

package/release.sh ADDED Viewed

@@ -0,0 +1,11 @@
+next_version=32
+full_version="1.0.0-beta.${next_version}"
+# ✅ Update package version to full beta version
+sed -i '' -E "s/(\"version\": \")1\.0\.0-beta\.[0-9]+\"/\1${full_version}\"/" package.json
+# ✅ Update nodality dependency in package.json to ^1.0.0-beta.xx
+sed -i '' -E "s/(\"nodality\": \")\^1\.0\.0-beta\.[0-9]+\"/\1\\^${full_version}\"/" package.json
+# ✅ Update hardcoded nodality version in bin/index.js
+sed -i '' -E "s/(nodality: \\\")\^1\.0\.0-beta\.[0-9]+(\\\")/\1\\^${full_version}\2/" bin/index.js

/package/{readme.md → readme 10.16.21.md} RENAMED Viewed

File without changes