Remove SuspenseRunFrame wrapper and decouple @tscircuit/runframe from library core

examples/TscircuitWorkspaceWithRunframe.fixture.tsx

@@ -1,8 +1,8 @@
+import { RunFrame } from "@tscircuit/runframe/runner"
 import { useMemo, useState } from "react"
 import "../src/styles.css"
 import type { EditorFile } from "../src"
 import { resolveTscircuitEntrypoint } from "../fixtures-support/resolveTscircuitEntrypoint"
-import { SuspenseRunFrame } from "../src/components/SuspenseRunFrame"
 import { WorkspaceCodeEditor } from "../src/components/WorkspaceCodeEditor"
 import { useWorkspaceFiles } from "../src/hooks/useWorkspaceFiles"
 
@@ -135,16 +135,18 @@ export default function TscircuitWorkspaceWithRunframeFixture() {
           <WorkspaceCodeEditor {...workspace} />
         </div>
         <div className="min-h-0 flex flex-1 flex-col">
-          <SuspenseRunFrame
-            className="h-full flex-1"
-            fsMap={fsMap}
-            mainComponentPath={mainComponentPath}
-            showFileMenu={false}
-            showRunButton
-            forceLatestEvalVersion
-            onRenderStarted={() => setLastRenderState("running")}
-            onRenderFinished={() => setLastRenderState("finished")}
-          />
+          <div className="h-full flex-1">
+            <RunFrame
+              key={mainComponentPath}
+              fsMap={fsMap}
+              mainComponentPath={mainComponentPath}
+              showFileMenu={false}
+              showRunButton
+              forceLatestEvalVersion
+              onRenderStarted={() => setLastRenderState("running")}
+              onRenderFinished={() => setLastRenderState("finished")}
+            />
+          </div>
         </div>
       </div>
     </div>

fixtures-support/resolveTscircuitEntrypoint.ts

@@ -4,16 +4,6 @@ import type { EditorFile } from "../src"
 // Cosmos runframe example runs the selected runnable file instead of always
 // falling back to index.tsx. This stays outside src/ because it is not part of
 // the public editor/workspace library API.
-export const hasDefaultEntrypointExport = (code: string) => {
-  return (
-    /export default\s+\w+/.test(code) ||
-    /export default\s+function\s*(\w*)\s*\(/.test(code) ||
-    /export default\s*\(\s*\)\s*=>/.test(code) ||
-    /export default\s*\(.*?\)\s*=>/.test(code) ||
-    /export\s*\{\s*\w+\s+as\s+default\s*\}/.test(code)
-  )
-}
-
 const findConfiguredEntrypoint = (
   files: EditorFile[],
   field: "mainEntrypoint" | "previewComponentPath",
@@ -44,11 +34,7 @@ export const resolveTscircuitEntrypoint = (
     ? files.find((file) => file.path === currentFile)
     : null
 
-  if (
-    currentFileData &&
-    /\.(ts|tsx)$/.test(currentFileData.path) &&
-    hasDefaultEntrypointExport(currentFileData.content)
-  ) {
+  if (currentFileData && /\.(ts|tsx)$/.test(currentFileData.path)) {
     return currentFileData.path
   }
 

package.json

@@ -11,7 +11,7 @@
 	},
 	"scripts": {
 		"build": "bun run build:lib",
-		"build:lib": "tsc --noEmit && tsup src/index.ts --format esm --dts --external react,react-dom,@monaco-editor/react,monaco-editor,@typescript/ata,typescript,@tscircuit/runframe",
+		"build:lib": "tsc --noEmit && tsup src/index.ts --format esm --dts --external react,react-dom,@monaco-editor/react,monaco-editor,@typescript/ata,typescript",
 		"dev": "cosmos",
 		"cosmos": "cosmos",
 		"cosmos:export": "cosmos-export",