xpine 0.0.30 → 0.0.32

package/dist/index.js

@@ -1,13 +1,13 @@
 // src/runDevServer.ts
 import expressWs from "express-ws";
 import http from "http";
-import express from "express";
-import EventEmitter from "events";
+import express2 from "express";
+import EventEmitter2 from "events";
 import chokidar from "chokidar";
 
 // src/scripts/build.ts
-import path5 from "path";
-import fs5 from "fs-extra";
+import path6 from "path";
+import fs6 from "fs-extra";
 import { build } from "esbuild";
 
 // src/build/typescript-builder.ts
@@ -285,7 +285,7 @@ async function triggerXPineOnLoad(noCache = false) {
 }
 
 // src/scripts/build.ts
-import { globSync } from "glob";
+import { globSync as globSync2 } from "glob";
 import postcss from "postcss";
 import tailwindPostcss from "@tailwindcss/postcss";
 
@@ -326,7 +326,9 @@ var regex_default = {
   dynamicRoutes: /(\[)(.*?)(\])/g,
   isDynamicRoute: /\[(.*)\]/g,
   endsWithTSX: /\.tsx$/,
-  endsWithJSX: /\.jsx$/
+  endsWithJSX: /\.jsx$/,
+  endsWithFileName: /\.(html|tsx|jsx|js|ts)$/,
+  indexFile: /index\.(html|tsx|jsx|js|ts)$/g
 };
 
 // src/util/config-file.ts
@@ -449,8 +451,227 @@ var staticComment = "<!-- static -->";
 
 // src/scripts/build.ts
 import ts3 from "typescript";
+
+// src/express.ts
+import express from "express";
+import { globSync } from "glob";
+
+// src/auth.ts
+import jsonwebtoken from "jsonwebtoken";
+var { verify, sign } = jsonwebtoken;
+async function signUser(email, username) {
+  return new Promise((resolve, reject) => {
+    sign(
+      {
+        user: {
+          email,
+          username
+        }
+      },
+      // @ts-ignore
+      process.env.JWT_PRIVATE_KEY,
+      { expiresIn: "30d" },
+      (err, token) => {
+        if (err) reject(err);
+        resolve(token);
+      }
+    );
+  });
+}
+async function verifyUser(token) {
+  return new Promise((resolve, reject) => {
+    verify(token, process.env.JWT_PRIVATE_KEY, (err, authorizedData) => {
+      if (err) reject(err);
+      resolve(authorizedData);
+    });
+  });
+}
+function getTokenFromRequest(req) {
+  const { authorization } = req.headers;
+  if (!authorization) return null;
+  const token = authorization.split(" ").pop() || "";
+  return token || null;
+}
+
+// src/express.ts
+import requestIP from "request-ip";
+import fs5 from "fs-extra";
+import path5 from "path";
+import EventEmitter from "events";
+var OnInitEmitter = class extends EventEmitter {
+};
+var onInitEmitter = new OnInitEmitter();
+onInitEmitter.on("triggerOnInit", async (paths) => {
+  for (const routePath of paths) {
+    const pathImport = await import(routePath.path + `?cache=${Date.now()}`);
+    if (pathImport?.config?.onInit) await pathImport.config.onInit();
+  }
+});
+function getAllBuiltRoutes() {
+  const routes = globSync(config.pagesDir + "/**/*.{tsx,ts}");
+  return routes.map((route) => {
+    const routeFormatted = route.split(config.pagesDir).pop().replace(".tsx", "").replace(".js", "").replace(".ts", "");
+    if (routeFormatted.endsWith("+config")) return;
+    const routeFormattedWithIndex = routeFormatted.replace(/\/index$/g, "");
+    return {
+      route: routeFormattedWithIndex,
+      path: route.replace(config.srcDir, config.distDir).replace(".tsx", ".js").replace(".ts", ".js"),
+      originalRoute: route
+    };
+  }).filter(Boolean);
+}
+async function createRouter() {
+  const isDev = process.env.NODE_ENV === "development";
+  const methods = ["get", "post", "put", "patch", "delete"];
+  const router = express.Router();
+  const routeMap = getAllBuiltRoutes();
+  const routeResults = [];
+  const configFiles = globSync(config.pagesDir + "/**/+config.{tsx,ts}");
+  await triggerXPineOnLoad();
+  for (const route of routeMap) {
+    const isJSX = route.originalRoute.endsWith(".tsx") || route.originalRoute.endsWith(".jsx");
+    const slugRoute = route.route.replace(/[ ]/g, "");
+    const foundMethod = methods.find((method) => slugRoute.endsWith(`.${method}`));
+    const isDynamicRoute = slugRoute.match(regex_default.isDynamicRoute);
+    let formattedRouteItem = slugRoute;
+    if (foundMethod) formattedRouteItem = formattedRouteItem.split(".").shift();
+    if (isDynamicRoute) {
+      const result = [...formattedRouteItem.matchAll(regex_default.dynamicRoutes)];
+      for (const match of result) {
+        formattedRouteItem = formattedRouteItem.replace(match[0], ":" + match[2]);
+      }
+    }
+    const componentImport = await import(route.path);
+    const componentFn = isDev ? null : componentImport?.default;
+    if (componentImport?.config?.onInit) {
+      await componentImport.config?.onInit();
+    }
+    let config2 = {};
+    const configFilePaths = getConfigFiles(route.originalRoute, configFiles);
+    if (!isDev) {
+      config2 = configFilePaths && await getCompleteConfig(configFilePaths, Date.now());
+      if (componentImport?.config) {
+        config2 = {
+          ...config2,
+          ...componentImport.config
+        };
+      }
+    }
+    routeResults.push({
+      formattedRouteItem,
+      foundMethod,
+      route
+    });
+    router[foundMethod || "get"](formattedRouteItem, async (req, res) => {
+      const urlPath = req?.route?.path || "/";
+      try {
+        const staticPath = routeHasStaticPath(formattedRouteItem, req.params);
+        if (staticPath && !isDev) {
+          res.sendFile(staticPath);
+          return;
+        }
+        if (componentFn && !isDev) {
+          if (isJSX) {
+            const data = config2?.data ? await config2.data(req) : null;
+            const originalResult = await componentFn({ req, res, data, routePath: urlPath });
+            const output = config2?.wrapper ? await config2.wrapper({ req, children: originalResult, config: config2, data, routePath: urlPath }) : originalResult;
+            res.send(doctypeHTML + output);
+          } else {
+            await componentFn(req, res);
+          }
+          return;
+        }
+        await triggerXPineOnLoad(true);
+        const componentImportDev = await import(route.path + `?cache=${Date.now()}`);
+        const componentFnDev = componentImportDev.default;
+        onInitEmitter.emit("triggerOnInit", getAllBuiltRoutes());
+        if (isJSX) {
+          let config3 = configFilePaths && await getCompleteConfig(configFilePaths, Date.now());
+          if (componentImportDev?.config) {
+            config3 = {
+              ...config3,
+              ...componentImportDev.config
+            };
+          }
+          const data = config3?.data ? await config3.data(req) : null;
+          const originalResult = await componentFnDev({ req, res, data, config: config3, routePath: urlPath });
+          const output = config3?.wrapper ? await config3.wrapper({ req, children: originalResult, config: config3, data, routePath: urlPath }) : originalResult;
+          context.clear();
+          res.send(doctypeHTML + output);
+        } else {
+          await componentFnDev(req, res);
+        }
+      } catch (err) {
+        console.error(err);
+        res.status(err?.status || 500).send(err?.message || "Error");
+      }
+    });
+  }
+  return {
+    router,
+    routeResults
+  };
+}
+async function verifyUserMiddleware(req, _res, next) {
+  const { usertoken } = req.cookies;
+  if (!usertoken) {
+    req.user = null;
+  }
+  try {
+    const { user } = await verifyUser(usertoken);
+    req.user = user;
+  } catch (err) {
+    req.user = null;
+  }
+  next();
+}
+async function createXPineRouter(app, beforeErrorRoute) {
+  app.use(express.static(config.distPublicDir));
+  app.use(verifyUserMiddleware);
+  app.use(requestIP.mw());
+  const { router, routeResults } = await createRouter();
+  app.use(function replaceableRouter(req, res, next) {
+    router(req, res, next);
+  });
+  const found404 = routeResults?.find((item) => item?.formattedRouteItem === "/404");
+  const import404 = process.env.NODE_ENV === "development" || !found404 ? null : (await import(found404.route.path)).default;
+  if (beforeErrorRoute) beforeErrorRoute(app);
+  app.use(async function(req, res) {
+    res.status(404);
+    if (import404) {
+      res.send(doctypeHTML + await import404(req, res));
+    } else if (found404 && process.env.NODE_ENV === "development") {
+      const import404Item = (await import(found404.route.path + `?cache=${Date.now()}`)).default;
+      res.send(doctypeHTML + await import404Item(req, res));
+    } else {
+      res.send("Error");
+    }
+  });
+}
+function routeHasStaticPath(route, params) {
+  const paramEntries = Object.entries(params);
+  let routeToStaticPath = route;
+  for (const [key, value] of paramEntries) {
+    routeToStaticPath = routeToStaticPath.replace(`:${key}`, value);
+  }
+  routeToStaticPath += "/index.html";
+  const outputPath = path5.join(config.distPagesDir, routeToStaticPath);
+  if (fs5.existsSync(outputPath)) return outputPath;
+  return false;
+}
+function filePathToURLPath(pathName, isDist = true) {
+  const result = pathName.split(isDist ? config.distPagesDir : config.pagesDir).pop().replace(regex_default.indexFile, "").replace(regex_default.endsWithFileName, "");
+  if (result.endsWith("/")) {
+    const cleanedResult = result.slice(0, -1);
+    if (!cleanedResult) return "/";
+    return cleanedResult;
+  }
+  return result;
+}
+
+// src/scripts/build.ts
 var extensions = [".ts", ".tsx"];
-var packageJson = JSON.parse(fs5.readFileSync(config.packageJsonPath, "utf-8"));
+var packageJson = JSON.parse(fs6.readFileSync(config.packageJsonPath, "utf-8"));
 var allPackages = Object.keys(packageJson.devDependencies).concat(Object.keys(packageJson.dependencies));
 var xpineDistDir = getXPineDistDir();
 async function buildApp(args) {
@@ -458,12 +679,12 @@ async function buildApp(args) {
   const removePreviousBuild = args?.removePreviousBuild || false;
   const disableTailwind = args?.disableTailwind || false;
   try {
-    if (removePreviousBuild) fs5.removeSync(config.distDir);
-    const srcDirFiles = globSync(config.srcDir + "/**/*.{js,ts,tsx,jsx}");
+    if (removePreviousBuild) fs6.removeSync(config.distDir);
+    const srcDirFiles = globSync2(config.srcDir + "/**/*.{js,ts,tsx,jsx}");
     const { componentData, dataFiles } = await buildAppFiles(srcDirFiles, isDev);
     const alpineDataFile = await buildAlpineDataFile(componentData, dataFiles);
     await buildClientSideFiles([alpineDataFile], isDev);
-    fs5.removeSync(config.distTempFolder);
+    fs6.removeSync(config.distTempFolder);
     await buildCSS(disableTailwind);
     await buildPublicFolderSymlinks();
     await buildOnLoadFile(componentData, isDev);
@@ -483,7 +704,7 @@ async function buildAppFiles(files, isDev) {
     return fileName === "+config";
   });
   const backendFiles = files.filter((file) => extensions.find((ext) => file.endsWith(ext))).filter((file) => !file.startsWith(config.publicDir));
-  fs5.ensureDirSync(config.distDir);
+  fs6.ensureDirSync(config.distDir);
   await build({
     entryPoints: backendFiles,
     format: "esm",
@@ -507,10 +728,10 @@ async function buildAppFiles(files, isDev) {
   };
 }
 async function buildClientSideFiles(alpineDataFiles = [], isDev) {
-  const tempFilePath = path5.join(config.distTempFolder, "./app.ts");
-  fs5.ensureFileSync(tempFilePath);
+  const tempFilePath = path6.join(config.distTempFolder, "./app.ts");
+  fs6.ensureFileSync(tempFilePath);
   const pagesScriptsGlob = config.publicDir + "/scripts/pages/**/*.{js,ts}";
-  const clientFiles = globSync(
+  const clientFiles = globSync2(
     config.publicDir + "/**/*.{js,ts}",
     {
       ignore: pagesScriptsGlob
@@ -526,7 +747,7 @@ async function buildClientSideFiles(alpineDataFiles = [], isDev) {
     minify: !isDev,
     sourcemap: isDev ? "inline" : false
   });
-  const pagesFiles = globSync(pagesScriptsGlob);
+  const pagesFiles = globSync2(pagesScriptsGlob);
   await build({
     entryPoints: pagesFiles || [],
     bundle: true,
@@ -537,14 +758,14 @@ async function buildClientSideFiles(alpineDataFiles = [], isDev) {
   await logSize(config.distPublicDir, "client");
 }
 function writeDevServerClientSideCode(tempFilePath) {
-  const devServerPath = path5.join(xpineDistDir, "./src/static/dev-server.js");
-  const content = fs5.readFileSync(devServerPath, "utf-8");
-  fs5.appendFileSync(tempFilePath, "\n" + content);
+  const devServerPath = path6.join(xpineDistDir, "./src/static/dev-server.js");
+  const content = fs6.readFileSync(devServerPath, "utf-8");
+  fs6.appendFileSync(tempFilePath, "\n" + content);
 }
 function writeSpaClientSideCode(tempFilePath) {
-  const spaPath = path5.join(xpineDistDir, "./src/static/spa.js");
-  const content = fs5.readFileSync(spaPath, "utf-8");
-  fs5.appendFileSync(tempFilePath, "\n" + content);
+  const spaPath = path6.join(xpineDistDir, "./src/static/spa.js");
+  const content = fs6.readFileSync(spaPath, "utf-8");
+  fs6.appendFileSync(tempFilePath, "\n" + content);
 }
 async function buildAlpineDataFile(componentData, dataFiles) {
   const output = {
@@ -590,23 +811,23 @@ async function buildAlpineDataFile(componentData, dataFiles) {
     output.code.push(`Alpine.data('${dataFunction.name}', ${dataFunction.name});`);
   }
   const result = output.imports.join("\n") + "\n" + output.code.join("\n") + "\n" + output.end.join("\n");
-  fs5.ensureFileSync(config.alpineDataPath);
-  fs5.writeFileSync(config.alpineDataPath, result);
+  fs6.ensureFileSync(config.alpineDataPath);
+  fs6.writeFileSync(config.alpineDataPath, result);
   return config.alpineDataPath;
 }
 async function buildCSS(disableTailwind) {
-  const cssFiles = globSync(config.srcDir + "/**/*.css");
+  const cssFiles = globSync2(config.srcDir + "/**/*.css");
   for (const file of cssFiles) {
-    const fileContents = fs5.readFileSync(file, "utf-8");
+    const fileContents = fs6.readFileSync(file, "utf-8");
     const result = disableTailwind ? fileContents : await postcss([tailwindPostcss(), remove_layers_default()]).process(fileContents, { from: file });
     const newPath = file.replace(config.srcDir, config.distDir);
-    fs5.ensureFileSync(newPath);
-    fs5.writeFileSync(newPath, result.css);
+    fs6.ensureFileSync(newPath);
+    fs6.writeFileSync(newPath, result.css);
   }
   logSize(config.distPublicDir, "css");
 }
 async function buildPublicFolderSymlinks() {
-  const files = globSync(config.publicDir + "/**/*.*", {
+  const files = globSync2(config.publicDir + "/**/*.*", {
     ignore: "/**/*.{css,js,ts,tsx,jsx}"
   });
   for (const file of files) {
@@ -615,19 +836,19 @@ async function buildPublicFolderSymlinks() {
       const splitNewPath = newPath.split("/");
       splitNewPath.pop();
       const newDir = splitNewPath.join("/");
-      fs5.ensureDirSync(newDir);
-      fs5.symlinkSync(file, newPath);
+      fs6.ensureDirSync(newDir);
+      fs6.symlinkSync(file, newPath);
     } catch {
     }
   }
 }
 async function logSize(pathName, type, validExtensions = [".js", ".css"]) {
-  const files = globSync(pathName + "/**/*" + (type === "css" ? ".css" : ""));
+  const files = globSync2(pathName + "/**/*" + (type === "css" ? ".css" : ""));
   const fileSizes = files.map((file) => {
     if (!validExtensions.find((ext) => file.endsWith(ext))) return false;
     return {
       file,
-      size: fs5.statSync(file).size / (1024 * 1e3)
+      size: fs6.statSync(file).size / (1024 * 1e3)
     };
   }).filter(Boolean);
   const totalSize = fileSizes.reduce((total, current) => {
@@ -663,15 +884,16 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
   if (componentImport?.onInit) await componentImport.onInit();
   const outputPath = componentDynamicPaths?.length ? componentDynamicPaths.reduce((total, current) => {
     return total.replace(`/[${current}]`, "");
-  }, path5.dirname(builtComponentPath)) : path5.dirname(builtComponentPath);
+  }, path6.dirname(builtComponentPath)) : path6.dirname(builtComponentPath);
   if (typeof config2?.staticPaths === "boolean") {
+    const urlPath = filePathToURLPath(outputPath);
     try {
       const req = { params: {} };
       const data = config2?.data ? await config2.data(req) : null;
-      const staticComponentOutput = await componentFn({ data });
-      fs5.writeFileSync(
-        path5.join(outputPath, "./index.html"),
-        doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data }) : staticComponentOutput) + staticComment
+      const staticComponentOutput = await componentFn({ data, routePath: urlPath });
+      fs6.writeFileSync(
+        path6.join(outputPath, "./index.html"),
+        doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data, routePath: urlPath }) : staticComponentOutput) + staticComment
       );
     } catch (err) {
       console.error(err);
@@ -686,13 +908,14 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
             ...componentDynamicPaths?.length ? dynamicPath : {}
           }
         };
+        const updatedOutDir = path6.join(outputPath, `./${componentDynamicPaths.map((key) => dynamicPath[key]).join("/")}`);
+        const urlPath = filePathToURLPath(updatedOutDir);
         const data = config2?.data ? await config2.data(req) : null;
-        const staticComponentOutput = await componentFn({ req, data });
-        const updatedOutDir = path5.join(outputPath, `./${componentDynamicPaths.map((key) => dynamicPath[key]).join("/")}`);
-        fs5.ensureDirSync(updatedOutDir);
-        fs5.writeFileSync(
-          path5.join(updatedOutDir, "./index.html"),
-          doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data }) : staticComponentOutput) + staticComment
+        const staticComponentOutput = await componentFn({ req, data, routePath: urlPath });
+        fs6.ensureDirSync(updatedOutDir);
+        fs6.writeFileSync(
+          path6.join(updatedOutDir, "./index.html"),
+          doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data, routePath: urlPath }) : staticComponentOutput) + staticComment
         );
       } catch (err) {
         console.log("Could not build static component", component.path);
@@ -740,8 +963,8 @@ async function buildOnLoadFile(componentData, isDev) {
       context.runArrayQueue();
     }
   `;
-  const onLoadFilePath = path5.join(config.distDir, "./__xpineOnLoad.ts");
-  fs5.writeFileSync(onLoadFilePath, output);
+  const onLoadFilePath = path6.join(config.distDir, "./__xpineOnLoad.ts");
+  fs6.writeFileSync(onLoadFilePath, output);
   await build({
     entryPoints: [onLoadFilePath],
     format: "esm",
@@ -759,15 +982,15 @@ async function buildOnLoadFile(componentData, isDev) {
 }
 
 // src/runDevServer.ts
-import path7 from "path";
+import path8 from "path";
 
 // src/util/env.ts
 import dotenv from "dotenv";
-import path6 from "path";
+import path7 from "path";
 import { GetSecretValueCommand, SecretsManagerClient } from "@aws-sdk/client-secrets-manager";
 async function setupEnv() {
   if (process.env.HAS_SETUP_ENV) return;
-  dotenv.config({ path: path6.join(config.rootDir, `./.env.${process.env.STAGE || "dev"}`) });
+  dotenv.config({ path: path7.join(config.rootDir, `./.env.${process.env.STAGE || "dev"}`) });
   await loadSecretsManagerSecrets();
   process.env.HAS_SETUP_ENV = "true";
 }
@@ -803,7 +1026,7 @@ async function runDevServer() {
   const watcher = chokidar.watch(config.srcDir, {
     ignoreInitial: true,
     // Ignore map and prisma files
-    ignored: (pathName) => pathName.endsWith(".map") || pathName.startsWith(path7.join(config.serverDir, "./prisma"))
+    ignored: (pathName) => pathName.endsWith(".map") || pathName.startsWith(path8.join(config.serverDir, "./prisma"))
   });
   watcher.on("all", async (event, path9) => {
     const shouldReloadServer = path9.startsWith(config.serverDir) && !path9.startsWith(config.runDir) || ["add", "unlink"].includes(event) && path9.startsWith(config.pagesDir);
@@ -823,10 +1046,10 @@ async function runDevServer() {
     const startServer2 = (await import(config.serverDistAppPath + `?cache=${Date.now()}`)).default;
     appServer = await startServer2();
   }
-  const wsApp = express();
+  const wsApp = express2();
   const wsServer = http.createServer(wsApp);
   expressWs(wsApp, wsServer);
-  class RefreshEmitter extends EventEmitter {
+  class RefreshEmitter extends EventEmitter2 {
   }
   ;
   const refreshEmitter = new RefreshEmitter();
@@ -849,7 +1072,7 @@ function asyncServerClose(server) {
   });
 }
 function createRebuildEmitter(delay = 500) {
-  class RebuildEmitter extends EventEmitter {
+  class RebuildEmitter extends EventEmitter2 {
   }
   ;
   const rebuildEmitter = new RebuildEmitter();
@@ -874,213 +1097,6 @@ function createRebuildEmitter(delay = 500) {
   return rebuildEmitter;
 }
 
-// src/express.ts
-import express2 from "express";
-import { globSync as globSync2 } from "glob";
-
-// src/auth.ts
-import jsonwebtoken from "jsonwebtoken";
-var { verify, sign } = jsonwebtoken;
-async function signUser(email, username) {
-  return new Promise((resolve, reject) => {
-    sign(
-      {
-        user: {
-          email,
-          username
-        }
-      },
-      // @ts-ignore
-      process.env.JWT_PRIVATE_KEY,
-      { expiresIn: "30d" },
-      (err, token) => {
-        if (err) reject(err);
-        resolve(token);
-      }
-    );
-  });
-}
-async function verifyUser(token) {
-  return new Promise((resolve, reject) => {
-    verify(token, process.env.JWT_PRIVATE_KEY, (err, authorizedData) => {
-      if (err) reject(err);
-      resolve(authorizedData);
-    });
-  });
-}
-function getTokenFromRequest(req) {
-  const { authorization } = req.headers;
-  if (!authorization) return null;
-  const token = authorization.split(" ").pop() || "";
-  return token || null;
-}
-
-// src/express.ts
-import requestIP from "request-ip";
-import fs6 from "fs-extra";
-import path8 from "path";
-import EventEmitter2 from "events";
-var OnInitEmitter = class extends EventEmitter2 {
-};
-var onInitEmitter = new OnInitEmitter();
-onInitEmitter.on("triggerOnInit", async (paths) => {
-  for (const routePath of paths) {
-    const pathImport = await import(routePath.path + `?cache=${Date.now()}`);
-    if (pathImport?.config?.onInit) await pathImport.config.onInit();
-  }
-});
-function getAllBuiltRoutes() {
-  const routes = globSync2(config.pagesDir + "/**/*.{tsx,ts}");
-  return routes.map((route) => {
-    const routeFormatted = route.split(config.pagesDir).pop().replace(".tsx", "").replace(".js", "").replace(".ts", "");
-    if (routeFormatted.endsWith("+config")) return;
-    const routeFormattedWithIndex = routeFormatted.replace(/\/index$/g, "");
-    return {
-      route: routeFormattedWithIndex,
-      path: route.replace(config.srcDir, config.distDir).replace(".tsx", ".js").replace(".ts", ".js"),
-      originalRoute: route
-    };
-  }).filter(Boolean);
-}
-async function createRouter() {
-  const isDev = process.env.NODE_ENV === "development";
-  const methods = ["get", "post", "put", "patch", "delete"];
-  const router = express2.Router();
-  const routeMap = getAllBuiltRoutes();
-  const routeResults = [];
-  const configFiles = globSync2(config.pagesDir + "/**/+config.{tsx,ts}");
-  await triggerXPineOnLoad();
-  for (const route of routeMap) {
-    const isJSX = route.originalRoute.endsWith(".tsx") || route.originalRoute.endsWith(".jsx");
-    const slugRoute = route.route.replace(/[ ]/g, "");
-    const foundMethod = methods.find((method) => slugRoute.endsWith(`.${method}`));
-    const isDynamicRoute = slugRoute.match(regex_default.isDynamicRoute);
-    let formattedRouteItem = slugRoute;
-    if (foundMethod) formattedRouteItem = formattedRouteItem.split(".").shift();
-    if (isDynamicRoute) {
-      const result = [...formattedRouteItem.matchAll(regex_default.dynamicRoutes)];
-      for (const match of result) {
-        formattedRouteItem = formattedRouteItem.replace(match[0], ":" + match[2]);
-      }
-    }
-    const componentImport = await import(route.path);
-    const componentFn = isDev ? null : componentImport?.default;
-    if (componentImport?.config?.onInit) {
-      await componentImport.config?.onInit();
-    }
-    let config2 = {};
-    const configFilePaths = getConfigFiles(route.originalRoute, configFiles);
-    if (!isDev) {
-      config2 = configFilePaths && await getCompleteConfig(configFilePaths, Date.now());
-      if (componentImport?.config) {
-        config2 = {
-          ...config2,
-          ...componentImport.config
-        };
-      }
-    }
-    routeResults.push({
-      formattedRouteItem,
-      foundMethod,
-      route
-    });
-    router[foundMethod || "get"](formattedRouteItem, async (req, res) => {
-      try {
-        const staticPath = routeHasStaticPath(formattedRouteItem, req.params);
-        if (staticPath && !isDev) {
-          res.sendFile(staticPath);
-          return;
-        }
-        if (componentFn && !isDev) {
-          if (isJSX) {
-            const data = config2?.data ? await config2.data(req) : null;
-            const originalResult = await componentFn({ req, res, data });
-            const output = config2?.wrapper ? await config2.wrapper({ req, children: originalResult, config: config2, data }) : originalResult;
-            res.send(doctypeHTML + output);
-          } else {
-            await componentFn(req, res);
-          }
-          return;
-        }
-        await triggerXPineOnLoad(true);
-        const componentImportDev = await import(route.path + `?cache=${Date.now()}`);
-        const componentFnDev = componentImportDev.default;
-        onInitEmitter.emit("triggerOnInit", getAllBuiltRoutes());
-        if (isJSX) {
-          let config3 = configFilePaths && await getCompleteConfig(configFilePaths, Date.now());
-          if (componentImportDev?.config) {
-            config3 = {
-              ...config3,
-              ...componentImportDev.config
-            };
-          }
-          const data = config3?.data ? await config3.data(req) : null;
-          const originalResult = await componentFnDev({ req, res, data, config: config3 });
-          const output = config3?.wrapper ? await config3.wrapper({ req, children: originalResult, config: config3, data }) : originalResult;
-          context.clear();
-          res.send(doctypeHTML + output);
-        } else {
-          await componentFnDev(req, res);
-        }
-      } catch (err) {
-        console.error(err);
-        res.status(err?.status || 500).send(err?.message || "Error");
-      }
-    });
-  }
-  return {
-    router,
-    routeResults
-  };
-}
-async function verifyUserMiddleware(req, _res, next) {
-  const { usertoken } = req.cookies;
-  if (!usertoken) {
-    req.user = null;
-  }
-  try {
-    const { user } = await verifyUser(usertoken);
-    req.user = user;
-  } catch (err) {
-    req.user = null;
-  }
-  next();
-}
-async function createXPineRouter(app, beforeErrorRoute) {
-  app.use(express2.static(config.distPublicDir));
-  app.use(verifyUserMiddleware);
-  app.use(requestIP.mw());
-  const { router, routeResults } = await createRouter();
-  app.use(function replaceableRouter(req, res, next) {
-    router(req, res, next);
-  });
-  const found404 = routeResults?.find((item) => item?.formattedRouteItem === "/404");
-  const import404 = process.env.NODE_ENV === "development" || !found404 ? null : (await import(found404.route.path)).default;
-  if (beforeErrorRoute) beforeErrorRoute(app);
-  app.use(async function(req, res) {
-    res.status(404);
-    if (import404) {
-      res.send(doctypeHTML + await import404(req, res));
-    } else if (found404 && process.env.NODE_ENV === "development") {
-      const import404Item = (await import(found404.route.path + `?cache=${Date.now()}`)).default;
-      res.send(doctypeHTML + await import404Item(req, res));
-    } else {
-      res.send("Error");
-    }
-  });
-}
-function routeHasStaticPath(route, params) {
-  const paramEntries = Object.entries(params);
-  let routeToStaticPath = route;
-  for (const [key, value] of paramEntries) {
-    routeToStaticPath = routeToStaticPath.replace(`:${key}`, value);
-  }
-  routeToStaticPath += "/index.html";
-  const outputPath = path8.join(config.distPagesDir, routeToStaticPath);
-  if (fs6.existsSync(outputPath)) return outputPath;
-  return false;
-}
-
 // src/util/html.ts
 var html = class {
   static attributeObjectToString(props) {
@@ -1120,6 +1136,7 @@ export {
   createContext,
   createRouter,
   createXPineRouter,
+  filePathToURLPath,
   fromRoot,
   getComponentDynamicPaths,
   getTokenFromRequest,

package/dist/src/express.d.ts

@@ -7,4 +7,5 @@ export declare function createXPineRouter(app: any, beforeErrorRoute?: (app: Exp
 export declare function routeHasStaticPath(route: string, params: {
     [key: string]: string;
 }): string | false;
+export declare function filePathToURLPath(pathName: string, isDist?: boolean): string;
 //# sourceMappingURL=express.d.ts.map

package/dist/src/express.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"express.d.ts","sourceRoot":"","sources":["../../src/express.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAgB,OAAO,EAAqB,MAAM,SAAS,CAAC;AAyC5E,wBAAsB,YAAY;;;GA8GjC;AAiBD,wBAAsB,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,iBA6B1F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG,MAAM,GAAG,KAAK,CAWnG"}
+{"version":3,"file":"express.d.ts","sourceRoot":"","sources":["../../src/express.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAgB,OAAO,EAAqB,MAAM,SAAS,CAAC;AAyC5E,wBAAsB,YAAY;;;GA+GjC;AAiBD,wBAAsB,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,iBA6B1F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG,MAAM,GAAG,KAAK,CAWnG;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAE,OAAc,UAQzE"}

package/dist/src/scripts/build.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../src/scripts/build.ts"],"names":[],"mappings":"AAsBA,OAAO,EAAE,UAAU,EAA2B,aAAa,EAAE,MAAM,aAAa,CAAC;AAWjF,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAA;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,YAAY,iBAsBhD;AA8ID,wBAAsB,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,iBAavD;AAGD,wBAAsB,yBAAyB,kBAgB9C;AAED,wBAAsB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,KAAK,EAAE,eAAe,WAAkB,iBAahH;AAED,wBAAsB,qBAAqB,CAAC,aAAa,EAAE,aAAa,EAAE,iBAezE;AAED,wBAAsB,gBAAgB,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,EAAE,kBAAkB,EAAE,MAAM,iBAgEpI;AAED,wBAAgB,wBAAwB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,EAAE,CAQxE;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAA;AAGD,wBAAsB,eAAe,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,iBAoDpF"}
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../src/scripts/build.ts"],"names":[],"mappings":"AAsBA,OAAO,EAAE,UAAU,EAA2B,aAAa,EAAE,MAAM,aAAa,CAAC;AAYjF,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAA;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,YAAY,iBAsBhD;AA8ID,wBAAsB,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,iBAavD;AAGD,wBAAsB,yBAAyB,kBAgB9C;AAED,wBAAsB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,KAAK,EAAE,eAAe,WAAkB,iBAahH;AAED,wBAAsB,qBAAqB,CAAC,aAAa,EAAE,aAAa,EAAE,iBAezE;AAED,wBAAsB,gBAAgB,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,EAAE,kBAAkB,EAAE,MAAM,iBAmEpI;AAED,wBAAgB,wBAAwB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,EAAE,CAQxE;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAA;AAGD,wBAAsB,eAAe,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,iBAoDpF"}

package/dist/src/scripts/xpine-build.js

@@ -2,7 +2,7 @@
 
 // src/scripts/build.ts
 import path5 from "path";
-import fs5 from "fs-extra";
+import fs6 from "fs-extra";
 import { build } from "esbuild";
 
 // src/build/typescript-builder.ts
@@ -280,7 +280,7 @@ async function triggerXPineOnLoad(noCache = false) {
 }
 
 // src/scripts/build.ts
-import { globSync } from "glob";
+import { globSync as globSync2 } from "glob";
 import postcss from "postcss";
 import tailwindPostcss from "@tailwindcss/postcss";
 
@@ -321,7 +321,9 @@ var regex_default = {
   dynamicRoutes: /(\[)(.*?)(\])/g,
   isDynamicRoute: /\[(.*)\]/g,
   endsWithTSX: /\.tsx$/,
-  endsWithJSX: /\.jsx$/
+  endsWithJSX: /\.jsx$/,
+  endsWithFileName: /\.(html|tsx|jsx|js|ts)$/,
+  indexFile: /index\.(html|tsx|jsx|js|ts)$/g
 };
 
 // src/util/config-file.ts
@@ -444,8 +446,41 @@ var staticComment = "<!-- static -->";
 
 // src/scripts/build.ts
 import ts3 from "typescript";
+
+// src/express.ts
+import express from "express";
+import { globSync } from "glob";
+
+// src/auth.ts
+import jsonwebtoken from "jsonwebtoken";
+var { verify, sign } = jsonwebtoken;
+
+// src/express.ts
+import requestIP from "request-ip";
+import fs5 from "fs-extra";
+import EventEmitter from "events";
+var OnInitEmitter = class extends EventEmitter {
+};
+var onInitEmitter = new OnInitEmitter();
+onInitEmitter.on("triggerOnInit", async (paths) => {
+  for (const routePath of paths) {
+    const pathImport = await import(routePath.path + `?cache=${Date.now()}`);
+    if (pathImport?.config?.onInit) await pathImport.config.onInit();
+  }
+});
+function filePathToURLPath(pathName, isDist = true) {
+  const result = pathName.split(isDist ? config.distPagesDir : config.pagesDir).pop().replace(regex_default.indexFile, "").replace(regex_default.endsWithFileName, "");
+  if (result.endsWith("/")) {
+    const cleanedResult = result.slice(0, -1);
+    if (!cleanedResult) return "/";
+    return cleanedResult;
+  }
+  return result;
+}
+
+// src/scripts/build.ts
 var extensions = [".ts", ".tsx"];
-var packageJson = JSON.parse(fs5.readFileSync(config.packageJsonPath, "utf-8"));
+var packageJson = JSON.parse(fs6.readFileSync(config.packageJsonPath, "utf-8"));
 var allPackages = Object.keys(packageJson.devDependencies).concat(Object.keys(packageJson.dependencies));
 var xpineDistDir = getXPineDistDir();
 async function buildApp(args) {
@@ -453,12 +488,12 @@ async function buildApp(args) {
   const removePreviousBuild2 = args?.removePreviousBuild || false;
   const disableTailwind2 = args?.disableTailwind || false;
   try {
-    if (removePreviousBuild2) fs5.removeSync(config.distDir);
-    const srcDirFiles = globSync(config.srcDir + "/**/*.{js,ts,tsx,jsx}");
+    if (removePreviousBuild2) fs6.removeSync(config.distDir);
+    const srcDirFiles = globSync2(config.srcDir + "/**/*.{js,ts,tsx,jsx}");
     const { componentData, dataFiles } = await buildAppFiles(srcDirFiles, isDev2);
     const alpineDataFile = await buildAlpineDataFile(componentData, dataFiles);
     await buildClientSideFiles([alpineDataFile], isDev2);
-    fs5.removeSync(config.distTempFolder);
+    fs6.removeSync(config.distTempFolder);
     await buildCSS(disableTailwind2);
     await buildPublicFolderSymlinks();
     await buildOnLoadFile(componentData, isDev2);
@@ -478,7 +513,7 @@ async function buildAppFiles(files, isDev2) {
     return fileName === "+config";
   });
   const backendFiles = files.filter((file) => extensions.find((ext) => file.endsWith(ext))).filter((file) => !file.startsWith(config.publicDir));
-  fs5.ensureDirSync(config.distDir);
+  fs6.ensureDirSync(config.distDir);
   await build({
     entryPoints: backendFiles,
     format: "esm",
@@ -503,9 +538,9 @@ async function buildAppFiles(files, isDev2) {
 }
 async function buildClientSideFiles(alpineDataFiles = [], isDev2) {
   const tempFilePath = path5.join(config.distTempFolder, "./app.ts");
-  fs5.ensureFileSync(tempFilePath);
+  fs6.ensureFileSync(tempFilePath);
   const pagesScriptsGlob = config.publicDir + "/scripts/pages/**/*.{js,ts}";
-  const clientFiles = globSync(
+  const clientFiles = globSync2(
     config.publicDir + "/**/*.{js,ts}",
     {
       ignore: pagesScriptsGlob
@@ -521,7 +556,7 @@ async function buildClientSideFiles(alpineDataFiles = [], isDev2) {
     minify: !isDev2,
     sourcemap: isDev2 ? "inline" : false
   });
-  const pagesFiles = globSync(pagesScriptsGlob);
+  const pagesFiles = globSync2(pagesScriptsGlob);
   await build({
     entryPoints: pagesFiles || [],
     bundle: true,
@@ -533,13 +568,13 @@ async function buildClientSideFiles(alpineDataFiles = [], isDev2) {
 }
 function writeDevServerClientSideCode(tempFilePath) {
   const devServerPath = path5.join(xpineDistDir, "./src/static/dev-server.js");
-  const content = fs5.readFileSync(devServerPath, "utf-8");
-  fs5.appendFileSync(tempFilePath, "\n" + content);
+  const content = fs6.readFileSync(devServerPath, "utf-8");
+  fs6.appendFileSync(tempFilePath, "\n" + content);
 }
 function writeSpaClientSideCode(tempFilePath) {
   const spaPath = path5.join(xpineDistDir, "./src/static/spa.js");
-  const content = fs5.readFileSync(spaPath, "utf-8");
-  fs5.appendFileSync(tempFilePath, "\n" + content);
+  const content = fs6.readFileSync(spaPath, "utf-8");
+  fs6.appendFileSync(tempFilePath, "\n" + content);
 }
 async function buildAlpineDataFile(componentData, dataFiles) {
   const output = {
@@ -585,23 +620,23 @@ async function buildAlpineDataFile(componentData, dataFiles) {
     output.code.push(`Alpine.data('${dataFunction.name}', ${dataFunction.name});`);
   }
   const result = output.imports.join("\n") + "\n" + output.code.join("\n") + "\n" + output.end.join("\n");
-  fs5.ensureFileSync(config.alpineDataPath);
-  fs5.writeFileSync(config.alpineDataPath, result);
+  fs6.ensureFileSync(config.alpineDataPath);
+  fs6.writeFileSync(config.alpineDataPath, result);
   return config.alpineDataPath;
 }
 async function buildCSS(disableTailwind2) {
-  const cssFiles = globSync(config.srcDir + "/**/*.css");
+  const cssFiles = globSync2(config.srcDir + "/**/*.css");
   for (const file of cssFiles) {
-    const fileContents = fs5.readFileSync(file, "utf-8");
+    const fileContents = fs6.readFileSync(file, "utf-8");
     const result = disableTailwind2 ? fileContents : await postcss([tailwindPostcss(), remove_layers_default()]).process(fileContents, { from: file });
     const newPath = file.replace(config.srcDir, config.distDir);
-    fs5.ensureFileSync(newPath);
-    fs5.writeFileSync(newPath, result.css);
+    fs6.ensureFileSync(newPath);
+    fs6.writeFileSync(newPath, result.css);
   }
   logSize(config.distPublicDir, "css");
 }
 async function buildPublicFolderSymlinks() {
-  const files = globSync(config.publicDir + "/**/*.*", {
+  const files = globSync2(config.publicDir + "/**/*.*", {
     ignore: "/**/*.{css,js,ts,tsx,jsx}"
   });
   for (const file of files) {
@@ -610,19 +645,19 @@ async function buildPublicFolderSymlinks() {
       const splitNewPath = newPath.split("/");
       splitNewPath.pop();
       const newDir = splitNewPath.join("/");
-      fs5.ensureDirSync(newDir);
-      fs5.symlinkSync(file, newPath);
+      fs6.ensureDirSync(newDir);
+      fs6.symlinkSync(file, newPath);
     } catch {
     }
   }
 }
 async function logSize(pathName, type, validExtensions = [".js", ".css"]) {
-  const files = globSync(pathName + "/**/*" + (type === "css" ? ".css" : ""));
+  const files = globSync2(pathName + "/**/*" + (type === "css" ? ".css" : ""));
   const fileSizes = files.map((file) => {
     if (!validExtensions.find((ext) => file.endsWith(ext))) return false;
     return {
       file,
-      size: fs5.statSync(file).size / (1024 * 1e3)
+      size: fs6.statSync(file).size / (1024 * 1e3)
     };
   }).filter(Boolean);
   const totalSize = fileSizes.reduce((total, current) => {
@@ -660,13 +695,14 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
     return total.replace(`/[${current}]`, "");
   }, path5.dirname(builtComponentPath)) : path5.dirname(builtComponentPath);
   if (typeof config2?.staticPaths === "boolean") {
+    const urlPath = filePathToURLPath(outputPath);
     try {
       const req = { params: {} };
       const data = config2?.data ? await config2.data(req) : null;
-      const staticComponentOutput = await componentFn({ data });
-      fs5.writeFileSync(
+      const staticComponentOutput = await componentFn({ data, routePath: urlPath });
+      fs6.writeFileSync(
         path5.join(outputPath, "./index.html"),
-        doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data }) : staticComponentOutput) + staticComment
+        doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data, routePath: urlPath }) : staticComponentOutput) + staticComment
       );
     } catch (err) {
       console.error(err);
@@ -681,13 +717,14 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
             ...componentDynamicPaths?.length ? dynamicPath : {}
           }
         };
-        const data = config2?.data ? await config2.data(req) : null;
-        const staticComponentOutput = await componentFn({ req, data });
         const updatedOutDir = path5.join(outputPath, `./${componentDynamicPaths.map((key) => dynamicPath[key]).join("/")}`);
-        fs5.ensureDirSync(updatedOutDir);
-        fs5.writeFileSync(
+        const urlPath = filePathToURLPath(updatedOutDir);
+        const data = config2?.data ? await config2.data(req) : null;
+        const staticComponentOutput = await componentFn({ req, data, routePath: urlPath });
+        fs6.ensureDirSync(updatedOutDir);
+        fs6.writeFileSync(
           path5.join(updatedOutDir, "./index.html"),
-          doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data }) : staticComponentOutput) + staticComment
+          doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data, routePath: urlPath }) : staticComponentOutput) + staticComment
         );
       } catch (err) {
         console.log("Could not build static component", component.path);
@@ -736,7 +773,7 @@ async function buildOnLoadFile(componentData, isDev2) {
     }
   `;
   const onLoadFilePath = path5.join(config.distDir, "./__xpineOnLoad.ts");
-  fs5.writeFileSync(onLoadFilePath, output);
+  fs6.writeFileSync(onLoadFilePath, output);
   await build({
     entryPoints: [onLoadFilePath],
     format: "esm",

package/dist/src/scripts/xpine-dev.js

@@ -3,13 +3,13 @@
 // src/runDevServer.ts
 import expressWs from "express-ws";
 import http from "http";
-import express from "express";
-import EventEmitter from "events";
+import express2 from "express";
+import EventEmitter2 from "events";
 import chokidar from "chokidar";
 
 // src/scripts/build.ts
 import path5 from "path";
-import fs5 from "fs-extra";
+import fs6 from "fs-extra";
 import { build } from "esbuild";
 
 // src/build/typescript-builder.ts
@@ -287,7 +287,7 @@ async function triggerXPineOnLoad(noCache = false) {
 }
 
 // src/scripts/build.ts
-import { globSync } from "glob";
+import { globSync as globSync2 } from "glob";
 import postcss from "postcss";
 import tailwindPostcss from "@tailwindcss/postcss";
 
@@ -328,7 +328,9 @@ var regex_default = {
   dynamicRoutes: /(\[)(.*?)(\])/g,
   isDynamicRoute: /\[(.*)\]/g,
   endsWithTSX: /\.tsx$/,
-  endsWithJSX: /\.jsx$/
+  endsWithJSX: /\.jsx$/,
+  endsWithFileName: /\.(html|tsx|jsx|js|ts)$/,
+  indexFile: /index\.(html|tsx|jsx|js|ts)$/g
 };
 
 // src/util/config-file.ts
@@ -451,8 +453,41 @@ var staticComment = "<!-- static -->";
 
 // src/scripts/build.ts
 import ts3 from "typescript";
+
+// src/express.ts
+import express from "express";
+import { globSync } from "glob";
+
+// src/auth.ts
+import jsonwebtoken from "jsonwebtoken";
+var { verify, sign } = jsonwebtoken;
+
+// src/express.ts
+import requestIP from "request-ip";
+import fs5 from "fs-extra";
+import EventEmitter from "events";
+var OnInitEmitter = class extends EventEmitter {
+};
+var onInitEmitter = new OnInitEmitter();
+onInitEmitter.on("triggerOnInit", async (paths) => {
+  for (const routePath of paths) {
+    const pathImport = await import(routePath.path + `?cache=${Date.now()}`);
+    if (pathImport?.config?.onInit) await pathImport.config.onInit();
+  }
+});
+function filePathToURLPath(pathName, isDist = true) {
+  const result = pathName.split(isDist ? config.distPagesDir : config.pagesDir).pop().replace(regex_default.indexFile, "").replace(regex_default.endsWithFileName, "");
+  if (result.endsWith("/")) {
+    const cleanedResult = result.slice(0, -1);
+    if (!cleanedResult) return "/";
+    return cleanedResult;
+  }
+  return result;
+}
+
+// src/scripts/build.ts
 var extensions = [".ts", ".tsx"];
-var packageJson = JSON.parse(fs5.readFileSync(config.packageJsonPath, "utf-8"));
+var packageJson = JSON.parse(fs6.readFileSync(config.packageJsonPath, "utf-8"));
 var allPackages = Object.keys(packageJson.devDependencies).concat(Object.keys(packageJson.dependencies));
 var xpineDistDir = getXPineDistDir();
 async function buildApp(args) {
@@ -460,12 +495,12 @@ async function buildApp(args) {
   const removePreviousBuild = args?.removePreviousBuild || false;
   const disableTailwind = args?.disableTailwind || false;
   try {
-    if (removePreviousBuild) fs5.removeSync(config.distDir);
-    const srcDirFiles = globSync(config.srcDir + "/**/*.{js,ts,tsx,jsx}");
+    if (removePreviousBuild) fs6.removeSync(config.distDir);
+    const srcDirFiles = globSync2(config.srcDir + "/**/*.{js,ts,tsx,jsx}");
     const { componentData, dataFiles } = await buildAppFiles(srcDirFiles, isDev);
     const alpineDataFile = await buildAlpineDataFile(componentData, dataFiles);
     await buildClientSideFiles([alpineDataFile], isDev);
-    fs5.removeSync(config.distTempFolder);
+    fs6.removeSync(config.distTempFolder);
     await buildCSS(disableTailwind);
     await buildPublicFolderSymlinks();
     await buildOnLoadFile(componentData, isDev);
@@ -485,7 +520,7 @@ async function buildAppFiles(files, isDev) {
     return fileName === "+config";
   });
   const backendFiles = files.filter((file) => extensions.find((ext) => file.endsWith(ext))).filter((file) => !file.startsWith(config.publicDir));
-  fs5.ensureDirSync(config.distDir);
+  fs6.ensureDirSync(config.distDir);
   await build({
     entryPoints: backendFiles,
     format: "esm",
@@ -510,9 +545,9 @@ async function buildAppFiles(files, isDev) {
 }
 async function buildClientSideFiles(alpineDataFiles = [], isDev) {
   const tempFilePath = path5.join(config.distTempFolder, "./app.ts");
-  fs5.ensureFileSync(tempFilePath);
+  fs6.ensureFileSync(tempFilePath);
   const pagesScriptsGlob = config.publicDir + "/scripts/pages/**/*.{js,ts}";
-  const clientFiles = globSync(
+  const clientFiles = globSync2(
     config.publicDir + "/**/*.{js,ts}",
     {
       ignore: pagesScriptsGlob
@@ -528,7 +563,7 @@ async function buildClientSideFiles(alpineDataFiles = [], isDev) {
     minify: !isDev,
     sourcemap: isDev ? "inline" : false
   });
-  const pagesFiles = globSync(pagesScriptsGlob);
+  const pagesFiles = globSync2(pagesScriptsGlob);
   await build({
     entryPoints: pagesFiles || [],
     bundle: true,
@@ -540,13 +575,13 @@ async function buildClientSideFiles(alpineDataFiles = [], isDev) {
 }
 function writeDevServerClientSideCode(tempFilePath) {
   const devServerPath = path5.join(xpineDistDir, "./src/static/dev-server.js");
-  const content = fs5.readFileSync(devServerPath, "utf-8");
-  fs5.appendFileSync(tempFilePath, "\n" + content);
+  const content = fs6.readFileSync(devServerPath, "utf-8");
+  fs6.appendFileSync(tempFilePath, "\n" + content);
 }
 function writeSpaClientSideCode(tempFilePath) {
   const spaPath = path5.join(xpineDistDir, "./src/static/spa.js");
-  const content = fs5.readFileSync(spaPath, "utf-8");
-  fs5.appendFileSync(tempFilePath, "\n" + content);
+  const content = fs6.readFileSync(spaPath, "utf-8");
+  fs6.appendFileSync(tempFilePath, "\n" + content);
 }
 async function buildAlpineDataFile(componentData, dataFiles) {
   const output = {
@@ -592,23 +627,23 @@ async function buildAlpineDataFile(componentData, dataFiles) {
     output.code.push(`Alpine.data('${dataFunction.name}', ${dataFunction.name});`);
   }
   const result = output.imports.join("\n") + "\n" + output.code.join("\n") + "\n" + output.end.join("\n");
-  fs5.ensureFileSync(config.alpineDataPath);
-  fs5.writeFileSync(config.alpineDataPath, result);
+  fs6.ensureFileSync(config.alpineDataPath);
+  fs6.writeFileSync(config.alpineDataPath, result);
   return config.alpineDataPath;
 }
 async function buildCSS(disableTailwind) {
-  const cssFiles = globSync(config.srcDir + "/**/*.css");
+  const cssFiles = globSync2(config.srcDir + "/**/*.css");
   for (const file of cssFiles) {
-    const fileContents = fs5.readFileSync(file, "utf-8");
+    const fileContents = fs6.readFileSync(file, "utf-8");
     const result = disableTailwind ? fileContents : await postcss([tailwindPostcss(), remove_layers_default()]).process(fileContents, { from: file });
     const newPath = file.replace(config.srcDir, config.distDir);
-    fs5.ensureFileSync(newPath);
-    fs5.writeFileSync(newPath, result.css);
+    fs6.ensureFileSync(newPath);
+    fs6.writeFileSync(newPath, result.css);
   }
   logSize(config.distPublicDir, "css");
 }
 async function buildPublicFolderSymlinks() {
-  const files = globSync(config.publicDir + "/**/*.*", {
+  const files = globSync2(config.publicDir + "/**/*.*", {
     ignore: "/**/*.{css,js,ts,tsx,jsx}"
   });
   for (const file of files) {
@@ -617,19 +652,19 @@ async function buildPublicFolderSymlinks() {
       const splitNewPath = newPath.split("/");
       splitNewPath.pop();
       const newDir = splitNewPath.join("/");
-      fs5.ensureDirSync(newDir);
-      fs5.symlinkSync(file, newPath);
+      fs6.ensureDirSync(newDir);
+      fs6.symlinkSync(file, newPath);
     } catch {
     }
   }
 }
 async function logSize(pathName, type, validExtensions = [".js", ".css"]) {
-  const files = globSync(pathName + "/**/*" + (type === "css" ? ".css" : ""));
+  const files = globSync2(pathName + "/**/*" + (type === "css" ? ".css" : ""));
   const fileSizes = files.map((file) => {
     if (!validExtensions.find((ext) => file.endsWith(ext))) return false;
     return {
       file,
-      size: fs5.statSync(file).size / (1024 * 1e3)
+      size: fs6.statSync(file).size / (1024 * 1e3)
     };
   }).filter(Boolean);
   const totalSize = fileSizes.reduce((total, current) => {
@@ -667,13 +702,14 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
     return total.replace(`/[${current}]`, "");
   }, path5.dirname(builtComponentPath)) : path5.dirname(builtComponentPath);
   if (typeof config2?.staticPaths === "boolean") {
+    const urlPath = filePathToURLPath(outputPath);
     try {
       const req = { params: {} };
       const data = config2?.data ? await config2.data(req) : null;
-      const staticComponentOutput = await componentFn({ data });
-      fs5.writeFileSync(
+      const staticComponentOutput = await componentFn({ data, routePath: urlPath });
+      fs6.writeFileSync(
         path5.join(outputPath, "./index.html"),
-        doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data }) : staticComponentOutput) + staticComment
+        doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data, routePath: urlPath }) : staticComponentOutput) + staticComment
       );
     } catch (err) {
       console.error(err);
@@ -688,13 +724,14 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
             ...componentDynamicPaths?.length ? dynamicPath : {}
           }
         };
-        const data = config2?.data ? await config2.data(req) : null;
-        const staticComponentOutput = await componentFn({ req, data });
         const updatedOutDir = path5.join(outputPath, `./${componentDynamicPaths.map((key) => dynamicPath[key]).join("/")}`);
-        fs5.ensureDirSync(updatedOutDir);
-        fs5.writeFileSync(
+        const urlPath = filePathToURLPath(updatedOutDir);
+        const data = config2?.data ? await config2.data(req) : null;
+        const staticComponentOutput = await componentFn({ req, data, routePath: urlPath });
+        fs6.ensureDirSync(updatedOutDir);
+        fs6.writeFileSync(
           path5.join(updatedOutDir, "./index.html"),
-          doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data }) : staticComponentOutput) + staticComment
+          doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data, routePath: urlPath }) : staticComponentOutput) + staticComment
         );
       } catch (err) {
         console.log("Could not build static component", component.path);
@@ -743,7 +780,7 @@ async function buildOnLoadFile(componentData, isDev) {
     }
   `;
   const onLoadFilePath = path5.join(config.distDir, "./__xpineOnLoad.ts");
-  fs5.writeFileSync(onLoadFilePath, output);
+  fs6.writeFileSync(onLoadFilePath, output);
   await build({
     entryPoints: [onLoadFilePath],
     format: "esm",
@@ -825,10 +862,10 @@ async function runDevServer() {
     const startServer2 = (await import(config.serverDistAppPath + `?cache=${Date.now()}`)).default;
     appServer = await startServer2();
   }
-  const wsApp = express();
+  const wsApp = express2();
   const wsServer = http.createServer(wsApp);
   expressWs(wsApp, wsServer);
-  class RefreshEmitter extends EventEmitter {
+  class RefreshEmitter extends EventEmitter2 {
   }
   ;
   const refreshEmitter = new RefreshEmitter();
@@ -851,7 +888,7 @@ function asyncServerClose(server) {
   });
 }
 function createRebuildEmitter(delay = 500) {
-  class RebuildEmitter extends EventEmitter {
+  class RebuildEmitter extends EventEmitter2 {
   }
   ;
   const rebuildEmitter = new RebuildEmitter();

package/dist/src/util/regex.d.ts

@@ -6,6 +6,8 @@ declare const _default: {
     isDynamicRoute: RegExp;
     endsWithTSX: RegExp;
     endsWithJSX: RegExp;
+    endsWithFileName: RegExp;
+    indexFile: RegExp;
 };
 export default _default;
 //# sourceMappingURL=regex.d.ts.map

package/dist/src/util/regex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"regex.d.ts","sourceRoot":"","sources":["../../../src/util/regex.ts"],"names":[],"mappings":";;;;;;;;;AAAA,wBAQE"}
+{"version":3,"file":"regex.d.ts","sourceRoot":"","sources":["../../../src/util/regex.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,wBAUE"}

package/dist/types.d.ts

@@ -16,6 +16,7 @@ export type WrapperProps = {
     children: any;
     config: ConfigFile;
     data?: any;
+    routePath?: string;
 };
 export type ConfigFile = {
     staticPaths?: boolean | (() => Promise<{
@@ -28,6 +29,7 @@ export type PageProps = {
     req: ServerRequest;
     res: Response;
     data: any;
+    routePath: string;
 };
 export type FileItem = {
     file: string;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG;IACpC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,GAAG,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,WAAW,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC,CAAC,CAAC;IACrE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;CAC7C,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,aAAa,CAAC;IACnB,GAAG,EAAE,QAAQ,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;CACX,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,MAAM,EAAE,EAAE,CAAC,UAAU,CAAC;CACvB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG;IACpC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,GAAG,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,WAAW,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC,CAAC,CAAC;IACrE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;CAC7C,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,aAAa,CAAC;IACnB,GAAG,EAAE,QAAQ,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,SAAS,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,MAAM,EAAE,EAAE,CAAC,UAAU,CAAC;CACvB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xpine",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "main": "dist/index.js",
   "dependencies": {
     "@aws-sdk/client-secrets-manager": "^3.758.0",

package/types.ts

@@ -20,6 +20,7 @@ export type WrapperProps = {
   children: any;
   config: ConfigFile;
   data?: any;
+  routePath?: string;
 }
 
 export type ConfigFile = {
@@ -32,6 +33,7 @@ export type PageProps = {
   req: ServerRequest;
   res: Response;
   data: any;
+  routePath: string;
 }
 
 export type FileItem = {