@tscircuit/fake-snippets 0.0.101 → 0.0.103

package/src/components/preview/ConnectedRepoOverview.tsx

@@ -0,0 +1,454 @@
+import { useState } from "react"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+import {
+  Clock,
+  GitBranch,
+  CheckCircle,
+  AlertCircle,
+  Loader2,
+  ExternalLink,
+  ChevronRight,
+  User,
+  Hash,
+} from "lucide-react"
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible"
+import { getBuildStatus, PackageBuild, StatusIcon } from "."
+import { formatTimeAgo } from "@/lib/utils/formatTimeAgo"
+
+interface ConnectedRepoOverviewProps {
+  build: PackageBuild
+}
+
+export const ConnectedRepoOverview = ({
+  build,
+}: ConnectedRepoOverviewProps) => {
+  const { status, label } = getBuildStatus(build)
+  const [openSections, setOpenSections] = useState({
+    transpilation: false,
+    circuitJson: false,
+    finalBuild: false,
+  })
+
+  const copyToClipboard = (text: string) => {
+    navigator.clipboard.writeText(text)
+  }
+
+  const buildDuration =
+    build.build_started_at && build.build_completed_at
+      ? Math.floor(
+          (new Date(build.build_completed_at).getTime() -
+            new Date(build.build_started_at).getTime()) /
+            1000,
+        )
+      : null
+
+  const toggleSection = (section: keyof typeof openSections) => {
+    setOpenSections((prev) => ({ ...prev, [section]: !prev[section] }))
+  }
+
+  const getStepStatus = (
+    error: string | null,
+    completed: string | null,
+    inProgress: boolean,
+  ) => {
+    if (error) return "error"
+    if (completed) return "success"
+    if (inProgress) return "building"
+    return "queued"
+  }
+
+  const getStepDuration = (
+    started: string | null,
+    completed: string | null,
+  ) => {
+    if (started && completed) {
+      const duration = Math.floor(
+        (new Date(completed).getTime() - new Date(started).getTime()) / 1000,
+      )
+      return `${duration}s`
+    }
+    return null
+  }
+
+  return (
+    <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6 focus:outline-none">
+      <div className="bg-white border border-gray-200 rounded-lg">
+        <div className="px-6 py-6 border-b border-gray-200">
+          <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
+            <div className="flex items-center gap-4">
+              <StatusIcon status={status} />
+              <div className="flex-1">
+                <div className="flex flex-col sm:flex-row sm:items-center sm:gap-3">
+                  <h1 className="text-xl sm:text-2xl font-semibold text-gray-900">
+                    Deployment {label}
+                  </h1>
+                </div>
+                <p className="text-sm text-gray-600 mt-1">
+                  Created {formatTimeAgo(build.created_at)}
+                </p>
+              </div>
+            </div>
+            <div className="flex items-center gap-3 flex-shrink-0">
+              {build.preview_url && (
+                <Button
+                  size="sm"
+                  className="flex items-center gap-2 min-w-[80px] h-9"
+                  onClick={() => window.open(build.preview_url!, "_blank")}
+                >
+                  <ExternalLink className="w-3 h-3" />
+                  Preview Deployment
+                </Button>
+              )}
+            </div>
+          </div>
+        </div>
+
+        <div className="px-6 py-4">
+          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
+            <div className="flex items-center gap-3 group">
+              <Hash className="w-4 h-4 text-gray-500 group-hover:text-blue-500 transition-colors" />
+              <div>
+                <p className="text-xs text-gray-500 uppercase tracking-wide">
+                  Build ID
+                </p>
+                <div className="flex items-center gap-2">
+                  <button
+                    onClick={() => copyToClipboard(build.package_build_id)}
+                    className="group-hover:text-blue-500 rounded  transition-colors"
+                  >
+                    {build.package_build_id}
+                  </button>
+                </div>
+              </div>
+            </div>
+
+            <div className="flex items-center gap-3 group">
+              <GitBranch className="w-4 h-4 text-gray-500 group-hover:text-blue-500 transition-colors" />
+              <div>
+                <p className="text-xs text-gray-500 uppercase tracking-wide">
+                  Branch
+                </p>
+                <a
+                  href={`https://github.com/tscircuit/tscircuit/tree/${build.branch_name || "main"}`}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="inline-block"
+                >
+                  <Badge
+                    variant="outline"
+                    className="text-xs mt-1 hover:bg-gray-100 cursor-pointer transition-colors"
+                  >
+                    {build.branch_name || "main"}
+                  </Badge>
+                </a>
+              </div>
+            </div>
+
+            <div className="flex items-center gap-3 group">
+              <User className="w-4 h-4 text-gray-500 group-hover:text-blue-500 transition-colors" />
+              <div>
+                <p className="text-xs text-gray-500 uppercase tracking-wide">
+                  Author
+                </p>
+                <a
+                  href={`https://github.com/${build.commit_author}`}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="text-sm font-medium hover:text-blue-500 transition-colors"
+                >
+                  {build.commit_author || "Unknown"}
+                </a>
+              </div>
+            </div>
+
+            {buildDuration && (
+              <div className="flex items-center gap-3 group">
+                <Clock className="w-4 h-4 text-gray-500 group-hover:text-blue-500 transition-colors" />
+                <div>
+                  <p className="text-xs text-gray-500 uppercase tracking-wide">
+                    Duration
+                  </p>
+                  <p
+                    className="text-sm font-medium hover:text-blue-500 transition-colors cursor-help"
+                    title={`Build started at ${build.build_started_at}`}
+                  >
+                    {buildDuration}s
+                  </p>
+                </div>
+              </div>
+            )}
+          </div>
+
+          {build.commit_message && (
+            <div className="mt-6 p-4 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
+              <p className="text-xs text-gray-500 uppercase tracking-wide mb-2">
+                Commit Message
+              </p>
+              <p className="text-sm text-gray-900 group-hover:text-gray-700 transition-colors">
+                {build.commit_message}
+              </p>
+            </div>
+          )}
+        </div>
+      </div>
+
+      <div className="space-y-3">
+        <h2 className="text-lg font-semibold text-gray-900">Logs</h2>
+
+        <Collapsible
+          open={openSections.transpilation}
+          onOpenChange={() => toggleSection("transpilation")}
+        >
+          <CollapsibleTrigger asChild>
+            <div className="flex items-center justify-between p-4 bg-white border border-gray-200 rounded-lg cursor-pointer hover:bg-gray-50">
+              <div className="flex items-center gap-3">
+                <ChevronRight
+                  className={`w-4 h-4 transition-transform ${openSections.transpilation ? "rotate-90" : ""}`}
+                />
+                {build.transpilation_error ? (
+                  <AlertCircle className="w-5 h-5 text-red-500" />
+                ) : build.transpilation_completed_at ? (
+                  <CheckCircle className="w-5 h-5 text-green-500" />
+                ) : build.transpilation_in_progress ? (
+                  <Loader2 className="w-5 h-5 text-blue-500 animate-spin" />
+                ) : (
+                  <Clock className="w-5 h-5 text-gray-400" />
+                )}
+                <span className="font-medium">Transpilation</span>
+              </div>
+              <div className="flex items-center gap-2">
+                {getStepDuration(
+                  build.transpilation_started_at,
+                  build.transpilation_completed_at,
+                ) && (
+                  <span className="text-sm text-gray-600">
+                    {getStepDuration(
+                      build.transpilation_started_at,
+                      build.transpilation_completed_at,
+                    )}
+                  </span>
+                )}
+                <Badge
+                  variant={
+                    getStepStatus(
+                      build.transpilation_error,
+                      build.transpilation_completed_at,
+                      build.transpilation_in_progress,
+                    ) === "success"
+                      ? "default"
+                      : getStepStatus(
+                            build.transpilation_error,
+                            build.transpilation_completed_at,
+                            build.transpilation_in_progress,
+                          ) === "error"
+                        ? "destructive"
+                        : "secondary"
+                  }
+                  className="text-xs"
+                >
+                  {build.transpilation_error
+                    ? "Failed"
+                    : build.transpilation_completed_at
+                      ? "Completed"
+                      : build.transpilation_in_progress
+                        ? "Running"
+                        : "Queued"}
+                </Badge>
+              </div>
+            </div>
+          </CollapsibleTrigger>
+          <CollapsibleContent>
+            <div className="bg-white border-x border-b border-gray-200 rounded-b-lg p-4">
+              <div className="font-mono text-xs space-y-1">
+                {build.transpilation_error ? (
+                  <div className="text-red-600 whitespace-pre-wrap">
+                    {build.transpilation_error}
+                  </div>
+                ) : build.transpilation_logs &&
+                  build.transpilation_logs.length > 0 ? (
+                  build.transpilation_logs.map((log: any, i: number) => (
+                    <div key={i} className="text-gray-600 whitespace-pre-wrap">
+                      {log.msg || log.message || JSON.stringify(log)}
+                    </div>
+                  ))
+                ) : (
+                  <div className="text-gray-500">No logs available</div>
+                )}
+              </div>
+            </div>
+          </CollapsibleContent>
+        </Collapsible>
+
+        <Collapsible
+          open={openSections.circuitJson}
+          onOpenChange={() => toggleSection("circuitJson")}
+        >
+          <CollapsibleTrigger asChild>
+            <div className="flex items-center justify-between p-4 bg-white border border-gray-200 rounded-lg cursor-pointer hover:bg-gray-50">
+              <div className="flex items-center gap-3">
+                <ChevronRight
+                  className={`w-4 h-4 transition-transform ${openSections.circuitJson ? "rotate-90" : ""}`}
+                />
+                {build.circuit_json_build_error ? (
+                  <AlertCircle className="w-5 h-5 text-red-500" />
+                ) : build.circuit_json_build_completed_at ? (
+                  <CheckCircle className="w-5 h-5 text-green-500" />
+                ) : build.circuit_json_build_in_progress ? (
+                  <Loader2 className="w-5 h-5 text-blue-500 animate-spin" />
+                ) : (
+                  <Clock className="w-5 h-5 text-gray-400" />
+                )}
+                <span className="font-medium">Circuit JSON Build</span>
+              </div>
+              <div className="flex items-center gap-2">
+                {getStepDuration(
+                  build.circuit_json_build_started_at,
+                  build.circuit_json_build_completed_at,
+                ) && (
+                  <span className="text-sm text-gray-600">
+                    {getStepDuration(
+                      build.circuit_json_build_started_at,
+                      build.circuit_json_build_completed_at,
+                    )}
+                  </span>
+                )}
+                <Badge
+                  variant={
+                    getStepStatus(
+                      build.circuit_json_build_error,
+                      build.circuit_json_build_completed_at,
+                      build.circuit_json_build_in_progress,
+                    ) === "success"
+                      ? "default"
+                      : getStepStatus(
+                            build.circuit_json_build_error,
+                            build.circuit_json_build_completed_at,
+                            build.circuit_json_build_in_progress,
+                          ) === "error"
+                        ? "destructive"
+                        : "secondary"
+                  }
+                  className="text-xs"
+                >
+                  {build.circuit_json_build_error
+                    ? "Failed"
+                    : build.circuit_json_build_completed_at
+                      ? "Completed"
+                      : build.circuit_json_build_in_progress
+                        ? "Running"
+                        : "Queued"}
+                </Badge>
+              </div>
+            </div>
+          </CollapsibleTrigger>
+          <CollapsibleContent>
+            <div className="bg-white border-x border-b border-gray-200 rounded-b-lg p-4">
+              <div className="font-mono text-xs space-y-1">
+                {build.circuit_json_build_error ? (
+                  <div className="text-red-600 whitespace-pre-wrap">
+                    {build.circuit_json_build_error}
+                  </div>
+                ) : build.circuit_json_build_logs &&
+                  build.circuit_json_build_logs.length > 0 ? (
+                  build.circuit_json_build_logs.map((log: any, i: number) => (
+                    <div key={i} className="text-gray-600 whitespace-pre-wrap">
+                      {log.msg || log.message || JSON.stringify(log)}
+                    </div>
+                  ))
+                ) : (
+                  <div className="text-gray-500">No logs available</div>
+                )}
+              </div>
+            </div>
+          </CollapsibleContent>
+        </Collapsible>
+
+        <Collapsible
+          open={openSections.finalBuild}
+          onOpenChange={() => toggleSection("finalBuild")}
+        >
+          <CollapsibleTrigger asChild>
+            <div className="flex items-center justify-between p-4 bg-white border border-gray-200 rounded-lg cursor-pointer hover:bg-gray-50">
+              <div className="flex items-center gap-3">
+                <ChevronRight
+                  className={`w-4 h-4 transition-transform ${openSections.finalBuild ? "rotate-90" : ""}`}
+                />
+                {build.build_error ? (
+                  <AlertCircle className="w-5 h-5 text-red-500" />
+                ) : build.build_completed_at ? (
+                  <CheckCircle className="w-5 h-5 text-green-500" />
+                ) : build.build_in_progress ? (
+                  <Loader2 className="w-5 h-5 text-blue-500 animate-spin" />
+                ) : (
+                  <Clock className="w-5 h-5 text-gray-400" />
+                )}
+                <span className="font-medium">Build</span>
+              </div>
+              <div className="flex items-center gap-2">
+                {getStepDuration(
+                  build.build_started_at,
+                  build.build_completed_at,
+                ) && (
+                  <span className="text-sm text-gray-600">
+                    {getStepDuration(
+                      build.build_started_at,
+                      build.build_completed_at,
+                    )}
+                  </span>
+                )}
+                <Badge
+                  variant={
+                    getStepStatus(
+                      build.build_error,
+                      build.build_completed_at,
+                      build.build_in_progress,
+                    ) === "success"
+                      ? "default"
+                      : getStepStatus(
+                            build.build_error,
+                            build.build_completed_at,
+                            build.build_in_progress,
+                          ) === "error"
+                        ? "destructive"
+                        : "secondary"
+                  }
+                  className="text-xs"
+                >
+                  {build.build_error
+                    ? "Failed"
+                    : build.build_completed_at
+                      ? "Completed"
+                      : build.build_in_progress
+                        ? "Running"
+                        : "Queued"}
+                </Badge>
+              </div>
+            </div>
+          </CollapsibleTrigger>
+          <CollapsibleContent>
+            <div className="bg-white border-x border-b border-gray-200 rounded-b-lg p-4">
+              <div className="font-mono text-xs space-y-1">
+                {build.build_error ? (
+                  <div className="text-red-600 whitespace-pre-wrap">
+                    {build.build_error}
+                  </div>
+                ) : build.build_logs ? (
+                  <div className="text-gray-600 whitespace-pre-wrap">
+                    {build.build_logs}
+                  </div>
+                ) : (
+                  <div className="text-gray-500">No logs available</div>
+                )}
+              </div>
+            </div>
+          </CollapsibleContent>
+        </Collapsible>
+      </div>
+    </div>
+  )
+}

package/src/components/preview/index.tsx

@@ -0,0 +1,248 @@
+export { ConnectedRepoOverview } from "./ConnectedRepoOverview"
+export { BuildsList } from "./BuildsList"
+export { ConnectedRepoDashboard } from "./ConnectedRepoDashboard"
+
+export const getBuildStatus = (build: PackageBuild) => {
+  if (
+    build.build_error ||
+    build.transpilation_error ||
+    build.circuit_json_build_error
+  ) {
+    return { status: "error", label: "Failed" }
+  }
+  if (
+    build.build_in_progress ||
+    build.transpilation_in_progress ||
+    build.circuit_json_build_in_progress
+  ) {
+    return { status: "building", label: "Building" }
+  }
+  if (build.build_completed_at && build.transpilation_completed_at) {
+    return { status: "success", label: "Ready" }
+  }
+  return { status: "queued", label: "Queued" }
+}
+
+export interface PackageBuild {
+  package_build_id: string
+  package_release_id: string | null
+  created_at: string
+  transpilation_in_progress: boolean
+  transpilation_started_at: string | null
+  transpilation_completed_at: string | null
+  transpilation_logs: any[]
+  transpilation_error: string | null
+  circuit_json_build_in_progress: boolean
+  circuit_json_build_started_at: string | null
+  circuit_json_build_completed_at: string | null
+  circuit_json_build_logs: any[]
+  circuit_json_build_error: string | null
+  build_in_progress: boolean
+  build_started_at: string | null
+  build_completed_at: string | null
+  build_error: string | null
+  build_error_last_updated_at: string
+  preview_url: string | null
+  build_logs: string | null
+  branch_name: string | null
+  commit_message: string | null
+  commit_author: string | null
+}
+
+export const MOCK_DEPLOYMENTS: PackageBuild[] = [
+  {
+    package_build_id: "pb_1a2b3c4d",
+    package_release_id: "pr_5e6f7g8h",
+    created_at: new Date(Date.now() - 1000 * 60 * 30).toISOString(),
+    transpilation_in_progress: false,
+    transpilation_started_at: new Date(
+      Date.now() - 1000 * 60 * 35,
+    ).toISOString(),
+    transpilation_completed_at: new Date(
+      Date.now() - 1000 * 60 * 32,
+    ).toISOString(),
+    transpilation_logs: [],
+    transpilation_error: null,
+    circuit_json_build_in_progress: false,
+    circuit_json_build_started_at: new Date(
+      Date.now() - 1000 * 60 * 32,
+    ).toISOString(),
+    circuit_json_build_completed_at: new Date(
+      Date.now() - 1000 * 60 * 30,
+    ).toISOString(),
+    circuit_json_build_logs: [],
+    circuit_json_build_error: null,
+    build_in_progress: false,
+    build_started_at: new Date(Date.now() - 1000 * 60 * 30).toISOString(),
+    build_completed_at: new Date(Date.now() - 1000 * 60 * 25).toISOString(),
+    build_error: null,
+    build_error_last_updated_at: new Date(
+      Date.now() - 1000 * 60 * 25,
+    ).toISOString(),
+    build_logs: null,
+    preview_url: "https://preview.tscircuit.com/pb_1a2b3c4d",
+    branch_name: "main",
+    commit_message: "Add new LED component with improved brightness control",
+    commit_author: "john.doe",
+  },
+  {
+    package_build_id: "pb_9i8j7k6l",
+    package_release_id: "pr_5m4n3o2p",
+    created_at: new Date(Date.now() - 1000 * 60 * 60 * 2).toISOString(),
+    transpilation_in_progress: false,
+    transpilation_started_at: new Date(
+      Date.now() - 1000 * 60 * 60 * 2,
+    ).toISOString(),
+    transpilation_completed_at: new Date(
+      Date.now() - 1000 * 60 * 60 * 2 + 1000 * 60 * 3,
+    ).toISOString(),
+    transpilation_logs: [],
+    transpilation_error: null,
+    circuit_json_build_in_progress: true,
+    circuit_json_build_started_at: new Date(
+      Date.now() - 1000 * 60 * 5,
+    ).toISOString(),
+    circuit_json_build_completed_at: null,
+    circuit_json_build_logs: [],
+    circuit_json_build_error: null,
+    build_in_progress: false,
+    build_started_at: null,
+    build_completed_at: null,
+    build_error: null,
+    build_error_last_updated_at: new Date(
+      Date.now() - 1000 * 60 * 60 * 2,
+    ).toISOString(),
+    build_logs: null,
+    preview_url: null,
+    branch_name: "feature/resistor-update",
+    commit_message: "Update resistor component with new tolerance values",
+    commit_author: "jane.smith",
+  },
+  {
+    package_build_id: "pb_1q2w3e4r",
+    package_release_id: "pr_5t6y7u8i",
+    created_at: new Date(Date.now() - 1000 * 60 * 60 * 6).toISOString(),
+    transpilation_in_progress: false,
+    transpilation_started_at: new Date(
+      Date.now() - 1000 * 60 * 60 * 6,
+    ).toISOString(),
+    transpilation_completed_at: new Date(
+      Date.now() - 1000 * 60 * 60 * 6 + 1000 * 60 * 2,
+    ).toISOString(),
+    transpilation_logs: [],
+    transpilation_error:
+      "TypeScript compilation failed: Cannot find module 'missing-dependency'",
+    circuit_json_build_in_progress: false,
+    circuit_json_build_started_at: null,
+    circuit_json_build_completed_at: null,
+    circuit_json_build_logs: [],
+    circuit_json_build_error: null,
+    build_in_progress: false,
+    build_started_at: null,
+    build_completed_at: null,
+    build_error: null,
+    build_error_last_updated_at: new Date(
+      Date.now() - 1000 * 60 * 60 * 6,
+    ).toISOString(),
+    build_logs: null,
+    preview_url: null,
+    branch_name: "hotfix/critical-bug",
+    commit_message: "Fix critical issue with capacitor placement",
+    commit_author: "alex.wilson",
+  },
+  {
+    package_build_id: "pb_9o8i7u6y",
+    package_release_id: "pr_5t4r3e2w",
+    created_at: new Date(Date.now() - 1000 * 60 * 60 * 24).toISOString(),
+    transpilation_in_progress: false,
+    transpilation_started_at: new Date(
+      Date.now() - 1000 * 60 * 60 * 24,
+    ).toISOString(),
+    transpilation_completed_at: new Date(
+      Date.now() - 1000 * 60 * 60 * 24 + 1000 * 60 * 4,
+    ).toISOString(),
+    transpilation_logs: [],
+    transpilation_error: null,
+    circuit_json_build_in_progress: false,
+    circuit_json_build_started_at: new Date(
+      Date.now() - 1000 * 60 * 60 * 24 + 1000 * 60 * 4,
+    ).toISOString(),
+    circuit_json_build_completed_at: new Date(
+      Date.now() - 1000 * 60 * 60 * 24 + 1000 * 60 * 8,
+    ).toISOString(),
+    circuit_json_build_logs: [],
+    circuit_json_build_error: null,
+    build_in_progress: false,
+    build_started_at: new Date(
+      Date.now() - 1000 * 60 * 60 * 24 + 1000 * 60 * 8,
+    ).toISOString(),
+    build_completed_at: new Date(
+      Date.now() - 1000 * 60 * 60 * 24 + 1000 * 60 * 12,
+    ).toISOString(),
+    build_error: null,
+    build_error_last_updated_at: new Date(
+      Date.now() - 1000 * 60 * 60 * 24 + 1000 * 60 * 12,
+    ).toISOString(),
+    build_logs: null,
+    preview_url: "https://preview.tscircuit.com/pb_9o8i7u6y",
+    branch_name: "main",
+    commit_message: "Initial project setup with basic components",
+    commit_author: "sarah.johnson",
+  },
+]
+
+import { Package, PackageRelease } from "fake-snippets-api/lib/db/schema"
+import { Clock, CheckCircle, AlertCircle, Loader2 } from "lucide-react"
+export const StatusIcon = ({ status }: { status: string }) => {
+  switch (status) {
+    case "success":
+      return <CheckCircle className="w-4 h-4 text-green-500" />
+    case "error":
+      return <AlertCircle className="w-4 h-4 text-red-500" />
+    case "building":
+      return <Loader2 className="w-4 h-4 text-blue-500 animate-spin" />
+    default:
+      return <Clock className="w-4 h-4 text-gray-500" />
+  }
+}
+
+export const getLatestBuildForPackage = (pkg: Package): PackageBuild => {
+  return MOCK_DEPLOYMENTS[0]
+}
+export const getLatestBuildFromPackageRelease = (
+  pkg: PackageRelease,
+): PackageBuild => {
+  return MOCK_DEPLOYMENTS[0]
+}
+export const getPackageFromBuild = (build: PackageBuild): Package => {
+  return {
+    ai_description: "placeholder ai description",
+    ai_usage_instructions: "placeholder ai usage instructions",
+    created_at: "2025-08-06T14:37:05.802Z",
+    creator_account_id: "account-1234",
+    default_view: "files",
+    description: "placeholder ai description",
+    github_repo_full_name: "testuser/pcb-designs",
+    is_board: false,
+    is_footprint: false,
+    is_model: false,
+    is_package: false,
+    is_private: false,
+    is_public: true,
+    is_snippet: false,
+    is_source_from_github: false,
+    is_unlisted: false,
+    latest_package_release_fs_sha: "md5-425b47ef26be8f0863eca9e63e516dfa",
+    latest_package_release_id: "package_release_1754491026466",
+    latest_version: "0.0.1",
+    license: null,
+    name: "testuser/untitled-package-0",
+    owner_github_username: "testuser",
+    owner_org_id: "org-1234",
+    package_id: "package_1754491025802",
+    star_count: 0,
+    unscoped_name: "untitled-package-0",
+    updated_at: "2025-08-06T14:37:25.083Z",
+    website: "",
+  }
+}