@nuforge/editor 0.1.2 → 0.2.0

package/dist/react.cjs

@@ -18,7 +18,17 @@ function dropPositionFromPointer(clientY, rect, opts = {}) {
     return ratio < 0.5 ? 'before' : 'after';
 }
 
-const decorate = (view) => ({ 'data-nu-id': view.template?.id });
+const decorate = (view) => ({
+    'data-nu-id': view.template?.id,
+});
+const AMBIENT_CANVAS_WINDOW = {
+    doc: typeof document === 'undefined' ? null : document,
+    window: typeof window === 'undefined' ? null : window,
+};
+const CanvasWindowContext = react.createContext(AMBIENT_CANVAS_WINDOW);
+function useCanvasWindow() {
+    return react.useContext(CanvasWindowContext);
+}
 const EditorView = react.memo(function EditorView({ view, }) {
     const renderChildren = (views) => views.map((child) => react.createElement(EditorView, { key: child.key, view: child }));
     return react$1.createViewElement(view, renderChildren, decorate);
@@ -194,7 +204,7 @@ function IframeCanvas({ frame, selectedId = null, hoveredId = null, revision = 0
         setSelectedLabel(labelOf(selectedId));
     }, [previewMode, selectedId, hoveredId, revision, tick, doc]);
     return react.createElement('div', { className: containerClassName, style: { position: 'relative' } }, react.createElement('iframe', { ref: iframeRef, title: 'nuforge preview', className, srcDoc }, doc?.body
-        ? reactDom.createPortal(react.createElement(EditorFrame, { frame }), doc.body)
+        ? reactDom.createPortal(react.createElement(CanvasWindowContext.Provider, { value: { doc, window: doc.defaultView } }, react.createElement(EditorFrame, { frame })), doc.body)
         : null), renderBox && !previewMode
         ? react.createElement('div', {
             style: {
@@ -269,5 +279,6 @@ exports.EditorFrame = EditorFrame;
 exports.IframeCanvas = IframeCanvas;
 exports.PropFields = PropFields;
 exports.templateIdFromElement = templateIdFromElement;
+exports.useCanvasWindow = useCanvasWindow;
 exports.useEditorRevision = useEditorRevision;
 exports.useStructureRevision = useStructureRevision;

package/dist/react.d.ts

@@ -112,6 +112,11 @@ interface Rect {
     width: number;
     height: number;
 }
+interface CanvasWindow {
+    doc: Document | null;
+    window: Window | null;
+}
+declare function useCanvasWindow(): CanvasWindow;
 declare const EditorFrame: (props: {
     frame: Frame;
 }) => ReactNode;
@@ -152,5 +157,5 @@ interface PropFieldsProps {
 }
 declare function PropFields({ fields, values, onChange, className, }: PropFieldsProps): ReactNode;
 
-export { DEFAULT_CANVAS_CSS, EditorFrame, IframeCanvas, PropFields, templateIdFromElement, useEditorRevision, useStructureRevision };
-export type { IframeCanvasProps, PropFieldValue, PropFieldsProps, Rect };
+export { DEFAULT_CANVAS_CSS, EditorFrame, IframeCanvas, PropFields, templateIdFromElement, useCanvasWindow, useEditorRevision, useStructureRevision };
+export type { CanvasWindow, IframeCanvasProps, PropFieldValue, PropFieldsProps, Rect };

package/dist/react.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { createViewElement, observer } from '@nuforge/react';
-import { memo, createElement, Fragment, useRef, useState, useEffect, useLayoutEffect } from 'react';
+import { createContext, memo, createElement, Fragment, useRef, useState, useEffect, useLayoutEffect, useContext } from 'react';
 import { createPortal } from 'react-dom';
 import '@nuforge/types';
 
@@ -16,7 +16,17 @@ function dropPositionFromPointer(clientY, rect, opts = {}) {
     return ratio < 0.5 ? 'before' : 'after';
 }
 
-const decorate = (view) => ({ 'data-nu-id': view.template?.id });
+const decorate = (view) => ({
+    'data-nu-id': view.template?.id,
+});
+const AMBIENT_CANVAS_WINDOW = {
+    doc: typeof document === 'undefined' ? null : document,
+    window: typeof window === 'undefined' ? null : window,
+};
+const CanvasWindowContext = createContext(AMBIENT_CANVAS_WINDOW);
+function useCanvasWindow() {
+    return useContext(CanvasWindowContext);
+}
 const EditorView = memo(function EditorView({ view, }) {
     const renderChildren = (views) => views.map((child) => createElement(EditorView, { key: child.key, view: child }));
     return createViewElement(view, renderChildren, decorate);
@@ -192,7 +202,7 @@ function IframeCanvas({ frame, selectedId = null, hoveredId = null, revision = 0
         setSelectedLabel(labelOf(selectedId));
     }, [previewMode, selectedId, hoveredId, revision, tick, doc]);
     return createElement('div', { className: containerClassName, style: { position: 'relative' } }, createElement('iframe', { ref: iframeRef, title: 'nuforge preview', className, srcDoc }, doc?.body
-        ? createPortal(createElement(EditorFrame, { frame }), doc.body)
+        ? createPortal(createElement(CanvasWindowContext.Provider, { value: { doc, window: doc.defaultView } }, createElement(EditorFrame, { frame })), doc.body)
         : null), renderBox && !previewMode
         ? createElement('div', {
             style: {
@@ -262,4 +272,4 @@ function PropFieldControl({ field, value, onChange, }) {
     return createElement('label', { htmlFor: id, 'data-nu-field': field.name }, createElement('span', null, label), control);
 }
 
-export { DEFAULT_CANVAS_CSS, EditorFrame, IframeCanvas, PropFields, templateIdFromElement, useEditorRevision, useStructureRevision };
+export { DEFAULT_CANVAS_CSS, EditorFrame, IframeCanvas, PropFields, templateIdFromElement, useCanvasWindow, useEditorRevision, useStructureRevision };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuforge/editor",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "High-level SDK for building visual page editors on nuforge (mutations, blocks, commands, selection)",
   "license": "MIT",
   "type": "module",
@@ -24,15 +24,15 @@
     "dist"
   ],
   "dependencies": {
-    "@nuforge/reactivity": "0.1.2"
+    "@nuforge/reactivity": "0.1.3"
   },
   "peerDependencies": {
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19",
-    "@nuforge/core": "0.1.2",
-    "@nuforge/parser": "0.1.2",
-    "@nuforge/types": "0.1.2",
-    "@nuforge/react": "0.1.2"
+    "@nuforge/core": "0.1.4",
+    "@nuforge/parser": "0.1.3",
+    "@nuforge/react": "0.1.4",
+    "@nuforge/types": "0.1.3"
   },
   "peerDependenciesMeta": {
     "@nuforge/react": {
@@ -50,10 +50,10 @@
     "@types/react-dom": "^19.2.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "@nuforge/parser": "0.1.2",
-    "@nuforge/types": "0.1.2",
-    "@nuforge/core": "0.1.2",
-    "@nuforge/react": "0.1.2"
+    "@nuforge/core": "0.1.4",
+    "@nuforge/parser": "0.1.3",
+    "@nuforge/react": "0.1.4",
+    "@nuforge/types": "0.1.3"
   },
   "publishConfig": {
     "access": "public"