Add server entry point

Author: zoontek

__tests__/server.tsx

@@ -4,7 +4,8 @@
 
 import { renderToString } from "react-dom/server";
 import { expect, test } from "vitest";
-import { Link, ServerUrlProvider, createRouter } from "../src";
+import { Link, createRouter } from "../src";
+import { UrlProvider } from "../src/server";
 
 const Router = createRouter({
   Home: "/",
@@ -50,29 +51,29 @@ const App = () => {
 test("Should render home page correctly", () => {
   expect(
     renderToString(
-      <ServerUrlProvider value="/">
+      <UrlProvider value="/">
         <App />
-      </ServerUrlProvider>,
+      </UrlProvider>,
     ),
   ).toMatchSnapshot();
 });
 
 test("Should render users page correctly", () => {
   expect(
     renderToString(
-      <ServerUrlProvider value="/users">
+      <UrlProvider value="/users">
         <App />
-      </ServerUrlProvider>,
+      </UrlProvider>,
     ),
   ).toMatchSnapshot();
 });
 
 test("Should render user page correctly", () => {
   expect(
     renderToString(
-      <ServerUrlProvider value="/users/123">
+      <UrlProvider value="/users/123">
         <App />
-      </ServerUrlProvider>,
+      </UrlProvider>,
     ),
   ).toMatchSnapshot();
 });

docs/docs/server-side-rendering.md

@@ -3,10 +3,10 @@ title: Server-side rendering
 sidebar_label: Server-side rendering
 ---
 
-To render your app server-side, wrap it with `ServerUrlProvider`:
+To render your app server-side, wrap it with `UrlProvider`:
 
 ```tsx {1,10-12}
-import { ServerUrlProvider } from "@swan-io/chicane";
+import { UrlProvider } from "@swan-io/chicane/server";
 import express from "express";
 import { renderToString } from "react-dom/server";
 import { App } from "../client/App";
@@ -15,9 +15,9 @@ const app = express();
 
 app.use("*", (req, res) => {
   const html = renderToString(
-    <ServerUrlProvider value={req.originalUrl}>
+    <UrlProvider value={req.originalUrl}>
       <App />
-    </ServerUrlProvider>,
+    </UrlProvider>,
   );
 
   // …

package.json

@@ -10,7 +10,12 @@
     "type": "git",
     "url": "https://github.com/swan-io/chicane.git"
   },
-  "zshy": "./src/index.ts",
+  "zshy": {
+    "exports": {
+      ".": "./src/index.ts",
+      "./server": "./src/server.ts"
+    }
+  },
   "types": "./dist/index.d.ts",
   "module": "./dist/index.mjs",
   "main": "./dist/index.js",
@@ -20,6 +25,11 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
+    },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.mjs",
+      "require": "./dist/server.js"
     }
   },
   "files": [

src/index.ts

@@ -9,7 +9,6 @@ export {
 } from "./history";
 export { Link } from "./Link";
 export { decodeSearch, encodeSearch } from "./search";
-export { ServerUrlProvider } from "./server";
 export type { InferRoutes, Location, Search } from "./types";
 export { useBlocker } from "./useBlocker";
 export { useFocusReset } from "./useFocusReset";

src/server.ts

@@ -6,7 +6,7 @@ type Props = {
   value: string;
 };
 
-export const ServerUrlProvider = ({ children, value }: Props) => {
+export const UrlProvider = ({ children, value }: Props) => {
   const location = decodeLocation(value);
 
   return createElement(GetUniversalLocationContext, {