json-crud-ui-components 1.3.1 → 1.4.1

package/bin/v4/commands/addListeners/steps/checks.js

@@ -0,0 +1,25 @@
+import path from "path";
+import fs from "fs";
+
+const validate = ({ toPath, inDefaultFolderName, inFileNameToCheck }) => {
+    const fileNameToCheck = inFileNameToCheck;
+
+    const htmlPath = path.join(toPath, fileNameToCheck);
+    const indexPath = path.join(toPath, inDefaultFolderName);
+
+    if (!fs.existsSync(htmlPath)) {
+        console.log(`${fileNameToCheck} not found`);
+
+        return true;
+    };
+
+    if (fs.existsSync(indexPath)) {
+        console.log(`${folderNameToCheck} folder found`);
+
+        return true;
+    };
+
+    return false;
+};
+
+export default validate;

package/bin/{v2 → v4}/commands/addListeners/steps/resolveFolderName.js

@@ -1,7 +1,7 @@
 import fs from "fs";
 
 export default function resolveFolderName({ name }) {
-    const defaultFolerName = "htmlId";
+    const defaultFolerName = "AddListeners";
 
     // case 1: force new → timestamp
     if (name === null) {

package/bin/{v2 → v4}/commands/addListeners.js

@@ -5,8 +5,13 @@ import { createProject } from "./addListeners/steps/createProject.js";
 import { announce } from "./addListeners/steps/announce.js";
 
 import resolveFolderName from "./addListeners/steps/resolveFolderName.js";
+import checks from "./addListeners/steps/checks.js";
 
 export default ({ folderName = "", toPath = process.cwd(), inAnnounce = true }) => {
+    const fromChecks = checks({ toPath, inAnnounce });
+
+    if (fromChecks) return false;
+
     const resolvedFolderName = resolveFolderName({
         name: folderName
     });

package/bin/v4/commands/htmlIdClick/steps/checks.js

@@ -0,0 +1,25 @@
+import path from "path";
+import fs from "fs";
+const fileNameToCheck = "runAfterDomLoad.js";
+const folderNameToCheck = "AddListeners";
+
+const validate = ({ toPath }) => {
+    const htmlPath = path.join(toPath, fileNameToCheck);
+    const indexPath = path.join(toPath, folderNameToCheck);
+
+    if (!fs.existsSync(htmlPath)) {
+        console.log(`${fileNameToCheck} not found`);
+
+        return true;
+    };
+
+    if (fs.existsSync(indexPath)) {
+        console.log(`${folderNameToCheck} folder found`);
+
+        return true;
+    };
+
+    return false;
+};
+
+export default validate;

package/bin/{v2 → v4}/commands/htmlIdClick/steps/resolveFolderName.js

@@ -1,11 +1,8 @@
 import fs from "fs";
 
-export default function resolveFolderName({ name, inType = "basic" }) {
-    const defaultFolerName = "AddListeners";
-
-    // case 1: force new → timestamp
+export default function resolveFolderName({ name, inDefaultFolderName = "<htmlId>" }) {
     if (name === null) {
-        name = defaultFolerName;
+        name = inDefaultFolderName;
     };
 
     // case 2: user provided → strict

package/bin/{v2 → v4}/commands/htmlIdClick.js

@@ -5,10 +5,22 @@ import { createProject } from "./htmlIdClick/steps/createProject.js";
 import { announce } from "./htmlIdClick/steps/announce.js";
 
 import resolveFolderName from "./htmlIdClick/steps/resolveFolderName.js";
+import checks from "./addListeners/steps/checks.js";
+
+const defaultFolderName = "<htmlId>";
+const fileNameToCheck = "start.js";
 
 export default ({ folderName = "", toPath = process.cwd(), inAnnounce = true }) => {
+    const fromChecks = checks({
+        toPath, inAnnounce,
+        inDefaultFolderName: defaultFolderName,
+        inFileNameToCheck: fileNameToCheck
+    });
+
+    if (fromChecks) return false;
+
     const resolvedFolderName = resolveFolderName({
-        name: folderName
+        name: folderName, inDefaultFolderName: defaultFolderName
     });
 
     const source = locateSource();

package/bin/v4/commands/init/steps/checks.js

@@ -0,0 +1,23 @@
+import path from "path";
+import fs from "fs";
+
+const validate = ({ toPath }) => {
+    const htmlPath = path.join(toPath, "index.html");
+    const indexPath = path.join(toPath, "index");
+
+    if (!fs.existsSync(htmlPath)) {
+        console.log("index.html not found");
+
+        return true;
+    };
+
+    if (fs.existsSync(indexPath)) {
+        console.log("index folder found");
+
+        return true;
+    };
+
+    return false;
+};
+
+export default validate;

package/bin/{v2 → v4}/commands/init.js

@@ -5,8 +5,13 @@ import { createProject } from "./init/steps/createProject.js";
 import { announce } from "./init/steps/announce.js";
 
 import resolveFolderName from "./init/steps/resolveFolderName.js";
+import checks from "./init/steps/checks.js";
 
 export default ({ folderName = "", toPath = process.cwd(), inAnnounce = true }) => {
+    const fromChecks = checks({ toPath, inAnnounce });
+
+    if (fromChecks) return false;
+
     const resolvedFolderName = resolveFolderName({
         name: folderName
     });
@@ -17,6 +22,4 @@ export default ({ folderName = "", toPath = process.cwd(), inAnnounce = true })
     createProject({ source, destination });
 
     if (inAnnounce) announce({ inResolvedFolderName: resolvedFolderName });
-
-    console.log("aaaaaaaaa ", folderName, toPath, resolvedFolderName);
 };

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/{v2 → v4}/start.js

@@ -11,7 +11,6 @@ const run = async () => {
   const input = parseInput();
 
   if (input.action === "--help" || input.action === "-h" || input.action === "help") return showUsage(version);
-  console.log("input : ", input);
 
   const command = resolveCommand(input.cmd);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "json-crud-ui-components",
-  "version": "1.3.1",
+  "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;
-};

package/bin/v2/core/showUsage.js

@@ -1,39 +0,0 @@
-/*
-KSchema CLI – Entry Flow
-
-1. Read user input from terminal (parseInput)
-2. If no command → show usage (first-time user safety)
-3. If help flags → show usage (quick guidance)
-4. Resolve command dynamically (no hardcoding logic)
-5. If command not found → inform + guide back to usage
-6. Execute command with parsed input
-
-Goal:
-- Zero confusion for user
-- Single source of truth (showUsage)
-- Easy to extend (just add commands, no core changes)
-*/
-
-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 v${version}${r}
-
-${y}Usage:${r}
-  ${g}npx @keshavsoft/kschema-api-gen${r} <command> [options]
-
-${y}Commands:${r}
-  ${g}endPointsJs${r}     Checks for end-points.js file in that location
-
-${y}Examples:${r}
-  ${gray}npx @keshavsoft/kschema-api-gen endPointsJs ShowAll${r}
-
-${y}Tip:${r}
-  ${gray}npm i -g @keshavsoft/kschema-api-gen${r}
-`);
-}