npm - @tscircuit/fake-snippets - Versions diffs - 0.0.6 → 0.0.8 - Mend

@tscircuit/fake-snippets 0.0.6 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (45) hide show

package/index.html CHANGED Viewed

@@ -84,6 +84,17 @@
       }, 300); // Match the opacity transition duration
     };
   </script>
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16607843883">
+  </script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+    gtag('config', 'AW-16607843883');
+  </script>
 </head>
 <body>
@@ -102,4 +113,4 @@
   <script type="module" src="./src/main.tsx"></script>
 </body>
-</html>
+</html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "repository": {
     "type": "git",
@@ -61,13 +61,13 @@
     "@radix-ui/react-toggle": "^1.1.0",
     "@radix-ui/react-toggle-group": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
-    "@tscircuit/3d-viewer": "^0.0.113",
-    "@tscircuit/footprinter": "^0.0.102",
+    "@tscircuit/3d-viewer": "^0.0.142",
+    "@tscircuit/footprinter": "^0.0.124",
     "@tscircuit/layout": "^0.0.29",
     "@tscircuit/math-utils": "^0.0.10",
     "@tscircuit/mm": "^0.0.8",
     "@tscircuit/pcb-viewer": "^1.11.12",
-    "@tscircuit/props": "^0.0.138",
+    "@tscircuit/props": "^0.0.143",
     "@tscircuit/schematic-viewer": "^1.4.3",
     "@types/file-saver": "^2.0.7",
     "@types/ms": "^0.7.34",
@@ -76,12 +76,12 @@
     "@valtown/codemirror-ts": "^2.2.0",
     "@vercel/analytics": "^1.4.1",
     "change-case": "^5.4.4",
-    "circuit-json": "^0.0.135",
+    "circuit-json": "^0.0.136",
     "circuit-json-to-bom-csv": "^0.0.6",
     "circuit-json-to-gerber": "^0.0.16",
     "circuit-json-to-pnp-csv": "^0.0.6",
+    "circuit-json-to-readable-netlist": "^0.0.8",
     "circuit-json-to-tscircuit": "^0.0.4",
-    "circuit-json-to-readable-netlist": "^0.0.7",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",
@@ -97,7 +97,7 @@
     "immer": "^10.1.1",
     "input-otp": "^1.2.4",
     "jose": "^5.9.3",
-    "jscad-electronics": "^0.0.24",
+    "jscad-electronics": "^0.0.25",
     "jszip": "^3.10.1",
     "kicad-converter": "^0.0.16",
     "lucide-react": "^0.445.0",
@@ -130,9 +130,9 @@
     "@babel/standalone": "^7.26.2",
     "@biomejs/biome": "^1.9.2",
     "@playwright/test": "^1.48.0",
-    "@tscircuit/core": "^0.0.296",
+    "@tscircuit/core": "^0.0.315",
     "@tscircuit/prompt-benchmarks": "^0.0.28",
-    "@tscircuit/runframe": "^0.0.139",
+    "@tscircuit/runframe": "^0.0.193",
     "@types/babel__standalone": "^7.1.7",
     "@types/bun": "^1.1.10",
     "@types/country-list": "^2.1.4",
@@ -146,6 +146,7 @@
     "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.20",
     "circuit-to-svg": "^0.0.101",
+    "get-port": "^7.1.0",
     "globals": "^15.9.0",
     "postcss": "^8.4.47",
     "prismjs": "^1.29.0",

package/playwright-tests/profile-page.spec.ts ADDED Viewed

@@ -0,0 +1,59 @@
+import { test, expect } from "@playwright/test"
+test("test delete functionality in profile", async ({ page }) => {
+  // Go to profile page
+  await page.goto("http://localhost:5177/testuser")
+  // Login
+  await page.getByRole("button", { name: "Log in" }).click()
+  // Wait for snippets grid to load
+  await page.waitForSelector(".grid")
+  await page.waitForLoadState("networkidle")
+  // Verify initial snippet exists
+  const snippetTitle = page.locator(".text-md.font-semibold").first()
+  const snippetName = await snippetTitle.textContent()
+  expect(await snippetTitle.isVisible()).toBe(true)
+  // Take screenshot of initial state
+  await expect(page).toHaveScreenshot("profile-page-before-delete.png")
+  // Open dropdown menu
+  await page.locator(".lucide-ellipsis-vertical").first().click()
+  await page.waitForTimeout(1000)
+  // Take screenshot with dropdown open
+  await expect(page).toHaveScreenshot("profile-page-dropdown-open.png")
+  // Click delete option
+  await page.getByRole("menuitem", { name: "Delete Snippet" }).click()
+  // Wait for and verify confirmation dialog
+  const dialog = page.locator('[role="dialog"]')
+  await expect(dialog).toBeVisible()
+  const dialogText = await dialog.textContent()
+  expect(dialogText).toContain(
+    `Are you sure you want to delete the snippet "${snippetName}"?`,
+  )
+  // Take screenshot of delete dialog
+  await expect(page).toHaveScreenshot("profile-page-delete-dialog.png")
+  // Confirm delete
+  await page.getByRole("button", { name: "Delete" }).click()
+  // Verify success toast appears
+  await page.waitForSelector('div:has-text("Successfully deleted")', {
+    state: "visible",
+  })
+  // Wait for page to update
+  await page.waitForLoadState("networkidle")
+  // Verify snippet is removed
+  const remainingSnippets = await page
+    .locator(`.text-md.font-semibold:has-text("${snippetName}")`)
+    .count()
+  expect(remainingSnippets).toBe(0)
+})

package/playwright-tests/snapshots/profile-page.spec.ts-profile-page-before-delete.png ADDED Viewed

Binary file

package/playwright-tests/snapshots/profile-page.spec.ts-profile-page-delete-dialog.png ADDED Viewed

Binary file

package/playwright-tests/snapshots/profile-page.spec.ts-profile-page-dropdown-open.png ADDED Viewed

Binary file

package/scripts/generate-image-sizes.ts CHANGED Viewed

@@ -7,7 +7,6 @@ const INPUT_DIR = "src/assets/originals"
 const OUTPUT_DIR = "public/assets"
 async function generateImageSizes() {
-  console.log("one")
   if (!fs.existsSync(INPUT_DIR)) {
     fs.mkdirSync(INPUT_DIR, { recursive: true })
   }

package/scripts/generate_bundle_stats.js CHANGED Viewed

@@ -82,11 +82,22 @@ function compareSizes(prData, mainData, dependencies) {
     const mainSize = mainStats.depStats[dep]?.size || 0
     const diff = prSize - mainSize
+    let percentChange = "N/A"
+    if (prSize === 0 && mainSize > 0) {
+      percentChange = "Removed"
+    } else if (mainSize !== 0) {
+      percentChange = (diff / mainSize) * 100
+    } else if (prSize > 0 && mainSize === 0) {
+      percentChange = "Added"
+    } else {
+      percentChange = 0
+    }
     diffStats[dep] = {
       before: mainSize,
       after: prSize,
       diff,
-      percentChange: (diff / mainSize) * 100 || 0,
+      percentChange,
     }
   })
@@ -95,7 +106,10 @@ function compareSizes(prData, mainData, dependencies) {
     totalAfter: prStats.totalSize,
     totalDiff: prStats.totalSize - mainStats.totalSize,
     totalPercentChange:
-      ((prStats.totalSize - mainStats.totalSize) / mainStats.totalSize) * 100,
+      mainStats.totalSize !== 0
+        ? ((prStats.totalSize - mainStats.totalSize) / mainStats.totalSize) *
+          100
+        : 0,
     diffStats,
   }
 }
@@ -107,7 +121,7 @@ function generateDiffMarkdown(prData, mainData, dependencies) {
   markdown += `## Total Bundle Size\n\n`
   markdown += `- Before: **${formatBytes(comparison.totalBefore)}**\n`
   markdown += `- After: **${formatBytes(comparison.totalAfter)}**\n`
-  markdown += `- Change: ${totalDiffSymbol} **${formatBytes(Math.abs(comparison.totalDiff))}** (${comparison.totalPercentChange.toFixed(2)}%)\n\n`
+  markdown += `- Change: ${totalDiffSymbol} **${formatBytes(Math.abs(comparison.totalDiff))}** (${isNaN(comparison.totalPercentChange) ? "N/A" : comparison.totalPercentChange.toFixed(2)}%)\n\n`
   markdown += `## Diff\n\n`
@@ -117,7 +131,10 @@ function generateDiffMarkdown(prData, mainData, dependencies) {
   const significantChanges = sortedDiffs.filter(
     ([, stats]) =>
-      Math.abs(stats.percentChange) > 1 || Math.abs(stats.diff) > 1024,
+      (typeof stats.percentChange === "number" &&
+        (Math.abs(stats.percentChange) > 1 || Math.abs(stats.diff) > 1024)) ||
+      stats.percentChange === "Added" ||
+      stats.percentChange === "Removed",
   )
   if (significantChanges.length > 0) {
@@ -127,8 +144,7 @@ function generateDiffMarkdown(prData, mainData, dependencies) {
     for (const [name, stats] of significantChanges) {
       const version = dependencies[name]
       const symbol = stats.diff > 0 ? "📈" : "📉"
-      markdown += `| ${name}@${version} | ${formatBytes(stats.before)} | ${formatBytes(stats.after)} | ${symbol} ${formatBytes(Math.abs(stats.diff))} |
- ${stats.percentChange.toFixed(2)}% |\n`
+      markdown += `| ${name}@${version} | ${formatBytes(stats.before)} | ${formatBytes(stats.after)} | ${symbol} ${formatBytes(Math.abs(stats.diff))} | ${typeof stats.percentChange === "number" ? stats.percentChange.toFixed(2) + "%" : stats.percentChange} |\n`
     }
   } else {
     markdown += "No significant changes in bundle size.\n"

package/src/components/AiChatInterface.tsx CHANGED Viewed

@@ -165,6 +165,14 @@ export default function AIChatInterface({
         {messages.length === 0 && isLoggedIn && (
           <div className="text-gray-500 text-xl text-center pt-[30vh] flex flex-col items-center">
             <div>Submit a prompt to {snippet ? "edit!" : "get started!"}</div>
+            <div className="mt-2">
+              This is our legacy AI chat interface. For a better experience,
+              please use{" "}
+              <PrefetchPageLink href="https://chat.tscircuit.com">
+                chat.tscircuit.com
+              </PrefetchPageLink>
+              .
+            </div>
             <div className="text-6xl mt-4">↓</div>
           </div>
         )}

package/src/components/Analytics.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import posthog from "posthog-js"
 import CookieConsent from "react-cookie-consent"
 posthog.init("phc_htd8AQjSfVEsFCLQMAiUooG4Q0DKBCjqYuQglc9V3Wo", {
-  api_host: "https://us.i.posthog.com",
+  api_host: "https://postpig.tscircuit.com",
   person_profiles: "always",
 })

package/src/components/CodeAndPreview.tsx CHANGED Viewed

@@ -166,6 +166,15 @@ export function CodeAndPreview({ snippet }: Props) {
   const [lastSavedAt, setLastSavedAt] = useState(Date.now())
   const handleSave = async () => {
+    if (hasUnrunChanges) {
+      toast({
+        title: "Warning",
+        description: "You must run the snippet before saving your changes.",
+        variant: "destructive",
+      })
+      return
+    }
     setLastSavedAt(Date.now())
     if (snippet) {
       updateSnippetMutation.mutate()
@@ -197,8 +206,6 @@ export function CodeAndPreview({ snippet }: Props) {
       ...(code.match(/export const (\w+) ?=/)?.slice(1) ?? []),
     ]
-    console.log(possibleExportNames)
     const exportName = possibleExportNames[0]
     let entrypointContent: string
@@ -224,7 +231,6 @@ export function CodeAndPreview({ snippet }: Props) {
       "main.tsx": entrypointContent,
     }
   }, [code, manualEditsFileContent])
-  console.log(fsMap)
   if (!snippet && (urlParams.snippet_id || urlParams.should_create_snippet)) {
     return (

package/src/components/CreateNewSnippetWithAiHero.tsx CHANGED Viewed

@@ -12,12 +12,16 @@ export function CreateNewSnippetWithAiHero() {
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault()
     if (inputValue.trim()) {
-      navigate(`/ai?initial_prompt=${encodeURIComponent(inputValue)}`)
+      navigate(
+        `https://chat.tscircuit.com?initial_prompt=${encodeURIComponent(inputValue)}`,
+      )
     }
   }
   const handleQuickPrompt = (prompt: string) => {
-    navigate(`/ai?initial_prompt=${encodeURIComponent(prompt)}`)
+    navigate(
+      `https://chat.tscircuit.com?initial_prompt=${encodeURIComponent(prompt)}`,
+    )
   }
   return (

package/src/components/EditorNav.tsx CHANGED Viewed

@@ -48,6 +48,7 @@ import { SnippetLink } from "./SnippetLink"
 import { TypeBadge } from "./TypeBadge"
 import { useUpdateDescriptionDialog } from "./dialogs/edit-description-dialog"
 import { useForkSnippetMutation } from "@/hooks/useForkSnippetMutation"
+import tscircuitCorePkg from "@tscircuit/core/package.json"
 export default function EditorNav({
   circuitJson,
@@ -367,6 +368,9 @@ export default function EditorNav({
                 <Trash2 className="mr-2 h-3 w-3" />
                 Delete Snippet
               </DropdownMenuItem>
+              <DropdownMenuItem className="text-xs text-gray-500" disabled>
+                @tscircuit/core@{tscircuitCorePkg.version}
+              </DropdownMenuItem>
             </DropdownMenuContent>
           </DropdownMenu>
           <Button

package/src/components/Footer.tsx CHANGED Viewed

@@ -26,7 +26,7 @@ export default function Footer() {
                 { name: "Home", href: "/" },
                 { name: "Dashboard", href: "/dashboard" },
                 { name: "Editor", href: "/editor" },
-                { name: "Create with AI", href: "/ai" },
+                { name: "Create with AI", href: "https://chat.tscircuit.com" },
                 {
                   name: "My Profile",
                   href: `/${session?.github_username}`,

package/src/components/Header.tsx CHANGED Viewed

@@ -75,16 +75,15 @@ export default function Header() {
                   <HeaderButton href="/dashboard">Dashboard</HeaderButton>
                 </li>
               )}
-              <li>
-                <HeaderButton href="/newest">Newest</HeaderButton>
-              </li>
               <li>
                 <HeaderButton href="/quickstart" alsoHighlightForUrl="/editor">
                   Editor
                 </HeaderButton>
               </li>
               <li>
-                <HeaderButton href="/ai">AI</HeaderButton>
+                <a href="https://chat.tscircuit.com">
+                  <Button variant="ghost">AI</Button>
+                </a>
               </li>
               <li>
                 <a href="https://docs.tscircuit.com">
@@ -144,11 +143,6 @@ export default function Header() {
                   </HeaderButton>
                 </li>
               )}
-              <li>
-                <HeaderButton className="w-full justify-start" href="/newest">
-                  Newest
-                </HeaderButton>
-              </li>
               <li>
                 <HeaderButton
                   className="w-full justify-start"
@@ -159,7 +153,10 @@ export default function Header() {
                 </HeaderButton>
               </li>
               <li>
-                <HeaderButton className="w-full justify-start" href="/ai">
+                <HeaderButton
+                  className="w-full justify-start"
+                  href="https://chat.tscircuit.com"
+                >
                   AI
                 </HeaderButton>
               </li>

package/src/components/HeaderLogin.tsx CHANGED Viewed

@@ -41,7 +41,7 @@ export const HeaderLogin: React.FC<HeaderLoginProps> = () => {
       }
     }
     return (
-      <div className="flex items-center space-x-2 justify-end">
+      <div className="flex items-center md:space-x-2 justify-end">
         <Button onClick={() => signIn()} variant="ghost">
           Log in
         </Button>

package/src/components/PreviewContent.tsx CHANGED Viewed

@@ -320,7 +320,10 @@ export const PreviewContent = ({
             >
               <ErrorBoundary FallbackComponent={ErrorFallback}>
                 {circuitJson ? (
-                  <CadViewer soup={circuitJson as any} ref={threeJsObjectRef} />
+                  <CadViewer
+                    circuitJson={circuitJson as any}
+                    ref={threeJsObjectRef}
+                  />
                 ) : (
                   <PreviewEmptyState triggerRunTsx={triggerRunTsx} />
                 )}

package/src/components/SnippetList.tsx ADDED Viewed

@@ -0,0 +1,71 @@
+import { Button } from "@/components/ui/button"
+import { ChevronDown, ChevronUp, Star } from "lucide-react"
+import { Link } from "wouter"
+import { Snippet } from "fake-snippets-api/lib/db/schema"
+interface SnippetListProps {
+  title: string
+  snippets?: Snippet[]
+  showAll?: boolean
+  onToggleShowAll?: () => void
+  maxItems?: number
+}
+export const SnippetList = ({
+  title,
+  snippets = [],
+  showAll = false,
+  onToggleShowAll,
+  maxItems = 5,
+}: SnippetListProps) => {
+  const displayedSnippets = showAll ? snippets : snippets.slice(0, maxItems)
+  return (
+    <div>
+      <div className="flex items-center justify-between">
+        <h2 className="text-sm font-bold text-gray-700">{title}</h2>
+        {snippets.length > maxItems && onToggleShowAll && (
+          <Button
+            variant="ghost"
+            size="sm"
+            onClick={onToggleShowAll}
+            className="text-blue-600 hover:text-blue-700 hover:bg-transparent"
+          >
+            {showAll ? (
+              <>
+                Show less <ChevronUp className="w-3 h-3 ml-1" />
+              </>
+            ) : (
+              <>
+                Show more <ChevronDown className="w-3 h-3 ml-1" />
+              </>
+            )}
+          </Button>
+        )}
+      </div>
+      <div className="border-b border-gray-200" />
+      {snippets && (
+        <ul className="space-y-1 mt-2">
+          {displayedSnippets.map((snippet) => (
+            <li key={snippet.snippet_id}>
+              <div className="flex items-center">
+                <Link
+                  href={`/${snippet.owner_name}/${snippet.unscoped_name}`}
+                  className="text-blue-600 hover:underline text-sm"
+                >
+                  {snippet.owner_name}/{snippet.unscoped_name}
+                </Link>
+                {snippet.star_count > 0 && (
+                  <span className="ml-2 text-gray-500 text-xs flex items-center">
+                    <Star className="w-3 h-3 mr-1" />
+                    {snippet.star_count}
+                  </span>
+                )}
+              </div>
+            </li>
+          ))}
+        </ul>
+      )}
+    </div>
+  )
+}

package/src/lib/templates/blinking-led-board-template.ts CHANGED Viewed

@@ -3,11 +3,12 @@ export const blinkingLedBoardTemplate = {
   code: `
 import { useUsbC } from "@tsci/seveibar.smd-usb-c"
 import { useRedLed } from "@tsci/seveibar.red-led"
-import { A555Timer } from "@tsci/seveibar.a555timer"
+import { useNE555P } from "@tsci/seveibar.a555timer"
 export const MyBlinkingLedCircuit = () => {
   const USBC = useUsbC("USBC")
   const Led = useRedLed("LED")
+  const A555Timer = useNE555P("B1")
   return (
     <board width="30mm" height="30mm" schAutoLayoutEnabled>

package/src/pages/dashboard.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from "react"
+import React, { useState } from "react"
 import { useQuery } from "react-query"
 import { useAxios } from "@/hooks/use-axios"
 import Header from "@/components/Header"
@@ -6,15 +6,18 @@ import Footer from "@/components/Footer"
 import { Snippet } from "fake-snippets-api/lib/db/schema"
 import { Link } from "wouter"
 import { CreateNewSnippetWithAiHero } from "@/components/CreateNewSnippetWithAiHero"
-import { Edit2, Star } from "lucide-react"
+import { Edit2, Star, ChevronDown, ChevronUp } from "lucide-react"
 import { Button } from "@/components/ui/button"
 import { useGlobalStore } from "@/hooks/use-global-store"
 import { PrefetchPageLink } from "@/components/PrefetchPageLink"
+import { SnippetList } from "@/components/SnippetList"
 export const DashboardPage = () => {
   const axios = useAxios()
   const currentUser = useGlobalStore((s) => s.session?.github_username)
+  const [showAllTrending, setShowAllTrending] = useState(false)
+  const [showAllNewest, setShowAllNewest] = useState(false)
   const {
     data: mySnippets,
@@ -114,48 +117,20 @@ export const DashboardPage = () => {
             )}
           </div>
           <div className="md:w-1/4">
-            <h2 className="text-sm font-bold mb-2 text-gray-700 border-b border-gray-200">
-              Trending Snippets
-            </h2>
-            {trendingSnippets && (
-              <ul className="space-y-1">
-                {trendingSnippets.map((snippet) => (
-                  <li key={snippet.snippet_id}>
-                    <div className="flex items-center">
-                      <Link
-                        href={`/${snippet.owner_name}/${snippet.unscoped_name}`}
-                        className="text-blue-600 hover:underline text-sm"
-                      >
-                        {snippet.owner_name}/{snippet.unscoped_name}
-                      </Link>
-                      {snippet.star_count > 0 && (
-                        <span className="ml-2 text-gray-500 text-xs flex items-center">
-                          <Star className="w-3 h-3 mr-1" />
-                          {snippet.star_count}
-                        </span>
-                      )}
-                    </div>
-                  </li>
-                ))}
-              </ul>
-            )}
-            <h2 className="text-sm font-bold mt-8 mb-2 text-gray-700 border-b border-gray-200">
-              Newest Snippets
-            </h2>
-            {newestSnippets && (
-              <ul className="space-y-1">
-                {newestSnippets.map((snippet) => (
-                  <li key={snippet.snippet_id}>
-                    <Link
-                      href={`/${snippet.name}`}
-                      className="text-blue-600 hover:underline text-sm"
-                    >
-                      {snippet.name}
-                    </Link>
-                  </li>
-                ))}
-              </ul>
-            )}
+            <SnippetList
+              title="Trending Snippets"
+              snippets={trendingSnippets}
+              showAll={showAllTrending}
+              onToggleShowAll={() => setShowAllTrending(!showAllTrending)}
+            />
+            <div className="mt-8">
+              <SnippetList
+                title="Newest Snippets"
+                snippets={newestSnippets}
+                showAll={showAllNewest}
+                onToggleShowAll={() => setShowAllNewest(!showAllNewest)}
+              />
+            </div>
           </div>
         </div>
       </div>

package/src/pages/editor.tsx CHANGED Viewed

@@ -9,7 +9,7 @@ export const EditorPage = () => {
   const { data: snippet, isLoading, error } = useSnippet(snippetId)
   return (
-    <div>
+    <div className="overflow-x-hidden">
       <Header />
       {!error && <CodeAndPreview snippet={snippet} />}
       {error && error.status === 404 && (

package/src/pages/landing.tsx CHANGED Viewed

@@ -50,8 +50,8 @@ export function LandingPage() {
                     <Badge variant="secondary" className="w-fit">
                       Open-Source, MIT Licensed
                     </Badge>
-                    <h1 className="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none">
-                      The New Foundation for Electronic Design
+                    <h1 className="text-3xl font-bold tracking-tight sm:text-5xl xl:text-6xl/none">
+                      AI codes electronics with tscircuit
                     </h1>
                     <p className="max-w-[600px] text-muted-foreground md:text-xl">
                       Build electronics with code, AI, and drag'n'drop tools.
@@ -60,20 +60,12 @@ export function LandingPage() {
                       and more.
                     </p>
                   </div>
-                  <div className="flex flex-col items-center gap-2 min-[400px]:flex-row">
-                    <Button
-                      onClick={() => {
-                        if (!isLoggedIn) {
-                          signIn()
-                        } else {
-                          navigate("/dashboard")
-                        }
-                      }}
-                      size="lg"
-                      aria-label="Get started with TSCircuit"
-                    >
-                      Get Started
-                    </Button>
+                  <div className="flex flex-col items-center gap-2 min-[500px]:flex-row">
+                    <a href="https://docs.tscircuit.com">
+                      <Button size="lg" aria-label="Get started with TSCircuit">
+                        Get Started
+                      </Button>
+                    </a>
                     <PrefetchPageLink href="/quickstart">
                       <Button
                         size="lg"