@measured/puck 0.16.0-canary.39d63e0 → 0.16.0-canary.464aa1e

package/dist/rsc.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { C as Config, D as Data } from './actions-CBAJO1CV.mjs';
+import 'react';
+
+declare function Render<UserConfig extends Config = Config>({ config, data, }: {
+    config: UserConfig;
+    data: Data;
+}): react_jsx_runtime.JSX.Element;
+
+export { Render };

package/dist/rsc.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, D as Data } from './Config-B7UadvMA.js';
+import { C as Config, D as Data } from './actions-CBAJO1CV.js';
 import 'react';
 
 declare function Render<UserConfig extends Config = Config>({ config, data, }: {

package/dist/rsc.js

@@ -62,8 +62,9 @@ var setupZone = (data, zoneKey) => {
   if (zoneKey === rootDroppableId) {
     return data;
   }
-  const newData = __spreadValues({}, data);
-  newData.zones = data.zones || {};
+  const newData = __spreadProps(__spreadValues({}, data), {
+    zones: data.zones || {}
+  });
   newData.zones[zoneKey] = newData.zones[zoneKey] || [];
   return newData;
 };

package/dist/rsc.mjs

@@ -0,0 +1,80 @@
+import {
+  __spreadProps,
+  __spreadValues,
+  init_react_import,
+  rootDroppableId,
+  setupZone
+} from "./chunk-LM7YWFFF.mjs";
+
+// rsc.tsx
+init_react_import();
+
+// components/ServerRender/index.tsx
+init_react_import();
+import { Fragment, jsx } from "react/jsx-runtime";
+function DropZoneRender({
+  zone,
+  data,
+  areaId = "root",
+  config
+}) {
+  let zoneCompound = rootDroppableId;
+  let content = (data == null ? void 0 : data.content) || [];
+  if (!data || !config) {
+    return null;
+  }
+  if (areaId && zone && zone !== rootDroppableId) {
+    zoneCompound = `${areaId}:${zone}`;
+    content = setupZone(data, zoneCompound).zones[zoneCompound];
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: content.map((item) => {
+    const Component = config.components[item.type];
+    if (Component) {
+      return /* @__PURE__ */ jsx(
+        Component.render,
+        __spreadProps(__spreadValues({}, item.props), {
+          puck: {
+            renderDropZone: ({ zone: zone2 }) => /* @__PURE__ */ jsx(
+              DropZoneRender,
+              {
+                zone: zone2,
+                data,
+                areaId: item.props.id,
+                config
+              }
+            )
+          }
+        }),
+        item.props.id
+      );
+    }
+    return null;
+  }) });
+}
+function Render({
+  config,
+  data
+}) {
+  var _a;
+  if ((_a = config.root) == null ? void 0 : _a.render) {
+    const rootProps = data.root.props || data.root;
+    const title = rootProps.title || "";
+    return /* @__PURE__ */ jsx(
+      config.root.render,
+      __spreadProps(__spreadValues({}, rootProps), {
+        puck: {
+          renderDropZone: ({ zone }) => /* @__PURE__ */ jsx(DropZoneRender, { zone, data, config }),
+          isEditing: false
+        },
+        title,
+        editMode: false,
+        id: "puck-root",
+        children: /* @__PURE__ */ jsx(DropZoneRender, { config, data, zone: rootDroppableId })
+      })
+    );
+  }
+  return /* @__PURE__ */ jsx(DropZoneRender, { config, data, zone: rootDroppableId });
+}
+export {
+  Render
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.16.0-canary.39d63e0",
+  "version": "0.16.0-canary.464aa1e",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
@@ -10,12 +10,19 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "react-server": {
+        "import": "./dist/rsc.mjs",
+        "require": "./dist/rsc.js",
+        "types": "./dist/rsc.d.ts"
+      },
+      "default": {
+        "import": "./dist/index.mjs",
+        "require": "./dist/index.js",
+        "types": "./dist/index.d.ts"
+      }
     },
     "./rsc": {
-      "import": "./dist/rsc.js",
+      "import": "./dist/rsc.mjs",
       "require": "./dist/rsc.js",
       "types": "./dist/rsc.d.ts"
     },
@@ -44,9 +51,11 @@
     "@testing-library/react": "^14.0.0",
     "@types/deep-diff": "^1.0.3",
     "@types/jest": "^29.5.4",
+    "@types/object-hash": "^3.0.6",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@types/ua-parser-js": "^0.7.39",
+    "@types/uuid": "^10.0.0",
     "css-box-model": "^1.2.1",
     "eslint": "^7.32.0",
     "eslint-config-custom": "*",
@@ -63,7 +72,6 @@
     "@measured/dnd": "16.6.0-canary.4cba1d1",
     "deep-diff": "^1.0.2",
     "object-hash": "^3.0.0",
-    "react-frame-component": "^5.2.6",
     "react-hotkeys-hook": "^4.4.1",
     "ua-parser-js": "^1.0.37",
     "use-debounce": "^9.0.4",

package/dist/Config-B7UadvMA.d.ts

@@ -1,268 +0,0 @@
-import { CSSProperties, ReactNode, ReactElement } from 'react';
-
-type ItemSelector = {
-    index: number;
-    zone?: string;
-};
-
-type DropZoneProps = {
-    zone: string;
-    allow?: string[];
-    disallow?: string[];
-    style?: CSSProperties;
-};
-
-type iconTypes = "Smartphone" | "Monitor" | "Tablet";
-type Viewport = {
-    width: number;
-    height?: number | "auto";
-    label?: string;
-    icon?: iconTypes | ReactNode;
-};
-type Viewports = Viewport[];
-
-type FieldOption = {
-    label: string;
-    value: string | number | boolean;
-};
-type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
-type BaseField = {
-    label?: string;
-};
-type TextField = BaseField & {
-    type: "text";
-};
-type NumberField = BaseField & {
-    type: "number";
-    min?: number;
-    max?: number;
-};
-type TextareaField = BaseField & {
-    type: "textarea";
-};
-type SelectField = BaseField & {
-    type: "select";
-    options: FieldOptions;
-};
-type RadioField = BaseField & {
-    type: "radio";
-    options: FieldOptions;
-};
-type ArrayField<Props extends {
-    [key: string]: any;
-} = {
-    [key: string]: any;
-}> = BaseField & {
-    type: "array";
-    arrayFields: {
-        [SubPropName in keyof Props[0]]: Field<Props[0][SubPropName]>;
-    };
-    defaultItemProps?: Props[0];
-    getItemSummary?: (item: Props[0], index?: number) => string;
-    max?: number;
-    min?: number;
-};
-type ObjectField<Props extends {
-    [key: string]: any;
-} = {
-    [key: string]: any;
-}> = BaseField & {
-    type: "object";
-    objectFields: Props extends any[] ? never : {
-        [SubPropName in keyof Props]: Field<Props[SubPropName]>;
-    };
-};
-type Adaptor<AdaptorParams = {}, TableShape extends Record<string, any> = {}, PropShape = TableShape> = {
-    name: string;
-    fetchList: (adaptorParams?: AdaptorParams) => Promise<TableShape[] | null>;
-    mapProp?: (value: TableShape) => PropShape;
-};
-type ExternalFieldWithAdaptor<Props extends {
-    [key: string]: any;
-} = {
-    [key: string]: any;
-}> = BaseField & {
-    type: "external";
-    placeholder?: string;
-    adaptor: Adaptor<any, any, Props>;
-    adaptorParams?: object;
-    getItemSummary: (item: Props, index?: number) => string;
-};
-type ExternalField<Props extends {
-    [key: string]: any;
-} = {
-    [key: string]: any;
-}> = BaseField & {
-    type: "external";
-    placeholder?: string;
-    fetchList: (params: {
-        query: string;
-        filters: Record<string, any>;
-    }) => Promise<any[] | null>;
-    mapProp?: (value: any) => Props;
-    mapRow?: (value: any) => Record<string, string | number>;
-    getItemSummary?: (item: Props, index?: number) => string;
-    showSearch?: boolean;
-    initialQuery?: string;
-    filterFields?: Record<string, Field>;
-    initialFilters?: Record<string, any>;
-};
-type CustomField<Props extends any = {}> = BaseField & {
-    type: "custom";
-    render: (props: {
-        field: CustomField<Props>;
-        name: string;
-        id: string;
-        value: Props;
-        onChange: (value: Props) => void;
-        readOnly?: boolean;
-    }) => ReactElement;
-};
-type Field<Props extends any = any> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<Props extends {
-    [key: string]: any;
-} ? Props : any> | ObjectField<Props extends {
-    [key: string]: any;
-} ? Props : any> | ExternalField<Props extends {
-    [key: string]: any;
-} ? Props : any> | ExternalFieldWithAdaptor<Props extends {
-    [key: string]: any;
-} ? Props : any> | CustomField<Props>;
-type Fields<ComponentProps extends DefaultComponentProps = DefaultComponentProps> = {
-    [PropName in keyof Omit<Required<ComponentProps>, "children" | "editMode">]: Field<ComponentProps[PropName]>;
-};
-type FieldProps<ValueType = any, F = Field<any>> = {
-    field: F;
-    value: ValueType;
-    id?: string;
-    onChange: (value: ValueType, uiState?: Partial<UiState>) => void;
-    readOnly?: boolean;
-};
-
-type WithPuckProps<Props> = Props & {
-    id: string;
-};
-type DefaultRootProps = {
-    title?: string;
-    [key: string]: any;
-};
-type DefaultComponentProps = {
-    [key: string]: any;
-    editMode?: boolean;
-};
-type Content<Props extends {
-    [key: string]: any;
-} = {
-    [key: string]: any;
-}> = ComponentData<Props>[];
-type PuckComponent<Props> = (props: WithPuckProps<Props & {
-    puck: PuckContext;
-}>) => JSX.Element;
-type PuckContext = {
-    renderDropZone: React.FC<DropZoneProps>;
-    isEditing: boolean;
-};
-type ComponentConfig<ComponentProps extends DefaultComponentProps = DefaultComponentProps, DefaultProps = ComponentProps, DataShape = Omit<ComponentData<ComponentProps>, "type">> = {
-    render: PuckComponent<ComponentProps>;
-    label?: string;
-    defaultProps?: DefaultProps;
-    fields?: Fields<ComponentProps>;
-    permissions?: Partial<Permissions>;
-    resolveFields?: (data: DataShape, params: {
-        changed: Partial<Record<keyof ComponentProps, boolean>>;
-        fields: Fields<ComponentProps>;
-        lastFields: Fields<ComponentProps>;
-        lastData: DataShape;
-        appState: AppState;
-    }) => Promise<Fields<ComponentProps>> | Fields<ComponentProps>;
-    resolveData?: (data: DataShape, params: {
-        changed: Partial<Record<keyof ComponentProps, boolean>>;
-        lastData: DataShape;
-    }) => Promise<{
-        props?: Partial<ComponentProps>;
-        readOnly?: Partial<Record<keyof ComponentProps, boolean>>;
-    }> | {
-        props?: Partial<ComponentProps>;
-        readOnly?: Partial<Record<keyof ComponentProps, boolean>>;
-    };
-};
-type Category<ComponentName> = {
-    components?: ComponentName[];
-    title?: string;
-    visible?: boolean;
-    defaultExpanded?: boolean;
-};
-type Config<Props extends Record<string, any> = Record<string, any>, RootProps extends DefaultRootProps = DefaultRootProps, CategoryName extends string = string> = {
-    categories?: Record<CategoryName, Category<keyof Props>> & {
-        other?: Category<keyof Props>;
-    };
-    components: {
-        [ComponentName in keyof Props]: Omit<ComponentConfig<Props[ComponentName], Props[ComponentName]>, "type">;
-    };
-    root?: Partial<ComponentConfig<RootProps & {
-        children?: ReactNode;
-    }, Partial<RootProps & {
-        children?: ReactNode;
-    }>, RootData>>;
-};
-type BaseData<Props extends {
-    [key: string]: any;
-} = {
-    [key: string]: any;
-}> = {
-    readOnly?: Partial<Record<keyof Props, boolean>>;
-};
-type ComponentData<Props extends DefaultComponentProps = DefaultComponentProps> = {
-    type: keyof Props;
-    props: WithPuckProps<Props>;
-} & BaseData<Props>;
-type RootDataWithProps<Props extends DefaultRootProps = DefaultRootProps> = BaseData<Props> & {
-    props: Props;
-};
-type RootDataWithoutProps<Props extends DefaultRootProps = DefaultRootProps> = Props;
-type RootData<Props extends DefaultRootProps = DefaultRootProps> = Partial<RootDataWithProps<Props>> & Partial<RootDataWithoutProps<Props>>;
-type MappedItem = ComponentData;
-type Data<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultRootProps = DefaultRootProps> = {
-    root: RootData<RootProps>;
-    content: Content<WithPuckProps<Props>>;
-    zones?: Record<string, Content<WithPuckProps<Props>>>;
-};
-type ItemWithId = {
-    _arrayId: string;
-    _originalIndex: number;
-};
-type ArrayState = {
-    items: ItemWithId[];
-    openId: string;
-};
-type UiState = {
-    leftSideBarVisible: boolean;
-    rightSideBarVisible: boolean;
-    itemSelector: ItemSelector | null;
-    arrayState: Record<string, ArrayState | undefined>;
-    componentList: Record<string, {
-        components?: string[];
-        title?: string;
-        visible?: boolean;
-        expanded?: boolean;
-    }>;
-    isDragging: boolean;
-    viewports: {
-        current: {
-            width: number;
-            height: number | "auto";
-        };
-        controlsVisible: boolean;
-        options: Viewport[];
-    };
-};
-type AppState = {
-    data: Data;
-    ui: UiState;
-};
-type Permissions = {
-    drag: boolean;
-    duplicate: boolean;
-    delete: boolean;
-} & Record<string, boolean>;
-
-export type { AppState as A, BaseData as B, Config as C, Data as D, ExternalFieldWithAdaptor as E, Field as F, ItemSelector as I, MappedItem as M, NumberField as N, ObjectField as O, Permissions as P, RootData as R, SelectField as S, TextField as T, UiState as U, Viewports as V, FieldProps as a, DropZoneProps as b, DefaultComponentProps as c, DefaultRootProps as d, RootDataWithProps as e, ComponentData as f, Content as g, PuckComponent as h, PuckContext as i, ComponentConfig as j, RootDataWithoutProps as k, ItemWithId as l, ArrayState as m, BaseField as n, TextareaField as o, RadioField as p, ArrayField as q, Adaptor as r, ExternalField as s, CustomField as t, Fields as u };