@tscircuit/fake-snippets 0.0.109 → 0.0.111

package/fake-snippets-api/routes/api/packages/images/[owner_github_username]/[unscoped_name]/[view_format].ts

@@ -4,8 +4,10 @@ import {
   convertCircuitJsonToPcbSvg,
   convertCircuitJsonToSchematicSvg,
 } from "circuit-to-svg"
+import { convertCircuitJsonToSimple3dSvg } from "circuit-json-to-simple-3d"
 import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
 import { z } from "zod"
+import { renderAsync } from "@resvg/resvg-js"
 
 // Define the view types and extensions
 const VIEW_TYPES = ["schematic", "pcb", "assembly", "3d"] as const
@@ -68,7 +70,8 @@ export default withRouteSpec({
   const circuit_json_file = ctx.db.packageFiles.find(
     (pf) =>
       pf.package_release_id === pkg_release.package_release_id &&
-      pf.file_path === "circuit.json",
+      (pf.file_path === "circuit.json" ||
+        pf.file_path === "/dist/circuit.json"),
   )
 
   if (!circuit_json_file?.content_text) {
@@ -82,7 +85,6 @@ export default withRouteSpec({
 
   // Convert circuit json to svg
   let svg = ""
-
   if (outputType === "schematic") {
     svg = convertCircuitJsonToSchematicSvg(circuit_json as AnyCircuitElement[])
   } else if (outputType === "pcb") {
@@ -90,13 +92,14 @@ export default withRouteSpec({
   } else if (outputType === "assembly") {
     svg = convertCircuitJsonToAssemblySvg(circuit_json as AnyCircuitElement[])
   } else if (outputType === "3d") {
-    // For 3D view, we'll return a simple SVG placeholder
-    svg = `<svg width="400" height="300" xmlns="http://www.w3.org/2000/svg">
-      <rect width="100%" height="100%" fill="#f0f0f0"/>
-      <text x="50%" y="50%" text-anchor="middle" fill="#666">3D Preview</text>
-    </svg>`
+    svg = await convertCircuitJsonToSimple3dSvg(circuit_json, {
+      background: {
+        color: "#fff",
+        opacity: 0.0,
+      },
+      defaultZoomMultiplier: 1.1,
+    })
   }
-
   if (format === "svg") {
     return new Response(svg, {
       headers: {
@@ -106,9 +109,8 @@ export default withRouteSpec({
     })
   }
 
-  // For PNG format, we'll return the SVG as PNG
-  // In a real implementation, this would use @resvg/resvg-js
-  return new Response(svg, {
+  const pngBuffer = await renderAsync(svg)
+  return new Response(pngBuffer.asPng().buffer as ArrayBuffer, {
     headers: {
       "Content-Type": "image/png",
       "Cache-Control": "public, max-age=86400, s-maxage=86400",

package/fake-snippets-api/routes/api/packages/list.ts

@@ -13,7 +13,16 @@ export default withRouteSpec({
   }),
   jsonResponse: z.object({
     ok: z.boolean(),
-    packages: z.array(packageSchema),
+    packages: z.array(
+      packageSchema.extend({
+        starred_at: z.string().nullable(),
+        user_permissions: z
+          .object({
+            can_manage_packages: z.boolean(),
+          })
+          .optional(),
+      }),
+    ),
   }),
 })(async (req, ctx) => {
   const { creator_account_id, owner_github_username, name, is_writable } =
@@ -28,6 +37,17 @@ export default withRouteSpec({
     })
   }
 
+  // Helper to check if user can manage a package
+  const canManagePackage = (pkg: any) => {
+    if (!auth) return false
+    // Check if user is a member of the package's owner org
+    const state = ctx.db.getState()
+    return state.orgAccounts.some(
+      (oa) =>
+        oa.account_id === auth.account_id && oa.org_id === pkg.owner_org_id,
+    )
+  }
+
   let packages = ctx.db.packages
 
   // Apply filters
@@ -46,7 +66,7 @@ export default withRouteSpec({
   }
 
   if (is_writable && auth) {
-    packages = packages.filter((p) => p.owner_org_id === auth.personal_org_id)
+    packages = packages.filter(canManagePackage)
   }
 
   // Get star timestamps for authenticated user
@@ -65,6 +85,13 @@ export default withRouteSpec({
       ...p,
       latest_package_release_id: p.latest_package_release_id || null,
       starred_at: starTimestamps.get(p.package_id) || null,
+      ...(auth
+        ? {
+            user_permissions: {
+              can_manage_packages: canManagePackage(p),
+            },
+          }
+        : {}),
     })),
   })
 })

package/fake-snippets-api/routes/api/packages/update_ai_description.ts

@@ -0,0 +1,37 @@
+import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
+import { z } from "zod"
+
+export default withRouteSpec({
+  methods: ["POST"],
+  auth: "session",
+  jsonBody: z.object({
+    package_id: z.string(),
+  }),
+  jsonResponse: z.object({
+    success: z.boolean(),
+  }),
+})(async (req, ctx) => {
+  const { package_id } = req.jsonBody
+
+  const package_info = ctx.db.getPackageById(package_id)
+  if (!package_info) {
+    return ctx.error(404, {
+      error_code: "package_not_found",
+      message: "Package not found",
+    })
+  }
+
+  if (package_info.owner_github_username !== ctx.auth.github_username) {
+    return ctx.error(403, {
+      error_code: "unauthorized",
+      message: "Only the package owner can update AI description",
+    })
+  }
+
+  ctx.db.updatePackage(package_id, {
+    ai_description: "New ai description",
+    ai_usage_instructions: "New ai usage instructions",
+  })
+
+  return ctx.json({ success: true })
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.109",
+  "version": "0.0.111",
   "type": "module",
   "repository": {
     "type": "git",
@@ -18,7 +18,7 @@
     "playwright": "bunx playwright test",
     "playwright:update": "bunx playwright test --update-snapshots",
     "start:playwright-server": "bun run build:fake-api && vite --port 5177",
-    "dev": "bun run build:fake-api && AUTOLOAD_PACKAGES=true vite",
+    "dev": "bun run build:fake-api && AUTOLOAD_PACKAGES=true vite --host",
     "dev:registry": "SNIPPETS_API_URL=http://localhost:3100 vite",
     "build": "bun run generate-images && bun run generate-sitemap && bun run build:fake-api && tsc -b && vite build",
     "preview": "vite preview",
@@ -76,17 +76,18 @@
     "@radix-ui/react-toggle-group": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
     "@resvg/resvg-wasm": "^2.6.2",
+    "@sentry/react": "^10.10.0",
     "@tailwindcss/typography": "^0.5.16",
-    "@tscircuit/3d-viewer": "^0.0.303",
-    "@tscircuit/assembly-viewer": "^0.0.1",
+    "@tscircuit/3d-viewer": "^0.0.402",
+    "@tscircuit/assembly-viewer": "^0.0.5",
     "@tscircuit/create-snippet-url": "^0.0.8",
-    "@tscircuit/eval": "^0.0.244",
+    "@tscircuit/eval": "^0.0.325",
     "@tscircuit/layout": "^0.0.29",
     "@tscircuit/mm": "^0.0.8",
-    "@tscircuit/pcb-viewer": "^1.11.194",
+    "@tscircuit/pcb-viewer": "^1.11.218",
     "@tscircuit/prompt-benchmarks": "^0.0.28",
-    "@tscircuit/runframe": "^0.0.781",
-    "@tscircuit/schematic-viewer": "^2.0.21",
+    "@tscircuit/runframe": "^0.0.1031",
+    "@tscircuit/schematic-viewer": "^2.0.39",
     "@tscircuit/simple-3d-svg": "^0.0.41",
     "@types/babel__standalone": "^7.1.7",
     "@types/bun": "^1.1.10",
@@ -99,6 +100,7 @@
     "@types/react-dom": "^18.3.0",
     "@types/react-helmet": "^6.1.11",
     "@types/sharp": "^0.32.0",
+    "@types/three": "^0.180.0",
     "@typescript/ata": "^0.9.7",
     "@typescript/vfs": "^1.6.0",
     "@valtown/codemirror-ts": "^2.2.0",
@@ -107,13 +109,15 @@
     "autoprefixer": "^10.4.20",
     "circuit-json-to-bom-csv": "^0.0.7",
     "circuit-json-to-gerber": "^0.0.29",
-    "circuit-json-to-gltf": "^0.0.4",
+    "circuit-json-to-gltf": "^0.0.14",
+    "circuit-json-to-kicad": "^0.0.9",
     "circuit-json-to-pnp-csv": "^0.0.7",
     "circuit-json-to-readable-netlist": "^0.0.13",
-    "circuit-json-to-simple-3d": "^0.0.6",
+    "circuit-json-to-simple-3d": "^0.0.7",
     "circuit-json-to-spice": "^0.0.6",
-    "circuit-json-to-tscircuit": "^0.0.4",
-    "circuit-to-svg": "^0.0.167",
+    "circuit-json-to-step": "^0.0.2",
+    "circuit-json-to-tscircuit": "^0.0.9",
+    "circuit-to-svg": "^0.0.202",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",
@@ -121,11 +125,12 @@
     "codemirror-copilot": "^0.0.7",
     "dotenv": "^16.5.0",
     "dsn-converter": "^0.0.60",
-    "easyeda": "^0.0.203",
+    "easyeda": "^0.0.228",
     "embla-carousel-react": "^8.3.0",
     "extract-codefence": "^0.0.4",
     "fflate": "^0.8.2",
     "file-saver": "^2.0.5",
+    "fuse.js": "^7.1.0",
     "get-port": "^7.1.0",
     "globals": "^15.9.0",
     "he": "^1.2.0",
@@ -136,6 +141,7 @@
     "jscad-electronics": "^0.0.25",
     "jszip": "^3.10.1",
     "kicad-converter": "^0.0.17",
+    "kicadts": "^0.0.9",
     "ky": "^1.7.5",
     "lucide-react": "^0.488.0",
     "lz-string": "^1.5.0",
@@ -143,14 +149,13 @@
     "md5": "^2.3.0",
     "ms": "^2.1.3",
     "next-themes": "^0.3.0",
-    "openai": "^5.6.0",
     "postcss": "^8.4.47",
     "posthog-js": "^1.203.2",
     "prompts": "^2.4.2",
-    "react": "^18.3.1",
+    "react": "^19.1.1",
     "react-cookie-consent": "^9.0.0",
     "react-day-picker": "8.10.1",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.1.1",
     "react-error-boundary": "^6.0.0",
     "react-helmet": "^6.1.0",
     "react-helmet-async": "^2.0.5",
@@ -164,20 +169,21 @@
     "redaxios": "^0.5.1",
     "remark-gfm": "^4.0.1",
     "rollup-plugin-visualizer": "^5.12.0",
-    "schematic-symbols": "^0.0.171",
+    "schematic-symbols": "^0.0.202",
     "sharp": "^0.33.5",
     "shiki": "^3.2.1",
     "sitemap": "^8.0.0",
     "sonner": "^1.5.0",
     "states-us": "^1.1.1",
+    "stepts": "^0.0.1",
     "svgo": "^4.0.0",
     "tailwind-merge": "^2.5.2",
     "tailwindcss": "^3.4.13",
     "tailwindcss-animate": "^1.0.7",
     "terser": "^5.27.0",
-    "three": "^0.177.0",
+    "three": "0.165.0",
     "three-stdlib": "^2.36.0",
-    "tscircuit": "^0.0.538",
+    "tscircuit": "^0.0.653",
     "tsup": "^8.5.0",
     "typescript": "^5.6.3",
     "use-async-memo": "^1.2.5",

package/renovate.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": ["config:base"],
+  "extends": ["config:base", ":noReviewer", ":noAssignees"],
   "packageRules": [
     {
       "packagePatterns": ["*"],

package/scripts/generate-sitemap.ts

@@ -20,7 +20,7 @@ const staticRoutes = [
 async function fetchTrendingSnippets() {
   try {
     const response = await fetch(
-      "https://registry-api.tscircuit.com/snippets/list_trending",
+      "https://api.tscircuit.com/snippets/list_trending",
       {
         headers: {
           Accept: "application/json",

package/src/App.tsx

@@ -6,7 +6,7 @@ import React from "react"
 import { ReloadIcon } from "@radix-ui/react-icons"
 import { Loader2 } from "lucide-react"
 
-const FullPageLoader = () => (
+export const FullPageLoader = () => (
   <div className="fixed inset-0 flex items-center justify-center bg-white z-50">
     <div className="w-48">
       <div className="loading">
@@ -64,10 +64,12 @@ const MyOrdersPage = lazyImport(() => import("@/pages/my-orders"))
 const LatestPage = lazyImport(() => import("@/pages/latest"))
 const QuickstartPage = lazyImport(() => import("@/pages/quickstart"))
 const SearchPage = lazyImport(() => import("@/pages/search"))
-const UserProfilePage = lazyImport(() => import("@/pages/user-profile"))
+const CreateOrganizationPage = lazyImport(
+  () => import("@/pages/create-organization"),
+)
+const ProfileRouter = lazyImport(() => import("@/components/ProfileRouter"))
 const DevLoginPage = lazyImport(() => import("@/pages/dev-login"))
 const ViewPackagePage = lazyImport(() => import("@/pages/view-package"))
-const PackageBuildsPage = lazyImport(() => import("@/pages/package-builds"))
 const TrendingPage = lazyImport(() => import("@/pages/trending"))
 const DatasheetPage = lazyImport(() => import("@/pages/datasheet"))
 const DatasheetsPage = lazyImport(() => import("@/pages/datasheets"))
@@ -82,6 +84,10 @@ const ReleasesPage = lazyImport(() => import("@/pages/releases"))
 const ReleaseDetailPage = lazyImport(() => import("@/pages/release-detail"))
 const ReleaseBuildsPage = lazyImport(() => import("@/pages/release-builds"))
 const ReleasePreviewPage = lazyImport(() => import("@/pages/preview-release"))
+const OrganizationSettingsPage = lazyImport(
+  () => import("@/pages/organization-settings"),
+)
+const UserSettingsPage = lazyImport(() => import("@/pages/user-settings"))
 
 class ErrorBoundary extends React.Component<
   { children: React.ReactNode },
@@ -258,7 +264,23 @@ function App() {
             <Route path="/authorize" component={AuthenticatePage} />
             <Route path="/my-orders" component={MyOrdersPage} />
             <Route path="/dev-login" component={DevLoginPage} />
-            <Route path="/:username" component={UserProfilePage} />
+
+            {/* Organization creation route */}
+            <Route path="/orgs/new" component={CreateOrganizationPage} />
+
+            {/* User settings */}
+            <Route path="/settings" component={UserSettingsPage} />
+
+            {/* Organization settings route */}
+            <Route
+              path="/:orgname/settings"
+              component={OrganizationSettingsPage}
+            />
+
+            {/* Profile fallback route - handles both organizations and users */}
+            <Route path="/:username" component={ProfileRouter} />
+
+            {/* Package-related routes - must come after profile fallback */}
             <Route
               path="/:author/:packageName/releases/:releaseId/builds"
               component={ReleaseBuildsPage}
@@ -280,10 +302,7 @@ function App() {
               component={ReleasesPage}
             />
             <Route path="/:author/:packageName" component={ViewPackagePage} />
-            <Route
-              path="/:author/:packageName/builds"
-              component={PackageBuildsPage}
-            />
+            {/* 404 fallback */}
             <Route component={lazyImport(() => import("@/pages/404"))} />
           </Switch>
         </Suspense>

package/src/ContextProviders.tsx

@@ -1,10 +1,16 @@
-import { QueryClient, QueryClientProvider } from "react-query"
+import {
+  MutationCache,
+  QueryCache,
+  QueryClient,
+  QueryClientProvider,
+} from "react-query"
 import { HelmetProvider } from "react-helmet-async"
 import { useEffect } from "react"
 import { useGlobalStore } from "./hooks/use-global-store"
 import { posthog } from "./lib/posthog"
 import { Toaster } from "react-hot-toast"
 import { populateQueryCacheWithSSRData } from "./lib/populate-query-cache-with-ssr-data"
+import { trackReactQueryApiFailure } from "./lib/react-query-api-failure-tracking"
 
 const staffGithubUsernames = [
   "imrishabh18",
@@ -13,7 +19,24 @@ const staffGithubUsernames = [
   ...(import.meta.env.VITE_STAFF_GITHUB_USERNAMES?.split(",") || []),
 ]
 
-const queryClient = new QueryClient()
+const queryClient = new QueryClient({
+  queryCache: new QueryCache({
+    onError: (error, query) => {
+      trackReactQueryApiFailure(error, {
+        operationType: "query",
+        queryKey: query.queryKey,
+      })
+    },
+  }),
+  mutationCache: new MutationCache({
+    onError: (error, _variables, _context, mutation) => {
+      trackReactQueryApiFailure(error, {
+        operationType: "mutation",
+        mutationKey: mutation.options?.mutationKey,
+      })
+    },
+  }),
+})
 populateQueryCacheWithSSRData(queryClient)
 
 const isInternalGithubUser = (githubUsername?: string | null) => {

package/src/components/CircuitJsonImportDialog.tsx

@@ -123,7 +123,7 @@ export function CircuitJsonImportDialog({
       const tscircuitComponentContent = convertCircuitJsonToTscircuit(
         importedCircuitJson as any,
         {
-          componentName: "circuit",
+          componentName: "Component",
         },
       )
       console.info(tscircuitComponentContent)