Site search

Author: bvaughn

.github/workflows/pending-changes.yml

@@ -9,8 +9,13 @@ jobs:
       - uses: pnpm/action-setup@v2
         with:
           version: 10
+
       - name: Install dependencies
         run: pnpm install --frozen-lockfile --recursive
+
+      - name: Install Playwright browsers and dependencies
+        run: pnpm dlx puppeteer browsers install chrome
+
       - uses: nickcharlton/diff-check@main
         with:
-          command: pnpm run compile
+          command: pnpm dev & pnpm run compile

package.json

@@ -20,16 +20,17 @@
   ],
   "scripts": {
     "dev": "vite",
-    "dev:integrations": "concurrently -k \"pnpm run dev:integrations:next\" \"pnpm run dev:integrations:vike\" \"pnpm run dev:integrations:vite\"",
+    "dev:integrations": "pnpm run /^dev:integrations:.*/",
     "dev:integrations:next": "pnpm -C integrations/next/ run dev",
     "dev:integrations:vike": "pnpm -C integrations/vike/ run dev",
     "dev:integrations:vite": "pnpm -C integrations/vite/ run dev",
-    "build": "pnpm run build:lib && pnpm run build:docs",
+    "build": "pnpm run /^build:.*/",
     "build:docs": "cross-env TARGET=docs vite build",
     "build:lib": "cross-env TARGET=lib vite build",
-    "compile": "pnpm run compile:docs && pnpm run compile:examples",
+    "compile": "pnpm run /^compile:.*/",
     "compile:docs": "tsx ./scripts/compile-docs",
     "compile:examples": "tsx ./scripts/compile-examples",
+    "compile:search-index": "tsx ./scripts/compile-search-index",
     "compress:og-image": "tsx ./scripts/compress-og-image",
     "e2e:install": "pnpm -C integrations/tests exec playwright install --with-deps",
     "e2e:test": "pnpm -C integrations/tests run test",
@@ -95,7 +96,7 @@
     "react-docgen-typescript": "^2.4.0",
     "react-dom": "^19.2.3",
     "react-error-boundary": "^6.0.0",
-    "react-lib-tools": "0.0.35",
+    "react-lib-tools": "^0.0.38",
     "react-router-dom": "^7.6.3",
     "rimraf": "^6.1.2",
     "rollup-plugin-terser": "^7.0.2",

pnpm-lock.yaml

@@ -0,0 +1,5 @@
+import { compileSearchIndex } from "react-lib-tools/scripts/compile-search-index.ts";
+
+await compileSearchIndex({
+  filterSelector: "[data-group]"
+});

public/generated/search-index.json

@@ -8,8 +8,8 @@ import {
   type CommonQuestion
 } from "react-lib-tools";
 import { repository } from "../package.json";
-import { html as GroupExplicitHeightHTML } from "../public/generated/examples/GroupExplicitHeight.json";
 import { html as ConditionallyRenderPanel } from "../public/generated/examples/ConditionallyRenderPanel.json";
+import { html as GroupExplicitHeightHTML } from "../public/generated/examples/GroupExplicitHeight.json";
 import { Link } from "./components/Link";
 import { NavLink } from "./components/NavLink";
 import { Group } from "./components/styled-panels/Group";
@@ -21,6 +21,7 @@ export default function App() {
   return (
     <AppRoot
       commonQuestions={commonQuestions}
+      enableSiteSearch
       navLinks={
         <>
           <NavLink path="/">Getting started</NavLink>

public/generated/search-records.json

@@ -11,6 +11,10 @@ export function NavLink({
   path: Path | DefaultPath;
 }>) {
   return (
-    <NavLinkExternal children={children} className={className} path={path} />
+    <NavLinkExternal<Path | DefaultPath>
+      children={children}
+      className={className}
+      path={path}
+    />
   );
 }

scripts/compile-search-index.ts

@@ -11,6 +11,10 @@ export function Group({
   className?: string;
 }) {
   return (
-    <GroupExternal className={cn("gap-2 sm:gap-1", className)} {...rest} />
+    <GroupExternal
+      className={cn("gap-2 sm:gap-1", className)}
+      data-demo
+      {...rest}
+    />
   );
 }