@rpcbase/router 0.0.0

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@rpcbase/router",
+  "version": "0.0.0",
+  "type": "module",
+  "main": "./src/index.ts",
+  "scripts": {
+    "build": "tsc --watch",
+    "release": "wireit"
+  },
+  "wireit": {
+    "release": {
+      "command": "../../scripts/publish.js",
+      "dependencies": [],
+      "files": [
+        "package.json"
+      ],
+      "output": [],
+      "env": {
+        "NPM_RELEASE_CHANNEL": {
+          "external": true
+        }
+      }
+    }
+  },
+  "dependencies": {
+  },
+  "devDependencies": {}
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from "react-router"
+export * from "./loadRoute"

package/src/loadRoute.tsx

@@ -0,0 +1,30 @@
+import { lazy } from "react"
+import { LoaderFunction } from "react-router"
+
+import { Loader, LoaderArgs } from "@rpcbase/client"
+
+
+type RouteModule = {
+  default: React.ComponentType<unknown>
+  loader?: Loader
+}
+
+type RouteWithLoader = {
+  Component: React.LazyExoticComponent<React.ComponentType<unknown>>
+  loader?: LoaderFunction
+}
+
+export const loadRoute = (importPromise: Promise<RouteModule>): RouteWithLoader => {
+  const Component = lazy(async () => {
+    const module = await importPromise
+    return { default: module.default }
+  })
+
+  const loader = async (args: LoaderArgs) => {
+    const module = await importPromise
+    if (!module.loader) return null
+    return module.loader(args)
+  }
+
+  return { Component, loader: loader as unknown as LoaderFunction }
+}