npm - json-crud-ui-comp-table - Versions diffs - 1.3.3 → 1.4.1 - Mend

json-crud-ui-comp-table 1.3.3 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (334) hide show

package/bin/v3/commands/TableComp/template/v4/Index/headers.json ADDED Viewed

@@ -0,0 +1,63 @@
+{
+    "uiClasses": {
+        "ulClass1": "[&_svg]:size-6"
+    },
+    "title": {
+        "text": "Items",
+        "htmlId": "htmlId"
+    },
+    "items": [
+        {
+            "text": "ShowAll",
+            "id": "ShowAllHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-10"
+            },
+            "svgName": "home"
+        },
+        {
+            "text": "WithSerial",
+            "id": "WithSerialHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-10"
+            },
+            "svgName": "serial"
+        },
+        {
+            "text": "WithSearch",
+            "id": "WithSearchHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-10"
+            },
+            "svgName": "search"
+        },
+        {
+            "text": "User",
+            "id": "UserHeaderHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-10",
+                "liClass": "md:text-left",
+                "isDisplayNone": true
+            },
+            "svgName": "user"
+        },
+        {
+            "text": "Login",
+            "id": "loginHeaderHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-10"
+            },
+            "svgName": "xmark"
+        }
+    ]
+}

package/bin/v3/commands/TableComp/template/v4/index.html ADDED Viewed

@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>KeshavSoft8</title>
+    <!-- Tailwind CDN -->
+    <script src="https://cdn.tailwindcss.com"></script>
+    <!-- <link rel="stylesheet" href="./tailwind-3.css"> -->
+    <!-- Heroicons (SVG inline, no extra CDN needed) -->
+    <style>
+        tfoot tr {
+            background-color: #fff8dc;
+        }
+        tfoot tr:has(input:focus) {
+            background-color: #ffe082;
+        }
+        input:focus {
+            outline: none;
+            border: 2px solid #2563eb;
+            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.3);
+        }
+        mark {
+            background-color: yellow;
+            color: black;
+        }
+        .active svg {
+            stroke: #3b82f6;
+            /* Example color */
+        }
+        .active span {
+            color: #3b82f6;
+            /* Example color */
+        }
+        .danger svg {
+            stroke: #c41d14;
+            /* Example color */
+        }
+        .danger span {
+            color: #c41d14;
+            /* Example color */
+        }
+    </style>
+</head>
+<body class="bg-gray-100 flex flex-col min-h-screen">
+    <main class="flex-grow">
+        <!-- NAVBAR -->
+        <div id="header"></div>
+        <!-- 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>
+            <div id="kSSubTableContainer">
+            </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>
+    <!-- Login Modal -->
+    <!-- Modal -->
+    <div id="loginModal" class="hidden fixed inset-0 z-50 bg-black/40 flex items-center justify-center">
+        <div id="loginModalContent" class="bg-white rounded-lg shadow-lg w-full max-w-sm p-6">
+            <h2 class="text-xl font-semibold mb-4">
+                Login
+            </h2>
+            <input type="text" placeholder="Username" id="Username" class="w-full border rounded px-3 py-2 mb-3">
+            <input type="password" placeholder="Password" id="Password" class="w-full border rounded px-3 py-2 mb-2">
+            <p id="loginError" class="hidden text-red-600 text-sm mb-3">
+            </p>
+            <button class="w-full bg-blue-600 text-white py-2 rounded" id="loginButtonId">
+                Login
+            </button>
+        </div>
+    </div>
+    <script type="module" src="./Index/start.js"></script>
+</body>
+</html>

package/bin/v3/commands/TableComp/template/v4/script.js ADDED Viewed

@@ -0,0 +1,278 @@
+async function ensureTailwind() {
+    function loadCss(href) {
+        return new Promise((resolve, reject) => {
+            const link = document.createElement("link");
+            link.rel = "stylesheet";
+            link.href = href;
+            link.onload = resolve;
+            link.onerror = reject;
+            document.head.appendChild(link);
+        });
+    };
+    const tryLocal = async () => {
+        try {
+            await loadCss("./tailwind-3.css");
+            console.log("Tailwind loaded locally");
+            return true;
+        } catch { return false; }
+    };
+    const tryKsWebExtension = async () => {
+        try {
+            await loadCss("https://keshavsoft.github.io/KsWebExtension/tailwind-3.css");
+            console.log("Tailwind loaded from KsWebExtension");
+            return true;
+        } catch { return false; }
+    };
+    const tryGit = async () => {
+        try {
+            await loadCss("https://keshavsoft.github.io/tailwind-gen-css/tailwind-3.css");
+            console.log("Tailwind loaded from tailwind-gen-css");
+            return true;
+        } catch { return false; }
+    };
+    if (document.getElementById("KSTableTailwind")) {
+        console.log("Tailwind loaded from Firefox Extension");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryKsWebExtension()) return;
+    if (await tryGit()) return;
+    throw new Error("Tailwind could not be loaded");
+};
+async function ensureKSHeader() {
+    function loadScriptAsModule(src) {
+        return new Promise((resolve, reject) => {
+            const script = document.createElement("script");
+            script.src = src;
+            script.onload = () => resolve(true);
+            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
+            script.type = "module";
+            document.head.appendChild(script);
+        });
+    };
+    function isKSTableLoaded() {
+        return !!window.KSHeader;
+    };
+    async function tryGitHub() {
+        try {
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-header-dom/Public/v4.7/ksheader.js");
+            console.log("KSHeader loaded from git : tailwind-header-dom");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    async function tryLocal() {
+        try {
+            const fromPromise = await loadScriptAsModule("/header/v8/initHeader.js");
+            console.log("KSHeader loaded from local : header-v8");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    if (isKSTableLoaded()) {
+        console.log("KSHeader loaded from Firefox Extension");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryGitHub()) return;
+    throw new Error("KSTable could not be loaded");
+};
+async function ensureKSTable() {
+    function loadScriptAsModule(src) {
+        return new Promise((resolve, reject) => {
+            const script = document.createElement("script");
+            script.src = src;
+            script.onload = () => resolve(true);
+            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
+            script.type = "module";
+            document.head.appendChild(script);
+        });
+    };
+    function isKSTableLoaded() {
+        return !!window.KSTable;
+    };
+    async function tryGitHub() {
+        try {
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-table-dom/Public/v12/kstable.js");
+            console.log("KSTable loaded from Local Server");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    async function tryLocal() {
+        try {
+            const fromPromise = await loadScriptAsModule("/KSTable/v1/entry.js");
+            console.log("KSTable loaded from Local Server");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    if (isKSTableLoaded()) {
+        console.log("KSTable loaded from Firefox Extension");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryGitHub()) return;
+    throw new Error("KSTable could not be loaded");
+};
+async function ensureKSTableComp() {
+    function loadScriptAsModule(src) {
+        return new Promise((resolve, reject) => {
+            const script = document.createElement("script");
+            script.src = src;
+            script.onload = () => resolve(true);
+            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
+            script.type = "module";
+            document.head.appendChild(script);
+        });
+    };
+    function isKSTableLoaded() {
+        return !!window.KSTableComp;
+    };
+    async function tryGitHub() {
+        try {
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-table-dom-comp/Public/v6/kstable.js");
+            console.log("KSTableComp loaded from git : tailwind-table-dom-comp-4");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    async function tryLocal() {
+        try {
+            const fromPromise = await loadScriptAsModule("/TableComp/v5/entry.js");
+            console.log("KSTableComp loaded from Local Server : TableComp/v5");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    if (isKSTableLoaded()) {
+        console.log("KSTable loaded from Firefox Extension");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryGitHub()) return;
+    throw new Error("KSTableComp could not be loaded");
+};
+async function ensureKSVertical() {
+    function loadScriptAsModule(src) {
+        return new Promise((resolve, reject) => {
+            const script = document.createElement("script");
+            script.src = src;
+            script.onload = () => resolve(true);
+            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
+            script.type = "module";
+            document.head.appendChild(script);
+        });
+    };
+    function isKSVerticalLoaded() {
+        return !!window.KSVertical;
+    };
+    async function tryGitHub() {
+        try {
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-vertical-dom/Public/v3/ksvertical.js");
+            console.log("KSVertical loaded from git : tailwind-vertical-dom");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    async function tryLocal() {
+        try {
+            const fromPromise = await loadScriptAsModule("/TableComp/v4/entry.js");
+            console.log("KSVertical loaded from Local Server : TableComp/v1");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    if (isKSVerticalLoaded()) {
+        console.log("KSVertical loaded from Firefox Extension");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryGitHub()) return;
+    throw new Error("KSVertical could not be loaded");
+};
+await ensureTailwind();
+await ensureKSHeader();
+// ensureKSTable().then();
+ensureKSTableComp().then();
+ensureKSVertical().then();

package/bin/{v2 → v4}/commands/TableComp/steps/AlterJson/index.js RENAMED Viewed

@@ -33,9 +33,6 @@ const getShowAllConfigPath = ({ inDestination }) => {
 };
 const startFunc = ({ inDestination, tableName, fromConfigPath, showLog = false }) => {
-    console.log("aaaaaa : ", inDestination, tableName, fromConfigPath, showLog);
     const columnsConfig = getSchemaConfig({ fromConfigPath, tableName, showLog });
     const configRoot = getShowAllConfigPath({ inDestination });

package/bin/v4/commands/TableComp/template/v1/Index/FormLoad/DomContentLoaded/AddListeners/WithSerialHtmlId/clickFunc.js ADDED Viewed

@@ -0,0 +1,24 @@
+import buildTable from "./BuildTable/index.js";
+const clickFuncToRun = ({ inCurrentTarget }) => {
+    // console.log("inCurrentTarget : ", inCurrentTarget);
+    applyActive({ inCurrentTarget });
+    // inCurrentTarget.classList.add("active");
+    buildTable().then();
+};
+const applyActive = ({ inCurrentTarget }) => {
+    const localCurrentTarget = inCurrentTarget;
+    const menu = localCurrentTarget.closest("#menu");
+    menu.querySelectorAll("li a.active")
+        .forEach(a => a.classList.remove("active"));
+    localCurrentTarget.classList.add("active");
+    localCurrentTarget.classList.add("active");
+};
+export { clickFuncToRun };

package/bin/v4/commands/TableComp/template/v2/Index/Configs/Create/config.json ADDED Viewed

@@ -0,0 +1,65 @@
+{
+    "containerId": "kSTableContainer",
+    "tableName": "",
+    "mode": "create",
+    "layout": {
+        "verticalPosition": "top",
+        "type": "table"
+    },
+    "endPoints": {
+        "create": "/Api/V1/StockItems/Insert",
+        "update": "",
+        "delete": "",
+        "read": "/Api/V1/LedgerNames/ShowAll",
+        "find": "",
+        "filter": "",
+        "dataLists": {}
+    },
+    "options": {
+        "enabledSections": [
+            "vertical",
+            "table",
+            "footer"
+        ]
+    },
+    "columnsConfig": [
+        {
+            "columnName": "LedgerName",
+            "title": "LedgerName",
+            "cellConfig": {
+                "width": "150px"
+            },
+            "isSearchable": false,
+            "dataListSource": "Dates.Date"
+        },
+        {
+            "columnName": "LedgerParentName",
+            "title": "Parent Name",
+            "cellConfig": {
+                "width": "100px"
+            },
+            "isSearchable": false,
+            "dataListSource": "AccountNames.AccountName"
+        },
+        {
+            "columnName": "GstRegistrationType",
+            "title": "Registration Type",
+            "cellConfig": {
+                "width": "100px"
+            }
+        },
+        {
+            "columnName": "PartyGSTIN",
+            "title": "GSTIN",
+            "cellConfig": {
+                "width": "100px",
+                "tableFooter": {}
+            }
+        }
+    ],
+    "callbacks": {
+        "vertical": {
+            "onSuccess": "func"
+        }
+    }
+}

package/bin/{v2 → v4}/commands/TableComp/template/v2/Index/Configs/ShowAll/config.json RENAMED Viewed

@@ -1,60 +1,60 @@
-{
-    "containerId": "kSTableContainer",
-    "tableName": "",
-    "mode": "create",
-    "layout": {
-        "verticalPosition": "top",
-        "type": "table"
-    },
-    "endPoints": {
-        "create": "",
-        "update": "",
-        "delete": "",
-        "read": "/Api/V4/LedgerNames/ShowAll",
-        "find": "",
-        "filter": "",
-        "dataLists": {}
-    },
-    "options": {
-        "enabledSections": [
-            "vertical",
-            "table",
-            "footer"
-        ]
-    },
-    "columnsConfig": [
-        {
-            "columnName": "LedgerName",
-            "title": "LedgerName",
-            "cellConfig": {
-                "width": "150px"
-            },
-            "isSearchable": false,
-            "dataListSource": "Dates.Date"
-        },
-        {
-            "columnName": "LedgerParentName",
-            "title": "Parent Name",
-            "cellConfig": {
-                "width": "100px"
-            },
-            "isSearchable": false,
-            "dataListSource": "AccountNames.AccountName"
-        },
-        {
-            "columnName": "GstRegistrationType",
-            "title": "Registration Type",
-            "cellConfig": {
-                "width": "100px"
-            }
-        },
-        {
-            "columnName": "PartyGSTIN",
-            "title": "GSTIN",
-            "cellConfig": {
-                "width": "100px",
-                "tableFooter": {}
-            }
-        }
-    ]
+{
+    "containerId": "kSTableContainer",
+    "tableName": "",
+    "mode": "create",
+    "layout": {
+        "verticalPosition": "top",
+        "type": "table"
+    },
+    "endPoints": {
+        "create": "",
+        "update": "",
+        "delete": "",
+        "read": "/Api/V4/LedgerNames/ShowAll",
+        "find": "",
+        "filter": "",
+        "dataLists": {}
+    },
+    "options": {
+        "enabledSections": [
+            "vertical",
+            "table",
+            "footer"
+        ]
+    },
+    "columnsConfig": [
+        {
+            "columnName": "LedgerName",
+            "title": "LedgerName",
+            "cellConfig": {
+                "width": "150px"
+            },
+            "isSearchable": false,
+            "dataListSource": "Dates.Date"
+        },
+        {
+            "columnName": "LedgerParentName",
+            "title": "Parent Name",
+            "cellConfig": {
+                "width": "100px"
+            },
+            "isSearchable": false,
+            "dataListSource": "AccountNames.AccountName"
+        },
+        {
+            "columnName": "GstRegistrationType",
+            "title": "Registration Type",
+            "cellConfig": {
+                "width": "100px"
+            }
+        },
+        {
+            "columnName": "PartyGSTIN",
+            "title": "GSTIN",
+            "cellConfig": {
+                "width": "100px",
+                "tableFooter": {}
+            }
+        }
+    ]
 }