Refactor routing in App component to enhance navigation and improve error handling by integrating dynamic routes and updating the NotFound route.

node_modules/astro/dist/content/loaders/file.js

@@ -0,0 +1,69 @@
+import { promises as fs, existsSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { posixRelative } from "../utils.js";
+function file(fileName) {
+  if (fileName.includes("*")) {
+    throw new Error("Glob patterns are not supported in `file` loader. Use `glob` loader instead.");
+  }
+  async function syncData(filePath, { logger, parseData, store, config }) {
+    let json;
+    try {
+      const data = await fs.readFile(filePath, "utf-8");
+      json = JSON.parse(data);
+    } catch (error) {
+      logger.error(`Error reading data from ${fileName}`);
+      logger.debug(error.message);
+      return;
+    }
+    const normalizedFilePath = posixRelative(fileURLToPath(config.root), filePath);
+    if (Array.isArray(json)) {
+      if (json.length === 0) {
+        logger.warn(`No items found in ${fileName}`);
+      }
+      logger.debug(`Found ${json.length} item array in ${fileName}`);
+      store.clear();
+      for (const rawItem of json) {
+        const id = (rawItem.id ?? rawItem.slug)?.toString();
+        if (!id) {
+          logger.error(`Item in ${fileName} is missing an id or slug field.`);
+          continue;
+        }
+        const data = await parseData({ id, data: rawItem, filePath });
+        store.set({ id, data, filePath: normalizedFilePath });
+      }
+    } else if (typeof json === "object") {
+      const entries = Object.entries(json);
+      logger.debug(`Found object with ${entries.length} entries in ${fileName}`);
+      store.clear();
+      for (const [id, rawItem] of entries) {
+        const data = await parseData({ id, data: rawItem, filePath });
+        store.set({ id, data, filePath: normalizedFilePath });
+      }
+    } else {
+      logger.error(`Invalid data in ${fileName}. Must be an array or object.`);
+    }
+  }
+  return {
+    name: "file-loader",
+    load: async (context) => {
+      const { config, logger, watcher } = context;
+      logger.debug(`Loading data from ${fileName}`);
+      const url = new URL(fileName, config.root);
+      if (!existsSync(url)) {
+        logger.error(`File not found: ${fileName}`);
+        return;
+      }
+      const filePath = fileURLToPath(url);
+      await syncData(filePath, context);
+      watcher?.on("change", async (changedPath) => {
+        if (changedPath === filePath) {
+          logger.info(`Reloading data from ${fileName}`);
+          await syncData(filePath, context);
+        }
+      });
+    }
+  };
+}
+export {
+  file
+};