@alpaca-headless/alpaca-headless-nextjs 1.0.3624 → 1.0.3625

package/dist/EditorIntegration.d.ts

@@ -2,5 +2,6 @@ export type EditorIntegrationProps = {
     timings?: {
         [key: string]: number;
     };
+    mode: "edit" | "preview" | "normal";
 };
-export declare function EditorIntegration(props: EditorIntegrationProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorIntegration(props: EditorIntegrationProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/EditorIntegration.js

@@ -1,5 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { EditorIntegrationClient } from "./EditorIntegrationClient";
 export function EditorIntegration(props) {
-    return _jsx(EditorIntegrationClient, Object.assign({}, props));
+    if (props.mode !== "normal") {
+        return _jsx(EditorIntegrationClient, Object.assign({}, props));
+    }
+    return null;
 }

package/dist/EditorIntegrationClient.d.ts

@@ -1,8 +1,9 @@
-export declare function EditorIntegrationClient({ timings, }: {
+export declare function EditorIntegrationClient({ timings, mode, }: {
     timings?: {
         [key: string]: number;
     };
-}): import("react/jsx-runtime").JSX.Element;
+    mode: "edit" | "preview" | "normal";
+}): import("react/jsx-runtime").JSX.Element | null;
 export type ComponentSelectedEvent = {
     type: "componentSelected";
     componentIds: string[];

package/dist/EditorIntegrationClient.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect } from "react";
 import useExposeRefreshFunction from "./useExposeRefreshFunction";
-export function EditorIntegrationClient({ timings, }) {
+export function EditorIntegrationClient({ timings, mode, }) {
     useExposeRefreshFunction();
     useEffect(() => {
         const handleKeyDown = (event) => {
@@ -21,6 +21,8 @@ export function EditorIntegrationClient({ timings, }) {
             window.removeEventListener("keydown", handleKeyDown);
         };
     }, []);
+    if (mode !== "edit")
+        return null;
     return (_jsx(_Fragment, { children: _jsx("style", { children: `
         .a-editor-mce {
           display:flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpaca-headless/alpaca-headless-nextjs",
-  "version": "1.0.3624",
+  "version": "1.0.3625",
   "type": "module",
   "description": "Alpaca Headless",
   "main": "dist/index.js",
@@ -50,7 +50,7 @@
     "typescript": "^5"
   },
   "dependencies": {
-    "@alpaca-headless/alpaca-headless": "^1.0.3624",
+    "@alpaca-headless/alpaca-headless": "^1.0.3625",
     "axios": "^1.7.2",
     "https-proxy-agent": "^7.0.4",
     "next": "^14.2.4",

package/src/EditorIntegration.tsx

@@ -4,8 +4,12 @@ export type EditorIntegrationProps = {
   timings?: {
     [key: string]: number;
   };
+  mode: "edit" | "preview" | "normal";
 };
 
 export function EditorIntegration(props: EditorIntegrationProps) {
-  return <EditorIntegrationClient {...props} />;
+  if (props.mode !== "normal") {
+    return <EditorIntegrationClient {...props} />;
+  }
+  return null;
 }

package/src/EditorIntegrationClient.tsx

@@ -5,10 +5,12 @@ import useExposeRefreshFunction from "./useExposeRefreshFunction";
 
 export function EditorIntegrationClient({
   timings,
+  mode,
 }: {
   timings?: {
     [key: string]: number;
   };
+  mode: "edit" | "preview" | "normal";
 }) {
   useExposeRefreshFunction();
 
@@ -32,6 +34,8 @@ export function EditorIntegrationClient({
     };
   }, []);
 
+  if (mode !== "edit") return null;
+
   return (
     <>
       <style>{`