react-fs-router 0.2.9 → 0.2.13

package/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env", "@babel/preset-react"]
+}

package/bin/index.js

@@ -9,7 +9,13 @@ program.storeOptionsAsProperties(name);
 
 program.version(version, "-v --version", "Output the current version");
 
-program.requiredOption("-p,--path <path>", "Path to your pages folder");
+program.requiredOption("-p,--page <page>", "Path to your pages folder");
+program.requiredOption(
+  "-c,--configs <configs>",
+  "Path to store generated files"
+);
 program.parse(process.argv);
 
-genPath(program.path);
+genPath(program.page, program.configs);
+
+module.exports = { configs_path: program.configs };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "react-fs-router",
-  "version": "0.2.9",
+  "version": "0.2.13",
   "description": "File-system based routing for React.",
   "main": "./bin/index.js",
   "git repository": "https://github.com/Mehran9675/react-filesystem-routing",
   "scripts": {
-    "test": "node ./bin/index.js -p ./pages",
+    "test": "node ./bin/index.js -p ./pages -c ./configs",
     "build": "npx -p typescript tsc"
   },
   "keywords": [
@@ -19,7 +19,6 @@
   "dependencies": {
     "chokidar": "^3.5.2",
     "commander": "^8.2.0",
-    "node": "^16.10.0",
     "react": "^17.0.2",
     "react-router-dom": "^5.3.0"
   },
@@ -28,7 +27,6 @@
     "rfr": "./bin/index.js"
   },
   "devDependencies": {
-    "@types/node": "^16.10.5",
     "typescript": "^4.4.4",
     "prettier": "^2.4.1"
   }

package/src/Route.js

@@ -1,35 +1,44 @@
-import { routes } from "./routeConfigs";
-import * as Pages from "./routes";
-import React, { useState, useEffect } from "react";
-import { Route, Switch } from "react-router-dom";
-
-export default function Route() {
-  const [pages, setPages] = useState();
-  const randomStr = () => (Math.random() + 1).toString(36).substring(7);
-
-  useEffect(() => {
-    setPages(renderConponents(Pages));
-  }, []);
-
-  function renderComponent(key, module) {
-    return module[key] || module["default"] || module;
-  }
-
-  function renderConponents(imports) {
-    let renders = [];
-    for (const [key, Value] of Object.entries(imports)) {
-      const Component = renderComponent(key, Value);
-      const route = routes.filter(
-        (config) => config?.component === Component?.name
-      )[0];
-
-      renders.push(
-        <Route exact={true} key={randomStr()} path={route?.path || ""}>
-          <Component />
-        </Route>
-      );
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var configs_path = require("../bin/index").configs_path;
+var routes = require(configs_path + "/routeConfigs.js").routes;
+var Pages = require(configs_path + "/route.js");
+var react_1 = require("react");
+var react_router_dom_1 = require("react-router-dom");
+function Route() {
+    var _a = (0, react_1.useState)(), pages = _a[0], setPages = _a[1];
+    var randomStr = function () { return (Math.random() + 1).toString(36).substring(7); };
+    (0, react_1.useEffect)(function () {
+        setPages(renderConponents(Pages));
+    }, []);
+    function renderComponent(key, module) {
+        return module[key] || module["default"] || module;
     }
-    return renders;
-  }
-  return <Switch>{pages}</Switch>;
+    function renderConponents(imports) {
+        var renders = [];
+        var _loop_1 = function (key, Value) {
+            var Component = renderComponent(key, Value);
+            var route = routes.filter(function (config) { return (config === null || config === void 0 ? void 0 : config.component) === (Component === null || Component === void 0 ? void 0 : Component.name); })[0];
+            renders.push((0, jsx_runtime_1.jsx)(react_router_dom_1.Route, __assign({ exact: true, path: (route === null || route === void 0 ? void 0 : route.path) || "" }, { children: (0, jsx_runtime_1.jsx)(Component, {}, void 0) }), randomStr()));
+        };
+        for (var _i = 0, _a = Object.entries(imports); _i < _a.length; _i++) {
+            var _b = _a[_i], key = _b[0], Value = _b[1];
+            _loop_1(key, Value);
+        }
+        return renders;
+    }
+    return (0, jsx_runtime_1.jsx)(react_router_dom_1.Switch, { children: pages }, void 0);
 }
+exports["default"] = Route;

package/src/Route.tsx

@@ -0,0 +1,37 @@
+const { configs_path } = require("../bin/index");
+const { routes } = require(configs_path + "/routeConfigs.js");
+const Pages = require(configs_path + "/route.js");
+
+import React, { useState, useEffect } from "react";
+import { Route, Switch } from "react-router-dom";
+
+export default function Route() {
+  const [pages, setPages] = useState();
+  const randomStr = () => (Math.random() + 1).toString(36).substring(7);
+
+  useEffect(() => {
+    setPages(renderConponents(Pages));
+  }, []);
+
+  function renderComponent(key, module) {
+    return module[key] || module["default"] || module;
+  }
+
+  function renderConponents(imports) {
+    let renders = [];
+    for (const [key, Value] of Object.entries(imports)) {
+      const Component = renderComponent(key, Value);
+      const route = routes.filter(
+        (config) => config?.component === Component?.name
+      )[0];
+
+      renders.push(
+        <Route exact={true} key={randomStr()} path={route?.path || ""}>
+          <Component />
+        </Route>
+      );
+    }
+    return renders;
+  }
+  return <Switch>{pages}</Switch>;
+}

package/src/genPath.js

@@ -4,7 +4,7 @@ const chokidar = require("chokidar");
 
 let isNotThefirstTimeRunning = true;
 
-module.exports = (page_directory) => {
+module.exports = (page_directory, configs_directory) => {
   const pathMaker = () => {
     const readDirectory = (directory, includeDirectory) => {
       const pages = {};
@@ -107,7 +107,7 @@ module.exports = (page_directory) => {
       .join("")}};`;
 
     fs.writeFileSync(
-      "./node_modules/react-fs-router/dist/src/generated/routeConfigs.js",
+      configs_directory + "/routeConfigs.js",
       prettier.format(_config, { semi: false, parser: "babel" }),
       (err) => {
         if (err) return console.error(err);
@@ -115,7 +115,7 @@ module.exports = (page_directory) => {
     );
 
     fs.writeFileSync(
-      "./node_modules/react-fs-router/dist/src/generated/route.js",
+      configs_directory + "/route.js",
       prettier.format(_routes, { semi: false, parser: "babel" }),
       (err) => {
         if (err) return console.error(err);