@winkintel/bootstrap-svelte 1.0.10 → 1.0.11

package/README.md

@@ -26,7 +26,7 @@ The showcase at <https://bootstrap-svelte.vercel.app> is published for AI agents
 
 - `/llms.txt` indexes every page with one-line summaries ([llms.txt format](https://llmstxt.org)); `/llms-full.txt` bundles every page into one Markdown file.
 - Every page is available as Markdown from its own URL with `Accept: text/markdown` (quality values are honored; the response carries `Vary: Accept` and a `Link` alternate header), or by appending `.md` to the path, for example `/components/button.md`.
-- `/agents.md` explains when to use the library and how to integrate it; `/sitemap.xml` and `/robots.txt` serve crawlers.
+- `/agents.md` explains when to use the library and how to integrate it; `/sitemap.xml` and `/robots.txt` serve crawlers, and `pnpm indexnow` pushes changed URLs to Bing and the other [IndexNow](https://www.indexnow.org/) engines after a deploy.
 - Paths that do not exist return a real HTTP 404 with a Markdown or HTML body that links back to the documentation index.
 
 ## Why this exists
@@ -180,7 +180,7 @@ Interactive components are implemented as Svelte components rather than requirin
 
 ## Status and feedback
 
-This package is published as `1.0.10`, but feedback from Svelte developers is still very welcome. Useful feedback includes:
+This package is published as `1.0.11`, but feedback from Svelte developers is still very welcome. Useful feedback includes:
 
 - Component API ergonomics
 - Svelte 5 idioms and runes compatibility

package/dist/Modal/modal-title.svelte

@@ -22,6 +22,7 @@ Title component for the Modal.Header.
 - `level` (number): Optional. Heading level (1-6) for the title element
 -->
 <script lang="ts">import { uniqueClsx } from '../common/css.js';
+import { onDestroy } from 'svelte';
 import { getOptionalModalRootState } from './modal.svelte.js';
 // Generate a unique ID for the modal title element, in case one is not provided...
 const uid = $props.id();
@@ -29,14 +30,19 @@ let { children, class: classValues, elementRef = $bindable(null), id = `modal-ti
 let elementType = $derived(`h${level}`);
 let classes = $derived(uniqueClsx('modal-title', classValues));
 const rootState = getOptionalModalRootState();
+// Stable identity for this title's registry entry, so an id change updates
+// the entry in place and keeps its position among sibling titles...
+const titleKey = Symbol('modal-title');
 $effect(() => {
-    const registeredId = id;
-    if (!registeredId)
-        return;
-    rootState?.registerTitleId(registeredId);
-    return () => {
-        rootState?.unregisterTitleId(registeredId);
-    };
+    if (id) {
+        rootState?.registerTitleId(titleKey, id);
+    }
+    else {
+        rootState?.unregisterTitleId(titleKey);
+    }
+});
+onDestroy(() => {
+    rootState?.unregisterTitleId(titleKey);
 });
 </script>
 

package/dist/Modal/modal.svelte.js

@@ -8,6 +8,10 @@ export class ModalRootState {
     // Private
     #isShown = $state(false);
     #useBackdrop = $state(true);
+    // Plain (non-reactive) ordered registry of mounted Modal.Title components,
+    // keyed by a stable per-instance token so an id change updates the entry in
+    // place instead of moving it. The first registered title labels the dialog...
+    #titles = [];
     titleId = $state(undefined);
     constructor(props) {
         this.props = props;
@@ -30,13 +34,23 @@ export class ModalRootState {
     toggleIsShown() {
         this.#isShown = !this.#isShown;
     }
-    registerTitleId(id) {
-        this.titleId ??= id;
-    }
-    unregisterTitleId(id) {
-        if (this.titleId === id) {
-            this.titleId = undefined;
+    // Both methods are called from Modal.Title. They must never read `titleId`
+    // (reactive state) there, or the title's `$effect` would depend on the state
+    // it writes and Svelte >= 5.56.5 loops with "Maximum update depth exceeded".
+    // The registry is a plain array, and `titleId` is only written...
+    registerTitleId(key, id) {
+        const entry = this.#titles.find((title) => title.key === key);
+        if (entry) {
+            entry.id = id;
+        }
+        else {
+            this.#titles.push({ key, id });
         }
+        this.titleId = this.#titles[0]?.id;
+    }
+    unregisterTitleId(key) {
+        this.#titles = this.#titles.filter((title) => title.key !== key);
+        this.titleId = this.#titles[0]?.id;
     }
 }
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
     "author": "Wink, Inc.",
     "name": "@winkintel/bootstrap-svelte",
-    "version": "1.0.10",
+    "version": "1.0.11",
     "description": "Bootstrap components for Svelte 5 with TypeScript support.",
     "license": "Apache-2.0",
     "repository": {
@@ -26,6 +26,7 @@
         "doctor": "svelte-doctor check",
         "format": "prettier --write --ignore-path=.prettierignore $(git diff --name-only --diff-filter d --relative . && git ls-files --others --exclude-standard | sed \"s|^$(git rev-parse --show-prefix)||\")",
         "format-all": "prettier --write --ignore-path=.prettierignore ./src",
+        "indexnow": "node scripts/indexnow.mjs",
         "lint": "prettier --check ./src && eslint ./src",
         "ncu:check": "ncu --target minor && ncu --target minor --cooldown 0d --filter \"@sveltejs/adapter-static,@sveltejs/kit,@sveltejs/vite-plugin-svelte,svelte,svelte-check,svelte-preprocess\"",
         "ncu:upgrade": "ncu --target minor -u && ncu --target minor --cooldown 0d -u --filter \"@sveltejs/adapter-static,@sveltejs/kit,@sveltejs/vite-plugin-svelte,svelte,svelte-check,svelte-preprocess\" && pnpm install",
@@ -87,7 +88,7 @@
         "publint": "~0.3.21",
         "rimraf": "~6.1.3",
         "sass": "1.77.6",
-        "svelte": "~5.56.4",
+        "svelte": "~5.57.0",
         "svelte-check": "~4.7.2",
         "svelte-doctor": "~0.3.1",
         "svelte-highlight": "~7.14.1",