json-crud-ui 1.1.1 → 1.1.3

package/bin/cli.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 
 import getLatestVersion from "./core/getLatestVersion.js";
 import loadRunner from "./core/loadRunner.js";

package/bin/v1/commands/init/steps/announce.js

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

package/bin/{v12/tasks/tables/AddTableName/steps/createFolder.js → v1/commands/init/steps/createProject.js}

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

package/bin/v1/commands/init/steps/locateDestination.js

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

package/bin/{v11/tasks/tables/AddTableName → v1/commands/init}/steps/locateSource.js

@@ -4,10 +4,13 @@ import { fileURLToPath } from "url";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
+const sourceVersion = "v1";
+
 export const locateSource = () => {
     return path.join(
         __dirname,
         "..",
-        "template"
+        "template",
+        sourceVersion
     );
 };

package/bin/{v10/tasks/tables/AddTableName → v1/commands/init}/steps/resolveFolderName.js

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

package/bin/v1/commands/init/template/v1/Index/FormLoad/DomContentLoaded/buildHeader.js

@@ -0,0 +1,68 @@
+import { initHeader } from "../../../../../../header/v6/initHeader.js";
+
+const buildHeader = () => {
+    const headerConfig = {
+        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: "StockItems",
+                id: "StockItemsHtmlId",
+                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"
+                ]
+            }
+        ]
+    };
+
+    initHeader(headerConfig);
+    // callKSHeader(headerConfig).then();
+};
+
+const callKSHeader = async (config) => {
+    if (window.KSHeader?.initHeader) {
+        console.log("table loaded from window.KSTable");
+
+        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);
+    };
+};
+
+export { buildHeader };

package/bin/v1/commands/init/template/v1/Index/FormLoad/DomContentLoaded/buildMenuItem.js

@@ -0,0 +1,121 @@
+// orchestrator
+export const buildMenuItem = ({
+    inTextToShow,
+    inHtmlId,
+    inIconPaths,
+    inHref
+}) => {
+    const textToShow = inTextToShow;
+    const htmlId = inHtmlId;
+    const iconPaths = inIconPaths;
+
+    const li = createLi();
+    const a = createAnchor({ inHtmlId: htmlId, inHref });
+    const span = createLabel({ inTextToShow: textToShow });
+    const svg = createIcon({ inIconPaths: iconPaths });
+
+    a.append(svg, span);
+    li.appendChild(a);
+
+    return li;
+};
+
+const createLi = () => {
+    const htmlLi = document.createElement("li");
+
+    htmlLi.className = "md:text-center";
+
+    return htmlLi;
+
+
+};
+
+// createAnchor
+const createAnchor = ({ inHtmlId = "htmlId",
+    inHref = "#"
+}) => {
+    const a = document.createElement("a");
+    a.id = inHtmlId;
+    a.href = inHref;
+    // a.className =
+    //     "group flex items-center md:flex-col md:items-center gap-0 md:gap-1 cursor-pointer hover:bg-gray-700 px-2 py-1 rounded transition-colors duration-200 active:scale-95 focus:outline-none focus:ring-2 focus:ring-gray-500";
+
+    a.className = `flex justify-between items-center bg-gray-700 px-4 py-2 rounded-md
+     hover:bg-gray-600 active:bg-gray-500 active:scale-95
+     transition-all duration-150
+     md:flex-col md:justify-center md:items-center
+     lg:bg-transparent lg:px-2 lg:py-1`;
+
+    return a;
+};
+
+// createLabel (no transform → no height change)
+const createLabel = ({ inTextToShow = "Menu1" }) => {
+    const span = document.createElement("span");
+    span.className =
+        "ml-3 text-right w-full text-base md:w-auto md:text-center md:ml-0 lg:text-lg";
+
+    span.textContent = inTextToShow;
+
+    return span;
+};
+
+// createIcon (safe transform: no layout shift)
+const createIcon = ({ inIconPaths = [] }) => {
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    // svg.setAttribute(
+    //     "class",
+    //     "w-6 h-6 md:order-1 md:mb-0 text-gray-400 group-hover:text-white transition-all duration-200 transform group-hover:scale-95 group-hover:-translate-y-0.5"
+    // );
+
+
+    svg.setAttribute(
+        "class",
+        "text-gray-300 w-6 h-6 lg:w-7 lg:h-7"
+    );
+
+
+    //                                 <svg class="text-gray-300 w-6 h-6 lg:w-7 lg:h-7" fill="none" stroke="currentColor"
+
+
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("stroke", "currentColor");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("stroke-width", "1.5");
+    svg.setAttribute("stroke-linecap", "round");
+    svg.setAttribute("stroke-linejoin", "round");
+
+    inIconPaths.forEach(d => {
+        const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+        path.setAttribute("d", d);
+        svg.appendChild(path);
+    });
+
+    return svg;
+};
+
+
+
+//                         <li class="md:text-center">
+//                             <a id="LedgersHtmlId"
+//                              href="#" class="flex justify-between items-center bg-gray-700 px-4 py-2 rounded-md
+// hover:bg-gray-600 active:bg-gray-500 active:scale-95
+// transition-all duration-150
+// md:flex-col md:justify-center md:items-center
+// lg:bg-transparent lg:px-2 lg:py-1">
+
+//                                 <!-- LEFT: ICON -->
+//                                 <svg class="text-gray-300 w-6 h-6 lg:w-7 lg:h-7" fill="none" stroke="currentColor"
+//                                     viewBox="0 0 24 24">
+//                                     <path
+//                                         d="M4 6h16M4 10h16M4 14h10M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z" />
+//                                 </svg>
+
+//                                 <!-- RIGHT: LABEL -->
+//                                 <span class="ml-3 text-right w-full text-base
+//                                      md:w-auto md:text-center md:ml-0
+//                                      lg:text-lg
+//                                      ">Ledgers</span>
+
+//                             </a>
+//                         </li>

package/bin/v1/commands/init/template/v1/Index/FormLoad/DomContentLoaded/runAfterDomLoad.js

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

package/bin/v1/commands/init/template/v1/Index/FormLoad/DomContentLoaded/start.js

@@ -0,0 +1,7 @@
+import { runAfterDomLoad } from "./runAfterDomLoad.js";
+
+export function startDomContentLoaded() {
+    document.addEventListener("DOMContentLoaded", () => {
+        runAfterDomLoad();
+    });
+}

package/bin/v1/commands/init/template/v1/Index/FormLoad/start.js

@@ -0,0 +1,5 @@
+import { startDomContentLoaded } from "./DomContentLoaded/start.js";
+
+export function startFormLoad() {
+    startDomContentLoaded();
+}

package/bin/v1/commands/init/template/v1/Index/start.js

@@ -0,0 +1,7 @@
+import { startFormLoad } from "./FormLoad/start.js";
+
+function startApp() {
+    startFormLoad();
+};
+
+startApp();

package/bin/v1/commands/init/template/v2/FormLoad/DomContentLoaded/buildHeader.js

@@ -0,0 +1,68 @@
+import { initHeader } from "../../../../../../header/v6/initHeader.js";
+
+const buildHeader = () => {
+    const headerConfig = {
+        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: "StockItems",
+                id: "StockItemsHtmlId",
+                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"
+                ]
+            }
+        ]
+    };
+
+    initHeader(headerConfig);
+    // callKSHeader(headerConfig).then();
+};
+
+const callKSHeader = async (config) => {
+    if (window.KSHeader?.initHeader) {
+        console.log("table loaded from window.KSTable");
+
+        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);
+    };
+};
+
+export { buildHeader };

package/bin/v1/commands/init/template/v2/FormLoad/DomContentLoaded/buildMenuItem.js

@@ -0,0 +1,121 @@
+// orchestrator
+export const buildMenuItem = ({
+    inTextToShow,
+    inHtmlId,
+    inIconPaths,
+    inHref
+}) => {
+    const textToShow = inTextToShow;
+    const htmlId = inHtmlId;
+    const iconPaths = inIconPaths;
+
+    const li = createLi();
+    const a = createAnchor({ inHtmlId: htmlId, inHref });
+    const span = createLabel({ inTextToShow: textToShow });
+    const svg = createIcon({ inIconPaths: iconPaths });
+
+    a.append(svg, span);
+    li.appendChild(a);
+
+    return li;
+};
+
+const createLi = () => {
+    const htmlLi = document.createElement("li");
+
+    htmlLi.className = "md:text-center";
+
+    return htmlLi;
+
+
+};
+
+// createAnchor
+const createAnchor = ({ inHtmlId = "htmlId",
+    inHref = "#"
+}) => {
+    const a = document.createElement("a");
+    a.id = inHtmlId;
+    a.href = inHref;
+    // a.className =
+    //     "group flex items-center md:flex-col md:items-center gap-0 md:gap-1 cursor-pointer hover:bg-gray-700 px-2 py-1 rounded transition-colors duration-200 active:scale-95 focus:outline-none focus:ring-2 focus:ring-gray-500";
+
+    a.className = `flex justify-between items-center bg-gray-700 px-4 py-2 rounded-md
+     hover:bg-gray-600 active:bg-gray-500 active:scale-95
+     transition-all duration-150
+     md:flex-col md:justify-center md:items-center
+     lg:bg-transparent lg:px-2 lg:py-1`;
+
+    return a;
+};
+
+// createLabel (no transform → no height change)
+const createLabel = ({ inTextToShow = "Menu1" }) => {
+    const span = document.createElement("span");
+    span.className =
+        "ml-3 text-right w-full text-base md:w-auto md:text-center md:ml-0 lg:text-lg";
+
+    span.textContent = inTextToShow;
+
+    return span;
+};
+
+// createIcon (safe transform: no layout shift)
+const createIcon = ({ inIconPaths = [] }) => {
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    // svg.setAttribute(
+    //     "class",
+    //     "w-6 h-6 md:order-1 md:mb-0 text-gray-400 group-hover:text-white transition-all duration-200 transform group-hover:scale-95 group-hover:-translate-y-0.5"
+    // );
+
+
+    svg.setAttribute(
+        "class",
+        "text-gray-300 w-6 h-6 lg:w-7 lg:h-7"
+    );
+
+
+    //                                 <svg class="text-gray-300 w-6 h-6 lg:w-7 lg:h-7" fill="none" stroke="currentColor"
+
+
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("stroke", "currentColor");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("stroke-width", "1.5");
+    svg.setAttribute("stroke-linecap", "round");
+    svg.setAttribute("stroke-linejoin", "round");
+
+    inIconPaths.forEach(d => {
+        const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+        path.setAttribute("d", d);
+        svg.appendChild(path);
+    });
+
+    return svg;
+};
+
+
+
+//                         <li class="md:text-center">
+//                             <a id="LedgersHtmlId"
+//                              href="#" class="flex justify-between items-center bg-gray-700 px-4 py-2 rounded-md
+// hover:bg-gray-600 active:bg-gray-500 active:scale-95
+// transition-all duration-150
+// md:flex-col md:justify-center md:items-center
+// lg:bg-transparent lg:px-2 lg:py-1">
+
+//                                 <!-- LEFT: ICON -->
+//                                 <svg class="text-gray-300 w-6 h-6 lg:w-7 lg:h-7" fill="none" stroke="currentColor"
+//                                     viewBox="0 0 24 24">
+//                                     <path
+//                                         d="M4 6h16M4 10h16M4 14h10M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z" />
+//                                 </svg>
+
+//                                 <!-- RIGHT: LABEL -->
+//                                 <span class="ml-3 text-right w-full text-base
+//                                      md:w-auto md:text-center md:ml-0
+//                                      lg:text-lg
+//                                      ">Ledgers</span>
+
+//                             </a>
+//                         </li>

package/bin/v1/commands/init/template/v2/FormLoad/DomContentLoaded/runAfterDomLoad.js

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

package/bin/v1/commands/init/template/v2/FormLoad/DomContentLoaded/start.js

@@ -0,0 +1,7 @@
+import { runAfterDomLoad } from "./runAfterDomLoad.js";
+
+export function startDomContentLoaded() {
+    document.addEventListener("DOMContentLoaded", () => {
+        runAfterDomLoad();
+    });
+}

package/bin/v1/commands/init/template/v2/FormLoad/start.js

@@ -0,0 +1,5 @@
+import { startDomContentLoaded } from "./DomContentLoaded/start.js";
+
+export function startFormLoad() {
+    startDomContentLoaded();
+}

package/bin/v1/commands/init/template/v2/start.js

@@ -0,0 +1,7 @@
+import { startFormLoad } from "./FormLoad/start.js";
+
+function startApp() {
+    startFormLoad();
+};
+
+startApp();

package/bin/v1/commands/init.js

@@ -0,0 +1,22 @@
+import { locateSource } from "./init/steps/locateSource.js";
+import { locateDestination } from "./init/steps/locateDestination.js";
+
+import { createProject } from "./init/steps/createProject.js";
+import { announce } from "./init/steps/announce.js";
+
+import resolveFolderName from "./init/steps/resolveFolderName.js";
+
+export default ({ folderName = "", toPath = process.cwd(), inAnnounce = true }) => {
+    const resolvedFolderName = resolveFolderName({
+        name: folderName
+    });
+
+    const source = locateSource();
+    const destination = locateDestination({ inResolvedFolderName: resolvedFolderName });
+
+    createProject({ source, destination });
+
+    if (inAnnounce) announce({ inResolvedFolderName: resolvedFolderName });
+
+    console.log("aaaaaaaaa ", folderName, toPath, resolvedFolderName);
+};

package/bin/{v10 → v1}/core/parseInput.js

@@ -1,9 +1,9 @@
 export default function parseInput() {
-    const [cmd, action] = process.argv.slice(2);
+    const [cmd, folderName] = process.argv.slice(2);
 
     return {
         cmd: cmd || null,
-        action: action || null,
+        folderName: folderName || null,
         toPath: process.cwd()
     };
 };

package/bin/v1/core/resolveCommand.js

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

package/bin/{v10 → v1}/core/showUsage.js

@@ -22,7 +22,7 @@ export default function showUsage(version) {
     const r = "\x1b[0m";
 
     console.log(`
-${c}🚀 KSchema Api Generator v${version}${r}
+${c}🚀 json-crud-ui v${version}${r}
 
 ${y}Usage:${r}
   ${g}npx @keshavsoft/kschema-api-gen${r} <command> [options]

package/bin/{v10 → v1}/start.js

@@ -1,6 +1,8 @@
 import parseInput from "./core/parseInput.js";
-import resolveCommand from "./core/resolveCommand.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;
@@ -8,15 +10,15 @@ const version = pkg.version;
 const run = async () => {
   const input = parseInput();
 
-  if (!input.cmd) return showUsage(version);
-
-  if (input.cmd === "--help" || input.cmd === "-h" || input.cmd === "help") return showUsage(version);
+  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(input);
+  await command({
+    folderName: input.folderName
+  });
 };
 
 export default run;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "json-crud-ui",
-  "version": "1.1.1",
-  "description": "working on single js of express",
+  "version": "1.1.3",
+  "description": "working on ui for our json crud using modules",
   "keywords": [
     "cli",
     "scaffold",

package/bin/v10/commands/exportCommands/endPointsJs.js

@@ -1,5 +0,0 @@
-// bin/v9/commands/exportCommands/endPointsJs.js
-
-import endPointsJs from "../../tasks/actions/EndPointsJs/index.js";
-
-export default endPointsJs;

package/bin/v10/core/createFolder.js

@@ -1,34 +0,0 @@
-import fs from "fs";
-
-export const createFolder = ({ source, destination, checkBeforeCreate = false, isAnnounce = true }) => {
-    if (checkBeforeCreate) {
-        return createFolderWithCheck({ source, destination, isAnnounce });
-    } else {
-        return createOnly({ source, destination });
-    };
-};
-
-const createOnly = ({ source, destination }) => {
-    fs.mkdirSync(destination, { recursive: true });
-
-    fs.cpSync(source, destination, { recursive: true });
-
-    return {
-        KTF: true
-    };
-};
-
-const createFolderWithCheck = ({ source, destination, isAnnounce }) => {
-    if (fs.existsSync(destination)) {
-        if (isAnnounce) console.log("Folder already exists :", destination);
-
-        return {
-            KTF: false,
-            KReason: "Folder already exists"
-        };
-    };
-
-    if (isAnnounce) console.log("Folder created :", destination);
-
-    return createOnly({ source, destination });
-};

package/bin/v10/core/resolveCommand.js

@@ -1,13 +0,0 @@
-// import endPointsJs from "../tasks/actions/EndPointsJs/ShowAll/index.js";
-import appJs from "../tasks/actions/appJs.js";
-import endPointsJs from "../tasks/actions/EndPointsJs/index.js";
-
-// resolveCommand.js
-const map = {
-    endPointsJs,
-    appJs
-};
-
-export default function resolveCommand(cmd) {
-    return map[cmd] || null;
-};