@reacteditor/core 0.0.1-alpha.0

package/dist/rsc.mjs

@@ -0,0 +1,148 @@
+import {
+  SlotRenderPure,
+  migrate,
+  resolveAllData,
+  transformProps,
+  useRichtextProps,
+  useSlots
+} from "./chunk-VD3EVRUF.mjs";
+import "./chunk-MFI3RDA4.mjs";
+import "./chunk-VOLQMQPK.mjs";
+import "./chunk-Y2EFNT5P.mjs";
+import {
+  rootAreaId,
+  rootDroppableId,
+  rootZone,
+  setupZone,
+  walkTree
+} from "./chunk-GAUBBDIR.mjs";
+import {
+  __spreadProps,
+  __spreadValues,
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// bundle/rsc.tsx
+init_react_import();
+
+// components/ServerRender/index.tsx
+init_react_import();
+import { Fragment, jsx } from "react/jsx-runtime";
+function DropZoneRenderItem({
+  item,
+  data,
+  config,
+  metadata
+}) {
+  const Component = config.components[item.type];
+  const props = __spreadProps(__spreadValues({}, item.props), {
+    editor: {
+      renderDropZone: ({ zone }) => /* @__PURE__ */ jsx(
+        DropZoneRender,
+        {
+          zone,
+          data,
+          areaId: item.props.id,
+          config,
+          metadata
+        }
+      ),
+      metadata,
+      dragRef: null,
+      isEditing: false
+    }
+  });
+  const renderItem = __spreadProps(__spreadValues({}, item), { props });
+  const propsWithSlots = useSlots(config, renderItem, (slotProps) => /* @__PURE__ */ jsx(SlotRenderPure, __spreadProps(__spreadValues({}, slotProps), { config, metadata })));
+  const richtextProps = useRichtextProps(Component == null ? void 0 : Component.fields, propsWithSlots);
+  if (!Component) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Component.render, __spreadValues(__spreadValues({}, propsWithSlots), richtextProps));
+}
+function DropZoneRender({
+  zone,
+  data,
+  areaId = "root",
+  config,
+  metadata = {}
+}) {
+  let zoneCompound = rootDroppableId;
+  let content = (data == null ? void 0 : data.content) || [];
+  if (!data || !config) {
+    return null;
+  }
+  if (areaId !== rootAreaId && zone !== rootZone) {
+    zoneCompound = `${areaId}:${zone}`;
+    content = setupZone(data, zoneCompound).zones[zoneCompound];
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: content.map((item) => {
+    return /* @__PURE__ */ jsx(
+      DropZoneRenderItem,
+      {
+        item,
+        data,
+        config,
+        metadata
+      },
+      item.props.id
+    );
+  }) });
+}
+function Render({
+  config,
+  data,
+  metadata = {}
+}) {
+  var _a, _b;
+  const rootProps = "props" in data.root ? data.root.props : data.root;
+  const title = rootProps.title || "";
+  const props = __spreadProps(__spreadValues({}, rootProps), {
+    editor: {
+      renderDropZone: ({ zone }) => /* @__PURE__ */ jsx(
+        DropZoneRender,
+        {
+          zone,
+          data,
+          config,
+          metadata
+        }
+      ),
+      isEditing: false,
+      dragRef: null,
+      metadata
+    },
+    title,
+    editMode: false,
+    id: "editor-root"
+  });
+  const propsWithSlots = useSlots(config, { type: "root", props }, (props2) => /* @__PURE__ */ jsx(SlotRenderPure, __spreadProps(__spreadValues({}, props2), { config, metadata })));
+  const richtextProps = useRichtextProps((_a = config.root) == null ? void 0 : _a.fields, props);
+  if ((_b = config.root) == null ? void 0 : _b.render) {
+    return /* @__PURE__ */ jsx(config.root.render, __spreadProps(__spreadValues(__spreadValues({}, propsWithSlots), richtextProps), { children: /* @__PURE__ */ jsx(
+      DropZoneRender,
+      {
+        config,
+        data,
+        zone: rootZone,
+        metadata
+      }
+    ) }));
+  }
+  return /* @__PURE__ */ jsx(
+    DropZoneRender,
+    {
+      config,
+      data,
+      zone: rootZone,
+      metadata
+    }
+  );
+}
+export {
+  Render,
+  migrate,
+  resolveAllData,
+  transformProps,
+  walkTree
+};

package/dist/walk-tree-BPIigVTF.d.mts

@@ -0,0 +1,29 @@
+import { C as Config, D as Data, W as WithId, U as UserGenerics, a as Content, b as ComponentData, c as DefaultComponents, d as DefaultComponentProps, e as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-BCDhqbeL.mjs';
+
+type MigrationOptions<UserConfig extends Config> = {
+    migrateDynamicZonesForComponent?: {
+        [ComponentName in keyof UserConfig["components"]]: (props: WithId<UserGenerics<UserConfig>["UserProps"][ComponentName]>, zones: Record<string, Content>) => ComponentData["props"];
+    };
+};
+declare function migrate<UserConfig extends Config = Config>(data: Data, config?: UserConfig, migrationOptions?: MigrationOptions<UserConfig>): Data;
+
+type PropTransform<Components extends DefaultComponents = DefaultComponents, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = Partial<{
+    [ComponentName in keyof Components]: (props: Components[ComponentName] & {
+        [key: string]: any;
+    }) => Components[ComponentName];
+} & {
+    root: (props: RootProps & {
+        [key: string]: any;
+    }) => RootProps;
+}>;
+declare function transformProps<Components extends DefaultComponents = DefaultComponents, RootProps extends DefaultComponentProps = DefaultRootFieldProps>(data: Partial<Data>, propTransforms: PropTransform<Components, RootProps>, config?: Config): Data;
+
+declare function resolveAllData<Components extends DefaultComponents = DefaultComponents, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, metadata?: Metadata, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<Data<Components, RootProps>>;
+
+type WalkTreeOptions = {
+    parentId: string;
+    propName: string;
+};
+declare function walkTree<T extends ComponentData | RootData | G["UserData"], UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(data: T, config: UserConfig, callbackFn: (data: Content, options: WalkTreeOptions) => Content | null | void): T;
+
+export { migrate as m, resolveAllData as r, transformProps as t, walkTree as w };

package/dist/walk-tree-BZq1CPCH.d.ts

@@ -0,0 +1,29 @@
+import { C as Config, D as Data, W as WithId, U as UserGenerics, a as Content, b as ComponentData, c as DefaultComponents, d as DefaultComponentProps, e as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-BCDhqbeL.js';
+
+type MigrationOptions<UserConfig extends Config> = {
+    migrateDynamicZonesForComponent?: {
+        [ComponentName in keyof UserConfig["components"]]: (props: WithId<UserGenerics<UserConfig>["UserProps"][ComponentName]>, zones: Record<string, Content>) => ComponentData["props"];
+    };
+};
+declare function migrate<UserConfig extends Config = Config>(data: Data, config?: UserConfig, migrationOptions?: MigrationOptions<UserConfig>): Data;
+
+type PropTransform<Components extends DefaultComponents = DefaultComponents, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = Partial<{
+    [ComponentName in keyof Components]: (props: Components[ComponentName] & {
+        [key: string]: any;
+    }) => Components[ComponentName];
+} & {
+    root: (props: RootProps & {
+        [key: string]: any;
+    }) => RootProps;
+}>;
+declare function transformProps<Components extends DefaultComponents = DefaultComponents, RootProps extends DefaultComponentProps = DefaultRootFieldProps>(data: Partial<Data>, propTransforms: PropTransform<Components, RootProps>, config?: Config): Data;
+
+declare function resolveAllData<Components extends DefaultComponents = DefaultComponents, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, metadata?: Metadata, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<Data<Components, RootProps>>;
+
+type WalkTreeOptions = {
+    parentId: string;
+    propName: string;
+};
+declare function walkTree<T extends ComponentData | RootData | G["UserData"], UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(data: T, config: UserConfig, callbackFn: (data: Content, options: WalkTreeOptions) => Content | null | void): T;
+
+export { migrate as m, resolveAllData as r, transformProps as t, walkTree as w };

package/package.json

@@ -0,0 +1,139 @@
+{
+  "name": "@reacteditor/core",
+  "version": "0.0.1-alpha.0",
+  "description": "The open-source visual editor for React",
+  "author": "Rami Bitar <rami@frontend.co>",
+  "repository": "frontend-inc/react-editor",
+  "bugs": "https://github.com/frontend-inc/react-editor/issues",
+  "homepage": "https://frontend.co",
+  "keywords": [
+    "editor",
+    "visual",
+    "editor",
+    "react",
+    "drag and drop",
+    "dnd",
+    "page",
+    "website",
+    "builder",
+    "headless",
+    "cms",
+    "low-code",
+    "no-code",
+    "javascript",
+    "typescript",
+    "WYSIWYG"
+  ],
+  "private": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "react-server": {
+        "types": "./dist/rsc.d.ts",
+        "import": "./dist/rsc.mjs",
+        "require": "./dist/rsc.js"
+      },
+      "default": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.mjs",
+        "require": "./dist/index.js"
+      }
+    },
+    "./rsc": {
+      "types": "./dist/rsc.d.ts",
+      "import": "./dist/rsc.mjs",
+      "require": "./dist/rsc.js"
+    },
+    "./internal": {
+      "types": "./dist/internal.d.ts",
+      "import": "./dist/internal.mjs",
+      "require": "./dist/internal.js"
+    },
+    "./react-editor.css": "./dist/index.css",
+    "./no-external.css": "./dist/no-external.css",
+    "./dist/index.css": "./dist/index.css",
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "rsc": [
+        "./dist/rsc.js"
+      ]
+    }
+  },
+  "license": "MIT",
+  "scripts": {
+    "lint": "eslint \"**/*.ts*\"",
+    "build": "rm -rf dist && tsup bundle/index.ts bundle/rsc.tsx bundle/no-external.ts bundle/internal.ts",
+    "test": "jest",
+    "prepare": "cp ../../README.md . && yarn build",
+    "postpublish": "rm README.md"
+  },
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@juggle/resize-observer": "^3.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/deep-diff": "^1.0.3",
+    "@types/flat": "^5.0.5",
+    "@types/jest": "^29.5.14",
+    "@types/object-hash": "^3.0.6",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@types/uuid": "^10.0.0",
+    "css-box-model": "^1.2.1",
+    "eslint": "^7.32.0",
+    "eslint-config-custom": "*",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^30.0.0-beta.3",
+    "lucide-react": "^0.468.0",
+    "ts-jest": "^29.3.4",
+    "tsconfig": "*",
+    "tsup": "^8.2.4",
+    "tsup-config": "*",
+    "typescript": "^5.5.4"
+  },
+  "dependencies": {
+    "@dnd-kit/helpers": "0.1.18",
+    "@dnd-kit/react": "0.1.18",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
+    "@tanstack/react-virtual": "^3.13.9",
+    "@tiptap/core": "^3.11.1",
+    "@tiptap/extension-blockquote": "^3.11.1",
+    "@tiptap/extension-bold": "^3.11.1",
+    "@tiptap/extension-code": "^3.11.1",
+    "@tiptap/extension-code-block": "^3.11.1",
+    "@tiptap/extension-document": "^3.11.1",
+    "@tiptap/extension-hard-break": "^3.11.1",
+    "@tiptap/extension-heading": "^3.11.1",
+    "@tiptap/extension-horizontal-rule": "^3.11.1",
+    "@tiptap/extension-italic": "^3.11.1",
+    "@tiptap/extension-link": "^3.11.1",
+    "@tiptap/extension-list": "^3.11.1",
+    "@tiptap/extension-paragraph": "^3.11.1",
+    "@tiptap/extension-strike": "^3.11.1",
+    "@tiptap/extension-text": "^3.11.1",
+    "@tiptap/extension-text-align": "^3.11.1",
+    "@tiptap/extension-underline": "^3.11.1",
+    "@tiptap/html": "^3.11.1",
+    "@tiptap/pm": "^3.11.1",
+    "@tiptap/react": "^3.11.1",
+    "deep-diff": "^1.0.2",
+    "fast-equals": "5.2.2",
+    "flat": "^5.0.2",
+    "happy-dom": "^20.0.10",
+    "object-hash": "^3.0.0",
+    "react-hotkeys-hook": "^4.6.1",
+    "use-debounce": "^9.0.4",
+    "uuid": "^9.0.1",
+    "zustand": "^5.0.3"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  }
+}