@json-render/solid 0.18.0 → 0.19.0

package/dist/index.mjs

@@ -695,13 +695,17 @@ import { insert as _$insert2 } from "solid-js/web";
 import { memo as _$memo2 } from "solid-js/web";
 import { createComponent as _$createComponent6 } from "solid-js/web";
 import { createContext as createContext6, useContext as useContext6, createMemo as createMemo3, createEffect as createEffect3, createSignal as createSignal4, onCleanup as onCleanup2, ErrorBoundary, Show, For } from "solid-js";
-import { resolveElementProps, resolveBindings, resolveActionParam, evaluateVisibility as evaluateVisibility2, getByPath as getByPath2, isDevtoolsActive, subscribeDevtoolsActive } from "@json-render/core";
+import { resolveElementProps, resolveBindings, resolveActionParam, evaluateVisibility as evaluateVisibility2, getByPath as getByPath2, isDevtoolsActive, subscribeDevtoolsActive, createDirectiveRegistry } from "@json-render/core";
 var _tmpl$2 = /* @__PURE__ */ _$template2(`<span style=display:contents>`);
 var EMPTY_FUNCTIONS = {};
 var FunctionsContext = createContext6(EMPTY_FUNCTIONS);
 function useFunctions() {
   return useContext6(FunctionsContext) ?? EMPTY_FUNCTIONS;
 }
+var DirectivesContext = createContext6(void 0);
+function useDirectives() {
+  return useContext6(DirectivesContext);
+}
 function useDevtoolsActive() {
   const [active, setActive] = createSignal4(isDevtoolsActive());
   const unsub = subscribeDevtoolsActive(() => setActive(isDevtoolsActive()));
@@ -719,6 +723,7 @@ function ElementRenderer(props) {
   const stateStore = useStateStore();
   const getSnapshot = () => stateStore.getSnapshot();
   const functions = useFunctions();
+  const directives = useDirectives();
   const fullCtx = createMemo3(() => {
     const repeatItem = repeatScope?.item;
     const repeatIndex = repeatScope?.index;
@@ -736,7 +741,8 @@ function ElementRenderer(props) {
       ...repeatBasePath !== void 0 ? {
         repeatBasePath
       } : {},
-      functions
+      functions,
+      directives
     };
   });
   const isVisible = createMemo3(() => props.element.visible === void 0 ? true : evaluateVisibility2(props.element.visible, fullCtx()));
@@ -1072,6 +1078,7 @@ function Renderer(props) {
   });
 }
 function JSONUIProvider(props) {
+  const directiveRegistry = createMemo3(() => props.directives ? createDirectiveRegistry(props.directives) : void 0);
   return _$createComponent6(StateProvider, {
     get store() {
       return props.store;
@@ -1103,7 +1110,14 @@ function JSONUIProvider(props) {
                       return props.functions ?? EMPTY_FUNCTIONS;
                     },
                     get children() {
-                      return [_$memo2(() => props.children), _$createComponent6(ConfirmationDialogManager, {})];
+                      return _$createComponent6(DirectivesContext.Provider, {
+                        get value() {
+                          return directiveRegistry();
+                        },
+                        get children() {
+                          return [_$memo2(() => props.children), _$createComponent6(ConfirmationDialogManager, {})];
+                        }
+                      });
                     }
                   });
                 }
@@ -1189,6 +1203,7 @@ function defineRegistry(_catalog, options) {
 function createRenderer(catalog, components) {
   const registry = components;
   return function CatalogRenderer(props) {
+    const directiveRegistry = createMemo3(() => props.directives ? createDirectiveRegistry(props.directives) : void 0);
     const actionHandlers = () => props.onAction ? new Proxy({}, {
       get: (_target, prop) => {
         return (params) => props.onAction(prop, params);
@@ -1220,18 +1235,25 @@ function createRenderer(catalog, components) {
                         return props.functions ?? EMPTY_FUNCTIONS;
                       },
                       get children() {
-                        return [_$createComponent6(Renderer, {
-                          get spec() {
-                            return props.spec;
-                          },
-                          registry,
-                          get loading() {
-                            return props.loading;
+                        return _$createComponent6(DirectivesContext.Provider, {
+                          get value() {
+                            return directiveRegistry();
                           },
-                          get fallback() {
-                            return props.fallback;
+                          get children() {
+                            return [_$createComponent6(Renderer, {
+                              get spec() {
+                                return props.spec;
+                              },
+                              registry,
+                              get loading() {
+                                return props.loading;
+                              },
+                              get fallback() {
+                                return props.fallback;
+                              }
+                            }), _$createComponent6(ConfirmationDialogManager, {})];
                           }
-                        }), _$createComponent6(ConfirmationDialogManager, {})];
+                        });
                       }
                     });
                   }