snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/scripts/capture-registry.mts

@@ -0,0 +1,100 @@
+import { existsSync } from "fs"
+import path from "path"
+import puppeteer from "puppeteer"
+
+import { getAllBlockIds } from "../lib/blocks"
+
+const REGISTRY_PATH = path.join(process.cwd(), "public/r")
+
+// ----------------------------------------------------------------------------
+// Capture screenshots.
+// ----------------------------------------------------------------------------
+async function captureScreenshots() {
+  const blockIds = await getAllBlockIds()
+  const blocks = blockIds.filter((block) => {
+    // Check if screenshots already exist
+    const lightPath = path.join(
+      REGISTRY_PATH,
+      `styles/new-york/${block}-light.png`
+    )
+    const darkPath = path.join(
+      REGISTRY_PATH,
+      `styles/new-york/${block}-dark.png`
+    )
+    return !existsSync(lightPath) || !existsSync(darkPath)
+  })
+
+  if (blocks.length === 0) {
+    console.log("✨ All screenshots exist, nothing to capture")
+    return
+  }
+
+  const browser = await puppeteer.launch({
+    defaultViewport: {
+      width: 1440,
+      height: 900,
+      deviceScaleFactor: 2,
+    },
+  })
+
+  for (const block of blocks) {
+    const pageUrl = `http://localhost:4000/view/${block}`
+
+    const page = await browser.newPage()
+    await page.goto(pageUrl, {
+      waitUntil: "networkidle2",
+    })
+
+    console.log(`- Capturing ${block}...`)
+
+    for (const theme of ["light", "dark"]) {
+      const screenshotPath = path.join(
+        REGISTRY_PATH,
+        `styles/new-york/${block}${theme === "dark" ? "-dark" : "-light"}.png`
+      )
+
+      if (existsSync(screenshotPath)) {
+        continue
+      }
+
+      // Set theme and reload page
+      await page.evaluate((currentTheme) => {
+        localStorage.setItem("theme", currentTheme)
+      }, theme)
+
+      await page.reload({ waitUntil: "networkidle2" })
+
+      // Wait for animations to complete
+      if (block.startsWith("chart") || block.startsWith("dashboard")) {
+        await new Promise((resolve) => setTimeout(resolve, 1000))
+      }
+
+      // Hide Tailwind indicator
+      await page.evaluate(() => {
+        const indicator = document.querySelector("[data-tailwind-indicator]")
+        if (indicator) {
+          indicator.remove()
+        }
+      })
+
+      await page.screenshot({
+        path: screenshotPath,
+      })
+    }
+
+    await page.close()
+  }
+
+  await browser.close()
+}
+
+try {
+  console.log("🔍 Capturing screenshots...")
+
+  await captureScreenshots()
+
+  console.log("✅ Done!")
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}