datafolder 1.0.0

package/static/json-view/dist/jsonview.js

@@ -0,0 +1,433 @@
+!(function (e, n) {
+	"object" == typeof exports && "object" == typeof module
+		? (module.exports = n())
+		: "function" == typeof define && define.amd
+			? define([], n)
+			: "object" == typeof exports
+				? (exports.jsonview = n())
+				: (e.jsonview = n());
+})(self, () =>
+	(() => {
+		"use strict";
+		var e = {
+				767: (e, n, t) => {
+					t.d(n, { Z: () => s });
+					var r = t(81),
+						o = t.n(r),
+						i = t(645),
+						a = t.n(i)()(o());
+					const s = a;
+				},
+				645: (e) => {
+					e.exports = function (e) {
+						var n = [];
+						return (
+							(n.toString = function () {
+								return this.map(function (n) {
+									var t = "",
+										r = void 0 !== n[5];
+									return (
+										n[4] && (t += "@supports (".concat(n[4], ") {")),
+										n[2] && (t += "@media ".concat(n[2], " {")),
+										r && (t += "@layer".concat(n[5].length > 0 ? " ".concat(n[5]) : "", " {")),
+										(t += e(n)),
+										r && (t += "}"),
+										n[2] && (t += "}"),
+										n[4] && (t += "}"),
+										t
+									);
+								}).join("");
+							}),
+							(n.i = function (e, t, r, o, i) {
+								"string" == typeof e && (e = [[null, e, void 0]]);
+								var a = {};
+								if (r)
+									for (var s = 0; s < this.length; s++) {
+										var c = this[s][0];
+										null != c && (a[c] = !0);
+									}
+								for (var l = 0; l < e.length; l++) {
+									var d = [].concat(e[l]);
+									(r && a[d[0]]) ||
+										(void 0 !== i &&
+											(void 0 === d[5] ||
+												(d[1] = "@layer"
+													.concat(d[5].length > 0 ? " ".concat(d[5]) : "", " {")
+													.concat(d[1], "}")),
+											(d[5] = i)),
+										t &&
+											(d[2]
+												? ((d[1] = "@media ".concat(d[2], " {").concat(d[1], "}")), (d[2] = t))
+												: (d[2] = t)),
+										o &&
+											(d[4]
+												? ((d[1] = "@supports (".concat(d[4], ") {").concat(d[1], "}")),
+													(d[4] = o))
+												: (d[4] = "".concat(o))),
+										n.push(d));
+								}
+							}),
+							n
+						);
+					};
+				},
+				81: (e) => {
+					e.exports = function (e) {
+						return e[1];
+					};
+				},
+				379: (e) => {
+					var n = [];
+					function t(e) {
+						for (var t = -1, r = 0; r < n.length; r++)
+							if (n[r].identifier === e) {
+								t = r;
+								break;
+							}
+						return t;
+					}
+					function r(e, r) {
+						for (var i = {}, a = [], s = 0; s < e.length; s++) {
+							var c = e[s],
+								l = r.base ? c[0] + r.base : c[0],
+								d = i[l] || 0,
+								u = "".concat(l, " ").concat(d);
+							i[l] = d + 1;
+							var p = t(u),
+								f = { css: c[1], media: c[2], sourceMap: c[3], supports: c[4], layer: c[5] };
+							if (-1 !== p) n[p].references++, n[p].updater(f);
+							else {
+								var v = o(f, r);
+								(r.byIndex = s), n.splice(s, 0, { identifier: u, updater: v, references: 1 });
+							}
+							a.push(u);
+						}
+						return a;
+					}
+					function o(e, n) {
+						var t = n.domAPI(n);
+						return (
+							t.update(e),
+							function (n) {
+								if (n) {
+									if (
+										n.css === e.css &&
+										n.media === e.media &&
+										n.sourceMap === e.sourceMap &&
+										n.supports === e.supports &&
+										n.layer === e.layer
+									)
+										return;
+									t.update((e = n));
+								} else t.remove();
+							}
+						);
+					}
+					e.exports = function (e, o) {
+						var i = r((e = e || []), (o = o || {}));
+						return function (e) {
+							e = e || [];
+							for (var a = 0; a < i.length; a++) {
+								var s = t(i[a]);
+								n[s].references--;
+							}
+							for (var c = r(e, o), l = 0; l < i.length; l++) {
+								var d = t(i[l]);
+								0 === n[d].references && (n[d].updater(), n.splice(d, 1));
+							}
+							i = c;
+						};
+					};
+				},
+				569: (e) => {
+					var n = {};
+					e.exports = function (e, t) {
+						var r = (function (e) {
+							if (void 0 === n[e]) {
+								var t = document.querySelector(e);
+								if (window.HTMLIFrameElement && t instanceof window.HTMLIFrameElement)
+									try {
+										t = t.contentDocument.head;
+									} catch (e) {
+										t = null;
+									}
+								n[e] = t;
+							}
+							return n[e];
+						})(e);
+						if (!r)
+							throw new Error(
+								"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.",
+							);
+						r.appendChild(t);
+					};
+				},
+				216: (e) => {
+					e.exports = function (e) {
+						var n = document.createElement("style");
+						return e.setAttributes(n, e.attributes), e.insert(n, e.options), n;
+					};
+				},
+				565: (e, n, t) => {
+					e.exports = function (e) {
+						var n = t.nc;
+						n && e.setAttribute("nonce", n);
+					};
+				},
+				795: (e) => {
+					e.exports = function (e) {
+						if ("undefined" == typeof document) return { update: function () {}, remove: function () {} };
+						var n = e.insertStyleElement(e);
+						return {
+							update: function (t) {
+								!(function (e, n, t) {
+									var r = "";
+									t.supports && (r += "@supports (".concat(t.supports, ") {")),
+										t.media && (r += "@media ".concat(t.media, " {"));
+									var o = void 0 !== t.layer;
+									o && (r += "@layer".concat(t.layer.length > 0 ? " ".concat(t.layer) : "", " {")),
+										(r += t.css),
+										o && (r += "}"),
+										t.media && (r += "}"),
+										t.supports && (r += "}");
+									var i = t.sourceMap;
+									i &&
+										"undefined" != typeof btoa &&
+										(r += "\n/*# sourceMappingURL=data:application/json;base64,".concat(
+											btoa(unescape(encodeURIComponent(JSON.stringify(i)))),
+											" */",
+										)),
+										n.styleTagTransform(r, e, n.options);
+								})(n, e, t);
+							},
+							remove: function () {
+								!(function (e) {
+									if (null === e.parentNode) return !1;
+									e.parentNode.removeChild(e);
+								})(n);
+							},
+						};
+					};
+				},
+				589: (e) => {
+					e.exports = function (e, n) {
+						if (n.styleSheet) n.styleSheet.cssText = e;
+						else {
+							for (; n.firstChild; ) n.removeChild(n.firstChild);
+							n.appendChild(document.createTextNode(e));
+						}
+					};
+				},
+			},
+			n = {};
+		function t(r) {
+			var o = n[r];
+			if (void 0 !== o) return o.exports;
+			var i = (n[r] = { id: r, exports: {} });
+			return e[r](i, i.exports, t), i.exports;
+		}
+		(t.n = (e) => {
+			var n = e && e.__esModule ? () => e.default : () => e;
+			return t.d(n, { a: n }), n;
+		}),
+			(t.d = (e, n) => {
+				for (var r in n) t.o(n, r) && !t.o(e, r) && Object.defineProperty(e, r, { enumerable: !0, get: n[r] });
+			}),
+			(t.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)),
+			(t.r = (e) => {
+				"undefined" != typeof Symbol &&
+					Symbol.toStringTag &&
+					Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }),
+					Object.defineProperty(e, "__esModule", { value: !0 });
+			}),
+			(t.nc = void 0);
+		var r = {};
+		return (
+			(() => {
+				t.r(r),
+					t.d(r, {
+						collapse: () => A,
+						create: () => S,
+						default: () => H,
+						destroy: () => L,
+						expand: () => D,
+						render: () => w,
+						renderJSON: () => k,
+						toggleNode: () => N,
+						traverse: () => C,
+					});
+				var e = t(379),
+					n = t.n(e),
+					o = t(795),
+					i = t.n(o),
+					a = t(569),
+					s = t.n(a),
+					c = t(565),
+					l = t.n(c),
+					d = t(216),
+					u = t.n(d),
+					p = t(589),
+					f = t.n(p),
+					v = t(767),
+					y = {};
+				function h(e) {
+					return Array.isArray(e) ? "array" : null === e ? "null" : typeof e;
+				}
+				function m(e) {
+					return document.createElement(e);
+				}
+				(y.styleTagTransform = f()),
+					(y.setAttributes = l()),
+					(y.insert = s().bind(null, "head")),
+					(y.domAPI = i()),
+					(y.insertStyleElement = u()),
+					n()(v.Z, y),
+					v.Z && v.Z.locals && v.Z.locals;
+				const g = {
+					HIDDEN: "hidden",
+					CARET_ICON: "caret-icon",
+					CARET_RIGHT: "fa-caret-right",
+					CARET_DOWN: "fa-caret-down",
+					ICON: "fas",
+				};
+				function x(e) {
+					e.children.forEach((e) => {
+						e.el.classList.add(g.HIDDEN), e.isExpanded && x(e);
+					});
+				}
+				function j(e) {
+					e.children.forEach((e) => {
+						e.el.classList.remove(g.HIDDEN), e.isExpanded && j(e);
+					});
+				}
+				function b(e) {
+					if (e.children.length > 0) {
+						const n = e.el.querySelector("." + g.ICON);
+						n && n.classList.replace(g.CARET_RIGHT, g.CARET_DOWN);
+					}
+				}
+				function E(e) {
+					if (e.children.length > 0) {
+						const n = e.el.querySelector("." + g.ICON);
+						n && n.classList.replace(g.CARET_DOWN, g.CARET_RIGHT);
+					}
+				}
+				function N(e) {
+					e.isExpanded ? ((e.isExpanded = !1), E(e), x(e)) : ((e.isExpanded = !0), b(e), j(e));
+				}
+				function C(e, n) {
+					n(e),
+						e.children.length > 0 &&
+							e.children.forEach((e) => {
+								C(e, n);
+							});
+				}
+				function T(e = {}) {
+					let n = e.hasOwnProperty("value") ? e.value : null;
+					return (
+						((e) => "object" === h(e) && 0 === Object.keys(e).length)(n) && (n = "{}"),
+						{
+							key: e.key || null,
+							parent: e.parent || null,
+							value: n,
+							isExpanded: e.isExpanded || !1,
+							type: e.type || null,
+							children: e.children || [],
+							el: e.el || null,
+							depth: e.depth || 0,
+							dispose: null,
+						}
+					);
+				}
+				function I(e, n) {
+					if ("object" == typeof e)
+						for (let t in e) {
+							const r = T({ value: e[t], key: t, depth: n.depth + 1, type: h(e[t]), parent: n });
+							n.children.push(r), I(e[t], r);
+						}
+				}
+				function O(e) {
+					return "string" == typeof e ? JSON.parse(e) : e;
+				}
+				function S(e) {
+					const n = O(e),
+						t = T({ value: n, key: h(n), type: h(n) });
+					return I(n, t), t;
+				}
+				function k(e, n) {
+					const t = S(O(e));
+					return w(t, n), t;
+				}
+				function w(e, n) {
+					const t = (function () {
+						const e = m("div");
+						return (e.className = "json-container"), e;
+					})();
+					C(e, function (e) {
+						(e.el = (function (e) {
+							let n = m("div");
+							const t = (e) => {
+								const n = e.children.length;
+								return "array" === e.type ? `[${n}]` : "object" === e.type ? `{${n}}` : null;
+							};
+							if (e.children.length > 0) {
+								n.innerHTML = (function (e = {}) {
+									const { key: n, size: t } = e;
+									return `\n    <div class="line">\n      <div class="caret-icon"><i class="fas fa-caret-right"></i></div>\n      <div class="json-key">${n}</div>\n      <div class="json-size">${t}</div>\n    </div>\n  `;
+								})({ key: e.key, size: t(e) });
+								const r = n.querySelector("." + g.CARET_ICON);
+								e.dispose = (function (e, n, t) {
+									return e.addEventListener(n, t), () => e.removeEventListener(n, t);
+								})(r, "click", () => N(e));
+							} else
+								n.innerHTML = (function (e = {}) {
+									const { key: n, value: t, type: r } = e;
+									return `\n    <div class="line">\n      <div class="empty-icon"></div>\n      <div class="json-key">${n}</div>\n      <div class="json-separator">:</div>\n      <div class="json-value json-${r}">${t}</div>\n    </div>\n  `;
+								})({
+									key: e.key,
+									value: "" === e.value ? '""' : e.value,
+									type: "{}" === e.value ? "object" : typeof e.value,
+								});
+							const r = n.children[0];
+							return (
+								null !== e.parent && r.classList.add(g.HIDDEN),
+								(r.style = "margin-left: " + 18 * e.depth + "px;"),
+								r
+							);
+						})(e)),
+							t.appendChild(e.el);
+					}),
+						n.appendChild(t);
+				}
+				function D(e) {
+					C(e, function (e) {
+						e.el.classList.remove(g.HIDDEN), (e.isExpanded = !0), b(e);
+					});
+				}
+				function A(e) {
+					C(e, function (n) {
+						(n.isExpanded = !1), n.depth > e.depth && n.el.classList.add(g.HIDDEN), E(n);
+					});
+				}
+				function L(e) {
+					var n;
+					C(e, (e) => {
+						e.dispose && e.dispose();
+					}),
+						(n = e.el.parentNode).parentNode.removeChild(n);
+				}
+				const H = {
+					toggleNode: N,
+					render: w,
+					create: S,
+					renderJSON: k,
+					expand: D,
+					collapse: A,
+					traverse: C,
+					destroy: L,
+				};
+			})(),
+			r
+		);
+	})(),
+);

package/static/tree.js/tree.css

@@ -0,0 +1,106 @@
+/* simple tree */
+.simple-tree {
+  user-select: none;
+  -moz-user-select: none;
+}
+.simple-tree>details>summary {
+  display: none;
+}
+.simple-tree a,
+.simple-tree summary {
+  display: block;
+  width: fit-content;
+  width: -moz-fit-content;
+  border: solid 1px transparent;
+  padding: 0 2px;
+  outline: none;
+  cursor: pointer;
+}
+.simple-tree a {
+  text-decoration: none;
+  color: inherit;
+}
+.simple-tree ::-webkit-details-marker {
+  display: none;
+}
+.simple-tree summary {
+  list-style-type: none;
+  background-color: #eee;
+  outline: none;
+}
+.simple-tree.dark summary {
+  background-color: #444;
+}
+.simple-tree details>:not(details),
+.simple-tree details {
+  position: relative;
+}
+.simple-tree details :not(summary) {
+  margin-left: 20px;
+}
+.simple-tree.nodots details :not(summary) {
+  margin-left: 12px;
+}
+.simple-tree details::before,
+.simple-tree details>:not(details)::before {
+  content: '';
+  width: 10px;
+  display: block;
+  position: absolute;
+}
+.simple-tree details::before,
+.simple-tree details>:not(details)::before {
+  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 2 2" xmlns="http://www.w3.org/2000/svg"><g><rect x="0" y="0" width="1" height="1"/></g></svg>') left top / 2px 2px;
+}
+.simple-tree.dark details::before,
+.simple-tree.dark details>:not(summary)::before {
+  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 2 2" xmlns="http://www.w3.org/2000/svg"><g><rect x="0" y="0" width="1" height="1" fill="white"/></g></svg>');
+}
+.simple-tree.nodots details::before,
+.simple-tree.nodots details>:not(summary)::before {
+  background-image: none;
+}
+.simple-tree details::before {
+  top: 0;
+  height: 100%;
+  background-repeat: repeat-y;
+  left: 5px;
+  z-index: -1;
+}
+.simple-tree details>:not(details)::before {
+  top: 8px;
+  height: calc(100% - 8px);
+  background-repeat: repeat-x;
+  left: -15px;
+}
+.simple-tree details>summary::before {
+  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><g><rect x="0" y="0" width="12" height="12" fill="white" stroke="gray" stroke-width="1"/><line x1="3" y1="6" x2="9" y2="6" stroke="black" stroke-width="2"/><line x1="6" y1="3" x2="6" y2="9" stroke="black" stroke-width="2"/></g></svg>') center center / 12px 12px no-repeat;
+  left: -22px;
+  top: 2px;
+  width: 16px;
+  height: 16px;
+}
+.simple-tree details[open]>summary::before {
+  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><title/><g><rect x="0" y="0" width="12" height="12" fill="white" stroke="gray" stroke-width="1"/><line x1="3" y1="6" x2="9" y2="6" stroke="black" stroke-width="2"/></g></svg>');
+}
+/* async tree */
+.async-tree details[open][data-loaded=false] {
+  pointer-events: none;
+}
+.async-tree details[open][data-loaded=false]>summary::before {
+  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g><animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1s" repeatCount="indefinite"/><circle cx="32" cy="32" r="32" fill="whitesmoke"/><path d="M 62 32 A 30 30 0 0 0 32 2" style="stroke: black; stroke-width:6; fill:none;"/></g></svg>');
+}
+.async-tree.black details[open][data-loaded=false]>summary::before {
+  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g><animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1s" repeatCount="indefinite"/><circle cx="32" cy="32" r="32" fill="whitesmoke"/><path d="M 62 32 A 30 30 0 0 0 32 2" style="stroke: white; stroke-width:6; fill:none;"/></g></svg>');
+}
+/* select tree */
+.select-tree .selected {
+  background-color: #beebff;
+  border-color: #99defd;
+  z-index: 1;
+}
+
+.select-tree.dark .selected {
+  background-color: #3a484e;
+  border-color: #99defd;
+}