Docs: fix theme selector on direct load (Cheatsheet/Sidebars examples) (#42382)

julien-deramond · web-flow · commit fe0a220cf795 · 2026-05-01T19:28:06.000+02:00
diff --git a/site/src/assets/examples/cheatsheet/cheatsheet.js b/site/src/assets/examples/cheatsheet/cheatsheet.js
@@ -1,4 +1,4 @@
-import { Tooltip, Popover, Toast } from '../../dist/js/bootstrap.bundle.js'
+import { Tooltip, Popover, Toast } from '@bootstrap'
 
 document.querySelectorAll('.tooltip-demo')
   .forEach(tooltip => {
diff --git a/site/src/assets/examples/sidebars/sidebars.js b/site/src/assets/examples/sidebars/sidebars.js
@@ -1,4 +1,4 @@
-import { Tooltip } from '../../dist/js/bootstrap.bundle.js'
+import { Tooltip } from '@bootstrap'
 
 const tooltipTriggerList = [...document.querySelectorAll('[data-bs-toggle="tooltip"]')]
 tooltipTriggerList.forEach(tooltipTriggerEl => {
diff --git a/site/src/layouts/ExamplesLayout.astro b/site/src/layouts/ExamplesLayout.astro
@@ -15,6 +15,12 @@ const { body_class, extra_css, extra_js, html_class, include_js, title = 'Exampl
 
 const pageTitle = `${title} · ${getConfig().title} v${getConfig().docs_version}`
 const canonicalUrl = new URL(Astro.url.pathname, Astro.site)
+const bootstrapJsProps = getVersionedBsJsProps()
+const importMap = JSON.stringify({
+  imports: {
+    '@bootstrap': bootstrapJsProps.src
+  }
+})
 ---
 
 <!doctype html>
@@ -121,7 +127,8 @@ const canonicalUrl = new URL(Astro.url.pathname, Astro.site)
     {
       include_js !== false && (
         <Fragment>
-          <script is:inline {...getVersionedBsJsProps()} />
+          <script type="importmap" is:inline set:html={importMap} />
+          <script is:inline {...bootstrapJsProps} />
           {extra_js?.map((js) => (
             <script
               is:inline

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Tooltip, Popover, Toast } from '../../dist/js/bootstrap.bundle.js'`
	`1`	`+import { Tooltip, Popover, Toast } from '@bootstrap'`
`2`	`2`
`3`	`3`	`document.querySelectorAll('.tooltip-demo')`
`4`	`4`	`.forEach(tooltip => {`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Tooltip } from '../../dist/js/bootstrap.bundle.js'`
	`1`	`+import { Tooltip } from '@bootstrap'`
`2`	`2`
`3`	`3`	`const tooltipTriggerList = [...document.querySelectorAll('[data-bs-toggle="tooltip"]')]`
`4`	`4`	`tooltipTriggerList.forEach(tooltipTriggerEl => {`