@tscircuit/fake-snippets 0.0.84 → 0.0.86

package/fake-snippets-api/routes/api/datasheets/create.ts

@@ -0,0 +1,18 @@
+import { datasheetSchema } from "fake-snippets-api/lib/db/schema"
+import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
+import { z } from "zod"
+
+export default withRouteSpec({
+  methods: ["POST"],
+  auth: "session",
+  jsonBody: z.object({
+    chip_name: z.string(),
+  }),
+  jsonResponse: z.object({
+    datasheet: datasheetSchema,
+  }),
+})(async (req, ctx) => {
+  const { chip_name } = req.jsonBody
+  const datasheet = ctx.db.addDatasheet({ chip_name })
+  return ctx.json({ datasheet })
+})

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

@@ -0,0 +1,25 @@
+import { datasheetSchema } from "fake-snippets-api/lib/db/schema"
+import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
+import { z } from "zod"
+
+export default withRouteSpec({
+  methods: ["GET", "POST"],
+  auth: "session",
+  queryParams: z.object({
+    datasheet_id: z.string(),
+  }),
+  jsonBody: z.any().optional(),
+  jsonResponse: z.object({
+    datasheet: datasheetSchema,
+  }),
+})(async (req, ctx) => {
+  const { datasheet_id } = req.query
+  const datasheet = ctx.db.getDatasheetById(datasheet_id)
+  if (!datasheet) {
+    return ctx.error(404, {
+      error_code: "datasheet_not_found",
+      message: "Datasheet not found",
+    })
+  }
+  return ctx.json({ datasheet })
+})

package/fake-snippets-api/routes/api/package_releases/create.ts

@@ -104,6 +104,6 @@ export default withRouteSpec({
 
   return ctx.json({
     ok: true,
-    package_release: publicMapPackageRelease(newPackageRelease),
+    package_release: publicMapPackageRelease(newPackageRelease, { db: ctx.db }),
   })
 })

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

@@ -61,6 +61,7 @@ export default withRouteSpec({
       ok: true,
       package_release: publicMapPackageRelease(packageReleases[0], {
         include_ai_review: req.commonParams?.include_ai_review,
+        db: ctx.db,
       }),
     })
   }
@@ -87,6 +88,7 @@ export default withRouteSpec({
       ok: true,
       package_release: publicMapPackageRelease(packageReleases[0], {
         include_ai_review: req.commonParams?.include_ai_review,
+        db: ctx.db,
       }),
     })
   }
@@ -109,6 +111,7 @@ export default withRouteSpec({
       ok: true,
       package_release: publicMapPackageRelease(pkgRelease, {
         include_ai_review: req.commonParams?.include_ai_review,
+        db: ctx.db,
       }),
     })
   }
@@ -128,6 +131,7 @@ export default withRouteSpec({
     package_release: publicMapPackageRelease(foundRelease, {
       include_logs: req.commonParams?.include_logs,
       include_ai_review: req.commonParams?.include_ai_review,
+      db: ctx.db,
     }),
   })
 })

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

@@ -78,6 +78,7 @@ export default withRouteSpec({
     package_releases: releases.map((pr) =>
       publicMapPackageRelease(pr, {
         include_ai_review: req.commonParams?.include_ai_review,
+        db: ctx.db,
       }),
     ),
   })

package/package.json

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

package/src/components/SearchComponent.tsx

@@ -7,6 +7,7 @@ import { Alert } from "./ui/alert"
 import { useSnippetsBaseApiUrl } from "@/hooks/use-snippets-base-api-url"
 import { PrefetchPageLink } from "./PrefetchPageLink"
 import { CircuitBoard } from "lucide-react"
+import { cn } from "@/lib/utils"
 
 interface SearchComponentProps {
   onResultsFetched?: (results: any[]) => void
@@ -51,6 +52,7 @@ const SearchComponent: React.FC<SearchComponentProps> = ({
 }) => {
   const [searchQuery, setSearchQuery] = useState("")
   const [showResults, setShowResults] = useState(false)
+  const [highlightedIndex, setHighlightedIndex] = useState(-1)
   const axios = useAxios()
   const resultsRef = useRef<HTMLDivElement>(null)
   const inputRef = useRef<HTMLInputElement>(null)
@@ -72,6 +74,10 @@ const SearchComponent: React.FC<SearchComponentProps> = ({
     { enabled: Boolean(searchQuery) },
   )
 
+  useEffect(() => {
+    setHighlightedIndex(-1)
+  }, [searchResults])
+
   const handleSearch = (e: React.FormEvent) => {
     e.preventDefault()
     if (searchQuery.trim()) {
@@ -86,6 +92,13 @@ const SearchComponent: React.FC<SearchComponentProps> = ({
     }
   }, [])
 
+  useEffect(() => {
+    if (highlightedIndex < 0) return
+    const items = resultsRef.current?.querySelectorAll("li")
+    const item = items?.[highlightedIndex] as HTMLElement | undefined
+    item?.scrollIntoView({ block: "nearest" })
+  }, [highlightedIndex])
+
   useEffect(() => {
     const handleClickOutside = (event: MouseEvent) => {
       if (
@@ -133,6 +146,32 @@ const SearchComponent: React.FC<SearchComponentProps> = ({
         onKeyDown={(e) => {
           if (e.key === "Backspace" && !searchQuery && closeOnClick) {
             closeOnClick()
+            return
+          }
+          if (!searchResults) return
+          if (e.key === "ArrowDown") {
+            e.preventDefault()
+            setShowResults(true)
+            setHighlightedIndex((prev) =>
+              Math.min(prev + 1, searchResults.length - 1),
+            )
+          } else if (e.key === "ArrowUp") {
+            e.preventDefault()
+            setHighlightedIndex((prev) => Math.max(prev - 1, 0))
+          } else if (e.key === "Enter" && highlightedIndex >= 0) {
+            e.preventDefault()
+            const pkg = searchResults[highlightedIndex]
+            if (pkg) {
+              const href = shouldOpenInEditor
+                ? `/editor?package_id=${pkg.package_id}`
+                : `/${pkg.name}`
+              if (shouldOpenInNewTab) {
+                window.open(href, "_blank")
+              } else {
+                setLocation(href)
+              }
+              setShowResults(false)
+            }
           }
         }}
         aria-label="Search packages"
@@ -154,8 +193,14 @@ const SearchComponent: React.FC<SearchComponentProps> = ({
         >
           {searchResults.length > 0 ? (
             <ul className="divide-y divide-gray-200">
-              {searchResults.map((pkg: any) => (
-                <li key={pkg.package_id} className="p-2 hover:bg-gray-50">
+              {searchResults.map((pkg: any, index: number) => (
+                <li
+                  key={pkg.package_id}
+                  className={cn(
+                    "p-2 hover:bg-gray-50",
+                    index === highlightedIndex && "bg-gray-100",
+                  )}
+                >
                   <LinkWithNewTabHandling
                     href={
                       shouldOpenInEditor

package/src/hooks/use-request-ai-review-mutation.ts

@@ -12,13 +12,14 @@ export const useRequestAiReviewMutation = ({
 
   return useMutation(
     async ({ package_release_id }: { package_release_id: string }) => {
-      await axios.post("/package_releases/update", {
-        package_release_id,
-        ai_review_requested: true,
-      })
-      const { data } = await axios.post("/package_releases/get", {
-        package_release_id,
+      await axios.post("/ai_reviews/create", null, {
+        params: { package_release_id },
       })
+      const { data } = await axios.post(
+        "/package_releases/get",
+        { package_release_id },
+        { params: { include_ai_review: true } },
+      )
       return data.package_release as PackageRelease
     },
     {