@modern-js/plugin-router-v5 0.0.0-next-20221220061243

package/dist/js/treeshaking/runtime/utils.js

@@ -0,0 +1,138 @@
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx } from "react/jsx-runtime";
+import { Route, matchPath } from "react-router-dom";
+import { DefaultNotFound } from "./DefaultNotFound";
+function renderRoutes(routesConfig) {
+    var extraProps = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    var Layout = function(_param) {
+        var Component = _param.Component, props = _objectWithoutProperties(_param, [
+            "Component"
+        ]);
+        var GlobalLayout = routesConfig === null || routesConfig === void 0 ? void 0 : routesConfig.globalApp;
+        if (!GlobalLayout) {
+            return /* @__PURE__ */ jsx(Component, _objectSpread({}, props));
+        }
+        return /* @__PURE__ */ jsx(GlobalLayout, _objectSpread({
+            Component: Component
+        }, props));
+    };
+    var findMatchedRoute = function(pathname) {
+        var ref;
+        return routesConfig === null || routesConfig === void 0 ? void 0 : (ref = routesConfig.routes) === null || ref === void 0 ? void 0 : ref.find(function(route) {
+            var info = matchPath(pathname, {
+                path: route.path,
+                exact: route.exact,
+                sensitive: route.sensitive
+            });
+            return Boolean(info);
+        });
+    };
+    return /* @__PURE__ */ jsx(Route, {
+        path: "/",
+        render: function(props) {
+            var matchedRoute = findMatchedRoute(props.location.pathname);
+            if (!matchedRoute) {
+                return /* @__PURE__ */ jsx(DefaultNotFound, {});
+            }
+            return /* @__PURE__ */ jsx(Route, {
+                path: matchedRoute.path,
+                exact: matchedRoute.exact,
+                sensitive: matchedRoute.sensitive,
+                render: function(routeProps) {
+                    return /* @__PURE__ */ jsx(Layout, _objectSpread({
+                        Component: matchedRoute.component
+                    }, routeProps, extraProps));
+                }
+            });
+        }
+    });
+}
+function getLocation(serverContext) {
+    var ref;
+    var ref1 = (serverContext === null || serverContext === void 0 ? void 0 : serverContext.request) || {}, pathname = ref1.pathname, url = ref1.url;
+    var cleanUrl = (ref = url === null || url === void 0 ? void 0 : url.replace("http://", "")) === null || ref === void 0 ? void 0 : ref.replace("https://", "");
+    var index = (cleanUrl || "").indexOf(pathname);
+    if (index === -1) {
+        return pathname;
+    }
+    return cleanUrl.substring(index);
+}
+var urlJoin = function() {
+    for(var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++){
+        parts[_key] = arguments[_key];
+    }
+    var separator = "/";
+    var replace = new RegExp("".concat(separator, "{1,}"), "g");
+    return standardSlash(parts.join(separator).replace(replace, separator));
+};
+function standardSlash(str) {
+    var addr = str;
+    if (!addr || typeof addr !== "string") {
+        return addr;
+    }
+    if (addr.startsWith(".")) {
+        addr = addr.slice(1);
+    }
+    if (!addr.startsWith("/")) {
+        addr = "/".concat(addr);
+    }
+    if (addr.endsWith("/") && addr !== "/") {
+        addr = addr.slice(0, addr.length - 1);
+    }
+    return addr;
+}
+export { getLocation, renderRoutes, standardSlash, urlJoin };

package/dist/types/cli/index.d.ts

@@ -0,0 +1,14 @@
+import type { AppTools, CliPlugin } from '@modern-js/app-tools';
+import { RouterConfig } from '../runtime/plugin';
+interface UserConfig {
+  runtime?: {
+    router?: RouterConfig;
+  };
+}
+
+declare const _default: () => CliPlugin<AppTools & {
+  userConfig: UserConfig;
+  normalizedConfig: Required<UserConfig>;
+}>;
+
+export default _default;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './runtime';
+export * from './runtime';

package/dist/types/runtime/DefaultNotFound.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DefaultNotFound: () => JSX.Element;

package/dist/types/runtime/index.d.ts

@@ -0,0 +1,6 @@
+import { routerPlugin } from './plugin';
+import type { SingleRouteConfig, HistoryConfig, RouterConfig } from './plugin';
+export type { SingleRouteConfig, HistoryConfig, RouterConfig };
+export default routerPlugin;
+export * from 'react-router-dom';
+export * from 'history';

package/dist/types/runtime/plugin.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+import { History, BrowserHistoryBuildOptions, HashHistoryBuildOptions } from 'history';
+import { RouteProps } from 'react-router-dom';
+import type { Plugin } from '@modern-js/runtime';
+declare global {
+  interface Window {
+    _SERVER_DATA?: {
+      router: {
+        baseUrl: string;
+        params: Record<string, string>;
+      };
+    };
+  }
+}
+export type SingleRouteConfig = RouteProps & {
+  redirect?: string;
+  routes?: SingleRouteConfig[];
+  key?: string;
+  /**
+   * layout component
+   */
+
+  layout?: React.ComponentType;
+  /**
+   * component would be rendered when route macthed.
+   */
+
+  component?: React.ComponentType;
+};
+export type HistoryConfig = {
+  supportHtml5History: true;
+  historyOptions: BrowserHistoryBuildOptions;
+} | {
+  supportHtml5History: false;
+  historyOptions: HashHistoryBuildOptions;
+};
+export type RouterConfig = Partial<HistoryConfig> & {
+  mode?: 'react-router-5';
+  routesConfig?: {
+    globalApp?: React.ComponentType<any>;
+    routes?: SingleRouteConfig[];
+  };
+  history?: History;
+  serverBase?: string[];
+};
+export declare const routerPlugin: ({
+  serverBase,
+  history: customHistory,
+  supportHtml5History,
+  routesConfig,
+  historyOptions
+}: RouterConfig) => Plugin;

package/dist/types/runtime/utils.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { RouterConfig } from './plugin';
+export declare function renderRoutes(routesConfig: RouterConfig['routesConfig'], extraProps?: any): JSX.Element;
+export declare function getLocation(serverContext: any): string;
+export declare const urlJoin: (...parts: string[]) => string;
+export declare function standardSlash(str: string): string;

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "@modern-js/plugin-router-v5",
+  "description": "The meta-framework suite designed from scratch for frontend-focused modern web development.",
+  "homepage": "https://modernjs.dev",
+  "bugs": "https://github.com/modern-js-dev/modern.js/issues",
+  "repository": "modern-js-dev/modern.js",
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "framework",
+    "modern",
+    "modern.js"
+  ],
+  "version": "0.0.0-next-20221220061243",
+  "jsnext:source": "./src/index.ts",
+  "types": "./dist/types/cli/index.d.ts",
+  "main": "./dist/js/node/cli/index.js",
+  "module": "./dist/js/treeshaking/index.js",
+  "jsnext:modern": "./dist/js/modern/cli/index.js",
+  "exports": {
+    ".": {
+      "jsnext:source": "./src/cli/index.ts",
+      "default": "./dist/js/node/cli/index.js"
+    },
+    "./runtime": {
+      "jsnext:source": "./src/runtime/index.ts",
+      "node": "./dist/js/node/runtime/index.js",
+      "default": "./dist/js/treeshaking/runtime/index.js"
+    },
+    "./cli": {
+      "jsnext:source": "./src/cli/index.ts",
+      "default": "./dist/js/node/cli/index.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types/cli/index.d.ts"
+      ],
+      "types": [
+        "./types/index.d.ts"
+      ],
+      "cli": [
+        "./dist/types/cli/index.d.ts"
+      ],
+      "runtime": [
+        "./dist/types/runtime/index.d.ts"
+      ]
+    }
+  },
+  "dependencies": {
+    "history": "^4.7.9",
+    "react-router-dom": "^5.1.2",
+    "hoist-non-react-statics": "^3.3.2",
+    "@types/history": "^4.7.9",
+    "@types/react-router-dom": "^5.1.8",
+    "@modern-js/plugin": "0.0.0-next-20221220061243",
+    "@modern-js/utils": "0.0.0-next-20221220061243",
+    "@modern-js/types": "0.0.0-next-20221220061243"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+  "devDependencies": {
+    "react": "^18",
+    "react-dom": "^18",
+    "ts-jest": "^27.0.4",
+    "typescript": "^4",
+    "jest": "^27",
+    "@babel/core": "^7.18.0",
+    "@babel/runtime": "^7.18.0",
+    "@types/jest": "^27",
+    "@types/node": "^14",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@types/invariant": "^2.2.30",
+    "@modern-js/core": "0.0.0-next-20221220061243",
+    "@modern-js/runtime": "0.0.0-next-20221220061243",
+    "@modern-js/utils": "0.0.0-next-20221220061243",
+    "@scripts/build": "0.0.0-next-20221220061243",
+    "@modern-js/app-tools": "0.0.0-next-20221220061243",
+    "@scripts/jest-config": "0.0.0-next-20221220061243"
+  },
+  "sideEffects": false,
+  "modernConfig": {},
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "modern-lib build --watch",
+    "new": "modern-lib new",
+    "build": "modern-lib build",
+    "test": "jest --passWithNoTests"
+  }
+}

package/types/index.d.ts

@@ -0,0 +1,18 @@
+import { RouterConfig } from '../dist/types';
+import '../dist/types/runtime';
+
+declare module '@modern-js/app-tools' {
+  export interface RuntimeUserConfig {
+    router?: RouterConfig | boolean;
+  }
+}
+
+declare module '@modern-js/runtime/router-v5' {
+  export * from '../dist/types/runtime';
+}
+
+declare module '@modern-js/runtime' {
+  interface AppConfig {
+    router?: RouterConfig | boolean;
+  }
+}