@tscircuit/cli 0.0.62 → 0.0.64

package/cli.ts

@@ -1,5 +1,6 @@
 #!/usr/bin/env node
 
+import kleur from "kleur"
 import { AppContext } from "./lib/util/app-context"
 import { createContextAndRunProgram } from "./lib/util/create-context-and-run-program"
 
@@ -7,6 +8,7 @@ async function main() {
   await createContextAndRunProgram(process.argv)
 }
 
-main().catch((e) => {
-  console.log("Error running CLI:", e.toString())
+main().catch((e: any) => {
+  console.log(kleur.gray(e.stack))
+  console.log(kleur.red(`Error running CLI: ${e.toString()}`))
 })

package/dev-server-api/routes/api/export_files/create.ts

@@ -0,0 +1,32 @@
+import { publicMapExportFile } from "src/lib/public-mapping/public-map-export-file"
+import { export_file } from "src/lib/zod/export_file"
+import { withEdgeSpec } from "src/with-edge-spec"
+import { z } from "zod"
+
+export default withEdgeSpec({
+  methods: ["POST"],
+  jsonBody: z.object({
+    export_request_id: z.number().int(),
+    file_name: z.string(),
+    file_content_base64: z.string().transform((a) => Buffer.from(a, "base64")),
+  }),
+  jsonResponse: z.object({
+    export_file,
+  }),
+  auth: "none",
+})(async (req, ctx) => {
+  const db_export_file = await ctx.db
+    .insertInto("export_file")
+    .values({
+      export_request_id: req.jsonBody.export_request_id,
+      file_name: req.jsonBody.file_name,
+      file_content: req.jsonBody.file_content_base64,
+      created_at: new Date().toISOString(),
+    })
+    .returningAll()
+    .executeTakeFirstOrThrow()
+
+  return ctx.json({
+    export_file: publicMapExportFile(db_export_file),
+  })
+})

package/dev-server-api/routes/api/export_files/download.ts

@@ -0,0 +1,24 @@
+import { publicMapExportFile } from "src/lib/public-mapping/public-map-export-file"
+import { export_file } from "src/lib/zod/export_file"
+import { withEdgeSpec } from "src/with-edge-spec"
+import { z } from "zod"
+
+export default withEdgeSpec({
+  methods: ["GET"],
+  queryParams: z.object({
+    export_file_id: z.coerce.number().int(),
+  }),
+  auth: "none",
+})(async (req, ctx) => {
+  const db_export_file = await ctx.db
+    .selectFrom("export_file")
+    .selectAll()
+    .where("export_file_id", "=", req.query.export_file_id)
+    .executeTakeFirstOrThrow()
+
+  return new Response(db_export_file.file_content, {
+    headers: {
+      "Content-Disposition": `attachment; filename="${db_export_file.file_name}"`,
+    },
+  })
+})

package/dev-server-api/routes/api/export_requests/create.ts

@@ -3,20 +3,14 @@ import { NotFoundError } from "edgespec/middleware"
 import { z } from "zod"
 import { export_request } from "src/lib/zod/export_request"
 import { publicMapExportRequest } from "src/lib/public-mapping/public-map-export-request"
+import { export_parameters } from "../../../src/lib/zod/export_parameters"
 
 export default withEdgeSpec({
   methods: ["POST"],
   jsonBody: z.object({
     example_file_path: z.string(),
     export_name: z.string().nullable().optional(),
-    export_parameters: z.object({
-      should_export_gerber_zip: z.boolean().default(false),
-      gerbers_zip_file_name: z
-        .string()
-        .nullable()
-        .optional()
-        .default("gerbers.zip"),
-    }),
+    export_parameters: export_parameters,
   }),
   jsonResponse: z.object({
     export_request,

package/dev-server-api/routes/api/export_requests/get.ts

@@ -0,0 +1,37 @@
+import { withEdgeSpec } from "src/with-edge-spec"
+import { z } from "zod"
+import { export_request } from "src/lib/zod/export_request"
+import { publicMapExportRequest } from "src/lib/public-mapping/public-map-export-request"
+
+export default withEdgeSpec({
+  methods: ["GET", "POST"],
+  commonParams: z.object({
+    export_request_id: z.coerce.number(),
+  }),
+  jsonResponse: z.object({
+    export_request: export_request,
+  }),
+  auth: "none",
+})(async (req, ctx) => {
+  const { export_request_id } = req.commonParams
+  const db_export_request: any = await ctx.db
+    .selectFrom("export_request")
+    .selectAll()
+    .where("export_request_id", "=", export_request_id)
+    .executeTakeFirstOrThrow()
+
+  db_export_request.file_summary = (
+    await ctx.db
+      .selectFrom("export_file")
+      .where("export_request_id", "=", export_request_id)
+      .selectAll()
+      .execute()
+  ).map((ef) => ({
+    file_name: ef.file_name,
+    export_file_id: ef.export_file_id,
+  }))
+
+  return ctx.json({
+    export_request: publicMapExportRequest(db_export_request),
+  })
+})

package/dev-server-api/routes/api/export_requests/list.ts

@@ -0,0 +1,28 @@
+import { withEdgeSpec } from "src/with-edge-spec"
+import { z } from "zod"
+import { export_request } from "src/lib/zod/export_request"
+import { publicMapExportRequest } from "src/lib/public-mapping/public-map-export-request"
+
+export default withEdgeSpec({
+  methods: ["GET", "POST"],
+  commonParams: z.object({
+    is_complete: z.boolean().nullable().default(null),
+  }),
+  jsonResponse: z.object({
+    export_requests: z.array(export_request),
+  }),
+  auth: "none",
+})(async (req, ctx) => {
+  const { is_complete } = req.commonParams
+  const db_export_requests = await ctx.db
+    .selectFrom("export_request")
+    .selectAll()
+    .$if(is_complete !== null, (q) =>
+      q.where("export_request.is_complete", "=", is_complete ? 1 : 0)
+    )
+    .execute()
+
+  return ctx.json({
+    export_requests: db_export_requests.map((er) => publicMapExportRequest(er)),
+  })
+})

package/dev-server-api/routes/api/export_requests/update.ts

@@ -0,0 +1,26 @@
+import { withEdgeSpec } from "src/with-edge-spec"
+import { NotFoundError } from "edgespec/middleware"
+import { z } from "zod"
+import { export_request } from "src/lib/zod/export_request"
+import { publicMapExportRequest } from "src/lib/public-mapping/public-map-export-request"
+import { export_parameters } from "src/lib/zod/export_parameters"
+
+export default withEdgeSpec({
+  methods: ["POST"],
+  jsonBody: z.object({
+    export_request_id: z.coerce.number(),
+    is_complete: z.boolean(),
+  }),
+  jsonResponse: z.object({}),
+  auth: "none",
+})(async (req, ctx) => {
+  await ctx.db
+    .updateTable("export_request")
+    .set({
+      is_complete: req.jsonBody.is_complete ? 1 : 0,
+    })
+    .where("export_request_id", "=", req.jsonBody.export_request_id)
+    .execute()
+
+  return ctx.json({})
+})

package/dev-server-api/src/db/get-db.ts

@@ -26,7 +26,6 @@ export interface ExportFile {
   export_file_id: Generated<number>
   file_name: string
   file_content: Buffer
-  is_complete: 1 | 0
   export_request_id: number
   created_at: string
 }

package/dev-server-api/src/lib/public-mapping/public-map-export-file.ts

@@ -0,0 +1,17 @@
+import type { ExportRequest } from "src/db/get-db"
+import { export_file } from "src/lib/zod/export_file"
+import { z } from "zod"
+
+export const publicMapExportFile = (db_export_file: {
+  export_file_id: number
+  export_request_id: number
+  file_name: string
+  created_at: string
+}): z.infer<typeof export_file> => {
+  return {
+    export_request_id: db_export_file.export_request_id as any,
+    export_file_id: db_export_file.export_file_id as any,
+    file_name: db_export_file.file_name,
+    created_at: db_export_file.created_at,
+  }
+}

package/dev-server-api/src/lib/public-mapping/public-map-export-request.ts

@@ -8,12 +8,16 @@ export const publicMapExportRequest = (db_export_request: {
   export_parameters: string
   export_name: string
   is_complete: 1 | 0
+  file_summary?: Array<any>
   created_at: string
 }): z.infer<typeof export_request> => {
   return {
     export_request_id: db_export_request.export_request_id as any,
-    is_completed: db_export_request.is_complete === 1,
+    example_file_path: db_export_request.example_file_path,
+    export_name: db_export_request.export_name,
+    is_complete: db_export_request.is_complete === 1,
+    export_parameters: JSON.parse(db_export_request.export_parameters),
+    file_summary: db_export_request.file_summary,
     created_at: db_export_request.created_at,
-    file_summary: [],
   }
 }

package/dev-server-api/src/lib/zod/export_file.ts

@@ -0,0 +1,8 @@
+import { z } from "zod"
+
+export const export_file = z.object({
+  export_file_id: z.number().int(),
+  export_request_id: z.number().int(),
+  file_name: z.string(),
+  created_at: z.string(),
+})

package/dev-server-api/src/lib/zod/export_parameters.ts

@@ -0,0 +1,10 @@
+import { z } from "zod"
+
+export const export_parameters = z.object({
+  should_export_gerber_zip: z.boolean().default(false),
+  gerbers_zip_file_name: z
+    .string()
+    .nullable()
+    .optional()
+    .default("gerbers.zip"),
+})

package/dev-server-api/src/lib/zod/export_request.ts

@@ -1,13 +1,19 @@
 import { z } from "zod"
+import { export_parameters } from "./export_parameters"
 
 export const export_request = z.object({
   export_request_id: z.coerce.number(),
-  is_completed: z.boolean(),
+  is_complete: z.boolean(),
   created_at: z.string(),
-  file_summary: z.array(
-    z.object({
-      file_name: z.string(),
-      is_complete: z.boolean(),
-    })
-  ),
+  export_name: z.string(),
+  example_file_path: z.string(),
+  export_parameters,
+  file_summary: z
+    .array(
+      z.object({
+        file_name: z.string(),
+        export_file_id: z.number().int(),
+      })
+    )
+    .optional(),
 })

package/dev-server-frontend/package-lock.json

@@ -8,6 +8,7 @@
       "name": "@tscircuit/dev-server-frontend",
       "version": "0.0.0",
       "dependencies": {
+        "@headlessui/react": "^1.7.18",
         "@radix-ui/react-alert-dialog": "^1.0.5",
         "@radix-ui/react-context-menu": "^2.1.5",
         "@radix-ui/react-dialog": "^1.0.5",
@@ -21,8 +22,8 @@
         "@radix-ui/react-toggle": "^1.0.3",
         "@radix-ui/react-toggle-group": "^1.0.4",
         "@radix-ui/react-tooltip": "^1.0.7",
-        "@tscircuit/builder": "^1.5.29",
-        "@tscircuit/pcb-viewer": "^1.2.23",
+        "@tscircuit/builder": "latest",
+        "@tscircuit/pcb-viewer": "^1.2.24",
         "@tscircuit/schematic-viewer": "^1.1.22",
         "axios": "^1.6.7",
         "class-variance-authority": "^0.7.0",
@@ -660,6 +661,22 @@
       "version": "0.2.1",
       "license": "MIT"
     },
+    "node_modules/@headlessui/react": {
+      "version": "1.7.18",
+      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.18.tgz",
+      "integrity": "sha512-4i5DOrzwN4qSgNsL4Si61VMkUcWbcSKueUV7sFhpHzQcSShdlHENE5+QBntMSRvHt8NyoFO2AGG8si9lq+w4zQ==",
+      "dependencies": {
+        "@tanstack/react-virtual": "^3.0.0-beta.60",
+        "client-only": "^0.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": "^16 || ^17 || ^18",
+        "react-dom": "^16 || ^17 || ^18"
+      }
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.11.14",
       "dev": true,
@@ -1786,6 +1803,31 @@
         "linux"
       ]
     },
+    "node_modules/@tanstack/react-virtual": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.2.1.tgz",
+      "integrity": "sha512-i9Nt0ssIh2bSjomJZlr6Iq5usT/9+ewo2/fKHRNk6kjVKS8jrhXbnO8NEawarCuBx/efv0xpoUUKKGxa0cQb4Q==",
+      "dependencies": {
+        "@tanstack/virtual-core": "3.2.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.2.1.tgz",
+      "integrity": "sha512-nO0d4vRzsmpBQCJYyClNHPPoUMI4nXNfrm6IcCRL33ncWMoNVpURh9YebEHPw8KrtsP2VSJIHE4gf4XFGk1OGg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
     "node_modules/@tscircuit/builder": {
       "version": "1.5.53",
       "resolved": "https://registry.npmjs.org/@tscircuit/builder/-/builder-1.5.53.tgz",
@@ -1825,9 +1867,9 @@
       }
     },
     "node_modules/@tscircuit/pcb-viewer": {
-      "version": "1.2.23",
-      "resolved": "https://registry.npmjs.org/@tscircuit/pcb-viewer/-/pcb-viewer-1.2.23.tgz",
-      "integrity": "sha512-GV9UcKu1JEHsqF5xHjSbg4Y+pDqVjeJdH0BMLOXAQOFpPelTuS5MWwdby6qthfqtPoPfFGzJlTKrTSfC3QTFqw==",
+      "version": "1.2.24",
+      "resolved": "https://registry.npmjs.org/@tscircuit/pcb-viewer/-/pcb-viewer-1.2.24.tgz",
+      "integrity": "sha512-T1ohSL9vVI2nPxeXiYnSDJHMVV55Zspa9MqcLCfb4MDFhm8kf/Ba/kMSkmvwkzv8jLFJkdS+HkEcEu9yfncl2Q==",
       "dependencies": {
         "react-supergrid": "^1.0.7",
         "transformation-matrix": "^2.13.0"
@@ -2550,6 +2592,11 @@
         "node": ">=6"
       }
     },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
     "node_modules/clsx": {
       "version": "2.1.0",
       "license": "MIT",
@@ -4271,7 +4318,8 @@
     },
     "node_modules/react-query": {
       "version": "3.39.3",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/react-query/-/react-query-3.39.3.tgz",
+      "integrity": "sha512-nLfLz7GiohKTJDuT4us4X3h/8unOh+00MLb2yJoGTPjxKs2bc1iDhkNx2bd5MKklXnOD3NrVZ+J2UXujA5In4g==",
       "dependencies": {
         "@babel/runtime": "^7.5.5",
         "broadcast-channel": "^3.4.1",

package/dev-server-frontend/package.json

@@ -31,7 +31,7 @@
     "@radix-ui/react-toggle-group": "^1.0.4",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@tscircuit/builder": "latest",
-    "@tscircuit/pcb-viewer": "^1.2.23",
+    "@tscircuit/pcb-viewer": "^1.2.24",
     "@tscircuit/schematic-viewer": "^1.1.22",
     "axios": "^1.6.7",
     "class-variance-authority": "^0.7.0",

package/dev-server-frontend/src/ExampleContentView.tsx

@@ -25,7 +25,9 @@ export const ExampleContentView = () => {
         })
         .then((r) => r.data.dev_package_example),
     {
+      refetchInterval: 5_000,
       refetchIntervalInBackground: true,
+      refetchOnWindowFocus: true,
       retry: false,
     }
   )

package/dev-server-frontend/src/components/dialogs/gerber-export-dialog.tsx

@@ -45,14 +45,51 @@ export const useGerberExportDialog = () => {
             setExportError(null)
             setIsExporting(true)
             try {
-              await axios.post("/api/export_requests/create", {
-                example_file_path: activeDevExamplePackage.file_path,
-                export_name: activeDevExamplePackage.export_name,
-                export_parameters: {
-                  should_export_gerber_zip: true,
-                  gerbers_zip_file_name: outputName,
-                },
-              })
+              let export_request = await axios
+                .post("/api/export_requests/create", {
+                  example_file_path: activeDevExamplePackage.file_path,
+                  export_name: activeDevExamplePackage.export_name,
+                  export_parameters: {
+                    should_export_gerber_zip: true,
+                    gerbers_zip_file_name: outputName,
+                  },
+                })
+                .then((r) => r.data.export_request)
+
+              const pollExportRequest = async () => {
+                while (!export_request.is_complete) {
+                  try {
+                    export_request = await axios
+                      .post("/api/export_requests/get", {
+                        export_request_id: export_request.export_request_id,
+                      })
+                      .then((r) => r.data.export_request)
+                  } catch (e: any) {
+                    console.error(e)
+                    setExportError(
+                      `${e.toString()}\n\n${e.response?.data?.error?.message}`
+                    )
+                    setIsExporting(false)
+                    return
+                  }
+                  await new Promise((resolve) => setTimeout(resolve, 100))
+                }
+                setIsExporting(false)
+              }
+
+              await pollExportRequest()
+
+              // open /api/export_files/download?export_file_id=... in new tab
+
+              const export_file_id =
+                export_request.file_summary[0].export_file_id
+
+              window.open(
+                `/api/export_files/download?export_file_id=${export_file_id}`,
+                "_blank"
+              )
+
+              setIsExporting(false)
             } catch (e: any) {
               console.error(e)
               setExportError(