json-crud-ui-comp-table 1.2.5 → 1.3.2

package/bin/v3/commands/TableComp/template/v2/Index/FormLoad/DomContentLoaded/AddListeners/CreateHtmlId/clickFunc.js

@@ -0,0 +1,24 @@
+import buildTable from "./BuildTable/index.js";
+
+const clickFuncToRun = ({ inCurrentTarget }) => {
+    // console.log("inCurrentTarget : ", inCurrentTarget);
+    applyActive({ inCurrentTarget });
+    // inCurrentTarget.classList.add("active");
+// debugger;
+    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/{v1/commands/HeaderOnly/template/v6/Index/FormLoad/DomContentLoaded/AddListeners/TallyUpId → v3/commands/TableComp/template/v2/Index/FormLoad/DomContentLoaded/AddListeners/CreateHtmlId}/start.js

@@ -1,7 +1,7 @@
 import { clickFuncToRun } from "./clickFunc.js";
 
 const funcToRun = () => {
-    const htmlElement = document.getElementById('tallyUpId');
+    const htmlElement = document.getElementById('CreateHtmlId');
     // debugger;
     htmlElement.addEventListener("click", (event) =>
         clickFuncToRun({ inCurrentTarget: event.currentTarget })

package/bin/{v1 → v3}/commands/TableComp/template/v2/Index/FormLoad/DomContentLoaded/AddListeners/start.js

@@ -1,6 +1,7 @@
 import showAllHtmlId from "./ShowAllHtmlId/start.js";
 import withSerialHtmlId from "./WithSerialHtmlId/start.js";
 import withSearchHtmlId from "./WithSearchHtmlId/start.js";
+import createHtmlId from "./CreateHtmlId/start.js";
 // import { funcToRun as addItemHtmlId } from "./AddItemHtmlId/start.js";
 // import { funcToRun as toTallyId } from "./toTallyId/start.js";
 
@@ -8,6 +9,7 @@ const hookAllListeners = () => {
     showAllHtmlId();
     withSerialHtmlId();
     withSearchHtmlId();
+    createHtmlId();
     // addItemHtmlId();
     // toTallyId();
 };

package/bin/v3/commands/TableComp/template/v2/Index/headers.json

@@ -0,0 +1,51 @@
+{
+    "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": "Create",
+            "id": "CreateHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-8"
+            },
+            "svgName": "home"
+        }
+    ]
+}

package/bin/{v1/commands/TableComp/template/v1 → v3/commands/TableComp/template/v2}/script.js

@@ -67,14 +67,14 @@ async function ensureKSHeader() {
     };
 
     function isKSTableLoaded() {
-        return !!window.KSTable;
+        return !!window.KSHeader;
     };
 
     async function tryGitHub() {
         try {
-            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-header-dom/Public/v4.3/ksheader.js");
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-header-dom/Public/v4.7/ksheader.js");
 
-            console.log("KSTable loaded from Local Server");
+            console.log("KSHeader loaded from git : tailwind-header-dom");
 
             if (fromPromise) return true;
         } catch { return false };
@@ -84,9 +84,7 @@ async function ensureKSHeader() {
 
     async function tryLocal() {
         try {
-            const fromPromise = await loadScriptAsModule("/header/v3/initHeader.js");
-
-            console.log("KSHeader loaded from Local Server");
+            const fromPromise = await loadScriptAsModule("/header/v4/initHeader.js");
 
             if (fromPromise) return true;
         } catch { return false };
@@ -180,9 +178,9 @@ async function ensureKSTableComp() {
 
     async function tryGitHub() {
         try {
-            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-table-dom-comp/Public/v3/kstable.js");
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-table-dom-comp/Public/v4/kstable.js");
 
-            console.log("KSTableComp loaded from git : tailwind-table-dom-comp-3");
+            console.log("KSTableComp loaded from git : tailwind-table-dom-comp-4");
 
             if (fromPromise) return true;
         } catch { return false };
@@ -211,10 +209,66 @@ async function ensureKSTableComp() {
 
     if (await tryGitHub()) return;
 
-    throw new Error("KSTable could not be loaded");
+    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();
+ensureKSTableComp().then();
+ensureKSVertical().then();

package/bin/v3/core/parseInput.js

@@ -0,0 +1,12 @@
+import path from "path";
+
+export default function parseInput({ inTableName, inShowLog, inToPath }) {
+    const [folderName, tableName, showLog] = process.argv.slice(2);
+
+    return {
+        tableName: inTableName || tableName,
+        showLog: inShowLog || showLog,
+        toPath: inToPath || path.join(process.cwd(), folderName),
+        configPath: path.join(process.cwd(), "Config", "Schemas")
+    };
+};

package/bin/v3/start.js

@@ -0,0 +1,27 @@
+import parseInput from "./core/parseInput.js";
+import showUsage from './core/showUsage.js';
+
+import tableComp from "./commands/tableComp.js";
+
+import pkg from '../../package.json' with { type: 'json' };
+
+const version = pkg.version;
+
+const run = async ({ tableName, showLog, toPath, configPath }) => {
+  const input = parseInput({
+    inTableName: tableName,
+    inShowLog: showLog, inToPath: toPath,
+    configPath
+  });
+
+  if (input.action === "--help" || input.action === "-h" || input.action === "help") return showUsage(version);
+
+  await tableComp({
+    tableName: input.tableName,
+    showLog: input.showLog,
+    toPath: input.toPath,
+    configPath: input.configPath
+  });
+};
+
+export default run;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "json-crud-ui-comp-table",
-  "version": "1.2.5",
+  "version": "1.3.2",
   "description": "ui boilerplate code in public folder, with html and js for table build",
   "keywords": [
     "cli",

package/bin/v1/commands/HeaderOnly/template/v5/Index/Configs/WithSerial/config.json

@@ -1,63 +0,0 @@
-{
-    "containerId": "kSTableContainer",
-    "tableName": "",
-    "mode": "create",
-    "layout": {
-        "verticalPosition": "top",
-        "type": "table"
-    },
-    "endPoints": {
-        "create": "",
-        "update": "",
-        "delete": "",
-        "read": "/Api/V1/LedgerNames/ShowAll",
-        "find": "",
-        "filter": "",
-        "dataLists": {}
-    },
-    "options": {
-        "enabledSections": [
-            "vertical",
-            "table",
-            "footer"
-        ],
-        "table": {
-            "showSerial": true
-        }
-    },
-    "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": {}
-            }
-        }
-    ]
-}

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchAsGet/AfterFetch/For200Res/entryFile.js

@@ -1,6 +0,0 @@
-let StartFunc = ({ inResponseAsJson }) => {
-    var $table = $('#table');
-    $table.bootstrapTable("load", inResponseAsJson);
-};
-
-export { StartFunc };

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchAsGet/AfterFetch/entryFile.js

@@ -1,11 +0,0 @@
-let StartFunc = async ({ inResponse }) => {
-    let jVarLocalResponse = await inResponse;
-
-    if (jVarLocalResponse.status === 200) {
-        let jVarLocalDataAsJson = await jVarLocalResponse.text();
-
-        alert(jVarLocalDataAsJson)
-    };
-};
-
-export { StartFunc };

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchAsGet/fetchFuncs.js

@@ -1,12 +0,0 @@
-import getUrlJson from './getUrl.json' with {type: 'json'};
-
-let StartFunc = async () => {
-    let jVarLocalGetEndPoint = getUrlJson.GetEndPoint;
-
-    let response = await fetch(jVarLocalGetEndPoint);
-
-    return await response;
-};
-
-export { StartFunc };
-

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchAsGet/getUrl.json

@@ -1,3 +0,0 @@
-{
-    "GetEndPoint": "/FromTally/V2/LedgerNames/Transform"
-}

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchAsGet/start.js

@@ -1,10 +0,0 @@
-import { StartFunc as StartFuncFetchFuncs } from './fetchFuncs.js';
-import { StartFunc as StartFuncFromAfterFetch } from './AfterFetch/entryFile.js';
-
-const startFetchAsGet = async () => {
-    let localResponse = await StartFuncFetchFuncs();
-
-    StartFuncFromAfterFetch({ inResponse: localResponse });
-};
-
-export { startFetchAsGet };

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchStockItems/AfterFetch/entryFile.js

@@ -1,11 +0,0 @@
-let StartFunc = async ({ inResponse }) => {
-    let jVarLocalResponse = await inResponse;
-
-    if (jVarLocalResponse.status === 200) {
-        let jVarLocalDataAsJson = await jVarLocalResponse.text();
-
-        alert(jVarLocalDataAsJson)
-    };
-};
-
-export { StartFunc };

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchStockItems/fetchFuncs.js

@@ -1,12 +0,0 @@
-import getUrlJson from './getUrl.json' with {type: 'json'};
-
-let StartFunc = async () => {
-    let jVarLocalGetEndPoint = getUrlJson.GetEndPoint;
-
-    let response = await fetch(jVarLocalGetEndPoint);
-
-    return await response;
-};
-
-export { StartFunc };
-

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchStockItems/getUrl.json

@@ -1,4 +0,0 @@
-{
-    "GetEndPoint2": "/FromTally/V2/StockItems/Transform",
-    "GetEndPoint": "/FromTally/V3/StockItems/Transform"
-}

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchStockItems/start.js

@@ -1,10 +0,0 @@
-import { StartFunc as StartFuncFetchFuncs } from './fetchFuncs.js';
-import { StartFunc as StartFuncFromAfterFetch } from './AfterFetch/entryFile.js';
-
-const startFetchAsGet = async () => {
-    let localResponse = await StartFuncFetchFuncs();
-
-    StartFuncFromAfterFetch({ inResponse: localResponse });
-};
-
-export { startFetchAsGet };

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/clickFunc.js

@@ -1,9 +0,0 @@
-import { startFetchAsGet } from "./FetchAsGet/start.js";
-import { startFetchAsGet as FetchStockItems } from "./FetchStockItems/start.js";
-
-const clickFuncToRun = async () => {
-    await startFetchAsGet();
-    await FetchStockItems();
-};
-
-export { clickFuncToRun };

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/start.js

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

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/TallyDownId/clickFunc.js

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

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/TallyDownId/start.js

@@ -1,11 +0,0 @@
-import { clickFuncToRun } from "./clickFunc.js";
-
-const funcToRun = () => {
-    const htmlElement = document.getElementById('tallyDownId');
-    // debugger;
-    htmlElement.addEventListener("click", (event) =>
-        clickFuncToRun({ inCurrentTarget: event.currentTarget })
-    );
-};
-
-export default funcToRun;

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/TallyUpId/clickFunc.js

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

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/TallyUpId/start.js

@@ -1,11 +0,0 @@
-import { clickFuncToRun } from "./clickFunc.js";
-
-const funcToRun = () => {
-    const htmlElement = document.getElementById('tallyUpId');
-    // debugger;
-    htmlElement.addEventListener("click", (event) =>
-        clickFuncToRun({ inCurrentTarget: event.currentTarget })
-    );
-};
-
-export default funcToRun;

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/start.js

@@ -1,11 +0,0 @@
-import tallyDownId from "./TallyDownId/start.js";
-import tallyUpId from "./TallyUpId/start.js";
-import importHtmlId from "./ImportHtmlId/start.js";
-
-const hookAllListeners = () => {
-    tallyDownId();
-    tallyUpId();
-    importHtmlId();
-};
-
-export { hookAllListeners };

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

@@ -1,21 +0,0 @@
-import { buildHeader } from "./buildHeader.js";
-import { hookAllListeners } from "./AddListeners/start.js";
-import tallyStatus from "../../tallyStatus.js";
-
-const runAfterDomLoad = () => {
-    import("../../../script.js").then();
-
-    setTimeout(() => {
-        console.log("aaaaaaa");
-
-        buildHeader().then(fromPromise => {
-            setInterval(() => {
-                tallyStatus().then();
-            }, 20000);
-
-            hookAllListeners();
-        });
-    }, 1000);
-};
-
-export { runAfterDomLoad };

package/bin/v1/commands/HeaderOnly/template/v5/Index/headers.json

@@ -1,68 +0,0 @@
-{
-    "uiClasses": {
-        "ulClass1": "[&_svg]:size-10",
-        "svgDivClass": "size-6"
-    },
-    "title": {
-        "text": "Ledgers",
-        "htmlId": "htmlId"
-    },
-    "items": [
-        {
-            "text": "Ledgers",
-            "id": "LedgersHtmlId",
-            "icon": [],
-            "uiClasses": {
-                "aClass": ""
-            },
-            "svgName": "home",
-            "href": "../../V7/LedgerNames/ShowAll/index.html"
-        },
-        {
-            "text": "StockItems",
-            "id": "StockItemsHtmlId",
-            "icon": [],
-            "svgName": "serial"
-        },
-        {
-            "text": "Transactions",
-            "id": "TransactionsHtmlId",
-            "icon": [
-                "M11 19a8 8 0 100-16 8 8 0 000 16z",
-                "M21 21l-4.35-4.35"
-            ],
-            "svgName": "search",
-            "href": "./Tally/V8/BillsTable/index.html"
-        },
-        {
-            "text": "FromTally",
-            "id": "ImportHtmlId",
-            "icon": [
-                "M12 3v12",
-                "M8 11l4 4 4-4",
-                "M5 21h14"
-            ],
-            "svgName": "download"
-        },
-        {
-            "text": "TallyUp",
-            "id": "tallyUpId",
-            "icon": [
-                "M12 3v12",
-                "M8 11l4 4 4-4",
-                "M5 21h14"
-            ],
-            "svgName": "wifi"
-        },
-        {
-            "text": "TallyDown",
-            "id": "tallyDownId",
-            "icon": [
-                "M12 3v12",
-                "M8 11l4 4 4-4",
-                "M5 21h14"
-            ],
-            "svgName": "exclamation"
-        }
-    ]
-}

package/bin/v1/commands/HeaderOnly/template/v5/Index/tallyStatus.js

@@ -1,53 +0,0 @@
-const startFunc = async () => {
-    const tallyPromise = await fetch("/FromTally/V3/Status");
-
-    if (tallyPromise.status === 200) {
-        jFLocalDisplayShowtallyUpId();
-        jFLocalDisplayNonetallyDownId();
-    } else {
-        jFLocalDisplayNonetallyUpId();
-        jFLocalDisplayShowtallyDownId();
-    };
-};
-
-let jFLocalDisplayShowtallyDownId = () => {
-    let jVarLocalHtmlId = 'tallyDownId';
-    let jVarLocaltallyDownId = document.getElementById(jVarLocalHtmlId);
-
-    if (jVarLocaltallyDownId === null === false) {
-        jVarLocaltallyDownId.style.display = '';
-
-        jVarLocaltallyDownId.classList.add("danger");
-    };
-};
-
-let jFLocalDisplayNonetallyUpId = () => {
-    let jVarLocalHtmlId = 'tallyUpId';
-    let jVarLocaltallyUpId = document.getElementById(jVarLocalHtmlId);
-
-    if (jVarLocaltallyUpId === null === false) {
-        jVarLocaltallyUpId.style.display = 'none';
-    };
-};
-
-let jFLocalDisplayShowtallyUpId = () => {
-    let jVarLocalHtmlId = 'tallyUpId';
-    let jVarLocaltallyUpId = document.getElementById(jVarLocalHtmlId);
-
-    if (jVarLocaltallyUpId === null === false) {
-        jVarLocaltallyUpId.style.display = '';
-
-        jVarLocaltallyUpId.classList.add("active");
-    };
-};
-
-let jFLocalDisplayNonetallyDownId = () => {
-    let jVarLocalHtmlId = 'tallyDownId';
-    let jVarLocaltallyDownId = document.getElementById(jVarLocalHtmlId);
-
-    if (jVarLocaltallyDownId === null === false) {
-        jVarLocaltallyDownId.style.display = 'none';
-    };
-};
-
-export default startFunc;