tscircuit · seveibar · Mar 17, 2025 · Mar 17, 2025 · Mar 17, 2025 · Mar 17, 2025
diff --git a/lib/middlewares/with-ctx-react.tsx b/lib/middlewares/with-ctx-react.tsx
@@ -4,21 +4,24 @@ import type { ReactNode } from "react"
 
 export const withCtxReact: Middleware<
   {},
-  { react: (component: ReactNode) => Response }
+  { react: (component: ReactNode, title?: string) => Response }
 > = async (req, ctx, next) => {
-  ctx.react = (component: ReactNode) => {
+  ctx.react = (component: ReactNode, title?: string) => {
     const pathComponents = new URL(req.url).pathname.split("/").filter(Boolean)
     const timezone = req.headers.get("X-Timezone") || "UTC"
+
     return new Response(
       renderToString(
         <html lang="en">
-          <meta charSet="utf-8" />
-          <script src="https://cdn.tailwindcss.com" />
-          <style
-            type="text/tailwindcss"
-            // biome-ignore lint/security/noDangerouslySetInnerHtml: <explanation>
-            dangerouslySetInnerHTML={{
-              __html: `
+          <head>
+            <meta charSet="utf-8" />
+            <title>{`${title || "JLCPCB Parts Search"}`}</title>
+            <script src="https://cdn.tailwindcss.com" />
+            <style
+              type="text/tailwindcss"
+              // biome-ignore lint/security/noDangerouslySetInnerHtml: <explanation>
+              dangerouslySetInnerHTML={{
+                __html: `
 a {
    @apply underline text-blue-600 hover:text-blue-800 visited:text-purple-600 m-1
 }
@@ -44,20 +47,21 @@ button {
   @apply text-center py-2 text-xs text-gray-600 border-t border-gray-300 mt-4
 }
 `,
-            }}
-          />
-          <script
-            // biome-ignore lint/security/noDangerouslySetInnerHtml: Analytics script needs to execute
-            dangerouslySetInnerHTML={{
-              __html: `
+              }}
+            />
+            <script
+              // biome-ignore lint/security/noDangerouslySetInnerHtml: Analytics script needs to execute
+              dangerouslySetInnerHTML={{
+                __html: `
 !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug getPageViewId".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
     posthog.init('phc_htd8AQjSfVEsFCLQMAiUooG4Q0DKBCjqYuQglc9V3Wo', {
         api_host:'https://us.i.posthog.com',
         person_profiles: 'identified_only' // or 'always' to create profiles for anonymous users as well
     })
               `,
-            }}
-          />
+              }}
+            />
+          </head>
           <body>
             <div className="wrapper">
               <div className="border-b border-gray-300 py-1 flex justify-between items-center">

diff --git a/routes/adcs/list.tsx b/routes/adcs/list.tsx
@@ -230,5 +230,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB ADC Search",
   )
 })
diff --git a/routes/analog_multiplexers/list.tsx b/routes/analog_multiplexers/list.tsx
@@ -196,5 +196,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB Analog Multiplexer Search",
   )
 })
diff --git a/routes/capacitors/list.tsx b/routes/capacitors/list.tsx
@@ -134,5 +134,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB Capacitor Search",
   )
 })
diff --git a/routes/categories/list.tsx b/routes/categories/list.tsx
@@ -68,5 +68,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB Component Categories",
   )
 })
diff --git a/routes/components/list.tsx b/routes/components/list.tsx
@@ -89,5 +89,8 @@ export default withWinterSpec({
       )}
       <Table rows={req.query.full ? fullComponents : components} />
     </div>,
+    req.query.search
+      ? `${req.query.search} - JLCPCB Component Search`
+      : "JLCPCB Component Search",
   )
 })
diff --git a/routes/dacs/list.tsx b/routes/dacs/list.tsx
@@ -223,5 +223,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB DAC Search",
   )
 })
diff --git a/routes/diodes/list.tsx b/routes/diodes/list.tsx
@@ -160,5 +160,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB Diode Search",
   )
 })
diff --git a/routes/headers/list.tsx b/routes/headers/list.tsx
@@ -193,5 +193,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB Header Search",
   )
 })
diff --git a/routes/io_expanders/list.tsx b/routes/io_expanders/list.tsx
@@ -178,5 +178,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB I/O Expander Search",
   )
 })
diff --git a/routes/lcd_display/list.tsx b/routes/lcd_display/list.tsx
@@ -226,5 +226,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB LCD Display Search",
   )
 })
diff --git a/routes/led_drivers/list.tsx b/routes/led_drivers/list.tsx
@@ -232,5 +232,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB LED Driver Search",
   )
 })
diff --git a/routes/led_segment_display/list.tsx b/routes/led_segment_display/list.tsx
@@ -257,5 +257,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB LED Segment Display Search",
   )
 })
diff --git a/routes/microcontrollers/list.tsx b/routes/microcontrollers/list.tsx
@@ -254,5 +254,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB Microcontroller Search",
   )
 })
diff --git a/routes/oled_display/list.tsx b/routes/oled_display/list.tsx
@@ -226,5 +226,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB OLED Display Search",
   )
 })
diff --git a/routes/voltage_regulators/list.tsx b/routes/voltage_regulators/list.tsx
@@ -190,5 +190,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB Voltage Regulator Search",
   )
 })
diff --git a/routes/wifi_modules/list.tsx b/routes/wifi_modules/list.tsx
@@ -233,5 +233,6 @@ export default withWinterSpec({
         }))}
       />
     </div>,
+    "JLCPCB WiFi Module Search",
   )
 })
-Original file line number
+Diff line change
@@ Expand Up / @@ -230,5 +230,6 @@ export default withWinterSpec({ @@
             }))}
           />
         </div>,
+        "JLCPCB ADC Search",
       )
     })