@netlisian/softconfig 0.0.7 → 0.0.9

package/dist/puck/index.d.mts

@@ -149,6 +149,56 @@ type VersionedSoftComponent = {
 };
 type SoftComponents = Record<string, VersionedSoftComponent>;
 
+type ActionEventPayload = {
+    type: "build";
+    payload: {
+        id: string;
+    };
+} | {
+    type: "remodel";
+    payload: {
+        id: string;
+    };
+} | {
+    type: "complete";
+    payload: {
+        id: string;
+        componentData: DefaultComponentProps;
+        softComponent: SoftComponent;
+    };
+} | {
+    type: "cancel";
+    payload: Record<string, never>;
+} | {
+    type: "demolish";
+    payload: {
+        id: string;
+    };
+} | {
+    type: "setDefaultVersion";
+    payload: {
+        id: string;
+        version: string;
+    };
+} | {
+    type: "inspect";
+    payload: {
+        id: string;
+    };
+} | {
+    type: "decompose";
+    payload: {
+        id: string;
+    };
+} | {
+    type: "publish";
+    payload: {
+        id: string;
+        version: string;
+    };
+};
+type OnActionsCallback = (event: ActionEventPayload) => void | Promise<void>;
+
 type RenderFunc<Props extends {
     [key: string]: any;
 } = {
@@ -178,6 +228,7 @@ type Overrides = {
         subComponentPath: string[];
         softComponent: VersionedSoftComponent["versions"][string];
     }) => ((inputs: any[], props: DefaultComponentProps) => any) | undefined;
+    onActions?: OnActionsCallback;
 };
 
 type Status = "building" | "remodeling" | "ready" | "inspecting";
@@ -189,6 +240,7 @@ type AppStore = {
     originalHistory: History[];
     storedConfig?: Config;
     overrides: Overrides;
+    onActions?: OnActionsCallback;
     itemSelector: {
         index: number;
         zone: string;
@@ -217,7 +269,7 @@ type AppStore = {
     removeSoftComponent: (key: string) => void;
 };
 type AppStoreApi = StoreApi<AppStore>;
-declare const createSoftConfigStore: (hardConfig?: Config, softComponents?: SoftComponents, overrides?: Overrides) => zustand.UseBoundStore<Omit<Omit<StoreApi<AppStore>, "subscribe"> & {
+declare const createSoftConfigStore: (hardConfig?: Config, softComponents?: SoftComponents, overrides?: Overrides, onActions?: OnActionsCallback) => zustand.UseBoundStore<Omit<Omit<StoreApi<AppStore>, "subscribe"> & {
     subscribe: {
         (listener: (selectedState: AppStore, previousSelectedState: AppStore) => void): () => void;
         <U>(selector: (state: AppStore) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
@@ -243,12 +295,13 @@ declare const createSoftConfigStore: (hardConfig?: Config, softComponents?: Soft
     };
 }>;
 
-declare const SoftConfigProvider: ({ children, hardConfig, softComponents, overrides, value, }: {
+declare const SoftConfigProvider: ({ children, hardConfig, softComponents, overrides, value, onActions, }: {
     children: (softConfig: Config, softComponents: SoftComponents) => ReactNode;
     hardConfig: Config;
     softComponents: SoftComponents;
     overrides: Overrides;
     value?: StoreApi<AppStore>;
+    onActions?: OnActionsCallback;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const createUseSoftConfig: () => <T>(selector: (state: AppStore) => T) => T;
@@ -356,4 +409,4 @@ declare const Modal: ({ children, onClose, isOpen, }: {
     isOpen: boolean;
 }) => react_jsx_runtime.JSX.Element;
 
-export { ActionBarOverride as ActionBar, type AppStore, type AppStoreApi, type BuilderComponentConfig, type BuilderConfig, type BuilderRootConfig, ComponentItem, Header, Modal, type Overrides, type SoftComponent, type SoftComponents, SoftConfigProvider, confirm, createSoftConfigStore, createUseSoftConfig, notify, resolveSoftConfig, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig };
+export { ActionBarOverride as ActionBar, type ActionEventPayload, type AppStore, type AppStoreApi, type BuilderComponentConfig, type BuilderConfig, type BuilderRootConfig, ComponentItem, Header, Modal, type OnActionsCallback, type Overrides, type SoftComponent, type SoftComponents, SoftConfigProvider, type VersionedSoftComponent, confirm, createSoftConfigStore, createUseSoftConfig, notify, resolveSoftConfig, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig };

package/dist/puck/index.d.ts

@@ -149,6 +149,56 @@ type VersionedSoftComponent = {
 };
 type SoftComponents = Record<string, VersionedSoftComponent>;
 
+type ActionEventPayload = {
+    type: "build";
+    payload: {
+        id: string;
+    };
+} | {
+    type: "remodel";
+    payload: {
+        id: string;
+    };
+} | {
+    type: "complete";
+    payload: {
+        id: string;
+        componentData: DefaultComponentProps;
+        softComponent: SoftComponent;
+    };
+} | {
+    type: "cancel";
+    payload: Record<string, never>;
+} | {
+    type: "demolish";
+    payload: {
+        id: string;
+    };
+} | {
+    type: "setDefaultVersion";
+    payload: {
+        id: string;
+        version: string;
+    };
+} | {
+    type: "inspect";
+    payload: {
+        id: string;
+    };
+} | {
+    type: "decompose";
+    payload: {
+        id: string;
+    };
+} | {
+    type: "publish";
+    payload: {
+        id: string;
+        version: string;
+    };
+};
+type OnActionsCallback = (event: ActionEventPayload) => void | Promise<void>;
+
 type RenderFunc<Props extends {
     [key: string]: any;
 } = {
@@ -178,6 +228,7 @@ type Overrides = {
         subComponentPath: string[];
         softComponent: VersionedSoftComponent["versions"][string];
     }) => ((inputs: any[], props: DefaultComponentProps) => any) | undefined;
+    onActions?: OnActionsCallback;
 };
 
 type Status = "building" | "remodeling" | "ready" | "inspecting";
@@ -189,6 +240,7 @@ type AppStore = {
     originalHistory: History[];
     storedConfig?: Config;
     overrides: Overrides;
+    onActions?: OnActionsCallback;
     itemSelector: {
         index: number;
         zone: string;
@@ -217,7 +269,7 @@ type AppStore = {
     removeSoftComponent: (key: string) => void;
 };
 type AppStoreApi = StoreApi<AppStore>;
-declare const createSoftConfigStore: (hardConfig?: Config, softComponents?: SoftComponents, overrides?: Overrides) => zustand.UseBoundStore<Omit<Omit<StoreApi<AppStore>, "subscribe"> & {
+declare const createSoftConfigStore: (hardConfig?: Config, softComponents?: SoftComponents, overrides?: Overrides, onActions?: OnActionsCallback) => zustand.UseBoundStore<Omit<Omit<StoreApi<AppStore>, "subscribe"> & {
     subscribe: {
         (listener: (selectedState: AppStore, previousSelectedState: AppStore) => void): () => void;
         <U>(selector: (state: AppStore) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
@@ -243,12 +295,13 @@ declare const createSoftConfigStore: (hardConfig?: Config, softComponents?: Soft
     };
 }>;
 
-declare const SoftConfigProvider: ({ children, hardConfig, softComponents, overrides, value, }: {
+declare const SoftConfigProvider: ({ children, hardConfig, softComponents, overrides, value, onActions, }: {
     children: (softConfig: Config, softComponents: SoftComponents) => ReactNode;
     hardConfig: Config;
     softComponents: SoftComponents;
     overrides: Overrides;
     value?: StoreApi<AppStore>;
+    onActions?: OnActionsCallback;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const createUseSoftConfig: () => <T>(selector: (state: AppStore) => T) => T;
@@ -356,4 +409,4 @@ declare const Modal: ({ children, onClose, isOpen, }: {
     isOpen: boolean;
 }) => react_jsx_runtime.JSX.Element;
 
-export { ActionBarOverride as ActionBar, type AppStore, type AppStoreApi, type BuilderComponentConfig, type BuilderConfig, type BuilderRootConfig, ComponentItem, Header, Modal, type Overrides, type SoftComponent, type SoftComponents, SoftConfigProvider, confirm, createSoftConfigStore, createUseSoftConfig, notify, resolveSoftConfig, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig };
+export { ActionBarOverride as ActionBar, type ActionEventPayload, type AppStore, type AppStoreApi, type BuilderComponentConfig, type BuilderConfig, type BuilderRootConfig, ComponentItem, Header, Modal, type OnActionsCallback, type Overrides, type SoftComponent, type SoftComponents, SoftConfigProvider, type VersionedSoftComponent, confirm, createSoftConfigStore, createUseSoftConfig, notify, resolveSoftConfig, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig };

package/dist/puck/index.js

@@ -1863,7 +1863,7 @@ function buildInitialSoftComponents(hardConfig, softComponents, overrides) {
 // src/puck/store/index.tsx
 var createSoftConfigStore = (hardConfig = {
   components: {}
-}, softComponents = {}, overrides = {}) => {
+}, softComponents = {}, overrides = {}, onActions) => {
   const hydratedSoftComponents = (overrides == null ? void 0 : overrides.hydrateMapTransform) ? hydrateSoftComponentsTransforms(
     softComponents,
     overrides.hydrateMapTransform
@@ -1874,6 +1874,7 @@ var createSoftConfigStore = (hardConfig = {
         state: "ready",
         originalHistory: [],
         overrides,
+        onActions,
         storeHistory: (history) => set({ originalHistory: history }),
         removeHistory: () => set({ originalHistory: [] }),
         itemSelector: null,
@@ -2035,11 +2036,12 @@ var SoftConfigProvider = ({
   hardConfig,
   softComponents,
   overrides,
-  value
+  value,
+  onActions
 }) => {
   const store = value != null ? value : (0, import_react5.useMemo)(
-    () => createSoftConfigStore(hardConfig, softComponents, overrides),
-    [hardConfig, softComponents, overrides]
+    () => createSoftConfigStore(hardConfig, softComponents, overrides, onActions),
+    [hardConfig, softComponents, overrides, onActions]
   );
   const [softConfig, setSoftConfig] = (0, import_react5.useState)(
     () => store.getState().softConfig
@@ -2085,6 +2087,25 @@ var notify = {
   }
 };
 
+// src/puck/hooks/useActionEvent.ts
+var import_react6 = require("react");
+var useActionEvent = () => {
+  const onActions = useSoftConfig((s) => s.onActions);
+  const triggerAction = (0, import_react6.useCallback)(
+    (event) => __async(null, null, function* () {
+      if (onActions) {
+        try {
+          yield onActions(event);
+        } catch (error) {
+          console.error("Error in onActions callback:", error);
+        }
+      }
+    }),
+    [onActions]
+  );
+  return { triggerAction };
+};
+
 // src/puck/actions/useBuild.tsx
 var useCustomPuck2 = (0, import_puck4.createUsePuck)();
 var useBuild = () => {
@@ -2094,6 +2115,7 @@ var useBuild = () => {
   const itemSelector = useCustomPuck2((s) => s.appState.ui.itemSelector);
   const dispatch = useCustomPuck2((s) => s.dispatch);
   const status = useSoftConfig((s) => s.state);
+  const { triggerAction } = useActionEvent();
   const handleBuild = () => {
     if (status !== "ready") {
       notify.error("Can only build when in ready state.");
@@ -2101,6 +2123,14 @@ var useBuild = () => {
     }
     try {
       build(history, selectedItem, itemSelector, dispatch);
+      if (selectedItem == null ? void 0 : selectedItem.type) {
+        triggerAction({
+          type: "build",
+          payload: {
+            id: selectedItem.type
+          }
+        });
+      }
     } catch (error) {
       console.error("Failed to build:", error);
       notify.error(
@@ -2122,6 +2152,7 @@ var useRemodel = () => {
   const dispatch = useCustomPuck3((s) => s.dispatch);
   const status = useSoftConfig((s) => s.state);
   const softComponents = useSoftConfig((s) => s.softComponents);
+  const { triggerAction } = useActionEvent();
   const handleRemodel = (componentName) => {
     if (status !== "ready") {
       notify.error("Can only remodel when in ready state.");
@@ -2134,6 +2165,12 @@ var useRemodel = () => {
     }
     try {
       remodel(history, selectedItem, itemSelector, dispatch);
+      triggerAction({
+        type: "remodel",
+        payload: {
+          id: name
+        }
+      });
     } catch (error) {
       console.error("Failed to remodel:", error);
       notify.error(
@@ -2150,15 +2187,18 @@ var useRemodel = () => {
 
 // src/puck/actions/useComplete.tsx
 var import_puck6 = require("@measured/puck");
-var import_react6 = require("react");
+var import_react7 = require("react");
 var useCustomPuck4 = (0, import_puck6.createUsePuck)();
 var useComplete = () => {
   const complete = useSoftConfig((s) => s.builder.complete);
   const appState = useCustomPuck4((s) => s.appState);
   const setHistories = useCustomPuck4((s) => s.history.setHistories);
   const status = useSoftConfig((s) => s.state);
-  const [newComponent, setNewComponent] = (0, import_react6.useState)(null);
-  const handleComplete = (0, import_react6.useCallback)(() => {
+  const softComponents = useSoftConfig((s) => s.softComponents);
+  const [newComponent, setNewComponent] = (0, import_react7.useState)(null);
+  const { triggerAction } = useActionEvent();
+  const handleComplete = (0, import_react7.useCallback)(() => {
+    var _a, _b;
     if (status === "ready") {
       notify.error("Not building or remodeling a component.");
       return null;
@@ -2166,6 +2206,18 @@ var useComplete = () => {
     try {
       const componentName = complete(appState, setHistories);
       setNewComponent(componentName);
+      const componentData = appState.data.root;
+      const softComponent = (_b = softComponents[componentName]) == null ? void 0 : _b.versions[(_a = softComponents[componentName]) == null ? void 0 : _a.defaultVersion];
+      if (softComponent && componentData) {
+        triggerAction({
+          type: "complete",
+          payload: {
+            id: componentName,
+            componentData,
+            softComponent
+          }
+        });
+      }
       return componentName;
     } catch (error) {
       console.error("Failed to complete:", error);
@@ -2174,7 +2226,7 @@ var useComplete = () => {
       );
       return null;
     }
-  }, [complete, appState, setHistories, status]);
+  }, [complete, appState, setHistories, status, softComponents, triggerAction]);
   const canComplete = status === "building" || status === "remodeling";
   return { handleComplete, canComplete, newComponent, setNewComponent };
 };
@@ -2186,6 +2238,7 @@ var useCancel = () => {
   const cancel = useSoftConfig((s) => s.builder.cancel);
   const setHistories = useCustomPuck5((s) => s.history.setHistories);
   const status = useSoftConfig((s) => s.state);
+  const { triggerAction } = useActionEvent();
   const handleCancel = () => {
     if (status === "ready") {
       notify.error("Nothing to cancel.");
@@ -2193,6 +2246,10 @@ var useCancel = () => {
     }
     try {
       cancel(setHistories);
+      triggerAction({
+        type: "cancel",
+        payload: {}
+      });
     } catch (error) {
       console.error("Failed to cancel:", error);
       notify.error(
@@ -2206,13 +2263,14 @@ var useCancel = () => {
 
 // src/puck/actions/useInspect.tsx
 var import_puck8 = require("@measured/puck");
-var import_react7 = require("react");
+var import_react8 = require("react");
 var useCustomPuck6 = (0, import_puck8.createUsePuck)();
 var useInspect = (componentName) => {
   const inspect = useSoftConfig((s) => s.builder.inspect);
   const dispatch = useCustomPuck6((s) => s.dispatch);
   const status = useSoftConfig((s) => s.state);
-  (0, import_react7.useEffect)(() => {
+  const { triggerAction } = useActionEvent();
+  (0, import_react8.useEffect)(() => {
     if (status !== "inspecting") return;
     if (!componentName) {
       notify.error("No component to inspect.");
@@ -2220,13 +2278,19 @@ var useInspect = (componentName) => {
     }
     try {
       inspect(componentName, dispatch);
+      triggerAction({
+        type: "inspect",
+        payload: {
+          id: componentName
+        }
+      });
     } catch (error) {
       console.error("Failed to inspect:", error);
       notify.error(
         "Failed to inspect: " + (error instanceof Error ? error.message : String(error))
       );
     }
-  }, [status, componentName, inspect, dispatch]);
+  }, [status, componentName, inspect, dispatch, triggerAction]);
 };
 
 // src/puck/actions/useDecompose.tsx
@@ -2240,6 +2304,7 @@ var useDecompose = () => {
   const status = useSoftConfig((s) => s.state);
   const softComponents = useSoftConfig((s) => s.softComponents);
   const config = useSoftConfig((s) => s.softConfig);
+  const { triggerAction } = useActionEvent();
   const handleDecompose = (componentData) => {
     if (status !== "ready") {
       notify.error("Can only decompose when in ready state.");
@@ -2272,6 +2337,12 @@ var useDecompose = () => {
         type: "setData",
         data: newData
       });
+      triggerAction({
+        type: "decompose",
+        payload: {
+          id: componentName
+        }
+      });
     } catch (error) {
       console.error("Failed to decompose:", error);
       notify.error(
@@ -2295,6 +2366,7 @@ var useDemolish = () => {
   const data = useCustomPuck8((s) => s.appState.data);
   const status = useSoftConfig((s) => s.state);
   const softComponents = useSoftConfig((s) => s.softComponents);
+  const { triggerAction } = useActionEvent();
   const handleDemolish = (componentName) => {
     if (status !== "ready") {
       notify.error("Can only demolish when in ready state.");
@@ -2306,6 +2378,12 @@ var useDemolish = () => {
     }
     try {
       demolish(componentName, data, dispatch);
+      triggerAction({
+        type: "demolish",
+        payload: {
+          id: componentName
+        }
+      });
     } catch (error) {
       console.error("Failed to demolish:", error);
       notify.error(
@@ -2326,6 +2404,7 @@ var useSetDefaultVersion = () => {
   );
   const softComponents = useSoftConfig((s) => s.softComponents);
   const status = useSoftConfig((s) => s.state);
+  const { triggerAction } = useActionEvent();
   const handleSetDefaultVersion = (componentName, version) => {
     if (status !== "ready") {
       return;
@@ -2338,6 +2417,13 @@ var useSetDefaultVersion = () => {
       return;
     }
     setSoftComponentDefaultVersion(componentName, version);
+    triggerAction({
+      type: "setDefaultVersion",
+      payload: {
+        id: componentName,
+        version
+      }
+    });
   };
   const canSetDefaultVersion = (componentName, version) => {
     const component = softComponents[componentName];
@@ -2372,7 +2458,9 @@ var usePublish = () => {
   const components = useSoftConfig((s) => s.softComponents);
   const data = useCustomPuck9((s) => s.appState.data);
   const status = useSoftConfig((s) => s.state);
+  const { triggerAction } = useActionEvent();
   const handlePublish = (publish) => {
+    var _a, _b;
     if (status !== "ready") {
       notify.error("Can only publish when in ready state.");
       return;
@@ -2382,6 +2470,17 @@ var usePublish = () => {
       return;
     }
     publish(data, components);
+    const rootComponentType = (_a = data.root) == null ? void 0 : _a.type;
+    const rootVersion = (_b = components[rootComponentType]) == null ? void 0 : _b.defaultVersion;
+    if (rootComponentType && rootVersion) {
+      triggerAction({
+        type: "publish",
+        payload: {
+          id: rootComponentType,
+          version: rootVersion
+        }
+      });
+    }
   };
   const canPublish = status === "ready";
   return { handlePublish, canPublish };
@@ -2474,7 +2573,7 @@ var ActionBarOverride = (props) => {
 };
 
 // src/puck/overrides/ComponentItem.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_puck14 = require("@measured/puck");
 var import_lucide_react2 = require("lucide-react");
 
@@ -2499,7 +2598,7 @@ var confirm = (message) => __async(null, null, function* () {
 var ComponentItem_module_default = { "ComponentItem": "_ComponentItem_lp9eh_1", "ComponentItem-content": "_ComponentItem-content_lp9eh_14", "ComponentItem-name": "_ComponentItem-name_lp9eh_24", "ComponentItem-version": "_ComponentItem-version_lp9eh_28", "ComponentItem-actions": "_ComponentItem-actions_lp9eh_33", "ComponentItem-settingsButton": "_ComponentItem-settingsButton_lp9eh_39", "ComponentItem-grip": "_ComponentItem-grip_lp9eh_49", "ComponentItem-modal": "_ComponentItem-modal_lp9eh_56", "ComponentItem-modalHeader": "_ComponentItem-modalHeader_lp9eh_63", "ComponentItem-modalTitle": "_ComponentItem-modalTitle_lp9eh_68", "ComponentItem-modalSubtitle": "_ComponentItem-modalSubtitle_lp9eh_75", "ComponentItem-modalBody": "_ComponentItem-modalBody_lp9eh_81", "ComponentItem-section": "_ComponentItem-section_lp9eh_90", "ComponentItem-sectionTitle": "_ComponentItem-sectionTitle_lp9eh_96", "ComponentItem-sectionDescription": "_ComponentItem-sectionDescription_lp9eh_103", "ComponentItem-versionList": "_ComponentItem-versionList_lp9eh_109", "ComponentItem-versionRow": "_ComponentItem-versionRow_lp9eh_115", "ComponentItem-versionRow--isDefault": "_ComponentItem-versionRow--isDefault_lp9eh_126", "ComponentItem-versionRow--isMarkedForDeletion": "_ComponentItem-versionRow--isMarkedForDeletion_lp9eh_131", "ComponentItem-versionInfo": "_ComponentItem-versionInfo_lp9eh_136", "ComponentItem-versionNumber": "_ComponentItem-versionNumber_lp9eh_143", "ComponentItem-defaultBadge": "_ComponentItem-defaultBadge_lp9eh_149", "ComponentItem-deleteBadge": "_ComponentItem-deleteBadge_lp9eh_160", "ComponentItem-versionActions": "_ComponentItem-versionActions_lp9eh_171", "ComponentItem-migrationOptions": "_ComponentItem-migrationOptions_lp9eh_177", "ComponentItem-select": "_ComponentItem-select_lp9eh_181", "ComponentItem-modalFooter": "_ComponentItem-modalFooter_lp9eh_202", "ComponentItem-footerLeft": "_ComponentItem-footerLeft_lp9eh_211", "ComponentItem-footerRight": "_ComponentItem-footerRight_lp9eh_216" };
 
 // src/puck/components/modal/index.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_react_dom = require("react-dom");
 
 // css-module:D:\osamuProjects\netlisian\packages\soft-config\src\puck\components\modal\styles.module.css#css-module
@@ -2513,8 +2612,8 @@ var Modal = ({
   onClose,
   isOpen
 }) => {
-  const [rootEl, setRootEl] = (0, import_react8.useState)(null);
-  (0, import_react8.useEffect)(() => {
+  const [rootEl, setRootEl] = (0, import_react9.useState)(null);
+  (0, import_react9.useEffect)(() => {
     setRootEl(document.getElementById("puck-portal-root"));
   }, []);
   if (!rootEl) {
@@ -2545,13 +2644,13 @@ var ComponentItem = (props) => {
   );
   const { handleDemolish } = useDemolish();
   const { handleSetDefaultVersion, getVersions, getDefaultVersion } = useSetDefaultVersion();
-  const [isEditing, setIsEditing] = (0, import_react9.useState)(false);
-  const [isHovering, setIsHovering] = (0, import_react9.useState)(false);
-  const [selectedVersion, setSelectedVersion] = (0, import_react9.useState)("");
-  const [versionsToDelete, setVersionsToDelete] = (0, import_react9.useState)(
+  const [isEditing, setIsEditing] = (0, import_react10.useState)(false);
+  const [isHovering, setIsHovering] = (0, import_react10.useState)(false);
+  const [selectedVersion, setSelectedVersion] = (0, import_react10.useState)("");
+  const [versionsToDelete, setVersionsToDelete] = (0, import_react10.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [migrateVersionMap, setMigrateVersionMap] = (0, import_react9.useState)({});
+  const [migrateVersionMap, setMigrateVersionMap] = (0, import_react10.useState)({});
   const versions = getVersions(props.name);
   const defaultVersion = getDefaultVersion(props.name);
   const handleApply = () => __async(null, null, function* () {

package/dist/puck/index.mjs

@@ -1813,7 +1813,7 @@ function buildInitialSoftComponents(hardConfig, softComponents, overrides) {
 // src/puck/store/index.tsx
 var createSoftConfigStore = (hardConfig = {
   components: {}
-}, softComponents = {}, overrides = {}) => {
+}, softComponents = {}, overrides = {}, onActions) => {
   const hydratedSoftComponents = (overrides == null ? void 0 : overrides.hydrateMapTransform) ? hydrateSoftComponentsTransforms(
     softComponents,
     overrides.hydrateMapTransform
@@ -1824,6 +1824,7 @@ var createSoftConfigStore = (hardConfig = {
         state: "ready",
         originalHistory: [],
         overrides,
+        onActions,
         storeHistory: (history) => set({ originalHistory: history }),
         removeHistory: () => set({ originalHistory: [] }),
         itemSelector: null,
@@ -1985,11 +1986,12 @@ var SoftConfigProvider = ({
   hardConfig,
   softComponents,
   overrides,
-  value
+  value,
+  onActions
 }) => {
   const store = value != null ? value : useMemo2(
-    () => createSoftConfigStore(hardConfig, softComponents, overrides),
-    [hardConfig, softComponents, overrides]
+    () => createSoftConfigStore(hardConfig, softComponents, overrides, onActions),
+    [hardConfig, softComponents, overrides, onActions]
   );
   const [softConfig, setSoftConfig] = useState2(
     () => store.getState().softConfig
@@ -2035,6 +2037,25 @@ var notify = {
   }
 };
 
+// src/puck/hooks/useActionEvent.ts
+import { useCallback } from "react";
+var useActionEvent = () => {
+  const onActions = useSoftConfig((s) => s.onActions);
+  const triggerAction = useCallback(
+    (event) => __async(null, null, function* () {
+      if (onActions) {
+        try {
+          yield onActions(event);
+        } catch (error) {
+          console.error("Error in onActions callback:", error);
+        }
+      }
+    }),
+    [onActions]
+  );
+  return { triggerAction };
+};
+
 // src/puck/actions/useBuild.tsx
 var useCustomPuck2 = createUsePuck2();
 var useBuild = () => {
@@ -2044,6 +2065,7 @@ var useBuild = () => {
   const itemSelector = useCustomPuck2((s) => s.appState.ui.itemSelector);
   const dispatch = useCustomPuck2((s) => s.dispatch);
   const status = useSoftConfig((s) => s.state);
+  const { triggerAction } = useActionEvent();
   const handleBuild = () => {
     if (status !== "ready") {
       notify.error("Can only build when in ready state.");
@@ -2051,6 +2073,14 @@ var useBuild = () => {
     }
     try {
       build(history, selectedItem, itemSelector, dispatch);
+      if (selectedItem == null ? void 0 : selectedItem.type) {
+        triggerAction({
+          type: "build",
+          payload: {
+            id: selectedItem.type
+          }
+        });
+      }
     } catch (error) {
       console.error("Failed to build:", error);
       notify.error(
@@ -2072,6 +2102,7 @@ var useRemodel = () => {
   const dispatch = useCustomPuck3((s) => s.dispatch);
   const status = useSoftConfig((s) => s.state);
   const softComponents = useSoftConfig((s) => s.softComponents);
+  const { triggerAction } = useActionEvent();
   const handleRemodel = (componentName) => {
     if (status !== "ready") {
       notify.error("Can only remodel when in ready state.");
@@ -2084,6 +2115,12 @@ var useRemodel = () => {
     }
     try {
       remodel(history, selectedItem, itemSelector, dispatch);
+      triggerAction({
+        type: "remodel",
+        payload: {
+          id: name
+        }
+      });
     } catch (error) {
       console.error("Failed to remodel:", error);
       notify.error(
@@ -2100,15 +2137,18 @@ var useRemodel = () => {
 
 // src/puck/actions/useComplete.tsx
 import { createUsePuck as createUsePuck4 } from "@measured/puck";
-import { useState as useState3, useCallback } from "react";
+import { useState as useState3, useCallback as useCallback2 } from "react";
 var useCustomPuck4 = createUsePuck4();
 var useComplete = () => {
   const complete = useSoftConfig((s) => s.builder.complete);
   const appState = useCustomPuck4((s) => s.appState);
   const setHistories = useCustomPuck4((s) => s.history.setHistories);
   const status = useSoftConfig((s) => s.state);
+  const softComponents = useSoftConfig((s) => s.softComponents);
   const [newComponent, setNewComponent] = useState3(null);
-  const handleComplete = useCallback(() => {
+  const { triggerAction } = useActionEvent();
+  const handleComplete = useCallback2(() => {
+    var _a, _b;
     if (status === "ready") {
       notify.error("Not building or remodeling a component.");
       return null;
@@ -2116,6 +2156,18 @@ var useComplete = () => {
     try {
       const componentName = complete(appState, setHistories);
       setNewComponent(componentName);
+      const componentData = appState.data.root;
+      const softComponent = (_b = softComponents[componentName]) == null ? void 0 : _b.versions[(_a = softComponents[componentName]) == null ? void 0 : _a.defaultVersion];
+      if (softComponent && componentData) {
+        triggerAction({
+          type: "complete",
+          payload: {
+            id: componentName,
+            componentData,
+            softComponent
+          }
+        });
+      }
       return componentName;
     } catch (error) {
       console.error("Failed to complete:", error);
@@ -2124,7 +2176,7 @@ var useComplete = () => {
       );
       return null;
     }
-  }, [complete, appState, setHistories, status]);
+  }, [complete, appState, setHistories, status, softComponents, triggerAction]);
   const canComplete = status === "building" || status === "remodeling";
   return { handleComplete, canComplete, newComponent, setNewComponent };
 };
@@ -2136,6 +2188,7 @@ var useCancel = () => {
   const cancel = useSoftConfig((s) => s.builder.cancel);
   const setHistories = useCustomPuck5((s) => s.history.setHistories);
   const status = useSoftConfig((s) => s.state);
+  const { triggerAction } = useActionEvent();
   const handleCancel = () => {
     if (status === "ready") {
       notify.error("Nothing to cancel.");
@@ -2143,6 +2196,10 @@ var useCancel = () => {
     }
     try {
       cancel(setHistories);
+      triggerAction({
+        type: "cancel",
+        payload: {}
+      });
     } catch (error) {
       console.error("Failed to cancel:", error);
       notify.error(
@@ -2162,6 +2219,7 @@ var useInspect = (componentName) => {
   const inspect = useSoftConfig((s) => s.builder.inspect);
   const dispatch = useCustomPuck6((s) => s.dispatch);
   const status = useSoftConfig((s) => s.state);
+  const { triggerAction } = useActionEvent();
   useEffect3(() => {
     if (status !== "inspecting") return;
     if (!componentName) {
@@ -2170,13 +2228,19 @@ var useInspect = (componentName) => {
     }
     try {
       inspect(componentName, dispatch);
+      triggerAction({
+        type: "inspect",
+        payload: {
+          id: componentName
+        }
+      });
     } catch (error) {
       console.error("Failed to inspect:", error);
       notify.error(
         "Failed to inspect: " + (error instanceof Error ? error.message : String(error))
       );
     }
-  }, [status, componentName, inspect, dispatch]);
+  }, [status, componentName, inspect, dispatch, triggerAction]);
 };
 
 // src/puck/actions/useDecompose.tsx
@@ -2190,6 +2254,7 @@ var useDecompose = () => {
   const status = useSoftConfig((s) => s.state);
   const softComponents = useSoftConfig((s) => s.softComponents);
   const config = useSoftConfig((s) => s.softConfig);
+  const { triggerAction } = useActionEvent();
   const handleDecompose = (componentData) => {
     if (status !== "ready") {
       notify.error("Can only decompose when in ready state.");
@@ -2222,6 +2287,12 @@ var useDecompose = () => {
         type: "setData",
         data: newData
       });
+      triggerAction({
+        type: "decompose",
+        payload: {
+          id: componentName
+        }
+      });
     } catch (error) {
       console.error("Failed to decompose:", error);
       notify.error(
@@ -2245,6 +2316,7 @@ var useDemolish = () => {
   const data = useCustomPuck8((s) => s.appState.data);
   const status = useSoftConfig((s) => s.state);
   const softComponents = useSoftConfig((s) => s.softComponents);
+  const { triggerAction } = useActionEvent();
   const handleDemolish = (componentName) => {
     if (status !== "ready") {
       notify.error("Can only demolish when in ready state.");
@@ -2256,6 +2328,12 @@ var useDemolish = () => {
     }
     try {
       demolish(componentName, data, dispatch);
+      triggerAction({
+        type: "demolish",
+        payload: {
+          id: componentName
+        }
+      });
     } catch (error) {
       console.error("Failed to demolish:", error);
       notify.error(
@@ -2276,6 +2354,7 @@ var useSetDefaultVersion = () => {
   );
   const softComponents = useSoftConfig((s) => s.softComponents);
   const status = useSoftConfig((s) => s.state);
+  const { triggerAction } = useActionEvent();
   const handleSetDefaultVersion = (componentName, version) => {
     if (status !== "ready") {
       return;
@@ -2288,6 +2367,13 @@ var useSetDefaultVersion = () => {
       return;
     }
     setSoftComponentDefaultVersion(componentName, version);
+    triggerAction({
+      type: "setDefaultVersion",
+      payload: {
+        id: componentName,
+        version
+      }
+    });
   };
   const canSetDefaultVersion = (componentName, version) => {
     const component = softComponents[componentName];
@@ -2322,7 +2408,9 @@ var usePublish = () => {
   const components = useSoftConfig((s) => s.softComponents);
   const data = useCustomPuck9((s) => s.appState.data);
   const status = useSoftConfig((s) => s.state);
+  const { triggerAction } = useActionEvent();
   const handlePublish = (publish) => {
+    var _a, _b;
     if (status !== "ready") {
       notify.error("Can only publish when in ready state.");
       return;
@@ -2332,6 +2420,17 @@ var usePublish = () => {
       return;
     }
     publish(data, components);
+    const rootComponentType = (_a = data.root) == null ? void 0 : _a.type;
+    const rootVersion = (_b = components[rootComponentType]) == null ? void 0 : _b.defaultVersion;
+    if (rootComponentType && rootVersion) {
+      triggerAction({
+        type: "publish",
+        payload: {
+          id: rootComponentType,
+          version: rootVersion
+        }
+      });
+    }
   };
   const canPublish = status === "ready";
   return { handlePublish, canPublish };

package/package.json

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