@effectweb/tanstack-router 0.8.0 → 0.8.1

package/dist/index.d.ts

@@ -6,5 +6,5 @@ export { createBrowserHistory, createMemoryHistory } from '@tanstack/history';
 /** TanStack supplies matching, loaders, search validation and typed navigation; EffectWeb owns publications. */
 export declare const createRouter: CreateRouterFn;
 /** Mount once per router in an Effect scope. The returned Source can drive an EffectWeb program or view. */
-export declare const mountRouter: <Router extends AnyRouter>(router: Router) => Effect.Effect<Source<RouterState<Router["routeTree"]>>, Error, Scope.Scope>;
+export declare const mountRouter: <Router extends AnyRouter>(router: Router) => Effect.Effect<Source<RouterState<Router['routeTree']>>, Error, Scope.Scope>;
 export { createLink, linkTarget, type LinkProps } from './link.js';

package/dist/index.js

@@ -1,106 +1,119 @@
-import { Effect } from 'effect';
-import { projectionSource } from 'effectweb/advanced';
-import { RouterCore, createNonReactiveMutableStore, createNonReactiveReadonlyStore, } from '@tanstack/router-core';
-export { BaseRoute as Route, BaseRootRoute as RootRoute, redirect, notFound, } from '@tanstack/router-core';
-export { createBrowserHistory, createMemoryHistory } from '@tanstack/history';
-// EffectWeb freezes published plain data. Copy it so TanStack can keep managing its mutable match resources.
-const snapshotCopy = (value, seen = new WeakMap()) => {
-    if (value === null || typeof value !== 'object')
-        return value;
-    const prototype = Object.getPrototypeOf(value);
-    if (!Array.isArray(value) && prototype !== Object.prototype && prototype !== null)
-        return value;
-    if (seen.has(value))
-        return seen.get(value);
-    const copy = Array.isArray(value) ? [] : {};
-    seen.set(value, copy);
-    for (const key of Reflect.ownKeys(value)) {
-        if (key === 'length' && Array.isArray(value))
-            continue;
-        const descriptor = Object.getOwnPropertyDescriptor(value, key);
-        if ('value' in descriptor)
-            Object.defineProperty(copy, key, {
-                value: snapshotCopy(descriptor.value, seen),
-                writable: true,
-                enumerable: descriptor.enumerable ?? false,
-                configurable: true,
-            });
-    }
-    return copy;
+import { Effect } from "effect";
+import { projectionSource } from "effectweb/advanced";
+import {
+  RouterCore,
+  createNonReactiveMutableStore,
+  createNonReactiveReadonlyStore
+} from "@tanstack/router-core";
+import {
+  BaseRoute,
+  BaseRootRoute,
+  redirect,
+  notFound
+} from "@tanstack/router-core";
+import { createBrowserHistory, createMemoryHistory } from "@tanstack/history";
+const snapshotCopy = (value, seen = /* @__PURE__ */ new WeakMap()) => {
+  if (value === null || typeof value !== "object") return value;
+  const prototype = Object.getPrototypeOf(value);
+  if (!Array.isArray(value) && prototype !== Object.prototype && prototype !== null) return value;
+  if (seen.has(value)) return seen.get(value);
+  const copy = Array.isArray(value) ? [] : {};
+  seen.set(value, copy);
+  for (const key of Reflect.ownKeys(value)) {
+    if (key === "length" && Array.isArray(value)) continue;
+    const descriptor = Object.getOwnPropertyDescriptor(value, key);
+    if ("value" in descriptor)
+      Object.defineProperty(copy, key, {
+        value: snapshotCopy(descriptor.value, seen),
+        writable: true,
+        enumerable: descriptor.enumerable ?? false,
+        configurable: true
+      });
+  }
+  return copy;
 };
-const publications = new WeakMap();
-/** TanStack supplies matching, loaders, search validation and typed navigation; EffectWeb owns publications. */
-export const createRouter = (options) => {
-    const listeners = new Set();
-    let batchDepth = 0;
-    let dirty = false;
-    const publish = () => {
-        dirty = true;
-        if (batchDepth)
-            return;
-        dirty = false;
-        for (const listener of listeners)
-            listener();
-    };
-    const instance = new RouterCore(options, () => ({
-        createMutableStore: (initial) => {
-            const store = createNonReactiveMutableStore(initial);
-            return {
-                get: store.get,
-                set: (next) => {
-                    store.set((previous) => typeof next === 'function' ? next(previous) : next);
-                    publish();
-                },
-            };
-        },
-        createReadonlyStore: createNonReactiveReadonlyStore,
-        batch: (run) => {
-            batchDepth++;
-            try {
-                run();
-            }
-            finally {
-                batchDepth--;
-                if (!batchDepth && dirty)
-                    publish();
-            }
-        },
-    }));
-    publications.set(instance, listeners);
-    return instance;
+const publications = /* @__PURE__ */ new WeakMap();
+const createRouter = (options) => {
+  const listeners = /* @__PURE__ */ new Set();
+  let batchDepth = 0;
+  let dirty = false;
+  const publish = () => {
+    dirty = true;
+    if (batchDepth) return;
+    dirty = false;
+    for (const listener of listeners) listener();
+  };
+  const instance = new RouterCore(options, () => ({
+    createMutableStore: (initial) => {
+      const store = createNonReactiveMutableStore(initial);
+      return {
+        get: store.get,
+        set: (next) => {
+          store.set(
+            (previous) => typeof next === "function" ? next(previous) : next
+          );
+          publish();
+        }
+      };
+    },
+    createReadonlyStore: createNonReactiveReadonlyStore,
+    batch: (run) => {
+      batchDepth++;
+      try {
+        run();
+      } finally {
+        batchDepth--;
+        if (!batchDepth && dirty) publish();
+      }
+    }
+  }));
+  publications.set(instance, listeners);
+  return instance;
 };
-/** Mount once per router in an Effect scope. The returned Source can drive an EffectWeb program or view. */
-export const mountRouter = (router) => Effect.gen(function* () {
-    const source = yield* Effect.acquireRelease(Effect.sync(() => {
-        const listeners = publications.get(router);
-        const history = router.history;
-        if (!listeners)
-            throw new Error('Use @effectweb/tanstack-router.createRouter before mountRouter');
-        const source = projectionSource({
-            project: () => snapshotCopy(router.state),
-        });
-        listeners.add(source.changed);
-        source.start();
-        const unsubscribe = history.subscribe(() => {
-            void router
-                .load()
-                .catch((error) => console.error('Router navigation failed', error));
-        });
-        return {
-            source,
-            dispose: () => {
-                unsubscribe();
-                listeners.delete(source.changed);
-                source.dispose();
-                history.flush();
-                history.destroy();
-            },
-        };
-    }), (mounted) => Effect.sync(() => mounted.dispose()));
-    yield* Effect.tryPromise({
-        try: () => router.load(),
-        catch: (cause) => (cause instanceof Error ? cause : new Error(String(cause))),
-    });
-    return source.source;
+const mountRouter = (router) => Effect.gen(function* () {
+  const source = yield* Effect.acquireRelease(
+    Effect.sync(() => {
+      const listeners = publications.get(router);
+      const history = router.history;
+      if (!listeners)
+        throw new Error("Use @effectweb/tanstack-router.createRouter before mountRouter");
+      const source2 = projectionSource({
+        project: () => snapshotCopy(router.state)
+      });
+      listeners.add(source2.changed);
+      source2.start();
+      const unsubscribe = history.subscribe(() => {
+        void router.load().catch((error) => console.error("Router navigation failed", error));
+      });
+      return {
+        source: source2,
+        dispose: () => {
+          unsubscribe();
+          listeners.delete(source2.changed);
+          source2.dispose();
+          history.flush();
+          history.destroy();
+        }
+      };
+    }),
+    (mounted) => Effect.sync(() => mounted.dispose())
+  );
+  yield* Effect.tryPromise({
+    try: () => router.load(),
+    catch: (cause) => cause instanceof Error ? cause : new Error(String(cause))
+  });
+  return source.source;
 });
-export { createLink, linkTarget } from './link.js';
+import { createLink, linkTarget } from "./link.js";
+export {
+  BaseRootRoute as RootRoute,
+  BaseRoute as Route,
+  createBrowserHistory,
+  createLink,
+  createMemoryHistory,
+  createRouter,
+  linkTarget,
+  mountRouter,
+  notFound,
+  redirect
+};

package/dist/link.js

@@ -1,79 +1,74 @@
 import * as _ew_dom from "effectweb/dom";
-const _ew_jsx0 = /*@__PURE__*/ _ew_dom.markup("a");
+const _ew_jsx0 = /* @__PURE__ */ _ew_dom.markup("a");
 import { getUrlScheme, isDangerousProtocol } from "@tanstack/router-core";
 import { jsxComponent } from "effectweb/jsx";
 const options = [
-    "to",
-    "from",
-    "params",
-    "search",
-    "hash",
-    "state",
-    "mask",
-    "replace",
-    "resetScroll",
-    "hashScrollIntoView",
-    "viewTransition",
-    "ignoreBlocker",
-    "reloadDocument",
-    "href",
-    "activeOptions",
-    "preload",
-    "preloadDelay",
-    "preloadIntentProximity",
-    "disabled",
-    "active",
-    "children"
+  "to",
+  "from",
+  "params",
+  "search",
+  "hash",
+  "state",
+  "mask",
+  "replace",
+  "resetScroll",
+  "hashScrollIntoView",
+  "viewTransition",
+  "ignoreBlocker",
+  "reloadDocument",
+  "href",
+  "activeOptions",
+  "preload",
+  "preloadDelay",
+  "preloadIntentProximity",
+  "disabled",
+  "active",
+  "children"
 ];
-/** Resolve a typed destination to an href and a click handler that navigates in place. */
-export function linkTarget(router, props) {
-    const explicitHref = props.href;
-    const blocked = explicitHref !== undefined && isDangerousProtocol(explicitHref, router.protocolAllowlist);
-    const absoluteHref = explicitHref !== undefined && getUrlScheme(explicitHref) ? explicitHref : undefined;
-    const location = absoluteHref || blocked ? undefined : router.buildLocation(props);
-    const external = absoluteHref !== undefined || location?.external === true;
-    const publicHref = absoluteHref ?? location?.publicHref;
-    const history = router.history;
-    const href = props.disabled || blocked ? undefined : props.reloadDocument || external ? publicHref : history.createHref(publicHref);
-    const onClick = (event) => {
-        const plain = event.button === 0 && !event.metaKey && !event.altKey && !event.ctrlKey && !event.shiftKey && !event.defaultPrevented;
-        if (props.disabled || blocked) {
-            event.preventDefault();
-            return;
-        }
-        // Let the browser handle new tabs, downloads and full reloads.
-        const download = props.download !== undefined && props.download !== false;
-        if (!plain || external || download || props.reloadDocument || props.target && props.target !== "_self")
-            return;
-        event.preventDefault();
-        router.navigate(props).catch((error) => {
-            console.error("Router navigation failed", error);
-        });
-    };
-    return {
-        href,
-        onClick
-    };
-}
-/**
-* Create a typed `<Link>` for one router. It renders a real `<a href>` (middle-click,
-* copy link and accessibility keep working) and navigates in place on plain clicks.
-*/
-export function createLink(router) {
-    function Link(props) {
-        const target = linkTarget(router, props);
-        const attributes = { ...props };
-        for (const name of options)
-            delete attributes[name];
-        return _ew_jsx0({
-            ...attributes,
-            "href": target.href,
-            "target": props.target,
-            "aria-current": props.active ? "page" : undefined,
-            "aria-disabled": props.disabled ? "true" : undefined,
-            "onClick": target.onClick,
-            children: props.children
-        });
+function linkTarget(router, props) {
+  const explicitHref = props.href;
+  const blocked = explicitHref !== void 0 && isDangerousProtocol(explicitHref, router.protocolAllowlist);
+  const absoluteHref = explicitHref !== void 0 && getUrlScheme(explicitHref) ? explicitHref : void 0;
+  const location = absoluteHref || blocked ? void 0 : router.buildLocation(props);
+  const external = absoluteHref !== void 0 || location?.external === true;
+  const publicHref = absoluteHref ?? location?.publicHref;
+  const history = router.history;
+  const href = props.disabled || blocked ? void 0 : props.reloadDocument || external ? publicHref : history.createHref(publicHref);
+  const onClick = (event) => {
+    const plain = event.button === 0 && !event.metaKey && !event.altKey && !event.ctrlKey && !event.shiftKey && !event.defaultPrevented;
+    if (props.disabled || blocked) {
+      event.preventDefault();
+      return;
     }
-    return Object.assign(Link, { [jsxComponent]: true });
+    const download = props.download !== void 0 && props.download !== false;
+    if (!plain || external || download || props.reloadDocument || props.target && props.target !== "_self") return;
+    event.preventDefault();
+    router.navigate(props).catch((error) => {
+      console.error("Router navigation failed", error);
+    });
+  };
+  return {
+    href,
+    onClick
+  };
+}
+function createLink(router) {
+  function Link(props) {
+    const target = linkTarget(router, props);
+    const attributes = { ...props };
+    for (const name of options) delete attributes[name];
+    return _ew_jsx0({
+      ...attributes,
+      "href": target.href,
+      "target": props.target,
+      "aria-current": props.active ? "page" : void 0,
+      "aria-disabled": props.disabled ? "true" : void 0,
+      "onClick": target.onClick
+    }, props.children);
+  }
+  return Object.assign(Link, { [jsxComponent]: true });
 }
+export {
+  createLink,
+  linkTarget
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effectweb/tanstack-router",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -25,10 +25,10 @@
   },
   "dependencies": {
     "@tanstack/history": "1.162.4",
-    "@tanstack/router-core": "1.171.33"
+    "@tanstack/router-core": "1.171.34"
   },
   "peerDependencies": {
-    "effect": "4.0.0-rc.112",
-    "effectweb": "^0.8.0"
+    "effect": "4.0.0-rc.118",
+    "effectweb": "^0.8.1"
   }
 }