port-widget
OfficialPort InstantSearch widgets across flavors fast
Software Engineering#react#vue#connectors#instantsearch#widget porting#monorepo testing#cross-package exports
Authoralgolia
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It solves the challenge of adding or synchronizing InstantSearch widget support across JavaScript, React, and Vue packages without drifting APIs or breaking shared test contracts.
Core Features & Use Cases
- Widget and connector porting across flavors: Move or introduce a widget/feature so the same connector-driven behavior is available in
instantsearch.js,react-instantsearch, andvue-instantsearch. - End-to-end wrapper implementation: Create the required layers (connector, JS widget, React hook/widget, and Vue component) and register exports consistently across packages.
- Coverage-first validation: Use the audit script and update shared common widget/connector test suites so behavior stays aligned and placeholders are replaced with real implementations.
- Variant widget support: Handle cases where a widget is a UI/behavior variant that reuses an existing connector/hook, such as mapping
menuSelecttoconnectMenu/useMenu.
Quick Start
Ask the AI to port the widget 'refinement-list' to Vue and ensure it is implemented end-to-end across all InstantSearch flavors with common widget and connector tests updated.
Dependency Matrix
Required Modules
argparsesubprocesssyspathlibtyping
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: port-widget Download link: https://github.com/algolia/instantsearch/archive/main.zip#port-widget Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.