@crediblemark/build 0.22.0

package/dist/rsc.mjs

@@ -0,0 +1,147 @@
+import {
+  SlotRenderPure,
+  migrate,
+  resolveAllData,
+  transformProps,
+  useRichtextProps,
+  useSlots
+} from "./chunk-4SQOX3ZQ.mjs";
+import "./chunk-IJHL7BIR.mjs";
+import "./chunk-CDMESQDA.mjs";
+import "./chunk-YH7AXYKP.mjs";
+import {
+  rootAreaId,
+  rootDroppableId,
+  rootZone,
+  setupZone,
+  walkTree
+} from "./chunk-GUJDGRSM.mjs";
+import {
+  init_react_import
+} from "./chunk-B4BOBGYB.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 = {
+    ...item.props,
+    credbuild: {
+      renderDropZone: ({ zone }) => /* @__PURE__ */ jsx(
+        DropZoneRender,
+        {
+          zone,
+          data,
+          areaId: item.props.id,
+          config,
+          metadata
+        }
+      ),
+      metadata,
+      dragRef: null,
+      isEditing: false
+    }
+  };
+  const renderItem = { ...item, props };
+  const propsWithSlots = useSlots(config, renderItem, (slotProps) => /* @__PURE__ */ jsx(SlotRenderPure, { ...slotProps, config, metadata }));
+  const richtextProps = useRichtextProps(Component?.fields, propsWithSlots);
+  if (!Component) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Component.render, { ...propsWithSlots, ...richtextProps });
+}
+function DropZoneRender({
+  zone,
+  data,
+  areaId = "root",
+  config,
+  metadata = {}
+}) {
+  let zoneCompound = rootDroppableId;
+  let content = 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 = {}
+}) {
+  const rootProps = "props" in data.root ? data.root.props : data.root;
+  const title = rootProps.title || "";
+  const props = {
+    ...rootProps,
+    credbuild: {
+      renderDropZone: ({ zone }) => /* @__PURE__ */ jsx(
+        DropZoneRender,
+        {
+          zone,
+          data,
+          config,
+          metadata
+        }
+      ),
+      isEditing: false,
+      dragRef: null,
+      metadata
+    },
+    title,
+    editMode: false,
+    id: "credbuild-root"
+  };
+  const propsWithSlots = useSlots(config, { type: "root", props }, (props2) => /* @__PURE__ */ jsx(SlotRenderPure, { ...props2, config, metadata }));
+  const richtextProps = useRichtextProps(config.root?.fields, props);
+  if (config.root?.render) {
+    return /* @__PURE__ */ jsx(config.root.render, { ...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-B4ZvMfxS.d.ts

@@ -0,0 +1,29 @@
+import { a as Config, D as Data, W as WithId, U as UserGenerics, b as Content, c as ComponentData, d as DefaultComponents, e as DefaultComponentProps, f as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-CEH_5LMY.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/dist/walk-tree-C78ZVz19.d.mts

@@ -0,0 +1,29 @@
+import { a as Config, D as Data, W as WithId, U as UserGenerics, b as Content, c as ComponentData, d as DefaultComponents, e as DefaultComponentProps, f as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-CEH_5LMY.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/package.json

@@ -0,0 +1,145 @@
+{
+  "name": "@crediblemark/build",
+  "version": "0.22.0",
+  "description": "The open-source visual editor for React",
+  "author": "Rasyiqi Crediblemark",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/crediblemark-official/credbuild.git",
+    "directory": "."
+  },
+  "bugs": "https://build.crediblemark.com/issues",
+  "homepage": "https://build.crediblemark.com",
+  "keywords": [
+    "credbuild",
+    "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"
+    },
+    "./credbuild.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",
+    "dev": "tsup bundle/index.ts bundle/rsc.tsx bundle/no-external.ts bundle/internal.ts --watch",
+    "test": "jest",
+    "prepublishOnly": "npm run build"
+  },
+  "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/node": "^24.12.2",
+     "@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": "^8.57.0",
+     "identity-obj-proxy": "^3.0.0",
+     "jest": "^29.7.0",
+     "jest-environment-jsdom": "^30.0.0-beta.3",
+     "lucide-react": "^0.556.0",
+     "ts-jest": "^29.3.4",
+     "tsup": "^8.2.4",
+     "typescript": "^5.5.4"
+   },
+  "dependencies": {
+    "@dnd-kit/abstract": "0.1.21",
+    "@dnd-kit/collision": "0.1.21",
+    "@dnd-kit/dom": "0.1.21",
+    "@dnd-kit/geometry": "0.1.21",
+    "@dnd-kit/helpers": "0.1.18",
+    "@dnd-kit/react": "0.1.18",
+    "@dnd-kit/state": "0.1.21",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@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"
+  }
+}