wip add iframe canvas model

Author: softmarshmallow

editor-packages/editor-canvas/canvas/canvas.tsx

@@ -243,6 +243,9 @@ export function Canvas({
       node["filekey"] = filekey;
       return (
         <LazyFrame key={node.id} xy={[node.x, node.y]} size={node}>
+          {/* 👇 dev only (for performance tracking) 👇 */}
+          {/* <div style={{ width: "100%", height: "100%", background: "grey" }} /> */}
+          {/* 👆 ----------------------------------- 👆 */}
           {renderItem({
             node: node as ReflectSceneNode & { filekey: string },
             zoom, // ? use scaled_zoom ?

editor/pages/canvas-server/README.md

@@ -0,0 +1,22 @@
+# Canvas Server page to be embeded in iframe of the canvas.
+
+## Why? - For performance optimization
+
+> e.g.
+
+```tsx
+function Host() {
+  // interact with canvas server via window messaging
+  return <iframe ref={ref} src="{HOST}/canvas-server" />;
+}
+```
+
+## Pros
+
+- Performance optimization
+
+## Cons
+
+- Lack of control
+- Complex state management
+- Where to handle the computational work? - what data should be transfered?

editor/pages/canvas-server/index.tsx

@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function CanvasServer() {
+  return <></>;
+}