@tscircuit/fake-snippets 0.0.105 → 0.0.107

package/fake-snippets-api/lib/public-mapping/public-map-package-build.ts

@@ -0,0 +1,41 @@
+import * as ZT from "fake-snippets-api/lib/db/schema"
+
+export const publicMapPackageBuild = (
+  internalPackageBuild: ZT.PackageBuild,
+  options: {
+    include_logs?: boolean
+  } = {
+    include_logs: false,
+  },
+): ZT.PackageBuild => {
+  const result = {
+    ...internalPackageBuild,
+    created_at: internalPackageBuild.created_at,
+    transpilation_started_at: internalPackageBuild.transpilation_started_at,
+    transpilation_completed_at: internalPackageBuild.transpilation_completed_at,
+    transpilation_logs: options.include_logs
+      ? internalPackageBuild.transpilation_logs
+      : [],
+    transpilation_error: internalPackageBuild.transpilation_error,
+    circuit_json_build_started_at:
+      internalPackageBuild.circuit_json_build_started_at,
+    circuit_json_build_completed_at:
+      internalPackageBuild.circuit_json_build_completed_at,
+    circuit_json_build_logs: options.include_logs
+      ? internalPackageBuild.circuit_json_build_logs
+      : [],
+    circuit_json_build_error: internalPackageBuild.circuit_json_build_error,
+    build_started_at: internalPackageBuild.build_started_at,
+    build_completed_at: internalPackageBuild.build_completed_at,
+    build_error: internalPackageBuild.build_error,
+    build_error_last_updated_at:
+      internalPackageBuild.build_error_last_updated_at,
+    preview_url: internalPackageBuild.preview_url,
+    build_logs: options.include_logs ? internalPackageBuild.build_logs : null,
+    branch_name: internalPackageBuild.branch_name,
+    commit_message: internalPackageBuild.commit_message,
+    commit_author: internalPackageBuild.commit_author,
+  }
+
+  return result
+}

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

@@ -0,0 +1,70 @@
+import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
+import { z } from "zod"
+import { publicMapPackageBuild } from "fake-snippets-api/lib/public-mapping/public-map-package-build"
+
+export default withRouteSpec({
+  methods: ["GET"],
+  auth: "session",
+  queryParams: z.object({
+    package_build_id: z.string(),
+  }),
+  jsonResponse: z.object({
+    package_build: z.any(),
+  }),
+})(async (req, ctx) => {
+  const { package_build_id } = req.query
+
+  if (!package_build_id) {
+    return ctx.error(400, {
+      error_code: "invalid_request",
+      message: "package_build_id is required",
+    })
+  }
+
+  const packageBuild = ctx.db.packageBuilds.find(
+    (build) => build.package_build_id === package_build_id,
+  )
+
+  if (!packageBuild) {
+    return ctx.error(404, {
+      error_code: "package_build_not_found",
+      message: "Package build not found",
+    })
+  }
+
+  const packageRelease = ctx.db.packageReleases.find(
+    (pr) => pr.package_release_id === packageBuild.package_release_id,
+  )
+
+  if (!packageRelease) {
+    return ctx.error(404, {
+      error_code: "package_release_not_found",
+      message: "Package release not found",
+    })
+  }
+
+  const pkg = ctx.db.packages.find(
+    (p) => p.package_id === packageRelease.package_id,
+  )
+  if (!pkg) {
+    return ctx.error(404, {
+      error_code: "package_not_found",
+      message: "Package not found",
+    })
+  }
+
+  if (pkg.creator_account_id !== ctx.auth.account_id) {
+    return ctx.error(403, {
+      error_code: "unauthorized",
+      message: "You are not authorized to access this package build",
+    })
+  }
+
+  const publicBuild = publicMapPackageBuild(packageBuild, {
+    include_logs: true,
+  })
+
+  return ctx.json({
+    package_build: publicBuild,
+  })
+})

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

@@ -0,0 +1,97 @@
+import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
+import { z } from "zod"
+import { publicMapPackageBuild } from "fake-snippets-api/lib/public-mapping/public-map-package-build"
+
+export default withRouteSpec({
+  methods: ["GET"],
+  auth: "session",
+  queryParams: z.object({
+    package_id: z.string().optional(),
+    package_release_id: z.string().optional(),
+  }),
+  jsonResponse: z.object({
+    package_builds: z.array(z.any()),
+  }),
+})(async (req, ctx) => {
+  const { package_id, package_release_id } = req.query
+  if (!package_id && !package_release_id) {
+    return ctx.error(400, {
+      error_code: "invalid_request",
+      message: "Either package_id or package_release_id must be provided",
+    })
+  }
+
+  let targetPackageId = package_id
+
+  if (package_release_id) {
+    const packageRelease = ctx.db.packageReleases.find(
+      (pr) => pr.package_release_id === package_release_id,
+    )
+    if (!packageRelease) {
+      return ctx.error(404, {
+        error_code: "package_release_not_found",
+        message: "Package release not found",
+      })
+    }
+    targetPackageId = packageRelease.package_id
+  }
+
+  if (targetPackageId) {
+    const pkg = ctx.db.packages.find((p) => p.package_id === targetPackageId)
+    if (!pkg) {
+      return ctx.error(404, {
+        error_code: "package_not_found",
+        message: "Package not found",
+      })
+    }
+    if (pkg.creator_account_id !== ctx.auth.account_id) {
+      return ctx.error(403, {
+        error_code: "unauthorized",
+        message: "You are not authorized to access this package",
+      })
+    }
+  }
+
+  let builds = ctx.db.packageBuilds
+
+  if (package_id) {
+    const packageReleases = ctx.db.packageReleases.filter(
+      (x) => x.package_id === package_id,
+    )
+    if (packageReleases.length === 0) {
+      return ctx.error(404, {
+        error_code: "package_not_found",
+        message: "Package not found",
+      })
+    }
+
+    const packageReleaseIds = packageReleases
+      .filter((pr) => pr.package_id === package_id)
+      .map((pr) => pr.package_release_id)
+
+    builds = builds.filter((build) =>
+      packageReleaseIds.includes(build.package_release_id),
+    )
+  }
+
+  if (package_release_id) {
+    builds = builds.filter(
+      (build) => build.package_release_id === package_release_id,
+    )
+  }
+
+  builds = builds.sort(
+    (a, b) =>
+      new Date(b.created_at).getTime() - new Date(a.created_at).getTime(),
+  )
+
+  const publicBuilds = builds.map((build) =>
+    publicMapPackageBuild(build, {
+      include_logs: false,
+    }),
+  )
+
+  return ctx.json({
+    package_builds: publicBuilds,
+  })
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.105",
+  "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<
@@ -143,7 +143,8 @@ class ErrorBoundary extends React.Component<
     this.cleanup() // Clean up listeners before reload
     this.setState({ reloading: true })
     this.reloadTimeout = window.setTimeout(() => {
-      // window.location.reload()
+      if (window?.location.href.includes("localhost:")) return
+      window.location.reload()
     }, 500)
   }
 
@@ -257,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

@@ -5,12 +5,9 @@ import { usePackageReleaseById } from "@/hooks/use-package-release"
 import { timeAgo } from "@/lib/utils/timeAgo"
 import { BuildStatus, BuildStep } from "./build-status"
 import type { PackageRelease } from "fake-snippets-api/lib/db/schema"
-import {
-  getBuildStatus,
-  getLatestBuildFromPackageRelease,
-  StatusIcon,
-} from "@/components/preview"
+import { getBuildStatus, StatusIcon } from "@/components/preview"
 import { PrefetchPageLink } from "@/components/PrefetchPageLink"
+import { usePackageBuild } from "@/hooks/use-package-builds"
 
 function getTranspilationStatus(
   pr?: PackageRelease | null,
@@ -45,6 +42,9 @@ export default function SidebarReleasesSection() {
   const { data: packageRelease } = usePackageReleaseById(
     packageInfo?.latest_package_release_id,
   )
+  const { data: latestBuild } = usePackageBuild(
+    packageRelease?.latest_package_build_id ?? null,
+  )
 
   const buildSteps: BuildStep[] = [
     {
@@ -74,16 +74,27 @@ export default function SidebarReleasesSection() {
     )
   }
 
-  const latestBuild = getLatestBuildFromPackageRelease(packageRelease)
-  const { status, label } = getBuildStatus(latestBuild)
+  const { status, label } = latestBuild
+    ? getBuildStatus(latestBuild)
+    : { 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]">
@@ -103,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>