Giancarmine Salucci 7e4d82de8d feat(share): refactor page and enhance thumbnail extraction
- Extract 8 reusable components from monolithic share page
- Add LLM health indicator with 30s polling
- Implement stealth thumbnail extraction with 4-method cascade
- Integrate real-time thumbnail preview component
- Reduce share page from 306 to ~140 lines
- Add comprehensive outcome documentation

Components:
- UrlInputSection: URL input and extraction trigger
- ProgressIndicator: Loading state display
- ExtractedTextViewer: Collapsible text preview
- RecipeCard: Recipe display with Tandoor integration
- ErrorState: Error handling UI
- LogViewer: System logs with color coding
- LlmHealthIndicator: LLM status with polling
- ThumbnailPreview: Real-time thumbnail display

Thumbnail Methods:
1. Meta tag extraction (og:image, twitter:image)
2. Video poster attribute
3. Instagram embedded JSON data
4. Screenshot fallback

Stories Completed:
- Story 1: Component extraction and refactoring
- Story 2: LLM health status indicator
- Story 3: Enhanced stealth thumbnail extraction
- Story 4: Thumbnail preview integration

Closes: RefactorSharePageAndEnhanceThumbnails
2025-12-21 04:18:38 +01:00
fix
2025-12-21 02:03:05 +01:00
2025-11-29 17:34:26 +01:00
fix
2025-12-21 02:03:05 +01:00
2025-11-30 09:06:44 +01:00
2025-11-29 17:34:26 +01:00
fix
2025-12-21 02:03:05 +01:00
2025-11-29 17:34:26 +01:00
2025-11-29 17:34:26 +01:00
2025-11-29 17:34:26 +01:00
2025-11-30 09:06:44 +01:00
2025-11-30 09:06:44 +01:00
2025-11-30 09:06:44 +01:00
2025-11-29 17:34:26 +01:00
fix
2025-12-21 02:03:05 +01:00
2025-11-30 09:06:44 +01:00
fix
2025-12-21 02:03:05 +01:00
fix
2025-12-21 02:03:05 +01:00
2025-11-29 17:34:26 +01:00
2025-11-29 17:34:26 +01:00
fix
2025-12-21 02:03:05 +01:00

sv

Everything you need to build a Svelte project, powered by sv.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npx sv create

# create a new project in my-app
npx sv create my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

Local SSL Development

This project uses HTTPS for local development. The certificates are generated using a local Caddy instance.

To trust the local CA and avoid browser warnings:

  1. Linux (Ubuntu/Debian):

    sudo cp .ssl/root.crt /usr/local/share/ca-certificates/caddy-local.crt
    sudo update-ca-certificates
    
  2. Chrome/Chromium: You might need to import the authority in Chrome settings:

    • Go to chrome://settings/certificates
    • Click "Authorities" -> "Import"
    • Select .ssl/root.crt
    • Check "Trust this certificate for identifying websites"
Description
Async Instagram Recipe Extractor
Readme 2.7 MiB
Languages
TypeScript 73.9%
Svelte 23.2%
JavaScript 1.5%
CSS 1%
Dockerfile 0.3%