@keshavsoft/kschema-cli 1.12.12 → 1.12.14

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/SearchTable/start.js

@@ -0,0 +1,9 @@
+import { startFunc as createHeaderRow } from "./CreateHeaderRow/start.js";
+
+const startFunc = ({ inColumns, inTableHeader }) => {
+    const tr = createHeaderRow(inColumns);
+
+    inTableHeader.appendChild(tr);
+};
+
+export { startFunc };

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/SearchTable/updateHeaderUI.js

@@ -0,0 +1,49 @@
+import { getSortState } from "../tableStore.js";
+import { startFunc as getTHead } from "./getTHead.js";
+
+const ICON_DEFAULT = "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9";
+const ICON_UP = "M5 15l7-7 7 7";
+const ICON_DOWN = "M19 9l-7 7-7-7";
+
+const getIconPath = (th) => {
+    return th.querySelector("[data-sort-icon] path");
+};
+
+// 🔹 Reset one column
+const resetColumn = (th) => {
+    const path = getIconPath(th);
+    if (!path) return;
+
+    path.setAttribute("d", ICON_DEFAULT);
+
+    th.classList.remove("text-gray-900");
+    th.classList.add("text-gray-700");
+};
+
+// 🔹 Activate one column
+const activateColumn = (th, asc) => {
+    const path = getIconPath(th);
+    if (!path) return;
+
+    path.setAttribute("d", asc ? ICON_UP : ICON_DOWN);
+
+    th.classList.remove("text-gray-700");
+    th.classList.add("text-gray-900");
+};
+
+// 🔹 Orchestration (NOW READABLE)
+const updateHeaderUI = (activeTh, key) => {
+    const { key: activeKey, asc } = getSortState();
+
+    // 1. Reset everything
+    const tableHead = getTHead();
+
+    tableHead.querySelectorAll("th[data-key]").forEach(resetColumn);
+
+    // 2. Activate selected
+    if (activeKey === key) {
+        activateColumn(activeTh, asc);
+    }
+};
+
+export { updateHeaderUI };

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/Services/buildUrlWithParams.js

@@ -0,0 +1,11 @@
+export const buildUrlWithParams = ({ baseUrl, params = {} }) => {
+    const url = new URL(baseUrl, window.location.origin);
+
+    Object.entries(params).forEach(([key, value]) => {
+        if (value !== null && value !== undefined) {
+            url.searchParams.set(key, value);
+        }
+    });
+
+    return url.toString();
+};

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/Services/createItem.js

@@ -0,0 +1,15 @@
+const createItem = async ({ inEndPoint, payload }) => {
+    const res = await fetch(inEndPoint, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json"
+        },
+        body: JSON.stringify(payload)
+    });
+
+    if (!res.ok) throw new Error("Create failed");
+
+    return await res.json();
+};
+
+export { createItem };

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/Services/createServices.js

@@ -0,0 +1,51 @@
+import { createItem } from "./createItem.js";
+import { getDataFromFetch } from "./getData.js";
+import { deleteItem } from "./deleteItem.js";
+import { findItem } from "./findItem.js";
+
+export const createServices = ({ tableName }) => {
+    return {
+        actions: {
+            getData: ({ inEndPoint }) => getDataFromFetch({ inEndPoint }),
+            create: ({ inEndPoint, payload }) => createItem({ inEndPoint, payload }),
+            update: (id, payload) => updateItem({ tableName, id, payload }),
+            remove: ({ inEndPoint, id }) => deleteItem({ inEndPoint, id }),
+            find: ({ inEndPoint, id }) => findItem({ inEndPoint, id }),
+            vertical: {
+                save: async ({ inEndPoint, payload }) => {
+                    const res = await fetch(inEndPoint, {
+                        method: "POST",
+                        headers: {
+                            "Content-Type": "application/json"
+                        },
+                        body: JSON.stringify(payload)
+                    });
+
+                    return await res;
+                }
+            },
+            vertical: {
+                save: async ({ inEndPoint, payload }) => {
+                    const res = await fetch(inEndPoint, {
+                        method: "POST",
+                        headers: {
+                            "Content-Type": "application/json"
+                        },
+                        body: JSON.stringify(payload)
+                    });
+
+                    return await res;
+                }
+            },
+            table: {
+                delete: async ({ inEndPoint, id }) => {
+                    const res = await fetch(`${inEndPoint}/${id}`, {
+                        method: "DELETE"
+                    });
+
+                    return await res;
+                }
+            }
+        },
+    };
+};

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/Services/dataListLoader.js

@@ -0,0 +1,17 @@
+const loadDataLists = async ({ inEndpoints, inServices, inDataStore }) => {
+    const localEndpoints = Object.entries(inEndpoints?.dataListEndpoints || {});
+
+    if (localEndpoints.length === 0) return;
+
+    const results = await Promise.all(
+        localEndpoints.map(([key, ep]) =>
+            inServices.actions.getData({ inEndPoint: ep }).then(data => [key, data])
+        )
+    );
+// debugger;
+    results.forEach(([key, data]) => {
+        inDataStore.setDataList(key, data);
+    });
+};
+
+export { loadDataLists };

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/Services/deleteItem.js

@@ -0,0 +1,11 @@
+const deleteItem = async ({ inEndPoint, id }) => {
+    const res = await fetch(`${inEndPoint}/${id}`, {
+        method: "DELETE"
+    });
+
+    if (!res.ok) throw new Error("Create failed");
+
+    return await res.text();
+};
+
+export { deleteItem };

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/Services/findItem.js

@@ -0,0 +1,11 @@
+const findItem = async ({ inEndPoint, id }) => {
+    const res = await fetch(`${inEndPoint}/${id}`, {
+        method: "GET"
+    });
+
+    if (!res.ok) throw new Error("Create failed");
+
+    return await res.json();
+};
+
+export { findItem };

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/Services/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/v12/commands/tally/template/v4/Public/KSTableAi/V25/Services/getData.js

@@ -0,0 +1,19 @@
+import { buildUrlWithParams } from "./buildUrlWithParams.js";
+import { formSearchParamsFunc } from "./formSearchParamsFunc.js";
+
+const getDataFromFetch = async ({ inEndPoint }) => {
+    const ParentPk = formSearchParamsFunc({ inKeyName: "pk" });
+
+    const finalUrl = buildUrlWithParams({
+        baseUrl: inEndPoint,
+        params: { ParentPk }
+    });
+
+    const res = await fetch(finalUrl);
+
+    if (!res.ok) throw new Error("Fetch failed");
+
+    return await res.json();
+};
+
+export { getDataFromFetch };

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/Services/setupServices.js

@@ -0,0 +1,13 @@
+// /Services/setupServices.js
+
+import { createServices } from "./createServices.js";
+
+export const setupServices = ({ config, dataStore }) => {
+    const { tableName } = config;
+
+    dataStore.setTableName(tableName);
+
+    return createServices({
+        tableName: dataStore.getTableName()
+    });
+};

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/Services/updateItem.js

@@ -0,0 +1,15 @@
+const updateItem = async ({ tableName, payload }) => {
+    const res = await fetch(`/api/${tableName}`, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json"
+        },
+        body: JSON.stringify(payload)
+    });
+
+    if (!res.ok) throw new Error("Create failed");
+
+    return await res.json();
+};
+
+export { updateItem };

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/TableStore/V1/columnStore.js

@@ -0,0 +1,13 @@
+export const createColumnStore = () => {
+    let keys = [];
+    let visibleColumns = [];
+
+    return {
+        setColumns: (cfg) => {
+            keys = cfg.map(c => c.columnName);
+            visibleColumns = cfg.filter(c => c.isVisible !== false).map(c => c.columnName);
+        },
+        getColumns: () => keys,
+        getVisibleColumns: () => visibleColumns
+    };
+};

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/TableStore/V1/dataStore.js

@@ -0,0 +1,38 @@
+export const createDataStore = () => {
+    let data = [];
+    let searchConfig = { type: "global", value: "" };
+
+    return {
+        setData: (inData) => { data = inData; },
+        getData: () => data,
+        setSearchConfig: (config) => { searchConfig = config; },
+        getSearchConfig: () => searchConfig,
+        getFinalData: () => {
+            let result = [...data];
+            if (searchConfig.value || searchConfig.filters?.length) {
+                if (searchConfig.type === "global") {
+                    result = result.filter(row =>
+                        Object.values(row).some(val =>
+                            val != null && String(val).includes(searchConfig.value)
+                        )
+                    );
+                }
+                if (searchConfig.type === "column") {
+                    result = result.filter(row =>
+                        row[searchConfig.key] != null &&
+                        String(row[searchConfig.key]).includes(searchConfig.value)
+                    );
+                }
+                if (searchConfig.type === "multi") {
+                    result = result.filter(row =>
+                        searchConfig.filters.every(f =>
+                            row[f.key] != null &&
+                            String(row[f.key]).includes(f.value)
+                        )
+                    );
+                }
+            }
+            return result;
+        }
+    };
+};

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/TableStore/V1/metaStore.js

@@ -0,0 +1,11 @@
+export const createMetaStore = () => {
+    let tableName = "";
+    let defaultRow = {};
+
+    return {
+        setDefaultRow: (row) => { defaultRow = row; },
+        getDefaultRow: () => defaultRow,
+        setTableName: (name) => { tableName = name; },
+        getTableName: () => tableName
+    };
+};

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/TableStore/V1/start.js

@@ -0,0 +1,9 @@
+import { createDataStore } from "./dataStore.js";
+import { createColumnStore } from "./columnStore.js";
+import { createMetaStore } from "./metaStore.js";
+
+export const createStore = () => ({
+    ...createDataStore(),
+    ...createColumnStore(),
+    ...createMetaStore()
+});

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/TableStore/V2/columnStore.js

@@ -0,0 +1,25 @@
+import { prepareDefaultRow } from "../../Utils/tableHelpers.js";
+
+export const createColumnStore = () => {
+    let keys = [];
+    let visibleColumns = [];
+    let visibleColumnsConfig = [];
+    let dataListColumns = [];
+
+    return {
+        setColumns: (inColumns) => {
+            keys = inColumns;
+        },
+        setVisibleColumns: (inVisibleColumns) => {
+            visibleColumns = inVisibleColumns;
+        }, setVisibleConfig: (inVisibleConfig) => {
+            visibleColumnsConfig = inVisibleConfig;
+        },
+        getColumns: () => keys,
+        getVisibleColumns: () => visibleColumns,
+        getVisibleColumnsConfig: () => visibleColumnsConfig,
+        setDataListColumns: (d) => { dataListColumns = d; },
+        getDataListColumns: () => dataListColumns,
+    };
+};
+

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/TableStore/V2/dataStore.js

@@ -0,0 +1,45 @@
+export const createDataStore = () => {
+    let data = [];
+    let searchConfig = { type: "global", value: "" };
+    let findData = {};
+    let dataLists = {};
+
+    return {
+        setData: (inData) => { data = inData; },
+        getData: () => data,
+        setSearchConfig: (config) => { searchConfig = config; },
+        getSearchConfig: () => searchConfig,
+        getFinalData: () => {
+            let result = [...data];
+            if (searchConfig.value || searchConfig.filters?.length) {
+                if (searchConfig.type === "global") {
+                    result = result.filter(row =>
+                        Object.values(row).some(val =>
+                            val != null && String(val).includes(searchConfig.value)
+                        )
+                    );
+                }
+                if (searchConfig.type === "column") {
+                    result = result.filter(row =>
+                        row[searchConfig.key] != null &&
+                        String(row[searchConfig.key]).includes(searchConfig.value)
+                    );
+                }
+                if (searchConfig.type === "multi") {
+                    result = result.filter(row =>
+                        searchConfig.filters.every(f =>
+                            row[f.key] != null &&
+                            String(row[f.key]).includes(f.value)
+                        )
+                    );
+                }
+            }
+            return result;
+        },
+        setFindData: (inData) => { findData = inData; },
+        getFindData: () => findData,
+        setDataList: (key, inData) => { dataLists[key] = inData; },
+        getDataList: (key) => dataLists[key],
+        getAllDataLists: () => dataLists,
+    };
+};

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/TableStore/V2/metaStore.js

@@ -0,0 +1,11 @@
+export const createMetaStore = () => {
+    let tableName = "";
+    let defaultRow = {};
+
+    return {
+        setDefaultRow: (row) => { defaultRow = row; },
+        getDefaultRow: () => defaultRow,
+        setTableName: (name) => { tableName = name; },
+        getTableName: () => tableName
+    };
+};

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/TableStore/V2/start.js

@@ -0,0 +1,9 @@
+import { createDataStore } from "./dataStore.js";
+import { createColumnStore } from "./columnStore.js";
+import { createMetaStore } from "./metaStore.js";
+
+export const createStore = () => ({
+    ...createDataStore(),
+    ...createColumnStore(),
+    ...createMetaStore()
+});

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/UI/builders/buildDataListContainer.js

@@ -0,0 +1,6 @@
+export const buildDataListContainer = () => {
+    const container = document.createElement("div");
+    container.className = "dataListContainerClass";
+
+    return { container };
+};

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/UI/builders/buildHeaderRow.js

@@ -0,0 +1,77 @@
+export const buildHeaderRow = ({ inTitleText = "Items" } = {}) => {
+    const titleText = inTitleText;
+
+    const header = createHeaderRoot();
+    const left = createLeftSection({ inTitleText: titleText });
+    const right = createSearchSection();
+
+    header.append(left, right.container);
+
+    return { header, searchInput: right.input };
+};
+
+const createHeaderRoot = () => {
+    const el = document.createElement("div");
+    el.className = "firstRowClass flex items-center justify-between px-6 pt-2 pb-2";
+    return el;
+};
+const createLeftSection = ({ inTitleText }) => {
+    const titleText = inTitleText;
+
+    const left = document.createElement("div");
+    left.className = "flex items-center gap-3";
+
+    const title = document.createElement("h5");
+    title.className = "tableNameClass text-lg font-semibold text-gray-900";
+    title.textContent = titleText;
+
+    left.appendChild(title);
+
+    return left;
+};
+
+const createSearchSection = () => {
+    const container = document.createElement("div");
+    container.className = "relative w-full max-w-md";
+
+    const input = createSearchInput();
+    const icon = createSearchIcon();
+
+    container.append(input, icon);
+
+    return { container, input, icon };
+};
+const createSearchInput = () => {
+    const input = document.createElement("input");
+    input.type = "text";
+    input.placeholder = "search...";
+    input.className =
+        "tableSearchClass ks-search-allColumns w-full h-9 pl-3 pr-9 text-sm border border-gray-300 rounded-md outline-none";
+
+    return input;
+};
+const createSearchIcon = () => {
+    const input = document.createElement("input");
+
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    svg.setAttribute("class", "absolute right-2 top-2 w-4 h-4 text-gray-400 cursor-pointer");
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("stroke", "currentColor");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("stroke-width", "2");
+    svg.setAttribute("stroke-linecap", "round");
+    svg.setAttribute("stroke-linejoin", "round");
+
+    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    path.setAttribute("d", "M21 21l-5.2-5.2M15 10a5 5 0 11-10 0 5 5 0 0110 0z");
+
+    svg.appendChild(path);
+
+    // ✅ CLICK EVENT
+    svg.addEventListener("click", () => {
+        input.focus();
+        input.dispatchEvent(new Event("input")); // trigger search manually if needed
+    });
+
+    return svg;
+};

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/UI/builders/buildTableShell.js

@@ -0,0 +1,21 @@
+export const buildTableShell = () => {
+    const wrapper = document.createElement("div");
+    wrapper.className = "rounded-b-lg shadow-md overflow-x-auto tableParent";
+
+    const table = document.createElement("table");
+    table.className = "table w-full bg-white";
+
+    const thead = document.createElement("thead");
+    thead.className = "theadClass";
+
+    const tbody = document.createElement("tbody");
+    tbody.className = "tbodyClass";
+
+    const tfoot = document.createElement("tfoot");
+    tfoot.className = "tfootClass";
+
+    table.append(thead, tbody, tfoot);
+    wrapper.append(table);
+
+    return { wrapper };
+};

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/UI/compose/buildFullUI.js

@@ -0,0 +1,36 @@
+import { buildHeaderRow } from "../builders/buildHeaderRow.js";
+import { buildDataListContainer } from "../builders/buildDataListContainer.js";
+import { buildTableShell } from "../builders/buildTableShell.js";
+
+export const buildFullUI1 = ({ containerEl, inTableName, inIsDataListNeeded = true }) => {
+    const root = containerEl;
+    root.className = "max-w-6xl mx-auto p-2";
+
+    const { header } = buildHeaderRow({ inTitleText: inTableName });
+    const { container: dataList } = buildDataListContainer();
+    const { wrapper } = buildTableShell();
+
+    root.replaceChildren(header, wrapper, dataList);
+};
+
+export const buildFullUI = ({ containerEl, inTableName, inIsDataListNeeded = true, inIsTableNeeded = true }) => {
+    const root = containerEl;
+    root.className = "max-w-6xl mx-auto p-2";
+
+    let children = [];
+
+    if (inIsTableNeeded) {
+        const { header } = buildHeaderRow({ inTitleText: inTableName });
+        const { wrapper } = buildTableShell();
+
+        children.push(header);
+        children.push(wrapper);
+    };
+
+    if (inIsDataListNeeded) {
+        const { container: dataList } = buildDataListContainer();
+        children.push(dataList);
+    };
+
+    root.replaceChildren(...children);
+};

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/UI/mountTableOnly.js

@@ -0,0 +1,38 @@
+// /UI/mountTableUI.js
+
+import { initRender } from "../BuildTableOnlyWithVersions/V1/initRender.js";
+import { buildFullUI } from "./compose/buildFullUI.js";
+
+export const mountTableOnlyUI = ({
+    containerEl,
+    dataStore,
+    dom,
+    services,
+    options,
+    endPoints,
+    columnsConfig,
+    uiClasses,
+    callbacks,
+    inConfig
+}) => {
+    // debugger
+    buildFullUI({
+        containerEl: containerEl,
+        inTableName: inConfig.tableName
+    });
+
+    // buildUIFromEmpty({ inContainerEl: containerEl });
+
+    initRender({
+        inContainerEl: containerEl,
+        inDataStore: dataStore,
+        inDom: dom,
+        inServices: services,
+        inOptions: options,
+        inEndPoints: endPoints,
+        inColumnsConfig: columnsConfig,
+        inUiClasses: uiClasses,
+        callbacks,
+        inConfig
+    });
+};

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/UI/mountTableUI.js

@@ -0,0 +1,28 @@
+// /UI/mountTableUI.js
+
+// import { initRender } from "../BuildTotal/initRender.js";
+import { initRender } from "../BuildTableOnlyWithVersions/V1/initRender.js";
+
+export const mountTableUI = ({
+    containerEl,
+    dataStore,
+    dom,
+    services,
+    options,
+    endPoints,
+    columnsConfig,
+    uiClasses,
+    callbacks
+}) => {
+    initRender({
+        inContainerEl: containerEl,
+        inDataStore: dataStore,
+        inDom: dom,
+        inServices: services,
+        inOptions: options,
+        inEndPoints: endPoints,
+        inColumnsConfig: columnsConfig,
+        inUiClasses: uiClasses,
+        callbacks
+    });
+};

package/bin/v12/commands/tally/template/v4/Public/KSTableAi/V25/UI/mountVertical.js

@@ -0,0 +1,36 @@
+// /UI/mountTableUI.js
+
+// <div class="dataListContainerClass">
+
+//             </div>
+
+import { initRender } from "../BuildVertical/initRender.js";
+import { buildFullUI } from "./compose/buildFullUI.js";
+
+export const mountVerticalUI = ({
+    containerEl,
+    dataStore,
+    dom,
+    services,
+    options,
+    endPoints,
+    columnsConfig,
+    uiClasses,
+    callbacks,
+    inConfig
+}) => {
+    buildFullUI({ containerEl, inIsTableNeeded: false });
+
+    initRender({
+        inContainerEl: containerEl,
+        inDataStore: dataStore,
+        inDom: dom,
+        inServices: services,
+        inOptions: options,
+        inEndPoints: endPoints,
+        inColumnsConfig: columnsConfig,
+        inUiClasses: uiClasses,
+        callbacks,
+        inConfig
+    });
+};