json-renderers-build 1.9.2 → 1.10.3

package/src/v3/common/deriveColumnsFromData.js

@@ -1,20 +0,0 @@
-const deriveColumnsFromData = ({ inData = [] } = {}) => {
-    const localData = inData;
-
-    if (!Array.isArray(localData) || localData.length === 0) {
-        return [];
-    }
-
-    const firstRow = localData[0];
-    if (!firstRow || typeof firstRow !== "object") {
-        return [];
-    }
-
-    return Object.keys(firstRow).map(key => ({
-        key,
-        label: key
-    }));
-};
-
-export { deriveColumnsFromData };
-export default deriveColumnsFromData;

package/src/v3/index.js

@@ -1,40 +0,0 @@
-import registerGlobal from "./registerGlobal.js";
-
-import renderTable from "./table/index.js";
-import renderSelect from "./select/index.js";
-import renderSelectOptionsOnly from "./selectOptionsOnly/index.js";
-
-const RENDERER_MAP = {
-    table: renderTable,
-    select: renderSelect,
-    selectOptionsOnly: renderSelectOptionsOnly
-};
-
-const render = ({
-    type = "table",
-    data,
-    columns
-} = {}) => {
-    const rawType = type;
-    const renderer = RENDERER_MAP[rawType];
-
-    if (!renderer) {
-        console.error(
-            `[Renderer] Unknown renderer type "${rawType}". Available types: ${Object.keys(RENDERER_MAP).join(", ")}`
-        );
-        return null;
-    }
-
-    const localData = data;
-    const localColumns = columns;
-
-    // Default to table renderer
-    return renderer({
-        inColumns: localColumns,
-        inData: localData
-    });
-};
-
-registerGlobal(render);
-
-export default render;

package/src/v3/meta.js

@@ -1,6 +0,0 @@
-export const meta = {
-    version: "v3.0.0",
-    description: "build table from store data and render to DOM uses json-to-spec, json-to-dom under the hood"
-};
-
-export default meta;

package/src/v3/registerGlobal.js

@@ -1,14 +0,0 @@
-import meta from "./meta.js";
-
-export const registerGlobal = (inFuncDefinition) => {
-    if (typeof globalThis === "undefined" || !inFuncDefinition) return;
-
-    globalThis.ks ??= {};
-
-    globalThis.ks.jsonRenderersBuild ??= {
-        meta,
-        renderToDom: inFuncDefinition
-    };
-};
-
-export default registerGlobal;

package/src/v3/select/index.js

@@ -1,18 +0,0 @@
-import jsonToSpec from "json-to-spec";
-
-import skeletonJson from './skeleton.json' with { type: 'json' };
-
-// --- Story of Table Render ---
-const startFunc = ({
-    inData,
-} = {}) => {
-    const localData = inData ?? [];
-
-    let specAsJsonToDom = jsonToSpec(skeletonJson, {
-        arrayOfStrings: localData
-    });
-
-    return specAsJsonToDom;
-};
-
-export default startFunc;

package/src/v3/select/skeleton.json

@@ -1,18 +0,0 @@
-{
-    "tagName": "select",
-    "attributes": {
-        "id": "LedgerName"
-    },
-    "jsonToSpec": {
-        "operation": "loopArray",
-        "source": "arrayOfStrings",
-        "template": {
-            "tagName": "option",
-            "attributes": {
-                "value": "${}"
-            },
-            "textContent": "${}"
-        }
-    },
-    "children": []
-}

package/src/v3/selectOptionsOnly/index.js

@@ -1,18 +0,0 @@
-import jsonToSpec from "json-to-spec";
-
-import skeletonJson from './skeleton.json' with { type: 'json' };
-
-// --- Story of Table Render ---
-const startFunc = ({
-    inData,
-} = {}) => {
-    const localData = inData ?? [];
-
-    let specAsJsonToDom = jsonToSpec(skeletonJson, {
-        arrayOfStrings: localData
-    });
-
-    return specAsJsonToDom;
-};
-
-export default startFunc;

package/src/v3/selectOptionsOnly/skeleton.json

@@ -1,14 +0,0 @@
-{
-    "jsonToSpec": {
-        "operation": "loopArray",
-        "source": "arrayOfStrings",
-        "template": {
-            "tagName": "option",
-            "attributes": {
-                "value": "${}"
-            },
-            "textContent": "${}"
-        }
-    },
-    "children": []
-}

package/src/v3/table/index.js

@@ -1,20 +0,0 @@
-import jsonToSpec from "json-to-spec";
-
-import skeletonJson from './skeleton.json' with { type: 'json' };
-
-// --- Story of Table Render ---
-const startFunc = ({
-    inColumns,
-    inData,
-} = {}) => {
-    const localData = inData ?? [];
-    const localColumns = inColumns;
-
-    let specAsJsonToDom = jsonToSpec(skeletonJson.default, {
-        columns: localColumns, data: localData
-    });
-
-    return specAsJsonToDom;
-};
-
-export default startFunc;

package/src/v3/table/skeleton.json

@@ -1,47 +0,0 @@
-{
-    "default": {
-        "tagName": "table",
-        "attributes": {
-            "class": "table table-hover table-striped mb-0"
-        },
-        "children": [
-            {
-                "tagName": "thead",
-                "children": [
-                    {
-                        "tagName": "tr",
-                        "jsonToSpec": {
-                            "operation": "loopCollection",
-                            "source": "columns",
-                            "template": {
-                                "tagName": "th",
-                                "textContent": "${title}"
-                            }
-                        },
-                        "children": []
-                    }
-                ]
-            },
-            {
-                "tagName": "tbody",
-                "jsonToSpec": {
-                    "operation": "loopCollection",
-                    "source": "data",
-                    "template": {
-                        "tagName": "tr",
-                        "jsonToSpec": {
-                            "operation": "loopObject",
-                            "source": "data",
-                            "template": {
-                                "tagName": "td",
-                                "textContent": "${value}"
-                            }
-                        },
-                        "children": []
-                    }
-                },
-                "children": []
-            }
-        ]
-    }
-}

package/src/v4/common/deriveColumnsFromData.js

@@ -1,20 +0,0 @@
-const deriveColumnsFromData = ({ inData = [] } = {}) => {
-    const localData = inData;
-
-    if (!Array.isArray(localData) || localData.length === 0) {
-        return [];
-    }
-
-    const firstRow = localData[0];
-    if (!firstRow || typeof firstRow !== "object") {
-        return [];
-    }
-
-    return Object.keys(firstRow).map(key => ({
-        key,
-        label: key
-    }));
-};
-
-export { deriveColumnsFromData };
-export default deriveColumnsFromData;

package/src/v4/index.js

@@ -1,40 +0,0 @@
-import registerGlobal from "./registerGlobal.js";
-
-import renderTable from "./table/index.js";
-import renderSelect from "./select/index.js";
-import renderSelectOptionsOnly from "./selectOptionsOnly/index.js";
-
-const RENDERER_MAP = {
-    table: renderTable,
-    select: renderSelect,
-    selectOptionsOnly: renderSelectOptionsOnly
-};
-
-const render = ({
-    type = "table",
-    data,
-    columns
-} = {}) => {
-    const rawType = type;
-    const renderer = RENDERER_MAP[rawType];
-
-    if (!renderer) {
-        console.error(
-            `[Renderer] Unknown renderer type "${rawType}". Available types: ${Object.keys(RENDERER_MAP).join(", ")}`
-        );
-        return null;
-    }
-
-    const localData = data;
-    const localColumns = columns;
-
-    // Default to table renderer
-    return renderer({
-        inColumns: localColumns,
-        inData: localData
-    });
-};
-
-registerGlobal(render);
-
-export default render;

package/src/v4/meta.js

@@ -1,6 +0,0 @@
-export const meta = {
-    version: "v4.0.0",
-    description: "build table from store data and render to DOM uses json-to-spec, json-to-dom under the hood"
-};
-
-export default meta;

package/src/v4/registerGlobal.js

@@ -1,14 +0,0 @@
-import meta from "./meta.js";
-
-export const registerGlobal = (inFuncDefinition) => {
-    if (typeof globalThis === "undefined" || !inFuncDefinition) return;
-
-    globalThis.ks ??= {};
-
-    globalThis.ks.jsonRenderersBuild ??= {
-        meta,
-        renderToDom: inFuncDefinition
-    };
-};
-
-export default registerGlobal;

package/src/v4/select/index.js

@@ -1,20 +0,0 @@
-import selectOptionsOnly from "../selectOptionsOnly/index.js";
-
-import skeletonJson from './skeleton.json' with { type: 'json' };
-
-// --- Story of Table Render ---
-const startFunc = ({
-    inData,
-} = {}) => {
-    const localData = inData ?? [];
-
-    let localChildren = selectOptionsOnly({
-        inData: localData
-    });
-    // console.log("specAsJsonToDom: ", specAsJsonToDom);
-    skeletonJson.children = localChildren;
-
-    return skeletonJson;
-};
-
-export default startFunc;

package/src/v4/selectOptionsOnly/index.js

@@ -1,19 +0,0 @@
-import jsonTransform from "@keshavsoft/json-transformer";
-
-import skeletonJson from './skeleton.json' with { type: 'json' };
-
-// --- Story of Table Render ---
-const startFunc = ({
-    inData,
-} = {}) => {
-    const localData = inData ?? [];
-
-    let specAsJsonToDom = jsonTransform({
-        children: localData
-    }, skeletonJson);
-    // console.log("specAsJsonToDom: ", specAsJsonToDom);
-
-    return specAsJsonToDom;
-};
-
-export default startFunc;

package/src/v4/table/index.js

@@ -1,20 +0,0 @@
-import jsonToSpec from "json-to-spec";
-
-import skeletonJson from './skeleton.json' with { type: 'json' };
-
-// --- Story of Table Render ---
-const startFunc = ({
-    inColumns,
-    inData,
-} = {}) => {
-    const localData = inData ?? [];
-    const localColumns = inColumns;
-
-    let specAsJsonToDom = jsonToSpec(skeletonJson.default, {
-        columns: localColumns, data: localData
-    });
-
-    return specAsJsonToDom;
-};
-
-export default startFunc;

package/src/v4/table/skeleton.json

@@ -1,47 +0,0 @@
-{
-    "default": {
-        "tagName": "table",
-        "attributes": {
-            "class": "table table-hover table-striped mb-0"
-        },
-        "children": [
-            {
-                "tagName": "thead",
-                "children": [
-                    {
-                        "tagName": "tr",
-                        "jsonToSpec": {
-                            "operation": "loopCollection",
-                            "source": "columns",
-                            "template": {
-                                "tagName": "th",
-                                "textContent": "${title}"
-                            }
-                        },
-                        "children": []
-                    }
-                ]
-            },
-            {
-                "tagName": "tbody",
-                "jsonToSpec": {
-                    "operation": "loopCollection",
-                    "source": "data",
-                    "template": {
-                        "tagName": "tr",
-                        "jsonToSpec": {
-                            "operation": "loopObject",
-                            "source": "data",
-                            "template": {
-                                "tagName": "td",
-                                "textContent": "${value}"
-                            }
-                        },
-                        "children": []
-                    }
-                },
-                "children": []
-            }
-        ]
-    }
-}

package/src/v5/common/deriveColumnsFromData.js

@@ -1,20 +0,0 @@
-const deriveColumnsFromData = ({ inData = [] } = {}) => {
-    const localData = inData;
-
-    if (!Array.isArray(localData) || localData.length === 0) {
-        return [];
-    }
-
-    const firstRow = localData[0];
-    if (!firstRow || typeof firstRow !== "object") {
-        return [];
-    }
-
-    return Object.keys(firstRow).map(key => ({
-        key,
-        label: key
-    }));
-};
-
-export { deriveColumnsFromData };
-export default deriveColumnsFromData;

package/src/v5/index.js

@@ -1,40 +0,0 @@
-import registerGlobal from "./registerGlobal.js";
-
-import renderTable from "./table/index.js";
-import renderSelect from "./select/index.js";
-import renderSelectOptionsOnly from "./selectOptionsOnly/index.js";
-
-const RENDERER_MAP = {
-    table: renderTable,
-    select: renderSelect,
-    selectOptionsOnly: renderSelectOptionsOnly
-};
-
-const render = ({
-    type = "table",
-    data,
-    columns
-} = {}) => {
-    const rawType = type;
-    const renderer = RENDERER_MAP[rawType];
-
-    if (!renderer) {
-        console.error(
-            `[Renderer] Unknown renderer type "${rawType}". Available types: ${Object.keys(RENDERER_MAP).join(", ")}`
-        );
-        return null;
-    }
-
-    const localData = data;
-    const localColumns = columns;
-
-    // Default to table renderer
-    return renderer({
-        inColumns: localColumns,
-        inData: localData
-    });
-};
-
-registerGlobal(render);
-
-export default render;

package/src/v5/meta.js

@@ -1,6 +0,0 @@
-export const meta = {
-    version: "v4.0.0",
-    description: "build table from store data and render to DOM uses json-to-spec, json-to-dom under the hood"
-};
-
-export default meta;

package/src/v5/registerGlobal.js

@@ -1,14 +0,0 @@
-import meta from "./meta.js";
-
-export const registerGlobal = (inFuncDefinition) => {
-    if (typeof globalThis === "undefined" || !inFuncDefinition) return;
-
-    globalThis.ks ??= {};
-
-    globalThis.ks.jsonRenderersBuild ??= {
-        meta,
-        renderToDom: inFuncDefinition
-    };
-};
-
-export default registerGlobal;

package/src/v5/select/index.js

@@ -1,20 +0,0 @@
-import selectOptionsOnly from "../selectOptionsOnly/index.js";
-
-import skeletonJson from './skeleton.json' with { type: 'json' };
-
-// --- Story of Table Render ---
-const startFunc = ({
-    inData,
-} = {}) => {
-    const localData = inData ?? [];
-
-    let localChildren = selectOptionsOnly({
-        inData: localData
-    });
-    // console.log("specAsJsonToDom: ", specAsJsonToDom);
-    skeletonJson.children = localChildren;
-
-    return skeletonJson;
-};
-
-export default startFunc;

package/src/v5/select/skeleton.json

@@ -1,7 +0,0 @@
-{
-    "tagName": "select",
-    "attributes": {
-        "id": "LedgerName"
-    },
-    "children": []
-}

package/src/v5/selectOptionsOnly/index.js

@@ -1,19 +0,0 @@
-import jsonTransform from "@keshavsoft/json-transformer";
-
-import skeletonJson from './skeleton.json' with { type: 'json' };
-
-// --- Story of Table Render ---
-const startFunc = ({
-    inData,
-} = {}) => {
-    const localData = inData ?? [];
-
-    let specAsJsonToDom = jsonTransform({
-        children: localData
-    }, skeletonJson);
-    // console.log("specAsJsonToDom: ", specAsJsonToDom);
-
-    return specAsJsonToDom?.children;
-};
-
-export default startFunc;

package/src/v5/selectOptionsOnly/skeleton.json

@@ -1,17 +0,0 @@
-{
-    "transform": {
-        "children": ""
-    },
-    "operation": {
-        "children": {
-            "operationType": "loopArray",
-            "template": {
-                "tagName": "option",
-                "attributes": {
-                    "value": "${}"
-                },
-                "textContent": "${}"
-            }
-        }
-    }
-}

package/src/v5/table/index.js

@@ -1,20 +0,0 @@
-import jsonToSpec from "json-to-spec";
-
-import skeletonJson from './skeleton.json' with { type: 'json' };
-
-// --- Story of Table Render ---
-const startFunc = ({
-    inColumns,
-    inData,
-} = {}) => {
-    const localData = inData ?? [];
-    const localColumns = inColumns;
-
-    let specAsJsonToDom = jsonToSpec(skeletonJson.default, {
-        columns: localColumns, data: localData
-    });
-
-    return specAsJsonToDom;
-};
-
-export default startFunc;

package/src/v5/table/skeleton.json

@@ -1,47 +0,0 @@
-{
-    "default": {
-        "tagName": "table",
-        "attributes": {
-            "class": "table table-hover table-striped mb-0"
-        },
-        "children": [
-            {
-                "tagName": "thead",
-                "children": [
-                    {
-                        "tagName": "tr",
-                        "jsonToSpec": {
-                            "operation": "loopCollection",
-                            "source": "columns",
-                            "template": {
-                                "tagName": "th",
-                                "textContent": "${title}"
-                            }
-                        },
-                        "children": []
-                    }
-                ]
-            },
-            {
-                "tagName": "tbody",
-                "jsonToSpec": {
-                    "operation": "loopCollection",
-                    "source": "data",
-                    "template": {
-                        "tagName": "tr",
-                        "jsonToSpec": {
-                            "operation": "loopObject",
-                            "source": "data",
-                            "template": {
-                                "tagName": "td",
-                                "textContent": "${value}"
-                            }
-                        },
-                        "children": []
-                    }
-                },
-                "children": []
-            }
-        ]
-    }
-}

package/src/v5/tableHeadCells/index.js

@@ -1,19 +0,0 @@
-import jsonTransform from "@keshavsoft/json-transformer";
-
-import skeletonJson from './skeleton.json' with { type: 'json' };
-
-// --- Story of Table Render ---
-const startFunc = ({
-    inData,
-} = {}) => {
-    const localData = inData ?? [];
-
-    let thAsArray = jsonTransform({
-        children: localData
-    }, skeletonJson);
-    // console.log("specAsJsonToDom: ", specAsJsonToDom);
-
-    return thAsArray?.children;
-};
-
-export default startFunc;