@furystack/shades 13.2.2 → 15.0.0

package/src/shade.ts

@@ -1,5 +1,5 @@
-import type { Constructable } from '@furystack/inject'
-import { hasInjectorReference, Injector } from '@furystack/inject'
+import type { Constructable } from '@furystack/core'
+import { Injector } from '@furystack/inject'
 import { ObservableValue } from '@furystack/utils'
 import type { ChildrenList, CSSObject, PartialElement, RenderOptions } from './models/index.js'
 import type { RefObject } from './models/render-options.js'
@@ -166,16 +166,16 @@ export const Shade = <TProps, TElementBase extends HTMLElement = HTMLElement>(
               this._refs.set(key, refObject as unknown as RefObject<Element>)
               return refObject as RefObject<T>
             },
-            useObservable: (key, obesrvable, options) => {
+            useObservable: (key, observable, options) => {
               const onChange = options?.onChange || (() => this.updateComponent())
-              return this.resourceManager.useObservable(key, obesrvable, onChange, options)
+              return this.resourceManager.useObservable(key, observable, onChange, options)
             },
             useState: (key, initialValue) =>
               this.resourceManager.useState(key, initialValue, this.updateComponent.bind(this)),
             useSearchState: (key, initialValue) =>
               this.resourceManager.useObservable(
                 `useSearchState-${key}`,
-                this.injector.getInstance(LocationService).useSearchParam(key, initialValue),
+                this.injector.get(LocationService).useSearchParam(key, initialValue),
                 () => this.updateComponent(),
               ),
 
@@ -416,8 +416,8 @@ export const Shade = <TProps, TElementBase extends HTMLElement = HTMLElement>(
             return this._injector
           }
 
-          const fromProps = hasInjectorReference(this.props) && this.props.injector
-          if (fromProps && fromProps instanceof Injector) {
+          const fromProps = (this.props as { injector?: unknown } | undefined)?.injector
+          if (fromProps instanceof Injector) {
             return fromProps
           }
 
@@ -426,7 +426,10 @@ export const Shade = <TProps, TElementBase extends HTMLElement = HTMLElement>(
             this._injector = fromParent
             return fromParent
           }
-          // Injector not set explicitly and not found on parents!
+          // Fallback for isolated components (tests and non-DI use cases) that
+          // never reach for any services. Components that do resolve tokens
+          // will fail loudly at resolution time, since this throwaway injector
+          // has no bindings.
           return new Injector()
         }
 

package/src/vnode.ts

@@ -183,7 +183,7 @@ export const shallowEqual = (a: Record<string, unknown>, b: Record<string, unkno
  * VChild array suitable for `patchChildren`.
  *
  * Real DOM elements can appear here when component state stores elements created
- * outside renderMode (e.g. in async callbacks like Router's `updateUrl`).
+ * outside renderMode (e.g. in async callbacks like NestedRouter's `updateUrl`).
  */
 export const toVChildArray = (renderResult: unknown): VChild[] => {
   if (renderResult === null || renderResult === undefined) return []

package/esm/components/link-to-route.d.ts

@@ -1,10 +0,0 @@
-import type { ChildrenList } from '../models/children-list.js';
-import type { Route } from './router.js';
-/** @deprecated Use `NestedRouteLinkProps` from `nested-route-link` instead */
-export type LinkToRouteProps<T extends object> = {
-    route: Route<T>;
-    params: T;
-} & Omit<JSX.IntrinsicElements['a'], 'href'>;
-/** @deprecated Use `NestedRouteLink` from `nested-route-link` instead */
-export declare const LinkToRoute: <T extends object>(props: LinkToRouteProps<T>, children?: ChildrenList) => JSX.Element;
-//# sourceMappingURL=link-to-route.d.ts.map

package/esm/components/link-to-route.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-to-route.d.ts","sourceRoot":"","sources":["../../src/components/link-to-route.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAExC,8EAA8E;AAC9E,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC/C,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;IACf,MAAM,EAAE,CAAC,CAAA;CACV,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAA;AAE5C,yEAAyE;AACzE,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,YAAY,KAAK,GAAG,CAAC,OAYrG,CAAA"}

package/esm/components/link-to-route.js

@@ -1,16 +0,0 @@
-import { compileRoute } from '../compile-route.js';
-import { createComponent } from '../shade-component.js';
-import { Shade } from '../shade.js';
-/** @deprecated Use `NestedRouteLink` from `nested-route-link` instead */
-export const LinkToRoute = Shade({
-    customElementName: 'link-to-route',
-    elementBase: HTMLAnchorElement,
-    elementBaseName: 'a',
-    render: ({ props, useHostProps, children }) => {
-        const { route, params } = props;
-        const url = compileRoute(route.url, params);
-        useHostProps({ href: url });
-        return createComponent(createComponent, null, children);
-    },
-});
-//# sourceMappingURL=link-to-route.js.map

package/esm/components/link-to-route.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-to-route.js","sourceRoot":"","sources":["../../src/components/link-to-route.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AASnC,yEAAyE;AACzE,MAAM,CAAC,MAAM,WAAW,GACtB,KAAK,CAAC;IACJ,iBAAiB,EAAE,eAAe;IAClC,WAAW,EAAE,iBAAiB;IAC9B,eAAe,EAAE,GAAG;IACpB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC5C,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;QAE/B,MAAM,GAAG,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;QAC3C,YAAY,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAA;QAC3B,OAAO,uCAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}

package/esm/components/link-to-route.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=link-to-route.spec.d.ts.map

package/esm/components/link-to-route.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-to-route.spec.d.ts","sourceRoot":"","sources":["../../src/components/link-to-route.spec.tsx"],"names":[],"mappings":""}

package/esm/components/link-to-route.spec.js

@@ -1,30 +0,0 @@
-import { Injector } from '@furystack/inject';
-import { usingAsync } from '@furystack/utils';
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { initializeShadeRoot } from '../initialize.js';
-import { createComponent } from '../shade-component.js';
-import { flushUpdates } from '../shade.js';
-import { LinkToRoute } from './link-to-route.js';
-describe('LinkToRoute', () => {
-    beforeEach(() => {
-        document.body.innerHTML = '<div id="root"></div>';
-    });
-    afterEach(() => {
-        document.body.innerHTML = '';
-    });
-    it('Shuld display the loader and completed state', async () => {
-        await usingAsync(new Injector(), async (injector) => {
-            const rootElement = document.getElementById('root');
-            initializeShadeRoot({
-                injector,
-                rootElement,
-                jsxElement: (createComponent(LinkToRoute, { route: {
-                        url: '/subroute/:id',
-                    }, params: { id: 123 }, id: "route" }, "Link")),
-            });
-            await flushUpdates();
-            expect(document.body.innerHTML).toBe('<div id="root"><a is="link-to-route" id="route" href="/subroute/123">Link</a></div>');
-        });
-    });
-});
-//# sourceMappingURL=link-to-route.spec.js.map

package/esm/components/link-to-route.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-to-route.spec.js","sourceRoot":"","sources":["../../src/components/link-to-route.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAGhD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,UAAU,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,uBAAuB,CAAA;IACnD,CAAC,CAAC,CAAA;IACF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAA;IAC9B,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YAErE,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV,gBAAC,WAAW,IACV,KAAK,EACH;wBACE,GAAG,EAAE,eAAe;qBACI,EAE5B,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EACnB,EAAE,EAAC,OAAO,WAGE,CACf;aACF,CAAC,CAAA;YACF,MAAM,YAAY,EAAE,CAAA;YACpB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAClC,qFAAqF,CACtF,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/esm/components/route-link.d.ts

@@ -1,10 +0,0 @@
-import type { PartialElement } from '../models/partial-element.js';
-/** @deprecated Use `NestedRouteLinkProps` from `nested-route-link` instead */
-export type RouteLinkProps = PartialElement<Omit<HTMLAnchorElement, 'onclick'>>;
-/** @deprecated Use `NestedRouteLink` from `nested-route-link` instead */
-export declare const RouteLink: (props: Omit<Partial<Omit<HTMLAnchorElement, "onclick">>, "style"> & {
-    style?: Partial<CSSStyleDeclaration>;
-} & {
-    ref?: import("../index.js").RefObject<Element>;
-} & Omit<Partial<HTMLElement>, "style">, children?: import("../index.js").ChildrenList) => JSX.Element;
-//# sourceMappingURL=route-link.d.ts.map

package/esm/components/route-link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"route-link.d.ts","sourceRoot":"","sources":["../../src/components/route-link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAKlE,8EAA8E;AAC9E,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAA;AAE/E,yEAAyE;AACzE,eAAO,MAAM,SAAS;;;;sGAmBpB,CAAA"}

package/esm/components/route-link.js

@@ -1,25 +0,0 @@
-import { LocationService } from '../services/location-service.js';
-import { createComponent } from '../shade-component.js';
-import { Shade } from '../shade.js';
-/** @deprecated Use `NestedRouteLink` from `nested-route-link` instead */
-export const RouteLink = Shade({
-    customElementName: 'route-link',
-    elementBase: HTMLAnchorElement,
-    elementBaseName: 'a',
-    css: {
-        color: 'inherit',
-        textDecoration: 'inherit',
-    },
-    render: ({ children, props, injector, useHostProps }) => {
-        useHostProps({
-            onclick: (ev) => {
-                ev.preventDefault();
-                // eslint-disable-next-line furystack/prefer-location-service -- Deprecated framework component; must call pushState directly.
-                history.pushState('', props.title || '', props.href);
-                injector.getInstance(LocationService).updateState();
-            },
-        });
-        return createComponent(createComponent, null, children);
-    },
-});
-//# sourceMappingURL=route-link.js.map

package/esm/components/route-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"route-link.js","sourceRoot":"","sources":["../../src/components/route-link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAKnC,yEAAyE;AACzE,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAiB;IAC7C,iBAAiB,EAAE,YAAY;IAC/B,WAAW,EAAE,iBAAiB;IAC9B,eAAe,EAAE,GAAG;IACpB,GAAG,EAAE;QACH,KAAK,EAAE,SAAS;QAChB,cAAc,EAAE,SAAS;KAC1B;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE;QACtD,YAAY,CAAC;YACX,OAAO,EAAE,CAAC,EAAc,EAAE,EAAE;gBAC1B,EAAE,CAAC,cAAc,EAAE,CAAA;gBACnB,8HAA8H;gBAC9H,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;gBACpD,QAAQ,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,WAAW,EAAE,CAAA;YACrD,CAAC;SACF,CAAC,CAAA;QACF,OAAO,uCAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}

package/esm/components/route-link.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=route-link.spec.d.ts.map

package/esm/components/route-link.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"route-link.spec.d.ts","sourceRoot":"","sources":["../../src/components/route-link.spec.tsx"],"names":[],"mappings":""}

package/esm/components/route-link.spec.js

@@ -1,34 +0,0 @@
-import { Injector } from '@furystack/inject';
-import { usingAsync } from '@furystack/utils';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { initializeShadeRoot } from '../initialize.js';
-import { LocationService } from '../services/location-service.js';
-import { createComponent } from '../shade-component.js';
-import { flushUpdates } from '../shade.js';
-import { RouteLink } from './route-link.js';
-describe('RouteLink', () => {
-    beforeEach(() => {
-        document.body.innerHTML = '<div id="root"></div>';
-    });
-    afterEach(() => {
-        document.body.innerHTML = '';
-    });
-    it('Shuld display the loader and completed state', async () => {
-        await usingAsync(new Injector(), async (injector) => {
-            const rootElement = document.getElementById('root');
-            const onRouteChange = vi.fn();
-            injector.getInstance(LocationService).onLocationPathChanged.subscribe(onRouteChange);
-            initializeShadeRoot({
-                injector,
-                rootElement,
-                jsxElement: (createComponent(RouteLink, { id: "route", href: "/subroute" }, "Link")),
-            });
-            await flushUpdates();
-            expect(document.body.innerHTML).toMatchInlineSnapshot(`"<div id="root"><a is="route-link" id="route" href="/subroute">Link</a></div>"`);
-            expect(onRouteChange).not.toBeCalled();
-            document.getElementById('route')?.click();
-            expect(onRouteChange).toBeCalledTimes(1);
-        });
-    });
-});
-//# sourceMappingURL=route-link.spec.js.map

package/esm/components/route-link.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"route-link.spec.js","sourceRoot":"","sources":["../../src/components/route-link.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,uBAAuB,CAAA;IACnD,CAAC,CAAC,CAAA;IACF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAA;IAC9B,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YAErE,MAAM,aAAa,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;YAE7B,QAAQ,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,qBAAqB,CAAC,SAAS,CAAC,aAAa,CAAC,CAAA;YAEpF,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV,gBAAC,SAAS,IAAC,EAAE,EAAC,OAAO,EAAC,IAAI,EAAC,WAAW,WAE1B,CACb;aACF,CAAC,CAAA;YACF,MAAM,YAAY,EAAE,CAAA;YACpB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,qBAAqB,CACnD,gFAAgF,CACjF,CAAA;YACD,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAA;YACtC,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAA;YACzC,MAAM,CAAC,aAAa,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;QAC1C,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/esm/components/router.d.ts

@@ -1,44 +0,0 @@
-import type { MatchOptions, MatchResult } from 'path-to-regexp';
-import type { RenderOptions } from '../models/render-options.js';
-/**
- * @deprecated Use NestedRouter instead
- */
-export interface Route<TMatchResult = unknown> {
-    url: string;
-    component: (options: {
-        currentUrl: string;
-        match: MatchResult<TMatchResult extends object ? TMatchResult : object>;
-    }) => JSX.Element;
-    routingOptions?: MatchOptions;
-    onVisit?: (options: RenderOptions<unknown> & {
-        element: JSX.Element;
-    }) => Promise<void>;
-    onLeave?: (options: RenderOptions<unknown> & {
-        element: JSX.Element;
-    }) => Promise<void>;
-}
-/**
- * @deprecated Use NestedRouterProps instead
- */
-export interface RouterProps {
-    style?: CSSStyleDeclaration;
-    routes: Array<Route<any>>;
-    notFound?: JSX.Element;
-}
-/**
- * @deprecated Use NestedRouterState instead
- */
-export interface RouterState {
-    activeRoute?: Route<unknown> | null;
-    activeRouteParams?: unknown;
-    jsx: JSX.Element;
-}
-/**
- * @deprecated Use NestedRouter instead
- */
-export declare const Router: (props: RouterProps & Omit<Partial<HTMLElement>, "style"> & {
-    style?: Partial<CSSStyleDeclaration>;
-} & {
-    ref?: import("../models/render-options.js").RefObject<Element>;
-}, children?: import("../index.js").ChildrenList) => JSX.Element;
-//# sourceMappingURL=router.d.ts.map

package/esm/components/router.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/components/router.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAKhE;;GAEG;AACH,MAAM,WAAW,KAAK,CAAC,YAAY,GAAG,OAAO;IAC3C,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,CAAC,OAAO,EAAE;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,WAAW,CAAC,YAAY,SAAS,MAAM,GAAG,YAAY,GAAG,MAAM,CAAC,CAAA;KACxE,KAAK,GAAG,CAAC,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG;QAAE,OAAO,EAAE,GAAG,CAAC,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACvF,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG;QAAE,OAAO,EAAE,GAAG,CAAC,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACxF;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,mBAAmB,CAAA;IAC3B,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,GAAG,EAAE,GAAG,CAAC,OAAO,CAAA;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM;;;;gEA2DjB,CAAA"}

package/esm/components/router.js

@@ -1,66 +0,0 @@
-import { ObservableAlreadyDisposedError } from '@furystack/utils';
-import { match } from 'path-to-regexp';
-import { LocationService } from '../services/location-service.js';
-import { createComponent } from '../shade-component.js';
-import { Shade } from '../shade.js';
-/**
- * @deprecated Use NestedRouter instead
- */
-export const Router = Shade({
-    customElementName: 'shade-router',
-    render: (options) => {
-        const { useState, useObservable, injector } = options;
-        const [versionRef] = useState('navVersion', { current: 0 });
-        const [state, setState] = useState('routerState', {
-            jsx: createComponent("div", null),
-        });
-        const updateUrl = async (currentUrl) => {
-            const [lastState] = useState('routerState', state);
-            const { activeRoute: lastRoute, activeRouteParams: lastRouteParams, jsx: lastJsx } = lastState;
-            try {
-                for (const route of options.props.routes) {
-                    const matchFn = match(route.url, route.routingOptions);
-                    const matchResult = matchFn(currentUrl);
-                    if (matchResult) {
-                        if (route !== lastRoute || JSON.stringify(lastRouteParams) !== JSON.stringify(matchResult.params)) {
-                            const version = ++versionRef.current;
-                            await lastRoute?.onLeave?.({ ...options, element: lastState.jsx });
-                            if (version !== versionRef.current)
-                                return;
-                            const newJsx = route.component({ currentUrl, match: matchResult });
-                            setState({ jsx: newJsx, activeRoute: route, activeRouteParams: matchResult.params });
-                            await route.onVisit?.({ ...options, element: newJsx });
-                            if (version !== versionRef.current)
-                                return;
-                        }
-                        return;
-                    }
-                }
-                if (lastRoute !== null) {
-                    const version = ++versionRef.current;
-                    await lastRoute?.onLeave?.({ ...options, element: lastJsx });
-                    if (version !== versionRef.current)
-                        return;
-                    setState({
-                        jsx: options.props.notFound || createComponent("div", null),
-                        activeRoute: null,
-                        activeRouteParams: null,
-                    });
-                }
-            }
-            catch (e) {
-                if (!(e instanceof ObservableAlreadyDisposedError)) {
-                    throw e;
-                }
-            }
-        };
-        const [locationPath] = useObservable('locationPathChanged', injector.getInstance(LocationService).onLocationPathChanged, {
-            onChange: (newValue) => {
-                void updateUrl(newValue);
-            },
-        });
-        void updateUrl(locationPath);
-        return state.jsx;
-    },
-});
-//# sourceMappingURL=router.js.map

package/esm/components/router.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"router.js","sourceRoot":"","sources":["../../src/components/router.tsx"],"names":[],"mappings":"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"}

package/esm/components/router.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=router.spec.d.ts.map

package/esm/components/router.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"router.spec.d.ts","sourceRoot":"","sources":["../../src/components/router.spec.tsx"],"names":[],"mappings":""}

package/esm/components/router.spec.js

@@ -1,161 +0,0 @@
-import { Injector } from '@furystack/inject';
-import { sleepAsync, usingAsync } from '@furystack/utils';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { initializeShadeRoot } from '../initialize.js';
-import { LocationService } from '../services/location-service.js';
-import { createComponent } from '../shade-component.js';
-import { flushUpdates } from '../shade.js';
-import { RouteLink } from './route-link.js';
-import { Router } from './router.js';
-describe('Router', () => {
-    beforeEach(() => {
-        document.body.innerHTML = '<div id="root"></div>';
-    });
-    afterEach(() => {
-        document.body.innerHTML = '';
-    });
-    it('should skip intermediate route when navigating rapidly (latest wins)', async () => {
-        await usingAsync(new Injector(), async (injector) => {
-            history.pushState(null, '', '/route-a');
-            const callOrder = [];
-            const onVisitA = vi.fn(async () => {
-                callOrder.push('visit-a');
-            });
-            const onLeaveA = vi.fn(async () => {
-                callOrder.push('leave-a');
-            });
-            const onVisitB = vi.fn(async () => {
-                await sleepAsync(200);
-                callOrder.push('visit-b');
-            });
-            const onLeaveB = vi.fn(async () => {
-                callOrder.push('leave-b');
-            });
-            const onVisitC = vi.fn(async () => {
-                callOrder.push('visit-c');
-            });
-            const routeA = {
-                url: '/route-a',
-                component: () => createComponent("div", { id: "content" }, "route-a"),
-                onVisit: onVisitA,
-                onLeave: onLeaveA,
-            };
-            const routeB = {
-                url: '/route-b',
-                component: () => createComponent("div", { id: "content" }, "route-b"),
-                onVisit: onVisitB,
-                onLeave: onLeaveB,
-            };
-            const routeC = {
-                url: '/route-c',
-                component: () => createComponent("div", { id: "content" }, "route-c"),
-                onVisit: onVisitC,
-            };
-            const rootElement = document.getElementById('root');
-            initializeShadeRoot({
-                injector,
-                rootElement,
-                jsxElement: (createComponent("div", null,
-                    createComponent(RouteLink, { id: "go-a", href: "/route-a" }, "a"),
-                    createComponent(RouteLink, { id: "go-b", href: "/route-b" }, "b"),
-                    createComponent(RouteLink, { id: "go-c", href: "/route-c" }, "c"),
-                    createComponent(Router, { routes: [routeA, routeB, routeC] }))),
-            });
-            const getContent = () => document.getElementById('content')?.innerHTML;
-            const clickOn = (name) => document.getElementById(name)?.click();
-            // --- Initial load at /route-a ---
-            await flushUpdates();
-            expect(getContent()).toBe('route-a');
-            expect(onVisitA).toHaveBeenCalledTimes(1);
-            // --- Rapid navigation: click B then immediately C ---
-            callOrder.length = 0;
-            clickOn('go-b');
-            clickOn('go-c');
-            // Wait long enough for both transitions to settle (onVisitB has 200ms delay)
-            await sleepAsync(500);
-            // The final destination should be route-c
-            expect(getContent()).toBe('route-c');
-            expect(onVisitC).toHaveBeenCalledTimes(1);
-            // route-b's onVisit should have been abandoned
-            expect(callOrder).not.toContain('visit-b');
-        });
-    });
-    it('Shuld display the loader and completed state', async () => {
-        await usingAsync(new Injector(), async (injector) => {
-            history.pushState(null, '', '/');
-            const onVisit = vi.fn();
-            const onLeave = vi.fn();
-            const onLastLeave = vi.fn();
-            const rootElement = document.getElementById('root');
-            const onRouteChange = vi.fn();
-            injector.getInstance(LocationService).onLocationPathChanged.subscribe(onRouteChange);
-            const route1 = {
-                url: '/route-a',
-                component: () => createComponent("div", { id: "content" }, "route-a"),
-                onVisit,
-                onLeave,
-            };
-            const route2 = {
-                url: '/route-b{/:id}',
-                component: ({ match }) => createComponent("div", { id: "content" },
-                    "route-b",
-                    match.params.id),
-            };
-            const route3 = {
-                url: '/route-c',
-                component: () => createComponent("div", { id: "content" }, "route-c"),
-                onLeave: onLastLeave,
-            };
-            const route4 = { url: '/', component: () => createComponent("div", { id: "content" }, "home") };
-            initializeShadeRoot({
-                injector,
-                rootElement,
-                jsxElement: (createComponent("div", null,
-                    createComponent(RouteLink, { id: "home", href: "/" }, "home"),
-                    createComponent(RouteLink, { id: "a", href: "/route-a" }, "a"),
-                    createComponent(RouteLink, { id: "b", href: "/route-b" }, "b"),
-                    createComponent(RouteLink, { id: "b-with-id", href: "/route-b/123" }, "b-with-id"),
-                    createComponent(RouteLink, { id: "c", href: "/route-c" }, "c"),
-                    createComponent(RouteLink, { id: "x", href: "/route-x" }, "x"),
-                    createComponent(Router, { routes: [route1, route2, route3, route4], notFound: createComponent("div", { id: "content" }, "not found") }))),
-            });
-            const getContent = () => document.getElementById('content')?.innerHTML;
-            const getLocation = () => location.pathname;
-            const clickOn = (name) => document.getElementById(name)?.click();
-            await flushUpdates();
-            expect(getLocation()).toBe('/');
-            expect(getContent()).toBe('home');
-            expect(onVisit).not.toBeCalled();
-            clickOn('a');
-            await flushUpdates();
-            expect(getContent()).toBe('route-a');
-            expect(getLocation()).toBe('/route-a');
-            expect(onRouteChange).toBeCalledTimes(1);
-            expect(onVisit).toBeCalledTimes(1);
-            clickOn('a');
-            await flushUpdates();
-            expect(onVisit).toBeCalledTimes(1);
-            expect(onLeave).not.toBeCalled();
-            clickOn('b');
-            await flushUpdates();
-            expect(onLeave).toBeCalledTimes(1);
-            expect(getContent()).toBe('route-b');
-            expect(getLocation()).toBe('/route-b');
-            clickOn('b-with-id');
-            await flushUpdates();
-            expect(getContent()).toBe('route-b123');
-            expect(getLocation()).toBe('/route-b/123');
-            clickOn('c');
-            await flushUpdates();
-            expect(getContent()).toBe('route-c');
-            expect(getLocation()).toBe('/route-c');
-            expect(onLastLeave).not.toBeCalled();
-            clickOn('x');
-            await flushUpdates();
-            expect(getContent()).toBe('not found');
-            expect(getLocation()).toBe('/route-x');
-            expect(onLastLeave).toBeCalledTimes(1);
-        });
-    });
-});
-//# sourceMappingURL=router.spec.js.map

package/esm/components/router.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"router.spec.js","sourceRoot":"","sources":["../../src/components/router.spec.tsx"],"names":[],"mappings":"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"}

package/src/components/link-to-route.spec.tsx

@@ -1,45 +0,0 @@
-import { Injector } from '@furystack/inject'
-import { usingAsync } from '@furystack/utils'
-import { afterEach, beforeEach, describe, expect, it } from 'vitest'
-import { initializeShadeRoot } from '../initialize.js'
-import { createComponent } from '../shade-component.js'
-import { flushUpdates } from '../shade.js'
-import { LinkToRoute } from './link-to-route.js'
-import type { Route } from './router.js'
-
-describe('LinkToRoute', () => {
-  beforeEach(() => {
-    document.body.innerHTML = '<div id="root"></div>'
-  })
-  afterEach(() => {
-    document.body.innerHTML = ''
-  })
-
-  it('Shuld display the loader and completed state', async () => {
-    await usingAsync(new Injector(), async (injector) => {
-      const rootElement = document.getElementById('root') as HTMLDivElement
-
-      initializeShadeRoot({
-        injector,
-        rootElement,
-        jsxElement: (
-          <LinkToRoute
-            route={
-              {
-                url: '/subroute/:id',
-              } as Route<{ id: number }>
-            }
-            params={{ id: 123 }}
-            id="route"
-          >
-            Link
-          </LinkToRoute>
-        ),
-      })
-      await flushUpdates()
-      expect(document.body.innerHTML).toBe(
-        '<div id="root"><a is="link-to-route" id="route" href="/subroute/123">Link</a></div>',
-      )
-    })
-  })
-})

package/src/components/link-to-route.tsx

@@ -1,26 +0,0 @@
-import { compileRoute } from '../compile-route.js'
-import type { ChildrenList } from '../models/children-list.js'
-import { createComponent } from '../shade-component.js'
-import { Shade } from '../shade.js'
-import type { Route } from './router.js'
-
-/** @deprecated Use `NestedRouteLinkProps` from `nested-route-link` instead */
-export type LinkToRouteProps<T extends object> = {
-  route: Route<T>
-  params: T
-} & Omit<JSX.IntrinsicElements['a'], 'href'>
-
-/** @deprecated Use `NestedRouteLink` from `nested-route-link` instead */
-export const LinkToRoute: <T extends object>(props: LinkToRouteProps<T>, children?: ChildrenList) => JSX.Element =
-  Shade({
-    customElementName: 'link-to-route',
-    elementBase: HTMLAnchorElement,
-    elementBaseName: 'a',
-    render: ({ props, useHostProps, children }) => {
-      const { route, params } = props
-
-      const url = compileRoute(route.url, params)
-      useHostProps({ href: url })
-      return <>{children}</>
-    },
-  })