@ea-lab/reactive-json 1.4.0 → 2.0.0

package/dist/engine/View.js

@@ -1,76 +1,112 @@
 import { jsx as l } from "react/jsx-runtime";
-import { useContext as y } from "react";
-import { GlobalDataContext as D } from "./GlobalDataContext.js";
-import { TemplateContext as C } from "./TemplateContext.js";
-import L, { evaluateTemplateValue as x, dataLocationToPath as P } from "./TemplateSystem.js";
-function u({ props: t, currentData: o, datafield: c, path: n }) {
-  const i = y(D), v = y(C), f = i.plugins ?? {}, d = (f == null ? void 0 : f.element) ?? {};
-  if (!d)
+import { useContext as x, useReducer as H, useSyncExternalStore as L, useMemo as O, useCallback as S } from "react";
+import { GlobalDataContext as V } from "./GlobalDataContext.js";
+import { TemplateContext as W } from "./TemplateContext.js";
+import { useStore as N } from "./StoreContext.js";
+import G, { dataLocationToPath as w } from "./TemplateSystem.js";
+const y = (t) => !t || t === "data" ? "" : t.startsWith("data.") ? t.substring(5) : t, P = ({ props: t, datafield: g, path: o }) => {
+  const r = N(), i = x(V), s = x(W), [, J] = H((e) => e + 1, 0), v = y(o), D = (s == null ? void 0 : s.templatePath) || "data", b = (i == null ? void 0 : i.templatePath) || "data", C = L(
+    (e) => r.subscribe(v, e),
+    () => r.get(v)
+  ), u = O(() => {
+    if (!t || typeof t != "object") return [];
+    const e = [], n = (a) => {
+      if (a)
+        if (typeof a == "string") {
+          if (a.startsWith("~.") || a.startsWith("~~.") || a.startsWith("~>") || a.startsWith("~~>"))
+            try {
+              const c = w({
+                dataLocation: a,
+                currentPath: o,
+                globalDataContext: { templatePath: b },
+                templateContext: { templatePath: D }
+              });
+              c && c !== o && e.push(y(c));
+            } catch {
+            }
+        } else typeof a == "object" && Object.values(a).forEach((c) => n(c));
+    };
+    return n(t), [...new Set(e)];
+  }, [t, o, D, b]), E = S((e) => {
+    const n = u.map(
+      (a) => r.subscribe(a, e)
+    );
+    return () => n.forEach((a) => a());
+  }, [u, r]), R = S(() => {
+    const e = u.map((n) => r.get(n));
+    return JSON.stringify(e);
+  }, [u, r]);
+  L(E, R);
+  const m = i.plugins ?? {}, f = (m == null ? void 0 : m.element) ?? {};
+  if (!f)
     return null;
-  const { element: T } = i;
-  if (o === void 0 && (o = ""), t != null && t.type) {
-    let e = d[t.type] ?? void 0;
-    const a = d.Html;
-    return e === void 0 && (e = a), e ? (a === e && (t.tag = t.tag ?? t.type), /* @__PURE__ */ l(e, { path: n, props: t, currentData: o, datafield: c })) : (console.warn(`No component found for type "${t.type}" and no Html fallback available.`), null);
+  const { element: k } = i, d = C === void 0 ? "" : C;
+  if (t != null && t.type) {
+    let e = f[t.type] ?? void 0;
+    const n = f.Html;
+    return e === void 0 && (e = n), e ? (n === e && (t.tag || (t.tag = t.type)), /* @__PURE__ */ l(e, { path: o, props: t, currentData: d, datafield: g })) : (console.warn(`No component found for type "${t.type}" and no Html fallback available.`), null);
   }
   if (t != null && t.load) {
     let e;
-    const a = (t == null ? void 0 : t.customDataLocation) ?? void 0, m = a ? (
-      // The data is located somewhere in the current data.
-      x({
-        globalDataContext: i,
-        templateContext: v,
-        valueToEvaluate: a
-      })
-    ) : (
-      // The data is the current data.
-      o
-    ), r = a ? P({
-      dataLocation: a,
-      currentPath: n,
-      globalDataContext: i,
-      templateContext: v
-    }) : n;
-    typeof t.load == "function" ? e = t.load(m) : e = T[t.load];
-    const { load: h, customDataLocation: g, ...b } = t;
-    return e = { ...e, ...b }, t.keepTemplateContext ? /* @__PURE__ */ l(
-      u,
-      {
-        currentData: m,
-        datafield: c,
-        path: r,
-        props: e
+    const n = (t == null ? void 0 : t.customDataLocation) ?? void 0;
+    let a;
+    if (n)
+      try {
+        a = w({
+          dataLocation: n,
+          currentPath: o,
+          globalDataContext: { templatePath: "data", get templateData() {
+            return r.get("");
+          } },
+          templateContext: { templatePath: o, get templateData() {
+            return r.get("");
+          } }
+        });
+      } catch (h) {
+        console.error("View: Error evaluating customDataLocation", h), a = o;
       }
-    ) : /* @__PURE__ */ l(C.Provider, { value: { templateData: m, templatePath: r }, children: /* @__PURE__ */ l(
-      u,
+    else
+      a = o;
+    typeof t.load == "function" ? e = t.load(d) : e = k[t.load];
+    const { load: c, customDataLocation: M, ...z } = t;
+    e = { ...e, ...z };
+    const T = /* @__PURE__ */ l(
+      P,
       {
-        currentData: m,
-        datafield: c,
-        path: r,
+        datafield: g,
+        path: a,
         props: e
       }
-    ) });
+    );
+    if (t.keepTemplateContext)
+      return T;
+    const A = {
+      templatePath: a,
+      get templateData() {
+        const h = y(a);
+        return r.get(h);
+      }
+    };
+    return /* @__PURE__ */ l(W.Provider, { value: A, children: T });
   }
-  return Array.isArray(t) ? t.map((e, a) => /* @__PURE__ */ l(
-    u,
+  return Array.isArray(t) ? t.map((e, n) => /* @__PURE__ */ l(
+    P,
     {
-      currentData: o[a] ?? void 0,
-      datafield: a,
-      path: n + "." + a,
+      path: o + "." + n,
+      datafield: n,
       props: e ?? void 0
     },
-    n + "." + a
-  )) : typeof t == "object" ? Object.entries(t).map(([e, a]) => /* @__PURE__ */ l(
-    u,
+    o + "." + n
+  )) : typeof t == "object" ? Object.entries(t).map(([e, n]) => /* @__PURE__ */ l(
+    P,
     {
-      currentData: o[e] ?? void 0,
+      path: o + "." + e,
       datafield: e ?? void 0,
-      path: n + "." + e,
-      props: a
+      props: n
     },
-    n + "." + e
-  )) : /* @__PURE__ */ l(L, { valueToEvaluate: o || (t ?? null) });
-}
+    o + "." + e
+  )) : /* @__PURE__ */ l(G, { valueToEvaluate: d || (t ?? null) });
+};
 export {
-  u as View
+  P as View
 };

package/dist/engine/hook/useReactiveData.js

@@ -0,0 +1,9 @@
+import { useStore as u } from "../StoreContext.js";
+import { useCallback as s, useSyncExternalStore as i } from "react";
+const c = (t) => !t || t === "data" ? "" : t.startsWith("data.") ? t.substring(5) : t, f = (t) => {
+  const r = u(), e = c(t), n = s((a) => r.subscribe(e, a), [e, r]), o = s(() => r.get(e), [e, r]);
+  return i(n, o);
+};
+export {
+  f as useReactiveData
+};

package/dist/engine/index.js

@@ -1,52 +1,60 @@
 import { ActionDependant as o, isValid as r } from "./Actions.js";
 import { mergeComponentCollections as p } from "./ComponentCollector.js";
-import { EventDispatcherContext as m } from "./EventDispatcherContext.js";
-import { EventDispatcherProvider as i, addEventListener as x, removeEventListener as f } from "./EventDispatcherProvider.js";
-import { GlobalDataContext as u } from "./GlobalDataContext.js";
-import { GlobalDataContextProvider as c } from "./GlobalDataContextProvider.js";
-import { PaginationContext as D } from "./PaginationContext.js";
-import { ReactiveJsonRoot as b } from "./ReactiveJsonRoot.js";
-import { TemplateContext as g } from "./TemplateContext.js";
-import { dataLocationToPath as E, evaluateAttributes as P, evaluateTemplateValue as R, evaluateTemplateValueCollection as V, isTemplateValue as h, useEvaluatedAttributes as L } from "./TemplateSystem.js";
-import { alterData as z } from "./utility/alterData.js";
-import { analyzeDataOverrideReferences as J } from "./utility/analyzeDataOverrideReferences.js";
-import { applyDataMapping as G } from "./utility/dataMappingSystem.js";
-import { replaceEventPlaceholders as j } from "./utility/eventPlaceholderSystem.js";
-import { formatString as M, maybeFormatString as N } from "./utility/formatString.js";
-import { propsDataLocationToPathAndValue as k } from "./utility/formElementsCommon.js";
-import { parseRjBuild as H } from "./utility/parseRjBuild.js";
-import { normalizeAttributeNameForReactJsx as K, normalizeAttributesForReactJsx as Q } from "./utility/reactJsxHelpers.js";
-import { stringToBoolean as W } from "./utility/stringToBoolean.js";
-import { View as Y } from "./View.js";
+import { DataStore as n } from "./DataStore.js";
+import { EventDispatcherContext as l } from "./EventDispatcherContext.js";
+import { EventDispatcherProvider as f, addEventListener as s, removeEventListener as u } from "./EventDispatcherProvider.js";
+import { GlobalDataContext as c } from "./GlobalDataContext.js";
+import { GlobalDataContextProvider as D } from "./GlobalDataContextProvider.js";
+import { PaginationContext as b } from "./PaginationContext.js";
+import { ReactiveJsonRoot as R } from "./ReactiveJsonRoot.js";
+import { StoreContext as g, StoreProvider as A, useStore as E } from "./StoreContext.js";
+import { TemplateContext as V } from "./TemplateContext.js";
+import { dataLocationToPath as L, evaluateAttributes as y, evaluateTemplateValue as z, evaluateTemplateValueCollection as F, isTemplateValue as J, useEvaluatedAttributes as B } from "./TemplateSystem.js";
+import { useReactiveData as j } from "./hook/useReactiveData.js";
+import { alterData as M } from "./utility/alterData.js";
+import { analyzeDataOverrideReferences as O } from "./utility/analyzeDataOverrideReferences.js";
+import { applyDataMapping as q } from "./utility/dataMappingSystem.js";
+import { replaceEventPlaceholders as I } from "./utility/eventPlaceholderSystem.js";
+import { formatString as Q, maybeFormatString as U } from "./utility/formatString.js";
+import { propsDataLocationToPathAndValue as X } from "./utility/formElementsCommon.js";
+import { parseRjBuild as Z } from "./utility/parseRjBuild.js";
+import { normalizeAttributeNameForReactJsx as $, normalizeAttributesForReactJsx as ee } from "./utility/reactJsxHelpers.js";
+import { stringToBoolean as oe } from "./utility/stringToBoolean.js";
+import { View as ae } from "./View.js";
 export {
   o as ActionDependant,
-  m as EventDispatcherContext,
-  i as EventDispatcherProvider,
-  u as GlobalDataContext,
-  c as GlobalDataContextProvider,
-  D as PaginationContext,
-  b as ReactiveJsonRoot,
-  g as TemplateContext,
-  Y as View,
-  x as addEventListener,
-  z as alterData,
-  J as analyzeDataOverrideReferences,
-  G as applyDataMapping,
-  E as dataLocationToPath,
-  P as evaluateAttributes,
-  R as evaluateTemplateValue,
-  V as evaluateTemplateValueCollection,
-  M as formatString,
-  h as isTemplateValue,
+  n as DataStore,
+  l as EventDispatcherContext,
+  f as EventDispatcherProvider,
+  c as GlobalDataContext,
+  D as GlobalDataContextProvider,
+  b as PaginationContext,
+  R as ReactiveJsonRoot,
+  g as StoreContext,
+  A as StoreProvider,
+  V as TemplateContext,
+  ae as View,
+  s as addEventListener,
+  M as alterData,
+  O as analyzeDataOverrideReferences,
+  q as applyDataMapping,
+  L as dataLocationToPath,
+  y as evaluateAttributes,
+  z as evaluateTemplateValue,
+  F as evaluateTemplateValueCollection,
+  Q as formatString,
+  J as isTemplateValue,
   r as isValid,
-  N as maybeFormatString,
+  U as maybeFormatString,
   p as mergeComponentCollections,
-  K as normalizeAttributeNameForReactJsx,
-  Q as normalizeAttributesForReactJsx,
-  H as parseRjBuild,
-  k as propsDataLocationToPathAndValue,
-  f as removeEventListener,
-  j as replaceEventPlaceholders,
-  W as stringToBoolean,
-  L as useEvaluatedAttributes
+  $ as normalizeAttributeNameForReactJsx,
+  ee as normalizeAttributesForReactJsx,
+  Z as parseRjBuild,
+  X as propsDataLocationToPathAndValue,
+  u as removeEventListener,
+  I as replaceEventPlaceholders,
+  oe as stringToBoolean,
+  B as useEvaluatedAttributes,
+  j as useReactiveData,
+  E as useStore
 };

package/dist/engine/utility/formElementsCommon.js

@@ -1,34 +1,47 @@
-import { evaluateTemplateValue as P, dataLocationToPath as m } from "../TemplateSystem.js";
-const u = ({
+import { evaluateTemplateValue as P, dataLocationToPath as s } from "../TemplateSystem.js";
+const i = ({
   currentPath: v,
-  datafield: D,
-  dataLocation: o,
-  defaultValue: h,
-  globalDataContext: f,
+  datafield: r,
+  dataLocation: h,
+  defaultValue: o,
+  globalDataContext: m,
   templateContext: a
 }) => {
-  const r = {
+  const D = {
     // This is the data that contains the current checked state.
     formData: void 0,
     // This is the path that leads to the data.
     formDataPath: void 0
   };
-  return o && typeof o == "string" ? (r.formData = P({
-    globalDataContext: f,
-    templateContext: a,
-    valueToEvaluate: o
-  }) ?? h, r.formDataPath = m({
-    dataLocation: o,
-    currentPath: v,
-    globalDataContext: f,
-    templateContext: a
-  })) : ((a.templateData[D] ?? void 0) === void 0 && (a.templateData = typeof a.templateData == "object" ? a.templateData : {}, a.templateData[D] = h), r.formData = a.templateData[D], r.formDataPath = m({
-    dataLocation: "~." + D,
-    currentPath: a.templatePath,
-    globalDataContext: f,
-    templateContext: a
-  })), r;
+  if (h && typeof h == "string")
+    D.formData = P({
+      globalDataContext: m,
+      templateContext: a,
+      valueToEvaluate: h
+    }) ?? o, D.formDataPath = s({
+      dataLocation: h,
+      currentPath: v,
+      globalDataContext: m,
+      templateContext: a
+    });
+  else {
+    if ((a.templateData[r] ?? void 0) === void 0)
+      if (typeof a.templateData == "object" && a.templateData !== null)
+        a.templateData[r] = o;
+      else
+        try {
+          a.templateData = {}, a.templateData[r] = o;
+        } catch {
+        }
+    D.formData = a.templateData[r], D.formDataPath = s({
+      dataLocation: "~." + r,
+      currentPath: a.templatePath,
+      globalDataContext: m,
+      templateContext: a
+    });
+  }
+  return D;
 };
 export {
-  u as propsDataLocationToPathAndValue
+  i as propsDataLocationToPathAndValue
 };