@native-router/react 1.0.0

package/README.md

@@ -0,0 +1,79 @@
+[![npm](https://img.shields.io/npm/v/@native-router/react.svg)](https://www.npmjs.com/package/@native-router/react)
+[![Build Status](https://github.com/wmzy/@native-router/react/actions/workflows/ci.yml/badge.svg)](https://github.com/wmzy/@native-router/react/actions)
+[![Coverage](https://img.shields.io/codecov/c/github/wmzy/@native-router/react.svg)](https://codecov.io/gh/wmzy/@native-router/react)
+[![install size](https://packagephobia.now.sh/badge?p=@native-router/react)](https://packagephobia.now.sh/result?p=@native-router/react)
+
+# Native Router React
+
+> A route close to the native experience for react.
+
+English | [简体中文](./README-zh_CN.md)
+
+## Features
+
+- Asynchronous navigation
+- Cancelable
+- Page data concurrent fetch
+- Link prefetch and preview
+- Most unused features can be tree-shaking
+- SSR support
+
+## Install
+
+```bash
+npm i @native-router/react
+```
+
+## Usage
+
+```tsx
+import {View, HistoryRouter as Router} from '@native-router/react';
+import Loading from '@/components/Loading';
+import RouterError from '@/components/RouterError';
+import * as userService from '@/services/user';
+
+export default function App() {
+  return (
+    <Router
+      routes={{
+        component: () => import('./Layout'),
+        children: [
+          {
+            path: '/',
+            component: () => import('./Home')
+          },
+          {
+            path: '/users',
+            component: () => import('./UserList'),
+            data: userService.fetchList
+          },
+          {
+            path: '/users/:id',
+            component: () => import('./UserProfile'),
+            data: ({id}) => userService.fetchById(+id)
+          },
+          {
+            path: '/help',
+            component: () => import('./Help')
+          },
+          {
+            path: '/about',
+            component: () => import('./About')
+          }
+        ]
+      }}
+      baseUrl="/demos"
+      errorHandler={(e) => <RouterError error={e} />}
+    >
+      <View />
+      <Loading />
+    </Router>
+  );
+}
+
+```
+See [demos](/demos/) for a complete example.
+
+## Documentation 
+
+[API](https://wmzy.github.io/@native-router/react/modules.html)

package/dist/index.js

@@ -0,0 +1,94 @@
+import { u as useRouter } from './server-4edf6acb.js';
+export { g as HashRouter, H as HistoryRouter, M as MemoryRouter, R as Router, V as View, f as createRouter, r as defaultResolveView, e as resolveClientView, b as useData, c as useLoading, d as useMatched, a as useView } from './server-4edf6acb.js';
+import { createHref, navigate, toLocation, commit, resolve } from '@native-router/core';
+import { useRef, useState, useEffect, useMemo, createContext, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import 'history';
+import '@native-router/core/util';
+
+function Link(_ref) {
+  let {
+    to,
+    ...rest
+  } = _ref;
+  const router = useRouter();
+  const lock = useRef(false);
+  function handleClick(e) {
+    e.preventDefault();
+    if (lock.current)
+      return;
+    lock.current = true;
+    navigate(router, to).finally(() => lock.current = false);
+  }
+  return (
+    // eslint-disable-next-line jsx-a11y/anchor-has-content
+    /* @__PURE__ */ jsx("a", {
+      ...rest,
+      href: createHref(router, to),
+      onClick: handleClick
+    })
+  );
+}
+
+const Context = /* @__PURE__ */ createContext({
+  loading: false
+});
+function usePrefetch() {
+  return useContext(Context);
+}
+function PrefetchLink(_ref) {
+  let {
+    to,
+    children,
+    ...rest
+  } = _ref;
+  const router = useRouter();
+  const viewPromiseRef = useRef();
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState();
+  const [view, setView] = useState();
+  const location = toLocation(router, to);
+  function prefetchIt() {
+    setLoading(true);
+    viewPromiseRef.current = resolve(router, location).then((v) => {
+      setView(v);
+      return v;
+    }).catch((e) => {
+      setError(e);
+      throw e;
+    }).finally(() => setLoading(false));
+  }
+  function handlePrefetch() {
+    if (viewPromiseRef.current)
+      return;
+    prefetchIt();
+  }
+  function handleClick(e) {
+    e.preventDefault();
+    if (!viewPromiseRef.current) {
+      prefetchIt();
+    }
+    commit(router, viewPromiseRef.current, location).finally(() => viewPromiseRef.current = void 0);
+  }
+  useEffect(() => {
+    viewPromiseRef.current = void 0;
+  }, [to, router]);
+  const linkContext = useMemo(() => ({
+    loading,
+    error,
+    view
+  }), [loading, error, view]);
+  return /* @__PURE__ */ jsx(Context.Provider, {
+    value: linkContext,
+    children: /* @__PURE__ */ jsx("a", {
+      ...rest,
+      href: createHref(router, to),
+      onMouseEnter: handlePrefetch,
+      onClick: handleClick,
+      children
+    })
+  });
+}
+
+export { Link, PrefetchLink, usePrefetch, useRouter };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/components/Link.tsx","../src/components/PrefetchLink.tsx"],"sourcesContent":["import {createHref, navigate} from '@native-router/core';\nimport type {LinkProps} from '@@/types';\nimport {useRef, type MouseEvent} from 'react';\nimport {useRouter} from './Router';\n\n/**\n * Link for navigate in app.\n * @param props\n * @group Components\n */\nexport default function Link({to, ...rest}: LinkProps) {\n  const router = useRouter();\n  const lock = useRef(false);\n\n  function handleClick(e: MouseEvent<HTMLAnchorElement>) {\n    e.preventDefault();\n\n    if (lock.current) return;\n    lock.current = true;\n    navigate(router, to).finally(() => (lock.current = false));\n  }\n  return (\n    // eslint-disable-next-line jsx-a11y/anchor-has-content\n    <a {...rest} href={createHref(router, to)} onClick={handleClick} />\n  );\n}\n","import {commit, createHref, resolve, toLocation} from '@native-router/core';\nimport type {LinkProps} from '@@/types';\nimport {\n  createContext,\n  MouseEvent,\n  ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {useRouter} from './Router';\n\ntype PrefetchLinkContext = {loading: boolean; error?: Error; view?: ReactNode};\n\nconst Context = createContext<PrefetchLinkContext>({loading: false});\n\n/**\n * Get the prefetch context. Use for render a preview view.\n * @group Hooks\n */\nexport function usePrefetch() {\n  return useContext(Context);\n}\n\n/**\n * Link support hover prefetch.\n * @param props\n * @group Components\n */\nexport default function PrefetchLink({to, children, ...rest}: LinkProps) {\n  const router = useRouter();\n  const viewPromiseRef = useRef<undefined | Promise<ReactNode>>();\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error>();\n  const [view, setView] = useState<ReactNode>();\n  const location = toLocation(router, to);\n\n  function prefetchIt() {\n    setLoading(true);\n    viewPromiseRef.current = resolve(router, location)\n      .then((v) => {\n        setView(v);\n        return v;\n      })\n      .catch((e) => {\n        setError(e);\n        throw e;\n      })\n      .finally(() => setLoading(false));\n  }\n\n  function handlePrefetch() {\n    if (viewPromiseRef.current) return;\n    prefetchIt();\n  }\n\n  function handleClick(e: MouseEvent<HTMLAnchorElement>) {\n    e.preventDefault();\n    if (!viewPromiseRef.current) {\n      prefetchIt();\n    }\n    commit(router, viewPromiseRef.current!, location).finally(\n      () => (viewPromiseRef.current = undefined)\n    );\n  }\n\n  useEffect(() => {\n    viewPromiseRef.current = undefined;\n  }, [to, router]);\n\n  const linkContext = useMemo(\n    () => ({loading, error, view}),\n    [loading, error, view]\n  );\n\n  return (\n    <Context.Provider value={linkContext}>\n      <a\n        {...rest}\n        href={createHref(router, to)}\n        onMouseEnter={handlePrefetch}\n        onClick={handleClick}\n      >\n        {children}\n      </a>\n    </Context.Provider>\n  );\n}\n"],"names":["Link","_ref","to","rest","router","useRouter","lock","useRef","handleClick","e","preventDefault","current","navigate","finally","href","createHref","onClick","Context","loading","usePrefetch","useContext","PrefetchLink","children","viewPromiseRef","setLoading","useState","error","setError","view","setView","location","toLocation","prefetchIt","resolve","then","v","catch","handlePrefetch","commit","undefined","useEffect","linkContext","useMemo","_jsx","Provider","value","onMouseEnter"],"mappings":";;;;;;;;AAUA,SAAwBA,KAAIC,IAA2B,EAAA;AAAA,EAA1B,IAAA;AAAA,IAACC,EAAAA;AAAAA,IAAI,GAAGC,IAAAA;AAAAA,GAAgBF,GAAAA,IAAAA,CAAAA;AACnD,EAAA,MAAMG,SAASC,SAAU,EAAA,CAAA;AACzB,EAAMC,MAAAA,IAAAA,GAAOC,OAAO,KAAK,CAAA,CAAA;AAEzB,EAAA,SAASC,YAAYC,CAAkC,EAAA;AACrDA,IAAAA,CAAAA,CAAEC,cAAe,EAAA,CAAA;AAEjB,IAAA,IAAIJ,IAAKK,CAAAA,OAAAA;AAAS,MAAA,OAAA;AAClBL,IAAAA,IAAAA,CAAKK,OAAU,GAAA,IAAA,CAAA;AACfC,IAAAA,QAAAA,CAASR,QAAQF,EAAE,CAAA,CAAEW,QAAQ,MAAOP,IAAAA,CAAKK,UAAU,KAAM,CAAA,CAAA;AAAA,GAC3D;AACA,EAAA;AAAA;AAAA,wBAEE,GAAA,EAAA;AAAA,MAAA,GAAOR,IAAAA;AAAAA,MAAMW,IAAAA,EAAMC,UAAWX,CAAAA,MAAAA,EAAQF,EAAE,CAAA;AAAA,MAAGc,OAASR,EAAAA,WAAAA;AAAAA,KAAc,CAAA;AAAA,IAAA;AAEtE;;ACTA,MAAMS,0BAA6C,aAAA,CAAA;AAAA,EAACC,OAAS,EAAA,KAAA;AAAK,CAAC,CAAA,CAAA;AAM5D,SAASC,WAAc,GAAA;AAC5B,EAAA,OAAOC,WAAWH,OAAO,CAAA,CAAA;AAC3B,CAAA;AAOA,SAAwBI,aAAYpB,IAAqC,EAAA;AAAA,EAApC,IAAA;AAAA,IAACC,EAAAA;AAAAA,IAAIoB,QAAAA;AAAAA,IAAU,GAAGnB,IAAAA;AAAAA,GAAgBF,GAAAA,IAAAA,CAAAA;AACrE,EAAA,MAAMG,SAASC,SAAU,EAAA,CAAA;AACzB,EAAA,MAAMkB,iBAAiBhB,MAAuC,EAAA,CAAA;AAC9D,EAAA,MAAM,CAACW,OAAAA,EAASM,UAAU,CAAA,GAAIC,SAAS,KAAK,CAAA,CAAA;AAC5C,EAAA,MAAM,CAACC,KAAAA,EAAOC,QAAQ,CAAA,GAAIF,QAAgB,EAAA,CAAA;AAC1C,EAAA,MAAM,CAACG,IAAAA,EAAMC,OAAO,CAAA,GAAIJ,QAAoB,EAAA,CAAA;AAC5C,EAAMK,MAAAA,QAAAA,GAAWC,UAAW3B,CAAAA,MAAAA,EAAQF,EAAE,CAAA,CAAA;AAEtC,EAAA,SAAS8B,UAAa,GAAA;AACpBR,IAAAA,UAAAA,CAAW,IAAI,CAAA,CAAA;AACfD,IAAAA,cAAAA,CAAeZ,UAAUsB,OAAQ7B,CAAAA,MAAAA,EAAQ0B,QAAQ,CAAA,CAC9CI,KAAMC,CAAM,CAAA,KAAA;AACXN,MAAAA,OAAAA,CAAQM,CAAC,CAAA,CAAA;AACT,MAAOA,OAAAA,CAAAA,CAAAA;AAAAA,KACR,CACAC,CAAAA,KAAAA,CAAO3B,CAAM,CAAA,KAAA;AACZkB,MAAAA,QAAAA,CAASlB,CAAC,CAAA,CAAA;AACV,MAAMA,MAAAA,CAAAA,CAAAA;AAAAA,KACP,CACAI,CAAAA,OAAAA,CAAQ,MAAMW,UAAAA,CAAW,KAAK,CAAC,CAAA,CAAA;AAAA,GACpC;AAEA,EAAA,SAASa,cAAiB,GAAA;AACxB,IAAA,IAAId,cAAeZ,CAAAA,OAAAA;AAAS,MAAA,OAAA;AAC5BqB,IAAW,UAAA,EAAA,CAAA;AAAA,GACb;AAEA,EAAA,SAASxB,YAAYC,CAAkC,EAAA;AACrDA,IAAAA,CAAAA,CAAEC,cAAe,EAAA,CAAA;AACjB,IAAI,IAAA,CAACa,eAAeZ,OAAS,EAAA;AAC3BqB,MAAW,UAAA,EAAA,CAAA;AAAA,KACb;AACAM,IAAOlC,MAAAA,CAAAA,MAAAA,EAAQmB,eAAeZ,OAAUmB,EAAAA,QAAQ,EAAEjB,OAChD,CAAA,MAAOU,cAAeZ,CAAAA,OAAAA,GAAU4B,KAClC,CAAA,CAAA,CAAA;AAAA,GACF;AAEAC,EAAAA,SAAAA,CAAU,MAAM;AACdjB,IAAAA,cAAAA,CAAeZ,OAAU4B,GAAAA,KAAAA,CAAAA,CAAAA;AAAAA,GACxB,EAAA,CAACrC,EAAIE,EAAAA,MAAM,CAAC,CAAA,CAAA;AAEf,EAAMqC,MAAAA,WAAAA,GAAcC,QAClB,OAAO;AAAA,IAACxB,OAAAA;AAAAA,IAASQ,KAAAA;AAAAA,IAAOE,IAAAA;AAAAA,GACxB,CAAA,EAAA,CAACV,OAASQ,EAAAA,KAAAA,EAAOE,IAAI,CACvB,CAAA,CAAA;AAEA,EACEe,uBAAAA,GAAAA,CAAC1B,QAAQ2B,QAAQ,EAAA;AAAA,IAACC,KAAOJ,EAAAA,WAAAA;AAAAA,IAAYnB,QAAAA,sBACnC,GAAA,EAAA;AAAA,MAAA,GACMnB,IAAAA;AAAAA,MACJW,IAAAA,EAAMC,UAAWX,CAAAA,MAAAA,EAAQF,EAAE,CAAA;AAAA,MAC3B4C,YAAcT,EAAAA,cAAAA;AAAAA,MACdrB,OAASR,EAAAA,WAAAA;AAAAA,MAAYc,QAAAA;AAAAA,KAGpB,CAAA;AAAA,GACa,CAAA,CAAA;AAEtB;;;;"}

package/dist/server-4edf6acb.js

@@ -0,0 +1,231 @@
+import { createMemoryHistory, createBrowserHistory, createHashHistory } from 'history';
+import { useContext, createContext, useMemo, useState, useEffect } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { getCurrentView, listen, create, setOptions, toLocation, resolve } from '@native-router/core';
+import { splitProps, uniqId, isString } from '@native-router/core/util';
+
+const ViewContext = /* @__PURE__ */ createContext(null);
+function ViewProvider(props) {
+  return /* @__PURE__ */ jsx(ViewContext.Provider, {
+    ...props
+  });
+}
+function useView() {
+  return useContext(ViewContext);
+}
+function View() {
+  return useView();
+}
+const DataContext = /* @__PURE__ */ createContext([void 0, {}]);
+function useDataContext() {
+  return useContext(DataContext);
+}
+function useNamedData() {
+  return useDataContext()[1];
+}
+function DataProvider(_ref) {
+  let {
+    children,
+    name,
+    data
+  } = _ref;
+  const namedData = useNamedData();
+  const value = useMemo(() => [data, name ? {
+    ...namedData,
+    [name]: data
+  } : namedData], [data, name, namedData]);
+  return /* @__PURE__ */ jsx(DataContext.Provider, {
+    value,
+    children
+  });
+}
+const MatchedContext = /* @__PURE__ */ createContext(void 0);
+function useMatched() {
+  return useContext(MatchedContext);
+}
+function useData(name) {
+  const [data, namedData] = useDataContext();
+  return name ? namedData[name] : data;
+}
+const LoadingContext = /* @__PURE__ */ createContext(void 0);
+function useLoading() {
+  return useContext(LoadingContext);
+}
+
+function resolveView(matched, ctx) {
+  return resolveViewBase(matched, ctx, (data, dataCtx) => data?.(dataCtx));
+}
+const viewDataMap = /* @__PURE__ */ new WeakMap();
+function resolveViewServer(matched, ctx) {
+  const dataResults = new Array(matched.length);
+  return resolveViewBase(matched, ctx, (data, dataCtx) => Promise.resolve(data?.(dataCtx)).then((result) => dataResults[dataCtx.index] = result)).then((view) => {
+    viewDataMap.set(view, dataResults);
+    return view;
+  });
+}
+function createHydrateResolveView(data) {
+  return (matched, ctx) => resolveViewBase(matched, ctx, (_, dataCtx) => data[dataCtx.index]);
+}
+function getViewData(view) {
+  return viewDataMap.get(view);
+}
+function resolveViewBase(matched, _ref, resolveData) {
+  let {
+    router,
+    location
+  } = _ref;
+  return Promise.all(matched.map((_ref2, index) => {
+    let {
+      params,
+      route
+    } = _ref2;
+    const ctx = {
+      matched,
+      params,
+      index,
+      router,
+      location
+    };
+    function resolveComponent() {
+      if (!route.component)
+        return View;
+      const r = route.component(ctx);
+      return Promise.resolve(r).then((m) => "default" in m ? m.default : m);
+    }
+    return Promise.all([resolveData(route.data, ctx), resolveComponent()]).then((_ref3) => {
+      let [data, C] = _ref3;
+      return /* @__PURE__ */ jsx(DataProvider, {
+        data,
+        name: route.name,
+        children: /* @__PURE__ */ jsx(MatchedContext.Provider, {
+          value: ctx,
+          children: /* @__PURE__ */ jsx(C, {})
+        })
+      });
+    });
+  })).then((views) => views.reverse().reduce((acc, view) => /* @__PURE__ */ jsx(ViewProvider, {
+    value: acc,
+    children: view
+  })));
+}
+
+const RouterContext = /* @__PURE__ */ createContext(null);
+function Router(_ref) {
+  let {
+    router,
+    children
+  } = _ref;
+  const [view, setView] = useState(getCurrentView(router));
+  useEffect(() => listen(router, setView), [router]);
+  return /* @__PURE__ */ jsx(RouterContext.Provider, {
+    value: router,
+    children: children === "undefined" ? view : /* @__PURE__ */ jsx(ViewProvider, {
+      value: view,
+      children
+    })
+  });
+}
+function createRouter(routes, history) {
+  let {
+    resolveView: resolveView$1 = resolveView,
+    ...options
+  } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  return create(routes, history, resolveView$1, options);
+}
+function useNewRouter(_ref2, createHistory) {
+  let {
+    routes,
+    children,
+    ...options
+  } = _ref2;
+  const [tracked, rest] = splitProps(options, ["baseUrl", "currentView"]);
+  const router = useMemo(() => createRouter(routes, createHistory(), tracked), [routes, createHistory, ...Object.keys(tracked), ...Object.values(tracked)]);
+  const [loading, setLoading] = useState();
+  setOptions(router, {
+    ...rest,
+    onLoadingChange(status) {
+      setLoading(status && {
+        key: uniqId(),
+        status
+      });
+    }
+  });
+  const r = useMemo(() => /* @__PURE__ */ jsx(Router, {
+    router,
+    children
+  }), [router, children]);
+  return /* @__PURE__ */ jsx(LoadingContext.Provider, {
+    value: loading,
+    children: r
+  });
+}
+function HistoryRouter(props) {
+  return useNewRouter(props, createBrowserHistory);
+}
+function HashRouter(props) {
+  return useNewRouter(props, createHashHistory);
+}
+function MemoryRouter(_ref3) {
+  let {
+    initialEntries,
+    initialIndex,
+    ...props
+  } = _ref3;
+  const createHistory = useMemo(() => () => createMemoryHistory({
+    initialEntries,
+    initialIndex
+  }), [initialEntries, initialIndex]);
+  return useNewRouter(props, createHistory);
+}
+function useRouter() {
+  return useContext(RouterContext);
+}
+
+const defaultHydrateKey = "_nativeRouterReactSSRData";
+function resolveServerViewBase(router, location, options) {
+  return resolve(router, location).then((view) => {
+    const data = getViewData(view);
+    return /* @__PURE__ */ jsxs(Fragment, {
+      children: [/* @__PURE__ */ jsx(Router, {
+        router,
+        children: view
+      }), /* @__PURE__ */ jsx("script", {
+        ...options?.scriptAttributes,
+        suppressHydrationWarning: true,
+        dangerouslySetInnerHTML: {
+          __html: `window.${options?.hydrateKey || defaultHydrateKey} = ${JSON.stringify({
+            data,
+            location
+          })};`
+        }
+      })]
+    });
+  });
+}
+function resolveServerView(routes, location) {
+  let {
+    scriptAttributes,
+    hydrateKey,
+    ...options
+  } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  const router = create(routes, createMemoryHistory({
+    initialEntries: [location]
+  }), resolveViewServer, options);
+  return resolveServerViewBase(router, isString(location) ? toLocation(router, location) : location, {
+    scriptAttributes,
+    hydrateKey
+  });
+}
+function resolveClientView(routes, options) {
+  const {
+    data,
+    location
+  } = window[options?.hydrateKey || defaultHydrateKey];
+  const router = create(routes, createMemoryHistory({
+    initialEntries: [location]
+  }), createHydrateResolveView(data), options);
+  return resolve(router, location);
+}
+
+export { HistoryRouter as H, MemoryRouter as M, Router as R, View as V, useView as a, useData as b, useLoading as c, useMatched as d, resolveClientView as e, createRouter as f, HashRouter as g, resolveServerView as h, resolveView as r, useRouter as u };
+//# sourceMappingURL=server-4edf6acb.js.map

package/dist/server-4edf6acb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-4edf6acb.js","sources":["../src/context.tsx","../src/resolve-view.tsx","../src/components/Router.tsx","../src/ssr.tsx"],"sourcesContent":["import {createContext, ReactNode, useContext, useMemo} from 'react';\nimport type {Context, LoadStatus, Route} from './types';\n\nconst ViewContext = createContext<ReactNode>(null);\n\nexport function ViewProvider(props: {children: ReactNode; value: ReactNode}) {\n  return <ViewContext.Provider {...props} />;\n}\n\n/**\n * @group Hooks\n * @see {@link View View Component}\n */\nexport function useView() {\n  return useContext(ViewContext);\n}\n\n/**\n * Used for route component to render child route component.\n * It just render the return of {@link useView}\n * @group Components\n */\nexport function View() {\n  return useView();\n}\n\nconst DataContext = createContext<[any, Record<string, any>]>([undefined, {}]);\n\nfunction useDataContext() {\n  return useContext(DataContext);\n}\n\n/**\n * @group Hooks\n */\nexport function useNamedData() {\n  return useDataContext()[1];\n}\n\nexport function DataProvider({\n  children,\n  name,\n  data\n}: {\n  children: ReactNode;\n  data: any;\n  name?: string;\n}) {\n  const namedData = useNamedData();\n  const value = useMemo(\n    () => [data, name ? {...namedData, [name]: data} : namedData] as [any, any],\n    [data, name, namedData]\n  );\n  return <DataContext.Provider value={value}>{children}</DataContext.Provider>;\n}\n\nexport const MatchedContext = createContext<Context<Route> | undefined>(\n  undefined\n);\n\n/**\n * @group Hooks\n */\nexport function useMatched() {\n  return useContext(MatchedContext)!;\n}\n\n/**\n * @group Hooks\n */\nexport function useData(name?: string) {\n  const [data, namedData] = useDataContext();\n  return name ? namedData[name] : data;\n}\n\nexport const LoadingContext = createContext<LoadStatus | undefined>(undefined);\n\n/**\n * @group Hooks\n */\nexport function useLoading() {\n  return useContext(LoadingContext);\n}\n","import type {ComponentType, ReactElement} from 'react';\nimport type {Context, ResolveViewContext, Route} from '@@/types';\nimport type {Matched} from '@native-router/core';\nimport {DataProvider, MatchedContext, View, ViewProvider} from './context';\n\n/**\n * The default implementation of resolve view\n * @param matched the matched result\n * @param viewContext resolved view context\n * @returns the resolve view\n * @see {@link create router->create}\n */\nexport default function resolveView(\n  matched: Matched<Route>[],\n  ctx: ResolveViewContext<Route>\n) {\n  return resolveViewBase(matched, ctx, (data, dataCtx) => data?.(dataCtx));\n}\n\nconst viewDataMap = new WeakMap<ReactElement, any[]>();\n\nexport function resolveViewServer(\n  matched: Matched<Route>[],\n  ctx: ResolveViewContext<Route>\n) {\n  const dataResults = new Array(matched.length);\n  return resolveViewBase(matched, ctx, (data, dataCtx) =>\n    Promise.resolve(data?.(dataCtx)).then(\n      (result) => (dataResults[dataCtx.index] = result)\n    )\n  ).then((view) => {\n    viewDataMap.set(view, dataResults);\n    return view;\n  });\n}\n\nexport function createHydrateResolveView(data: any[]) {\n  return (matched: Matched<Route>[], ctx: ResolveViewContext<Route>) =>\n    resolveViewBase(matched, ctx, (_, dataCtx) => data[dataCtx.index]);\n}\n\nexport function getViewData(view: ReactElement) {\n  return viewDataMap.get(view);\n}\n\nfunction resolveViewBase(\n  matched: Matched<Route>[],\n  {router, location}: ResolveViewContext<Route>,\n  resolveData: (\n    dataFetcher: ((ctx: Context<Route>) => any) | undefined,\n    ctx: Context<Route>\n  ) => any\n) {\n  return Promise.all(\n    matched.map(({params, route}, index) => {\n      const ctx = {\n        matched: matched!,\n        params,\n        index,\n        router,\n        location\n      };\n      function resolveComponent(): ComponentType | Promise<ComponentType> {\n        if (!route.component) return View;\n        const r = route.component(ctx);\n        return Promise.resolve(r).then((m) => ('default' in m ? m.default : m));\n      }\n\n      return Promise.all([\n        resolveData(route.data, ctx),\n        resolveComponent()\n      ]).then(([data, C]) => (\n        <DataProvider data={data} name={route.name}>\n          <MatchedContext.Provider value={ctx}>\n            <C />\n          </MatchedContext.Provider>\n        </DataProvider>\n      ));\n    })\n  ).then((views) =>\n    views\n      .reverse()\n      .reduce((acc, view) => <ViewProvider value={acc}>{view}</ViewProvider>)\n  );\n}\n","import {\n  ReactNode,\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  useMemo\n} from 'react';\nimport {\n  History,\n  createBrowserHistory,\n  createHashHistory,\n  createMemoryHistory,\n  MemoryHistoryOptions\n} from 'history';\nimport type {\n  LoadStatus,\n  Route,\n} from '@@/types';\nimport {LoadingContext, ViewProvider} from '@@/context';\nimport {create, getCurrentView, listen, setOptions} from '@native-router/core';\nimport type {\n  Options,\n  ResolveView,\n  RouterInstance\n} from '@native-router/core';\nimport {splitProps, uniqId} from '@native-router/core/util';\nimport defaultResolve from '@@/resolve-view';\n\nconst RouterContext = createContext<RouterInstance<Route, ReactNode> | null>(\n  null\n);\n\ntype Props = {\n  children: ReactNode;\n  routes: Route[] | Route;\n  resolveView?: typeof defaultResolve;\n} & Omit<Options<ReactNode>, 'onLoadingChange'>;\n\n/**\n * Base Router Component.\n * @group Components\n */\nexport function Router({\n  router,\n  children\n}: {\n  children: ReactNode;\n  router: RouterInstance<Route, ReactNode>;\n}) {\n  const [view, setView] = useState<ReactNode>(getCurrentView(router));\n\n  useEffect(() => listen(router, setView), [router]);\n  return (\n    <RouterContext.Provider value={router}>\n      {children === 'undefined' ? (\n        view\n      ) : (\n        <ViewProvider value={view}>{children}</ViewProvider>\n      )}\n    </RouterContext.Provider>\n  );\n}\n\nexport function createRouter(\n  routes: Route | Route[],\n  history: History,\n  {\n    resolveView = defaultResolve,\n    ...options\n  }: Options<ReactNode> & {resolveView?: ResolveView<Route, ReactNode>} = {}\n): RouterInstance<Route, ReactNode> {\n  return create(routes, history, resolveView, options);\n}\n\nfunction useNewRouter(\n  {routes, children, ...options}: Props,\n  createHistory: () => History\n) {\n  const [tracked, rest] = splitProps(options, ['baseUrl', 'currentView']);\n  const router = useMemo(\n    () => createRouter(routes, createHistory(), tracked),\n    [routes, createHistory, ...Object.keys(tracked), ...Object.values(tracked)]\n  );\n\n  const [loading, setLoading] = useState<LoadStatus>();\n  setOptions(router, {\n    ...rest,\n    onLoadingChange(status) {\n      setLoading(status && {key: uniqId(), status});\n    }\n  });\n\n  const r = useMemo(\n    () => <Router router={router}>{children}</Router>,\n    [router, children]\n  );\n\n  return <LoadingContext.Provider value={loading}>{r}</LoadingContext.Provider>;\n}\n\n/**\n * History mode Router Component.\n * @group Components\n */\nexport function HistoryRouter(props: Props) {\n  return useNewRouter(props, createBrowserHistory);\n}\n\n/**\n * Hash mode Router Component.\n * @group Components\n */\nexport function HashRouter(props: Props) {\n  return useNewRouter(props, createHashHistory);\n}\n\n/**\n * Memory mode Router Component.\n * @group Components\n */\nexport function MemoryRouter({\n  initialEntries,\n  initialIndex,\n  ...props\n}: Props & MemoryHistoryOptions) {\n  const createHistory = useMemo(\n    () => () => createMemoryHistory({initialEntries, initialIndex}),\n    [initialEntries, initialIndex]\n  );\n  return useNewRouter(props, createHistory);\n}\n\n/**\n * Get Router instance.\n * @group Hooks\n * @returns Router Instance\n */\nexport function useRouter() {\n  return useContext(RouterContext)!;\n}\n","import {createMemoryHistory} from 'history';\nimport {ReactElement, ReactNode} from 'react';\nimport {Router} from './components/Router';\nimport {\n  createHydrateResolveView,\n  getViewData,\n  resolveViewServer\n} from './resolve-view';\nimport {create, resolve, toLocation} from '@native-router/core';\nimport type {Location, Options, RouterInstance} from '@native-router/core';\nimport type {Route} from './types';\nimport {isString} from '@native-router/core/util';\n\nconst defaultHydrateKey = '_nativeRouterReactSSRData';\n\nexport function resolveServerViewBase(\n  router: RouterInstance<Route, ReactNode>,\n  location: Location,\n  options?: {\n    scriptAttributes?: Record<string, string>;\n    hydrateKey?: string;\n  }\n) {\n  return resolve<Route, ReactNode>(router, location).then((view) => {\n    const data = getViewData(view as ReactElement);\n    return (\n      <>\n        <Router router={router}>{view}</Router>\n        <script\n          {...options?.scriptAttributes}\n          suppressHydrationWarning\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{\n            __html: `window.${\n              options?.hydrateKey || defaultHydrateKey\n            } = ${JSON.stringify({data, location})};`\n          }}\n        />\n      </>\n    );\n  });\n}\n\nexport function resolveServerView(\n  routes: Route | Route[],\n  location: Location | string,\n  {\n    scriptAttributes,\n    hydrateKey,\n    ...options\n  }: Options<ReactElement> & {\n    scriptAttributes?: Record<string, string>;\n    hydrateKey?: string;\n  } = {}\n) {\n  const router = create(\n    routes,\n    createMemoryHistory({initialEntries: [location]}),\n    resolveViewServer,\n    options\n  );\n\n  return resolveServerViewBase(\n    router,\n    isString(location) ? toLocation(router, location) : location,\n    {\n      scriptAttributes,\n      hydrateKey\n    }\n  );\n}\n\nexport function resolveClientView(\n  routes: Route | Route[],\n  options?: Options<ReactElement> & {\n    hydrateKey?: string;\n  }\n) {\n  const {data, location} = (window as any)[\n    options?.hydrateKey || defaultHydrateKey\n  ] as {data: any[]; location: Location};\n  const router = create(\n    routes,\n    createMemoryHistory({initialEntries: [location]}),\n    createHydrateResolveView(data),\n    options\n  );\n  return resolve(router, location);\n}\n"],"names":["ViewContext","ViewProvider","props","_jsx","Provider","useView","useContext","View","DataContext","undefined","useDataContext","useNamedData","DataProvider","_ref","children","name","data","namedData","value","useMemo","MatchedContext","useMatched","useData","LoadingContext","useLoading","resolveView","matched","ctx","resolveViewBase","dataCtx","viewDataMap","WeakMap","resolveViewServer","dataResults","Array","length","Promise","resolve","then","result","index","view","set","createHydrateResolveView","_","getViewData","get","resolveData","router","location","all","map","_ref2","params","route","resolveComponent","component","r","m","default","_ref3","C","views","reverse","reduce","acc","RouterContext","Router","setView","useState","getCurrentView","useEffect","listen","createRouter","routes","history","defaultResolve","options","arguments","create","useNewRouter","createHistory","tracked","rest","splitProps","Object","keys","values","loading","setLoading","setOptions","onLoadingChange","status","key","uniqId","HistoryRouter","createBrowserHistory","HashRouter","createHashHistory","MemoryRouter","initialEntries","initialIndex","createMemoryHistory","useRouter","defaultHydrateKey","resolveServerViewBase","_Fragment","scriptAttributes","suppressHydrationWarning","dangerouslySetInnerHTML","__html","hydrateKey","JSON","stringify","resolveServerView","isString","toLocation","resolveClientView","window"],"mappings":"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"}

package/dist/server.js

@@ -0,0 +1,7 @@
+export { h as resolveServerView } from './server-4edf6acb.js';
+import 'history';
+import 'react';
+import 'react/jsx-runtime';
+import '@native-router/core';
+import '@native-router/core/util';
+//# sourceMappingURL=server.js.map

package/dist/server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/types/components/Link.d.ts

@@ -0,0 +1,7 @@
+import type { LinkProps } from '../types';
+/**
+ * Link for navigate in app.
+ * @param props
+ * @group Components
+ */
+export default function Link({ to, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PrefetchLink.d.ts

@@ -0,0 +1,19 @@
+import type { LinkProps } from '../types';
+import { ReactNode } from 'react';
+type PrefetchLinkContext = {
+    loading: boolean;
+    error?: Error;
+    view?: ReactNode;
+};
+/**
+ * Get the prefetch context. Use for render a preview view.
+ * @group Hooks
+ */
+export declare function usePrefetch(): PrefetchLinkContext;
+/**
+ * Link support hover prefetch.
+ * @param props
+ * @group Components
+ */
+export default function PrefetchLink({ to, children, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Router.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+import { History, MemoryHistoryOptions } from 'history';
+import type { Route } from '../types';
+import type { Options, ResolveView, RouterInstance } from '@native-router/core';
+import defaultResolve from '../resolve-view';
+type Props = {
+    children: ReactNode;
+    routes: Route[] | Route;
+    resolveView?: typeof defaultResolve;
+} & Omit<Options<ReactNode>, 'onLoadingChange'>;
+/**
+ * Base Router Component.
+ * @group Components
+ */
+export declare function Router({ router, children }: {
+    children: ReactNode;
+    router: RouterInstance<Route, ReactNode>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function createRouter(routes: Route | Route[], history: History, { resolveView, ...options }?: Options<ReactNode> & {
+    resolveView?: ResolveView<Route, ReactNode>;
+}): RouterInstance<Route, ReactNode>;
+/**
+ * History mode Router Component.
+ * @group Components
+ */
+export declare function HistoryRouter(props: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hash mode Router Component.
+ * @group Components
+ */
+export declare function HashRouter(props: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * Memory mode Router Component.
+ * @group Components
+ */
+export declare function MemoryRouter({ initialEntries, initialIndex, ...props }: Props & MemoryHistoryOptions): import("react/jsx-runtime").JSX.Element;
+/**
+ * Get Router instance.
+ * @group Hooks
+ * @returns Router Instance
+ */
+export declare function useRouter(): RouterInstance<Route, ReactNode>;
+export {};

package/dist/types/context.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import type { Context, LoadStatus, Route } from './types';
+export declare function ViewProvider(props: {
+    children: ReactNode;
+    value: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * @group Hooks
+ * @see {@link View View Component}
+ */
+export declare function useView(): ReactNode;
+/**
+ * Used for route component to render child route component.
+ * It just render the return of {@link useView}
+ * @group Components
+ */
+export declare function View(): ReactNode;
+/**
+ * @group Hooks
+ */
+export declare function useNamedData(): Record<string, any>;
+export declare function DataProvider({ children, name, data }: {
+    children: ReactNode;
+    data: any;
+    name?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const MatchedContext: import("react").Context<Context<Route> | undefined>;
+/**
+ * @group Hooks
+ */
+export declare function useMatched(): Context<Route>;
+/**
+ * @group Hooks
+ */
+export declare function useData(name?: string): any;
+export declare const LoadingContext: import("react").Context<LoadStatus | undefined>;
+/**
+ * @group Hooks
+ */
+export declare function useLoading(): LoadStatus | undefined;

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+export * from './components/Router';
+export { default as Link } from './components/Link';
+export { default as PrefetchLink, usePrefetch } from './components/PrefetchLink';
+export { useView, View, useData, useLoading, useMatched } from './context';
+export { default as defaultResolveView } from './resolve-view';
+export * from './types';
+export { resolveClientView } from './ssr';

package/dist/types/resolve-view.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { ResolveViewContext, Route } from './types';
+import type { Matched } from '@native-router/core';
+/**
+ * The default implementation of resolve view
+ * @param matched the matched result
+ * @param viewContext resolved view context
+ * @returns the resolve view
+ * @see {@link create router->create}
+ */
+export default function resolveView(matched: Matched<Route>[], ctx: ResolveViewContext<Route>): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function resolveViewServer(matched: Matched<Route>[], ctx: ResolveViewContext<Route>): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function createHydrateResolveView(data: any[]): (matched: Matched<Route>[], ctx: ResolveViewContext<Route>) => Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function getViewData(view: ReactElement): any[] | undefined;

package/dist/types/server.d.ts

@@ -0,0 +1 @@
+export { resolveServerView } from './ssr';

package/dist/types/ssr.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement, ReactNode } from 'react';
+import type { Location, Options, RouterInstance } from '@native-router/core';
+import type { Route } from './types';
+export declare function resolveServerViewBase(router: RouterInstance<Route, ReactNode>, location: Location, options?: {
+    scriptAttributes?: Record<string, string>;
+    hydrateKey?: string;
+}): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function resolveServerView(routes: Route | Route[], location: Location | string, { scriptAttributes, hydrateKey, ...options }?: Options<ReactElement> & {
+    scriptAttributes?: Record<string, string>;
+    hydrateKey?: string;
+}): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function resolveClientView(routes: Route | Route[], options?: Options<ReactElement> & {
+    hydrateKey?: string;
+}): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/types/types.d.ts

@@ -0,0 +1,28 @@
+import type { AnchorHTMLAttributes, ComponentType, DetailedHTMLProps, ReactNode } from 'react';
+import type { BaseRoute, Matched, Location, RouterInstance } from '@native-router/core';
+export type ResolveViewContext<R extends BaseRoute> = {
+    router: RouterInstance<R>;
+    location: Location;
+};
+export type Context<T extends BaseRoute> = {
+    matched: Matched<T>[];
+    index: number;
+    router: RouterInstance<BaseRoute>;
+    location: Location;
+    params: Record<string, string>;
+};
+export type Route = BaseRoute<{
+    name?: string;
+    data?(ctx: Context<Route>): any | Promise<any>;
+    component?(ctx: Context<Route>): ComponentType | Promise<ComponentType | {
+        default: ComponentType;
+    }>;
+}>;
+export type LoadStatus = {
+    key: number;
+    status: 'pending' | 'resolved' | 'rejected';
+};
+export type LinkProps = {
+    to: string;
+    children?: ReactNode;
+} & DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;

package/package.json

@@ -0,0 +1,124 @@
+{
+  "name": "@native-router/react",
+  "version": "1.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./server": {
+      "import": "./dist/server.mjs",
+      "types": "./dist/types/server.d.ts"
+    }
+  },
+  "keywords": [
+    "react",
+    "router",
+    "react router",
+    "react-router",
+    "async",
+    "tiny",
+    "data-fetching",
+    "prefetch",
+    "preview"
+  ],
+  "description": "A route close to the native experience for react.",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "start": "vite",
+    "start:ssr": "cross-env SSR=true vite",
+    "build": "vite build && tsc -p tsconfig.production.json && tsc-alias -p tsconfig.production.json",
+    "commit": "lint-staged && git-cz -n",
+    "coverage": "c8 report --reporter=text-lcov > ./coverage/coverage.txt",
+    "lint": "eslint --fix src test demos *.js --ext .js,.jsx,.ts,.tsx",
+    "doc:gen": "typedoc",
+    "build:demo": "cross-env BABEL_ENV=development BUILD_DEMO=true vite build",
+    "deploy": "npm run doc:gen && npm run build:demo && gh-pages -d dist",
+    "test": "cross-env NODE_ENV=test c8 mocha",
+    "test:watch": "npm test -- --watch",
+    "preversion": "npm run build",
+    "postversion": "npm publish",
+    "postpublish": "git push --follow-tags && npm run deploy",
+    "serve": "vite preview"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/wmzy/@native-router/react"
+  },
+  "sideEffects": false,
+  "author": "wmzy",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/wmzy/@native-router/react/issues"
+  },
+  "homepage": "https://github.com/wmzy/@native-router/react",
+  "engines": {
+    "node": ">=14"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "@native-router/core": "^1.0.3",
+    "history": "^5.3.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.22.20",
+    "@babel/preset-env": "^7.22.20",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.22.15",
+    "@linaria/babel-preset": "^5.0.2",
+    "@linaria/core": "^5.0.1",
+    "@linaria/vite": "^5.0.2",
+    "@testing-library/react": "^14.0.0",
+    "@types/mocha": "^10.0.1",
+    "@types/node": "^20.6.5",
+    "@types/react": "^18.2.22",
+    "@types/react-dom": "^18.2.7",
+    "@types/sinon": "^10.0.16",
+    "@typescript-eslint/eslint-plugin": "^6.7.2",
+    "@typescript-eslint/parser": "^6.7.2",
+    "@vitejs/plugin-react": "^4.1.0",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "c8": "^8.0.1",
+    "commitizen": "^4.3.0",
+    "core-js": "^3.32.2",
+    "coveralls": "^3.1.1",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.50.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^17.1.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-compat": "^4.2.0",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-mocha": "^10.1.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "gh-pages": "^6.0.0",
+    "global-jsdom": "^9.1.0",
+    "husky": "^8.0.3",
+    "jsdom": "^22.1.0",
+    "lint-staged": "^14.0.1",
+    "mocha": "^10.2.0",
+    "prettier": "^3.0.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "should": "^13.2.3",
+    "should-sinon": "0.0.6",
+    "sinon": "^16.0.0",
+    "terser": "^5.20.0",
+    "tsc-alias": "^1.8.8",
+    "typedoc": "^0.25.1",
+    "typedoc-plugin-mark-react-functional-components": "^0.2.2",
+    "typedoc-plugin-missing-exports": "^2.1.0",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9"
+  }
+}