json-crud-ui-components 1.4.3 → 1.5.2

package/bin/v5/commands/initHtml.js

@@ -0,0 +1,25 @@
+import { locateSource } from "./initHtml/steps/locateSource.js";
+import { locateDestination } from "./initHtml/steps/locateDestination.js";
+
+import { createProject } from "./initHtml/steps/createProject.js";
+import { announce } from "./initHtml/steps/announce.js";
+
+import resolveFolderName from "./initHtml/steps/resolveFolderName.js";
+import checks from "./initHtml/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
+    });
+
+    const source = locateSource();
+    const destination = locateDestination({ inResolvedFolderName: resolvedFolderName });
+
+    createProject({ source, destination });
+
+    if (inAnnounce) announce({ inResolvedFolderName: resolvedFolderName });
+};

package/bin/v5/commands/initJs/steps/announce.js

@@ -0,0 +1,3 @@
+export const announce = ({ inResolvedFolderName }) => {
+    console.log(`[keshavsoft] Project created: ${inResolvedFolderName}`);
+};

package/bin/v5/commands/initJs/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/v5/commands/initJs/steps/createProject.js

@@ -0,0 +1,7 @@
+import fs from "fs";
+
+export const createProject = ({ source, destination }) => {
+    fs.mkdirSync(destination, { recursive: true });
+    
+    fs.cpSync(source, destination, { recursive: true });
+};

package/bin/v5/commands/initJs/steps/locateDestination.js

@@ -0,0 +1,5 @@
+import path from "path";
+
+export const locateDestination = ({ inResolvedFolderName }) => {
+    return path.join(process.cwd(), inResolvedFolderName);
+};

package/bin/v5/commands/initJs/steps/locateSource.js

@@ -0,0 +1,32 @@
+import fs from "fs";
+
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const templatePath = path.join(
+    __dirname,
+    "..",
+    "template"
+);
+
+const versions = fs
+    .readdirSync(templatePath)
+    .filter(item => item.startsWith("v"));
+
+const highestVersion =
+    versions.sort().at(-1);
+
+const sourceVersion =
+    highestVersion;
+
+export const locateSource = () => {
+    return path.join(
+        __dirname,
+        "..",
+        "template",
+        sourceVersion
+    );
+};

package/bin/v5/commands/initJs/steps/resolveFolderName.js

@@ -0,0 +1,17 @@
+import fs from "fs";
+
+export default function resolveFolderName({ name, inType = "basic" }) {
+    const defaultFolerName = "Index";
+
+    // case 1: force new → timestamp
+    if (name === null) {
+        name = defaultFolerName;
+    };
+
+    // case 2: user provided → strict
+    if (fs.existsSync(name)) {
+        throw new Error(`Folder already exists: ${name}`);
+    };
+
+    return name;
+};

package/bin/{v3/commands/init/template/v2 → v5/commands/initJs/template/v3}/FormLoad/DomContentLoaded/buildHeader.js

@@ -1,7 +1,7 @@
 import { initHeader } from "../../../../../../header/v6/initHeader.js";
 
-const buildHeader = () => {
-    const headerConfig = {
+const buildHeader = async () => {
+    const headerConfig1 = {
         items: [
             {
                 text: "ShowAll",
@@ -48,21 +48,11 @@ const buildHeader = () => {
         ]
     };
 
-    initHeader(headerConfig);
-    // callKSHeader(headerConfig).then();
-};
-
-const callKSHeader = async (config) => {
-    if (window.KSHeader?.initHeader) {
-        console.log("table loaded from window.KSTable");
+    const fromFetch = await fetch("./Index/headers.json");
+    const headerConfig = await fromFetch.json();
 
-        return window.KSHeader.initHeader(config); // extension or CDN
-    } else {
-        // const { initTableOnly } = await import("../../../../../../../../KSTableAi/V28/entry.js"); // local
-        const { initTableOnly } = await import("https://keshavsoft.github.io/KsJsTableAi/Public/kstable.js"); // local
-
-        return initTableOnly(config);
-    };
+    await initHeader(headerConfig);
+    // callKSHeader(headerConfig).then();
 };
 
 export { buildHeader };

package/bin/{v3/commands/init/template/v2 → v5/commands/initJs/template/v3}/FormLoad/DomContentLoaded/runAfterDomLoad.js

@@ -1,7 +1,7 @@
 import { buildHeader } from "./buildHeader.js";
 
 const runAfterDomLoad = () => {
-    buildHeader();
+    buildHeader().then();
 };
 
 export { runAfterDomLoad };

package/bin/v5/commands/initJs/template/v3/headers.json

@@ -0,0 +1,45 @@
+{
+    "items": [
+        {
+            "text": "ShowAll",
+            "id": "ShowAllHtmlId",
+            "icon": [
+                "M4 6h16",
+                "M4 10h16",
+                "M4 14h10",
+                "M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
+            ]
+        },
+        {
+            "text": "Search",
+            "id": "SearchHtmlId",
+            "icon": [
+                "M3 7l9 4 9-4",
+                "M3 7l9-4 9 4",
+                "M3 7v10l9 4 9-4V7",
+                "M12 11v10"
+            ]
+        },
+        {
+            "text": "Transactions",
+            "id": "1",
+            "icon": [
+                "M6 2h9l5 5v15a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z",
+                "M14 2v6h6",
+                "M8 12h8",
+                "M8 16h8"
+            ],
+            "href": "../../Transactions/V7/Create/index.html"
+        },
+        {
+            "text": "FromTally",
+            "id": "ImportHtmlId",
+            "icon": [
+                "M4 6h16",
+                "M4 10h16",
+                "M4 14h10",
+                "M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
+            ]
+        }
+    ]
+}

package/bin/v5/commands/initJs.js

@@ -0,0 +1,25 @@
+import { locateSource } from "./initJs/steps/locateSource.js";
+import { locateDestination } from "./initJs/steps/locateDestination.js";
+
+import { createProject } from "./initJs/steps/createProject.js";
+import { announce } from "./initJs/steps/announce.js";
+
+import resolveFolderName from "./initJs/steps/resolveFolderName.js";
+import checks from "./initJs/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
+    });
+
+    const source = locateSource();
+    const destination = locateDestination({ inResolvedFolderName: resolvedFolderName });
+
+    createProject({ source, destination });
+
+    if (inAnnounce) announce({ inResolvedFolderName: resolvedFolderName });
+};

package/bin/v5/core/getAllVersions.js

@@ -0,0 +1,12 @@
+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);
+
+export default map;

package/bin/v5/core/showUsage.js

@@ -0,0 +1,41 @@
+import allVersions from "./getAllVersions.js";
+
+/*
+KSchema CLI – Dynamic Usage Renderer
+*/
+
+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";
+
+    const commandLines = Object.entries(allVersions)
+        .map(([name]) =>
+            `  ${g}${name.padEnd(20)}${r}`
+        )
+        .join("\n");
+
+    const exampleLines = Object.entries(allVersions)
+        .map(([name]) =>
+            `  ${gray}npx @keshavsoft/express-todo ${name}${r}`
+        )
+        .join("\n");
+
+    console.log(`
+${c}🚀 express-todo v${version}${r}
+
+${y}Usage:${r}
+  ${g}npx @keshavsoft/express-todo${r} <command> [options]
+
+${y}Commands:${r}
+${commandLines}
+
+${y}Examples:${r}
+${exampleLines}
+
+${y}Tip:${r}
+  ${gray}npm i -g @keshavsoft/express-todo${r}
+`);
+}

package/bin/{v3 → v5}/start.js

@@ -10,6 +10,8 @@ const version = pkg.version;
 const run = async () => {
   const input = parseInput();
 
+  if (!input.cmd) return showUsage(version);
+
   if (input.action === "--help" || input.action === "-h" || input.action === "help") return showUsage(version);
 
   const command = resolveCommand(input.cmd);

package/package.json

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

package/bin/v3/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}
-`);
-}