@tscircuit/cli 0.0.144 → 0.0.145

package/.github/workflows/formatbot.yml

@@ -0,0 +1,41 @@
+name: Format PR
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened, ready_for_review]
+
+jobs:
+  format:
+    name: Format code
+    runs-on: ubuntu-latest
+    if: github.event.pull_request.draft == false
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v3
+      with:
+        token: ${{ secrets.TSCIRCUIT_BOT_GITHUB_TOKEN }}
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: '20'
+
+    - name: Get @biomejs/biome version
+      id: get-biome-version
+      run: echo "BIOME_VERSION=$(node -p "require('./package.json').devDependencies['@biomejs/biome']")" >> $GITHUB_OUTPUT
+
+    - name: Install @biomejs/biome
+      run: npm install @biomejs/biome@${{ steps.get-biome-version.outputs.BIOME_VERSION }}
+
+    - name: Run formatter
+      run: npx @biomejs/biome format .
+
+    - name: Commit changes
+      uses: stefanzweifel/git-auto-commit-action@v4
+      with:
+        commit_message: "formatbot: Automatically format code"
+        branch: ${{ github.head_ref }}
+        commit_user_name: tscircuitbot
+        commit_user_email: tscircuitbot@users.noreply.github.com
+        commit_author: tscircuitbot <tscircuitbot@users.noreply.github.com>

package/biome.json

@@ -0,0 +1,44 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.7.3/schema.json",
+  "organizeImports": {
+    "enabled": true
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space"
+  },
+  "files": {
+    "ignore": ["cosmos-export", "dist", "package.json"]
+  },
+  "javascript": {
+    "formatter": {
+      "jsxQuoteStyle": "double",
+      "quoteProperties": "asNeeded",
+      "trailingCommas": "all",
+      "semicolons": "asNeeded",
+      "arrowParentheses": "always",
+      "bracketSpacing": true,
+      "bracketSameLine": false
+    }
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "suspicious": {
+        "noExplicitAny": "off"
+      },
+      "style": {
+        "noNonNullAssertion": "off",
+        "useFilenamingConvention": {
+          "level": "error",
+          "options": {
+            "strictCase": true,
+            "requireAscii": true,
+            "filenameCases": ["kebab-case", "export"]
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -14,12 +14,12 @@ export default withWinterSpec({
         dev_server_database_dump: await ctx.db.dump(),
       },
       null,
-      "  "
+      "  ",
     ),
     {
       headers: {
         "content-type": "application/json",
       },
-    }
+    },
   )
 })

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

@@ -33,7 +33,7 @@ export default withWinterSpec({
 })(async (req, ctx) => {
   const dev_package_example = await ctx.db.get(
     "dev_package_example",
-    req.commonParams.dev_package_example_id
+    req.commonParams.dev_package_example_id,
   )
 
   if (!dev_package_example) {

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

@@ -13,7 +13,7 @@ export default withWinterSpec({
         edit_events_last_updated_at: z.string().datetime().nullable(),
         soup_last_updated_at: z.string().datetime().nullable(),
         last_updated_at: z.string().datetime().nullable(),
-      })
+      }),
     ),
   }),
   auth: "none",
@@ -27,7 +27,7 @@ export default withWinterSpec({
       edit_events_last_updated_at: dpe.edit_events_last_updated_at,
       soup_last_updated_at: dpe.soup_last_updated_at,
       last_updated_at: dpe.last_updated_at,
-    })
+    }),
   )
 
   return ctx.json({

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

@@ -19,7 +19,7 @@ export default withWinterSpec({
 })(async (req, ctx) => {
   const dev_package_example = await ctx.db.get(
     "dev_package_example",
-    req.jsonBody.dev_package_example_id
+    req.jsonBody.dev_package_example_id,
   )
 
   if (!dev_package_example) {

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

@@ -14,7 +14,7 @@ export default withWinterSpec({
   jsonResponse: z.object({
     export_request: ExportRequestSchema.extend({
       file_summary: z.array(
-        z.object({ file_name: z.string(), export_file_id: z.coerce.number() })
+        z.object({ file_name: z.string(), export_file_id: z.coerce.number() }),
       ),
     }),
   }),
@@ -33,7 +33,7 @@ export default withWinterSpec({
   }
 
   const export_files = (await ctx.db.list("export_file")).filter(
-    (ef) => ef.export_request_id === export_request_id
+    (ef) => ef.export_request_id === export_request_id,
   )
   ext_export_request.file_summary = export_files.map((ef) => ({
     file_name: ef.file_name!,

package/dev-server-api/routes/index.ts

@@ -11,6 +11,6 @@ export default withWinterSpec({
       headers: {
         "content-type": "text/html",
       },
-    }
+    },
   )
 })

package/dev-server-api/server.ts

@@ -3,7 +3,7 @@ import { Request as EdgeRuntimeRequest } from "@edge-runtime/primitives"
 import { join } from "node:path"
 
 const serverFetch = await createFetchHandlerFromDir(
-  join(import.meta.dir, "./routes")
+  join(import.meta.dir, "./routes"),
 )
 
 console.log("starting dev-server-api on http://127.0.0.1:3021")

package/dev-server-api/src/db/create-schema.ts

@@ -10,7 +10,7 @@ export const createSchema = async (db: DbClient) => {
   await db.schema
     .createTable("dev_package_example")
     .addColumn("dev_package_example_id", "integer", (col) =>
-      col.primaryKey().autoIncrement()
+      col.primaryKey().autoIncrement(),
     )
     .addColumn("file_path", "text", (col) => col.unique())
     .addColumn("export_name", "text")
@@ -27,7 +27,7 @@ export const createSchema = async (db: DbClient) => {
   await db.schema
     .createTable("export_request")
     .addColumn("export_request_id", "integer", (col) =>
-      col.primaryKey().autoIncrement()
+      col.primaryKey().autoIncrement(),
     )
     .addColumn("example_file_path", "text")
     .addColumn("export_parameters", "json")
@@ -41,13 +41,13 @@ export const createSchema = async (db: DbClient) => {
   await db.schema
     .createTable("export_file")
     .addColumn("export_file_id", "integer", (col) =>
-      col.primaryKey().autoIncrement()
+      col.primaryKey().autoIncrement(),
     )
     .addColumn("file_name", "text")
     .addColumn("file_content", "blob")
     .addColumn("is_complete", "boolean", (col) => col.defaultTo(0).notNull())
     .addColumn("export_request_id", "integer", (col) =>
-      col.references("export_request.export_request_id")
+      col.references("export_request.export_request_id"),
     )
     .addColumn("created_at", "text")
     .execute()

package/dev-server-api/src/db/generic-json-level.ts

@@ -57,7 +57,7 @@ class GenericJsonLevel extends AbstractLevel<string, any> {
   }
 
   async _batch(
-    operations: Array<{ type: "put" | "del"; key: string; value?: any }>
+    operations: Array<{ type: "put" | "del"; key: string; value?: any }>,
   ): Promise<void> {
     for (const op of operations) {
       if (op.type === "put") {
@@ -99,7 +99,7 @@ class GenericJsonLevel extends AbstractLevel<string, any> {
       async next() {
         if (files.length === 0) {
           files = (await fs.readdir(this.db.location)).filter((file) =>
-            file.endsWith(".json")
+            file.endsWith(".json"),
           )
         }
 

package/dev-server-api/src/db/zod-level-db.ts

@@ -22,7 +22,7 @@ export class ZodLevelDatabase {
 
   async get<K extends keyof DBSchemaType>(
     collection: K,
-    id: string | number
+    id: string | number,
   ): Promise<DBSchemaType[K] | null> {
     const key = `${collection}:${id}`
     const data = await this.db.get(key).catch((e) => null)
@@ -32,7 +32,7 @@ export class ZodLevelDatabase {
 
   async put<K extends keyof DBSchemaType>(
     collection: K,
-    value: DBInputSchemaType[K]
+    value: DBInputSchemaType[K],
   ): Promise<DBSchemaType[K]> {
     const idkey = `${collection}_id`
     const valueLoose: any = value
@@ -51,7 +51,7 @@ export class ZodLevelDatabase {
 
   async del<K extends keyof DBSchemaType>(
     collection: K,
-    id: string
+    id: string,
   ): Promise<void> {
     const key = `${collection}:${id}`
     await this.db.del(key)
@@ -59,7 +59,7 @@ export class ZodLevelDatabase {
 
   async find<K extends keyof DBSchemaType>(
     collection: K,
-    partialObject: Partial<DBSchemaType[K]>
+    partialObject: Partial<DBSchemaType[K]>,
   ): Promise<DBSchemaType[K] | null> {
     const schema = DBSchema.shape[collection]
 
@@ -82,14 +82,14 @@ export class ZodLevelDatabase {
 
   async findOrThrow<K extends keyof DBSchemaType>(
     collection: K,
-    partialObject: Partial<DBSchemaType[K]>
+    partialObject: Partial<DBSchemaType[K]>,
   ): Promise<DBSchemaType[K]> {
     const result = await this.find(collection, partialObject)
     if (!result) {
       throw new Error(
         `No record in "${collection}" matches query ${JSON.stringify(
-          partialObject
-        )}`
+          partialObject,
+        )}`,
       )
     }
     return result
@@ -97,7 +97,7 @@ export class ZodLevelDatabase {
 
   private matchesPartialObject<T>(
     fullObject: T,
-    partialObject: Partial<T>
+    partialObject: Partial<T>,
   ): boolean {
     for (const [key, value] of Object.entries(partialObject)) {
       if (fullObject[key as keyof T] !== value) {
@@ -121,7 +121,7 @@ export class ZodLevelDatabase {
   }
 
   async list<K extends keyof DBSchemaType>(
-    collection: K
+    collection: K,
   ): Promise<DBSchemaType[K][]> {
     const schema = DBSchema.shape[collection]
     const results: DBSchemaType[K][] = []

package/dev-server-api/src/middlewares/with-debug-request-logging.ts

@@ -6,7 +6,7 @@ const debug = Debug("tscircuit:cli:api")
 export const withDebugRequestLogging: Middleware<{}, {}> = async (
   req,
   ctx,
-  next
+  next,
 ) => {
   debug(`[REQ] ${req.method?.toUpperCase()} ${req.url}`)
   return next(req, ctx)

package/dev-server-api/src/middlewares/with-error-response.ts

@@ -18,7 +18,7 @@ export const withErrorResponse: Middleware<{}, {}> = async (req, ctx, next) => {
             error_code: "not_found",
           },
         },
-        { status: error?.status || 404 }
+        { status: error?.status || 404 },
       )
     }
 
@@ -31,7 +31,7 @@ export const withErrorResponse: Middleware<{}, {}> = async (req, ctx, next) => {
           error_code: error?.error_code ?? "internal_server_error",
         },
       },
-      { status: error?.status || 500 }
+      { status: error?.status || 500 },
     )
   }
 }

package/dev-server-api/tests/fixtures/start-server.ts

@@ -3,7 +3,7 @@ import { Request as EdgeRuntimeRequest } from "@edge-runtime/primitives"
 import { join } from "node:path"
 
 const serverFetch = await createFetchHandlerFromDir(
-  join(import.meta.dir, "../../routes")
+  join(import.meta.dir, "../../routes"),
 )
 
 export const startServer = ({ port }: { port: number }) =>

package/dev-server-api/tests/routes/dev_package_examples/create.test.ts

@@ -14,6 +14,6 @@ it("POST /api/dev_package_examples/create", async () => {
     .then((r) => r.data)
 
   expect(res.dev_package_example.file_path).toEqual(
-    "examples/basic-resistor.tsx"
+    "examples/basic-resistor.tsx",
   )
 })

package/dev-server-api/tests/routes/dev_package_examples/get.test.ts

@@ -20,6 +20,6 @@ it("POST /api/dev_package_examples/create", async () => {
     .then((r) => r.data)
 
   expect(res.dev_package_example.file_path).toEqual(
-    "examples/basic-resistor.tsx"
+    "examples/basic-resistor.tsx",
   )
 })

package/dev-server-api/tests/routes/dev_package_examples/list.test.ts

@@ -22,7 +22,7 @@ it("GET /api/dev_package_examples/list", async () => {
   expect(res.dev_package_examples.length).toBeGreaterThan(0)
 
   const example = res.dev_package_examples.find(
-    (e: any) => e.file_path === "examples/test-example.tsx"
+    (e: any) => e.file_path === "examples/test-example.tsx",
   )
   expect(example).toBeDefined()
   expect(example.export_name).toBe("default")

package/dev-server-api/tests/routes/dev_package_examples/update.test.ts

@@ -23,7 +23,7 @@ it("POST /api/dev_package_examples/update", async () => {
 
   expect(res.dev_package_example.completed_edit_events).toEqual([])
   expect(res.dev_package_example.edit_events_last_applied_at).toEqual(
-    "2023-01-01T00:00:00.000Z"
+    "2023-01-01T00:00:00.000Z",
   )
 
   const getRes = await axios.post("/api/dev_package_examples/get", {
@@ -33,6 +33,6 @@ it("POST /api/dev_package_examples/update", async () => {
   expect(getRes.status).toBe(200)
   expect(getRes.data.dev_package_example.completed_edit_events).toEqual([])
   expect(getRes.data.dev_package_example.edit_events_last_applied_at).toEqual(
-    "2023-01-01T00:00:00.000Z"
+    "2023-01-01T00:00:00.000Z",
   )
 })

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

@@ -16,13 +16,13 @@ it("GET /api/export_files/download", async () => {
 
   const downloadRes = await axios
     .get(
-      `/api/export_files/download?export_file_id=${res.export_file.export_file_id}`
+      `/api/export_files/download?export_file_id=${res.export_file.export_file_id}`,
     )
     .then((r) => r.data)
 
   // Convert downloadRes to base64 string
   const downloadResBase64 = Buffer.from(downloadRes, "binary").toString(
-    "base64"
+    "base64",
   )
 
   expect(downloadResBase64).toEqual(exampleBase64)

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

@@ -13,7 +13,7 @@ it("POST /api/export_requests/create", async () => {
   expect(res.status).toBe(200)
   expect(res.data.export_request).toBeDefined()
   expect(res.data.export_request.example_file_path).toBe(
-    "examples/test-example.tsx"
+    "examples/test-example.tsx",
   )
   expect(res.data.export_request.export_name).toBe("default")
   expect(res.data.export_request.export_parameters).toMatchObject({

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

@@ -22,7 +22,7 @@ it("GET /api/export_requests/get", async () => {
   expect(getRes.data.export_request).toBeDefined()
   expect(getRes.data.export_request.export_request_id).toBe(exportRequestId)
   expect(getRes.data.export_request.example_file_path).toBe(
-    "examples/test-example.tsx"
+    "examples/test-example.tsx",
   )
   expect(getRes.data.export_request.export_name).toBe("default")
   expect(getRes.data.export_request.export_parameters).toMatchObject({

package/dev-server-frontend/.eslintrc.cjs

@@ -2,19 +2,19 @@ module.exports = {
   root: true,
   env: { browser: true, es2020: true },
   extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:react-hooks/recommended',
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended",
   ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
-  parser: '@typescript-eslint/parser',
-  plugins: ['react-refresh'],
+  ignorePatterns: ["dist", ".eslintrc.cjs"],
+  parser: "@typescript-eslint/parser",
+  plugins: ["react-refresh"],
   rules: {
-    'react-refresh/only-export-components': [
-      'warn',
+    "react-refresh/only-export-components": [
+      "warn",
       { allowConstantExport: true },
     ],
-    '@typescript-eslint/no-unused-vars': 'off',
-    "@typescript-eslint/no-explicit-any": "off"
+    "@typescript-eslint/no-unused-vars": "off",
+    "@typescript-eslint/no-explicit-any": "off",
   },
 }

package/dev-server-frontend/components.json

@@ -14,4 +14,4 @@
     "components": "src/components",
     "utils": "src/lib/utils"
   }
-}
+}

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

@@ -64,8 +64,8 @@ export const ExampleContentView = () => {
         "relative",
         `h-[${editorHeight}px]`,
         viewMode === "split" &&
-        splitMode === "horizontal" &&
-        "grid grid-cols-2",
+          splitMode === "horizontal" &&
+          "grid grid-cols-2",
         viewMode === "split" && splitMode === "vertical" && "grid grid-rows-2",
       )}
     >

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

@@ -32,14 +32,9 @@ export const HeaderMenu = () => {
     s.setSplitMode,
   ])
 
-  const {
-    data,
-    isLoading,
-  } = useQuery(
+  const { data, isLoading } = useQuery(
     ["package_info"],
-    async () =>
-      axios
-        .get(`/api/package_info/get`),
+    async () => axios.get(`/api/package_info/get`),
     {
       refetchOnWindowFocus: true,
       retry: false,

package/dev-server-frontend/src/components/command-k.tsx

@@ -71,7 +71,7 @@ export const CommandK = () => {
                 onSelect={() =>
                   close() &&
                   store.setActiveDevExamplePackageId(
-                    ex.dev_package_example_id.toString()
+                    ex.dev_package_example_id.toString(),
                   )
                 }
               >

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

@@ -91,7 +91,7 @@ export const useGenericExportDialog = ({
                   } catch (e: any) {
                     console.error(e)
                     setExportError(
-                      `${e.toString()}\n\n${e.response?.data?.error?.message}`
+                      `${e.toString()}\n\n${e.response?.data?.error?.message}`,
                     )
                     setIsExporting(false)
                     return
@@ -106,13 +106,13 @@ export const useGenericExportDialog = ({
                 export_request.file_summary[0].export_file_id
               window.open(
                 `/api/export_files/download?export_file_id=${export_file_id}`,
-                "_blank"
+                "_blank",
               )
               setIsExporting(false)
             } catch (e: any) {
               console.error(e)
               setExportError(
-                `${e.toString()}\n\n${e.response?.data?.error?.message}`
+                `${e.toString()}\n\n${e.response?.data?.error?.message}`,
               )
               setIsExporting(false)
             }

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

@@ -67,7 +67,7 @@ export const useGerberExportDialog = () => {
                   } catch (e: any) {
                     console.error(e)
                     setExportError(
-                      `${e.toString()}\n\n${e.response?.data?.error?.message}`
+                      `${e.toString()}\n\n${e.response?.data?.error?.message}`,
                     )
                     setIsExporting(false)
                     return
@@ -86,14 +86,14 @@ export const useGerberExportDialog = () => {
 
               window.open(
                 `/api/export_files/download?export_file_id=${export_file_id}`,
-                "_blank"
+                "_blank",
               )
 
               setIsExporting(false)
             } catch (e: any) {
               console.error(e)
               setExportError(
-                `${e.toString()}\n\n${e.response?.data?.error?.message}`
+                `${e.toString()}\n\n${e.response?.data?.error?.message}`,
               )
               setIsExporting(false)
             }

package/dev-server-frontend/src/components/select-example-search.tsx

@@ -97,7 +97,7 @@ export const SelectExampleSearch = () => {
                   value={example.searchable_id}
                   onSelect={() => {
                     setActiveDevExamplePackageId(
-                      example.dev_package_example_id.toString()
+                      example.dev_package_example_id.toString(),
                     )
                     setOpen(false)
                   }}

package/dev-server-frontend/src/components/ui/alert-dialog.tsx

@@ -17,7 +17,7 @@ const AlertDialogOverlay = React.forwardRef<
   <AlertDialogPrimitive.Overlay
     className={cn(
       "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
+      className,
     )}
     {...props}
     ref={ref}
@@ -35,7 +35,7 @@ const AlertDialogContent = React.forwardRef<
       ref={ref}
       className={cn(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        className
+        className,
       )}
       {...props}
     />
@@ -50,7 +50,7 @@ const AlertDialogHeader = ({
   <div
     className={cn(
       "flex flex-col space-y-2 text-center sm:text-left",
-      className
+      className,
     )}
     {...props}
   />
@@ -64,7 +64,7 @@ const AlertDialogFooter = ({
   <div
     className={cn(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
+      className,
     )}
     {...props}
   />
@@ -117,7 +117,7 @@ const AlertDialogCancel = React.forwardRef<
     className={cn(
       buttonVariants({ variant: "outline" }),
       "mt-2 sm:mt-0",
-      className
+      className,
     )}
     {...props}
   />

package/dev-server-frontend/src/components/ui/alert.tsx

@@ -16,7 +16,7 @@ const alertVariants = cva(
     defaultVariants: {
       variant: "default",
     },
-  }
+  },
 )
 
 const Alert = React.forwardRef<

package/dev-server-frontend/src/components/ui/breadcrumb.tsx

@@ -20,7 +20,7 @@ const BreadcrumbList = React.forwardRef<
     ref={ref}
     className={cn(
       "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
-      className
+      className,
     )}
     {...props}
   />

package/dev-server-frontend/src/components/ui/button.tsx

@@ -31,7 +31,7 @@ const buttonVariants = cva(
       variant: "default",
       size: "default",
     },
-  }
+  },
 )
 
 export interface ButtonProps
@@ -50,7 +50,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
         {...props}
       />
     )
-  }
+  },
 )
 Button.displayName = "Button"