json-renderers 1.14.1 → 1.17.3

package/src/v17/validateConfig.js

@@ -0,0 +1,37 @@
+import guardFunc from "./guard.js";
+
+// Validates the configuration object against schema constraints
+const validateConfig = ({
+    type = "table",
+    targetHtmlId,
+    data,
+    columns,
+    classToApply = "",
+    appendPosition = "replace",
+    showLog = false
+} = {}) => {
+    const localType = type;
+    const localTargetHtmlId = targetHtmlId;
+    const localData = data;
+    const localColumns = columns;
+    const localClassToApply = classToApply;
+    const localAppendPosition = appendPosition;
+    const localShowLog = showLog;
+
+    const config = {
+        type: localType,
+        targetHtmlId: localTargetHtmlId,
+        data: localData,
+        columns: localColumns,
+        classToApply: localClassToApply,
+        appendPosition: localAppendPosition,
+        showLog: localShowLog
+    };
+
+    guardFunc({ inConfig: config });
+
+    return config;
+};
+
+export { validateConfig };
+export default validateConfig;

package/src/v11/dataLists/fragments.json

@@ -1 +0,0 @@
-{}

package/src/v11/dataLists/index.js

@@ -1,32 +0,0 @@
-// import jsonToSpec from "../../../node_modules/json-to-spec/index.js";
-import jsonToTag from "@keshavsoft/json-to-tag";
-import jsonTraversal from "../../../node_modules/json-traversal/index.js";
-
-import skeletonJson from "./skeleton.json" with { type: "json" };
-
-const startFunc = ({ targetHtmlId, inData, inSkeletonType = "default" } = {}) => {
-
-    // const specAsJsonToDom = jsonToSpec({
-    //     specJson: skeletonJson[inSkeletonType],
-    //     dataJson: inData
-    // });
-    const skeletonNeeded = skeletonJson[inSkeletonType];
-
-    const specAsJsonToDom = jsonTraversal.transform(inData, skeletonNeeded);
-
-
-    const container = document.getElementById(targetHtmlId);
-
-    if (container) container.innerHTML = "";
-
-    const createdElement = jsonToTag(specAsJsonToDom);
-
-    if (Array.isArray(createdElement)) {
-        // container.appendChild(createdElement)
-        createdElement.forEach(element => container.append(element));
-    } else {
-        container.append(createdElement);
-    };
-};
-
-export default startFunc;

package/src/v11/dataLists/skeleton.json

@@ -1,38 +0,0 @@
-{
-    "old": {
-        "tagName": "datalist",
-        "attributes": {
-            "id": "LedgerName"
-        },
-        "jsonToSpec": {
-            "operation": "loopArray",
-            "source": "LedgerName",
-            "template": {
-                "tagName": "option",
-                "attributes": {
-                    "value": "${}"
-                },
-                "textContent": "${}"
-            }
-        },
-        "children": []
-    },
-    "default": {
-        "mapping": {
-            "tagName": "$datalist",
-            "attributes": {
-                "id": "$LedgerName"
-            },
-            "children": {
-                "list": "LedgerName",
-                "item": {
-                    "tagName": "$option",
-                    "attributes": {
-                        "value": ""
-                    },
-                    "textContent": ""
-                }
-            }
-        }
-    }
-}

package/src/v11/index.js

@@ -1,62 +0,0 @@
-import registerGlobal from "./registerGlobal.js";
-
-import renderTable from "./table/index.js";
-
-const RENDERER_MAP = {
-    table: renderTable
-};
-
-const render = ({
-    type = "table",
-    targetHtmlId,
-    data,
-    classToApply,
-    inTargetHtmlId,
-    inData,
-    columns,
-    inColumns,
-    colGroup,
-    inColGroup,
-    footerData,
-    inFooterData,
-    config,
-    inConfig,
-    variant,
-    skeletonType,
-    inSkeletonType,
-    showLog = false,
-    inShowLog
-} = {}) => {
-    const rawType = type;
-    const resolvedType = typeof rawType === "string" ? rawType.toLowerCase() : "table";
-    const renderer = RENDERER_MAP[resolvedType];
-
-    if (!renderer) {
-        console.error(
-            `[Renderer] Unknown renderer type "${rawType}". Available types: ${Object.keys(RENDERER_MAP).join(", ")}`
-        );
-        return null;
-    }
-
-    const localTargetHtmlId = inTargetHtmlId ?? targetHtmlId;
-    const localData = inData ?? data;
-    const localColumns = inColumns ?? columns;
-    const localSkeletonType = inSkeletonType ?? skeletonType ?? variant ?? "default";
-    const localShowLog = inShowLog ?? showLog ?? false;
-
-    // Default to table renderer
-    return renderer({
-        targetHtmlId: localTargetHtmlId,
-        inColumns: localColumns,
-        inData: localData,
-        inColGroup: inColGroup ?? colGroup,
-        inFooterData: inFooterData ?? footerData ?? [],
-        inConfig: inConfig ?? config ?? {},
-        inSkeletonType: localSkeletonType,
-        inShowLog: localShowLog
-    });
-};
-
-registerGlobal(render);
-
-export default render;

package/src/v11/select/fragments.json

@@ -1 +0,0 @@
-{}

package/src/v11/select/index.js

@@ -1,34 +0,0 @@
-import jsonTraversal from "../../../node_modules/json-traversal/index.js";
-
-// import jsonToSpec from "../../../node_modules/json-to-spec/index.js";
-// import jsonToTag from "@keshavsoft/json-to-tag";
-import jsonToTag from "@keshavsoft/json-to-tag";
-
-import skeletonJson from "./skeleton.json" with { type: "json" };
-
-const startFunc = ({ targetHtmlId, inData,
-    inSkeletonType = "default", inClassToApply } = {}) => {
-
-    console.log("aaaaaaaaaa");
-
-    const skeletonNeeded = skeletonJson[inSkeletonType];
-    skeletonNeeded.mapping.attributes.class = `$${inClassToApply}`;
-    // skeletonNeeded.mapping.attributes.class = inClassToApply;
-    debugger;
-
-    const specAsJsonToDom = jsonTraversal.transform(inData, skeletonNeeded);
-
-    const container = document.getElementById(targetHtmlId);
-    if (container) container.innerHTML = "";
-
-    const createdElement = jsonToTag(specAsJsonToDom);
-
-    if (Array.isArray(createdElement)) {
-        // container.appendChild(createdElement)
-        createdElement.forEach(element => container.append(element));
-    } else {
-        container.append(createdElement);
-    };
-};
-
-export default startFunc;

package/src/v11/select/skeleton.json

@@ -1,23 +0,0 @@
-{
-    "default": {
-        "mapping": {
-            "tagName": "$select",
-            "attributes": {
-                "id": "$LedgerName",
-                "class": "$keshav"
-            },
-            "children": [
-                {
-                    "list": "LedgerName",
-                    "item": {
-                        "tagName": "$option",
-                        "attributes": {
-                            "value": ""
-                        },
-                        "textContent": ""
-                    }
-                }
-            ]
-        }
-    }
-}

package/src/v11/table/index.js

@@ -1,35 +0,0 @@
-import jsonToSpec from "json-to-spec";
-import jsonToTag from "@keshavsoft/json-to-tag";
-
-import skeletonJson from './skeleton.json' with { type: 'json' };
-
-// --- Story of Table Render ---
-const startFunc = ({
-    targetHtmlId,
-    inTargetHtmlId,
-    inColumns,
-    inData,
-} = {}) => {
-    const localTargetHtmlId = inTargetHtmlId ?? targetHtmlId;
-    const localData = inData ?? [];
-    const localColumns = inColumns;
-
-    let specAsJsonToDom = jsonToSpec(skeletonJson.default, {
-        columns: localColumns, data: localData
-    });
-
-    // console.log("specAsJsonToDom : ", specAsJsonToDom);
-
-    if (!("tagName" in specAsJsonToDom)) {
-        specAsJsonToDom = specAsJsonToDom.children;
-    };
-
-    const container = document.getElementById(localTargetHtmlId);
-
-    if (container) container.innerHTML = "";
-
-    const content = jsonToTag(specAsJsonToDom);
-    container.append(content);
-};
-
-export default startFunc;

package/src/v11/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/v12/index.js

@@ -1,62 +0,0 @@
-import registerGlobal from "./registerGlobal.js";
-
-import renderTable from "./table/index.js";
-
-const RENDERER_MAP = {
-    table: renderTable
-};
-
-const render = ({
-    type = "table",
-    targetHtmlId,
-    data,
-    classToApply,
-    inTargetHtmlId,
-    inData,
-    columns,
-    inColumns,
-    colGroup,
-    inColGroup,
-    footerData,
-    inFooterData,
-    config,
-    inConfig,
-    variant,
-    skeletonType,
-    inSkeletonType,
-    showLog = false,
-    inShowLog
-} = {}) => {
-    const rawType = type;
-    const resolvedType = typeof rawType === "string" ? rawType.toLowerCase() : "table";
-    const renderer = RENDERER_MAP[resolvedType];
-
-    if (!renderer) {
-        console.error(
-            `[Renderer] Unknown renderer type "${rawType}". Available types: ${Object.keys(RENDERER_MAP).join(", ")}`
-        );
-        return null;
-    }
-
-    const localTargetHtmlId = inTargetHtmlId ?? targetHtmlId;
-    const localData = inData ?? data;
-    const localColumns = inColumns ?? columns;
-    const localSkeletonType = inSkeletonType ?? skeletonType ?? variant ?? "default";
-    const localShowLog = inShowLog ?? showLog ?? false;
-
-    // Default to table renderer
-    return renderer({
-        targetHtmlId: localTargetHtmlId,
-        inColumns: localColumns,
-        inData: localData,
-        inColGroup: inColGroup ?? colGroup,
-        inFooterData: inFooterData ?? footerData ?? [],
-        inConfig: inConfig ?? config ?? {},
-        inSkeletonType: localSkeletonType,
-        inShowLog: localShowLog
-    });
-};
-
-registerGlobal(render);
-
-export default render;

package/src/v12/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.jsonRenderers ??= {
-        meta,
-        renderToDom: inFuncDefinition
-    };
-};
-
-export default registerGlobal;

package/src/v12/table/index.js

@@ -1,35 +0,0 @@
-import jsonToSpec from "json-to-spec";
-import jsonToTag from "@keshavsoft/json-to-tag";
-
-import skeletonJson from './skeleton.json' with { type: 'json' };
-
-// --- Story of Table Render ---
-const startFunc = ({
-    targetHtmlId,
-    inTargetHtmlId,
-    inColumns,
-    inData,
-} = {}) => {
-    const localTargetHtmlId = inTargetHtmlId ?? targetHtmlId;
-    const localData = inData ?? [];
-    const localColumns = inColumns;
-
-    let specAsJsonToDom = jsonToSpec(skeletonJson.default, {
-        columns: localColumns, data: localData
-    });
-
-    // console.log("specAsJsonToDom : ", specAsJsonToDom);
-
-    if (!("tagName" in specAsJsonToDom)) {
-        specAsJsonToDom = specAsJsonToDom.children;
-    };
-
-    const container = document.getElementById(localTargetHtmlId);
-
-    if (container) container.innerHTML = "";
-
-    const content = jsonToTag(specAsJsonToDom);
-    container.append(content);
-};
-
-export default startFunc;

package/src/v12/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/v13/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.jsonRenderers ??= {
-        meta,
-        renderToDom: inFuncDefinition
-    };
-};
-
-export default registerGlobal;