@avocadostudio-ai/preview-adapter 0.1.0

package/dist/preview-bridge.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { usePathname, useRouter } from "next/navigation";
+import { PreviewBridgeCore } from "./preview-bridge-core.js";
+import { useLivePreviewBridgeApi } from "./live-preview-store.js";
+export function PreviewBridge({ slug, editorOrigin }) {
+    // Skip when not embedded in an iframe (page opened directly in browser)
+    if (!editorOrigin || window.parent === window)
+        return null;
+    return _jsx(PreviewBridgeNextInner, { slug: slug, editorOrigin: editorOrigin });
+}
+function PreviewBridgeNextInner({ slug, editorOrigin }) {
+    const router = useRouter();
+    const pathname = usePathname();
+    const navigate = useCallback((href) => router.push(href), [router]);
+    const refresh = useCallback(() => router.refresh(), [router]);
+    // Null unless EditorPageWrapper mounted the live-preview store provider — in
+    // which case streamed content flows through React instead of the DOM overlay.
+    const liveStore = useLivePreviewBridgeApi();
+    return (_jsx(PreviewBridgeCore, { slug: slug, editorOrigin: editorOrigin, navigate: navigate, refresh: refresh, pathname: pathname, liveStore: liveStore }));
+}

package/dist/selectable.d.ts

@@ -0,0 +1,13 @@
+export declare function getPreviewWrapperProps(editorMode: boolean, blockId: string, blockType: string): {
+    readonly "data-block-id"?: undefined;
+    readonly "data-block-type"?: undefined;
+    readonly className?: undefined;
+    readonly style?: undefined;
+} | {
+    readonly "data-block-id": string;
+    readonly "data-block-type": string;
+    readonly className: "editor-selectable";
+    readonly style: {
+        readonly viewTransitionName: `block-${string}`;
+    };
+};

package/dist/selectable.js

@@ -0,0 +1,10 @@
+export function getPreviewWrapperProps(editorMode, blockId, blockType) {
+    if (!editorMode)
+        return {};
+    return {
+        "data-block-id": blockId,
+        "data-block-type": blockType,
+        className: "editor-selectable",
+        style: { viewTransitionName: `block-${blockId}` }
+    };
+}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@avocadostudio-ai/preview-adapter",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./core": {
+      "import": "./dist/preview-bridge-core.js",
+      "types": "./dist/preview-bridge-core.d.ts"
+    },
+    "./styles.css": "./src/styles.css"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/avocadostudio-ai/avocado.git",
+    "directory": "packages/preview-adapter"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "src/styles.css"
+  ],
+  "dependencies": {
+    "@avocadostudio-ai/shared": "0.1.0"
+  },
+  "peerDependencies": {
+    "next": ">=15.0.0",
+    "react": ">=19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.10",
+    "typescript": "^5.7.3"
+  },
+  "description": "Preview bridge and editor overlay for Avocado Studio live preview",
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/avocadostudio-ai/avocado/tree/main/packages/preview-adapter#readme",
+  "bugs": {
+    "url": "https://github.com/avocadostudio-ai/avocado/issues"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "typecheck": "tsc --noEmit",
+    "test": "NODE_ENV=test tsx --test src/**/*.test.ts"
+  }
+}