svelte-tv 1.0.1 → 1.0.3

package/dist/__package_types_tmp__/primitives/router/context.d.ts

@@ -1,5 +1,6 @@
 import type { RouteContextValue } from './types.js';
 export declare function setRouterContext(value: RouteContextValue): void;
+export declare function clearRouterContext(value: RouteContextValue): void;
 export declare function getRouterContext(): RouteContextValue;
 export declare function navigate(...args: Parameters<RouteContextValue['navigate']>): void;
 export declare function params(): import("./types.js").RouteParams;

package/dist/core/elementNode.js

@@ -129,6 +129,33 @@ const EFFECT_SHADER_KEYS = [
     'borderLeft',
     'shadow',
 ];
+function getBoxValue(value, index, defaultValue = 0) {
+    if (value === undefined)
+        return defaultValue;
+    if (typeof value === 'number')
+        return value;
+    const len = value.length;
+    const result = len === 2
+        ? index % 2 === 0
+            ? value[0]
+            : value[1]
+        : len === 3
+            ? index === 0
+                ? value[0]
+                : index === 2
+                    ? value[2]
+                    : value[1]
+            : value[index];
+    return result ?? defaultValue;
+}
+function getPadding(node) {
+    return {
+        top: node.paddingTop ?? getBoxValue(node.padding, 0),
+        right: node.paddingRight ?? getBoxValue(node.padding, 1),
+        bottom: node.paddingBottom ?? getBoxValue(node.padding, 2),
+        left: node.paddingLeft ?? getBoxValue(node.padding, 3),
+    };
+}
 const parseAndAssignShaderProps = (prefix, obj, props = {}) => {
     if (!obj)
         return;
@@ -1069,8 +1096,13 @@ export class ElementNode {
         const props = node.lng;
         const parentWidth = parent.w || 0;
         const parentHeight = parent.h || 0;
-        props.x = props.x || 0;
-        props.y = props.y || 0;
+        const parentPadding = parent.display === 'flex' ? undefined : getPadding(parent);
+        if (props.x === undefined) {
+            props.x = parentPadding?.left ?? 0;
+        }
+        if (props.y === undefined) {
+            props.y = parentPadding?.top ?? 0;
+        }
         props.parent = parent.lng;
         if (this.right || this.right === 0) {
             props.x = parentWidth - this.right;

package/dist/primitives/router/HashRouter.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">import { onDestroy, onMount } from "svelte";
 import RouteView from "./RouteView.svelte";
-import { setRouterContext } from "./context.js";
+import { clearRouterContext, setRouterContext } from "./context.js";
 import { createLocation, matchRoutes, routeKey } from "./match.js";
 import { setRouteParentContext } from "./routeContext.js";
 let props = $props();
@@ -20,7 +20,7 @@ const navigate = (href, options) => {
 	}
 	window.location.hash = path;
 };
-setRouterContext({
+const context = {
 	registerRoute(route) {
 		routes = [...routes, route];
 		return () => {
@@ -32,7 +32,8 @@ setRouterContext({
 	params: () => activeParams,
 	routeData: () => activeData,
 	currentRoute: () => activeRoute
-});
+};
+setRouterContext(context);
 setRouteParentContext({ registerRoute(route) {
 	routes = [...routes, route];
 	return () => {
@@ -75,7 +76,10 @@ onMount(() => {
 	updateLocation();
 	window.addEventListener("hashchange", updateLocation);
 });
-onDestroy(() => window.removeEventListener("hashchange", updateLocation));
+onDestroy(() => {
+	window.removeEventListener("hashchange", updateLocation);
+	clearRouterContext(context);
+});
 </script>
 
 {@render props.children?.()}

package/dist/primitives/router/context.d.ts

@@ -1,5 +1,6 @@
 import type { RouteContextValue } from './types.js';
 export declare function setRouterContext(value: RouteContextValue): void;
+export declare function clearRouterContext(value: RouteContextValue): void;
 export declare function getRouterContext(): RouteContextValue;
 export declare function navigate(...args: Parameters<RouteContextValue['navigate']>): void;
 export declare function params(): import("./types.js").RouteParams;

package/dist/primitives/router/context.js

@@ -1,11 +1,27 @@
 import { getContext, setContext } from 'svelte';
 const routerContext = Symbol('svelte-tv-router');
+let activeRouterContext;
 export function setRouterContext(value) {
+    activeRouterContext = value;
     setContext(routerContext, value);
 }
+export function clearRouterContext(value) {
+    if (activeRouterContext === value)
+        activeRouterContext = undefined;
+}
 export function getRouterContext() {
-    const context = getContext(routerContext);
+    let context;
+    try {
+        context = getContext(routerContext);
+    }
+    catch (error) {
+        if (activeRouterContext)
+            return activeRouterContext;
+        throw error;
+    }
     if (!context) {
+        if (activeRouterContext)
+            return activeRouterContext;
         throw new Error('Router context is not available.');
     }
     return context;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-tv",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Svelte speed for every screen 🚀✨",
   "type": "module",
   "exports": {
@@ -40,8 +40,11 @@
     "lint:fix": "prettier --write \"**/*.{svelte,ts,js,json,md}\"",
     "test": "vitest",
     "build:playground": "vite build playground --config ./vite.config.ts",
+    "build:playground:lab": "vite build playground-lab --config ./playground-lab/vite.config.ts",
     "preview": "vite preview playground --config ./vite.config.ts --host 0.0.0.0 --port 4173 --strictPort",
-    "dev": "vite dev playground --config ./vite.config.ts --host 0.0.0.0 --port 5173 --strictPort"
+    "preview:lab": "vite preview playground-lab --config ./playground-lab/vite.config.ts --host 0.0.0.0 --port 4175 --strictPort",
+    "dev": "vite dev playground --config ./vite.config.ts --host 0.0.0.0 --port 5173",
+    "dev:lab": "vite dev playground-lab --config ./playground-lab/vite.config.ts --host 0.0.0.0 --port 5175 --strictPort"
   },
   "keywords": [
     "svelte",