json-renderers 1.13.2 → 1.13.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "json-renderers",
-  "version": "1.13.2",
+  "version": "1.13.3",
   "description": "Standalone, config-driven Table renderer built on top of json-to-dom",
   "type": "module",
   "main": "src/index.js",
@@ -30,6 +30,6 @@
   },
   "dependencies": {
     "@keshavsoft/json-to-tag": "^1.9.3",
-    "json-renderers-build": "^1.2.1"
+    "json-renderers-build": "^1.3.2"
   }
 }

package/src/v13/{table → buildSpec}/index.js

@@ -1,13 +1,11 @@
 import jsonRenderBuild from "json-renderers-build";
 import jsonToTag from "@keshavsoft/json-to-tag";
 
-import skeletonJson from './skeleton.json' with { type: 'json' };
-
 // --- Story of Table Render ---
 const startFunc = ({
     inTargetHtmlId,
-    inColumns,
-    inData, inAppendPosition
+    inColumns, type,
+    inData
 } = {}) => {
     debugger
     const localTargetHtmlId = inTargetHtmlId;
@@ -20,20 +18,11 @@ const startFunc = ({
         data: localData,
         columns: localColumns
     });
-    console.log("specAsJsonToDom : ", inAppendPosition, specAsJsonToDom);
-
-    const container = document.getElementById(localTargetHtmlId);
 
     const content = jsonToTag(specAsJsonToDom);
 
-    if (inAppendPosition === "prepend") {
-        container.prepend(content);
-    } else {
-
-        if (container) container.innerHTML = "";
+    return content;
 
-        container.append(content);
-    };
 };
 
 export default startFunc;

package/src/v13/index.js

@@ -1,44 +1,39 @@
 import registerGlobal from "./registerGlobal.js";
 
-import renderTable from "./table/index.js";
-
-const RENDERER_MAP = {
-    table: renderTable
-};
+import buildSpec from "./buildSpec/index.js";
 
 const render = ({
     type = "table",
     targetHtmlId,
     data,
     classToApply,
-    inTargetHtmlId,
-    inData,
     columns,
-    inColumns,
     appendPosition
 } = {}) => {
     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 localTargetHtmlId = targetHtmlId;
+    const localData = data;
+    const localColumns = columns;
 
     // Default to table renderer
-    return renderer({
+    const content = buildSpec({
         inTargetHtmlId: localTargetHtmlId,
         inColumns: localColumns,
-        inData: localData,
-        inAppendPosition: appendPosition
+        inData: localData, type: rawType
     });
+
+    const container = document.getElementById(localTargetHtmlId);
+
+    if (appendPosition === "prepend") {
+        container.prepend(content);
+    } else {
+        if (container) container.innerHTML = "";
+
+        container.append(content);
+    };
+
+    return container;
 };
 
 registerGlobal(render);

package/src/v13/select/index.js

@@ -1,32 +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 = ({
-    inTargetHtmlId,
-    inData
-} = {}) => {
-    const localTargetHtmlId = inTargetHtmlId ?? targetHtmlId;
-    const localData = inData ?? [];
-    const localColumns = inColumns;
-
-    let specAsJsonToDom = jsonToSpec(skeletonJson, {
-        arrayOfStrings: localData
-    });
-
-    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/v13/select/skeleton.json

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

package/src/v13/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": []
-            }
-        ]
-    }
-}