@tscircuit/cli 0.0.393 → 0.1.1

package/frontend/views/HeaderMenu.tsx

@@ -1,326 +0,0 @@
-import axios from "axios"
-import { useState } from "react"
-import toast from "react-hot-toast"
-import { useQuery } from "react-query"
-import {
-  Menubar,
-  MenubarCheckboxItem,
-  MenubarContent,
-  MenubarItem,
-  MenubarMenu,
-  MenubarRadioGroup,
-  MenubarRadioItem,
-  MenubarSeparator,
-  MenubarSub,
-  MenubarSubContent,
-  MenubarSubTrigger,
-  MenubarTrigger,
-} from "frontend/components/ui/menubar"
-import cliPackageJson from "../../package.json"
-import { useGenericExportDialog } from "frontend/components/dialogs/generic-export-dialog"
-import { useGerberExportDialog } from "frontend/components/dialogs/gerber-export-dialog"
-import { useGlobalStore } from "frontend/hooks/use-global-store"
-
-const DEBUG_URL = "https://debug.tscircuit.com"
-
-export const HeaderMenu = () => {
-  const [viewMode, setViewMode] = useGlobalStore((s) => [
-    s.view_mode,
-    s.setViewMode,
-  ])
-  const [splitMode, setSplitMode] = useGlobalStore((s) => [
-    s.split_mode,
-    s.setSplitMode,
-  ])
-  const devExamplePackageId = useGlobalStore(
-    (s) => s.active_dev_example_package_id,
-  )
-
-  const { data, isLoading } = useQuery(
-    ["package_info"],
-    async () => axios.get("/api/package_info/get"),
-    {
-      refetchOnWindowFocus: true,
-      retry: false,
-    },
-  )
-
-  const name = data?.data.package_info.name
-
-  const [inDebugMode, setInDebugMode] = useState(false)
-  const gerberExportDialog = useGerberExportDialog()
-  const pnpExportDialog = useGenericExportDialog({
-    dialogTitle: "Export Pick'n'Place",
-    dialogDescription:
-      "Export the Pick'n'Place CSV for this example export. You can upload this to an assembler (PCBA) to tell their machines where to place each component.",
-    exportFileName: "pnp.csv",
-    exportParameters: {
-      should_export_pnp_csv: true,
-    },
-  })
-  const bomExportDialog = useGenericExportDialog({
-    dialogTitle: "Export Bill of Materials",
-    dialogDescription:
-      "Export the Bill of Materials CSV for this example export. You can upload this to an assembler (PCBA) so they know how to source each component.",
-    exportFileName: "bom.csv",
-    exportParameters: {
-      should_export_bom_csv: true,
-    },
-  })
-  const soupExportDialog = useGenericExportDialog({
-    dialogTitle: "Export tscircuit Soup",
-    dialogDescription:
-      "Export the tscircuit soup for this example export. This is an internal compiled JSON representation of your circuit.",
-    exportFileName: "soup.json",
-    exportParameters: {
-      should_export_soup_json: true,
-    },
-  })
-
-  const kicadPcbExportDialog = useGenericExportDialog({
-    dialogTitle: "Export KiCad PCB",
-    dialogDescription:
-      "Export the circuit as a KiCad PCB file. This can be opened and edited in KiCad.",
-    exportFileName: "kicad_pcb",
-    fileExtension: ".kicad_pcb",
-    exportParameters: {
-      should_export_kicad_pcb: true,
-    },
-  })
-
-  const handleDebugClick = async () => {
-    const soupData = await axios
-      .post("/api/dev_package_examples/get", {
-        dev_package_example_id: devExamplePackageId,
-      })
-      .then((r) => r.data.dev_package_example.tscircuit_soup)
-
-    // logSoup module is giving cors error
-    await axios.post(
-      `${DEBUG_URL}/api/soup_group/add_soup`,
-      {
-        soup_group_name: name,
-        soup_name: name,
-        username: "tmp",
-        content: {
-          elements: soupData,
-        },
-      },
-      {
-        headers: {
-          "Access-Control-Allow-Origin": "*",
-          "Content-Type": "application/json",
-        },
-      },
-    )
-  }
-
-  return (
-    <>
-      <Menubar className="border-none shadow-none">
-        <MenubarMenu>
-          <MenubarTrigger>File</MenubarTrigger>
-          <MenubarContent className="z-[200]">
-            <MenubarItem disabled>{name}</MenubarItem>
-            <MenubarSeparator />
-            <MenubarItem
-              onSelect={() => {
-                toast.error("Not yet implemented!")
-              }}
-            >
-              New Circuit
-            </MenubarItem>
-            <MenubarItem
-              onSelect={() => {
-                handleDebugClick()
-              }}
-            >
-              Debug
-            </MenubarItem>
-            <MenubarSeparator />
-            <MenubarSub>
-              <MenubarSubTrigger>Export</MenubarSubTrigger>
-              <MenubarSubContent>
-                <MenubarItem onSelect={() => gerberExportDialog.openDialog()}>
-                  Gerbers
-                </MenubarItem>
-                <MenubarItem onSelect={() => pnpExportDialog.openDialog()}>
-                  Pick'n'Place CSV
-                </MenubarItem>
-                <MenubarItem onSelect={() => bomExportDialog.openDialog()}>
-                  Bill of Materials CSV
-                </MenubarItem>
-                <MenubarItem
-                  onSelect={() => {
-                    toast.error("Not yet implemented!")
-                  }}
-                >
-                  Netlist
-                </MenubarItem>
-                <MenubarItem
-                  onSelect={() => {
-                    toast.error("Not yet implemented!")
-                  }}
-                >
-                  Schematic (PDF)
-                </MenubarItem>
-                <MenubarItem onSelect={() => soupExportDialog.openDialog()}>
-                  Circuit JSON
-                </MenubarItem>
-                <MenubarItem onSelect={() => kicadPcbExportDialog.openDialog()}>
-                  KiCad PCB
-                </MenubarItem>
-              </MenubarSubContent>
-            </MenubarSub>
-          </MenubarContent>
-        </MenubarMenu>
-        <MenubarMenu>
-          <MenubarTrigger>View</MenubarTrigger>
-          <MenubarContent className="z-[200]">
-            <MenubarRadioGroup
-              value={viewMode}
-              onValueChange={(v) => setViewMode(v as any)}
-            >
-              <MenubarRadioItem value="schematic">Schematic</MenubarRadioItem>
-              <MenubarRadioItem value="pcb">PCB</MenubarRadioItem>
-              <MenubarRadioItem value="split">Split View</MenubarRadioItem>
-              <MenubarRadioItem value="soup">Soup</MenubarRadioItem>
-            </MenubarRadioGroup>
-            <MenubarSeparator />
-            <MenubarRadioGroup
-              value={viewMode === "split" ? splitMode : "neither"}
-              onValueChange={(v) => setSplitMode(v as any)}
-            >
-              <MenubarRadioItem
-                disabled={viewMode !== "split"}
-                value="horizontal"
-              >
-                Horizontal Split
-              </MenubarRadioItem>
-              <MenubarRadioItem
-                disabled={viewMode !== "split"}
-                value="vertical"
-              >
-                Vertical Split
-              </MenubarRadioItem>
-            </MenubarRadioGroup>
-            <MenubarSeparator />
-            <MenubarCheckboxItem
-              checked={inDebugMode}
-              onSelect={() => setInDebugMode(!inDebugMode)}
-            >
-              Debug Mode
-            </MenubarCheckboxItem>
-          </MenubarContent>
-        </MenubarMenu>
-        <MenubarMenu>
-          <MenubarTrigger>Package</MenubarTrigger>
-          <MenubarContent className="z-[200]">
-            <MenubarItem disabled>{name}</MenubarItem>
-            <MenubarSeparator />
-            <MenubarCheckboxItem
-              checked
-              onSelect={() => toast.error("Not yet implemented!")}
-            >
-              Published
-            </MenubarCheckboxItem>
-            <MenubarCheckboxItem
-              onSelect={() => toast.error("Not yet implemented!")}
-            >
-              Locked
-            </MenubarCheckboxItem>
-            <MenubarItem onSelect={() => toast.error("Not yet implemented!")}>
-              Publish New Version
-            </MenubarItem>
-            <MenubarSeparator />
-            <MenubarItem
-              onSelect={() => {
-                toast.error("Not yet implemented!")
-                // window.open(`https://registry.tscircuit.com/${}`)
-              }}
-            >
-              View on Registry
-            </MenubarItem>
-            <MenubarItem
-              onSelect={() => {
-                toast.error("Not yet implemented!")
-                // window.open(`https://registry.tscircuit.com/${}`)
-              }}
-            >
-              Edit Registry Settings
-            </MenubarItem>
-          </MenubarContent>
-        </MenubarMenu>
-        <MenubarMenu>
-          <MenubarTrigger>About</MenubarTrigger>
-          <MenubarContent className="z-[200]">
-            <MenubarItem
-              onSelect={() => {
-                window.open("https://github.com/tscircuit/tscircuit", "_blank")
-              }}
-            >
-              Github
-            </MenubarItem>
-            <MenubarItem
-              onSelect={() => {
-                toast.error("Not yet implemented!")
-              }}
-            >
-              Tutorials
-            </MenubarItem>
-            <MenubarItem
-              onSelect={() => {
-                toast.error("Not yet implemented!")
-              }}
-            >
-              tscircuit.com
-            </MenubarItem>
-            <MenubarItem
-              onSelect={() => {
-                toast.error("Not yet implemented!")
-              }}
-            >
-              registry.tscircuit.com
-            </MenubarItem>
-            <MenubarItem
-              onSelect={() => {
-                window.open("https://tscircuit.com/changelog", "_blank")
-              }}
-            >
-              Changelog
-            </MenubarItem>
-            <MenubarSeparator />
-            <MenubarItem disabled>
-              @tscircuit/cli v{cliPackageJson.version}
-            </MenubarItem>
-            <MenubarItem disabled>
-              @tscircuit/core v
-              {cliPackageJson.dependencies?.["@tscircuit/core"]?.replace(
-                /\^/g,
-                "",
-              )}
-            </MenubarItem>
-            <MenubarItem disabled>
-              @tscircuit/schematic-viewer v
-              {cliPackageJson.devDependencies[
-                "@tscircuit/schematic-viewer"
-              ].replace(/\^/g, "")}
-            </MenubarItem>
-            <MenubarItem disabled>
-              @tscircuit/pcb-viewer v
-              {cliPackageJson.devDependencies["@tscircuit/pcb-viewer"].replace(
-                /\^/g,
-                "",
-              )}
-            </MenubarItem>
-          </MenubarContent>
-        </MenubarMenu>
-      </Menubar>
-      <gerberExportDialog.Component />
-      <pnpExportDialog.Component />
-      <bomExportDialog.Component />
-      <soupExportDialog.Component />
-      <kicadPcbExportDialog.Component />
-    </>
-  )
-}

package/frontend/views/MainContentView.tsx

@@ -1,172 +0,0 @@
-import { useQuery } from "react-query"
-import { useGlobalStore } from "frontend/hooks/use-global-store"
-import axios from "axios"
-import { Schematic } from "@tscircuit/schematic-viewer"
-import { PCBViewer } from "@tscircuit/pcb-viewer"
-import { cn } from "frontend/lib/utils"
-import { ErrorBoundary } from "react-error-boundary"
-import { SoupTableViewer } from "@tscircuit/table-viewer"
-import "react-data-grid/lib/styles.css"
-import { useEffect, useRef, useState } from "react"
-import type { EditEvent } from "@tscircuit/pcb-viewer"
-import { CadViewer } from "@tscircuit/3d-viewer"
-import type { PcbHole, PcbSmtPad, PcbCircuitElement } from "circuit-json"
-
-export const MainContentView = () => {
-  const devExamplePackageId = useGlobalStore(
-    (s) => s.active_dev_example_package_id,
-  )
-
-  const {
-    data: pkg,
-    error,
-    isError,
-    isLoading,
-  } = useQuery(
-    ["dev_package_example", devExamplePackageId],
-    async () =>
-      axios
-        .post(`/api/dev_package_examples/get`, {
-          dev_package_example_id: devExamplePackageId,
-        })
-        .then((r) => r.data.dev_package_example),
-    {
-      refetchInterval: 5_000,
-      refetchIntervalInBackground: true,
-      refetchOnWindowFocus: true,
-      retry: false,
-    },
-  )
-
-  const sentEditEvents = useRef<Record<string, boolean>>({})
-
-  const notFound = (error as any)?.response?.status === 404
-
-  const viewMode = useGlobalStore((s) => s.view_mode)
-  const splitMode = useGlobalStore((s) => s.split_mode)
-  // eslint-disable-next-line prefer-const
-  let [editEvents, setEditEvents] = useState<EditEvent[]>([])
-
-  editEvents = editEvents.filter(
-    (ee) =>
-      ee.created_at > new Date(pkg?.edit_events_last_applied_at).valueOf(),
-  )
-
-  const editorHeight = window.innerHeight - 52
-  const halfHeight = Math.floor(editorHeight / 2)
-
-  const itemHeight =
-    viewMode === "split" && splitMode === "vertical" ? halfHeight : editorHeight
-
-  return (
-    <div
-      key={pkg?.soup_last_updated_at}
-      className={cn(
-        "relative",
-        `h-[${editorHeight}px]`,
-        viewMode === "split" &&
-          splitMode === "horizontal" &&
-          "grid grid-cols-2",
-        viewMode === "split" && splitMode === "vertical" && "grid grid-rows-2",
-      )}
-    >
-      {pkg && (viewMode === "schematic" || viewMode === "split") && (
-        <ErrorBoundary fallback={<div>Failed to render Schematic</div>}>
-          <Schematic
-            key={`sch-${pkg?.dev_package_example_id}-${pkg?.soup_last_updated_at}`}
-            style={{ height: itemHeight }}
-            soup={pkg.tscircuit_soup}
-            showTable={false}
-          />
-        </ErrorBoundary>
-      )}
-      {pkg && (viewMode === "pcb" || viewMode === "split") && (
-        <ErrorBoundary fallback={<div>Failed to render PCB</div>}>
-          <PCBViewer
-            key={`pcb-${pkg?.dev_package_example_id}`}
-            height={itemHeight}
-            allowEditing
-            editEvents={editEvents}
-            onEditEventsChanged={(changedEditEvents) => {
-              // Look for any edit events that have not been sent to the server
-              // and send them, then mark them as sent
-              let hasUnsentEditEvents = false
-              for (const editEvent of changedEditEvents) {
-                if (
-                  !editEvent.in_progress &&
-                  !sentEditEvents.current[editEvent.edit_event_id]
-                ) {
-                  hasUnsentEditEvents = true
-                  sentEditEvents.current[editEvent.edit_event_id] = true
-                }
-              }
-              if (hasUnsentEditEvents) {
-                axios.post(`/api/dev_package_examples/update`, {
-                  dev_package_example_id: devExamplePackageId,
-                  completed_edit_events: changedEditEvents.filter(
-                    (ee) => ee.in_progress === false,
-                  ),
-                })
-              }
-              setEditEvents(changedEditEvents)
-            }}
-            soup={pkg.tscircuit_soup}
-          />
-        </ErrorBoundary>
-      )}
-      {pkg && viewMode === "3d" && (
-        <ErrorBoundary
-          fallbackRender={(props) => (
-            <div style={{ padding: 20 }}>
-              Failed to render 3d view
-              <div style={{ marginTop: 20, color: "red" }}>
-                {props.error.message}
-              </div>
-            </div>
-          )}
-        >
-          <div style={{ height: itemHeight }}>
-            <CadViewer soup={pkg.tscircuit_soup} />
-          </div>
-        </ErrorBoundary>
-      )}
-      {pkg && viewMode === "soup" && (
-        <ErrorBoundary fallback={<div>Failed to render Soup</div>}>
-          <SoupTableViewer
-            key={`soup-${pkg?.soup_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="p-4 m-16 whitespace-pre border border-red-200 rounded-lg shadow-lg bg-red-50">
-            {pkg?.error}
-          </div>
-        </div>
-      )}
-      {notFound && (
-        <div className="absolute top-0 flex justify-center w-full">
-          <div className="bg-yellow-50 shadow-lg p-4 m-16 border-yellow-200 border rounded-lg whitespace-pre max-w-[400px]">
-            Select an example from the menu above
-          </div>
-        </div>
-      )}
-      {isLoading && !isError && (
-        <div className="absolute top-0 flex justify-center w-full">
-          <div className="p-4 m-16 whitespace-pre border border-gray-200 rounded-lg shadow-lg bg-gray-50">
-            Loading...
-          </div>
-        </div>
-      )}
-      {pkg && pkg.is_loading && (
-        <div className="absolute top-0 right-0 z-10 flex items-center p-4 py-2 m-4 bg-white border border-gray-200 rounded-md shadow-lg">
-          <div className="w-4 h-4 mr-2 border-2 border-blue-400 rounded-full border-t-transparent animate-spin"></div>
-          Rebuilding...
-        </div>
-      )}
-    </div>
-  )
-}

package/frontend/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/frontend/vite.config.ts

@@ -1,50 +0,0 @@
-import react from "@vitejs/plugin-react"
-import path from "node:path"
-import { defineConfig } from "vite"
-import tailwindcss from "tailwindcss"
-import autoprefixer from "autoprefixer"
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  root: path.resolve(__dirname),
-  plugins: [react()],
-  resolve: {
-    alias: [
-      {
-        find: "frontend",
-        replacement: path.resolve(__dirname),
-      },
-      {
-        find: "src",
-        replacement: path.resolve(__dirname),
-      },
-    ],
-  },
-  server: {
-    proxy: {
-      "/api": "http://127.0.0.1:3020",
-    },
-  },
-  optimizeDeps: {
-    needsInterop: ["@tscircuit/schematic-viewer"],
-  },
-  define: {
-    // Global var used by some dep inside schematic-viewer
-    global: {},
-  },
-  build: {
-    outDir: path.resolve(__dirname, "dist"),
-    rollupOptions: {
-      input: path.resolve(__dirname, "index.html"),
-    },
-  },
-  base: "/preview",
-  css: {
-    postcss: {
-      plugins: [
-        tailwindcss(path.resolve(__dirname, "tailwind.config.js")),
-        autoprefixer,
-      ],
-    },
-  },
-})

package/renovate.json

@@ -1,15 +0,0 @@
-{
-  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": ["config:base"],
-  "packageRules": [
-    {
-      "packagePatterns": ["*"],
-      "excludePackagePatterns": ["@tscircuit/*"],
-      "enabled": false
-    },
-    {
-      "matchUpdateTypes": ["major", "minor", "patch"],
-      "automerge": true
-    }
-  ]
-}

package/scripts/build-cli.ts

@@ -1,12 +0,0 @@
-import mainPkg from "../package.json"
-
-await Bun.build({
-  entrypoints: ["./cli/cli.ts"],
-  external: [
-    ...Object.keys(mainPkg.dependencies),
-    ...Object.keys(mainPkg.devDependencies),
-    ...Object.keys(mainPkg.peerDependencies),
-  ],
-  outdir: "dist",
-  target: "node",
-})

package/tsup.config.ts

@@ -1,7 +0,0 @@
-import { defineConfig } from "tsup"
-
-export default defineConfig({
-  env: {
-    POSTHOG_API_KEY: JSON.stringify(process.env.POSTHOG_API_KEY || ""),
-  },
-})