json-crud-ui-components 1.2.2 → 1.4.1

package/bin/v4/core/resolveCommand.js

@@ -0,0 +1,16 @@
+import fs from "fs";
+
+const files = fs.readdirSync(new URL("../commands/", import.meta.url));
+
+const entries = await Promise.all(
+    files.filter(f => f.endsWith(".js"))
+        .map(async f => [f.replace(".js", ""), (await import(`../commands/${f}`)).default])
+);
+
+const map = Object.fromEntries(entries);
+
+const resolveCommand = (cmd) => {
+    return map[cmd] || null;
+};
+
+export default resolveCommand;

package/bin/v4/core/showUsage.js

@@ -0,0 +1,49 @@
+/*
+JSON CRUD UI CLI – Entry Flow
+
+1. Read user input from terminal (parseInput)
+2. If no command → show usage
+3. If help flags → show usage
+4. Resolve command dynamically
+5. If command not found → show usage
+6. Validate command requirements
+7. Execute command
+
+Goal:
+- Zero confusion for user
+- Single source of truth (showUsage)
+- Self-validating commands
+- Easy to extend (drop-in command architecture)
+*/
+
+export default function showUsage(version) {
+    const g = "\x1b[32m";
+    const y = "\x1b[33m";
+    const c = "\x1b[36m";
+    const gray = "\x1b[90m";
+    const r = "\x1b[0m";
+
+    console.log(`
+${c}🚀 json-crud-ui-components v${version}${r}
+
+${y}Usage:${r}
+  ${g}npx json-crud-ui-components${r} <command>
+
+${y}Commands:${r}
+  ${g}init${r}             Creates initial boilerplate structure
+  ${g}addListeners${r}     Adds listeners boilerplate
+  ${g}buildHeader${r}      Builds header structure
+  ${g}htmlIdClick${r}      Adds htmlIdClick handler
+
+${y}Examples:${r}
+  ${gray}npx json-crud-ui-components init${r}
+  ${gray}npx json-crud-ui-components addListeners${r}
+
+${y}Architecture:${r}
+  ${gray}commands are auto-loaded dynamically${r}
+  ${gray}each command validates required files${r}
+
+${y}Tip:${r}
+  ${gray}Run init first before feature commands${r}
+`);
+}

package/bin/v4/start.js

@@ -0,0 +1,24 @@
+import parseInput from "./core/parseInput.js";
+import showUsage from './core/showUsage.js';
+
+import resolveCommand from "./core/resolveCommand.js";
+
+import pkg from '../../package.json' with { type: 'json' };
+
+const version = pkg.version;
+
+const run = async () => {
+  const input = parseInput();
+
+  if (input.action === "--help" || input.action === "-h" || input.action === "help") return showUsage(version);
+
+  const command = resolveCommand(input.cmd);
+
+  if (!command) return (console.log(`Unknown command: ${input.cmd}\n`), showUsage(version));
+
+  await command({
+    folderName: input.folderName
+  });
+};
+
+export default run;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "json-crud-ui-components",
-  "version": "1.2.2",
+  "version": "1.4.1",
   "description": "working on ui for our json crud using modules",
   "keywords": [
     "cli",

package/bin/v2/commands/addListeners/template/v1/AddListeners/start.js

@@ -1,14 +0,0 @@
-import { funcToRun as funcToRunForLedgersHtmlId } from "./LedgersHtmlId/start.js";
-import { funcToRun as funcToRunForStockItemsHtmlId } from "./StockItemsHtmlId/start.js";
-
-import { funcToRun as funcToRunForImportHtmlId } from "./ImportHtmlId/start.js";
-
-const hookAllListeners = () => {
-    funcToRunForLedgersHtmlId();
-    funcToRunForStockItemsHtmlId();
-
-    funcToRunForImportHtmlId();
-
-};
-
-export { hookAllListeners };

package/bin/v2/core/resolveCommand.js

@@ -1,16 +0,0 @@
-import init from "../commands/init.js";
-import addListeners from "../commands/addListeners.js";
-import htmlIdClick from "../commands/htmlIdClick.js";
-import buildHeader from "../commands/buildHeader.js";
-
-// resolveCommand.js
-const map = {
-    init,
-    addListeners,
-    htmlIdClick,
-    buildHeader
-};
-
-export default function resolveCommand(cmd) {
-    return map[cmd] || null;
-};