@tscircuit/runframe 0.0.1

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@tscircuit/runframe",
+  "main": "dist/index.js",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "start": "cosmos",
+    "build": "bun run build:lib",
+    "build:lib": "bun run build:css && bun run build:cli && bun run build:standalone",
+    "build:css": "bun run scripts/build-css.ts",
+    "build:site": "cosmos-export",
+    "build:cli": "vite build",
+    "build:standalone": "tsup ./lib/components/RunFrameWithApi/standalone.tsx --sourcemap inline --format esm",
+    "format:check": "biome format .",
+    "format": "biome format --write .",
+    "vercel-build": "bun run build:css && cosmos-export"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^1.9.4",
+    "@types/bun": "latest",
+    "@types/react": "18",
+    "@types/react-dom": "18",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "class-variance-authority": "^0.7.1",
+    "react": "18",
+    "react-cosmos": "^6.2.1",
+    "react-dom": "18",
+    "tailwindcss": "^3.4.16",
+    "tsup": "^8.3.5",
+    "vite": "^6.0.3"
+  },
+  "peerDependencies": {
+    "typescript": "^5.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-tabs": "^1.1.1",
+    "@tscircuit/3d-viewer": "^0.0.54",
+    "@tscircuit/eval-webworker": "^0.0.22",
+    "@tscircuit/file-server": "^0.0.5",
+    "@tscircuit/pcb-viewer": "^1.10.22",
+    "@tscircuit/schematic-viewer": "2.0.3",
+    "circuit-to-svg": "^0.0.91",
+    "comlink": "^4.4.2",
+    "cssnano": "^7.0.6",
+    "lucide-react": "^0.468.0",
+    "react-cosmos-plugin-vite": "^6.2.0",
+    "tailwind-merge": "^2.5.5"
+  }
+}

package/postcss.config.js

@@ -0,0 +1,8 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    cssnano: {
+      preset: "default",
+    },
+  },
+}

package/renovate.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": ["config:base"],
+  "packageRules": [
+    {
+      "packagePatterns": ["*"],
+      "excludePackagePatterns": ["@tscircuit/*", "circuit-to-svg"],
+      "enabled": false
+    },
+    {
+      "matchUpdateTypes": ["major", "minor", "patch"],
+      "automerge": true
+    }
+  ]
+}

package/scripts/build-css.ts

@@ -0,0 +1,26 @@
+import fs from "node:fs"
+import postcss from "postcss"
+import tailwindcss from "tailwindcss"
+import autoprefixer from "autoprefixer"
+import cssnano from "cssnano"
+import tailwindConfig from "../tailwind.config"
+
+async function buildCss() {
+  // Read your base CSS file with @tailwind directives
+  const css = "@tailwind components; @tailwind utilities;"
+
+  const result = await postcss([
+    tailwindcss(tailwindConfig),
+    autoprefixer,
+    cssnano,
+  ]).process(css, {
+    from: undefined,
+  })
+
+  fs.writeFileSync(
+    "./lib/hooks/styles.generated.ts",
+    `export default \`${result.css.replace(/\\/g, "\\\\")}\``,
+  )
+}
+
+buildCss()

package/src/main.tsx

@@ -0,0 +1,13 @@
+import { CircuitJsonPreview } from "lib/components/CircuitJsonPreview"
+import React from "react"
+import { createRoot } from "react-dom/client"
+
+const root = createRoot(document.getElementById("root")!)
+
+root.render(
+  <React.StrictMode>
+    <div style={{ width: "100vw", height: "100vh" }}>
+      <CircuitJsonPreview circuitJson={[]} />
+    </div>
+  </React.StrictMode>,
+)

package/tailwind.config.js

@@ -0,0 +1,3 @@
+export default {
+  content: ["./lib/**/*.{js,jsx,ts,tsx}"],
+}

package/tsconfig.json

@@ -0,0 +1,43 @@
+{
+  "compilerOptions": {
+    // Enable latest features
+    "lib": ["ESNext", "DOM"],
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleDetection": "force",
+    "jsx": "react-jsx",
+    "allowJs": true,
+
+    "baseUrl": ".",
+    "paths": {
+      "lib/*": ["lib/*"]
+    },
+    "esModuleInterop": true,
+
+    // Bundler mode
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+
+    // Best practices
+    "strict": true,
+    "skipLibCheck": true,
+    "noFallthroughCasesInSwitch": true,
+
+    // Some stricter flags (disabled by default)
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noPropertyAccessFromIndexSignature": false
+  },
+  "include": [
+    "lib/**/*.ts",
+    "lib/**/*.tsx",
+    "examples/**/*.ts",
+    "examples/**/*.tsx",
+    "cli/**/*.ts",
+    "cli/**/*.tsx",
+    "scripts/**/*.ts",
+    "scripts/**/*.tsx"
+  ]
+}

package/vite.config.ts

@@ -0,0 +1,43 @@
+import { defineConfig, type Plugin } from "vite"
+import react from "@vitejs/plugin-react"
+import { resolve } from "node:path"
+import winterspecBundle from "@tscircuit/file-server/dist/bundle"
+import { getNodeHandler } from "winterspec/adapters/node"
+
+const fakeHandler = getNodeHandler(winterspecBundle as any, {})
+
+function apiServerPlugin(): Plugin {
+  return {
+    name: "api-server",
+    configureServer(server) {
+      server.middlewares.use(async (req, res, next) => {
+        if (req.url?.startsWith("/api/")) {
+          req.url = req.url.replace("/api/", "/")
+          fakeHandler(req, res)
+        } else {
+          next()
+        }
+      })
+    },
+  }
+}
+
+const plugins: any[] = [react()]
+
+if (!process.env.VERCEL) {
+  plugins.push(apiServerPlugin())
+}
+
+export default defineConfig({
+  plugins,
+  resolve: {
+    alias: {
+      lib: resolve(__dirname, "./lib"),
+    },
+  },
+  define: {
+    global: {},
+  },
+  root: ".",
+  publicDir: "public",
+})