* feat(import): unified "Search All Recipes" omni search across all data sources Adds a single search bar at the top of the import page that fans one query across every recipe data source in parallel and merges the results into one grid, each card badged with its source — so users can finally see *which* source has the recipe they want instead of checking 7 tabs one by one. Ships on both UIs (tier 1 web PWA + tier 2 self-hosted Rex app) via a shared fan-out engine so the two stay byte-aligned. Shared engine (packages/shared/src/search/): - types.ts + sources.ts: buildOmniAdapters() wraps every existing source client into a uniform adapter — no new source clients. Free CORS sources queried eagerly; recipe-api only when a key is present; Wikibooks/Bluesky injected per-tier. - useOmniSearch.ts: debounced parallel fan-out, results stream in progressively, per-source status chips, stale-response guarding. - importer.ts: importOmniResult dispatcher reusing the existing per-source converters. - categories.ts: shared tag-based category-filter model. - components/OmniSearch.tsx: the full surface (search bar, User Flow radios, category pills, source chips, ImportGrid results, bulk import). Page redesign (both import pages): - Drop the top "Browse from Bluesky" CTA; add "Search All Recipes". - Rename "Import Recipes" -> "Import Recipes from Specific Data Source". - Add Bluesky as the first data-source tab; extract the feed browse body into a reusable <BlueskyFeedBrowse> consumed by BOTH the legacy /recipes/feeds/bluesky route and the new tab. - "Community Datasources" -> "Community Data Sources". Verified live on both tiers (app pointed at prod data): searching "eggplant" merges 50+ results across Bluesky, TheMealDB, Cooklang, Public Domain, Wikibooks and recipe-api, each badged with its source; Browse/Bulk modes, category filter, and bulk import all work. Note: the app's omni hooks are declared AFTER the recipeApiKey state they read — referencing it earlier hits the temporal dead zone and crashes the route at runtime (invisible to the build; the web tier dodges it via its own state). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * fix(omni-search): search icon no longer overlaps input text The magnifying glass is absolutely positioned at left-3; the input relied on a `pl-11` utility to clear it. But `pl-11` is unique to this shared component and Tailwind's content scan doesn't reliably emit it under Rex (gotcha #10), so `.field-input`'s `padding` shorthand won and placeholder/typed text rendered underneath the icon. Use an inline padding-left (bundler-independent, and beats the shorthand via inline specificity) instead of the utility, and mark the icon pointer-events-none so it never intercepts clicks into the field. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * copy(omni-search): "Search All Recipes" -> "Search All Recipe Sources" Clarifies that the omni search discovers new recipes from external sources, not the user's existing saved library (which the recipes page already searches). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * fix(import): make URL the first "Specific Data Source" tab Bluesky was the first tab; URL (paste/upload a link) is the more common entry point and is already the default-selected tab, so it should lead. Move it to the front of the tab order in both packages; Bluesky becomes second. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * Clean up omni-search UI and work around Rex shared-component Tailwind scan - OmniSearch: remove the non-interactive per-source count chips (visual clutter), add name="omni-search" to the search input (a11y/devtools), and swap its inline padding for py-3/pl-11 utilities - Drop the now-dead missingSources/omniMissingSources plumbing from the app and web RecipeImportPage hosts - CommunityDatasources: pt-8 -> pt-10 so the heading clears the divider (the designed pt-8 never rendered under Rex) - globals.css: add an @source inline(...) safelist (xl:grid-cols-4, list-disc, pl-5, pl-11, hover:text-[var(--color-accent)]) to recover utility classes Rex's Tailwind drops from packages/shared components - CLAUDE.md: correct gotcha #10 — Rex 0.20.0 ignores out-of-root @source (the trailing-slash fix does not work); tracked in limlabs/rex#246 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * docs: add architecture diagrams (tiers, Rust layer, MCP, schema) Add docs/architecture.md with four Mermaid diagrams — system overview (Tier 1 browser PWA vs Tier 2 self-hosted), the Rust packages/server internals, the MCP integration topology, and the shared SQLite schema as single source of truth — plus a package key and a ports/env table. Link it from CLAUDE.md's monorepo section. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * Filter pills: active-state parity + complete toggle-group ARIA - OmniSearch category pills now render their active state via inline CSS-token styles (mirroring RecipesIndexPage), so the accent fill shows under Rex — whose Tailwind scan doesn't emit border-accent/text-accent from this shared component (gotcha #10). Fixes the missing active state on /recipes/import for both the app (:3000) and web (:5174). - Every filter-pill group now uses role="group" with an accessible name, with aria-pressed on each toggle button: OmniSearch ("Filter by category"), RecipeExportPage ("Select by tag"), and BlueskyFeedBrowse (app + web). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * a11y: float-right "Skip filters" links on every filter-pill group Give keyboard/switch users a one-key escape past long filter-pill lists instead of tabbing through every pill (e.g. /recipes/export's 278 tag pills = 279 tab stops to traverse). Each filter group now has a reusable .skip-link: visually hidden, revealing at the top-right of the group on focus, targeting a tabindex=-1 sentinel right after the pills. - Add .skip-link CSS to app + web globals.css (a real CSS class, so it renders under Rex and Vite without the @source scan caveat) - Apply to OmniSearch, RecipesIndexPage, RecipesPage, RecipeExportPage, MenuDetailPage, and BlueskyFeedBrowse (app + web) - BlueskyFeedBrowse: add a "Filter by category" title (visual parity + so the skip link floats into empty space, no pill overlap); drop the old "Skip to recipes" link and its orphaned target - Remove the now-duplicate old "Skip to recipes" links from RecipesIndexPage and RecipesPage (the float-right "Skip filters" replaces them) - Remove the stale "Skip to menus" link from BlueskyMenuFeedsPage (app + web): collections carry no tags, so there is no filter gauntlet to skip Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * fix: ensure every app route renders a #stage main (no-hamburger pattern) The full-viewport-height Nav (no hamburger) relies on each page owning a <main id="stage"> scroll anchor. 7 app pages were missing it, so on narrow screens content wasn't reachable past the Nav, and at wide breakpoints some weren't confined/centered. - BlueskyMenuFeedsPage: bare <div> root -> <main id="stage" ... max-w-5xl mx-auto> (was stretching edge-to-edge at wide breakpoints) - settings, accessibility: wrap the shared component in <main id="stage" className="max-sm:min-h-screen"> - /at/* and /kitchens/:k/at/*: route now owns <main id="stage"> rendered synchronously with conditional content -- also fixes the gotcha #13 null-first-render flash (was `if (wildcard === null) return null`) - /http/* and /https/*: wrap UrlImportCommon in <main id="stage"> Bare stage (no max-w) where the component owns its own width, to avoid double-constraining. Audited all 47 app routes: 0 now missing #stage. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * chore: upgrade Rex to 0.20.2; drop @source safelist (out-of-root scan fixed) limlabs/rex#246 (out-of-root @source ignored) and #248 (parenthesized arbitrary values dropped) shipped in 0.20.2 via PR #247. Verified the file @source scan now picks up shared-only classes directly, so the big @source inline(...) safelist is no longer needed and is removed. - packages/app: @limlabs/rex ^0.20.0 -> ^0.20.2 - globals.css: drop the safelist for xl:grid-cols-4 / list-disc / pl-5 / pl-11 / hover:text-[var(--color-accent)] (now generated from the @source "../../shared/src/components" scan); keep a minimal @source inline("[&>svg]:w-64 [&>svg]:h-64 [&>svg]:rounded-lg") for QRCodeModal, whose [&>svg] variants still drop — the scanner only bracket-guarded () and still splits on & > , = inside [...] (filed as limlabs/rex#253) - CLAUDE.md gotcha #10: rewritten for 0.20.2 + the #253 residual Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * a11y: bulk-import escape-hatch CTA on omni-search result cards (count-the-tabs) OmniSearch bulk mode only had the "Import Selected (N)" button after all results, so a keyboard user who checked the first card had to tab through every remaining result to reach it. Mirror the per-source datasource cards: render an inline "Import N selected" button inside each selected card, hidden via `group-focus-within:block` so it appears as the next tab stop when the card is focused. One Tab + Enter to finish; the bottom CTA stays. Shared component, so both the app (:3000) and web (:5174) get it. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>

Pitch to FOSS newsletters #10

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions