@ssgoi/react 7.4.0 → 7.5.0-beta.0

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

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { usePathname as u, useSelectedLayoutSegments as r } from "next/navigation";
+import { SuspendedRouteBoundary as s } from "../route-boundary.js";
+const m = ({ parallelRoutesKey: e = "children" }) => {
+  const t = u(), o = r(e) ?? [];
+  return t == null ? null : { pathname: t, selectedSegments: o };
+};
+function l(e) {
+  return /* @__PURE__ */ n(s, { ...e, useRoute: m });
+}
+export {
+  l as SsgoiRouteBoundary
+};

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

@@ -0,0 +1,20 @@
+import { ElementType } from 'react';
+import { Location } from 'react-router';
+import { RouteBoundaryProps, RouteBoundaryState as RootRouteBoundaryState } from './route-boundary';
+/**
+ * @deprecated Will be removed in 8.0.0. Use `SsgoiLayoutBoundary` from
+ * "@ssgoi/react" with `<Ssgoi framework={...}>` instead.
+ */
+export type SsgoiRouteBoundaryProps<T extends ElementType = "div"> = RouteBoundaryProps<Location, T>;
+/**
+ * @experimental React Router integration. The API may change.
+ *
+ * @deprecated Will be removed in 8.0.0. Use `SsgoiLayoutBoundary` from
+ * "@ssgoi/react" with `<Ssgoi framework={...}>` instead.
+ */
+export declare function SsgoiRouteBoundary<T extends ElementType = "div">(props: SsgoiRouteBoundaryProps<T>): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated Will be removed in 8.0.0. Use `SsgoiLayoutBoundary` from
+ * "@ssgoi/react" with `<Ssgoi framework={...}>` instead.
+ */
+export type RouteBoundaryState = RootRouteBoundaryState;

package/dist/legacy/remix.d.ts

@@ -0,0 +1,25 @@
+import { ElementType } from 'react';
+import { useLocation } from '@remix-run/react';
+import { RouteBoundaryProps, RouteBoundaryState as RootRouteBoundaryState } from './route-boundary';
+/**
+ * @deprecated Will be removed in 8.0.0. Use `SsgoiLayoutBoundary` from
+ * "@ssgoi/react" with `<Ssgoi framework={...}>` instead.
+ */
+export type RemixRouteLocation = ReturnType<typeof useLocation>;
+/**
+ * @deprecated Will be removed in 8.0.0. Use `SsgoiLayoutBoundary` from
+ * "@ssgoi/react" with `<Ssgoi framework={...}>` instead.
+ */
+export type SsgoiRouteBoundaryProps<T extends ElementType = "div"> = RouteBoundaryProps<RemixRouteLocation, T>;
+/**
+ * @experimental Remix 2 integration. The API may change.
+ *
+ * @deprecated Will be removed in 8.0.0. Use `SsgoiLayoutBoundary` from
+ * "@ssgoi/react" with `<Ssgoi framework={...}>` instead.
+ */
+export declare function SsgoiRouteBoundary<T extends ElementType = "div">(props: SsgoiRouteBoundaryProps<T>): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated Will be removed in 8.0.0. Use `SsgoiLayoutBoundary` from
+ * "@ssgoi/react" with `<Ssgoi framework={...}>` instead.
+ */
+export type RouteBoundaryState = RootRouteBoundaryState;

package/dist/legacy/route-boundary.cjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("react");function R(e){return u.jsx(o.Suspense,{fallback:e.fallback??null,children:u.jsx(r,{...e})})}function r({useRoute:e,resolve:a,routeKey:d,parallelRoutesKey:i,fallback:s,as:l,children:c,...y}){const n=e({parallelRoutesKey:i});if(n==null)return s??null;const t=a?.(n)??{id:n.pathname},f=l??"div";return o.createElement(f,{...y,key:d??t.key??t.id,"data-ssgoi-transition":t.id},c)}exports.RouteBoundary=r;exports.SuspendedRouteBoundary=R;

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

@@ -0,0 +1,33 @@
+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">;
+/** Reads the route with the subpath's own router hooks; `null` while not ready. */
+export type UseRoute = (options: {
+    parallelRoutesKey?: string;
+}) => RouteLocation | null;
+type LegacyBoundaryProps = HTMLAttributes<HTMLElement> & {
+    useRoute: UseRoute;
+    as?: ElementType;
+    routeKey?: string | number;
+    resolve?: (location: never) => RouteBoundaryState;
+    parallelRoutesKey?: string;
+    fallback?: ReactNode;
+};
+/** Catches URL suspension outside the hooks that throw it. */
+export declare function SuspendedRouteBoundary(props: LegacyBoundaryProps): import("react/jsx-runtime").JSX.Element;
+export declare function RouteBoundary({ useRoute, resolve, routeKey, parallelRoutesKey, fallback, as, children, ...rest }: LegacyBoundaryProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/legacy/route-boundary.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { Suspense as s, createElement as m } from "react";
+function b(n) {
+  return /* @__PURE__ */ o(s, { fallback: n.fallback ?? null, children: /* @__PURE__ */ o(f, { ...n }) });
+}
+function f({
+  useRoute: n,
+  resolve: r,
+  routeKey: u,
+  parallelRoutesKey: a,
+  fallback: i,
+  as: l,
+  children: d,
+  ...c
+}) {
+  const t = n({ parallelRoutesKey: a });
+  if (t == null) return i ?? null;
+  const e = r?.(t) ?? { id: t.pathname };
+  return /* @__PURE__ */ m(
+    l ?? "div",
+    {
+      ...c,
+      key: u ?? e.key ?? e.id,
+      "data-ssgoi-transition": e.id
+    },
+    d
+  );
+}
+export {
+  f as RouteBoundary,
+  b as SuspendedRouteBoundary
+};

package/dist/{ssgoi-transition.d.ts → legacy/ssgoi-transition.d.ts}

@@ -8,8 +8,7 @@ type SsgoiTransitionProps<T extends ElementType = "div"> = {
 /**
  * Marks a subtree as a Ssgoi page boundary.
  *
- * @deprecated Set `data-ssgoi-transition` directly on the page boundary
- * element inside `<Ssgoi>` instead.
+ * @deprecated Will be removed in 8.0.0.
  */
 export declare const SsgoiTransition: <T extends ElementType = "div">({ children, id, as, className, ...rest }: SsgoiTransitionProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,19 @@
+import { ElementType } from 'react';
+import { RouteBoundaryProps, RouteBoundaryState as RootRouteBoundaryState, RouteLocation } from './route-boundary';
+/**
+ * @deprecated Will be removed in 8.0.0. Use `SsgoiLayoutBoundary` from
+ * "@ssgoi/react" with `<Ssgoi framework={...}>` instead.
+ */
+export type SsgoiRouteBoundaryProps<T extends ElementType = "div"> = RouteBoundaryProps<RouteLocation, T>;
+/**
+ * @experimental TanStack Router integration. The API may change.
+ *
+ * @deprecated Will be removed in 8.0.0. Use `SsgoiLayoutBoundary` from
+ * "@ssgoi/react" with `<Ssgoi framework={...}>` instead.
+ */
+export declare function SsgoiRouteBoundary<T extends ElementType = "div">(props: SsgoiRouteBoundaryProps<T>): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated Will be removed in 8.0.0. Use `SsgoiLayoutBoundary` from
+ * "@ssgoi/react" with `<Ssgoi framework={...}>` instead.
+ */
+export type RouteBoundaryState = RootRouteBoundaryState;

package/dist/legacy/unplugin/esbuild.d.ts

@@ -0,0 +1,3 @@
+/** @deprecated Will be removed in 8.0.0. */
+declare const _default: (options?: import('./index').SsgoiAutoKeyOptions | undefined) => import('esbuild').Plugin;
+export default _default;

package/dist/legacy/unplugin/index.d.ts

@@ -0,0 +1,17 @@
+/** @deprecated Will be removed in 8.0.0. */
+export interface SsgoiAutoKeyOptions {
+    /**
+     * File extensions to process
+     * @default ['.tsx', '.jsx']
+     */
+    include?: string[];
+    /**
+     * File patterns to exclude
+     * @default [/node_modules/]
+     */
+    exclude?: (string | RegExp)[];
+}
+/** @deprecated Will be removed in 8.0.0. */
+export declare const unplugin: import('unplugin').UnpluginInstance<SsgoiAutoKeyOptions | undefined, boolean>;
+/** @deprecated Will be removed in 8.0.0. */
+export default unplugin;

package/dist/legacy/unplugin/rollup.d.ts

@@ -0,0 +1,3 @@
+/** @deprecated Will be removed in 8.0.0. */
+declare const _default: (options?: import('./index').SsgoiAutoKeyOptions | undefined) => import('rollup').Plugin<any> | import('rollup').Plugin<any>[];
+export default _default;

package/dist/legacy/unplugin/vite.d.ts

@@ -0,0 +1,3 @@
+/** @deprecated Will be removed in 8.0.0. */
+declare const _default: (options?: import('./index').SsgoiAutoKeyOptions | undefined) => import('vite').Plugin<any> | import('vite').Plugin<any>[];
+export default _default;

package/dist/legacy/unplugin/webpack.d.ts

@@ -0,0 +1,3 @@
+/** @deprecated Will be removed in 8.0.0. */
+declare const _default: (options?: import('./index').SsgoiAutoKeyOptions | undefined) => import('webpack').WebpackPluginInstance;
+export default _default;

package/dist/nextjs.cjs

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

package/dist/nextjs.d.ts

@@ -1,2 +1,2 @@
-export * from './routers/nextjs/index'
+export * from './legacy/nextjs/index'
 export {}

package/dist/nextjs.js

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

package/dist/react-router.cjs

@@ -1,2 +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("./routers/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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react-router"),u=require("./legacy/route-boundary.cjs"),r=()=>t.useLocation();function n(e){return o.jsx(u.RouteBoundary,{...e,useRoute:r})}exports.SsgoiRouteBoundary=n;

package/dist/react-router.d.ts

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

package/dist/react-router.js

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

package/dist/remix.cjs

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

package/dist/remix.d.ts

@@ -1,2 +1,2 @@
-export * from './routers/remix'
+export * from './legacy/remix'
 export {}

package/dist/remix.js

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

package/dist/ssgoi.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("react"),i=require("@ssgoi/core/internal"),a={display:"contents"},l=e.memo(({config:t,host:o,children:u})=>{const r=e.useRef(null),s=e.useMemo(()=>i.createSggoiTransitionContext(t,{host:o}),[t,o]);return e.useEffect(()=>{const n=r.current;if(n)return i.observeSsgoiTransitions(n,s)},[s]),c.jsx("div",{ref:r,"data-ssgoi-root":"",style:a,children:u})});exports.Ssgoi=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("react"),u=require("@ssgoi/core/internal"),l=require("./context.cjs"),d=require("./layout-boundary.cjs"),g={display:"contents"},y=e.memo(({config:t,host:s,framework:c,children:a})=>{const n=e.useRef(null),o=e.useMemo(()=>u.createSggoiTransitionContext(t,{host:s}),[t,s]);return e.useEffect(()=>{const i=n.current;if(i)return u.observeSsgoiTransitions(i,o)},[o]),r.jsx(l.ssgoiContext.Provider,{value:o,children:r.jsx("div",{ref:n,"data-ssgoi-root":"",style:g,children:r.jsx(d.SsgoiFrameworkProvider,{framework:c,layouts:t.layouts,children:a})})})});exports.Ssgoi=y;

package/dist/ssgoi.d.ts

@@ -1,6 +1,7 @@
 import { default as React, ReactNode } from 'react';
 import { SsgoiConfig } from '@ssgoi/core/types';
 import { HostAnimation } from '@ssgoi/core/internal';
+import { SsgoiFramework } from './layout-boundary';
 interface SsgoiProps {
     config: SsgoiConfig;
     /**
@@ -9,6 +10,11 @@ interface SsgoiProps {
      * outside the tree.
      */
     host?: HostAnimation;
+    /**
+     * How to read the router for `SsgoiLayoutBoundary`. The first boundary reads
+     * the route and keys it against `config.layouts`. Keep the object stable.
+     */
+    framework?: SsgoiFramework;
     children: ReactNode;
 }
 export declare const Ssgoi: React.FC<SsgoiProps>;

package/dist/ssgoi.js

@@ -1,20 +1,29 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import c, { useRef as m, useMemo as f, useEffect as u } from "react";
-import { createSggoiTransitionContext as a, observeSsgoiTransitions as g } from "@ssgoi/core/internal";
-const l = { display: "contents" }, x = c.memo(
-  ({ config: o, host: t, children: n }) => {
-    const r = m(null), e = f(
-      () => a(o, { host: t }),
-      [o, t]
+import { jsx as t } from "react/jsx-runtime";
+import a, { useRef as u, useMemo as c, useEffect as l } from "react";
+import { createSggoiTransitionContext as f, observeSsgoiTransitions as d } from "@ssgoi/core/internal";
+import { ssgoiContext as p } from "./context.js";
+import { SsgoiFrameworkProvider as g } from "./layout-boundary.js";
+const v = { display: "contents" }, P = a.memo(
+  ({ config: o, host: e, framework: n, children: m }) => {
+    const s = u(null), r = c(
+      () => f(o, { host: e }),
+      [o, e]
     );
-    return u(() => {
-      const s = r.current;
-      if (s)
-        return g(s, e);
-    }, [e]), /* @__PURE__ */ i("div", { ref: r, "data-ssgoi-root": "", style: l, children: n });
+    return l(() => {
+      const i = s.current;
+      if (i)
+        return d(i, r);
+    }, [r]), /* @__PURE__ */ t(p.Provider, { value: r, children: /* @__PURE__ */ t("div", { ref: s, "data-ssgoi-root": "", style: v, children: /* @__PURE__ */ t(
+      g,
+      {
+        framework: n,
+        layouts: o.layouts,
+        children: m
+      }
+    ) }) });
   }
 );
 export {
-  x as Ssgoi
+  P as Ssgoi
 };

package/dist/tanstack-router.cjs

@@ -1,2 +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("./routers/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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("@tanstack/react-router"),u=require("./legacy/route-boundary.cjs"),a=()=>({pathname:r.useRouterState({select:c})});function s(e){return o.jsx(u.RouteBoundary,{...e,useRoute:a})}function c(e){const n=e.location.pathname,t=e.matches?.[e.matches.length-1]?.pathname;return t?t.length>1&&t.endsWith("/")&&!n.endsWith("/")?t.slice(0,-1):t:n}exports.SsgoiRouteBoundary=s;

package/dist/tanstack-router.d.ts

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

package/dist/tanstack-router.js

@@ -1,16 +1,17 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { useRouterState as m } from "@tanstack/react-router";
-import { RouteBoundary as u } from "./routers/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 });
+import { jsx as o } from "react/jsx-runtime";
+import { useRouterState as r } from "@tanstack/react-router";
+import { RouteBoundary as a } from "./legacy/route-boundary.js";
+const u = () => ({
+  pathname: r({ select: i })
+});
+function h(t) {
+  return /* @__PURE__ */ o(a, { ...t, useRoute: u });
+}
+function i(t) {
+  const n = t.location.pathname, e = t.matches?.[t.matches.length - 1]?.pathname;
+  return e ? e.length > 1 && e.endsWith("/") && !n.endsWith("/") ? e.slice(0, -1) : e : n;
 }
 export {
-  d as SsgoiRouteBoundary
+  h as SsgoiRouteBoundary
 };

package/dist/unplugin/esbuild.d.ts

@@ -1,2 +1,4 @@
-declare const _default: (options?: import('./index').SsgoiAutoKeyOptions | undefined) => import('esbuild').Plugin;
-export default _default;
+export {}
+import _default from '../legacy/unplugin/esbuild'
+export default _default
+export {}

package/dist/unplugin/index.d.ts

@@ -1,14 +1,6 @@
-export interface SsgoiAutoKeyOptions {
-    /**
-     * File extensions to process
-     * @default ['.tsx', '.jsx']
-     */
-    include?: string[];
-    /**
-     * File patterns to exclude
-     * @default [/node_modules/]
-     */
-    exclude?: (string | RegExp)[];
-}
-export declare const unplugin: import('unplugin').UnpluginInstance<SsgoiAutoKeyOptions | undefined, boolean>;
-export default unplugin;
+export * from '../legacy/unplugin/index'
+export {}
+import _default from '../legacy/unplugin/index'
+export default _default
+export * from '../legacy/unplugin/index'
+export {}

package/dist/unplugin/rollup.d.ts

@@ -1,2 +1,4 @@
-declare const _default: (options?: import('./index').SsgoiAutoKeyOptions | undefined) => import('rollup').Plugin<any> | import('rollup').Plugin<any>[];
-export default _default;
+export {}
+import _default from '../legacy/unplugin/rollup'
+export default _default
+export {}

package/dist/unplugin/vite.d.ts

@@ -1,2 +1,4 @@
-declare const _default: (options?: import('./index').SsgoiAutoKeyOptions | undefined) => import('vite').Plugin<any> | import('vite').Plugin<any>[];
-export default _default;
+export {}
+import _default from '../legacy/unplugin/vite'
+export default _default
+export {}

package/dist/unplugin/webpack.d.ts

@@ -1,2 +1,4 @@
-declare const _default: (options?: import('./index').SsgoiAutoKeyOptions | undefined) => import('webpack').WebpackPluginInstance;
-export default _default;
+export {}
+import _default from '../legacy/unplugin/webpack'
+export default _default
+export {}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ssgoi/react",
-  "version": "7.4.0",
-  "description": "React bindings for SSGOI - Native app-like page transitions for React applications",
+  "version": "7.5.0-beta.0",
+  "description": "Native app-like page transitions for React and Next.js. Make a web app, PWA or WebView app feel native, with Remix, React Router and TanStack Router support.",
   "private": false,
   "type": "module",
   "files": [
@@ -33,55 +33,55 @@
       "default": "./dist/view-transitions.js"
     },
     "./unplugin": {
-      "types": "./dist/unplugin/index.d.ts",
+      "types": "./dist/legacy/unplugin/index.d.ts",
       "import": "./dist/unplugin/index.js",
       "require": "./dist/unplugin/index.cjs",
       "default": "./dist/unplugin/index.js"
     },
     "./unplugin/webpack": {
-      "types": "./dist/unplugin/webpack.d.ts",
+      "types": "./dist/legacy/unplugin/webpack.d.ts",
       "import": "./dist/unplugin/webpack.js",
       "require": "./dist/unplugin/webpack.cjs",
       "default": "./dist/unplugin/webpack.js"
     },
     "./unplugin/vite": {
-      "types": "./dist/unplugin/vite.d.ts",
+      "types": "./dist/legacy/unplugin/vite.d.ts",
       "import": "./dist/unplugin/vite.js",
       "require": "./dist/unplugin/vite.cjs",
       "default": "./dist/unplugin/vite.js"
     },
     "./unplugin/rollup": {
-      "types": "./dist/unplugin/rollup.d.ts",
+      "types": "./dist/legacy/unplugin/rollup.d.ts",
       "import": "./dist/unplugin/rollup.js",
       "require": "./dist/unplugin/rollup.cjs",
       "default": "./dist/unplugin/rollup.js"
     },
     "./unplugin/esbuild": {
-      "types": "./dist/unplugin/esbuild.d.ts",
+      "types": "./dist/legacy/unplugin/esbuild.d.ts",
       "import": "./dist/unplugin/esbuild.js",
       "require": "./dist/unplugin/esbuild.cjs",
       "default": "./dist/unplugin/esbuild.js"
     },
     "./nextjs": {
-      "types": "./dist/routers/nextjs/index.d.ts",
+      "types": "./dist/legacy/nextjs/index.d.ts",
       "import": "./dist/nextjs.js",
       "require": "./dist/nextjs.cjs",
       "default": "./dist/nextjs.js"
     },
     "./react-router": {
-      "types": "./dist/routers/react-router.d.ts",
+      "types": "./dist/legacy/react-router.d.ts",
       "import": "./dist/react-router.js",
       "require": "./dist/react-router.cjs",
       "default": "./dist/react-router.js"
     },
     "./tanstack-router": {
-      "types": "./dist/routers/tanstack-router.d.ts",
+      "types": "./dist/legacy/tanstack-router.d.ts",
       "import": "./dist/tanstack-router.js",
       "require": "./dist/tanstack-router.cjs",
       "default": "./dist/tanstack-router.js"
     },
     "./remix": {
-      "types": "./dist/routers/remix.d.ts",
+      "types": "./dist/legacy/remix.d.ts",
       "import": "./dist/remix.js",
       "require": "./dist/remix.cjs",
       "default": "./dist/remix.js"
@@ -90,7 +90,7 @@
   "dependencies": {
     "unplugin": "^2.3.2",
     "@babel/core": "^7.26.10",
-    "@ssgoi/core": "^7.4.0"
+    "@ssgoi/core": "^7.5.0-beta.0"
   },
   "devDependencies": {
     "@babel/traverse": "7.28.5",
@@ -121,21 +121,33 @@
   },
   "keywords": [
     "react",
+    "nextjs",
+    "next-js",
+    "next.js",
+    "remix",
+    "react-router",
+    "tanstack-router",
+    "drill-transition",
     "page-transition",
     "page-transitions",
+    "route-transition",
+    "navigation-animation",
+    "native-app",
+    "app-like",
+    "mobile-web",
+    "webview",
+    "pwa",
+    "capacitor",
+    "react-native-webview",
+    "hybrid-app",
     "view-transitions",
     "view-transition-api-alternative",
-    "animation",
-    "ssgoi",
-    "spring-physics",
-    "nextjs",
-    "next-js",
-    "cross-browser",
-    "navigation-animation",
-    "hero-transition",
     "shared-element-transition",
-    "route-transition",
-    "drill-transition"
+    "hero-transition",
+    "spring-physics",
+    "web-animations",
+    "animation",
+    "ssgoi"
   ],
   "author": "MeurSyphus <tmdeoans@snu.ac.kr>",
   "license": "MIT",

package/dist/routers/nextjs/index.d.ts

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

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

@@ -1,2 +0,0 @@
-"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;