Skip to content

chore: upgrade @antfu/design to 0.3.0 and finish data-inspector icon TODO#110

Merged
antfu merged 1 commit into
mainfrom
chore/antfu-design-0.3.0
Jul 17, 2026
Merged

chore: upgrade @antfu/design to 0.3.0 and finish data-inspector icon TODO#110
antfu merged 1 commit into
mainfrom
chore/antfu-design-0.3.0

Conversation

@antfubot

Copy link
Copy Markdown
Collaborator

What & why

Upgrades @antfu/design from 0.2.2 to 0.3.0 across the catalog, adapts the surfaces to its breaking changes, and closes the outstanding data-inspector icon TODO.

Version bump

  • pnpm-workspace.yaml: frontend catalog @antfu/design^0.3.0, and update the minimumReleaseAgeExclude pin to @antfu/design@0.3.0 so the fresh release installs.

Adapt breaking changes

  • ActionIconButton no longer takes a size prop (0.3.0 sizes off font-size). Replaced size="sm" with class="text-sm" in the data-inspector (DataShapePanel, ResultViewer, SavedQueriesPanel) and inspect (App.vue) surfaces — the only direct component consumers.
  • Verified nothing referenced the removed ActionDarkToggle, DisplayStatusPill, or FormSlider; the AppHeader dark toggle already follows the new "compose ActionIconButton + your own state" recipe.

Finish data-inspector TODO

  • DataSourceSelect.vue rendered per-source icons through a dynamic UnoCSS class, which the build can't statically extract. Migrated both the trigger and list-item icons to DisplayIconifyRemoteIcon (vendored in 0.3.0), which resolves any collection:icon at runtime. Declared dompurify (the component's optional peer) as an explicit frontend-catalog devDependency of the plugin since its SPA now bundles it.

Best practice

  • Provide the app-owned color scheme once at the data-inspector root via provideColorScheme, so the JS-colored DisplayBadge surfaces tune their contrast to the active mode instead of defaulting to light.

This PR was created with the help of an agent.

@netlify

netlify Bot commented Jul 17, 2026

Copy link
Copy Markdown

Deploy Preview for devfra ready!

Name Link
🔨 Latest commit 16677dd
🔍 Latest deploy log https://app.netlify.com/projects/devfra/deploys/6a59d9f652456c0008167091
😎 Deploy Preview https://deploy-preview-110--devfra.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

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

@antfu
antfu merged commit dea1523 into main Jul 17, 2026
11 of 12 checks passed
@antfu
antfu deleted the chore/antfu-design-0.3.0 branch July 17, 2026 07:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants