Change Start Script for api server to use bun (#61)

* change start script but broke api server (now having json errors)

* upgrade winterspec, fixing the compat serving issue

* update bun lockfiles

dev-server-api/package.json

@@ -3,8 +3,8 @@
   "main": "dist/bundle.ts",
   "type": "module",
   "scripts": {
-    "start": "edgespec dev --port 3021",
-    "build": "edgespec bundle -o dist/bundle.ts"
+    "start": "bun server.ts",
+    "build": "echo 'nothing to do'"
   },
   "devDependencies": {
     "@types/better-sqlite3": "^7.6.9",
@@ -18,7 +18,7 @@
     "better-sqlite3": "^11.0.0",
     "kysely": "^0.27.3",
     "kysely-bun-sqlite": "^0.3.2",
-    "winterspec": "0.0.79",
+    "winterspec": "^0.0.80",
     "zod": "^3.22.4"
   }
 }

dev-server-api/server.ts

@@ -1,9 +1,17 @@
 import { createFetchHandlerFromDir } from "winterspec/adapters/node"
+import { Request as EdgeRuntimeRequest } from "@edge-runtime/primitives"
 
 const serverFetch = await createFetchHandlerFromDir("./routes")
 
 console.log("starting dev-server-api on localhost:3021")
 Bun.serve({
-  fetch: (req) => serverFetch(req),
+  fetch: (bunReq) => {
+    const req = new EdgeRuntimeRequest(bunReq.url, {
+      headers: bunReq.headers,
+      method: bunReq.method,
+      body: bunReq.body,
+    })
+    return serverFetch(req as any)
+  },
   port: 3021,
 })

dev-server-frontend/src/Header.tsx

@@ -38,7 +38,8 @@ export const Header = () => {
             <TabsTrigger value="3d">3D</TabsTrigger>
           </TabsList>
         </Tabs>
-        <Button
+        {/* Button is only relevant when the "Split" button is available */}
+        {/* <Button
           variant="outline"
           disabled={viewMode !== "split"}
           className="ml-1 group"
@@ -47,7 +48,7 @@ export const Header = () => {
           }}
         >
           <RotateCounterClockwiseIcon className="scale-x-[-1] group-hover:rotate-[30deg] transition-transform" />
-        </Button>
+        </Button> */}
       </div>
     </div>
   )

dev-server-frontend/src/hooks/use-global-store.ts

@@ -4,7 +4,7 @@ import { persist } from "zustand/middleware"
 export interface GlobalState {
   active_dev_example_package_id: string | null
 
-  view_mode: "schematic" | "pcb" | "split" | "soup"
+  view_mode: "schematic" | "pcb" | "split" | "soup" | "3d"
   split_mode: "horizontal" | "vertical"
   in_debug_mode: boolean
 
@@ -37,6 +37,6 @@ export const useGlobalStore = create<GlobalState>()(
     }),
     {
       name: "global-store",
-    }
-  )
+    },
+  ),
 )

tests/assets/example-project/package.json

@@ -7,8 +7,8 @@
     "update-deps": "bun add -f @tscircuit/builder@latest @tscircuit/react-fiber@latest @tscircuit/layout@latest"
   },
   "dependencies": {
-    "@tscircuit/builder": "1.5.134",
-    "@tscircuit/layout": "^0.0.21",
+    "@tscircuit/builder": "^1.5.134",
+    "@tscircuit/layout": "^0.0.24",
     "@tscircuit/react-fiber": "^1.1.29"
   }
 }