@tscircuit/fake-snippets 0.0.94 → 0.0.95

package/dist/index.js

@@ -3129,7 +3129,9 @@ var initializer = combine(databaseSchema.parse({}), (set, get) => ({
   },
   getDatasheetByChipName: (chipName) => {
     const state = get();
-    return state.datasheets.find((d) => d.chip_name === chipName);
+    return state.datasheets.find(
+      (d) => d.chip_name.toLowerCase() === chipName.toLowerCase()
+    );
   },
   listDatasheets: ({
     chip_name,

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

@@ -1399,7 +1399,9 @@ const initializer = combine(databaseSchema.parse({}), (set, get) => ({
   },
   getDatasheetByChipName: (chipName: string): Datasheet | undefined => {
     const state = get()
-    return state.datasheets.find((d) => d.chip_name === chipName)
+    return state.datasheets.find(
+      (d) => d.chip_name.toLowerCase() === chipName.toLowerCase(),
+    )
   },
   listDatasheets: ({
     chip_name,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.94",
+  "version": "0.0.95",
   "type": "module",
   "repository": {
     "type": "git",

package/src/App.tsx

@@ -69,6 +69,7 @@ const ViewPackagePage = lazyImport(() => import("@/pages/view-package"))
 const PackageBuildsPage = lazyImport(() => import("@/pages/package-builds"))
 const TrendingPage = lazyImport(() => import("@/pages/trending"))
 const DatasheetPage = lazyImport(() => import("@/pages/datasheet"))
+const DatasheetsPage = lazyImport(() => import("@/pages/datasheets"))
 const PackageEditorPage = lazyImport(async () => {
   const [editorModule] = await Promise.all([
     import("@/pages/package-editor"),
@@ -181,6 +182,7 @@ function App() {
             <Route path="/settings" component={SettingsPage} />
             <Route path="/search" component={SearchPage} />
             <Route path="/trending" component={TrendingPage} />
+            <Route path="/datasheets" component={DatasheetsPage} />
             <Route path="/datasheets/:chipName" component={DatasheetPage} />
             <Route path="/authorize" component={AuthenticatePage} />
             <Route path="/my-orders" component={MyOrdersPage} />

package/src/pages/datasheets.tsx

@@ -0,0 +1,80 @@
+import React, { useState } from "react"
+import { useQuery } from "react-query"
+import { useAxios } from "@/hooks/use-axios"
+import Header from "@/components/Header"
+import Footer from "@/components/Footer"
+import { Input } from "@/components/ui/input"
+import { Search } from "lucide-react"
+import { Link } from "wouter"
+
+interface DatasheetSummary {
+  datasheet_id: string
+  chip_name: string
+}
+
+export const DatasheetsPage: React.FC = () => {
+  const axios = useAxios()
+  const [searchQuery, setSearchQuery] = useState("")
+
+  const {
+    data: datasheets,
+    isLoading,
+    error,
+  } = useQuery(
+    ["datasheetList", searchQuery],
+    async () => {
+      const params = new URLSearchParams()
+      if (searchQuery) {
+        params.append("chip_name", searchQuery)
+      } else {
+        params.append("is_popular", "true")
+      }
+      const { data } = await axios.get(
+        `/api/datasheets/list?${params.toString()}`,
+      )
+      return data.datasheets as DatasheetSummary[]
+    },
+    { keepPreviousData: true },
+  )
+
+  return (
+    <div className="min-h-screen flex flex-col">
+      <Header />
+      <main className="container mx-auto flex-1 px-4 py-8">
+        <h1 className="text-3xl font-bold mb-6">Datasheets</h1>
+        <div className="max-w-md mb-6">
+          <div className="relative">
+            <Search className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 h-4 w-4" />
+            <Input
+              type="search"
+              placeholder="Search datasheets..."
+              className="pl-10"
+              value={searchQuery}
+              onChange={(e) => setSearchQuery(e.target.value)}
+              aria-label="Search datasheets"
+              role="searchbox"
+            />
+          </div>
+        </div>
+        {isLoading ? (
+          <p>Loading...</p>
+        ) : error ? (
+          <p>Error loading datasheets.</p>
+        ) : datasheets && datasheets.length > 0 ? (
+          <ul className="list-disc pl-5 space-y-2">
+            {datasheets.map((ds) => (
+              <li key={ds.datasheet_id}>
+                <Link href={`/datasheets/${ds.chip_name}`}>{ds.chip_name}</Link>
+              </li>
+            ))}
+          </ul>
+        ) : (
+          <p>No datasheets found.</p>
+        )}
+      </main>
+      <Footer />
+    </div>
+  )
+}
+
+export default DatasheetsPage