@avocadostudio-ai/blocks 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { SharedBlockRenderer, registerCustomRenderer, hasRenderer, getCustomRenderer } from "./renderer.tsx";
+export type { BlockRenderer } from "./renderer.tsx";
+export { BlockCatalogue } from "./catalogue.tsx";
+export { BlocksHydrator } from "./blocks-hydrator.tsx";
+export { BlockErrorBoundary } from "./block-error-boundary.tsx";
+export { rendererTypes } from "./blocks/index.ts";
+export type { BlockImageProps } from "./blocks/block-image.tsx";

package/dist/index.js

@@ -0,0 +1,5 @@
+export { SharedBlockRenderer, registerCustomRenderer, hasRenderer, getCustomRenderer } from "./renderer.js";
+export { BlockCatalogue } from "./catalogue.js";
+export { BlocksHydrator } from "./blocks-hydrator.js";
+export { BlockErrorBoundary } from "./block-error-boundary.js";
+export { rendererTypes } from "./blocks/index.js";

package/dist/renderer.d.ts

@@ -0,0 +1,12 @@
+import type { JSX } from "react";
+import type { BlockInstance } from "@avocadostudio-ai/shared";
+export type BlockRenderer = (props: Record<string, unknown>) => JSX.Element | null;
+/** Register a custom block renderer (for site-specific blocks not in the standard library). */
+export declare function registerCustomRenderer(blockType: string, renderer: BlockRenderer): void;
+/** Check if a block type has a renderer (standard or custom). */
+export declare function hasRenderer(blockType: string): boolean;
+/** Get a custom renderer by block type (for server-side resolution before client boundary). */
+export declare function getCustomRenderer(blockType: string): BlockRenderer | undefined;
+export declare function SharedBlockRenderer({ block }: {
+    block: BlockInstance;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/renderer.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isRendererBlockType, renderers } from "./blocks/index.js";
+import { normalizeSoftHyphenEntities } from "./blocks/_shared.js";
+// Custom renderers registered by site-specific blocks (e.g. migration-generated blocks).
+// Use globalThis to ensure a single Map instance survives Next.js webpack module duplication
+// across RSC / SSR / client layers — without this, registerCustomRenderer and getCustomRenderer
+// may reference different Map copies and custom blocks render as empty.
+const GLOBAL_KEY = "__ai_site_editor_custom_renderers__";
+const customRenderers = globalThis[GLOBAL_KEY] ??
+    (globalThis[GLOBAL_KEY] = new Map());
+/** Register a custom block renderer (for site-specific blocks not in the standard library). */
+export function registerCustomRenderer(blockType, renderer) {
+    customRenderers.set(blockType, renderer);
+}
+/** Check if a block type has a renderer (standard or custom). */
+export function hasRenderer(blockType) {
+    return isRendererBlockType(blockType) || customRenderers.has(blockType);
+}
+/** Get a custom renderer by block type (for server-side resolution before client boundary). */
+export function getCustomRenderer(blockType) {
+    return customRenderers.get(blockType);
+}
+export function SharedBlockRenderer({ block }) {
+    const props = normalizeSoftHyphenEntities(block.props);
+    // Try standard renderer first
+    if (isRendererBlockType(block.type)) {
+        const Renderer = renderers[block.type];
+        return _jsx(Renderer, { ...props });
+    }
+    // Fall back to custom renderer
+    const Custom = customRenderers.get(block.type);
+    if (Custom)
+        return _jsx(Custom, { ...props });
+    return null;
+}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@avocadostudio-ai/blocks",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/blocks/styles.css"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/avocadostudio-ai/avocado.git",
+    "directory": "packages/blocks"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@avocadostudio-ai/shared": "0.1.0"
+  },
+  "peerDependencies": {
+    "next": ">=14.0.0",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.10",
+    "next": "^15.5.15",
+    "tsx": "^4.21.0",
+    "typescript": "^5.7.3"
+  },
+  "description": "Built-in React block renderers and block catalogue for Avocado Studio",
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/avocadostudio-ai/avocado/tree/main/packages/blocks#readme",
+  "bugs": {
+    "url": "https://github.com/avocadostudio-ai/avocado/issues"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json && node ./scripts/copy-css.mjs",
+    "test": "NODE_ENV=test tsx --test src/blocks/*/renderer.test.ts src/blocks/*.test.ts",
+    "test:unit": "NODE_ENV=test tsx --test src/blocks/*/renderer.test.ts src/blocks/*.test.ts",
+    "typecheck": "tsc --noEmit"
+  }
+}