Update app/editor/index.tsx

app/editor/index.tsx

@@ -30,6 +30,11 @@ export default function Editor({ defaultValue }: { defaultValue: string }) {
       automaticLayout: true,
     })
 
+    const initialValue = editor.getValue();
+    const encodedJs = encodeURIComponent(initialValue);
+    const dataUri = "data:text/javascript;charset=utf-8," + encodedJs;
+    import(dataUri);
+
     const dispose = MonacoEditorCopilot(editor, { testName: 'basic example'} as any);
     if (config[0]?.testName === 'example with dispose') {
       setTimeout(() => {
@@ -43,5 +48,18 @@ export default function Editor({ defaultValue }: { defaultValue: string }) {
     }
   }, [])
 
-  return <div ref={ref} style={{ height: '50%', width: '100%' }} />
+  const handlePreview = () => {
+    const codeDiv = document.querySelector("#editor");
+    const codeText = codeDiv.textContent;
+    const encodedJs = encodeURIComponent(codeString);
+    const dataUri = "data:text/javascript;charset=utf-8," + encodedJs;
+    import(dataUri);
+  }
+
+  return (
+    <>
+      <div id="editor" ref={ref} style={{ height: 50vh }} />
+      <button onPress={}>preview</button>
+      <div id="root" />
+    </>
 }