@measured/puck 0.15.0-canary.480467a → 0.15.0-canary.aedd401

package/README.md

@@ -60,10 +60,7 @@ const config = {
 };
 
 // Describe the initial data
-const initialData = {
-  content: [],
-  root: {},
-};
+const initialData = {};
 
 // Save the data to your database
 const save = (data) => {};

package/dist/index.d.ts

@@ -232,7 +232,7 @@ type IframeConfig = {
 declare function Puck<UserConfig extends Config = Config>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe, dnd, }: {
     children?: ReactNode;
     config: UserConfig;
-    data: Data;
+    data: Partial<Data>;
     ui?: Partial<UiState>;
     onChange?: (data: Data) => void;
     onPublish?: (data: Data) => void;
@@ -266,7 +266,7 @@ declare namespace Puck {
 
 declare function Render<UserConfig extends Config = Config>({ config, data, }: {
     config: UserConfig;
-    data: Data;
+    data: Partial<Data>;
 }): react_jsx_runtime.JSX.Element;
 
 declare function migrate(data: Data): Data;
@@ -280,9 +280,9 @@ type PropTransform<Props extends DefaultComponentProps = DefaultComponentProps,
         [key: string]: any;
     }) => RootProps;
 }>;
-declare function transformProps<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultComponentProps>(data: Data, propTransforms: PropTransform<Props, RootProps>): Data;
+declare function transformProps<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultComponentProps>(data: Partial<Data>, propTransforms: PropTransform<Props, RootProps>): Data;
 
-declare function resolveAllData(data: Data, config: Config, onResolveStart?: (item: MappedItem) => void, onResolveEnd?: (item: MappedItem) => void): Promise<{
+declare function resolveAllData(data: Partial<Data>, config: Config, onResolveStart?: (item: MappedItem) => void, onResolveEnd?: (item: MappedItem) => void): Promise<{
     root: RootDataWithProps<DefaultRootProps> | RootData<DefaultRootProps>;
     content: any[];
     zones: Record<string, MappedItem[]>;

package/dist/index.js

@@ -33644,7 +33644,7 @@ function Puck({
     () => createReducer({ config, record: historyStore.record })
   );
   const [initialAppState] = (0, import_react29.useState)(() => {
-    var _a2, _b, _c, _d, _e;
+    var _a2, _b, _c, _d, _e, _f;
     const initial = __spreadValues(__spreadValues({}, defaultAppState.ui), initialUi);
     let clientUiState = {};
     if (typeof window !== "undefined") {
@@ -33671,11 +33671,12 @@ function Puck({
         };
       }
     }
-    const rootProps2 = initialData.root.props || initialData.root;
-    const defaultedRootProps = __spreadValues(__spreadValues({}, (_e = config.root) == null ? void 0 : _e.defaultProps), rootProps2);
+    const rootProps2 = ((_e = initialData == null ? void 0 : initialData.root) == null ? void 0 : _e.props) || initialData.root || {};
+    const defaultedRootProps = __spreadValues(__spreadValues({}, (_f = config.root) == null ? void 0 : _f.defaultProps), rootProps2);
     return __spreadProps(__spreadValues({}, defaultAppState), {
       data: __spreadProps(__spreadValues({}, initialData), {
-        root: defaultedRootProps
+        root: defaultedRootProps,
+        content: initialData.content || []
       }),
       ui: __spreadProps(__spreadValues(__spreadValues({}, initial), clientUiState), {
         // Store categories under componentList on state to allow render functions and plugins to modify
@@ -34043,10 +34044,14 @@ function Render({
   data
 }) {
   var _a;
-  const rootProps = data.root.props || data.root;
+  const defaultedData = __spreadProps(__spreadValues({}, data), {
+    root: data.root || {},
+    content: data.content || []
+  });
+  const rootProps = defaultedData.root.props || defaultedData.root;
   const title = (rootProps == null ? void 0 : rootProps.title) || "";
   if ((_a = config.root) == null ? void 0 : _a.render) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropZoneProvider, { value: { data, config, mode: "render" }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropZoneProvider, { value: { data: defaultedData, config, mode: "render" }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       config.root.render,
       __spreadProps(__spreadValues({}, rootProps), {
         puck: {
@@ -34059,7 +34064,7 @@ function Render({
       })
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropZoneProvider, { value: { data, config, mode: "render" }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropZone, { zone: rootDroppableId }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropZoneProvider, { value: { data: defaultedData, config, mode: "render" }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropZone, { zone: rootDroppableId }) });
 }
 
 // lib/migrate.ts
@@ -34087,6 +34092,15 @@ function migrate(data) {
 
 // lib/transform-props.ts
 init_react_import();
+
+// lib/default-data.ts
+init_react_import();
+var defaultData = (data) => __spreadProps(__spreadValues({}, data), {
+  root: data.root || {},
+  content: data.content || []
+});
+
+// lib/transform-props.ts
 function transformProps(data, propTransforms) {
   const mapItem = (item) => {
     if (propTransforms[item.type]) {
@@ -34096,18 +34110,19 @@ function transformProps(data, propTransforms) {
     }
     return item;
   };
-  const rootProps = data.root.props || data.root;
-  let newRoot = __spreadValues({}, data.root);
+  const defaultedData = defaultData(data);
+  const rootProps = defaultedData.root.props || defaultedData.root;
+  let newRoot = __spreadValues({}, defaultedData.root);
   if (propTransforms["root"]) {
-    if (data.root.props) {
+    if (defaultedData.root.props) {
       newRoot.props = propTransforms["root"](rootProps);
     } else {
       newRoot = propTransforms["root"](rootProps);
     }
   }
-  const afterPropTransforms = __spreadProps(__spreadValues({}, data), {
+  const afterPropTransforms = __spreadProps(__spreadValues({}, defaultedData), {
     root: newRoot,
-    content: data.content.map(mapItem),
+    content: defaultedData.content.map(mapItem),
     zones: Object.keys(data.zones || {}).reduce(
       (acc, zoneKey) => __spreadProps(__spreadValues({}, acc), {
         [zoneKey]: data.zones[zoneKey].map(mapItem)
@@ -34122,7 +34137,8 @@ function transformProps(data, propTransforms) {
 init_react_import();
 function resolveAllData(data, config, onResolveStart, onResolveEnd) {
   return __async(this, null, function* () {
-    const dynamicRoot = yield resolveRootData(data, config);
+    const defaultedData = defaultData(data);
+    const dynamicRoot = yield resolveRootData(defaultedData, config);
     const { zones = {} } = data;
     const zoneKeys = Object.keys(zones);
     const resolvedZones = {};
@@ -34135,10 +34151,10 @@ function resolveAllData(data, config, onResolveStart, onResolveEnd) {
         onResolveEnd
       );
     }
-    return __spreadProps(__spreadValues({}, data), {
+    return __spreadProps(__spreadValues({}, defaultedData), {
       root: dynamicRoot,
       content: yield resolveAllComponentData(
-        data.content,
+        defaultedData.content,
         config,
         onResolveStart,
         onResolveEnd

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.15.0-canary.480467a",
+  "version": "0.15.0-canary.aedd401",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",