generate entry files for routes

Author: nyagami

.github/workflows/deploy.yml

@@ -38,7 +38,7 @@ jobs:
       - name: Install dependencies
         run: npm ci
       - name: Build
-        run: npm run build && cp ./dist/index.html ./dist/404.html
+        run: npm run build && node .\generateRoutes.js
       - name: Setup Pages
         uses: actions/configure-pages@v4
       - name: Upload artifact

README.md

@@ -5,5 +5,6 @@
 
 ## Notes
 
-- Always wrap a page (route) with Layout component
-- An internal link must be Link component from 'react-router-dom'
+- Always wrap a page (route) with Layout component.
+- If you create a new page, add its metadata to routes.json.
+- An internal link must be Link component from 'react-router-dom'.

generateRoutes.js

@@ -0,0 +1,19 @@
+import routes from "./routes.json" assert { type: "json" };
+import path from "path";
+import fs from "fs";
+
+const indexPage = fs.readFileSync("./dist/index.html", "utf-8");
+for (const route of routes) {
+  const routePage = indexPage
+    .replace(/<title>.+<\/title>/, `<title>${route.title}</title>`)
+    .replace(
+      /(<meta.+description.+content=").+("\s*\/>)/g,
+      `$1${route.description}$2`
+    );
+  const filePath = path.join("./dist", route.path + ".html");
+  const dir = path.dirname(filePath);
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir, { recursive: true });
+  }
+  fs.writeFileSync(filePath, routePage, "utf-8");
+}

index.html

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/png" href="/ico.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>LNReader</title>
-    <meta name="description" content="Discover and read light novels, novels and more - easier than ever on your Android device.">
+    <title>Home | LNReader</title>
+    <meta name="description" content="Discover and read light novels, novels and more - easier than ever on your Android device."/>
     <meta property="og:title" content="LNReader"/>
     <meta property="og:image" content="https://lnreader.github.io/ico.png" />
     <meta property="og:description" content="Discover and read light novels, novels and more - easier than ever on your Android device." />

routes.json

@@ -0,0 +1,37 @@
+[
+    {
+        "path": "download",
+        "title": "Download | LNReader",
+        "description": "Download page that allows users to access and install the latest version of the app."
+    },
+    {
+        "path": "changelogs",
+        "title": "Changelos | LNReader",
+        "description": "Changelogs of all LNReader stable releases."
+    },
+    {
+        "path": "contribute",
+        "title": "Contribute | LNReader",
+        "description": "Find out how to help build the app."
+    },
+    {
+        "path": "plugins",
+        "title": "Plugins | LNReader",
+        "description": "Browse and download sources for LNReader."
+    },
+    {
+        "path": "guides/getting-started",
+        "title": "Getting started | LNReader",
+        "description": "Essential information to help you get set up with LNReader."
+    },
+    {
+        "path": "guides/backups",
+        "title": "Backups | LNReader",
+        "description": "Backup your novels in remote ways"
+    },
+    {
+        "path": "guides/reader-settings",
+        "title": "Reader settings | LNReader",
+        "description": "This section relates to the reading experience in the app and navigating the reader."
+    }
+]