diff --git a/.agents/skills/core-js/SKILL.md b/.agents/skills/core-js/SKILL.md index 3b25525bf..2ada1f912 100644 --- a/.agents/skills/core-js/SKILL.md +++ b/.agents/skills/core-js/SKILL.md @@ -11,10 +11,12 @@ description: >- ## 1. Two entry points -| Entry | Ships as | Holds | -| -------------------- | ---------------------------------- | ---------------------------------------------------------------------------- | -| `js/tabler.ts` | `tabler.js` / `.esm.js` (+ `.min`) | plugin initialisers, the Bootstrap components, the `tabler` helper namespace | -| `js/tabler-theme.ts` | `tabler-theme.js` (+ variants) | the colour-mode/theme switcher only | +| Entry | Ships as | Holds | +| --- | --- | --- | +| `js/tabler.ts` | `tabler.js` (+ `.min`) | plugin initialisers, the Bootstrap components, the `tabler` helper exports | +| `js/tabler-theme.ts` | `tabler-theme.js` (+ `.min`) | the colour-mode/theme switcher only | + +Both bundles are **ESM only** (Tabler 2.0, like Bootstrap v6): no UMD, no `window.tabler` global. `tabler.js` is loaded with ` + ``` @@ -106,7 +106,7 @@ The `@tabler/core` package contains compiled and minified CSS and JavaScript, th ├── dist/ │ ├── css/ tabler.css and the optional stylesheets (flags, marketing, payments, socials, │ │ themes, vendors), each with .min and .rtl versions -│ ├── js/ tabler.js and tabler.esm.js, plus the standalone tabler-theme.js +│ ├── js/ tabler.js (ESM, load with + ``` If you don't use a package manager, [download the latest release](https://github.com/tabler/tabler/releases) as a ZIP archive. @@ -55,7 +55,8 @@ import '@tabler/core/dist/css/tabler.min.css' import '@tabler/core/dist/js/tabler.min.js' ``` -There's also an ES module build with named exports, which is handy when you create components from code: +The bundle is ESM only — in a plain HTML page load it with ` + diff --git a/screenshots/layouts/ScreenshotAppLayout.astro b/screenshots/layouts/ScreenshotAppLayout.astro index 0792e4847..1426656e9 100644 --- a/screenshots/layouts/ScreenshotAppLayout.astro +++ b/screenshots/layouts/ScreenshotAppLayout.astro @@ -177,7 +177,11 @@ const libJsFiles = pageLibEntries.flatMap(([, lib]) => (lib.js ?? []).map((file) {libJsFiles.map((src) => + + + + diff --git a/shared/layouts/BaseLayout.astro b/shared/layouts/BaseLayout.astro index 4dba0eb35..8d5f0afce 100644 --- a/shared/layouts/BaseLayout.astro +++ b/shared/layouts/BaseLayout.astro @@ -135,7 +135,7 @@ const libJsFiles = (head: boolean) => pageLibEntries.filter(([, lib]) => Boolean } - +