@tscircuit/runframe 0.0.10 → 0.0.12

package/.github/workflows/bun-formatcheck.yml

@@ -1,26 +0,0 @@
-# Created using @tscircuit/plop (npm install -g @tscircuit/plop)
-name: Format Check
-
-on:
-  push:
-    branches: [main]
-  pull_request:
-    branches: [main]
-
-jobs:
-  format-check:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v3
-
-      - name: Setup bun
-        uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: latest
-
-      - name: Install dependencies
-        run: bun install
-
-      - name: Run format check
-        run: bun run format:check

package/.github/workflows/bun-pver-release.yml

@@ -1,25 +0,0 @@
-# Created using @tscircuit/plop (npm install -g @tscircuit/plop)
-name: Publish to npm
-on:
-  push:
-    branches:
-      - main
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - name: Setup bun
-        uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: latest
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 20
-          registry-url: https://registry.npmjs.org/
-      - run: npm install -g pver
-      - run: bun install --frozen-lockfile
-      - run: bun run build
-      - run: pver release
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.github/workflows/bun-typecheck.yml

@@ -1,26 +0,0 @@
-# Created using @tscircuit/plop (npm install -g @tscircuit/plop)
-name: Type Check
-
-on:
-  push:
-    branches: [main]
-  pull_request:
-    branches: [main]
-
-jobs:
-  type-check:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v3
-
-      - name: Setup bun
-        uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: latest
-
-      - name: Install dependencies
-        run: bun i
-
-      - name: Run type check
-        run: bunx tsc --noEmit

package/biome.json

@@ -1,57 +0,0 @@
-{
-  "$schema": "https://biomejs.dev/schemas/1.9.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",
-        "noArrayIndexKey": "off"
-      },
-      "complexity": {
-        "noForEach": "info"
-      },
-      "correctness": {
-        "useExhaustiveDependencies": "off"
-      },
-      "a11y": {
-        "useKeyWithClickEvents": "off"
-      },
-      "style": {
-        "noUselessElse": "off",
-        "noNonNullAssertion": "off",
-        "useNumberNamespace": "off",
-        "noUnusedTemplateLiteral": "off",
-        "useFilenamingConvention": {
-          "level": "error",
-          "options": {
-            "strictCase": true,
-            "requireAscii": true,
-            "filenameCases": ["kebab-case", "export"]
-          }
-        }
-      }
-    }
-  }
-}

package/cosmos.config.json

@@ -1,3 +0,0 @@
-{
-  "plugins": ["react-cosmos-plugin-vite"]
-}

package/cosmos.decorator.tsx

@@ -1,3 +0,0 @@
-export default ({ children }: { children: React.ReactNode }) => {
-  return <div style={{ width: "100vw", height: "100vh" }}>{children}</div>
-}

package/examples/resistor.fixture.tsx

@@ -1,12 +0,0 @@
-import { CircuitJsonPreview } from "lib/components/CircuitJsonPreview"
-import { renderToCircuitJson } from "lib/dev/render-to-circuit-json"
-
-export default () => (
-  <CircuitJsonPreview
-    circuitJson={renderToCircuitJson(
-      <board width="10mm" height="10mm">
-        <resistor name="R1" resistance="1k" footprint="0402" />
-      </board>,
-    )}
-  />
-)

package/examples/runframe-with-api-1.fixture.tsx

@@ -1,41 +0,0 @@
-import { RunFrameWithApi } from "lib/components/RunFrameWithApi"
-import { useState, useEffect } from "react"
-
-export default () => {
-  useEffect(() => {
-    setTimeout(async () => {
-      fetch("/api/files/upsert", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          file_path: "main.tsx",
-          text_content: `
-circuit.add(
-<board width="10mm" height="10mm">
-  <resistor name="R1" resistance="1k" footprint="0402" />
-  <capacitor name="C1" capacitance="1uF" footprint="0603" pcbX={4} />
-  <trace from=".R1 .pin1" to=".C1 .pin1" />
-</board>
-)`,
-        }),
-      })
-    }, 500)
-  }, [])
-
-  if (
-    typeof window !== "undefined" &&
-    window.location.origin.includes("vercel.app")
-  ) {
-    return (
-      <div>
-        <h1>RunFrame with API</h1>
-        <p>
-          We don't currently deploy the API to vercel, try locally! The vite
-          plugin will automatically load it.
-        </p>
-      </div>
-    )
-  }
-
-  return <RunFrameWithApi />
-}

package/examples/runframe1-basic.fixture.tsx

@@ -1,19 +0,0 @@
-import { RunFrame } from "lib/components/RunFrame"
-import React from "react"
-
-export default () => (
-  <RunFrame
-    fsMap={{
-      "main.tsx": `
-circuit.add(
-<board width="10mm" height="10mm">
-  <resistor name="R1" resistance="1k" footprint="0402" />
-  <capacitor name="C1" capacitance="1uF" footprint="0603" pcbX={4} />
-  <trace from=".R1 .pin1" to=".C1 .pin1" />
-</board>
-)
-`,
-    }}
-    entrypoint="main.tsx"
-  />
-)

package/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>@tscircuit/runframe</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/lib/components/BomTable.tsx

@@ -1,69 +0,0 @@
-import type { SupplierName } from "@tscircuit/props"
-import type { AnyCircuitElement } from "circuit-json"
-
-interface BomTableProps {
-  circuitJson: AnyCircuitElement[]
-}
-
-export const linkify = (supplier: string, partNumber: string) => {
-  if (supplier === "jlcpcb") {
-    return (
-      <a
-        className="underline text-blue-500"
-        target="_blank"
-        rel="noreferrer"
-        href={`https://jlcpcb.com/partdetail/${partNumber}`}
-      >
-        {partNumber}
-      </a>
-    )
-  }
-  return partNumber
-}
-
-export const BomTable: React.FC<BomTableProps> = ({ circuitJson }) => {
-  const sourceComponents = circuitJson.filter(
-    (el) => el.type === "source_component",
-  )
-
-  const supplierColumns = new Set<SupplierName>()
-  for (const comp of sourceComponents) {
-    if (comp.supplier_part_numbers) {
-      for (const supplier of Object.keys(comp.supplier_part_numbers)) {
-        supplierColumns.add(supplier as SupplierName)
-      }
-    }
-  }
-
-  return (
-    <div className="overflow-x-auto">
-      <table className="w-full text-left text-sm">
-        <thead>
-          <tr className="border-b">
-            <th className="p-2">Name</th>
-            {Array.from(supplierColumns).map((supplier) => (
-              <th key={supplier} className="p-2 capitalize">
-                {supplier}
-              </th>
-            ))}
-          </tr>
-        </thead>
-        <tbody>
-          {sourceComponents.map((comp) => (
-            <tr key={comp.source_component_id} className="border-b">
-              <td className="p-2">{comp.name}</td>
-              {Array.from(supplierColumns).map((supplier) => (
-                <td key={supplier} className="p-2">
-                  {linkify(
-                    supplier,
-                    comp.supplier_part_numbers?.[supplier]?.[0] || "",
-                  )}
-                </td>
-              ))}
-            </tr>
-          ))}
-        </tbody>
-      </table>
-    </div>
-  )
-}

package/lib/components/CircuitJsonPreview.tsx

@@ -1,348 +0,0 @@
-import {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-} from "lib/components/ui/tabs"
-import { cn } from "lib/utils"
-import { applyPcbEditEvents } from "lib/utils/pcbManualEditEventHandler"
-import { CadViewer } from "@tscircuit/3d-viewer"
-import { PCBViewer } from "@tscircuit/pcb-viewer"
-import { useEffect, useState } from "react"
-import { ErrorFallback } from "./ErrorFallback"
-import { ErrorBoundary } from "react-error-boundary"
-import { ErrorTabContent } from "./ErrorTabContent"
-import { SchematicViewer } from "@tscircuit/schematic-viewer"
-import PreviewEmptyState from "./PreviewEmptyState"
-import { CircuitJsonTableViewer } from "./CircuitJsonTableViewer/CircuitJsonTableViewer"
-import { BomTable } from "./BomTable"
-import {
-  CheckIcon,
-  EllipsisIcon,
-  EllipsisVerticalIcon,
-  FullscreenIcon,
-  MinimizeIcon,
-} from "lucide-react"
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "./ui/dropdown-menu"
-import { Button } from "./ui/button"
-import { PcbViewerWithContainerHeight } from "./PcbViewerWithContainerHeight"
-import { useStyles } from "lib/hooks/use-styles"
-
-export interface PreviewContentProps {
-  code?: string
-  readOnly?: boolean
-  onRunClicked?: () => void
-  tsxRunTriggerCount?: number
-  errorMessage?: string | null
-  circuitJson: any
-  circuitJsonKey?: string
-  className?: string
-  showCodeTab?: boolean
-  codeTabContent?: React.ReactNode
-  showJsonTab?: boolean
-  showImportAndFormatButtons?: boolean
-  headerClassName?: string
-  leftHeaderContent?: React.ReactNode
-  isRunningCode?: boolean
-  isStreaming?: boolean
-  onToggleFullScreen?: () => void
-  isFullScreen?: boolean
-  onCodeChange?: (code: string) => void
-  onDtsChange?: (dts: string) => void
-  manualEditsFileContent?: string
-  hasCodeChangedSinceLastRun?: boolean
-  onManualEditsFileContentChange?: (newmanualEditsFileContent: string) => void
-}
-
-export const CircuitJsonPreview = ({
-  code,
-  onRunClicked = () => {},
-  tsxRunTriggerCount,
-  errorMessage,
-  circuitJsonKey = "",
-  circuitJson,
-  showCodeTab = false,
-  codeTabContent,
-  showJsonTab = true,
-  showImportAndFormatButtons = true,
-  className,
-  headerClassName,
-  leftHeaderContent,
-  readOnly,
-  isStreaming,
-  onToggleFullScreen,
-  isFullScreen,
-  isRunningCode,
-  hasCodeChangedSinceLastRun,
-  onCodeChange,
-  onDtsChange,
-  manualEditsFileContent,
-  onManualEditsFileContentChange,
-}: PreviewContentProps) => {
-  useStyles()
-  const [activeTab, setActiveTab] = useState(showCodeTab ? "code" : "pcb")
-
-  useEffect(() => {
-    if (errorMessage) {
-      setActiveTab("error")
-    }
-  }, [errorMessage])
-
-  useEffect(() => {
-    if (activeTab === "code" && circuitJson && !errorMessage) {
-      setActiveTab("pcb")
-    }
-  }, [circuitJson])
-
-  return (
-    <div className={cn("flex flex-col relative", className)}>
-      <div className="md:sticky md:top-2">
-        <Tabs
-          value={activeTab}
-          onValueChange={setActiveTab}
-          className="flex-grow flex flex-col p-2"
-        >
-          <div className={cn("flex items-center gap-2", headerClassName)}>
-            {leftHeaderContent}
-            {leftHeaderContent && <div className="flex-grow" />}
-            {/* <RunButton
-              onClick={() => triggerRunTsx()}
-              disabled={!hasCodeChangedSinceLastRun && tsxRunTriggerCount !== 0}
-              isRunningCode={isRunningCode}
-            /> */}
-            {!leftHeaderContent && <div className="flex-grow" />}
-            <TabsList>
-              {showCodeTab && <TabsTrigger value="code">Code</TabsTrigger>}
-              <TabsTrigger value="pcb" className="whitespace-nowrap">
-                {circuitJson && (
-                  <span
-                    className={cn(
-                      "inline-flex items-center justify-center w-2 h-2 mr-1 text-xs font-bold text-white rounded-full",
-                      !hasCodeChangedSinceLastRun
-                        ? "bg-blue-500"
-                        : "bg-gray-500",
-                    )}
-                  />
-                )}
-                PCB
-              </TabsTrigger>
-              <TabsTrigger value="schematic" className="whitespace-nowrap">
-                {circuitJson && (
-                  <span
-                    className={cn(
-                      "inline-flex items-center justify-center w-2 h-2 mr-1 text-xs font-bold text-white rounded-full",
-                      !hasCodeChangedSinceLastRun
-                        ? "bg-blue-500"
-                        : "bg-gray-500",
-                    )}
-                  />
-                )}
-                Schematic
-              </TabsTrigger>
-              <TabsTrigger value="cad">
-                {circuitJson && (
-                  <span
-                    className={cn(
-                      "inline-flex items-center justify-center w-2 h-2 mr-1 text-xs font-bold text-white rounded-full",
-                      !hasCodeChangedSinceLastRun
-                        ? "bg-blue-500"
-                        : "bg-gray-500",
-                    )}
-                  />
-                )}
-                3D
-              </TabsTrigger>
-              <DropdownMenu>
-                <DropdownMenuTrigger asChild>
-                  <div className="whitespace-nowrap p-2 mr-1 cursor-pointer relative">
-                    <EllipsisIcon className="w-4 h-4" />
-                    {errorMessage && (
-                      <span className="inline-flex absolute top-[6px] right-[4px] items-center justify-center w-1 h-1 ml-2 text-[8px] font-bold text-white bg-red-500 rounded-full" />
-                    )}
-                  </div>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent className="*:text-xs">
-                  <DropdownMenuItem
-                    onSelect={() => setActiveTab("error")}
-                    className="flex"
-                  >
-                    <CheckIcon
-                      className={cn(
-                        "w-3 h-3 mr-2",
-                        activeTab !== "error" && "invisible",
-                      )}
-                    />
-                    <div className="flex-grow">Errors</div>
-                    {errorMessage && (
-                      <span className="inline-flex items-center justify-center w-3 h-3 ml-2 text-[8px] font-bold text-white bg-red-500 rounded-full">
-                        1
-                      </span>
-                    )}
-                  </DropdownMenuItem>
-                  <DropdownMenuItem onSelect={() => setActiveTab("bom")}>
-                    <CheckIcon
-                      className={cn(
-                        "w-3 h-3 mr-2",
-                        activeTab !== "bom" && "invisible",
-                      )}
-                    />
-                    Bill of Materials
-                  </DropdownMenuItem>
-                  <DropdownMenuItem
-                    onSelect={() => setActiveTab("circuitjson")}
-                  >
-                    <CheckIcon
-                      className={cn(
-                        "w-3 h-3 mr-2",
-                        activeTab !== "circuitjson" && "invisible",
-                      )}
-                    />
-                    JSON
-                  </DropdownMenuItem>
-                </DropdownMenuContent>
-              </DropdownMenu>
-            </TabsList>
-            {onToggleFullScreen && (
-              <Button onClick={onToggleFullScreen} variant="ghost">
-                {isFullScreen ? (
-                  <MinimizeIcon size={16} />
-                ) : (
-                  <FullscreenIcon size={16} />
-                )}
-              </Button>
-            )}
-          </div>
-          {showCodeTab && (
-            <TabsContent value="code" className="flex-grow overflow-hidden">
-              <div className="h-full">{codeTabContent}</div>
-            </TabsContent>
-          )}
-
-          <TabsContent value="pcb">
-            <div
-              className={cn(
-                "overflow-hidden",
-                isFullScreen ? "h-[calc(100vh-96px)]" : "h-[620px]",
-              )}
-            >
-              <ErrorBoundary fallback={<div>Error loading PCB viewer</div>}>
-                {circuitJson ? (
-                  <PcbViewerWithContainerHeight
-                    key={circuitJsonKey}
-                    soup={circuitJson}
-                    containerClassName={cn(
-                      "h-full w-full",
-                      isFullScreen
-                        ? "min-h-[calc(100vh-240px)]"
-                        : "min-h-[620px]",
-                    )}
-                    // onEditEventsChanged={(editEvents) => {
-                    //   if (editEvents.some((editEvent) => editEvent.in_progress))
-                    //     return
-                    //   // Update state with new edit events
-                    //   const newManualEditsFileContent = applyPcbEditEvents({
-                    //     editEvents,
-                    //     circuitJson,
-                    //     manualEditsFileContent,
-                    //   })
-                    //   onManualEditsFileContentChange?.(
-                    //     JSON.stringify(newManualEditsFileContent, null, 2),
-                    //   )
-                    // }}
-                  />
-                ) : (
-                  <PreviewEmptyState onRunClicked={onRunClicked} />
-                )}
-              </ErrorBoundary>
-            </div>
-          </TabsContent>
-
-          <TabsContent value="schematic">
-            <div
-              className={cn(
-                "overflow-auto",
-                isFullScreen ? "h-[calc(100vh-96px)]" : "h-[620px]",
-              )}
-            >
-              <ErrorBoundary fallback={<div>Error loading Schematic</div>}>
-                {circuitJson ? (
-                  <SchematicViewer
-                    circuitJson={circuitJson}
-                    containerStyle={{
-                      height: "100%",
-                    }}
-                  />
-                ) : (
-                  <PreviewEmptyState onRunClicked={onRunClicked} />
-                )}
-              </ErrorBoundary>
-            </div>
-          </TabsContent>
-
-          <TabsContent value="cad">
-            <div
-              className={cn(
-                "overflow-auto",
-                isFullScreen ? "h-[calc(100vh-96px)]" : "h-[620px]",
-              )}
-            >
-              <ErrorBoundary FallbackComponent={ErrorFallback}>
-                {circuitJson ? (
-                  <CadViewer soup={circuitJson as any} />
-                ) : (
-                  <PreviewEmptyState onRunClicked={onRunClicked} />
-                )}
-              </ErrorBoundary>
-            </div>
-          </TabsContent>
-
-          <TabsContent value="bom">
-            <div
-              className={cn(
-                "overflow-auto",
-                isFullScreen ? "h-[calc(100vh-96px)]" : "h-[620px]",
-              )}
-            >
-              <ErrorBoundary fallback={<div>Error loading BOM</div>}>
-                {circuitJson ? (
-                  <BomTable circuitJson={circuitJson} />
-                ) : (
-                  <PreviewEmptyState onRunClicked={onRunClicked} />
-                )}
-              </ErrorBoundary>
-            </div>
-          </TabsContent>
-
-          <TabsContent value="circuitjson">
-            <div
-              className={cn(
-                "overflow-auto",
-                isFullScreen ? "h-[calc(100vh-96px)]" : "h-[620px]",
-              )}
-            >
-              <ErrorBoundary fallback={<div>Error loading JSON viewer</div>}>
-                {circuitJson ? (
-                  <CircuitJsonTableViewer elements={circuitJson as any} />
-                ) : (
-                  <PreviewEmptyState onRunClicked={onRunClicked} />
-                )}
-              </ErrorBoundary>
-            </div>
-          </TabsContent>
-          <TabsContent value="error">
-            {circuitJson || errorMessage ? (
-              <ErrorTabContent code={code} errorMessage={errorMessage} />
-            ) : (
-              <PreviewEmptyState onRunClicked={onRunClicked} />
-            )}
-          </TabsContent>
-        </Tabs>
-      </div>
-    </div>
-  )
-}