dir name orgs

Author: softmarshmallow

…nents/app-runner/code-sandbox-runner.tsx …tor/components/app-runner/csb-runner.tsxeditor/components/app-runner/code-sandbox-runner.tsx renamed to editor/components/app-runner/csb-runner.tsx editor/components/app-runner/code-sandbox-runner.tsx renamed to editor/components/app-runner/csb-runner.tsx

@@ -1,4 +1,4 @@
 export * from "./app-runner";
-export * from "./code-sandbox-runner";
+export * from "./csb-runner";
 export * from "./flutter-app-runner";
 export * from "./react-app-runner";

editor/components/app-runner/index.ts

@@ -1,6 +1,6 @@
 import { k } from "@designto/react";
 import React from "react";
-import { CodeSandBoxView } from "./code-sandbox-runner";
+import { CodeSandBoxView } from "./csb-runner";
 
 export function ReactAppRunner(props: {
   source: string;

editor/components/app-runner/react-app-runner.tsx

@@ -0,0 +1,18 @@
+import React, { useRef } from "react";
+import { usePinch } from "@use-gesture/react";
+
+export function RunnerFrame() {
+  const ref = useRef();
+  usePinch(
+    (state) => {
+      const { pinching, last } = state;
+    },
+    { domTarget: ref }
+  );
+
+  return (
+    <div ref={ref}>
+      <p>content</p>
+    </div>
+  );
+}

editor/components/app-runner/runner-frame.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { FigmaEmbedInput } from "@design-sdk/figma-url";
 import { FigmaEmbed } from "@reflect-blocks/figma-embed";
-export function FigmaEmbedCanvas(props: {
+export function AsisPreviewFigmaEmbed(props: {
   src: FigmaEmbedInput;
   width?: string;
   height?: string;

editor/components/canvas/default-canvas.tsx

@@ -0,0 +1 @@
+export * from "./asis-preview-figma-embed";

editor/components/canvas/index.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { FigmaEmbedCanvas } from "components/canvas";
+import { AsisPreviewFigmaEmbed } from "components/design-as-is-preview";
 
 interface DesignPreviewConfig {
   fileid: string;
@@ -19,7 +19,7 @@ export function DesignPreview(props: {
       switch (config.displayAs) {
         case "embed":
           return (
-            <FigmaEmbedCanvas
+            <AsisPreviewFigmaEmbed
               src={{
                 fileid: config.fileid,
                 nodeid: config.sceneid, // scene id is node id here.