@e7w/easy-routes 0.0.1 → 0.0.3

package/README.md

@@ -1 +1,26 @@
 # 自用React-router配置
+
+/src/pages/\*\*/page.tsx为页面
+
+```ts
+export function Page() {}
+```
+
+---
+
+/src/pages/\*\*/layout.tsx为layout
+
+```ts
+export function Layout() {
+    return <><Outlet /></>
+}
+```
+
+---
+
+/src/pages/\*\*/meta.ts配置如下
+
+```ts
+export const permission: number = 0b0; // 默认是0b0代表需要登录，只有最右边的一位代表登录，其他位可以自己定enum代表权限
+export const loader: Loader = async (ctx, meta) => {}; // 可以动态修改ctx，ctx.data是返回给页面组件的值，ctx.title是页面的title，signed代表是否登录成功，noPermission代表是否没有权限
+```

package/dist/components/DefaultOutlet.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const DefaultOutlet: FC;

package/dist/components/DefaultOutlet.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Outlet } from "react-router";
+export const DefaultOutlet = () => (_jsx(_Fragment, { children: _jsx(Outlet, {}) }));

package/dist/components/ErrorBoundary.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const ErrorBoundary: FC;

package/dist/components/ErrorBoundary.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { isRouteErrorResponse, useRouteError } from "react-router";
+export const ErrorBoundary = () => {
+    const error = useRouteError();
+    return (_jsx("div", { className: "flex h-full w-full items-center justify-center", children: _jsxs("div", { className: "flex flex-col items-center justify-center", children: [_jsx("h1", { className: "text-2xl font-bold mb-4", children: "Error" }), _jsx("p", { children: "Something went wrong." }), isRouteErrorResponse(error) && (_jsxs(_Fragment, { children: [_jsxs("p", { className: "text-red-300", children: [error.status, " ", error.statusText] }), _jsx("p", { className: "text-red-300", children: JSON.stringify(error.data) })] })), error instanceof Error && (_jsx("p", { className: "text-red-300", children: error.message }))] }) }));
+};

package/dist/components/Loading.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+import "../assets/index.css";
+export declare const Loading: FC;

package/dist/components/Loading.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from "react";
+import { useDebouncedValue } from "../utils/hooks";
+import { useLoader } from "@e7w/easy-model";
+import "../assets/index.css";
+export const Loading = () => {
+    const { isGlobalLoading } = useLoader();
+    const visible = useDebouncedValue(isGlobalLoading);
+    if (!visible)
+        return;
+    return (_jsxs("div", { className: "spinner-box", children: [_jsx("div", { className: "blue-orbit leo" }), _jsx("div", { className: "green-orbit leo" }), _jsx("div", { className: "red-orbit leo" }), _jsx("div", { className: "white-orbit w1 leo" }), _jsx("div", { className: "white-orbit w2 leo" }), _jsx("div", { className: "white-orbit w3 leo" })] }));
+};

package/dist/components/ProgressLayout.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+import "nprogress/nprogress.css";
+export declare const ProgressLayout: FC;

package/dist/components/ProgressLayout.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { Outlet, useNavigation } from "react-router";
+import nProgress from "nprogress";
+import "nprogress/nprogress.css";
+import { Loading } from "./Loading";
+nProgress.configure({
+    showSpinner: false, // 是否显示右上角螺旋加载提示（通常关掉更简洁）
+    speed: 500, // 动画速度（毫秒）
+    minimum: 0.1, // 进度条开始时的最小百分比
+    easing: "ease", // 动画缓动函数
+    trickleSpeed: 200, // 进度条自动递增的频率（毫秒）
+});
+export const ProgressLayout = () => {
+    const { state } = useNavigation();
+    useEffect(() => {
+        if (state === "loading") {
+            nProgress.start();
+        }
+        else {
+            nProgress.done();
+        }
+    }, [state]);
+    return (_jsxs(_Fragment, { children: [_jsx(Outlet, {}), _jsx(Loading, {})] }));
+};

package/{src/index.ts → dist/index.d.ts}

@@ -1,3 +1,3 @@
-export type { Loader } from "./types";
-export { routerSchema } from "./models/system";
-export { routes } from "./router";
+export type { Loader } from "./types";
+export { routerSchema } from "./models/system";
+export { routes } from "./router";

package/dist/index.js

@@ -0,0 +1,2 @@
+export { routerSchema } from "./models/system";
+export { routes } from "./router";

package/dist/models/system.d.ts

@@ -0,0 +1,15 @@
+import z from "zod";
+import type { Ctx } from "../types";
+import type { Params } from "react-router";
+export interface RouterSchema {
+    init(): void | Promise<void>;
+    permission: number;
+    defaultTitle?: string;
+}
+export declare const routerSchema: z.ZodType<RouterSchema, RouterSchema>;
+export declare const system: {
+    router: RouterSchema;
+    init(): Promise<void>;
+    hasPermission(permission?: number): boolean;
+    getCtx(params: Params, request: Request, permission?: number): Ctx;
+};

package/dist/models/system.js

@@ -0,0 +1,84 @@
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+import { inject, loader, provide } from "@e7w/easy-model";
+import z from "zod";
+export const routerSchema = z.object({
+    init: z.function({
+        output: z.union([z.promise(z.void()), z.void()]),
+    }),
+    permission: z.number(),
+    defaultTitle: z.string().optional(),
+});
+export const system = provide((() => {
+    var _a;
+    let _instanceExtraInitializers = [];
+    let _router_decorators;
+    let _router_initializers = [];
+    let _router_extraInitializers = [];
+    let _init_decorators;
+    return class System {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _router_decorators = [inject(routerSchema)];
+            _init_decorators = [(_a = loader).once.bind(_a), loader.load(true)];
+            __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _router_decorators, { kind: "field", name: "router", static: false, private: false, access: { has: obj => "router" in obj, get: obj => obj.router, set: (obj, value) => { obj.router = value; } }, metadata: _metadata }, _router_initializers, _router_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        router = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _router_initializers, {
+            init() { },
+            permission: 0,
+            defaultTitle: document.title,
+        }));
+        async init() {
+            await this.router.init();
+        }
+        hasPermission(permission = 0) {
+            return (this.router.permission & permission) === permission;
+        }
+        getCtx(params, request, permission = 1) {
+            return {
+                title: this.router.defaultTitle || document.title,
+                signed: (permission & 1) === 0 || this.hasPermission(1),
+                noPermission: !this.hasPermission(permission),
+                params,
+                query: Object.fromEntries(new URL(request.url).searchParams),
+            };
+        }
+        constructor() {
+            __runInitializers(this, _router_extraInitializers);
+        }
+    };
+})())();

package/dist/router.d.ts

@@ -0,0 +1,3 @@
+import { type RouteObject } from "react-router";
+declare const routes: RouteObject[];
+export { routes };

package/dist/router.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Navigate, redirect } from "react-router";
+import { DefaultOutlet } from "./components/DefaultOutlet";
+import { ErrorBoundary } from "./components/ErrorBoundary";
+import { ProgressLayout } from "./components/ProgressLayout";
+import { system } from "./models/system";
+const pages = import.meta.glob("/src/pages/**/index.tsx", {
+    eager: true,
+    import: "Page",
+});
+const layouts = import.meta.glob("/src/pages/**/layout.tsx", {
+    eager: true,
+    import: "Layout",
+});
+const metas = import.meta.glob("/src/pages/**/meta.ts", {
+    eager: true,
+});
+const routes = [];
+const obj = {};
+const filePaths = new Set(Object.keys({ ...pages, ...layouts }).map((p) => p.replace(/\/(index|layout)\.tsx$/, "")));
+filePaths.forEach((filePath) => {
+    const pagePath = filePath + "/index.tsx";
+    const Page = pages[pagePath];
+    const layoutPath = filePath + "/layout.tsx";
+    const Layout = layouts[layoutPath] || DefaultOutlet;
+    const metaPath = filePath + "/meta.ts";
+    const meta = metas[metaPath] || {};
+    const path = filePath.replace(/.*\/pages/, "").replace(/\[([^\]]+)\]/, ":$1") || "/";
+    const hasPage = Boolean(Page);
+    obj[path] = {
+        path,
+        element: _jsx(Layout, {}),
+        children: [
+            {
+                element: hasPage ? _jsx(Page, {}) : _jsx(Navigate, { to: "/", replace: true }),
+                index: true,
+                loader: hasPage
+                    ? async ({ params, request }) => {
+                        await system.init();
+                        const ctx = system.getCtx(params, request, meta.permission);
+                        await meta.loader?.(ctx, meta);
+                        if (!ctx.signed)
+                            return redirect("/login");
+                        if (ctx.noPermission)
+                            return redirect("/403");
+                        document.title = ctx.title;
+                        return ctx.data;
+                    }
+                    : undefined,
+            },
+        ],
+    };
+});
+filePaths.forEach((filePath) => {
+    const path = filePath.replace(/.*\/pages/, "").replace(/\[([^\]]+)\]/, ":$1") || "/";
+    if (path === "/")
+        return;
+    const currentObj = obj[path];
+    const segments = path.split("/").filter(Boolean);
+    const paths = ["/"];
+    segments.reduce((acc, curr) => {
+        const newPath = acc + "/" + curr;
+        if (newPath !== path)
+            paths.unshift(newPath);
+        return newPath;
+    }, "");
+    for (let index = 0; index < paths.length; index++) {
+        const p = paths[index];
+        if (obj[p]) {
+            obj[p].children.push(currentObj);
+            break;
+        }
+    }
+});
+obj["/"].errorElement = _jsx(ErrorBoundary, {});
+routes.push({
+    path: "/",
+    element: _jsx(ProgressLayout, {}),
+    children: [obj["/"]],
+});
+routes.push({
+    path: "*",
+    element: _jsx(Navigate, { to: obj["/404"] ? "/404" : "/", replace: true }),
+});
+export { routes };

package/dist/types/index.d.ts

@@ -0,0 +1,14 @@
+import type { Params } from "react-router";
+export interface Ctx {
+    title: string;
+    signed: boolean;
+    noPermission: boolean;
+    params: Params;
+    query: Params;
+    data?: any;
+}
+export type Meta = {
+    permission?: number;
+    loader?: Loader;
+} & Record<string, unknown>;
+export type Loader = (ctx: Ctx, meta: Meta) => void | Promise<void>;

package/dist/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/hooks.d.ts

@@ -0,0 +1 @@
+export declare function useDebouncedValue<T>(value: T): T;

package/dist/utils/hooks.js

@@ -0,0 +1,15 @@
+import { useEffect, useRef, useState } from "react";
+export function useDebouncedValue(value) {
+    const [result, setResult] = useState(value);
+    const timer = useRef(undefined);
+    useEffect(() => {
+        clearTimeout(timer.current);
+        timer.current = window.setTimeout(() => {
+            setResult(value);
+        }, 700);
+        return () => {
+            window.clearTimeout(timer.current);
+        };
+    }, [result, value]);
+    return result;
+}

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@e7w/easy-routes",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
   "type": "module",
   "exports": {
-    "types": "./src/index.ts",
-    "import": "./src/index.ts"
+    "types": "./dist/index.d.ts",
+    "import": "./dist/index.js"
   },
   "dependencies": {
     "@e7w/easy-model": "^0.2.1",
@@ -35,12 +35,13 @@
     "vitest": "^4.0.18"
   },
   "files": [
-    "src",
+    "dist",
     "README.md",
     "LICENSE.md"
   ],
   "license": "MIT",
   "scripts": {
+    "build": "tsc --build",
     "lint": "eslint ."
   }
 }

package/src/assets/index.css

@@ -1,109 +0,0 @@
-@import "tailwindcss";
-
-/* KEYFRAMES */
-
-@keyframes spin {
-  from {
-    transform: rotate(0);
-  }
-  to {
-    transform: rotate(359deg);
-  }
-}
-
-@keyframes spin3D {
-  from {
-    transform: rotate3d(0.5, 0.5, 0.5, 360deg);
-  }
-  to {
-    transform: rotate3d(0deg);
-  }
-}
-
-@keyframes configure-clockwise {
-  0% {
-    transform: rotate(0);
-  }
-  25% {
-    transform: rotate(90deg);
-  }
-  50% {
-    transform: rotate(180deg);
-  }
-  75% {
-    transform: rotate(270deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes configure-xclockwise {
-  0% {
-    transform: rotate(45deg);
-  }
-  25% {
-    transform: rotate(-45deg);
-  }
-  50% {
-    transform: rotate(-135deg);
-  }
-  75% {
-    transform: rotate(-225deg);
-  }
-  100% {
-    transform: rotate(-315deg);
-  }
-}
-
-@keyframes pulse {
-  from {
-    opacity: 1;
-    transform: scale(1);
-  }
-  to {
-    opacity: 0.25;
-    transform: scale(0.75);
-  }
-}
-
-/* GRID STYLING */
-.spinner-box {
-  @apply top-0 left-0 w-full h-full flex justify-center items-center bg-transparent fixed z-50 backdrop-blur-sm;
-}
-
-.leo {
-  @apply absolute flex justify-center items-center rounded-full;
-}
-
-.blue-orbit {
-  @apply w-[165px] h-[165px] border-[1px] border-blue-400/70 border-solid animate-[spin3D_3s_linear_0.2s_infinite];
-}
-
-.green-orbit {
-  @apply w-[120px] h-[120px] border-[1px] border-solid border-green-400/70 animate-[spin3D_2s_linear_0s_infinite];
-}
-
-.red-orbit {
-  @apply w-[90px] h-[30px] border-[1px] border-solid border-orange-400/70 animate-[spin3D_1s_linear_0s_infinite];
-}
-
-.white-orbit {
-  @apply w-[60px] h-[60px] border-2 border-solid border-white animate-[spin3D_10s_linear_0s_infinite];
-}
-
-.w1 {
-  transform: rotate3D(1, 1, 1, 90deg);
-}
-
-.w2 {
-  transform: rotate3D(1, 2, 0.5, 90deg);
-}
-
-.w3 {
-  transform: rotate3D(0.5, 1, 2, 90deg);
-}
-
-.markdown-body {
-  background-color: var(--color-base-300);
-}

package/src/components/DefaultOutlet.tsx

@@ -1,8 +0,0 @@
-import type { FC } from "react";
-import { Outlet } from "react-router";
-
-export const DefaultOutlet: FC = () => (
-  <>
-    <Outlet />
-  </>
-);

package/src/components/ErrorBoundary.tsx

@@ -1,25 +0,0 @@
-import type { FC } from "react";
-import { isRouteErrorResponse, useRouteError } from "react-router";
-
-export const ErrorBoundary: FC = () => {
-  const error = useRouteError();
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <div className="flex flex-col items-center justify-center">
-        <h1 className="text-2xl font-bold mb-4">Error</h1>
-        <p>Something went wrong.</p>
-        {isRouteErrorResponse(error) && (
-          <>
-            <p className="text-red-300">
-              {error.status} {error.statusText}
-            </p>
-            <p className="text-red-300">{JSON.stringify(error.data)}</p>
-          </>
-        )}
-        {error instanceof Error && (
-          <p className="text-red-300">{error.message}</p>
-        )}
-      </div>
-    </div>
-  );
-};

package/src/components/Loading.tsx

@@ -1,23 +0,0 @@
-import { type FC } from "react";
-import { useDebouncedValue } from "../utils/hooks";
-import { useLoader } from "@e7w/easy-model";
-import "../assets/index.css";
-
-export const Loading: FC = () => {
-  const { isGlobalLoading } = useLoader();
-  const visible = useDebouncedValue(isGlobalLoading);
-  if (!visible) return;
-  return (
-    <div className="spinner-box">
-      <div className="blue-orbit leo"></div>
-
-      <div className="green-orbit leo"></div>
-
-      <div className="red-orbit leo"></div>
-
-      <div className="white-orbit w1 leo"></div>
-      <div className="white-orbit w2 leo"></div>
-      <div className="white-orbit w3 leo"></div>
-    </div>
-  );
-};

package/src/components/ProgressLayout.tsx

@@ -1,31 +0,0 @@
-import { useEffect, type FC } from "react";
-import { Outlet, useNavigation } from "react-router";
-import nProgress from "nprogress";
-import "nprogress/nprogress.css";
-import { Loading } from "./Loading";
-
-nProgress.configure({
-  showSpinner: false, // 是否显示右上角螺旋加载提示（通常关掉更简洁）
-  speed: 500, // 动画速度（毫秒）
-  minimum: 0.1, // 进度条开始时的最小百分比
-  easing: "ease", // 动画缓动函数
-  trickleSpeed: 200, // 进度条自动递增的频率（毫秒）
-});
-
-export const ProgressLayout: FC = () => {
-  const { state } = useNavigation();
-  useEffect(() => {
-    if (state === "loading") {
-      nProgress.start();
-    } else {
-      nProgress.done();
-    }
-  }, [state]);
-
-  return (
-    <>
-      <Outlet />
-      <Loading />
-    </>
-  );
-};

package/src/models/system.ts

@@ -1,49 +0,0 @@
-import { inject, loader, provide } from "@e7w/easy-model";
-import z from "zod";
-import type { Ctx } from "../types";
-import type { Params } from "react-router";
-
-export interface RouterSchema {
-  init(): void | Promise<void>;
-  permission: number;
-  defaultTitle?: string;
-}
-
-export const routerSchema: z.ZodType<RouterSchema, RouterSchema> = z.object({
-  init: z.function({
-    output: z.union([z.promise(z.void()), z.void()]),
-  }),
-  permission: z.number(),
-  defaultTitle: z.string().optional(),
-});
-
-export const system = provide(
-  class System {
-    @inject(routerSchema)
-    router: RouterSchema = {
-      init() {},
-      permission: 0,
-      defaultTitle: document.title,
-    };
-
-    @loader.once
-    @loader.load(true)
-    async init() {
-      await this.router.init();
-    }
-
-    hasPermission(permission: number = 0) {
-      return (this.router.permission & permission) === permission;
-    }
-
-    getCtx(params: Params, request: Request, permission = 0): Ctx {
-      return {
-        title: this.router.defaultTitle || document.title,
-        signed: (permission & 1) === 0 || this.hasPermission(1),
-        noPermission: !this.hasPermission(permission),
-        params,
-        query: Object.fromEntries(new URL(request.url).searchParams),
-      };
-    }
-  },
-)();

package/src/router.tsx

@@ -1,96 +0,0 @@
-import type { FC } from "react";
-import { Navigate, redirect, type RouteObject } from "react-router";
-import { DefaultOutlet } from "./components/DefaultOutlet";
-import { ErrorBoundary } from "./components/ErrorBoundary";
-import { ProgressLayout } from "./components/ProgressLayout";
-import type { Meta } from "./types";
-import { system } from "./models/system";
-
-const pages: Record<string, FC> = import.meta.glob("/src/pages/**/index.tsx", {
-  eager: true,
-  import: "Page",
-}) as Record<string, FC>;
-const layouts: Record<string, FC> = import.meta.glob(
-  "/src/pages/**/layout.tsx",
-  {
-    eager: true,
-    import: "Layout",
-  },
-) as Record<string, FC>;
-const metas: Record<string, Meta> = import.meta.glob("/src/pages/**/meta.ts", {
-  eager: true,
-});
-
-const routes: RouteObject[] = [];
-const obj: Record<string, RouteObject> = {};
-const filePaths = new Set(
-  Object.keys({ ...pages, ...layouts }).map((p) =>
-    p.replace(/\/(index|layout)\.tsx$/, ""),
-  ),
-);
-filePaths.forEach((filePath) => {
-  const pagePath = filePath + "/index.tsx";
-  const Page = pages[pagePath];
-  const layoutPath = filePath + "/layout.tsx";
-  const Layout = layouts[layoutPath] || DefaultOutlet;
-  const metaPath = filePath + "/meta.ts";
-  const meta = metas[metaPath] || {};
-  const path =
-    filePath.replace(/.*\/pages/, "").replace(/\[([^\]]+)\]/, ":$1") || "/";
-
-  const hasPage = Boolean(Page);
-  obj[path] = {
-    path,
-    element: <Layout />,
-    children: [
-      {
-        element: hasPage ? <Page /> : <Navigate to="/" replace />,
-        index: true,
-        loader: hasPage
-          ? async ({ params, request }) => {
-              await system.init();
-              const ctx = system.getCtx(params, request, meta.permission);
-              await meta.loader?.(ctx, meta);
-              if (!ctx.signed) return redirect("/login");
-              if (ctx.noPermission) return redirect("/403");
-              document.title = ctx.title;
-              return ctx.data;
-            }
-          : undefined,
-      },
-    ],
-  };
-});
-
-filePaths.forEach((filePath) => {
-  const path =
-    filePath.replace(/.*\/pages/, "").replace(/\[([^\]]+)\]/, ":$1") || "/";
-  if (path === "/") return;
-  const currentObj = obj[path];
-  const segments = path.split("/").filter(Boolean);
-  const paths = ["/"];
-  segments.reduce((acc, curr) => {
-    const newPath = acc + "/" + curr;
-    if (newPath !== path) paths.unshift(newPath);
-    return newPath;
-  }, "");
-  for (let index = 0; index < paths.length; index++) {
-    const p = paths[index];
-    if (obj[p]) {
-      obj[p].children!.push(currentObj);
-      break;
-    }
-  }
-});
-obj["/"].errorElement = <ErrorBoundary />;
-routes.push({
-  path: "/",
-  element: <ProgressLayout />,
-  children: [obj["/"]],
-});
-routes.push({
-  path: "*",
-  element: <Navigate to={obj["/404"] ? "/404" : "/"} replace />,
-});
-
-export { routes };

package/src/types/index.ts

@@ -1,18 +0,0 @@
-import type { Params } from "react-router";
-
-export interface Ctx {
-  title: string;
-  signed: boolean;
-  noPermission: boolean;
-  params: Params;
-  query: Params;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  data?: any;
-}
-
-export type Meta = {
-  permission?: number;
-  loader?: Loader;
-} & Record<string, unknown>;
-
-export type Loader = (ctx: Ctx, meta: Meta) => void | Promise<void>;

package/src/utils/hooks.ts

@@ -1,16 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-
-export function useDebouncedValue<T>(value: T): T {
-  const [result, setResult] = useState(value);
-  const timer = useRef<number | undefined>(undefined);
-  useEffect(() => {
-    clearTimeout(timer.current);
-    timer.current = setTimeout(() => {
-      setResult(value);
-    }, 700);
-    return () => {
-      clearTimeout(timer.current);
-    };
-  }, [result, value]);
-  return result;
-}