@ssgoi/react 7.0.3 → 7.1.0-beta.0

package/dist/lib/nextjs/selected-segments-to-path.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=/^(?:\(\.\.\.\)|\(\.\.\)|\(\.\))+/;function l(t,o="/"){const r=t.filter(e=>!(e.startsWith("(")&&e.endsWith(")"))).map(e=>e.replace(a,"")).filter(Boolean).join("/");return`${o.replace(/\/$/,"")}/${r}`.replace(/\/$/,"")||"/"}exports.selectedSegmentsToPath=l;

package/dist/lib/nextjs/selected-segments-to-path.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Turn a layout's selected slot into a route id. Pass the owning layout's
+ * absolute base path for nested layouts. Interception markers are stripped;
+ * this does not reconstruct an intercepted destination's relative ancestry.
+ */
+export declare function selectedSegmentsToPath(segments: readonly string[], basePath?: string): string;

package/dist/lib/nextjs/selected-segments-to-path.js

@@ -0,0 +1,8 @@
+const n = /^(?:\(\.\.\.\)|\(\.\.\)|\(\.\))+/;
+function o(t, r = "/") {
+  const a = t.filter((e) => !(e.startsWith("(") && e.endsWith(")"))).map((e) => e.replace(n, "")).filter(Boolean).join("/");
+  return `${r.replace(/\/$/, "")}/${a}`.replace(/\/$/, "") || "/";
+}
+export {
+  o as selectedSegmentsToPath
+};

package/dist/lib/nextjs/ssgoi-route-boundary.cjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),u=require("next/navigation"),l=require("../route-boundary.cjs");function d(e){return t.jsx(i.Suspense,{fallback:e.fallback??null,children:t.jsx(y,{...e})})}function y({resolve:e,parallelRoutesKey:o="children",fallback:r,...s}){const n=u.usePathname(),a=u.useSelectedLayoutSegments(o)??[];if(n==null)return r??null;const c=e?.({pathname:n,selectedSegments:a})??{id:n};return t.jsx(l.RouteBoundary,{...s,boundary:c})}exports.SsgoiRouteBoundary=d;

package/dist/lib/nextjs/ssgoi-route-boundary.d.ts

@@ -0,0 +1,15 @@
+import { ElementType, ReactNode } from 'react';
+import { RouteBoundaryProps } from '../route-boundary';
+export interface NextjsRouteLocation {
+    pathname: string;
+    /** Segments below the layout that renders this boundary, including groups. */
+    selectedSegments: string[];
+}
+export type SsgoiRouteBoundaryProps<T extends ElementType = "div"> = RouteBoundaryProps<NextjsRouteLocation, T> & {
+    /** The parallel slot to read, without @. Defaults to children. */
+    parallelRoutesKey?: string;
+    /** Shown while Next.js resolves URL data (including Cache Components). */
+    fallback?: ReactNode;
+};
+/** App Router boundary. Import only from @ssgoi/react/nextjs. */
+export declare function SsgoiRouteBoundary<T extends ElementType = "div">(props: SsgoiRouteBoundaryProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/lib/nextjs/ssgoi-route-boundary.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { Suspense as m } from "react";
+import { usePathname as s, useSelectedLayoutSegments as c } from "next/navigation";
+import { RouteBoundary as i } from "../route-boundary.js";
+function h(e) {
+  return /* @__PURE__ */ o(m, { fallback: e.fallback ?? null, children: /* @__PURE__ */ o(d, { ...e }) });
+}
+function d({
+  resolve: e,
+  parallelRoutesKey: t = "children",
+  fallback: r,
+  ...u
+}) {
+  const n = s(), l = c(t) ?? [];
+  if (n == null) return r ?? null;
+  const a = e?.({ pathname: n, selectedSegments: l }) ?? {
+    id: n
+  };
+  return /* @__PURE__ */ o(i, { ...u, boundary: a });
+}
+export {
+  h as SsgoiRouteBoundary
+};

package/dist/lib/nextjs.d.ts

@@ -0,0 +1,4 @@
+export { SsgoiRouteBoundary } from './nextjs/ssgoi-route-boundary';
+export type { SsgoiRouteBoundaryProps, NextjsRouteLocation, } from './nextjs/ssgoi-route-boundary';
+export type { RouteBoundaryState } from './route-boundary';
+export { selectedSegmentsToPath } from './nextjs/selected-segments-to-path';

package/dist/lib/react-router/ssgoi-route-boundary.cjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),n=require("react-router"),i=require("../route-boundary.cjs");function a({resolve:e,...t}){const o=n.useLocation(),r=e?.(o)??{id:o.pathname};return u.jsx(i.RouteBoundary,{...t,boundary:r})}exports.SsgoiRouteBoundary=a;

package/dist/lib/react-router/ssgoi-route-boundary.d.ts

@@ -0,0 +1,5 @@
+import { ElementType } from 'react';
+import { Location } from 'react-router';
+import { RouteBoundaryProps } from '../route-boundary';
+export type SsgoiRouteBoundaryProps<T extends ElementType = "div"> = RouteBoundaryProps<Location, T>;
+export declare function SsgoiRouteBoundary<T extends ElementType = "div">({ resolve, ...props }: SsgoiRouteBoundaryProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/lib/react-router/ssgoi-route-boundary.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { useLocation as u } from "react-router";
+import { RouteBoundary as a } from "../route-boundary.js";
+function p({
+  resolve: t,
+  ...r
+}) {
+  const o = u(), n = t?.(o) ?? { id: o.pathname };
+  return /* @__PURE__ */ i(a, { ...r, boundary: n });
+}
+export {
+  p as SsgoiRouteBoundary
+};

package/dist/lib/react-router.d.ts

@@ -0,0 +1,3 @@
+export { SsgoiRouteBoundary } from './react-router/ssgoi-route-boundary';
+export type { SsgoiRouteBoundaryProps } from './react-router/ssgoi-route-boundary';
+export type { RouteBoundaryState } from './route-boundary';

package/dist/lib/route-boundary.cjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function a({boundary:e,routeKey:t,as:o,children:n,...i}){const r=o??"div";return u.createElement(r,{...i,key:t??e.key??e.id,"data-ssgoi-transition":e.id},n)}exports.RouteBoundary=a;

package/dist/lib/route-boundary.d.ts

@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef, ElementType, HTMLAttributes, ReactNode } from 'react';
+export interface RouteBoundaryState {
+    id: string;
+    /** Defaults to id. Keep this stable while a nested layout owns navigation. */
+    key?: string | number;
+}
+export interface RouteLocation {
+    pathname: string;
+}
+export type RouteBoundaryProps<Location extends RouteLocation = RouteLocation, T extends ElementType = "div"> = {
+    children?: ReactNode;
+    as?: T;
+    /** A stable lifetime for a boundary inside a persistent route layout. */
+    routeKey?: string | number;
+    /** Resolve the logical route and its lifetime together during render. */
+    resolve?: (location: Location) => RouteBoundaryState;
+} & Omit<ComponentPropsWithoutRef<T>, "as" | "children" | "resolve" | "routeKey">;
+export declare function RouteBoundary({ boundary, routeKey, as, children, ...rest }: HTMLAttributes<HTMLElement> & {
+    as?: ElementType;
+    routeKey?: string | number;
+    boundary: RouteBoundaryState;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/lib/route-boundary.js

@@ -0,0 +1,22 @@
+"use client";
+import { createElement as r } from "react";
+function s({
+  boundary: t,
+  routeKey: e,
+  as: o,
+  children: n,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    o ?? "div",
+    {
+      ...i,
+      key: e ?? t.key ?? t.id,
+      "data-ssgoi-transition": t.id
+    },
+    n
+  );
+}
+export {
+  s as RouteBoundary
+};

package/dist/lib/tanstack-router/ssgoi-route-boundary.cjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),a=require("@tanstack/react-router"),s=require("../route-boundary.cjs");function c({resolve:e,...o}){const t={pathname:a.useRouterState({select:r=>r.location.pathname})},n=e?.(t)??{id:t.pathname};return u.jsx(s.RouteBoundary,{...o,boundary:n})}exports.SsgoiRouteBoundary=c;

package/dist/lib/tanstack-router/ssgoi-route-boundary.d.ts

@@ -0,0 +1,4 @@
+import { ElementType } from 'react';
+import { RouteBoundaryProps, RouteLocation } from '../route-boundary';
+export type SsgoiRouteBoundaryProps<T extends ElementType = "div"> = RouteBoundaryProps<RouteLocation, T>;
+export declare function SsgoiRouteBoundary<T extends ElementType = "div">({ resolve, ...props }: SsgoiRouteBoundaryProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/lib/tanstack-router/ssgoi-route-boundary.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { useRouterState as m } from "@tanstack/react-router";
+import { RouteBoundary as u } from "../route-boundary.js";
+function d({
+  resolve: t,
+  ...n
+}) {
+  const o = { pathname: m({
+    select: (e) => e.location.pathname
+  }) }, a = t?.(o) ?? { id: o.pathname };
+  return /* @__PURE__ */ r(u, { ...n, boundary: a });
+}
+export {
+  d as SsgoiRouteBoundary
+};

package/dist/lib/tanstack-router.d.ts

@@ -0,0 +1,3 @@
+export { SsgoiRouteBoundary } from './tanstack-router/ssgoi-route-boundary';
+export type { SsgoiRouteBoundaryProps } from './tanstack-router/ssgoi-route-boundary';
+export type { RouteBoundaryState } from './route-boundary';

package/dist/nextjs.cjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lib/nextjs/ssgoi-route-boundary.cjs"),t=require("./lib/nextjs/selected-segments-to-path.cjs");exports.SsgoiRouteBoundary=e.SsgoiRouteBoundary;exports.selectedSegmentsToPath=t.selectedSegmentsToPath;

package/dist/nextjs.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/nextjs'
+export {}

package/dist/nextjs.js

@@ -0,0 +1,7 @@
+"use client";
+import { SsgoiRouteBoundary as t } from "./lib/nextjs/ssgoi-route-boundary.js";
+import { selectedSegmentsToPath as m } from "./lib/nextjs/selected-segments-to-path.js";
+export {
+  t as SsgoiRouteBoundary,
+  m as selectedSegmentsToPath
+};

package/dist/react-router.cjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lib/react-router/ssgoi-route-boundary.cjs");exports.SsgoiRouteBoundary=o.SsgoiRouteBoundary;

package/dist/react-router.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/react-router'
+export {}

package/dist/react-router.js

@@ -0,0 +1,5 @@
+"use client";
+import { SsgoiRouteBoundary as e } from "./lib/react-router/ssgoi-route-boundary.js";
+export {
+  e as SsgoiRouteBoundary
+};

package/dist/tanstack-router.cjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lib/tanstack-router/ssgoi-route-boundary.cjs");exports.SsgoiRouteBoundary=o.SsgoiRouteBoundary;

package/dist/tanstack-router.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/tanstack-router'
+export {}

package/dist/tanstack-router.js

@@ -0,0 +1,5 @@
+"use client";
+import { SsgoiRouteBoundary as e } from "./lib/tanstack-router/ssgoi-route-boundary.js";
+export {
+  e as SsgoiRouteBoundary
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/react",
-  "version": "7.0.3",
+  "version": "7.1.0-beta.0",
   "description": "React bindings for SSGOI - Native app-like page transitions for React applications",
   "private": false,
   "type": "module",
@@ -61,14 +61,34 @@
       "import": "./dist/unplugin/esbuild.js",
       "require": "./dist/unplugin/esbuild.cjs",
       "default": "./dist/unplugin/esbuild.js"
+    },
+    "./nextjs": {
+      "types": "./dist/nextjs.d.ts",
+      "import": "./dist/nextjs.js",
+      "require": "./dist/nextjs.cjs",
+      "default": "./dist/nextjs.js"
+    },
+    "./react-router": {
+      "types": "./dist/react-router.d.ts",
+      "import": "./dist/react-router.js",
+      "require": "./dist/react-router.cjs",
+      "default": "./dist/react-router.js"
+    },
+    "./tanstack-router": {
+      "types": "./dist/tanstack-router.d.ts",
+      "import": "./dist/tanstack-router.js",
+      "require": "./dist/tanstack-router.cjs",
+      "default": "./dist/tanstack-router.js"
     }
   },
   "dependencies": {
     "unplugin": "^2.3.2",
     "@babel/core": "^7.26.10",
-    "@ssgoi/core": "^7.0.3"
+    "@ssgoi/core": "^7.1.0-beta.0"
   },
   "devDependencies": {
+    "@babel/traverse": "7.28.5",
+    "@babel/types": "7.28.5",
     "@types/babel__core": "^7.20.5",
     "@eslint/js": "^9.30.1",
     "@types/react": "^19.1.8",
@@ -83,7 +103,14 @@
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.35.1",
     "vite": "^7.0.4",
-    "vite-plugin-dts": "^4.5.4"
+    "vite-plugin-dts": "^4.5.4",
+    "next": "16.1.0",
+    "react-router": "7.10.1",
+    "@tanstack/react-router": "^1.93.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "vitest": "^3.2.4",
+    "jsdom": "^26.1.0"
   },
   "keywords": [
     "react",
@@ -120,12 +147,29 @@
   "engines": {
     "node": ">=18.0.0"
   },
+  "peerDependencies": {
+    "next": "*",
+    "react-router": "*",
+    "@tanstack/react-router": "*"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    },
+    "react-router": {
+      "optional": true
+    },
+    "@tanstack/react-router": {
+      "optional": true
+    }
+  },
   "scripts": {
     "dev": "vite build --watch",
     "build": "tsc -b && vite build",
     "watch": "vite build --watch",
     "lint": "eslint .",
     "preview": "vite preview",
-    "package": "vite build"
+    "package": "vite build",
+    "test:run": "vitest run"
   }
 }