@netlisian/softconfig 0.1.7 → 0.1.9

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"));
@@ -2289,25 +2299,6 @@ var createBuildersSlice = (set, get, initialConfig) => ({
     if (!selectedItem || !itemSelector) {
       throw new Error("No item selected to build from.");
     }
-    puckDispatch({
-      type: "set",
-      state: (previous) => {
-        var _a;
-        return {
-          ui: __spreadProps(__spreadValues({}, previous.ui), {
-            itemSelector: null
-          }),
-          data: __spreadProps(__spreadValues({}, previous.data), {
-            root: __spreadProps(__spreadValues({}, previous.data.root), {
-              props: __spreadProps(__spreadValues({}, (_a = previous.data.root) == null ? void 0 : _a.props), {
-                _name: name || "New Soft Component"
-              })
-            })
-            // content: [{ ...selectedItem }],
-          })
-        };
-      }
-    });
     const config = __spreadValues({}, get().softConfig);
     const overrides = get().overrides;
     const buildConfig = builderConfig(
@@ -2353,10 +2344,21 @@ var createBuildersSlice = (set, get, initialConfig) => ({
     }));
     requestAnimationFrame(
       () => puckDispatch({
-        type: "replaceRoot",
-        root: {
-          title: "Soft Component Builder",
-          _name: name || "New Soft Component"
+        type: "set",
+        state: (previous) => {
+          var _a;
+          return {
+            ui: __spreadProps(__spreadValues({}, previous.ui), {
+              itemSelector: null
+            }),
+            data: __spreadProps(__spreadValues({}, previous.data), {
+              root: __spreadProps(__spreadValues({}, previous.data.root), {
+                props: __spreadProps(__spreadValues({}, (_a = previous.data.root) == null ? void 0 : _a.props), {
+                  _name: name || "New Soft Component"
+                })
+              })
+            })
+          };
         }
       })
     );
@@ -2381,12 +2383,6 @@ var createBuildersSlice = (set, get, initialConfig) => ({
         `Soft component "${softComponentName}" with version "${softComponentVersion}" not found.`
       );
     }
-    puckDispatch({
-      type: "setUi",
-      ui: (previous) => __spreadProps(__spreadValues({}, previous), {
-        itemSelector: void 0
-      })
-    });
     const { root, content } = softComponentToAppState(
       softComponent,
       softComponentName,
@@ -2422,36 +2418,45 @@ var createBuildersSlice = (set, get, initialConfig) => ({
         return components;
       }
     );
-    puckDispatch({
-      type: "setData",
-      data: (prevData) => ({
-        root: __spreadProps(__spreadValues({}, root), { _versions: versions }),
-        content: (0, import_puck4.walkTree)(__spreadValues({}, prevData), __spreadValues({}, config), (components) => {
-          const next = components.map((component) => __spreadProps(__spreadValues({}, component), {
-            props: __spreadValues({}, component.props)
-          }));
-          const index = next.findIndex(
-            (component) => component.props.id === selectedItem.props.id
-          );
-          if (index !== -1) {
-            next.splice(
-              index,
-              1,
-              ...decomposedComponents.map((component) => __spreadProps(__spreadValues({}, component), {
-                props: __spreadValues({}, component.props)
-              }))
-            );
-          }
-          return next;
-        }).content
-      })
-    });
-    requestAnimationFrame(
-      () => setEditVisibility(get().iframeDoc, {
+    requestAnimationFrame(() => {
+      puckDispatch({
+        type: "set",
+        state: (previous) => ({
+          data: {
+            root: __spreadProps(__spreadValues({}, root), { _versions: versions }),
+            content: (0, import_puck4.walkTree)(
+              __spreadValues({}, previous.data),
+              __spreadValues({}, config),
+              (components) => {
+                const next = components.map((component) => __spreadProps(__spreadValues({}, component), {
+                  props: __spreadValues({}, component.props)
+                }));
+                const index = next.findIndex(
+                  (component) => component.props.id === selectedItem.props.id
+                );
+                if (index !== -1) {
+                  next.splice(
+                    index,
+                    1,
+                    ...decomposedComponents.map((component) => __spreadProps(__spreadValues({}, component), {
+                      props: __spreadValues({}, component.props)
+                    }))
+                  );
+                }
+                return next;
+              }
+            ).content
+          },
+          ui: __spreadProps(__spreadValues({}, previous.ui), {
+            itemSelector: null
+          })
+        })
+      });
+      setEditVisibility(get().iframeDoc, {
         mode: "remodel",
         editableIds
-      })
-    );
+      });
+    });
     set((s) => __spreadProps(__spreadValues({}, s), {
       storedConfig: config,
       softConfig: buildConfig,
@@ -2558,6 +2563,7 @@ var createBuildersSlice = (set, get, initialConfig) => ({
         }),
         storedConfig: void 0,
         state: "inspecting",
+        // Temporarily shift state to inspect() before finalizing back to ready
         originalHistory: []
       });
     });
@@ -2606,34 +2612,41 @@ var createBuildersSlice = (set, get, initialConfig) => ({
         type: "setData",
         data: (data) => {
           return reconstructedTree(data);
-        }
+        },
+        recordHistory: true
+        // Record this swap on the standard undo/redo stack
       });
+      clearEditVisibility(get().iframeDoc);
+      set((s) => __spreadProps(__spreadValues({}, s), {
+        state: "ready",
+        setItemSelector: void 0,
+        setOriginalItem: void 0,
+        editingComponent: null,
+        editingComponentId: null,
+        editableComponentIds: /* @__PURE__ */ new Set()
+      }));
     });
-    requestAnimationFrame(() => clearEditVisibility(get().iframeDoc));
-    set((s) => __spreadProps(__spreadValues({}, s), {
-      state: "ready",
-      setItemSelector: void 0,
-      setOriginalItem: void 0,
-      editingComponent: null,
-      editingComponentId: null,
-      editableComponentIds: /* @__PURE__ */ new Set()
-    }));
   },
   cancel: (setHistories) => {
     const storedHistories = get().originalHistory;
-    requestAnimationFrame(() => setHistories([...storedHistories]));
-    requestAnimationFrame(() => clearEditVisibility(get().iframeDoc));
     set((s) => __spreadProps(__spreadValues({}, s), {
-      softConfig: get().storedConfig || initialConfig,
-      storedConfig: void 0,
-      originalHistory: [],
-      itemSelector: null,
-      originalItem: null,
-      state: "ready",
-      editingComponent: null,
-      editingComponentId: null,
-      editableComponentIds: /* @__PURE__ */ new Set()
+      state: "cancelling"
     }));
+    setHistories([...storedHistories]);
+    requestAnimationFrame(() => {
+      clearEditVisibility(get().iframeDoc);
+      set((s) => __spreadProps(__spreadValues({}, s), {
+        softConfig: get().storedConfig || initialConfig,
+        storedConfig: void 0,
+        originalHistory: [],
+        itemSelector: null,
+        originalItem: null,
+        state: "ready",
+        editingComponent: null,
+        editingComponentId: null,
+        editableComponentIds: /* @__PURE__ */ new Set()
+      }));
+    });
   },
   compose: (appState, componentName, editedItem, displayName, category) => {
     if (!componentName) {
@@ -3287,47 +3300,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 +3311,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 +3320,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 = () => {
@@ -3815,7 +3786,6 @@ var usePublish = () => {
 // src/puck/overrides/Header.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var getClassName2 = get_class_name_factory_default("Header", Header_module_default);
-var usePuck = (0, import_puck13.createUsePuck)();
 var Header = ({
   onPublish,
   children
@@ -3865,7 +3835,7 @@ var ActionBar_module_default = { "ActionBar": "_ActionBar_pvuie_5", "ActionBar-l
 var import_shallow = require("zustand/shallow");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var getClassName3 = get_class_name_factory_default("ActionBar", ActionBar_module_default);
-var usePuck2 = (0, import_puck14.createUsePuck)();
+var usePuck = (0, import_puck14.createUsePuck)();
 var ActionBarOverride = (props) => {
   var _a, _b;
   const { handleBuild } = useBuild(props.label ? props.label + " Soft Component" : "New Soft Component");
@@ -3874,10 +3844,10 @@ var ActionBarOverride = (props) => {
   const overrides = useSoftConfig((s) => s.overrides);
   const softComponents = useSoftConfig((s) => s.softComponents, import_shallow.shallow);
   const editableIds = useSoftConfig((s) => s.editableComponentIds);
-  const selectedItem = usePuck2((s) => s.selectedItem);
-  const rootProps = usePuck2((s) => s.appState.data.root.props);
+  const selectedItem = usePuck((s) => s.selectedItem);
+  const rootProps = usePuck((s) => s.appState.data.root.props);
   const status = useSoftConfig((s) => s.state);
-  const itemSelector = usePuck2((s) => s.appState.ui.itemSelector);
+  const itemSelector = usePuck((s) => s.appState.ui.itemSelector);
   const softKeys = Object.keys(softComponents);
   const key = (0, import_react9.useMemo)(() => {
     const selectedType = selectedItem == null ? void 0 : selectedItem.type;
@@ -4032,14 +4002,14 @@ var Modal = ({
 var import_shallow2 = require("zustand/shallow");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var getClassName5 = get_class_name_factory_default("DrawerItem", DrawerItem_module_default);
-var usePuck3 = (0, import_puck15.createUsePuck)();
+var usePuck2 = (0, import_puck15.createUsePuck)();
 var DrawerItem = (props) => {
   const componentMeta = useSoftConfig((s) => s.softComponents[props.name]);
   const displayName = props.label || (componentMeta == null ? void 0 : componentMeta.name) || props.name;
   const softComponents = new Set(
     Object.keys(useSoftConfig((s) => s.softComponents, import_shallow2.shallow))
   );
-  const getPermissions = usePuck3((s) => s.getPermissions);
+  const getPermissions = usePuck2((s) => s.getPermissions);
   const insertAllowed = getPermissions({ type: props.name }).insert;
   const removeSoftComponentVersion = useSoftConfig(
     (s) => s.removeSoftComponentVersion
@@ -4265,7 +4235,7 @@ var Drawer_module_default = { "Drawer": "_Drawer_12zq5_1", "Drawer-category": "_
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var getClassName6 = get_class_name_factory_default("Drawer", Drawer_module_default);
 var getCategoryClassName = get_class_name_factory_default("Drawer-category", Drawer_module_default);
-var usePuck4 = (0, import_puck16.createUsePuck)();
+var usePuck3 = (0, import_puck16.createUsePuck)();
 var CategorySection = ({
   id,
   title,
@@ -4299,8 +4269,8 @@ var CategorySection = ({
 ] });
 var Drawer = (_props) => {
   var _a, _b;
-  const config = usePuck4((s) => s.config);
-  const getPermissions = usePuck4((s) => s.getPermissions);
+  const config = usePuck3((s) => s.config);
+  const getPermissions = usePuck3((s) => s.getPermissions);
   const categories = (_a = config.categories) != null ? _a : {};
   const categorised = new Set(
     Object.values(categories).flatMap((cat) => {
@@ -4373,11 +4343,11 @@ var Drawer = (_props) => {
 // src/puck/overrides/HeaderActions.tsx
 var import_puck17 = require("@measured/puck");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var usePuck5 = (0, import_puck17.createUsePuck)();
+var usePuck4 = (0, import_puck17.createUsePuck)();
 var HeaderActions = ({ children }) => {
   const { handleComplete } = useComplete();
   const { handleCancel, canCancel } = useCancel();
-  const dispatch = usePuck5((s) => s.dispatch);
+  const dispatch = usePuck4((s) => s.dispatch);
   const inspect = useSoftConfig((s) => s.builder.inspect);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: canCancel ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_puck17.Button, { onClick: handleCancel, children: "Cancel" }),
@@ -4403,6 +4373,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 +4623,6 @@ var resolveSoftConfig = (data, softComponents, config) => {
   useInspect,
   useRemodel,
   useSetDefaultVersion,
-  useSoftConfig
+  useSoftConfig,
+  useSoftConfigStore
 });