feat: make us SEO compatible (#745)

.gitignore

@@ -9,6 +9,7 @@
 
 # production
 /dist
+sitemap.xml
 
 # misc
 .DS_Store

eslint.config.js

@@ -85,6 +85,7 @@ module.exports = [
       'eslint.config.js',
       '.nx',
       'jest.config.ts',
+      'sitemap.js',
     ],
   },
 ]

package.json

@@ -59,7 +59,7 @@
   },
   "scripts": {
     "start": "vite",
-    "build": "nx exec -- npm run _build -- ",
+    "build": "nx exec -- npm run _build -- && node sitemap.js",
     "serve": "vite preview",
     "test": "npm run test:unit:ci && npm run test:e2e",
     "test:e2e:ui": "cross-env APPLITOOLS_BATCH_ID=`uuidgen` playwright test --ui",

public/robots.txt

@@ -1,3 +1,4 @@
-# https://www.robotstxt.org/robotstxt.html
 User-agent: *
 Disallow:
+
+Sitemap: https://open-bus-map-search.hasadna.org.il/sitemap.xml

sitemap.js

@@ -0,0 +1,32 @@
+const fs = require("fs");
+const path = require("path");
+
+const sitemap = () => {
+  const app = fs.readFileSync(path.join(__dirname, "/src/routes/index.tsx"), "utf8");
+  const routes = app.match(/'\/[a-z_-]*'/g);
+  const urls = routes.map((route) => {
+    const url = route.slice(1, -1);
+    return url;
+  });
+
+  const sitemap = `<?xml version="1.0" encoding="UTF-8"?>
+    <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+        ${urls
+          .map(
+            (url) => `
+            <url>
+                <loc>https://open-bus-map-search.hasadna.org.il${url}</loc>
+                <changefreq>weekly</changefreq>
+                <priority>0.8</priority>
+                <lastmod>${new Date().toISOString()}</lastmod>
+             </url> 
+          `
+          )
+          .join("\n")}
+    </urlset>`;
+  fs.writeFileSync(path.join(__dirname, "/public/sitemap.xml"), sitemap);
+};
+
+sitemap();
+
+// credit https://blog.redsols.us/blog/how-to-create-a-dynamic-sitemap-in-react/

src/routes/index.tsx

@@ -104,7 +104,7 @@ export const PAGES = [
 export const HEADER_LINKS = [
   {
     label: 'report_a_bug_title',
-    path: 'report-a-bug',
+    path: '/report-a-bug',
     icon: <BugOutlined />,
     element: <BugReportForm />,
   },
@@ -125,7 +125,7 @@ const HIDDEN_PAGES = [
   },
 ] as const
 
-const getRoutesList = () => {
+export const getRoutesList = () => {
   const pages = [...PAGES, ...HIDDEN_PAGES, ...HEADER_LINKS]
   const RedirectToHomepage = () => <Navigate to={pages[0].path} replace />
   const routes = pages.filter((r) => r.element)