@refrakt-md/svelte 0.7.2 → 0.8.1

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@refrakt-md/svelte",
 	"description": "Svelte renderer for refrakt.md content",
-	"version": "0.7.2",
+	"version": "0.8.1",
 	"type": "module",
 	"license": "MIT",
 	"repository": {
@@ -27,9 +27,9 @@
 	],
 	"dependencies": {
 		"@markdoc/markdoc": "0.4.0",
-		"@refrakt-md/behaviors": "0.7.2",
-		"@refrakt-md/transform": "0.7.2",
-		"@refrakt-md/types": "0.7.2"
+		"@refrakt-md/behaviors": "0.8.1",
+		"@refrakt-md/transform": "0.8.1",
+		"@refrakt-md/types": "0.8.1"
 	},
 	"peerDependencies": {
 		"svelte": "^5.0.0"

package/src/Renderer.svelte

@@ -60,7 +60,7 @@
 {:else if typeof node === 'number'}
 	{String(node)}
 {:else if isTag(node)}
-	{@const Component = node.attributes?.typeof ? getComponent(node.attributes.typeof) : undefined}
+	{@const Component = node.attributes?.['data-rune'] ? getComponent(node.attributes['data-rune']) : undefined}
 	{@const ElementOverride = !Component && merged?.[node.name] ? merged[node.name] : undefined}
 	{#if Component}
 		<Component tag={node}>

package/src/ThemeShell.svelte

@@ -70,7 +70,11 @@
 	// Keep RfContext in sync for web components BEFORE DOM updates.
 	// $effect.pre runs before {#key page.url} recreates the DOM, so
 	// RfNav.connectedCallback sees the new URL when it fires.
+	// Also save sidebar scroll position before the DOM is destroyed.
+	let savedSidebarScroll = 0;
 	$effect.pre(() => {
+		const sidebar = document.querySelector('.rf-docs-sidebar');
+		if (sidebar) savedSidebarScroll = sidebar.scrollTop;
 		RfContext.pages = page.pages;
 		RfContext.currentUrl = page.url;
 	});
@@ -88,6 +92,8 @@
 			if (active) {
 				cleanupRunes = initRuneBehaviors();
 				cleanupLayout = initLayoutBehaviors();
+				const sidebar = document.querySelector('.rf-docs-sidebar');
+				if (sidebar) sidebar.scrollTop = savedSidebarScroll;
 			}
 		});
 		return () => {

package/src/route-rules.ts

@@ -1,31 +1,2 @@
-import type { RouteRule } from '@refrakt-md/types';
-
-/**
- * Match a URL against an ordered list of route rules.
- * Returns the layout name from the first matching rule, or 'default' if none match.
- *
- * Pattern syntax:
- * - "docs/**" matches /docs/anything and /docs/nested/deep
- * - "blog/*" matches /blog/post but not /blog/nested/deep
- * - "**" matches everything (catch-all)
- * - "about" matches /about exactly
- */
-export function matchRouteRule(url: string, rules: RouteRule[]): string {
-	const normalized = url.startsWith('/') ? url.slice(1) : url;
-
-	for (const rule of rules) {
-		if (matchPattern(normalized, rule.pattern)) {
-			return rule.layout;
-		}
-	}
-	return 'default';
-}
-
-function matchPattern(url: string, pattern: string): boolean {
-	const regexStr = pattern
-		.replace(/[.+^${}()|[\]\\]/g, '\\$&')  // escape regex special chars (except * and ?)
-		.replace(/\*\*/g, '{{GLOBSTAR}}')
-		.replace(/\*/g, '[^/]*')
-		.replace(/\{\{GLOBSTAR\}\}/g, '.*');
-	return new RegExp(`^${regexStr}$`).test(url);
-}
+// Re-export from @refrakt-md/transform for backward compatibility
+export { matchRouteRule } from '@refrakt-md/transform';