# Tech watch

[Canonical source](<https://sebastien.rigaux.be/en/tech-watch/page/15>)

## [Verify an ALTCHA challenge on the server](<https://sebastien.rigaux.be/en/tech-watch/links/verify-an-altcha-challenge-on-the-server>)

The documentation explains generating a single-use challenge and cryptographically verifying the widget response. It separates browser responsibilities from backend verification.

2025-05-27 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/verify-an-altcha-challenge-on-the-server.md>) · [Original resource](<https://altcha.org/docs/integration/server/>)

## [ProtonURL: share content with expiry and single-use access](<https://sebastien.rigaux.be/en/tech-watch/links/protonurl-share-content-with-expiry-and-single-use-access>)

ProtonURL creates temporary links for sharing text or a file. The page offers expiry settings and an optional custom encryption key to communicate separately to the recipient.

2025-05-27 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/protonurl-share-content-with-expiry-and-single-use-access.md>) · [Original resource](<https://protonurl.com/fr>)

## [21st: explore React components, templates and themes](<https://sebastien.rigaux.be/en/tech-watch/links/21st-explore-react-components-templates-and-themes>)

21st collects interface components and blocks, including hero sections, cards and animated backgrounds. The catalogue supports comparing visual directions and finding a starting point to customize.

2025-05-08 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/21st-explore-react-components-templates-and-themes.md>) · [Original resource](<https://21st.dev/>)

## [Coss UI: a component library built on Base UI](<https://sebastien.rigaux.be/en/tech-watch/links/coss-ui-a-component-library-built-on-base-ui>)

The former Origin UI address now leads to coss ui and its component catalogue. Accordions, dialogs, fields and calendars provide shared building blocks for interfaces.

2025-05-08 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/coss-ui-a-component-library-built-on-base-ui.md>) · [Original resource](<https://coss.com/ui>)

## [PDFSlick: embed PDF navigation and tools in web applications](<https://sebastien.rigaux.be/en/tech-watch/links/pdfslick-embed-pdf-navigation-and-tools-in-web-applications>)

PDFSlick provides PDF viewer examples for React, Svelte, SolidJS and JavaScript. Navigation, thumbnails and zoom show how documents can become part of the application interface.

2025-05-04 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/pdfslick-embed-pdf-navigation-and-tools-in-web-applications.md>) · [Original resource](<https://pdfslick.dev/>)

## [SurfSense: work on documents with a local agent](<https://sebastien.rigaux.be/en/tech-watch/links/surfsense-work-on-documents-with-a-local-agent>)

SurfSense provides a document application whose index stays on the machine. Choosing a local or remote model lets users adapt processing to document privacy requirements.

2025-05-01 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/surfsense-work-on-documents-with-a-local-agent.md>) · [Original resource](<https://github.com/MODSetter/SurfSense>)

## [Clarify React Query states with pattern matching](<https://sebastien.rigaux.be/en/tech-watch/links/clarify-react-query-states-with-pattern-matching>)

Gabriel Pichot organizes loading, error, success and empty states with pattern matching. The approach reduces scattered branches in components and improves readability.

2025-04-24 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/clarify-react-query-states-with-pattern-matching.md>) · [Original resource](<https://www.gabrielpichot.fr/blog/simplify-tanstack-react-query-state-handling-with-pattern-matching/>)

## [CentralMind Gateway: expose a database through MCP and OpenAPI](<https://sebastien.rigaux.be/en/tech-watch/links/centralmind-gateway-expose-a-database-through-mcp-and-openapi>)

Gateway generates an MCP or REST interface from a database connection. It provides a bridge for connecting agents to data without implementing every endpoint manually.

2025-04-22 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/centralmind-gateway-expose-a-database-through-mcp-and-openapi.md>) · [Original resource](<https://github.com/centralmind/gateway>)

## [Anyquery: query files and applications with SQL](<https://sebastien.rigaux.be/en/tech-watch/links/anyquery-query-files-and-applications-with-sql>)

Anyquery extends SQLite through plugins that query files and application services. It also offers an MCP connection for making those sources available to AI assistants.

2025-04-22 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/anyquery-query-files-and-applications-with-sql.md>) · [Original resource](<https://github.com/julien040/anyquery>)

## [Presidio: detect and anonymize personal data](<https://sebastien.rigaux.be/en/tech-watch/links/presidio-detect-and-anonymize-personal-data>)

Presidio provides detection and anonymization modules for text and images. Built-in or custom recognizers identify names, contact details and sensitive numbers.

2025-04-22 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/presidio-detect-and-anonymize-personal-data.md>) · [Original resource](<https://data-privacy-stack.github.io/presidio/>)

## [Anime.js: coordinate timelines, gestures and scroll animation](<https://sebastien.rigaux.be/en/tech-watch/links/anime-js-coordinate-timelines-gestures-and-scroll-animation>)

Anime.js combines animation, timelines, springs and scroll observation in one API. Composition tools let developers tune properties and synchronize multiple effects.

2025-04-20 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/anime-js-coordinate-timelines-gestures-and-scroll-animation.md>) · [Original resource](<https://animejs.com/>)

## [React Agent Hooks: expose interface state to agents](<https://sebastien.rigaux.be/en/tech-watch/links/react-agent-hooks-expose-interface-state-to-agents>)

This library derives LLM tools from React hooks. Human and agent interfaces can share the same state, with a developer-defined schema controlling state changes.

2025-04-20 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/react-agent-hooks-expose-interface-state-to-agents.md>) · [Original resource](<https://github.com/chuanqisun/react-agent-hooks>)

## [Build a React chat with streaming responses](<https://sebastien.rigaux.be/en/tech-watch/links/build-a-react-chat-with-streaming-responses>)

Robin Wieruch builds a Next.js chat connected to the OpenAI API, from the server route to the interface. The tutorial adds streaming to display responses progressively.

2025-04-20 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/build-a-react-chat-with-streaming-responses.md>) · [Original resource](<https://www.robinwieruch.de/react-ai-chat/>)

## [Codex CLI: work on a repository from the terminal](<https://sebastien.rigaux.be/en/tech-watch/links/codex-cli-work-on-a-repository-from-the-terminal>)

The repository introduces the Codex CLI coding agent and installation procedures. It provides an entry point to a code-assistance workflow running locally on the machine.

2025-04-17 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/codex-cli-work-on-a-repository-from-the-terminal.md>) · [Original resource](<https://github.com/openai/codex>)

## [An MCP server for debugging Node.js at runtime](<https://sebastien.rigaux.be/en/tech-watch/links/an-mcp-server-for-debugging-node-js-at-runtime>)

This server exposes the Node.js debugger to assistants such as Cursor and Claude Code. It adds runtime information to the context available for diagnosing problems.

2025-03-29 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/an-mcp-server-for-debugging-node-js-at-runtime.md>) · [Original resource](<https://github.com/workbackai/mcp-nodejs-debugger>)

## [Paraglide JS: compile translations into typed functions](<https://sebastien.rigaux.be/en/tech-watch/links/paraglide-js-compile-translations-into-typed-functions>)

Paraglide generates typed message functions and tree-shakable translations. Integrations across frameworks support a shared internationalization approach on client and server.

2025-03-23 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/paraglide-js-compile-translations-into-typed-functions.md>) · [Original resource](<https://paraglidejs.com/>)

## [Omlet: inspect component and prop usage](<https://sebastien.rigaux.be/en/tech-watch/links/omlet-inspect-component-and-prop-usage>)

Omlet shows component usage and supplied prop values inside VS Code. These insights help teams understand actual library adoption before changing components.

2025-03-20 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/omlet-inspect-component-and-prop-usage.md>) · [Original resource](<https://marketplace.visualstudio.com/items?itemName=Omlet.omlet-vscode-extension>)

## [Convex: a reactive backend with TypeScript functions](<https://sebastien.rigaux.be/en/tech-watch/links/convex-a-reactive-backend-with-typescript-functions>)

Convex combines a database, functions, synchronization and search in one backend platform. Its reactive approach connects data to interfaces without assembling every service separately.

2025-03-20 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/convex-a-reactive-backend-with-typescript-functions.md>) · [Original resource](<https://www.convex.dev/>)

## [Discover and manage MCP servers and skills in VS Code](<https://sebastien.rigaux.be/en/tech-watch/links/discover-and-manage-mcp-servers-and-skills-in-vs-code>)

This extension combines discovery, installation and management of MCP servers and skills. It makes those resources available to coding agents used alongside the editor.

2025-03-11 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/discover-and-manage-mcp-servers-and-skills-in-vs-code.md>) · [Original resource](<https://github.com/VikashLoomba/copilot-mcp>)

## [A collection of React libraries for animated interfaces](<https://sebastien.rigaux.be/en/tech-watch/links/a-collection-of-react-libraries-for-animated-interfaces>)

This repository collects React component libraries and design systems with animation capabilities. It provides a starting point for comparing their approaches and demos.

2025-02-26 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/a-collection-of-react-libraries-for-animated-interfaces.md>) · [Original resource](<https://github.com/sanjay10985/animated-react-collection>)

Page 15 / 22

[Previous](<https://sebastien.rigaux.be/en/tech-watch/page/14>)

[Next](<https://sebastien.rigaux.be/en/tech-watch/page/16>)
