@netlisian/softconfig 0.1.7 → 0.1.8

package/dist/puck/index.d.mts

@@ -530,7 +530,7 @@ declare const createSoftConfigStore: (hardConfig?: Config, softComponents?: Soft
  * @param props.useVersioning - Flag to enable or disable versioning (defaults to false).
  */
 declare const SoftConfigProvider: ({ children, hardConfig, softComponents, customFields, overrides, value, onActions, useVersioning, }: {
-    children: (softConfig: Config, softComponents: SoftComponents, actionGuard: (action: PuckAction) => void) => ReactNode;
+    children: (softConfig: Config) => ReactNode;
     hardConfig: Config;
     softComponents?: SoftComponents;
     customFields?: CustomFields;
@@ -542,6 +542,10 @@ declare const SoftConfigProvider: ({ children, hardConfig, softComponents, custo
 
 declare const createUseSoftConfig: () => <T>(selector: (state: AppStore) => T, equalityFn?: (a: T, b: T) => boolean) => T;
 declare const useSoftConfig: <T>(selector: (state: AppStore) => T, equalityFn?: (a: T, b: T) => boolean) => T;
+/**
+ * Access the soft config store instance without subscribing to state changes.
+ */
+declare const useSoftConfigStore: () => StoreApi<AppStore>;
 
 declare const useBuild: (name?: string) => {
     handleBuild: () => void;
@@ -742,4 +746,4 @@ declare const isArrayMappingPath: (path: string) => boolean;
 declare const getArrayBasePath: (arrayPath: string) => string | null;
 declare const getArrayItemSubPath: (arrayPath: string) => string | null;
 
-export { ActionBarOverride as ActionBar, type ActionEventPayload, type AppStore, type AppStoreApi, type ApplyMappingOptions, type ApplyMappingResult, type BuilderComponentConfig, type BuilderConfig, type BuilderRootConfig, ComponentItem, Drawer as ComponentList, type CustomFieldDefinition, type CustomFieldReturnType, type CustomFields, Drawer, DrawerItem, type FieldSettings, Header, HeaderActions, type MapEntry, Modal, type OnActionsCallback, type Overrides, type SoftComponent, type SoftComponents, SoftConfigProvider, type SoftFieldDefinition, type SoftFieldSettings, type VersionedSoftComponent, applyMapping, confirm, createActionCallback, createSoftConfigStore, createUseSoftConfig, filterToOptionsForFrom, getArrayBasePath, getArrayItemSubPath, isArrayMappingPath, notify, resolveSoftConfig, resolveValueByPath, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig };
+export { ActionBarOverride as ActionBar, type ActionEventPayload, type AppStore, type AppStoreApi, type ApplyMappingOptions, type ApplyMappingResult, type BuilderComponentConfig, type BuilderConfig, type BuilderRootConfig, ComponentItem, Drawer as ComponentList, type CustomFieldDefinition, type CustomFieldReturnType, type CustomFields, Drawer, DrawerItem, type FieldSettings, Header, HeaderActions, type MapEntry, Modal, type OnActionsCallback, type Overrides, type SoftComponent, type SoftComponents, SoftConfigProvider, type SoftFieldDefinition, type SoftFieldSettings, type VersionedSoftComponent, applyMapping, confirm, createActionCallback, createSoftConfigStore, createUseSoftConfig, filterToOptionsForFrom, getArrayBasePath, getArrayItemSubPath, isArrayMappingPath, notify, resolveSoftConfig, resolveValueByPath, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig, useSoftConfigStore };

package/dist/puck/index.d.ts

@@ -530,7 +530,7 @@ declare const createSoftConfigStore: (hardConfig?: Config, softComponents?: Soft
  * @param props.useVersioning - Flag to enable or disable versioning (defaults to false).
  */
 declare const SoftConfigProvider: ({ children, hardConfig, softComponents, customFields, overrides, value, onActions, useVersioning, }: {
-    children: (softConfig: Config, softComponents: SoftComponents, actionGuard: (action: PuckAction) => void) => ReactNode;
+    children: (softConfig: Config) => ReactNode;
     hardConfig: Config;
     softComponents?: SoftComponents;
     customFields?: CustomFields;
@@ -542,6 +542,10 @@ declare const SoftConfigProvider: ({ children, hardConfig, softComponents, custo
 
 declare const createUseSoftConfig: () => <T>(selector: (state: AppStore) => T, equalityFn?: (a: T, b: T) => boolean) => T;
 declare const useSoftConfig: <T>(selector: (state: AppStore) => T, equalityFn?: (a: T, b: T) => boolean) => T;
+/**
+ * Access the soft config store instance without subscribing to state changes.
+ */
+declare const useSoftConfigStore: () => StoreApi<AppStore>;
 
 declare const useBuild: (name?: string) => {
     handleBuild: () => void;
@@ -742,4 +746,4 @@ declare const isArrayMappingPath: (path: string) => boolean;
 declare const getArrayBasePath: (arrayPath: string) => string | null;
 declare const getArrayItemSubPath: (arrayPath: string) => string | null;
 
-export { ActionBarOverride as ActionBar, type ActionEventPayload, type AppStore, type AppStoreApi, type ApplyMappingOptions, type ApplyMappingResult, type BuilderComponentConfig, type BuilderConfig, type BuilderRootConfig, ComponentItem, Drawer as ComponentList, type CustomFieldDefinition, type CustomFieldReturnType, type CustomFields, Drawer, DrawerItem, type FieldSettings, Header, HeaderActions, type MapEntry, Modal, type OnActionsCallback, type Overrides, type SoftComponent, type SoftComponents, SoftConfigProvider, type SoftFieldDefinition, type SoftFieldSettings, type VersionedSoftComponent, applyMapping, confirm, createActionCallback, createSoftConfigStore, createUseSoftConfig, filterToOptionsForFrom, getArrayBasePath, getArrayItemSubPath, isArrayMappingPath, notify, resolveSoftConfig, resolveValueByPath, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig };
+export { ActionBarOverride as ActionBar, type ActionEventPayload, type AppStore, type AppStoreApi, type ApplyMappingOptions, type ApplyMappingResult, type BuilderComponentConfig, type BuilderConfig, type BuilderRootConfig, ComponentItem, Drawer as ComponentList, type CustomFieldDefinition, type CustomFieldReturnType, type CustomFields, Drawer, DrawerItem, type FieldSettings, Header, HeaderActions, type MapEntry, Modal, type OnActionsCallback, type Overrides, type SoftComponent, type SoftComponents, SoftConfigProvider, type SoftFieldDefinition, type SoftFieldSettings, type VersionedSoftComponent, applyMapping, confirm, createActionCallback, createSoftConfigStore, createUseSoftConfig, filterToOptionsForFrom, getArrayBasePath, getArrayItemSubPath, isArrayMappingPath, notify, resolveSoftConfig, resolveValueByPath, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig, useSoftConfigStore };

package/dist/puck/index.js

@@ -99,7 +99,8 @@ __export(puck_exports, {
   useInspect: () => useInspect,
   useRemodel: () => useRemodel,
   useSetDefaultVersion: () => useSetDefaultVersion,
-  useSoftConfig: () => useSoftConfig
+  useSoftConfig: () => useSoftConfig,
+  useSoftConfigStore: () => useSoftConfigStore
 });
 module.exports = __toCommonJS(puck_exports);
 
@@ -670,6 +671,15 @@ var createUseSoftConfig = () => {
   };
 };
 var useSoftConfig = createUseSoftConfig();
+var useSoftConfigStore = () => {
+  const context = (0, import_react.useContext)(appStoreContext);
+  if (!context) {
+    throw new Error(
+      "useSoftConfigStore must be used inside a SoftConfigProvider."
+    );
+  }
+  return context;
+};
 
 // src/puck/lib/apply-mapping.ts
 var import_react_fast_compare = __toESM(require("react-fast-compare"));
@@ -3287,47 +3297,6 @@ var createSoftConfigStore = (hardConfig = { components: {} }, softComponents = {
 
 // src/puck/context/storeProvider.tsx
 var import_react5 = require("react");
-
-// src/puck/lib/notify.ts
-var customHandler = null;
-var defaultHandler = (message, type) => {
-  if (type === "error") {
-    console.error(`[Error] ${message}`);
-  } else {
-    console.log(`[Success] ${message}`);
-  }
-};
-var setNotificationHandler = (handler) => {
-  customHandler = handler;
-};
-var notify = {
-  error: (message) => {
-    const handler = customHandler || defaultHandler;
-    handler(message, "error");
-  },
-  success: (message) => {
-    const handler = customHandler || defaultHandler;
-    handler(message, "success");
-  }
-};
-
-// src/puck/lib/action-callback.ts
-var createActionCallback = (validateAction, undo) => {
-  return (action) => {
-    if (!undo) {
-      return;
-    }
-    const isValid = validateAction(action);
-    if (!isValid) {
-      notify.error(
-        "Editing outside the soft component is not allowed when you are editing component definition."
-      );
-      requestAnimationFrame(() => undo());
-    }
-  };
-};
-
-// src/puck/context/storeProvider.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var SoftConfigProvider = ({
   children,
@@ -3339,8 +3308,8 @@ var SoftConfigProvider = ({
   onActions,
   useVersioning = false
 }) => {
-  const store = value != null ? value : (0, import_react5.useMemo)(
-    () => createSoftConfigStore(
+  const store = (0, import_react5.useMemo)(
+    () => value != null ? value : createSoftConfigStore(
       hardConfig,
       softComponents,
       overrides,
@@ -3348,55 +3317,54 @@ var SoftConfigProvider = ({
       useVersioning,
       customFields
     ),
-    [
-      hardConfig,
-      softComponents,
-      overrides,
-      onActions,
-      useVersioning,
-      customFields
-    ]
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [value]
+    // Intentionally omitting the rest: createSoftConfigStore params are
+    // treated as initialisation-time values. If callers need to react to
+    // prop changes they should pass a new `value` store instead.
   );
   const [softConfig, setSoftConfig] = (0, import_react5.useState)(
     () => store.getState().softConfig
   );
-  const [internalSoftComponents, setSoftComponents] = (0, import_react5.useState)(
-    () => store.getState().softComponents
-  );
-  const [actionGuard, setActionGuard] = (0, import_react5.useState)(
-    (action) => null
-  );
   (0, import_react5.useEffect)(() => {
-    const unsubscribe = store.subscribe(() => {
-      setSoftConfig(store.getState().softConfig);
-      setSoftComponents(store.getState().softComponents);
-    });
-    return () => {
-      unsubscribe();
-    };
-  }, [store]);
-  (0, import_react5.useEffect)(() => {
-    const unsubscribe = store.subscribe((state, prevState) => {
-      if (prevState && prevState.undoFn === state.undoFn) {
-        return;
+    let prev = store.getState().softConfig;
+    const unsubscribe = store.subscribe((state) => {
+      if (state.softConfig !== prev) {
+        prev = state.softConfig;
+        setSoftConfig(state.softConfig);
       }
-      setActionGuard(
-        () => createActionCallback(
-          state.validateAction,
-          state.undoFn
-        )
-      );
     });
-    return () => {
-      unsubscribe();
-    };
-  }, [store.getState().undoFn]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(appStoreContext.Provider, { value: store, children: children(softConfig, internalSoftComponents, actionGuard) });
+    return unsubscribe;
+  }, [store]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(appStoreContext.Provider, { value: store, children: children(softConfig) });
 };
 
 // src/puck/actions/useBuild.tsx
 var import_puck5 = require("@measured/puck");
 
+// src/puck/lib/notify.ts
+var customHandler = null;
+var defaultHandler = (message, type) => {
+  if (type === "error") {
+    console.error(`[Error] ${message}`);
+  } else {
+    console.log(`[Success] ${message}`);
+  }
+};
+var setNotificationHandler = (handler) => {
+  customHandler = handler;
+};
+var notify = {
+  error: (message) => {
+    const handler = customHandler || defaultHandler;
+    handler(message, "error");
+  },
+  success: (message) => {
+    const handler = customHandler || defaultHandler;
+    handler(message, "success");
+  }
+};
+
 // src/puck/hooks/useActionEvent.ts
 var import_react6 = require("react");
 var useActionEvent = () => {
@@ -4403,6 +4371,22 @@ var HeaderActions = ({ children }) => {
   ] }) : children });
 };
 
+// src/puck/lib/action-callback.ts
+var createActionCallback = (validateAction, undo) => {
+  return (action) => {
+    if (!undo) {
+      return;
+    }
+    const isValid = validateAction(action);
+    if (!isValid) {
+      notify.error(
+        "Editing outside the soft component is not allowed when you are editing component definition."
+      );
+      requestAnimationFrame(() => undo());
+    }
+  };
+};
+
 // src/puck/lib/dissolve-all-soft-components.ts
 function extractDependencies2(softComponents, componentName, version) {
   var _a, _b;
@@ -4637,5 +4621,6 @@ var resolveSoftConfig = (data, softComponents, config) => {
   useInspect,
   useRemodel,
   useSetDefaultVersion,
-  useSoftConfig
+  useSoftConfig,
+  useSoftConfigStore
 });

package/dist/puck/index.mjs

@@ -611,6 +611,15 @@ var createUseSoftConfig = () => {
   };
 };
 var useSoftConfig = createUseSoftConfig();
+var useSoftConfigStore = () => {
+  const context = useContext(appStoreContext);
+  if (!context) {
+    throw new Error(
+      "useSoftConfigStore must be used inside a SoftConfigProvider."
+    );
+  }
+  return context;
+};
 
 // src/puck/lib/apply-mapping.ts
 import equal from "react-fast-compare";
@@ -3228,47 +3237,6 @@ var createSoftConfigStore = (hardConfig = { components: {} }, softComponents = {
 
 // src/puck/context/storeProvider.tsx
 import { useEffect as useEffect2, useMemo as useMemo2, useState } from "react";
-
-// src/puck/lib/notify.ts
-var customHandler = null;
-var defaultHandler = (message, type) => {
-  if (type === "error") {
-    console.error(`[Error] ${message}`);
-  } else {
-    console.log(`[Success] ${message}`);
-  }
-};
-var setNotificationHandler = (handler) => {
-  customHandler = handler;
-};
-var notify = {
-  error: (message) => {
-    const handler = customHandler || defaultHandler;
-    handler(message, "error");
-  },
-  success: (message) => {
-    const handler = customHandler || defaultHandler;
-    handler(message, "success");
-  }
-};
-
-// src/puck/lib/action-callback.ts
-var createActionCallback = (validateAction, undo) => {
-  return (action) => {
-    if (!undo) {
-      return;
-    }
-    const isValid = validateAction(action);
-    if (!isValid) {
-      notify.error(
-        "Editing outside the soft component is not allowed when you are editing component definition."
-      );
-      requestAnimationFrame(() => undo());
-    }
-  };
-};
-
-// src/puck/context/storeProvider.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
 var SoftConfigProvider = ({
   children,
@@ -3280,8 +3248,8 @@ var SoftConfigProvider = ({
   onActions,
   useVersioning = false
 }) => {
-  const store = value != null ? value : useMemo2(
-    () => createSoftConfigStore(
+  const store = useMemo2(
+    () => value != null ? value : createSoftConfigStore(
       hardConfig,
       softComponents,
       overrides,
@@ -3289,55 +3257,54 @@ var SoftConfigProvider = ({
       useVersioning,
       customFields
     ),
-    [
-      hardConfig,
-      softComponents,
-      overrides,
-      onActions,
-      useVersioning,
-      customFields
-    ]
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [value]
+    // Intentionally omitting the rest: createSoftConfigStore params are
+    // treated as initialisation-time values. If callers need to react to
+    // prop changes they should pass a new `value` store instead.
   );
   const [softConfig, setSoftConfig] = useState(
     () => store.getState().softConfig
   );
-  const [internalSoftComponents, setSoftComponents] = useState(
-    () => store.getState().softComponents
-  );
-  const [actionGuard, setActionGuard] = useState(
-    (action) => null
-  );
   useEffect2(() => {
-    const unsubscribe = store.subscribe(() => {
-      setSoftConfig(store.getState().softConfig);
-      setSoftComponents(store.getState().softComponents);
-    });
-    return () => {
-      unsubscribe();
-    };
-  }, [store]);
-  useEffect2(() => {
-    const unsubscribe = store.subscribe((state, prevState) => {
-      if (prevState && prevState.undoFn === state.undoFn) {
-        return;
+    let prev = store.getState().softConfig;
+    const unsubscribe = store.subscribe((state) => {
+      if (state.softConfig !== prev) {
+        prev = state.softConfig;
+        setSoftConfig(state.softConfig);
       }
-      setActionGuard(
-        () => createActionCallback(
-          state.validateAction,
-          state.undoFn
-        )
-      );
     });
-    return () => {
-      unsubscribe();
-    };
-  }, [store.getState().undoFn]);
-  return /* @__PURE__ */ jsx7(appStoreContext.Provider, { value: store, children: children(softConfig, internalSoftComponents, actionGuard) });
+    return unsubscribe;
+  }, [store]);
+  return /* @__PURE__ */ jsx7(appStoreContext.Provider, { value: store, children: children(softConfig) });
 };
 
 // src/puck/actions/useBuild.tsx
 import { createUsePuck as createUsePuck2 } from "@measured/puck";
 
+// src/puck/lib/notify.ts
+var customHandler = null;
+var defaultHandler = (message, type) => {
+  if (type === "error") {
+    console.error(`[Error] ${message}`);
+  } else {
+    console.log(`[Success] ${message}`);
+  }
+};
+var setNotificationHandler = (handler) => {
+  customHandler = handler;
+};
+var notify = {
+  error: (message) => {
+    const handler = customHandler || defaultHandler;
+    handler(message, "error");
+  },
+  success: (message) => {
+    const handler = customHandler || defaultHandler;
+    handler(message, "success");
+  }
+};
+
 // src/puck/hooks/useActionEvent.ts
 import { useCallback } from "react";
 var useActionEvent = () => {
@@ -4344,6 +4311,22 @@ var HeaderActions = ({ children }) => {
   ] }) : children });
 };
 
+// src/puck/lib/action-callback.ts
+var createActionCallback = (validateAction, undo) => {
+  return (action) => {
+    if (!undo) {
+      return;
+    }
+    const isValid = validateAction(action);
+    if (!isValid) {
+      notify.error(
+        "Editing outside the soft component is not allowed when you are editing component definition."
+      );
+      requestAnimationFrame(() => undo());
+    }
+  };
+};
+
 // src/puck/lib/dissolve-all-soft-components.ts
 function extractDependencies2(softComponents, componentName, version) {
   var _a, _b;
@@ -4577,5 +4560,6 @@ export {
   useInspect,
   useRemodel,
   useSetDefaultVersion,
-  useSoftConfig
+  useSoftConfig,
+  useSoftConfigStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netlisian/softconfig",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",