@tscircuit/fake-snippets 0.0.106 → 0.0.107

package/dist/index.d.ts

@@ -520,6 +520,7 @@ declare const packageReleaseSchema: z.ZodObject<{
     ai_review_requested: z.ZodDefault<z.ZodBoolean>;
     is_pr_preview: z.ZodDefault<z.ZodBoolean>;
     github_pr_number: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
+    latest_package_build_id: z.ZodOptional<z.ZodNullable<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
     package_release_id: string;
     created_at: string;
@@ -556,6 +557,7 @@ declare const packageReleaseSchema: z.ZodObject<{
     ai_review_error?: any;
     ai_review_logs?: any[] | null | undefined;
     github_pr_number?: number | null | undefined;
+    latest_package_build_id?: string | null | undefined;
 }, {
     package_release_id: string;
     created_at: string;
@@ -592,6 +594,7 @@ declare const packageReleaseSchema: z.ZodObject<{
     ai_review_requested?: boolean | undefined;
     is_pr_preview?: boolean | undefined;
     github_pr_number?: number | null | undefined;
+    latest_package_build_id?: string | null | undefined;
 }>;
 type PackageRelease = z.infer<typeof packageReleaseSchema>;
 declare const packageFileSchema: z.ZodObject<{
@@ -960,6 +963,7 @@ declare const createDatabase: ({ seed }?: {
         ai_review_error?: any;
         ai_review_logs?: any[] | null | undefined;
         github_pr_number?: number | null | undefined;
+        latest_package_build_id?: string | null | undefined;
     }[];
     packageFiles: {
         package_release_id: string;
@@ -1361,6 +1365,7 @@ declare const createDatabase: ({ seed }?: {
         ai_review_error?: any;
         ai_review_logs?: any[] | null | undefined;
         github_pr_number?: number | null | undefined;
+        latest_package_build_id?: string | null | undefined;
     }[];
     packageFiles: {
         package_release_id: string;

package/dist/index.js

@@ -212,7 +212,9 @@ var packageReleaseSchema = z.object({
   ai_review_requested: z.boolean().default(false),
   // Preview
   is_pr_preview: z.boolean().default(false),
-  github_pr_number: z.number().nullable().optional()
+  github_pr_number: z.number().nullable().optional(),
+  // Latest Build Reference
+  latest_package_build_id: z.string().nullable().optional()
 });
 var packageFileSchema = z.object({
   package_file_id: z.string(),
@@ -1045,7 +1047,7 @@ export default () => (
       }
     ]
   });
-  db.addPackageBuild({
+  const firstBuild = db.addPackageBuild({
     package_release_id: packageReleaseId1,
     created_at: new Date(Date.now() - 15e3).toISOString(),
     // 15 seconds ago
@@ -1075,6 +1077,11 @@ export default () => (
     commit_message: "Attempted build of a555timer-square-wave package",
     commit_author: "testuser"
   });
+  const release1 = db.getPackageReleaseById(packageReleaseId1);
+  db.updatePackageRelease({
+    ...release1,
+    latest_package_build_id: firstBuild.package_build_id
+  });
   db.addSnippet({
     name: "seveibar/a555timer",
     unscoped_name: "a555timer",
@@ -2113,7 +2120,7 @@ export const SquareWaveModule = () => (
       }
     ]
   });
-  db.addPackageBuild({
+  const failedBuild = db.addPackageBuild({
     package_release_id: packageReleaseId2,
     created_at: new Date(Date.now() - 15e3).toISOString(),
     // 15 seconds ago
@@ -2143,7 +2150,7 @@ export const SquareWaveModule = () => (
     commit_message: "Attempted build of a555timer-square-wave package",
     commit_author: "testuser"
   });
-  db.addPackageBuild({
+  const successfulBuild = db.addPackageBuild({
     package_release_id: packageReleaseId2,
     created_at: (/* @__PURE__ */ new Date()).toISOString(),
     transpilation_in_progress: false,
@@ -2185,6 +2192,11 @@ export const SquareWaveModule = () => (
     commit_message: "Initial build of a555timer-square-wave package",
     commit_author: "testuser"
   });
+  const release2 = db.getPackageReleaseById(packageReleaseId2);
+  db.updatePackageRelease({
+    ...release2,
+    latest_package_build_id: successfulBuild.package_build_id
+  });
   db.addOrder({
     account_id,
     is_running: false,
@@ -3349,7 +3361,14 @@ var initializer = combine(databaseSchema.parse({}), (set, get) => ({
       ...packageBuild
     };
     set((state) => ({
-      packageBuilds: [...state.packageBuilds, newPackageBuild]
+      packageBuilds: [...state.packageBuilds, newPackageBuild],
+      // Automatically update the package release to reference this as the latest build
+      packageReleases: state.packageReleases.map(
+        (release) => release.package_release_id === packageBuild.package_release_id ? {
+          ...release,
+          latest_package_build_id: newPackageBuild.package_build_id
+        } : release
+      )
     }));
     return newPackageBuild;
   },

package/dist/schema.d.ts

@@ -693,6 +693,7 @@ declare const packageReleaseSchema: z.ZodObject<{
     ai_review_requested: z.ZodDefault<z.ZodBoolean>;
     is_pr_preview: z.ZodDefault<z.ZodBoolean>;
     github_pr_number: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
+    latest_package_build_id: z.ZodOptional<z.ZodNullable<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
     package_release_id: string;
     created_at: string;
@@ -729,6 +730,7 @@ declare const packageReleaseSchema: z.ZodObject<{
     ai_review_error?: any;
     ai_review_logs?: any[] | null | undefined;
     github_pr_number?: number | null | undefined;
+    latest_package_build_id?: string | null | undefined;
 }, {
     package_release_id: string;
     created_at: string;
@@ -765,6 +767,7 @@ declare const packageReleaseSchema: z.ZodObject<{
     ai_review_requested?: boolean | undefined;
     is_pr_preview?: boolean | undefined;
     github_pr_number?: number | null | undefined;
+    latest_package_build_id?: string | null | undefined;
 }>;
 type PackageRelease = z.infer<typeof packageReleaseSchema>;
 declare const packageFileSchema: z.ZodObject<{
@@ -1176,6 +1179,7 @@ declare const databaseSchema: z.ZodObject<{
         ai_review_requested: z.ZodDefault<z.ZodBoolean>;
         is_pr_preview: z.ZodDefault<z.ZodBoolean>;
         github_pr_number: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
+        latest_package_build_id: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     }, "strip", z.ZodTypeAny, {
         package_release_id: string;
         created_at: string;
@@ -1212,6 +1216,7 @@ declare const databaseSchema: z.ZodObject<{
         ai_review_error?: any;
         ai_review_logs?: any[] | null | undefined;
         github_pr_number?: number | null | undefined;
+        latest_package_build_id?: string | null | undefined;
     }, {
         package_release_id: string;
         created_at: string;
@@ -1248,6 +1253,7 @@ declare const databaseSchema: z.ZodObject<{
         ai_review_requested?: boolean | undefined;
         is_pr_preview?: boolean | undefined;
         github_pr_number?: number | null | undefined;
+        latest_package_build_id?: string | null | undefined;
     }>, "many">>;
     packageFiles: z.ZodDefault<z.ZodArray<z.ZodObject<{
         package_file_id: z.ZodString;
@@ -2059,6 +2065,7 @@ declare const databaseSchema: z.ZodObject<{
         ai_review_error?: any;
         ai_review_logs?: any[] | null | undefined;
         github_pr_number?: number | null | undefined;
+        latest_package_build_id?: string | null | undefined;
     }[];
     packageFiles: {
         package_release_id: string;
@@ -2360,6 +2367,7 @@ declare const databaseSchema: z.ZodObject<{
         ai_review_requested?: boolean | undefined;
         is_pr_preview?: boolean | undefined;
         github_pr_number?: number | null | undefined;
+        latest_package_build_id?: string | null | undefined;
     }[] | undefined;
     packageFiles?: {
         package_release_id: string;

package/dist/schema.js

@@ -207,7 +207,9 @@ var packageReleaseSchema = z.object({
   ai_review_requested: z.boolean().default(false),
   // Preview
   is_pr_preview: z.boolean().default(false),
-  github_pr_number: z.number().nullable().optional()
+  github_pr_number: z.number().nullable().optional(),
+  // Latest Build Reference
+  latest_package_build_id: z.string().nullable().optional()
 });
 var packageFileSchema = z.object({
   package_file_id: z.string(),

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

@@ -1488,6 +1488,15 @@ const initializer = combine(databaseSchema.parse({}), (set, get) => ({
     }
     set((state) => ({
       packageBuilds: [...state.packageBuilds, newPackageBuild],
+      // Automatically update the package release to reference this as the latest build
+      packageReleases: state.packageReleases.map((release) =>
+        release.package_release_id === packageBuild.package_release_id
+          ? {
+              ...release,
+              latest_package_build_id: newPackageBuild.package_build_id,
+            }
+          : release,
+      ),
     }))
     return newPackageBuild
   },

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

@@ -255,6 +255,9 @@ export const packageReleaseSchema = z.object({
   // Preview
   is_pr_preview: z.boolean().default(false),
   github_pr_number: z.number().nullable().optional(),
+
+  // Latest Build Reference
+  latest_package_build_id: z.string().nullable().optional(),
 })
 export type PackageRelease = z.infer<typeof packageReleaseSchema>
 

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

@@ -538,7 +538,7 @@ export default () => (
     ],
   })
 
-  db.addPackageBuild({
+  const firstBuild = db.addPackageBuild({
     package_release_id: packageReleaseId1,
     created_at: new Date(Date.now() - 15000).toISOString(), // 15 seconds ago
     transpilation_in_progress: false,
@@ -574,6 +574,13 @@ export default () => (
     commit_message: "Attempted build of a555timer-square-wave package",
     commit_author: "testuser",
   })
+
+  // Update the package release with the latest build ID
+  const release1 = db.getPackageReleaseById(packageReleaseId1)!
+  db.updatePackageRelease({
+    ...release1,
+    latest_package_build_id: firstBuild.package_build_id,
+  })
   // Define the @tsci/seveibar.a555timer package
   db.addSnippet({
     name: "seveibar/a555timer",
@@ -1620,7 +1627,7 @@ export const SquareWaveModule = () => (
   })
 
   // Add failed build first
-  db.addPackageBuild({
+  const failedBuild = db.addPackageBuild({
     package_release_id: packageReleaseId2,
     created_at: new Date(Date.now() - 15000).toISOString(), // 15 seconds ago
     transpilation_in_progress: false,
@@ -1658,7 +1665,7 @@ export const SquareWaveModule = () => (
   })
 
   // Add successful build
-  db.addPackageBuild({
+  const successfulBuild = db.addPackageBuild({
     package_release_id: packageReleaseId2,
     created_at: new Date().toISOString(),
     transpilation_in_progress: false,
@@ -1702,6 +1709,13 @@ export const SquareWaveModule = () => (
     commit_author: "testuser",
   })
 
+  // Update the package release with the latest (successful) build ID
+  const release2 = db.getPackageReleaseById(packageReleaseId2)!
+  db.updatePackageRelease({
+    ...release2,
+    latest_package_build_id: successfulBuild.package_build_id,
+  })
+
   db.addOrder({
     account_id,
     is_running: false,

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

@@ -14,7 +14,6 @@ export default withRouteSpec({
   }),
 })(async (req, ctx) => {
   const { package_id, package_release_id } = req.query
-  console.log(ctx.db.packageBuilds)
   if (!package_id && !package_release_id) {
     return ctx.error(400, {
       error_code: "invalid_request",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.106",
+  "version": "0.0.107",
   "type": "module",
   "repository": {
     "type": "git",
@@ -30,7 +30,8 @@
     "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"
+    "generate-sitemap": "bun run scripts/generate-sitemap.ts",
+    "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
     "@anthropic-ai/sdk": "^0.27.3",

package/src/App.tsx

@@ -79,9 +79,9 @@ const PackageEditorPage = lazyImport(async () => {
   ])
   return editorModule
 })
-const ViewConnectedRepoPage = lazyImport(
-  () => import("@/pages/view-connected-repo"),
-)
+const ReleasesPage = lazyImport(() => import("@/pages/releases"))
+const ReleaseDetailPage = lazyImport(() => import("@/pages/release-detail"))
+const ReleaseBuildsPage = lazyImport(() => import("@/pages/release-builds"))
 const PreviewBuildPage = lazyImport(() => import("@/pages/preview-build"))
 
 class ErrorBoundary extends React.Component<
@@ -258,7 +258,22 @@ function App() {
             <Route path="/my-orders" component={MyOrdersPage} />
             <Route path="/dev-login" component={DevLoginPage} />
             <Route path="/:username" component={UserProfilePage} />
-            <Route path="/build/:buildId" component={ViewConnectedRepoPage} />
+            <Route
+              path="/:author/:packageName/release/:releaseId/builds"
+              component={ReleaseBuildsPage}
+            />
+            <Route
+              path="/:author/:packageName/release/:releaseId"
+              component={ReleaseDetailPage}
+            />
+            <Route
+              path="/:author/:packageName/releases/:packageReleaseId"
+              component={ReleaseDetailPage}
+            />
+            <Route
+              path="/:author/:packageName/releases"
+              component={ReleasesPage}
+            />
             <Route
               path="/build/:buildId/preview"
               component={PreviewBuildPage}

package/src/components/PackageBreadcrumb.tsx

@@ -0,0 +1,111 @@
+import { PrefetchPageLink } from "@/components/PrefetchPageLink"
+import {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from "@/components/ui/breadcrumb"
+
+interface PackageBreadcrumbProps {
+  author: string
+  packageName: string
+  unscopedName?: string
+  currentPage?: "releases" | "builds" | string
+  releaseVersion?: string
+}
+
+export function PackageBreadcrumb({
+  author,
+  packageName,
+  unscopedName,
+  currentPage,
+  releaseVersion,
+}: PackageBreadcrumbProps) {
+  return (
+    <Breadcrumb className="mb-4">
+      <BreadcrumbList>
+        {/* Author */}
+        <BreadcrumbItem>
+          <BreadcrumbLink asChild>
+            <PrefetchPageLink href={`/${author}`}>{author}</PrefetchPageLink>
+          </BreadcrumbLink>
+        </BreadcrumbItem>
+        <BreadcrumbSeparator>
+          <span>/</span>
+        </BreadcrumbSeparator>
+
+        {/* Package */}
+        <BreadcrumbItem>
+          <BreadcrumbLink asChild>
+            <PrefetchPageLink href={`/${packageName}`}>
+              {unscopedName || packageName}
+            </PrefetchPageLink>
+          </BreadcrumbLink>
+        </BreadcrumbItem>
+        <BreadcrumbSeparator>
+          <span>/</span>
+        </BreadcrumbSeparator>
+
+        {/* Releases */}
+        {(currentPage === "releases" ||
+          releaseVersion ||
+          currentPage === "builds") && (
+          <>
+            <BreadcrumbItem>
+              {currentPage === "releases" ? (
+                <BreadcrumbPage>releases</BreadcrumbPage>
+              ) : (
+                <BreadcrumbLink asChild>
+                  <PrefetchPageLink href={`/${packageName}/releases`}>
+                    releases
+                  </PrefetchPageLink>
+                </BreadcrumbLink>
+              )}
+            </BreadcrumbItem>
+            <BreadcrumbSeparator>
+              <span>/</span>
+            </BreadcrumbSeparator>
+          </>
+        )}
+
+        {/* Release Version */}
+        {releaseVersion && (
+          <>
+            <BreadcrumbItem>
+              {currentPage === "builds" ? (
+                <BreadcrumbLink asChild>
+                  <PrefetchPageLink
+                    href={`/${packageName}/release/${releaseVersion}`}
+                  >
+                    {releaseVersion}
+                  </PrefetchPageLink>
+                </BreadcrumbLink>
+              ) : (
+                <BreadcrumbPage>{releaseVersion}</BreadcrumbPage>
+              )}
+            </BreadcrumbItem>
+            {currentPage === "builds" && (
+              <>
+                <BreadcrumbSeparator>
+                  <span>/</span>
+                </BreadcrumbSeparator>
+                <BreadcrumbItem>
+                  <BreadcrumbPage>builds</BreadcrumbPage>
+                </BreadcrumbItem>
+              </>
+            )}
+          </>
+        )}
+
+        {/* Other current pages */}
+        {currentPage && !["releases", "builds"].includes(currentPage) && (
+          <BreadcrumbItem>
+            <BreadcrumbPage>{currentPage}</BreadcrumbPage>
+          </BreadcrumbItem>
+        )}
+      </BreadcrumbList>
+    </Breadcrumb>
+  )
+}

package/src/components/ViewPackagePage/components/sidebar-releases-section.tsx

@@ -7,7 +7,7 @@ import { BuildStatus, BuildStep } from "./build-status"
 import type { PackageRelease } from "fake-snippets-api/lib/db/schema"
 import { getBuildStatus, StatusIcon } from "@/components/preview"
 import { PrefetchPageLink } from "@/components/PrefetchPageLink"
-import { useLatestPackageBuildByReleaseId } from "@/hooks/use-package-builds"
+import { usePackageBuild } from "@/hooks/use-package-builds"
 
 function getTranspilationStatus(
   pr?: PackageRelease | null,
@@ -42,8 +42,8 @@ export default function SidebarReleasesSection() {
   const { data: packageRelease } = usePackageReleaseById(
     packageInfo?.latest_package_release_id,
   )
-  const { data: latestBuild } = useLatestPackageBuildByReleaseId(
-    packageRelease?.package_release_id,
+  const { data: latestBuild } = usePackageBuild(
+    packageRelease?.latest_package_build_id ?? null,
   )
 
   const buildSteps: BuildStep[] = [
@@ -79,12 +79,22 @@ export default function SidebarReleasesSection() {
     : { status: "pending", label: "pending" }
   return (
     <div className="mb-6">
-      <h2 className="text-lg font-semibold mb-2">Releases</h2>
+      <h2 className="text-lg font-semibold mb-2">
+        <PrefetchPageLink
+          href={`/${packageInfo?.owner_github_username}/${packageInfo?.unscoped_name}/releases`}
+          className="hover:underline"
+        >
+          Releases
+        </PrefetchPageLink>
+      </h2>
       <div className="flex flex-col space-y-2">
-        <div className="flex items-center">
+        <PrefetchPageLink
+          href={`/${packageInfo?.owner_github_username}/${packageInfo?.unscoped_name}/releases`}
+          className="flex items-center hover:underline"
+        >
           <Tag className="h-4 w-4 mr-2 text-gray-500 dark:text-[#8b949e]" />
           <span className="text-sm font-medium">v{packageRelease.version}</span>
-        </div>
+        </PrefetchPageLink>
         <div className="flex items-center">
           <Clock className="h-4 w-4 mr-2 text-gray-500 dark:text-[#8b949e]" />
           <span className="text-sm text-gray-500 dark:text-[#8b949e]">
@@ -104,7 +114,7 @@ export default function SidebarReleasesSection() {
             className="flex items-center gap-2 text-sm text-gray-500 dark:text-[#8b949e]"
           >
             <StatusIcon status={status} />
-            <span>Package preview {label}</span>
+            <span>Package Preview {label}</span>
           </PrefetchPageLink>
         )}
       </div>