json-renderers 1.13.3 → 1.13.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +272 -128
- package/docs/dist/min.js +702 -0
- package/docs/dist/v12/min.js +646 -646
- package/docs/dist/v13/min.js +227 -203
- package/docs/index.html +679 -13
- package/package.json +19 -8
- package/src/v13/buildSpec/index.js +15 -5
- package/src/v13/index.js +23 -6
- package/src/v13/meta.js +1 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "json-renderers",
|
|
3
|
-
"version": "1.13.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "1.13.7",
|
|
4
|
+
"description": "Browser DOM component renderer built on top of json-renderers-build and @keshavsoft/json-to-tag",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "src/index.js",
|
|
7
7
|
"files": [
|
|
@@ -12,16 +12,27 @@
|
|
|
12
12
|
"exports": {
|
|
13
13
|
".": "./src/index.js"
|
|
14
14
|
},
|
|
15
|
+
"repository": {
|
|
16
|
+
"type": "git",
|
|
17
|
+
"url": "git+https://github.com/keshavsoft/json-renderers.git"
|
|
18
|
+
},
|
|
19
|
+
"homepage": "https://keshavsoft.github.io/json-renderers/",
|
|
20
|
+
"bugs": {
|
|
21
|
+
"url": "https://github.com/keshavsoft/json-renderers/issues"
|
|
22
|
+
},
|
|
15
23
|
"scripts": {
|
|
16
24
|
"dev": "vite",
|
|
17
25
|
"build": "vite build"
|
|
18
26
|
},
|
|
19
27
|
"keywords": [
|
|
20
|
-
"json-
|
|
28
|
+
"json-renderers",
|
|
29
|
+
"json-renderers-build",
|
|
30
|
+
"json-to-tag",
|
|
31
|
+
"json-to-spec",
|
|
32
|
+
"dom-renderer",
|
|
21
33
|
"table",
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"totals"
|
|
34
|
+
"select",
|
|
35
|
+
"declarative-ui"
|
|
25
36
|
],
|
|
26
37
|
"author": "KeshavSoft",
|
|
27
38
|
"license": "MIT",
|
|
@@ -30,6 +41,6 @@
|
|
|
30
41
|
},
|
|
31
42
|
"dependencies": {
|
|
32
43
|
"@keshavsoft/json-to-tag": "^1.9.3",
|
|
33
|
-
"json-renderers-build": "^1.3.
|
|
44
|
+
"json-renderers-build": "^1.3.6"
|
|
34
45
|
}
|
|
35
|
-
}
|
|
46
|
+
}
|
|
@@ -5,24 +5,34 @@ import jsonToTag from "@keshavsoft/json-to-tag";
|
|
|
5
5
|
const startFunc = ({
|
|
6
6
|
inTargetHtmlId,
|
|
7
7
|
inColumns, type,
|
|
8
|
-
inData
|
|
8
|
+
inData, showLog
|
|
9
9
|
} = {}) => {
|
|
10
|
-
debugger
|
|
10
|
+
// debugger
|
|
11
11
|
const localTargetHtmlId = inTargetHtmlId;
|
|
12
12
|
const localData = inData ?? [];
|
|
13
13
|
const localColumns = inColumns;
|
|
14
14
|
|
|
15
|
+
console.log("buildSpec 1 :", localTargetHtmlId, localData.localColumns);
|
|
16
|
+
|
|
15
17
|
let specAsJsonToDom = jsonRenderBuild({
|
|
16
|
-
type
|
|
18
|
+
type,
|
|
17
19
|
targetHtmlId: localTargetHtmlId,
|
|
18
20
|
data: localData,
|
|
19
21
|
columns: localColumns
|
|
20
22
|
});
|
|
21
23
|
|
|
22
|
-
|
|
24
|
+
let jsonToSend = specAsJsonToDom;
|
|
25
|
+
// console.log("buildSpec 2 :", specAsJsonToDom);
|
|
23
26
|
|
|
24
|
-
|
|
27
|
+
if (!("tagName" in specAsJsonToDom) && "children" in specAsJsonToDom) {
|
|
28
|
+
jsonToSend = specAsJsonToDom.children;
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
const content = jsonToTag(jsonToSend);
|
|
25
32
|
|
|
33
|
+
console.log("buildSpec 3 :", content);
|
|
34
|
+
|
|
35
|
+
return content;
|
|
26
36
|
};
|
|
27
37
|
|
|
28
38
|
export default startFunc;
|
package/src/v13/index.js
CHANGED
|
@@ -8,31 +8,48 @@ const render = ({
|
|
|
8
8
|
data,
|
|
9
9
|
classToApply,
|
|
10
10
|
columns,
|
|
11
|
-
appendPosition
|
|
11
|
+
appendPosition,
|
|
12
|
+
showLog = false
|
|
12
13
|
} = {}) => {
|
|
13
14
|
const rawType = type;
|
|
14
15
|
|
|
15
16
|
const localTargetHtmlId = targetHtmlId;
|
|
16
17
|
const localData = data;
|
|
17
18
|
const localColumns = columns;
|
|
19
|
+
console.log("showLog 1 :", rawType, targetHtmlId, data, classToApply, columns, appendPosition);
|
|
18
20
|
|
|
19
21
|
// Default to table renderer
|
|
20
22
|
const content = buildSpec({
|
|
21
23
|
inTargetHtmlId: localTargetHtmlId,
|
|
22
|
-
inColumns: localColumns,
|
|
24
|
+
inColumns: localColumns, showLog,
|
|
23
25
|
inData: localData, type: rawType
|
|
24
26
|
});
|
|
25
|
-
|
|
27
|
+
console.log("showLog 2 :", content);
|
|
26
28
|
const container = document.getElementById(localTargetHtmlId);
|
|
27
|
-
|
|
29
|
+
console.log("showLog 3 :", container);
|
|
28
30
|
if (appendPosition === "prepend") {
|
|
29
31
|
container.prepend(content);
|
|
30
32
|
} else {
|
|
31
33
|
if (container) container.innerHTML = "";
|
|
32
34
|
|
|
33
|
-
|
|
35
|
+
console.log("showLog 4:1 :", content instanceof Node);
|
|
36
|
+
console.log("showLog 4:2 :", content instanceof NodeList);
|
|
37
|
+
console.log("showLog 4:3 :", content instanceof HTMLCollection);
|
|
38
|
+
|
|
39
|
+
if (content != null && typeof content[Symbol.iterator] === "function") {
|
|
40
|
+
container.append(...content);
|
|
41
|
+
} else {
|
|
42
|
+
container.append(content);
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
// if (content instanceof Node) {
|
|
46
|
+
// container.append(content);
|
|
47
|
+
// } else if (content instanceof NodeList || content instanceof HTMLCollection) {
|
|
48
|
+
// container.append(...content);
|
|
49
|
+
// };
|
|
50
|
+
// container.append(...content);
|
|
34
51
|
};
|
|
35
|
-
|
|
52
|
+
console.log("showLog 5 :", container);
|
|
36
53
|
return container;
|
|
37
54
|
};
|
|
38
55
|
|
package/src/v13/meta.js
CHANGED