@keshavsoft/kschema-cli 1.13.5 → 1.13.7

package/bin/v13/commands/accounts/template/v9/Public/v4/Index/FormLoad/DomContentLoaded/AddListeners/LedgersHtmlId/clickFunc.js

@@ -0,0 +1,108 @@
+// import { initTableOnly } from "../../../../../../../../../KSTableAi/V25/entry.js";
+
+const clickFuncToRun = () => {
+    buildUi().then();
+};
+
+const buildUi = async () => {
+    const config = {
+        containerId: 'kSTableContainer',
+        tableName: "LedgerNames",
+        mode: "create", // or "show" "create"
+        layout: {
+            verticalPosition: "top", // or left/right/bottom
+            type: "table", // "vertical" | "table" | "vertical-table"
+        },
+        endPoints: {
+            create: "/Api/V9/ItemsTable/Insert",
+            update: "",
+            delete: "/Api/V9/BillsTable/Delete",
+            read: "/Api/V4/LedgerNames/ShowAll",
+            find: "/Api/V9/BillsTable/find"
+        },
+        options: {
+            firstRow: {
+                showSearch: true
+            },
+            vertical: {
+                showVertical: true,
+                isDisabled: false,
+                showSaveButton: true
+            },
+            dataList: {
+                show: true,
+            },
+            table: {
+                isDisabled: false,
+                showTable: true,
+                showRowOptions: false,
+                showSerial: true,
+                showFooter: false,
+                footer: {
+                    showDataList: true
+                }
+            },
+            focus: {
+                priority: ["vertical", "footer", "search"]
+            }
+        },
+        columnsConfig: [
+            {
+                columnName: "LedgerName"
+            },
+            {
+                columnName: "LedgerParentName"
+            },
+            {
+                columnName: "GstRegistrationType"
+            },
+            {
+                columnName: "PartyGSTIN"
+            }
+        ],
+        uiClasses: {
+            form: {
+                formClass: 'grid grid-cols-3 gap-x-8 gap-y-4 p-6 verticalForm',
+                buttonClass: 'mt-2 px-4 py-1 bg-green-500 text-white',
+                rowClass: 'flex items-center space-x-4',
+                labelClass: 'w-24 text-sm font-medium',
+                inputClass: 'flex-1 border rounded px-3 py-2'
+            }
+        },
+        callbacks: {
+            table: {
+                onDelete: async ({ toDeletePk }) => {
+                    const fromDelete = await startFetchAsGet({
+                        inQuery: {
+                            ParentPk: toDeletePk
+                        }
+                    });
+
+                    return await fromDelete;
+                }
+            }
+        }
+    };
+
+    // await initTableOnly(config);
+
+    // window.KSTable.initTableOnly(config);
+    await callKSTable(config);
+};
+
+const callKSTable = async (config) => {
+    console.log('window.KSTable',window.KSTable);
+    
+    if (window.KSTable?.initTableOnly) {
+        console.log("table loaded from window.KSTable");
+
+        return window.KSTable.initTableOnly(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 { clickFuncToRun };

package/bin/v13/commands/accounts/template/v9/Public/v4/Index/FormLoad/DomContentLoaded/AddListeners/LedgersHtmlId/start.js

@@ -0,0 +1,9 @@
+import { clickFuncToRun } from "./clickFunc.js";
+
+const funcToRun = () => {
+    const htmlElement = document.getElementById('LedgersHtmlId');
+
+    htmlElement.addEventListener('click', clickFuncToRun);
+};
+
+export { funcToRun };

package/bin/v13/commands/accounts/template/v9/Public/v4/Index/FormLoad/DomContentLoaded/AddListeners/StockItemsHtmlId/clickFunc.js

@@ -0,0 +1,96 @@
+import { initTableOnly } from "../../../../../../../../KSTableAi/V26/entry.js";
+
+const clickFuncToRun = () => {
+    buildUi().then();
+};
+
+const buildUi = async () => {
+    const config = {
+        containerId: 'kSTableContainer',
+        tableName: "StockItems",
+        mode: "create", // or "show" "create"
+        layout: {
+            verticalPosition: "top", // or left/right/bottom
+            type: "table", // "vertical" | "table" | "vertical-table"
+        },
+        endPoints: {
+            create: "/Api/V9/ItemsTable/Insert",
+            update: "",
+            read: "/Api/V4/StockItems/ShowAll",
+            find: "/Api/V9/BillsTable/find"
+        },
+        options: {
+            firstRow: {
+                showSearch: true
+            },
+            vertical: {
+                showVertical: true,
+                isDisabled: false,
+                showSaveButton: true
+            },
+            dataList: {
+                show: true,
+            },
+            table: {
+                isDisabled: false,
+                showTable: true,
+                showRowOptions: false,
+                showSerial: true,
+                showFooter: false,
+                footer: {
+                    showDataList: true
+                }
+            },
+            focus: {
+                priority: ["vertical", "footer", "search"]
+            }
+        },
+        columnsConfig: [
+            {
+                columnName: "StockItemName"
+            },
+            {
+                columnName: "StockItemReservedName"
+            },
+            {
+                columnName: "StockItemType"
+            },
+            {
+                columnName: "StockBaseUnits"
+            },
+            {
+                columnName: "sgstRate"
+            },
+            {
+                columnName: "cgstRate"
+            }
+        ],
+        uiClasses: {
+            form: {
+                formClass: 'grid grid-cols-3 gap-x-8 gap-y-4 p-6 verticalForm',
+                buttonClass: 'mt-2 px-4 py-1 bg-green-500 text-white',
+                rowClass: 'flex items-center space-x-4',
+                labelClass: 'w-24 text-sm font-medium',
+                inputClass: 'flex-1 border rounded px-3 py-2'
+            }
+        },
+        callbacks: {
+            table: {
+                onDelete: async ({ toDeletePk }) => {
+                    const fromDelete = await startFetchAsGet({
+                        inQuery: {
+                            ParentPk: toDeletePk
+                        }
+                    });
+
+                    return await fromDelete;
+                }
+            }
+        }
+    };
+
+    await initTableOnly(config);
+    // window.KSTable.initTableOnly(config);
+};
+
+export { clickFuncToRun };

package/bin/v13/commands/accounts/template/v9/Public/v4/Index/FormLoad/DomContentLoaded/AddListeners/StockItemsHtmlId/start.js

@@ -0,0 +1,9 @@
+import { clickFuncToRun } from "./clickFunc.js";
+
+const funcToRun = () => {
+    const htmlElement = document.getElementById('StockItemsHtmlId');
+
+    htmlElement.addEventListener('click', clickFuncToRun);
+};
+
+export { funcToRun };

package/bin/v13/commands/accounts/template/v9/Public/v4/Index/FormLoad/DomContentLoaded/AddListeners/start.js

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

package/bin/v13/commands/accounts/template/v9/Public/v4/Index/FormLoad/DomContentLoaded/buildHeader.js

@@ -0,0 +1,79 @@
+import { initHeader } from "../../../../../../header/v2/initHeader.js";
+
+const buildHeader = () => {
+    const headerConfig = {
+        items: [
+            {
+                text: "Ledgers",
+                id: "LedgersHtmlId",
+                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"
+                ]
+            }
+        ]
+    };
+
+    const headerConfig1 = {
+        items: [
+            {
+                text: "Ledgers",
+                id: "LedgersHtmlId",
+                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: "LedgerCraeate",
+                id: "LedgerCreateHtmlId",
+                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/V6/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);
+};
+
+export { buildHeader };

package/bin/v13/commands/accounts/template/v9/Public/v4/Index/FormLoad/DomContentLoaded/buildLedgersMenuItem.js

@@ -0,0 +1,51 @@
+// orchestrator
+export const buildLedgersMenuItem = () => {
+    const li = createLi();
+    const a = createAnchor();
+    const span = createLabel();
+    const svg = createIcon();
+
+    a.append(span, svg);
+    li.appendChild(a);
+
+    return li;
+};
+
+const createLi = () => {
+    return document.createElement("li");
+};
+
+const createAnchor = () => {
+    const a = document.createElement("a");
+    a.id = "LedgersHtmlId";
+    a.className =
+        "group flex justify-between items-center md:flex-col md:items-center cursor-pointer hover:bg-gray-700 px-2 py-1 rounded transition-colors duration-200";
+    return a;
+};
+
+const createLabel = () => {
+    const span = document.createElement("span");
+    span.className = "md:order-2 font-medium";
+    span.textContent = "Ledgers";
+    return span;
+};
+const createIcon = () => {
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    svg.setAttribute("class", "w-6 h-6 md:order-1 md:mb-1 text-gray-400 group-hover:text-white");
+    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");
+
+    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    path.setAttribute(
+        "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.appendChild(path);
+
+    return svg;
+};

package/bin/v13/commands/accounts/template/v9/Public/v4/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/v13/commands/accounts/template/v9/Public/v4/Index/FormLoad/DomContentLoaded/formSearchParamsFunc.js

@@ -0,0 +1,8 @@
+const formSearchParamsFunc = ({ inKeyName }) => {
+    const params = new URLSearchParams(window.location.search);
+    const pk = params.get(inKeyName);
+
+    return pk;
+};
+
+export { formSearchParamsFunc };

package/bin/v13/commands/accounts/template/v9/Public/v4/Index/FormLoad/DomContentLoaded/runAfterDomLoad.js

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

package/bin/v13/commands/accounts/template/v9/Public/v4/Index/FormLoad/DomContentLoaded/start.js

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

package/bin/v13/commands/accounts/template/v9/Public/v4/Index/FormLoad/start.js

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

package/bin/v13/commands/accounts/template/v9/Public/v4/Index/start.js

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

package/bin/v13/commands/accounts/template/v9/Public/v4/index.html

@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>KeshavSoft</title>
+
+    <!-- Tailwind CDN -->
+    <script src="https://cdn.tailwindcss.com"></script>
+
+    <!-- Heroicons (SVG inline, no extra CDN needed) -->
+
+    <style>
+        mark {
+            background-color: yellow;
+            color: black;
+        }
+    </style>
+</head>
+
+<body class="bg-gray-100 flex flex-col min-h-screen">
+    <main class="flex-grow">
+        <!-- NAVBAR -->
+
+
+        <!-- MOBILE NAV (collapsed with hamburger) -->
+        <nav class="bg-gray-800 text-white">
+
+            <div class="mx-auto px-3 py-3 
+            max-w-3xl 
+            lg:max-w-5xl 
+            xl:max-w-full xl:px-10">
+
+                <div class="flex flex-wrap items-center justify-between md:justify-center lg:justify-start">
+                    <div class="text-xl font-semibold md:mr-8">Masters</div>
+                    <button onclick="document.getElementById('menu').classList.toggle('hidden')"
+                        class="text-xl px-4 py-1 md:hidden">
+                        ☰
+                    </button>
+
+
+                    <!-- collapsible menu -->
+                    <ul id="menu" class="w-full hidden flex flex-col space-y-2 mt-4
+md:flex md:flex-row md:space-y-0 md:gap-4 md:mt-0 md:w-auto md:flex-wrap
+ lg:ml-auto">
+                    </ul>
+
+                </div>
+
+
+            </div>
+        </nav>
+
+        <!-- body -->
+        <section class="mx-auto px-3 py-6 
+                max-w-3xl 
+                lg:max-w-5xl 
+                xl:max-w-6xl">
+
+            <!-- Table container -->
+
+            <div id="kSTableContainer">
+            </div>
+        </section>
+
+
+    </main>
+    <footer class="bg-gray-200 text-gray-700 text-center py-4">
+        <div class="max-w-6xl mx-auto px-4">
+            © 2026 KeshavSoft • Contact
+        </div>
+    </footer>
+
+    <script src="https://keshavsoft.github.io/KsJsTableAi/Public/kstable.js" type="module"></script>
+
+    <script type="module" src="./Index/start.js"></script>
+</body>
+
+</html>

package/bin/v13/commands/accounts/template/v9/app.js

@@ -0,0 +1,19 @@
+import { exec } from "child_process";
+
+import express from "express";
+
+import loadConfig from "./configLoader.js";
+import setupRoutes from "./routes.js";
+import startServer from "./server.js";
+
+loadConfig();
+
+const app = express()
+
+setupRoutes(app);
+
+const { port } = startServer(app);
+
+if (process.env.OPEN_BROWSER === "true") {
+    exec(`start http://localhost:${port}`);
+};

package/bin/v13/commands/accounts/template/v9/config.json

@@ -0,0 +1,4 @@
+{
+    "DataPath": "Data",
+    "SchemaPath": "Config/Schemas"
+}

package/bin/v13/commands/accounts/template/v9/configLoader.js

@@ -0,0 +1,6 @@
+import { kschema } from "@keshavsoft/kschema";
+import configJson from './config.json' with { type: 'json' };
+
+export default function loadConfig() {
+    kschema.loadConfig(configJson);
+};