Docs: fix the JavaScript of the StackBlitz examples

[julien-deramond]

The "Try it on StackBlitz" button of every docs example that needs JavaScript opens a playground where nothing runs. The indeterminate checkbox stays unset, and the tooltip, popover, live alert and toast examples do nothing. Three things got in the way. The button that @twbs/bui renders no longer has the data-sb-js-snippet attribute that stackblitz.js reads, so the playground never got the snippets. Those snippets start with import { … } from '@bootstrap', an alias that only exists in the docs build. And the playground loaded the v6 bundle with a classic <script defer>, but that bundle is an ES module that defines no window.bootstrap, so it threw a syntax error.

stackblitz.js now sends the snippets with every playground, since @twbs/bui only shows the button on examples marked addStackblitzJs. The playground keeps the javascript template, as on v5, and lists bootstrap at the docs' current version as a dependency. The snippets import from bootstrap/dist/js/bootstrap.bundle.js, which also sets up the data API, so index.html no longer loads a script of its own. The version comes from current_version in config.yml, through the same Vite plugin that fills in the CDN links.

I tried the other ways first, in StackBlitz itself. Its html template runs every script as a classic script, so neither an index.js module nor an inline <script type="module"> runs there. In the javascript template, its loader fetches a CDN URL and runs it as a classic script too, so importing the CDN bundle fails on export. Importing the npm package's bundle works because StackBlitz converts it for its loader, and the bundle also saves listing @floating-ui/dom and vanilla-calendar-pro, which the package's main entry needs as peer dependencies.

I checked it in a real StackBlitz session with the files this code builds: the indeterminate checkbox shows its dash, the "Tooltip on bottom" example shows its tooltip on hover, and a data-bs-toggle="collapse" button opens its target.

Fixes #43109

Tests

Tooltips: tooltip page

Overview: the tooltip shows on hover.
Tooltips on links: hover the links in the text.
Custom tooltips: the custom style comes from the example’s class on .
Interactive tooltips
Disabled elements

Popovers: popover page

Overview, Live demo, Placement, Responsive placement, Custom popovers, Dismiss on next click, Disabled elements: the popover opens on click.

Others

Alert, Live example: the button adds an alert.
Toasts, Placement: the select moves the toast.
Checkbox, Indeterminate: the checkbox shows its dash.

🤖 Generated with Claude Code