@netlisian/softconfig 0.1.0 → 0.1.1

package/dist/puck/index.css

@@ -1,4 +1,4 @@
-/* css-module:/media/osamu/3628738E28734BBD/osamuProjects/netlisian/packages/soft-config/src/puck/components/error-boundary/styles.module.css/#css-module-data */
+/* css-module:/media/manual_mount/osamuProjects/netlisian/packages/soft-config/src/puck/components/error-boundary/styles.module.css/#css-module-data */
 ._ErrorBoundary_1xl05_5 {
   padding: 20px;
   border: 1px solid #ff5858;
@@ -26,7 +26,7 @@
   background-color: #b71c1c;
 }
 
-/* css-module:/media/osamu/3628738E28734BBD/osamuProjects/netlisian/packages/soft-config/src/puck/overrides/Header.module.css/#css-module-data */
+/* css-module:/media/manual_mount/osamuProjects/netlisian/packages/soft-config/src/puck/overrides/Header.module.css/#css-module-data */
 ._Header_19oj9_1 {
   display: flex;
   justify-content: space-between;
@@ -35,7 +35,7 @@
   flex-wrap: wrap;
 }
 
-/* css-module:/media/osamu/3628738E28734BBD/osamuProjects/netlisian/packages/soft-config/src/puck/overrides/ActionBar.module.css/#css-module-data */
+/* css-module:/media/manual_mount/osamuProjects/netlisian/packages/soft-config/src/puck/overrides/ActionBar.module.css/#css-module-data */
 ._ActionBar_pvuie_5 {
   align-items: center;
   cursor: default;
@@ -119,7 +119,7 @@
   margin: 0;
 }
 
-/* css-module:/media/osamu/3628738E28734BBD/osamuProjects/netlisian/packages/soft-config/src/puck/overrides/ComponentItem.module.css/#css-module-data */
+/* css-module:/media/manual_mount/osamuProjects/netlisian/packages/soft-config/src/puck/overrides/ComponentItem.module.css/#css-module-data */
 ._ComponentItem_1kbi2_1 {
   background: var(--puck-color-white);
   cursor: grab;
@@ -314,7 +314,7 @@
   gap: 12px;
 }
 
-/* css-module:/media/osamu/3628738E28734BBD/osamuProjects/netlisian/packages/soft-config/src/puck/components/modal/styles.module.css/#css-module-data */
+/* css-module:/media/manual_mount/osamuProjects/netlisian/packages/soft-config/src/puck/components/modal/styles.module.css/#css-module-data */
 ._Modal_pvj02_1 {
   background: color-mix(in srgb, var(--puck-color-black) 75%, transparent);
   display: none;

package/dist/puck/index.d.mts

@@ -1,6 +1,6 @@
 import * as zustand from 'zustand';
 import { StoreApi } from 'zustand';
-import { History, AppState, PuckApi, ComponentData, ComponentConfig, DefaultComponentProps, Field, Config, Fields, PuckAction, Data } from '@measured/puck';
+import { History, AppState, PuckApi, ComponentData, ComponentConfig, DefaultComponentProps, Field, Config, Fields, RootData, AsFieldProps, WithChildren, Metadata, ResolveDataTrigger, PuckAction, Data } from '@measured/puck';
 import * as react from 'react';
 import react__default, { ReactNode, ReactElement } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -21,7 +21,7 @@ type BuildersSlice = {
     build: (history: History<AppState>[], selectedItem: PuckApi["selectedItem"], itemSelector: {
         index: number;
         zone?: string;
-    } | null, puckDispatch: PuckApi["dispatch"]) => void | null;
+    } | null, puckDispatch: PuckApi["dispatch"], name?: string) => void | null;
     /**
      * Remodel the selected soft component by decomposing it and resetting as root.
      *
@@ -77,7 +77,7 @@ type BuildersSlice = {
     /** Compose multiple components into a soft component.
      * 1. SoftComponent: Get soft fields + default values from the appState.root + sub-component maps + fixedProps
      */
-    compose: (appState: AppState, componentName: string, editedItem: ComponentData) => [ComponentConfig, string] | undefined;
+    compose: (appState: AppState, componentName: string, editedItem: ComponentData, displayName: string, category?: string) => [ComponentConfig, string] | undefined;
     /** Break down a composed component into its parts.
      * 1. Get softComponentProps
      * 2. Create a virtual component with all the props from soft-component.
@@ -88,6 +88,7 @@ type BuildersSlice = {
 
 type BuilderRootConfig = {
     _name: string;
+    _category?: string;
     _version?: string;
     _versions?: string[];
     _fields?: {
@@ -125,6 +126,8 @@ type SoftSubComponent = {
     }[];
 }[];
 type SoftComponent = {
+    name: string;
+    category?: string;
     fields: Fields;
     fieldSettings?: Record<string, any>;
     defaultProps: DefaultComponentProps;
@@ -135,6 +138,8 @@ type SoftComponent = {
 };
 type VersionedSoftComponent = {
     defaultVersion: string;
+    name: string;
+    category?: string;
     versions: {
         [version: string]: {
             fields: Fields;
@@ -170,8 +175,8 @@ type ActionEventPayload = {
     type: "complete";
     payload: {
         id: string;
-        componentData: DefaultComponentProps;
-        softComponent: SoftComponent;
+        componentData: Record<string, any>;
+        softComponent: VersionedSoftComponent["versions"][string];
     };
 } | {
     type: "cancel";
@@ -212,6 +217,10 @@ type RenderFunc<Props extends {
     children: ReactNode;
 }> = (props: Props) => ReactElement;
 type Overrides = {
+    componentNameToKey?: (displayName: string, context: {
+        existingKeys: string[];
+        state: "building" | "remodeling" | "ready" | "inspecting";
+    }) => string;
     map?: RenderFunc<{
         rootProps: BuilderRootConfig;
         toOptions: {
@@ -236,6 +245,16 @@ type Overrides = {
         softComponent: VersionedSoftComponent["versions"][string];
     }) => ((inputs: any[], props: DefaultComponentProps) => any) | undefined;
     onActions?: OnActionsCallback;
+    name?: Field<string>;
+    categories?: Field<string | undefined>;
+    onRootsDataChange?: (data: RootData<AsFieldProps<WithChildren<BuilderRootConfig>>>, params: {
+        changed: Partial<Record<keyof BuilderRootConfig, boolean> & {
+            id: string;
+        }>;
+        lastData: RootData<AsFieldProps<WithChildren<BuilderRootConfig>>> | null;
+        metadata: Metadata;
+        trigger: ResolveDataTrigger;
+    }) => void;
 };
 
 type Status = "building" | "remodeling" | "ready" | "inspecting";

package/dist/puck/index.d.ts

@@ -1,6 +1,6 @@
 import * as zustand from 'zustand';
 import { StoreApi } from 'zustand';
-import { History, AppState, PuckApi, ComponentData, ComponentConfig, DefaultComponentProps, Field, Config, Fields, PuckAction, Data } from '@measured/puck';
+import { History, AppState, PuckApi, ComponentData, ComponentConfig, DefaultComponentProps, Field, Config, Fields, RootData, AsFieldProps, WithChildren, Metadata, ResolveDataTrigger, PuckAction, Data } from '@measured/puck';
 import * as react from 'react';
 import react__default, { ReactNode, ReactElement } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -21,7 +21,7 @@ type BuildersSlice = {
     build: (history: History<AppState>[], selectedItem: PuckApi["selectedItem"], itemSelector: {
         index: number;
         zone?: string;
-    } | null, puckDispatch: PuckApi["dispatch"]) => void | null;
+    } | null, puckDispatch: PuckApi["dispatch"], name?: string) => void | null;
     /**
      * Remodel the selected soft component by decomposing it and resetting as root.
      *
@@ -77,7 +77,7 @@ type BuildersSlice = {
     /** Compose multiple components into a soft component.
      * 1. SoftComponent: Get soft fields + default values from the appState.root + sub-component maps + fixedProps
      */
-    compose: (appState: AppState, componentName: string, editedItem: ComponentData) => [ComponentConfig, string] | undefined;
+    compose: (appState: AppState, componentName: string, editedItem: ComponentData, displayName: string, category?: string) => [ComponentConfig, string] | undefined;
     /** Break down a composed component into its parts.
      * 1. Get softComponentProps
      * 2. Create a virtual component with all the props from soft-component.
@@ -88,6 +88,7 @@ type BuildersSlice = {
 
 type BuilderRootConfig = {
     _name: string;
+    _category?: string;
     _version?: string;
     _versions?: string[];
     _fields?: {
@@ -125,6 +126,8 @@ type SoftSubComponent = {
     }[];
 }[];
 type SoftComponent = {
+    name: string;
+    category?: string;
     fields: Fields;
     fieldSettings?: Record<string, any>;
     defaultProps: DefaultComponentProps;
@@ -135,6 +138,8 @@ type SoftComponent = {
 };
 type VersionedSoftComponent = {
     defaultVersion: string;
+    name: string;
+    category?: string;
     versions: {
         [version: string]: {
             fields: Fields;
@@ -170,8 +175,8 @@ type ActionEventPayload = {
     type: "complete";
     payload: {
         id: string;
-        componentData: DefaultComponentProps;
-        softComponent: SoftComponent;
+        componentData: Record<string, any>;
+        softComponent: VersionedSoftComponent["versions"][string];
     };
 } | {
     type: "cancel";
@@ -212,6 +217,10 @@ type RenderFunc<Props extends {
     children: ReactNode;
 }> = (props: Props) => ReactElement;
 type Overrides = {
+    componentNameToKey?: (displayName: string, context: {
+        existingKeys: string[];
+        state: "building" | "remodeling" | "ready" | "inspecting";
+    }) => string;
     map?: RenderFunc<{
         rootProps: BuilderRootConfig;
         toOptions: {
@@ -236,6 +245,16 @@ type Overrides = {
         softComponent: VersionedSoftComponent["versions"][string];
     }) => ((inputs: any[], props: DefaultComponentProps) => any) | undefined;
     onActions?: OnActionsCallback;
+    name?: Field<string>;
+    categories?: Field<string | undefined>;
+    onRootsDataChange?: (data: RootData<AsFieldProps<WithChildren<BuilderRootConfig>>>, params: {
+        changed: Partial<Record<keyof BuilderRootConfig, boolean> & {
+            id: string;
+        }>;
+        lastData: RootData<AsFieldProps<WithChildren<BuilderRootConfig>>> | null;
+        metadata: Metadata;
+        trigger: ResolveDataTrigger;
+    }) => void;
 };
 
 type Status = "building" | "remodeling" | "ready" | "inspecting";