json-crud-ui-comp-table 1.4.2 → 1.6.6

package/bin/v6/commands/TableComp/template/v6/script.js

@@ -0,0 +1,282 @@
+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/v7/kstable.js");
+
+            console.log("KSTableComp loaded from git : tailwind-table-dom-comp-7");
+
+            if (fromPromise) return true;
+        } catch { return false };
+
+        return false;
+    };
+
+    async function tryLocal() {
+        try {
+            const fromPromise = await loadScriptAsModule("/TableComp/v10/entry.js");
+
+            console.log("KSTableComp loaded from Local Server : TableComp/v10");
+
+            if (fromPromise) return true;
+        } catch {
+            console.log("KSTableComp failed from Local Server : TableComp/v7");
+
+            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/v4/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/v4");
+
+            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/{v3 → v6}/core/parseInput.js

@@ -1,12 +1,13 @@
 import path from "path";
 
-export default function parseInput({ inTableName, inShowLog, inToPath }) {
+export default function parseInput({ inTableName, inShowLog, inToPath, configPath }) {
     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")
+        configPath: path.join(process.cwd(), "Config", "Schemas"),
+        configPath
     };
 };

package/bin/{v4 → v6}/start.js

@@ -8,6 +8,10 @@ import pkg from '../../package.json' with { type: 'json' };
 const version = pkg.version;
 
 const run = async ({ tableName, showLog, toPath, configPath }) => {
+  if (!configPath) {
+    console.log("configPath not supplied ");
+  };
+
   const input = parseInput({
     inTableName: tableName,
     inShowLog: showLog, inToPath: toPath,

package/package.json

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

package/bin/v3/commands/TableComp/template/v1/Index/Configs/Create/config.json

@@ -1,50 +0,0 @@
-{
-    "containerId": "kSTableContainer",
-    "tableName": "",
-    "mode": "create",
-    "layout": {
-        "verticalPosition": "top",
-        "type": "table"
-    },
-    "endPoints": {
-        "create": "/Api/V1/StockItems/Insert",
-        "update": "",
-        "delete": "",
-        "read": "/Api/V1/StockItems/ShowAll",
-        "find": "",
-        "filter": "",
-        "dataLists": {}
-    },
-    "options": {
-        "enabledSections": [
-            "vertical",
-            "table",
-            "footer"
-        ]
-    },
-    "columnsConfig": [
-        {
-            "columnName": "StockItemName",
-            "title": "StockItemName",
-            "cellConfig": {
-                "width": "150px"
-            },
-            "isSearchable": false,
-            "dataListSource": "Dates.Date"
-        },
-        {
-            "columnName": "StockBaseUnits",
-            "title": "StockBaseUnits",
-            "cellConfig": {
-                "width": "150px"
-            },
-            "isSearchable": false,
-            "dataListSource": "Dates.Date"
-        }
-    ],
-    "callbacks": {
-        "vertical": {
-            "onSuccess": "func"
-        }
-    }
-}

package/bin/v3/commands/TableComp/template/v1/Index/Configs/ShowAll/config.json

@@ -1,45 +0,0 @@
-{
-    "containerId": "kSTableContainer",
-    "tableName": "",
-    "mode": "create",
-    "layout": {
-        "verticalPosition": "top",
-        "type": "table"
-    },
-    "endPoints": {
-        "create": "",
-        "update": "",
-        "delete": "",
-        "read": "/Api/V1/StockItems/ShowAll",
-        "find": "",
-        "filter": "",
-        "dataLists": {}
-    },
-    "options": {
-        "enabledSections": [
-            "vertical",
-            "table",
-            "footer"
-        ]
-    },
-    "columnsConfig": [
-        {
-            "columnName": "StockItemName",
-            "title": "StockItemName",
-            "cellConfig": {
-                "width": "150px"
-            },
-            "isSearchable": false,
-            "dataListSource": "Dates.Date"
-        },
-        {
-            "columnName": "StockBaseUnits",
-            "title": "StockBaseUnits",
-            "cellConfig": {
-                "width": "150px"
-            },
-            "isSearchable": false,
-            "dataListSource": "Dates.Date"
-        }
-    ]
-}

package/bin/v3/commands/TableComp/template/v1/Index/Configs/WithSearch/config.json

@@ -1,54 +0,0 @@
-{
-    "containerId": "kSTableContainer",
-    "tableName": "Ledger Names",
-    "mode": "create",
-    "layout": {
-        "verticalPosition": "top",
-        "type": "table"
-    },
-    "endPoints": {
-        "create": "",
-        "update": "",
-        "delete": "",
-        "read": "/Api/V1/StockItems/ShowAll",
-        "find": "",
-        "filter": "",
-        "dataLists": {}
-    },
-    "options": {
-        "firstRow": {
-            "showSearch": true
-        },
-        "enabledSections": [
-            "vertical",
-            "table",
-            "footer"
-        ],
-        "table": {
-            "showSerial": true,
-            "showFooterRows": true,
-            "showBalance": true,
-            "showTotals": true
-        }
-    },
-    "columnsConfig": [
-        {
-            "columnName": "StockItemName",
-            "title": "StockItemName",
-            "cellConfig": {
-                "width": "150px"
-            },
-            "isSearchable": false,
-            "dataListSource": "Dates.Date"
-        },
-        {
-            "columnName": "StockBaseUnits",
-            "title": "StockBaseUnits",
-            "cellConfig": {
-                "width": "150px"
-            },
-            "isSearchable": false,
-            "dataListSource": "Dates.Date"
-        }
-    ]
-}

package/bin/v3/commands/TableComp/template/v1/Index/Configs/WithSerial/config.json

@@ -1,48 +0,0 @@
-{
-    "containerId": "kSTableContainer",
-    "tableName": "",
-    "mode": "create",
-    "layout": {
-        "verticalPosition": "top",
-        "type": "table"
-    },
-    "endPoints": {
-        "create": "",
-        "update": "",
-        "delete": "",
-        "read": "/Api/V1/StockItems/ShowAll",
-        "find": "",
-        "filter": "",
-        "dataLists": {}
-    },
-    "options": {
-        "enabledSections": [
-            "vertical",
-            "table",
-            "footer"
-        ],
-        "table": {
-            "showSerial": true
-        }
-    },
-    "columnsConfig": [
-        {
-            "columnName": "StockItemName",
-            "title": "StockItemName",
-            "cellConfig": {
-                "width": "150px"
-            },
-            "isSearchable": false,
-            "dataListSource": "Dates.Date"
-        },
-        {
-            "columnName": "StockBaseUnits",
-            "title": "StockBaseUnits",
-            "cellConfig": {
-                "width": "150px"
-            },
-            "isSearchable": false,
-            "dataListSource": "Dates.Date"
-        }
-    ]
-}

package/bin/v3/commands/TableComp/template/v1/Index/FormLoad/DomContentLoaded/AddListeners/CreateHtmlId/BuildTable/getKSTableConfig.js

@@ -1,16 +0,0 @@
-const onSuccessFunc = async (res) => {
-    if (res.status === 200) {
-        let jVarLocalShowAllHtmlId = document.getElementById('ShowAllHtmlId');
-        jVarLocalShowAllHtmlId.click();
-    };
-};
-
-export const getKSTableConfig = async () => {
-    const config = await fetch("./Index/Configs/Create/config.json");
-    // debugger;
-    const configJson = await config.json();
-
-    configJson.callbacks.vertical.onSuccess = onSuccessFunc;
-
-    return configJson;
-};

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

@@ -1,24 +0,0 @@
-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/v3/commands/TableComp/template/v1/Index/FormLoad/DomContentLoaded/AddListeners/ShowAllHtmlId/BuildTable/getKSTableConfig.js

@@ -1,7 +0,0 @@
-export const getKSTableConfig = async () => {
-    const config = await fetch("./Index/Configs/ShowAll/config.json");
-    // debugger;
-    const configJson = await config.json();
-
-    return configJson;
-};

package/bin/v3/commands/TableComp/template/v1/Index/FormLoad/DomContentLoaded/AddListeners/ShowAllHtmlId/clickFunc.js

@@ -1,24 +0,0 @@
-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/v3/commands/TableComp/template/v1/Index/FormLoad/DomContentLoaded/AddListeners/WithSearchHtmlId/BuildTable/getKSTableConfig.js

@@ -1,7 +0,0 @@
-export const getKSTableConfig = async () => {
-    const config = await fetch("./Index/Configs/WithSearch/config.json");
-    // debugger;
-    const configJson = await config.json();
-
-    return configJson;
-};

package/bin/v3/commands/TableComp/template/v1/Index/FormLoad/DomContentLoaded/AddListeners/WithSerialHtmlId/BuildTable/getKSTableConfig.js

@@ -1,7 +0,0 @@
-export const getKSTableConfig = async () => {
-    const config = await fetch("./Index/Configs/WithSerial/config.json");
-    // debugger;
-    const configJson = await config.json();
-
-    return configJson;
-};

package/bin/v3/commands/TableComp/template/v1/Index/FormLoad/DomContentLoaded/AddListeners/start.js

@@ -1,17 +0,0 @@
-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";
-
-const hookAllListeners = () => {
-    showAllHtmlId();
-    withSerialHtmlId();
-    withSearchHtmlId();
-    createHtmlId();
-    // addItemHtmlId();
-    // toTallyId();
-};
-
-export { hookAllListeners };

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

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