@tscircuit/fake-snippets 0.0.119 → 0.0.121

package/src/hooks/use-preview-images.ts

@@ -1,46 +1,50 @@
-import { useState } from "react"
+import { useEffect, useState } from "react"
 
 interface UsePreviewImagesProps {
-  packageName?: string
-  fsMapHash?: string
+  cadPreviewUrl?: string | null
+  pcbPreviewUrl?: string | null
+  schematicPreviewUrl?: string | null
 }
 
 export function usePreviewImages({
-  packageName,
-  fsMapHash,
+  cadPreviewUrl,
+  pcbPreviewUrl,
+  schematicPreviewUrl,
 }: UsePreviewImagesProps) {
   const [imageStatus, setImageStatus] = useState<
     Record<string, "loading" | "loaded" | "error">
   >({
-    "3d": "loading",
-    pcb: "loading",
-    schematic: "loading",
+    "3d": cadPreviewUrl ? "loading" : "error",
+    pcb: pcbPreviewUrl ? "loading" : "error",
+    schematic: schematicPreviewUrl ? "loading" : "error",
   })
 
+  useEffect(() => {
+    setImageStatus({
+      "3d": cadPreviewUrl ? "loading" : "error",
+      pcb: pcbPreviewUrl ? "loading" : "error",
+      schematic: schematicPreviewUrl ? "loading" : "error",
+    })
+  }, [cadPreviewUrl, pcbPreviewUrl, schematicPreviewUrl])
+
   const views = [
     {
       id: "3d",
       label: "3D View",
       backgroundClass: "bg-gray-100",
-      imageUrl: packageName
-        ? `https://api.tscircuit.com/packages/images/${packageName}/3d.png?fs_sha=${fsMapHash}`
-        : undefined,
+      imageUrl: cadPreviewUrl ?? undefined,
     },
     {
       id: "pcb",
       label: "PCB View",
       backgroundClass: "bg-black",
-      imageUrl: packageName
-        ? `https://api.tscircuit.com/packages/images/${packageName}/pcb.png?fs_sha=${fsMapHash}`
-        : undefined,
+      imageUrl: pcbPreviewUrl ?? undefined,
     },
     {
       id: "schematic",
       label: "Schematic View",
       backgroundClass: "bg-[#F5F1ED]",
-      imageUrl: packageName
-        ? `https://api.tscircuit.com/packages/images/${packageName}/schematic.png?fs_sha=${fsMapHash}`
-        : undefined,
+      imageUrl: schematicPreviewUrl ?? undefined,
     },
   ]
 
@@ -59,6 +63,7 @@ export function usePreviewImages({
   }
 
   const availableViews = views
+    .filter((view) => Boolean(view.imageUrl))
     .map((view) => ({
       ...view,
       status: imageStatus[view.id],

package/src/hooks/useUpdatePackageFilesMutation.ts

@@ -88,6 +88,14 @@ export function useUpdatePackageFilesMutation({
           }
         }
       }
+
+      if (!currentPackage) {
+        await axios.post("/package_releases/update", {
+          package_name_with_version: newPackage.package_name_with_version,
+          ready_to_build: true,
+        })
+      }
+
       return updatedFilesCount
     },
     onSuccess: (updatedFilesCount) => {

package/src/lib/utils/getPackagePreviewImageUrl.ts

@@ -0,0 +1,15 @@
+import { Package } from "fake-snippets-api/lib/db/schema"
+
+export const getPackagePreviewImageUrl = (
+  pkg: Package,
+  view: "pcb" | "schematic" | "3d" = "pcb",
+) => {
+  switch (view) {
+    case "schematic":
+      return pkg.latest_sch_preview_image_url
+    case "3d":
+      return pkg.latest_cad_preview_image_url
+    default:
+      return pkg.latest_pcb_preview_image_url
+  }
+}

package/src/pages/dashboard.tsx

@@ -168,7 +168,6 @@ export const DashboardPage = () => {
                       <PackageCard
                         key={pkg.package_id}
                         pkg={pkg}
-                        baseUrl={baseUrl}
                         isCurrentUserPackage={
                           pkg.owner_github_username === currentUser
                         }

package/src/pages/editor.tsx

@@ -8,6 +8,11 @@ export const EditorPage = () => {
   const { packageInfo: pkg, error } = useCurrentPackageInfo()
 
   const projectUrl = pkg ? `https://tscircuit.com/${pkg.name}` : undefined
+  const previewImageUrl =
+    pkg?.latest_pcb_preview_image_url ??
+    pkg?.latest_sch_preview_image_url ??
+    pkg?.latest_cad_preview_image_url ??
+    undefined
 
   return (
     <div className="overflow-x-hidden">
@@ -21,15 +26,13 @@ export const EditorPage = () => {
               property="og:title"
               content={`${pkg.unscoped_name} - tscircuit`}
             />
-            <meta
-              property="og:image"
-              content={`https://api.tscircuit.com/packages/images/${pkg.owner_github_username}/${pkg.unscoped_name}/pcb.png?fs_sha=${pkg.latest_package_release_fs_sha}`}
-            />
-            <meta name="twitter:card" content="summary_large_image" />
-            <meta
-              name="twitter:image"
-              content={`https://api.tscircuit.com/packages/images/${pkg.owner_github_username}/${pkg.unscoped_name}/pcb.png?fs_sha=${pkg.latest_package_release_fs_sha}`}
-            />
+            {previewImageUrl && (
+              <>
+                <meta property="og:image" content={previewImageUrl} />
+                <meta name="twitter:card" content="summary_large_image" />
+                <meta name="twitter:image" content={previewImageUrl} />
+              </>
+            )}
           </>
         )}
       </Helmet>

package/src/pages/organization-profile.tsx

@@ -150,7 +150,6 @@ export const OrganizationProfilePageContent = ({
                         <PackageCard
                           key={pkg.package_id}
                           pkg={pkg}
-                          baseUrl={baseUrl}
                           showOwner={false}
                           isCurrentUserPackage={isCurrentUserOrganization}
                         />

package/src/pages/package-editor.tsx

@@ -12,6 +12,12 @@ export const EditorPage = () => {
     /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-4[0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}$/,
   )
 
+  const previewImageUrl =
+    pkg?.latest_pcb_preview_image_url ??
+    pkg?.latest_sch_preview_image_url ??
+    pkg?.latest_cad_preview_image_url ??
+    undefined
+
   return (
     <div className="flex flex-col h-screen overflow-x-hidden">
       <Helmet>
@@ -22,15 +28,13 @@ export const EditorPage = () => {
               property="og:title"
               content={`${pkg.unscoped_name} - tscircuit`}
             />
-            <meta
-              property="og:image"
-              content={`https://api.tscircuit.com/packages/images/${pkg.owner_github_username}/${pkg.unscoped_name}/pcb.png?fs_sha=${pkg.latest_package_release_fs_sha}`}
-            />
-            <meta name="twitter:card" content="summary_large_image" />
-            <meta
-              name="twitter:image"
-              content={`https://api.tscircuit.com/packages/images/${pkg.owner_github_username}/${pkg.unscoped_name}/pcb.png?fs_sha=${pkg.latest_package_release_fs_sha}`}
-            />
+            {previewImageUrl && (
+              <>
+                <meta property="og:image" content={previewImageUrl} />
+                <meta name="twitter:card" content="summary_large_image" />
+                <meta name="twitter:image" content={previewImageUrl} />
+              </>
+            )}
           </>
         )}
       </Helmet>

package/src/pages/user-profile.tsx

@@ -281,7 +281,6 @@ export const UserProfilePage = () => {
                 <PackageCard
                   key={pkg.package_id}
                   pkg={pkg}
-                  baseUrl={baseUrl}
                   showOwner={activeTab === "starred"}
                   isCurrentUserPackage={
                     isCurrentUserProfile && activeTab === "all"