Skip to content

Comments

feat: add ais.configure widget support#23

Open
sarahdayan wants to merge 5 commits intomainfrom
feat/configure-widget
Open

feat: add ais.configure widget support#23
sarahdayan wants to merge 5 commits intomainfrom
feat/configure-widget

Conversation

@sarahdayan
Copy link
Member

@sarahdayan sarahdayan commented Feb 21, 2026

Summary

  • Add the ais.configure widget to the runtime and toolbar — a headless widget that sets default Algolia search parameters without rendering any UI
  • Introduce a headless flag on SupportedWidget so the middleware can skip container resolution for headless widgets
  • Add a new JsonField component and json field override type for editing arbitrary JSON in the toolbar
  • Add field behavior tests (configure.test.tsx), AI tool dispatch tests (edit_widget for searchParameters), and toolbar popover test

Note

This widget is index-dependent, meaning it will render differently (nested) when the index PRs are merged.

Preview

Capture d’écran 2026-02-22 à 11 11 06

@netlify
Copy link

netlify bot commented Feb 21, 2026

Deploy Preview for algolia-experiences-js ready!

Name Link
🔨 Latest commit f37ceab
🔍 Latest deploy log https://app.netlify.com/projects/algolia-experiences-js/deploys/699acfb51b1eec0008fa7e6f
😎 Deploy Preview https://deploy-preview-23--algolia-experiences-js.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Feb 21, 2026

Deploy Preview for algolia-experiences-react ready!

Name Link
🔨 Latest commit f37ceab
🔍 Latest deploy log https://app.netlify.com/projects/algolia-experiences-react/deploys/699acfb5ba6f81000828d722
😎 Deploy Preview https://deploy-preview-23--algolia-experiences-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

sarahdayan and others added 5 commits February 22, 2026 10:35
Add the configure widget to the runtime and toolbar. This headless widget
sets default Algolia search parameters without rendering any UI.

- Register configure in runtime with searchParameters flattening
- Add headless flag to SupportedWidget type and use it in middleware
- Add JSON field component for editing search parameters in toolbar
- Enable configure in toolbar widget types

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Align with the existing pattern where all widget icons are hoisted
JSX constants instead of per-call function allocations.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
ExperienceApiBlockParameters requires container: string. Add it back
alongside placement: 'body' so the type check passes.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Add configure.test.tsx with JSON field tests (valid input, invalid
input, error display, absent parameter). Add edit_widget test for
searchParameters. Add Configure to toolbar popover assertion.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@sarahdayan sarahdayan force-pushed the feat/configure-widget branch from bfcd12a to f37ceab Compare February 22, 2026 09:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant