@tscircuit/fake-snippets 0.0.44 → 0.0.46

package/dist/schema.js

@@ -0,0 +1,251 @@
+// fake-snippets-api/lib/db/schema.ts
+import { z } from "zod";
+var errorSchema = z.object({
+  error_code: z.string(),
+  message: z.string()
+}).passthrough();
+var errorResponseSchema = z.object({
+  error: errorSchema
+});
+var snippetSchema = z.object({
+  snippet_id: z.string(),
+  package_release_id: z.string(),
+  name: z.string(),
+  unscoped_name: z.string(),
+  owner_name: z.string(),
+  is_starred: z.boolean().default(false),
+  code: z.string(),
+  dts: z.string().optional(),
+  compiled_js: z.string().optional().nullable(),
+  circuit_json: z.array(z.record(z.any())).optional().nullable(),
+  manual_edits_json_content: z.string().optional().nullable(),
+  created_at: z.string(),
+  updated_at: z.string(),
+  snippet_type: z.enum(["board", "package", "model", "footprint"]),
+  description: z.string().optional(),
+  version: z.string().default("0.0.1"),
+  star_count: z.number().default(0),
+  is_private: z.boolean().default(false),
+  is_public: z.boolean().default(true),
+  is_unlisted: z.boolean().default(false)
+});
+var sessionSchema = z.object({
+  session_id: z.string(),
+  account_id: z.string(),
+  expires_at: z.string(),
+  is_cli_session: z.boolean()
+});
+var loginPageSchema = z.object({
+  login_page_id: z.string(),
+  login_page_auth_token: z.string(),
+  was_login_successful: z.boolean(),
+  has_been_used_to_create_session: z.boolean(),
+  created_at: z.string(),
+  expires_at: z.string()
+});
+var shippingInfoSchema = z.object({
+  firstName: z.string(),
+  lastName: z.string(),
+  companyName: z.string().optional(),
+  address: z.string(),
+  apartment: z.string().optional(),
+  city: z.string(),
+  state: z.string(),
+  zipCode: z.string(),
+  country: z.string(),
+  phone: z.string()
+});
+var accountSchema = z.object({
+  account_id: z.string(),
+  github_username: z.string(),
+  shippingInfo: shippingInfoSchema.optional()
+});
+var orderSchema = z.object({
+  order_id: z.string(),
+  account_id: z.string().nullable(),
+  is_running: z.boolean(),
+  is_started: z.boolean(),
+  is_finished: z.boolean(),
+  error: errorSchema.nullable(),
+  has_error: z.boolean(),
+  created_at: z.string(),
+  started_at: z.string().nullable(),
+  completed_at: z.string().nullable(),
+  circuit_json: z.any()
+});
+var orderFileSchema = z.object({
+  order_file_id: z.string(),
+  order_id: z.string(),
+  is_gerbers_zip: z.boolean(),
+  content_type: z.string(),
+  for_provider: z.string().nullable(),
+  uploaded_at: z.string(),
+  content_text: z.string().nullable(),
+  content_bytes: z.instanceof(Uint8Array).nullable()
+});
+var shippingOptionSchema = z.object({
+  carrier: z.string(),
+  service: z.string(),
+  cost: z.number()
+});
+var quotedComponentSchema = z.object({
+  manufacturer_part_number: z.string().nullable(),
+  supplier_part_number: z.string().nullable(),
+  quantity: z.number().default(0),
+  unit_price: z.number().default(0),
+  total_price: z.number().default(0),
+  available: z.boolean().default(true)
+});
+var orderQuoteSchema = z.object({
+  order_quote_id: z.string(),
+  account_id: z.string().nullable(),
+  package_release_id: z.string().nullable(),
+  is_completed: z.boolean().default(false),
+  is_processing: z.boolean().default(true),
+  vendor_name: z.string(),
+  error: errorSchema.nullable(),
+  has_error: z.boolean().default(false),
+  created_at: z.string(),
+  updated_at: z.string(),
+  completed_at: z.string().nullable(),
+  quoted_components: z.array(quotedComponentSchema).nullable(),
+  bare_pcb_cost: z.number().default(0),
+  shipping_options: z.array(shippingOptionSchema),
+  total_cost: z.number().default(0)
+});
+var accountSnippetSchema = z.object({
+  account_id: z.string(),
+  snippet_id: z.string(),
+  has_starred: z.boolean(),
+  created_at: z.string(),
+  updated_at: z.string()
+});
+var accountPackageSchema = z.object({
+  account_package_id: z.string(),
+  account_id: z.string(),
+  package_id: z.string(),
+  is_starred: z.boolean(),
+  created_at: z.string(),
+  updated_at: z.string()
+});
+var packageReleaseSchema = z.object({
+  package_release_id: z.string(),
+  package_id: z.string(),
+  version: z.string().nullable(),
+  is_locked: z.boolean(),
+  is_latest: z.boolean(),
+  created_at: z.string().datetime(),
+  commit_sha: z.string().nullable().optional(),
+  license: z.string().nullable().optional()
+});
+var packageFileSchema = z.object({
+  package_file_id: z.string(),
+  package_release_id: z.string(),
+  file_path: z.string(),
+  content_text: z.string().nullable().optional(),
+  created_at: z.string().datetime(),
+  content_mimetype: z.string().nullable().optional(),
+  is_release_tarball: z.boolean().optional(),
+  npm_pack_output: z.any().nullable().optional()
+});
+var packageSchema = z.object({
+  package_id: z.string(),
+  creator_account_id: z.string(),
+  owner_org_id: z.string(),
+  owner_github_username: z.string().nullable(),
+  name: z.string(),
+  unscoped_name: z.string(),
+  description: z.string().nullable(),
+  created_at: z.string().datetime(),
+  updated_at: z.string().datetime(),
+  is_snippet: z.boolean().default(false),
+  is_board: z.boolean().default(false),
+  is_package: z.boolean().default(false),
+  is_model: z.boolean().default(false),
+  is_footprint: z.boolean().default(false),
+  is_private: z.boolean().nullable().default(false),
+  is_public: z.boolean().nullable().default(true),
+  is_unlisted: z.boolean().nullable().default(false),
+  is_source_from_github: z.boolean().default(false),
+  snippet_type: z.enum(["board", "package", "model", "footprint"]).optional(),
+  latest_package_release_id: z.string().nullable(),
+  latest_version: z.string().nullable(),
+  license: z.string().nullable(),
+  website: z.string().nullable().default(null),
+  star_count: z.number().default(0),
+  ai_description: z.string().nullable(),
+  latest_license: z.string().nullable().optional(),
+  ai_usage_instructions: z.string().nullable()
+});
+var jlcpcbOrderStateSchema = z.object({
+  jlcpcb_order_state_id: z.string(),
+  order_id: z.string(),
+  are_gerbers_uploaded: z.boolean().default(false),
+  is_gerber_analyzed: z.boolean().default(false),
+  are_initial_costs_calculated: z.boolean().default(false),
+  is_pcb_added_to_cart: z.boolean().default(false),
+  is_bom_uploaded: z.boolean().default(false),
+  is_pnp_uploaded: z.boolean().default(false),
+  is_bom_pnp_analyzed: z.boolean().default(false),
+  is_bom_parsing_complete: z.boolean().default(false),
+  are_components_available: z.boolean().default(false),
+  is_patch_map_generated: z.boolean().default(false),
+  is_json_merge_file_created: z.boolean().default(false),
+  is_dfm_result_generated: z.boolean().default(false),
+  are_files_downloaded: z.boolean().default(false),
+  are_product_categories_fetched: z.boolean().default(false),
+  are_final_costs_calculated: z.boolean().default(false),
+  is_json_merge_file_updated: z.boolean().default(false),
+  is_added_to_cart: z.boolean().default(false),
+  uploaded_gerber_metadata: z.any().nullable().default(null),
+  gerber_analysis: z.any().nullable().default(null),
+  created_at: z.string(),
+  are_gerbers_generated: z.boolean().default(false),
+  current_step: z.string().nullable().default(null)
+});
+var jlcpcbOrderStepRunSchema = z.object({
+  jlcpcb_order_step_run_id: z.string(),
+  is_running: z.boolean().nullable().default(null),
+  step_function_name: z.string().nullable().default(null),
+  jlcpcb_order_state_id: z.string().nullable().default(null),
+  error_message: z.string().nullable().default(null),
+  created_at: z.string()
+});
+var databaseSchema = z.object({
+  idCounter: z.number().default(0),
+  snippets: z.array(snippetSchema).default([]),
+  packageReleases: z.array(packageReleaseSchema).default([]),
+  packageFiles: z.array(packageFileSchema).default([]),
+  sessions: z.array(sessionSchema).default([]),
+  loginPages: z.array(loginPageSchema).default([]),
+  accounts: z.array(accountSchema).default([]),
+  packages: z.array(packageSchema).default([]),
+  orders: z.array(orderSchema).default([]),
+  orderFiles: z.array(orderFileSchema).default([]),
+  accountSnippets: z.array(accountSnippetSchema).default([]),
+  accountPackages: z.array(accountPackageSchema).default([]),
+  jlcpcbOrderState: z.array(jlcpcbOrderStateSchema).default([]),
+  jlcpcbOrderStepRuns: z.array(jlcpcbOrderStepRunSchema).default([]),
+  orderQuotes: z.array(orderQuoteSchema).default([])
+});
+export {
+  accountPackageSchema,
+  accountSchema,
+  accountSnippetSchema,
+  databaseSchema,
+  errorResponseSchema,
+  errorSchema,
+  jlcpcbOrderStateSchema,
+  jlcpcbOrderStepRunSchema,
+  loginPageSchema,
+  orderFileSchema,
+  orderQuoteSchema,
+  orderSchema,
+  packageFileSchema,
+  packageReleaseSchema,
+  packageSchema,
+  quotedComponentSchema,
+  sessionSchema,
+  shippingInfoSchema,
+  snippetSchema
+};

package/fake-snippets-api/routes/api/_fake/received_quotes.ts

@@ -0,0 +1,66 @@
+import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
+import { z } from "zod"
+import { orderQuoteSchema } from "fake-snippets-api/lib/db/schema"
+
+export default withRouteSpec({
+  methods: ["POST"],
+  auth: "session",
+  jsonBody: z.object({
+    order_quote_id: z.string(),
+  }),
+  jsonResponse: z.object({
+    order_quote: orderQuoteSchema.optional(),
+    error: z.string().optional(),
+  }),
+})(async (req, ctx) => {
+  const { order_quote_id } = req.jsonBody
+
+  return ctx.json({
+    order_quote: {
+      order_quote_id,
+      account_id: "123",
+      package_release_id: "123",
+      is_completed: true,
+      is_processing: false,
+      vendor_name: "JLCPCB",
+      error: null,
+      has_error: false,
+      created_at: "2025-04-21",
+      updated_at: "2025-04-21",
+      completed_at: "2025-04-21",
+      quoted_components: [
+        {
+          manufacturer_part_number: "123",
+          supplier_part_number: "123",
+          quantity: 1,
+          unit_price: 100,
+          total_price: 100,
+          available: true,
+        },
+        {
+          manufacturer_part_number: "1234",
+          supplier_part_number: "1234",
+          quantity: 1,
+          unit_price: 200,
+          total_price: 200,
+          available: true,
+        },
+      ],
+      bare_pcb_cost: 300,
+      shipping_options: [
+        {
+          carrier: "DHL",
+          service: "Express",
+          cost: 100,
+        },
+        {
+          carrier: "FedEx",
+          service: "Express",
+          cost: 200,
+        },
+      ],
+      // TODO: shipping cost can vary so do the total cost calculation
+      total_cost: 100,
+    },
+  })
+})

package/fake-snippets-api/routes/api/package_releases/update.ts

@@ -67,28 +67,35 @@ export default withRouteSpec({
     })
   }
 
-  // Handle is_latest updates
-  if (is_latest !== undefined && is_latest) {
-    ctx.db.packageReleases
-      .filter(
-        (pr) =>
-          pr.package_id === release.package_id &&
-          pr.package_release_id !== releaseId &&
-          pr.is_latest,
-      )
-      .forEach((pr) => {
-        pr.is_latest = false
-      })
-  }
-
-  // Update the release
-  Object.assign(release, {
+  // Create updated release object
+  const updatedRelease = {
+    ...release,
     ...(is_locked !== undefined && { is_locked }),
     ...(is_latest !== undefined && { is_latest }),
     ...(license !== undefined && { license }),
-  })
+  }
+
+  // Handle is_latest updates atomically
+  if (is_latest !== undefined && is_latest) {
+    // Get all releases for this package that are currently marked as latest
+    const otherLatestReleases = ctx.db.packageReleases.filter(
+      (pr) =>
+        pr.package_id === release.package_id &&
+        pr.package_release_id !== releaseId &&
+        pr.is_latest,
+    )
+
+    // Update all releases in a single operation
+    for (const latestRelease of otherLatestReleases) {
+      ctx.db.updatePackageRelease({
+        ...latestRelease,
+        is_latest: false,
+      })
+    }
+  }
 
-  ctx.db.updatePackageRelease(release)
+  // Update the target release
+  ctx.db.updatePackageRelease(updatedRelease)
 
   return ctx.json({
     ok: true,

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.44",
+  "version": "0.0.46",
   "type": "module",
   "repository": {
     "type": "git",
     "url": "https://github.com/tscircuit/snippets"
   },
   "main": "dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./schema": "./dist/schema.js"
+  },
   "scripts": {
     "start": "bun run dev",
     "snapshot": "bun scripts/snapshot.ts",
@@ -21,7 +25,8 @@
     "lint": "biome format .",
     "build:fake-api:tsup": "tsup-node ./fake-snippets-api/lib/index.ts --format esm --dts",
     "build:fake-api:bundle": "winterspec bundle -o dist/bundle.js",
-    "build:fake-api": "bun run build:fake-api:tsup && bun run build:fake-api:bundle",
+    "build:fake-api": "bun run build:fake-api:tsup && bun run build:fake-api:bundle && bun run build:fake-api:schema",
+    "build:fake-api:schema": "tsup-node ./fake-snippets-api/lib/db/schema.ts --format esm --dts",
     "generate-images": "bun run scripts/generate-image-sizes.ts",
     "generate-sitemap": "bun run scripts/generate-sitemap.ts"
   },
@@ -136,7 +141,7 @@
     "@playwright/test": "^1.48.0",
     "@tscircuit/core": "^0.0.370",
     "@tscircuit/prompt-benchmarks": "^0.0.28",
-    "@tscircuit/runframe": "^0.0.330",
+    "@tscircuit/runframe": "^0.0.357",
     "@types/babel__standalone": "^7.1.7",
     "@types/bun": "^1.1.10",
     "@types/country-list": "^2.1.4",

package/src/components/CodeAndPreview.tsx

@@ -10,7 +10,6 @@ import { decodeUrlHashToText } from "@/lib/decodeUrlHashToText"
 import { getSnippetTemplate } from "@/lib/get-snippet-template"
 import { cn } from "@/lib/utils"
 import { parseJsonOrNull } from "@/lib/utils/parseJsonOrNull"
-import "@/prettier"
 import type { Snippet } from "fake-snippets-api/lib/db/schema"
 import { Loader2 } from "lucide-react"
 import { useEffect, useMemo, useState } from "react"

package/src/components/CodeEditor.tsx

@@ -456,7 +456,6 @@ export const CodeEditor = ({
               ...(args as Parameters<typeof updateFileContent>),
             )
           }}
-          cursorPosition={cursorPosition}
         />
       )}
       <div ref={editorRef} className="flex-1 overflow-auto" />

package/src/components/CodeEditorHeader.tsx

@@ -8,8 +8,6 @@ import {
 } from "@/components/ui/select"
 import { useImportSnippetDialog } from "./dialogs/import-snippet-dialog"
 import { useToast } from "@/hooks/use-toast"
-import { FootprintDialog } from "./FootprintDialog"
-import { useState } from "react"
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -27,7 +25,6 @@ interface CodeEditorHeaderProps {
   files: Record<FileName, string>
   handleFileChange: (filename: FileName) => void
   updateFileContent: (filename: FileName, content: string) => void
-  cursorPosition: number | null
 }
 
 export const CodeEditorHeader = ({
@@ -35,11 +32,9 @@ export const CodeEditorHeader = ({
   files,
   handleFileChange,
   updateFileContent,
-  cursorPosition,
 }: CodeEditorHeaderProps) => {
   const { Dialog: ImportSnippetDialog, openDialog: openImportDialog } =
     useImportSnippetDialog()
-  const [footprintDialogOpen, setFootprintDialogOpen] = useState(false)
   const { toast } = useToast()
 
   const formatCurrentFile = () => {
@@ -120,18 +115,6 @@ export const CodeEditorHeader = ({
             </DropdownMenuContent>
           </DropdownMenu>
         )}
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <Button size="sm" variant="ghost">
-              Insert
-            </Button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent>
-            <DropdownMenuItem onClick={() => setFootprintDialogOpen(true)}>
-              Chip
-            </DropdownMenuItem>
-          </DropdownMenuContent>
-        </DropdownMenu>
         <Button size="sm" variant="ghost" onClick={() => openImportDialog()}>
           Import
         </Button>
@@ -145,14 +128,6 @@ export const CodeEditorHeader = ({
           updateFileContent(currentFile, newContent)
         }}
       />
-      <FootprintDialog
-        currentFile={currentFile}
-        open={footprintDialogOpen}
-        onOpenChange={setFootprintDialogOpen}
-        updateFileContent={updateFileContent}
-        files={files}
-        cursorPosition={cursorPosition}
-      />
     </div>
   )
 }

package/src/components/EditorNav.tsx

@@ -195,14 +195,16 @@ export default function EditorNav({
           {snippet && (
             <>
               <SnippetLink snippet={snippet} />
-              <Button
-                variant="ghost"
-                size="icon"
-                className="h-6 w-6 ml-2"
-                onClick={() => openRenameDialog()}
-              >
-                <Pencil className="h-3 w-3 text-gray-700" />
-              </Button>
+              {snippet?.owner_name === session?.github_username && (
+                <Button
+                  variant="ghost"
+                  size="icon"
+                  className="h-6 w-6 ml-2"
+                  onClick={() => openRenameDialog()}
+                >
+                  <Pencil className="h-3 w-3 text-gray-700" />
+                </Button>
+              )}
               {isPrivate && (
                 <div className="relative group">
                   <LockClosedIcon className="h-3 w-3 text-gray-700" />

package/src/components/ErrorOutline.tsx

@@ -0,0 +1,35 @@
+import { AlertCircle } from "lucide-react"
+
+export function ErrorOutline({
+  error,
+  description,
+}: { error?: Error; description?: string; children?: React.ReactNode }) {
+  return (
+    <div className="flex items-center justify-center p-4">
+      <div className="max-w-lg w-full mx-auto p-6 sm:p-8 bg-red-100/80 rounded-xl shadow-lg border border-red-500">
+        <div className="flex flex-col items-center text-center">
+          <AlertCircle className="h-10 w-10 text-red-700 mb-4" />
+          <h2 className="text-xl sm:text-2xl font-bold text-red-700 mb-3">
+            Something strange happened
+          </h2>
+          <p className="text-red-600 font-medium mb-6 text-sm sm:text-base">
+            {description ||
+              "An unexpected error occurred while processing your request."}{" "}
+            <br />
+            Please try again or contact support if the problem persists.
+          </p>
+          {error?.message && (
+            <details className="w-full text-left bg-red-50 p-3 rounded-md border border-red-200">
+              <summary className="text-sm font-medium text-red-800 cursor-pointer hover:text-red-900">
+                Show Error Details
+              </summary>
+              <pre className="mt-2 text-xs text-red-700 bg-transparent p-0 rounded overflow-auto whitespace-pre-wrap break-words">
+                {error.message}
+              </pre>
+            </details>
+          )}
+        </div>
+      </div>
+    </div>
+  )
+}

package/src/components/FileSidebar.tsx

@@ -2,6 +2,7 @@ import React, { useState } from "react"
 import { cn } from "@/lib/utils"
 import { File, Folder, PanelRightOpen } from "lucide-react"
 import { TreeView, TreeDataItem } from "@/components/ui/tree-view"
+import { isHiddenFile } from "./ViewPackagePage/utils/is-hidden-file"
 
 type FileName = string
 
@@ -24,35 +25,63 @@ const FileSidebar: React.FC<FileSidebarProps> = ({
   const transformFilesToTreeData = (
     files: Record<FileName, string>,
   ): TreeDataItem[] => {
-    const root: { [key: string]: TreeDataItem } = {}
+    type TreeNode = Omit<TreeDataItem, "children"> & {
+      children?: Record<string, TreeNode>
+    }
+    const root: Record<string, TreeNode> = {}
 
     Object.keys(files).forEach((path) => {
-      const parts = path.split("/")
+      const startsWithSlash = path.startsWith("/")
+      const parts = (startsWithSlash ? path.slice(1) : path).trim().split("/")
       let current = root
 
-      let currentPath = ""
       parts.forEach((part, index) => {
-        const id = currentPath ? `${currentPath}/${part}` : part
-        currentPath = id
-
-        if (!current[part]) {
-          const isFile = index === parts.length - 1
+        const isFile = index === parts.length - 1
+        const parentPath = parts.slice(0, index).join("/")
+        const currentPath = parentPath ? `${parentPath}/${part}` : part
+        const evaluatedFilePath = startsWithSlash
+          ? `/${currentPath}`
+          : currentPath
+        if (
+          !current[part] &&
+          (!isHiddenFile(currentPath) ||
+            isHiddenFile(
+              currentFile.startsWith("/") ? currentFile.slice(1) : currentFile,
+            ))
+        ) {
           current[part] = {
-            id: id,
-            name: part,
+            id: currentPath,
+            name: isFile ? part : part,
             icon: isFile ? File : Folder,
-            onClick: isFile ? () => onFileSelect(id) : undefined,
+            onClick: isFile ? () => onFileSelect(evaluatedFilePath) : undefined,
+            draggable: isFile,
+            droppable: !isFile,
+            children: isFile ? undefined : {},
           }
         }
-        current = (current[part] as any).children || (current[part] as any)
+
+        if (!isFile && current[part].children) {
+          current = current[part].children
+        }
       })
     })
 
-    return Object.values(root)
+    // Convert the nested object structure to array structure
+    const convertToArray = (
+      items: Record<string, TreeNode>,
+    ): TreeDataItem[] => {
+      return Object.values(items).map((item) => ({
+        ...item,
+        children: item.children ? convertToArray(item.children) : undefined,
+      }))
+    }
+    return convertToArray(root).filter((x) => {
+      if (x.children?.length === 0) return false
+      return true
+    })
   }
 
   const treeData = transformFilesToTreeData(files)
-
   return (
     <div
       className={cn(
@@ -63,11 +92,12 @@ const FileSidebar: React.FC<FileSidebarProps> = ({
     >
       <button
         onClick={() => setSidebarOpen(!sidebarOpen)}
-        className={`z-[99] mt-2 ml-2 text-black/60 scale-90 transition-opacity duration-200 ${!sidebarOpen ? "opacity-0 pointer-events-none" : "opacity-100"}`}
+        className={`z-[99] mt-2 ml-2 text-gray-400 scale-90 transition-opacity duration-200 ${
+          !sidebarOpen ? "opacity-0 pointer-events-none" : "opacity-100"
+        }`}
       >
         <PanelRightOpen />
       </button>
-
       <TreeView
         data={treeData}
         initialSelectedItemId={currentFile}