@tscircuit/cli 0.0.27 → 0.0.29

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

@@ -8,29 +8,36 @@ export default withEdgeSpec({
     file_path: z.string(),
     export_name: z.string().default("default"),
     tscircuit_soup: z.any(),
+    error: z.string().nullable().optional().default(null),
   }),
   jsonResponse: z.object({
     dev_package_example: z.object({
       dev_package_example_id: z.coerce.number(),
       file_path: z.string(),
       tscircuit_soup: z.any(),
+      error: z.string().nullable().optional(),
       last_updated_at: z.string().datetime(),
     }),
   }),
   auth: "none",
 })(async (req, ctx) => {
+  const tscircuit_soup = req.jsonBody.tscircuit_soup
+    ? JSON.stringify(req.jsonBody.tscircuit_soup)
+    : undefined
   const dev_package_example = await ctx.db
     .insertInto("dev_package_example")
     .values({
       file_path: req.jsonBody.file_path,
       export_name: req.jsonBody.export_name,
-      tscircuit_soup: JSON.stringify(req.jsonBody.tscircuit_soup),
+      error: req.jsonBody.error,
+      tscircuit_soup,
       last_updated_at: new Date().toISOString(),
     })
     .onConflict((oc) =>
       oc.columns(["file_path"]).doUpdateSet({
         export_name: req.jsonBody.export_name,
-        tscircuit_soup: JSON.stringify(req.jsonBody.tscircuit_soup),
+        error: req.jsonBody.error,
+        tscircuit_soup,
         last_updated_at: new Date().toISOString(),
       })
     )

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

@@ -12,6 +12,7 @@ export default withEdgeSpec({
       dev_package_example_id: z.coerce.number(),
       file_path: z.string(),
       tscircuit_soup: z.any(),
+      error: z.string().nullable().optional().default(null),
       last_updated_at: z.string().datetime(),
     }),
   }),

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

@@ -6,12 +6,14 @@ export default withEdgeSpec({
   methods: ["POST"],
   jsonBody: z.object({
     dev_package_example_id: z.coerce.number(),
-    tscircuit_soup: z.any(),
+    tscircuit_soup: z.any().optional(),
+    error: z.string().nullable().optional().default(null),
   }),
   jsonResponse: z.object({
     dev_package_example: z.object({
       dev_package_example_id: z.coerce.number(),
       tscircuit_soup: z.any(),
+      error: z.string().nullable().optional(),
       last_updated_at: z.string().datetime(),
     }),
   }),
@@ -22,6 +24,7 @@ export default withEdgeSpec({
       .updateTable("dev_package_example")
       .set({
         tscircuit_soup: req.jsonBody.tscircuit_soup,
+        error: req.jsonBody.error,
         last_updated_at: new Date().toISOString(),
       })
       .returningAll()

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

@@ -9,6 +9,7 @@ export const createSchema = async (db: DbClient) => {
     .addColumn("file_path", "text", (col) => col.unique())
     .addColumn("export_name", "text")
     .addColumn("tscircuit_soup", "json")
+    .addColumn("error", "text")
     .addColumn("last_updated_at", "text")
     .execute()
 }

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

@@ -8,6 +8,7 @@ interface DevPackageExample {
   tscircuit_soup: any
   file_path: string
   export_name: string
+  error: string | null
   last_updated_at: string
 }
 

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

@@ -28,11 +28,13 @@ export const ExampleContentView = () => {
 
   const itemHeight =
     viewMode === "split" && splitMode === "vertical" ? halfHeight : editorHeight
+  console.log(pkg)
 
   return (
     <div
       key={pkg?.last_updated_at}
       className={cn(
+        "relative",
         `h-[${editorHeight}px]`,
         viewMode === "split" &&
           splitMode === "horizontal" &&
@@ -55,6 +57,13 @@ export const ExampleContentView = () => {
           soup={pkg.tscircuit_soup}
         />
       )}
+      {pkg?.error && (
+        <div className="absolute top-0 w-full">
+          <div className="bg-red-50 shadow-lg p-4 m-16 border-red-200 border rounded-lg whitespace-pre">
+            {pkg?.error}
+          </div>
+        </div>
+      )}
     </div>
   )
 }

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

@@ -15,6 +15,7 @@ import {
 } from "src/components/ui/menubar"
 import toast from "react-hot-toast"
 import { useGlobalStore } from "./hooks/use-global-store"
+import packageJson from "../package.json"
 
 export const HeaderMenu = () => {
   const [viewMode, setViewMode] = useGlobalStore((s) => [
@@ -181,6 +182,21 @@ export const HeaderMenu = () => {
           >
             Changelog
           </MenubarItem>
+          <MenubarSeparator />
+          <MenubarItem disabled>
+            @tscircuit/schematic-viewer v
+            {packageJson.dependencies["@tscircuit/schematic-viewer"].replace(
+              /\^/g,
+              ""
+            )}
+          </MenubarItem>
+          <MenubarItem disabled>
+            @tscircuit/pcb-viewer v
+            {packageJson.dependencies["@tscircuit/pcb-viewer"].replace(
+              /\^/g,
+              ""
+            )}
+          </MenubarItem>
         </MenubarContent>
       </MenubarMenu>
     </Menubar>