svelora 2.1.0 → 2.1.1

package/README.md

@@ -125,10 +125,53 @@ defineConfig({
 
 ## Publish
 
+Release checklist: [RELEASE_CHECKLIST.md](./RELEASE_CHECKLIST.md)
+
 ```bash
 bun run release:verify
 ```
 
+One command release:
+
+```bash
+bun run release:patch
+```
+
+The release command generates `CHANGELOG.md` automatically from unreleased git commits.
+It groups commit messages into `Added`, `Changed`, and `Fixed`, writes the next version section, and resets `## [Unreleased]` back to the template automatically.
+If you still have local changes that are not committed yet, pass a work commit message and the script will create that commit before publishing.
+
+Refresh the template manually if needed:
+
+```bash
+bun run changelog:template
+```
+
+Release with a work commit message for uncommitted changes:
+
+```bash
+bun run release:patch -- "feat(button): improve loading state"
+```
+
+Other version bumps:
+
+```bash
+bun run release:minor
+# bun run release:major
+```
+
+Full verification before publish:
+
+```bash
+bun run release:patch:full
+```
+
+Dry run:
+
+```bash
+bun run release:patch:dry
+```
+
 ```bash
 npm login
 npm publish --access public

package/dist/Link/Link.svelte

@@ -1,6 +1,9 @@
 <script lang="ts" module>
     import type { LinkProps } from './link.types.js'
 
+    const navigationEvent = 'svelora:navigation'
+    let isHistoryPatched = false
+
     export type Props = LinkProps
 
     function parseUrl(url: string, baseUrl: URL) {
@@ -47,11 +50,64 @@
 
         return link === '/' ? current === '/' : current === link || current.startsWith(`${link}/`)
     }
+
+    function dispatchNavigationEvent() {
+        if (typeof window === 'undefined') {
+            return
+        }
+
+        window.dispatchEvent(new Event(navigationEvent))
+    }
+
+    function patchHistoryMethod(method: 'pushState' | 'replaceState') {
+        const historyMethod = window.history[method].bind(window.history) as (
+            ...args: Parameters<History['pushState']>
+        ) => void
+
+        Object.defineProperty(window.history, method, {
+            configurable: true,
+            value: (...args: Parameters<History['pushState']>) => {
+                historyMethod(...args)
+                dispatchNavigationEvent()
+            }
+        })
+    }
+
+    function ensureNavigationEvents() {
+        if (typeof window === 'undefined' || isHistoryPatched) {
+            return
+        }
+
+        isHistoryPatched = true
+        patchHistoryMethod('pushState')
+        patchHistoryMethod('replaceState')
+    }
+
+    function subscribeToLocation(callback: () => void) {
+        if (typeof window === 'undefined') {
+            return () => undefined
+        }
+
+        ensureNavigationEvents()
+
+        const handleLocationChange = () => callback()
+
+        handleLocationChange()
+        window.addEventListener('popstate', handleLocationChange)
+        window.addEventListener('hashchange', handleLocationChange)
+        window.addEventListener(navigationEvent, handleLocationChange)
+
+        return () => {
+            window.removeEventListener('popstate', handleLocationChange)
+            window.removeEventListener('hashchange', handleLocationChange)
+            window.removeEventListener(navigationEvent, handleLocationChange)
+        }
+    }
 </script>
 
 <script lang="ts">
+    import { onMount } from 'svelte'
     import { twMerge } from 'tailwind-merge'
-    import { page } from '$app/state'
     import { getComponentConfig } from '../config.js'
     import { linkDefaults, linkVariants } from './link.variants.js'
 
@@ -80,6 +136,13 @@
     }: Props = $props()
 
     const isLink = $derived(!!href)
+    let currentUrl = $state<URL | undefined>(undefined)
+
+    onMount(() => {
+        return subscribeToLocation(() => {
+            currentUrl = new URL(window.location.href)
+        })
+    })
 
     const isExternal = $derived(
         isLink &&
@@ -102,14 +165,14 @@
 
     const isActive = $derived.by(() => {
         if (active !== undefined) return active
-        if (!isLink || !page.url || isExternal) return false
+        if (!isLink || !currentUrl || isExternal) return false
 
-        const link = parseUrl(href!, page.url)
+        const link = parseUrl(href!, currentUrl)
 
-        if (exactHash && link.hash !== page.url.hash) return false
-        if (!isQueryMatch(link.query, page.url.searchParams, exactQuery)) return false
+        if (exactHash && link.hash !== currentUrl.hash) return false
+        if (!isQueryMatch(link.query, currentUrl.searchParams, exactQuery)) return false
 
-        return isPathnameMatch(link.pathname, page.url.pathname, exact)
+        return isPathnameMatch(link.pathname, currentUrl.pathname, exact)
     })
 
     const baseClass = $derived.by(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelora",
-    "version": "2.1.0",
+    "version": "2.1.1",
     "description": "Modern primitive-based UI component library for Svelte 5",
     "author": "asphum",
     "license": "MIT",
@@ -28,8 +28,17 @@
         "lint:fix": "biome check --write .",
         "test:unit": "vitest",
         "test": "bun run test:unit -- --run",
+        "changelog:template": "node ./scripts/changelog-template.mjs",
         "release:verify": "bun run check && bun run prepack && npm pack --dry-run",
         "release:verify:full": "bun run check && bun run test && bun run prepack && npm pack --dry-run",
+        "release": "node ./scripts/release.mjs",
+        "release:patch": "node ./scripts/release.mjs patch",
+        "release:minor": "node ./scripts/release.mjs minor",
+        "release:major": "node ./scripts/release.mjs major",
+        "release:patch:full": "node ./scripts/release.mjs patch --full",
+        "release:minor:full": "node ./scripts/release.mjs minor --full",
+        "release:major:full": "node ./scripts/release.mjs major --full",
+        "release:patch:dry": "node ./scripts/release.mjs patch --dry-run",
         "clean": "rm -rf dist node_modules build .svelte-kit"
     },
     "files": [