@tscircuit/cli 0.0.68 → 0.0.70

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

@@ -25,11 +25,13 @@
         "@tscircuit/builder": "latest",
         "@tscircuit/pcb-viewer": "^1.2.24",
         "@tscircuit/schematic-viewer": "^1.1.22",
+        "@tscircuit/table-viewer": "0.0.7",
         "axios": "^1.6.7",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.0",
         "cmdk": "^1.0.0",
         "react": "^18.2.0",
+        "react-data-grid": "^7.0.0-beta.37",
         "react-dom": "^18.2.0",
         "react-error-boundary": "^4.0.13",
         "react-hot-toast": "^2.4.1",
@@ -1927,11 +1929,10 @@
       }
     },
     "node_modules/@tscircuit/table-viewer": {
-      "version": "0.0.6",
-      "license": "ISC",
-      "peer": true,
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@tscircuit/table-viewer/-/table-viewer-0.0.7.tgz",
+      "integrity": "sha512-DhQetibJG5nOwmrA+gFHdNJPZvjPtM7wV8nB++oxkYsfHLhYblMUrUo2dlSvFoCVJLaOdUgIF7sPxNXqs+PG6Q==",
       "dependencies": {
-        "react-data-grid": "^7.0.0-beta.37",
         "react-json-tree": "^0.18.0"
       },
       "peerDependencies": {
@@ -1979,8 +1980,7 @@
     },
     "node_modules/@types/base16": {
       "version": "1.0.5",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@types/estree": {
       "version": "1.0.5",
@@ -1994,8 +1994,7 @@
     },
     "node_modules/@types/lodash": {
       "version": "4.17.0",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@types/prop-types": {
       "version": "15.7.11",
@@ -2409,8 +2408,7 @@
     },
     "node_modules/base16": {
       "version": "1.0.0",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/big-integer": {
       "version": "1.6.52",
@@ -2619,7 +2617,6 @@
     "node_modules/color": {
       "version": "3.2.1",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "color-convert": "^1.9.3",
         "color-string": "^1.6.0"
@@ -2642,7 +2639,6 @@
     "node_modules/color-string": {
       "version": "1.9.1",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "color-name": "^1.0.0",
         "simple-swizzle": "^0.2.2"
@@ -2651,15 +2647,13 @@
     "node_modules/color/node_modules/color-convert": {
       "version": "1.9.3",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "color-name": "1.1.3"
       }
     },
     "node_modules/color/node_modules/color-convert/node_modules/color-name": {
       "version": "1.1.3",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/combined-stream": {
       "version": "1.0.8",
@@ -3374,8 +3368,7 @@
     },
     "node_modules/is-arrayish": {
       "version": "0.3.2",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
@@ -3657,8 +3650,7 @@
     },
     "node_modules/lodash.curry": {
       "version": "4.1.1",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/lodash.foreach": {
       "version": "2.3.0",
@@ -4235,7 +4227,6 @@
     "node_modules/react-base16-styling": {
       "version": "0.9.1",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/runtime": "^7.16.7",
         "@types/base16": "^1.0.2",
@@ -4247,23 +4238,15 @@
       }
     },
     "node_modules/react-data-grid": {
-      "version": "7.0.0-canary.49",
-      "license": "MIT",
-      "peer": true,
+      "version": "7.0.0-beta.37",
+      "resolved": "https://registry.npmjs.org/react-data-grid/-/react-data-grid-7.0.0-beta.37.tgz",
+      "integrity": "sha512-84RMvjOAyHf+kAExf1nr0k+MORgbvb5prrXUjnP8VA/3gMcGpx5re53FvhOull8BGRdp42GvhCnbBSlelNLgUg==",
       "dependencies": {
-        "clsx": "^1.1.1"
+        "clsx": "^2.0.0"
       },
       "peerDependencies": {
-        "react": "^16.14 || ^17.0",
-        "react-dom": "^16.14 || ^17.0"
-      }
-    },
-    "node_modules/react-data-grid/node_modules/clsx": {
-      "version": "1.2.1",
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=6"
+        "react": "^18.0",
+        "react-dom": "^18.0"
       }
     },
     "node_modules/react-dom": {
@@ -4305,7 +4288,6 @@
     "node_modules/react-json-tree": {
       "version": "0.18.0",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/runtime": "^7.20.6",
         "@types/lodash": "^4.14.191",
@@ -4649,7 +4631,6 @@
     "node_modules/simple-swizzle": {
       "version": "0.2.2",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "is-arrayish": "^0.3.1"
       }

package/dev-server-frontend/package.json

@@ -33,11 +33,13 @@
     "@tscircuit/builder": "latest",
     "@tscircuit/pcb-viewer": "^1.2.24",
     "@tscircuit/schematic-viewer": "^1.1.22",
+    "@tscircuit/table-viewer": "0.0.8",
     "axios": "^1.6.7",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "cmdk": "^1.0.0",
     "react": "^18.2.0",
+    "react-data-grid": "7.0.0-beta.37",
     "react-dom": "^18.2.0",
     "react-error-boundary": "^4.0.13",
     "react-hot-toast": "^2.4.1",

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

@@ -5,6 +5,8 @@ import { Schematic } from "@tscircuit/schematic-viewer"
 import { PCBViewer } from "@tscircuit/pcb-viewer"
 import { cn } from "./lib/utils"
 import { ErrorBoundary } from "react-error-boundary"
+import { SoupTableViewer } from "@tscircuit/table-viewer"
+import "react-data-grid/lib/styles.css"
 
 export const ExampleContentView = () => {
   const devExamplePackageId = useGlobalStore(
@@ -74,7 +76,17 @@ export const ExampleContentView = () => {
           />
         </ErrorBoundary>
       )}
-      {pkg?.error && (
+      {pkg && viewMode === "soup" && (
+        <ErrorBoundary fallback={<div>Failed to render Soup</div>}>
+          <SoupTableViewer
+            key={`soup-${pkg?.last_updated_at}`}
+            height={itemHeight}
+            elements={pkg.tscircuit_soup}
+            appearance="dark"
+          />
+        </ErrorBoundary>
+      )}
+      {pkg?.error && viewMode !== "soup" && (
         <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}

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

@@ -118,6 +118,7 @@ export const HeaderMenu = () => {
               <MenubarRadioItem value="schematic">Schematic</MenubarRadioItem>
               <MenubarRadioItem value="pcb">PCB</MenubarRadioItem>
               <MenubarRadioItem value="split">Split View</MenubarRadioItem>
+              <MenubarRadioItem value="soup">Soup</MenubarRadioItem>
             </MenubarRadioGroup>
             <MenubarSeparator />
             <MenubarRadioGroup

package/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"
+  view_mode: "schematic" | "pcb" | "split" | "soup"
   split_mode: "horizontal" | "vertical"
   in_debug_mode: boolean