@tscircuit/fake-snippets 0.0.92 → 0.0.93

package/dist/index.d.ts

@@ -1069,7 +1069,7 @@ declare const createDatabase: ({ seed }?: {
         }[] | null;
         datasheet_pdf_urls: string[] | null;
     }[];
-}, "addOrder" | "getOrderById" | "getOrderFilesByOrderId" | "addOrderQuote" | "getOrderQuoteById" | "getJlcpcbOrderStatesByOrderId" | "getJlcpcbOrderStepRunsByJlcpcbOrderStateId" | "updateOrder" | "addJlcpcbOrderState" | "updateJlcpcbOrderState" | "addOrderFile" | "getOrderFileById" | "addAccount" | "addAccountPackage" | "getAccountPackageById" | "updateAccountPackage" | "deleteAccountPackage" | "addSnippet" | "getLatestSnippets" | "getTrendingSnippets" | "getPackagesByAuthor" | "getSnippetByAuthorAndName" | "updateSnippet" | "getSnippetById" | "searchSnippets" | "searchPackages" | "deleteSnippet" | "addSession" | "getSessions" | "createLoginPage" | "getLoginPage" | "updateLoginPage" | "getAccount" | "updateAccount" | "createSession" | "addStar" | "removeStar" | "hasStarred" | "addPackage" | "updatePackage" | "getPackageById" | "getPackageReleaseById" | "addPackageRelease" | "updatePackageRelease" | "deletePackageFile" | "addPackageFile" | "updatePackageFile" | "getStarCount" | "getPackageFilesByReleaseId" | "updatePackageReleaseFsSha" | "addAiReview" | "updateAiReview" | "getAiReviewById" | "listAiReviews" | "addDatasheet" | "getDatasheetById" | "updateDatasheet"> & {
+}, "addOrder" | "getOrderById" | "getOrderFilesByOrderId" | "addOrderQuote" | "getOrderQuoteById" | "getJlcpcbOrderStatesByOrderId" | "getJlcpcbOrderStepRunsByJlcpcbOrderStateId" | "updateOrder" | "addJlcpcbOrderState" | "updateJlcpcbOrderState" | "addOrderFile" | "getOrderFileById" | "addAccount" | "addAccountPackage" | "getAccountPackageById" | "updateAccountPackage" | "deleteAccountPackage" | "addSnippet" | "getLatestSnippets" | "getTrendingSnippets" | "getPackagesByAuthor" | "getSnippetByAuthorAndName" | "updateSnippet" | "getSnippetById" | "searchSnippets" | "searchPackages" | "deleteSnippet" | "addSession" | "getSessions" | "createLoginPage" | "getLoginPage" | "updateLoginPage" | "getAccount" | "updateAccount" | "createSession" | "addStar" | "removeStar" | "hasStarred" | "addPackage" | "updatePackage" | "getPackageById" | "getPackageReleaseById" | "addPackageRelease" | "updatePackageRelease" | "deletePackageFile" | "addPackageFile" | "updatePackageFile" | "getStarCount" | "getPackageFilesByReleaseId" | "updatePackageReleaseFsSha" | "addAiReview" | "updateAiReview" | "getAiReviewById" | "listAiReviews" | "addDatasheet" | "getDatasheetById" | "listDatasheets" | "updateDatasheet"> & {
     addOrder: (order: Omit<Order, "order_id">) => Order;
     getOrderById: (orderId: string) => Order | undefined;
     getOrderFilesByOrderId: (orderId: string) => OrderFile[];
@@ -1155,6 +1155,10 @@ declare const createDatabase: ({ seed }?: {
         chip_name: string;
     }) => Datasheet;
     getDatasheetById: (datasheetId: string) => Datasheet | undefined;
+    listDatasheets: ({ chip_name, is_popular, }?: {
+        chip_name?: string;
+        is_popular?: boolean;
+    }) => Datasheet[];
     updateDatasheet: (datasheetId: string, updates: Partial<Datasheet>) => Datasheet | undefined;
 }> & Omit<{
     idCounter: number;
@@ -1416,7 +1420,7 @@ declare const createDatabase: ({ seed }?: {
         }[] | null;
         datasheet_pdf_urls: string[] | null;
     }[];
-}, "addOrder" | "getOrderById" | "getOrderFilesByOrderId" | "addOrderQuote" | "getOrderQuoteById" | "getJlcpcbOrderStatesByOrderId" | "getJlcpcbOrderStepRunsByJlcpcbOrderStateId" | "updateOrder" | "addJlcpcbOrderState" | "updateJlcpcbOrderState" | "addOrderFile" | "getOrderFileById" | "addAccount" | "addAccountPackage" | "getAccountPackageById" | "updateAccountPackage" | "deleteAccountPackage" | "addSnippet" | "getLatestSnippets" | "getTrendingSnippets" | "getPackagesByAuthor" | "getSnippetByAuthorAndName" | "updateSnippet" | "getSnippetById" | "searchSnippets" | "searchPackages" | "deleteSnippet" | "addSession" | "getSessions" | "createLoginPage" | "getLoginPage" | "updateLoginPage" | "getAccount" | "updateAccount" | "createSession" | "addStar" | "removeStar" | "hasStarred" | "addPackage" | "updatePackage" | "getPackageById" | "getPackageReleaseById" | "addPackageRelease" | "updatePackageRelease" | "deletePackageFile" | "addPackageFile" | "updatePackageFile" | "getStarCount" | "getPackageFilesByReleaseId" | "updatePackageReleaseFsSha" | "addAiReview" | "updateAiReview" | "getAiReviewById" | "listAiReviews" | "addDatasheet" | "getDatasheetById" | "updateDatasheet"> & {
+}, "addOrder" | "getOrderById" | "getOrderFilesByOrderId" | "addOrderQuote" | "getOrderQuoteById" | "getJlcpcbOrderStatesByOrderId" | "getJlcpcbOrderStepRunsByJlcpcbOrderStateId" | "updateOrder" | "addJlcpcbOrderState" | "updateJlcpcbOrderState" | "addOrderFile" | "getOrderFileById" | "addAccount" | "addAccountPackage" | "getAccountPackageById" | "updateAccountPackage" | "deleteAccountPackage" | "addSnippet" | "getLatestSnippets" | "getTrendingSnippets" | "getPackagesByAuthor" | "getSnippetByAuthorAndName" | "updateSnippet" | "getSnippetById" | "searchSnippets" | "searchPackages" | "deleteSnippet" | "addSession" | "getSessions" | "createLoginPage" | "getLoginPage" | "updateLoginPage" | "getAccount" | "updateAccount" | "createSession" | "addStar" | "removeStar" | "hasStarred" | "addPackage" | "updatePackage" | "getPackageById" | "getPackageReleaseById" | "addPackageRelease" | "updatePackageRelease" | "deletePackageFile" | "addPackageFile" | "updatePackageFile" | "getStarCount" | "getPackageFilesByReleaseId" | "updatePackageReleaseFsSha" | "addAiReview" | "updateAiReview" | "getAiReviewById" | "listAiReviews" | "addDatasheet" | "getDatasheetById" | "listDatasheets" | "updateDatasheet"> & {
     addOrder: (order: Omit<Order, "order_id">) => Order;
     getOrderById: (orderId: string) => Order | undefined;
     getOrderFilesByOrderId: (orderId: string) => OrderFile[];
@@ -1502,6 +1506,10 @@ declare const createDatabase: ({ seed }?: {
         chip_name: string;
     }) => Datasheet;
     getDatasheetById: (datasheetId: string) => Datasheet | undefined;
+    listDatasheets: ({ chip_name, is_popular, }?: {
+        chip_name?: string;
+        is_popular?: boolean;
+    }) => Datasheet[];
     updateDatasheet: (datasheetId: string, updates: Partial<Datasheet>) => Datasheet | undefined;
 };
 type DbClient = ReturnType<typeof createDatabase>;

package/dist/index.js

@@ -3112,7 +3112,7 @@ var initializer = combine(databaseSchema.parse({}), (set, get) => ({
   },
   addDatasheet: ({ chip_name }) => {
     const newDatasheet = datasheetSchema.parse({
-      datasheet_id: `datasheet_${Date.now()}`,
+      datasheet_id: crypto.randomUUID(),
       chip_name,
       created_at: (/* @__PURE__ */ new Date()).toISOString(),
       pin_information: null,
@@ -3127,6 +3127,21 @@ var initializer = combine(databaseSchema.parse({}), (set, get) => ({
     const state = get();
     return state.datasheets.find((d) => d.datasheet_id === datasheetId);
   },
+  listDatasheets: ({
+    chip_name,
+    is_popular
+  } = {}) => {
+    const state = get();
+    if (is_popular) {
+      return state.datasheets;
+    }
+    if (chip_name) {
+      return state.datasheets.filter(
+        (d) => d.chip_name.toLowerCase() === chip_name.toLowerCase()
+      );
+    }
+    return state.datasheets;
+  },
   updateDatasheet: (datasheetId, updates) => {
     let updated;
     set((state) => {

package/fake-snippets-api/lib/db/db-client.ts

@@ -1382,7 +1382,7 @@ const initializer = combine(databaseSchema.parse({}), (set, get) => ({
   },
   addDatasheet: ({ chip_name }: { chip_name: string }): Datasheet => {
     const newDatasheet = datasheetSchema.parse({
-      datasheet_id: `datasheet_${Date.now()}`,
+      datasheet_id: crypto.randomUUID(),
       chip_name,
       created_at: new Date().toISOString(),
       pin_information: null,
@@ -1397,6 +1397,23 @@ const initializer = combine(databaseSchema.parse({}), (set, get) => ({
     const state = get()
     return state.datasheets.find((d) => d.datasheet_id === datasheetId)
   },
+  listDatasheets: ({
+    chip_name,
+    is_popular,
+  }: { chip_name?: string; is_popular?: boolean } = {}): Datasheet[] => {
+    const state = get()
+    if (is_popular) {
+      return state.datasheets
+    }
+
+    if (chip_name) {
+      return state.datasheets.filter(
+        (d) => d.chip_name.toLowerCase() === chip_name.toLowerCase(),
+      )
+    }
+
+    return state.datasheets
+  },
   updateDatasheet: (
     datasheetId: string,
     updates: Partial<Datasheet>,

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

@@ -0,0 +1,29 @@
+import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
+import { z } from "zod"
+
+export default withRouteSpec({
+  methods: ["GET", "POST"],
+  auth: "none",
+  commonParams: z.object({
+    chip_name: z.string().optional(),
+    is_popular: z.boolean().optional(),
+  }),
+  jsonResponse: z.object({
+    datasheets: z.array(
+      z.object({
+        datasheet_id: z.string().uuid(),
+        chip_name: z.string(),
+      }),
+    ),
+  }),
+})(async (req, ctx) => {
+  const { chip_name, is_popular } = req.commonParams
+  const datasheets = ctx.db
+    .listDatasheets({ chip_name, is_popular })
+    .map((ds) => ({
+      datasheet_id: ds.datasheet_id,
+      chip_name: ds.chip_name,
+    }))
+
+  return ctx.json({ datasheets })
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.92",
+  "version": "0.0.93",
   "type": "module",
   "repository": {
     "type": "git",

package/src/components/CmdKMenu.tsx

@@ -282,7 +282,7 @@ const CmdKMenu = () => {
       switch (type) {
         case "package":
         case "recent":
-          window.location.href = `/editor?package_id=${item.package_id}`
+          window.location.href = `/${item.owner_github_username}/${item.unscoped_name}`
           setOpen(false)
           break
         case "blank":

package/src/components/PackageBuildsPage/LogContent.tsx

@@ -18,6 +18,7 @@ export const LogContent = ({
   logs: Array<{
     type?: "info" | "success" | "error"
     msg?: string
+    message?: string
     timestamp?: string
   }>
   error?: ErrorObject | string | null
@@ -25,7 +26,8 @@ export const LogContent = ({
   return (
     <div className="font-mono text-xs space-y-1 min-w-0">
       {logs.map((log, i) => {
-        if (!log.msg) return null
+        const text = log.msg ?? log.message
+        if (!text) return null
 
         return (
           <div
@@ -44,7 +46,7 @@ export const LogContent = ({
               </span>
             )}
             {log.timestamp && " "}
-            <span className="break-all">{log.msg}</span>
+            <span className="break-all">{text}</span>
           </div>
         )
       })}

package/src/components/PackageCard.tsx

@@ -99,6 +99,8 @@ export const PackageCard: React.FC<PackageCardProps> = ({
       })
   }
 
+  const availableImages = ["pcb", "schematic", "assembly", "3d"]
+
   const cardContent = (
     <div
       className={`border p-4 rounded-md hover:shadow-md transition-shadow flex flex-col gap-4 ${className}`}
@@ -108,8 +110,8 @@ export const PackageCard: React.FC<PackageCardProps> = ({
           className={`${imageSize} flex-shrink-0 rounded-md overflow-hidden`}
         >
           <ImageWithFallback
-            src={`${baseUrl}/packages/images/${pkg.owner_github_username}/${pkg.unscoped_name}/pcb.svg?fs_sha=${pkg.latest_package_release_fs_sha}`}
-            alt={`${pkg.unscoped_name} PCB image`}
+            src={`${baseUrl}/packages/images/${pkg.owner_github_username}/${pkg.unscoped_name}/${availableImages.includes(pkg.default_view || "") ? pkg.default_view : "3d"}.png?fs_sha=${pkg.latest_package_release_fs_sha}`}
+            alt={`${pkg.unscoped_name} ${availableImages.includes(pkg.default_view || "") ? pkg.default_view : "3D"} view`}
             className={`object-cover h-full w-full ${imageTransform}`}
           />
         </div>

package/src/components/package-port/CodeAndPreview.tsx

@@ -224,34 +224,33 @@ export function CodeAndPreview({ pkg, projectUrl }: Props) {
             pkgFilesLoaded={!isLoading}
           />
         </div>
-        {state.showPreview && (
-          <div
-            className={cn(
-              "flex p-0 flex-col min-h-[640px]",
-              state.fullScreen
-                ? "fixed inset-0 z-50 bg-white p-4 overflow-hidden"
-                : "w-full md:w-1/2",
-            )}
-          >
-            <SuspenseRunFrame
-              showRunButton
-              forceLatestEvalVersion
-              onRenderStarted={() =>
-                setState((prev) => ({ ...prev, lastRunCode: currentFileCode }))
-              }
-              onRenderFinished={({ circuitJson }) => {
-                setState((prev) => ({ ...prev, circuitJson }))
-                toastManualEditConflicts(circuitJson, toast)
-              }}
-              mainComponentPath={mainComponentPath}
-              onEditEvent={(event) => {
-                handleEditEvent(event)
-              }}
-              fsMap={fsMap ?? {}}
-              projectUrl={projectUrl}
-            />
-          </div>
-        )}
+        <div
+          className={cn(
+            "flex p-0 flex-col min-h-[640px]",
+            state.fullScreen
+              ? "fixed inset-0 z-50 bg-white p-4 overflow-hidden"
+              : "w-full md:w-1/2",
+            !state.showPreview && "hidden",
+          )}
+        >
+          <SuspenseRunFrame
+            showRunButton
+            forceLatestEvalVersion
+            onRenderStarted={() =>
+              setState((prev) => ({ ...prev, lastRunCode: currentFileCode }))
+            }
+            onRenderFinished={({ circuitJson }) => {
+              setState((prev) => ({ ...prev, circuitJson }))
+              toastManualEditConflicts(circuitJson, toast)
+            }}
+            mainComponentPath={mainComponentPath}
+            onEditEvent={(event) => {
+              handleEditEvent(event)
+            }}
+            fsMap={fsMap ?? {}}
+            projectUrl={projectUrl}
+          />
+        </div>
       </div>
       <NewPackageSaveDialog initialIsPrivate={false} onSave={savePackage} />
       <DiscardChangesDialog onConfirm={handleDiscardChanges} />

package/src/pages/dashboard.tsx

@@ -71,7 +71,11 @@ export const DashboardPage = () => {
   const { data: latestPackages } = useQuery<Package[]>(
     "latestPackages",
     async () => {
-      const response = await axios.get("/packages/list_latest")
+      const response = await axios.get("/packages/list_latest", {
+        params: {
+          limit: 10,
+        },
+      })
       return response.data.packages
     },
     {