xpine 0.0.49 → 0.0.51

package/README.md

@@ -448,7 +448,8 @@ export default {
       includePaths: [
         // Only uses Alpine data coming from paths in this directory
         '/**/pages/secret/**/*.{js,ts,tsx,jsx}',
-      ]
+      ],
+      requireAuthentication: true, // Only authenticated users can access this .js file
     }
   ]
 }

package/dist/index.js

@@ -10,6 +10,7 @@ import path6 from "path";
 import fs7 from "fs-extra";
 import { build } from "esbuild";
 import micromatch from "micromatch";
+import minifyXML from "minify-xml";
 
 // src/build/typescript-builder.ts
 import ts from "typescript";
@@ -31,6 +32,7 @@ function fromRoot(pathName) {
 }
 var userConfig = require_default(path.join(process.cwd(), "./xpine.config.mjs")).default;
 var configDefaults = {
+  domain: "",
   rootDir: fromRoot(),
   srcDir: fromRoot("./src"),
   distDir: fromRoot("./dist"),
@@ -78,6 +80,9 @@ var configDefaults = {
   },
   get globalCSSFile() {
     return path.join(this.publicDir, "./styles/global.css");
+  },
+  get sitemapPath() {
+    return path.join(this.distPublicDir, "./sitemap.xml");
   }
 };
 var config = {
@@ -323,6 +328,10 @@ var regex_default = {
   isDynamicRoute: /\[(.*)\]/g,
   endsWithTSX: /\.tsx$/,
   endsWithJSX: /\.jsx$/,
+  endsWithJs: /\.js$/,
+  endsWithPageFileName: /\.(tsx|jsx)$/,
+  endsWithIndexNoExtension: /\/index$/,
+  endsWithIndex: /\/index\.(html|tsx|jsx|js|ts)$/,
   endsWithFileName: /\.(html|tsx|jsx|js|ts)$/,
   indexFile: /index\.(html|tsx|jsx|js|ts)$/g,
   catchAllRoute: /\/_all_$/g,
@@ -644,9 +653,29 @@ async function verifyUserMiddleware(req, _res, next) {
   }
   next();
 }
+async function verifyAuthenticatedBundleMiddleware(req, res, next) {
+  if (!req?.originalUrl?.startsWith("/scripts/")) {
+    next();
+    return;
+  }
+  const bundle = req?.originalUrl?.split("/")?.pop()?.split(".js")?.shift();
+  const foundBundle = config?.bundles?.find((bundleItem) => bundleItem?.id === bundle);
+  if (!foundBundle) {
+    next();
+    return;
+  }
+  if (foundBundle?.requireAuthentication && !req?.user) {
+    res.status(403).json({
+      message: "Unauthenticated"
+    });
+    return;
+  }
+  next();
+}
 async function createXPineRouter(app, beforeErrorRoute) {
-  app.use(express.static(config.distPublicDir));
   app.use(verifyUserMiddleware);
+  app.use(verifyAuthenticatedBundleMiddleware);
+  app.use(express.static(config.distPublicDir));
   app.use(requestIP.mw());
   const { router, routeResults } = await createRouter();
   app.use(function replaceableRouter(req, res, next) {
@@ -755,15 +784,19 @@ import tailwindPostcss from "@tailwindcss/postcss";
 async function buildCSS(disableTailwind) {
   const cssFiles = globSync2(config.srcDir + "/**/*.css");
   for (const file of cssFiles) {
-    const fileContents = fs6.readFileSync(file, "utf-8");
-    let result = fileContents;
-    if (!disableTailwind) {
-      result = await postcss([add_breakpoint_data_default()]).process(fileContents, { from: file });
-      result = await postcss([tailwindPostcss(), remove_layers_default()]).process(result.css, { from: file });
+    try {
+      const fileContents = fs6.readFileSync(file, "utf-8");
+      let result = fileContents;
+      if (!disableTailwind) {
+        result = await postcss([add_breakpoint_data_default()]).process(fileContents, { from: file });
+        result = await postcss([tailwindPostcss(), remove_layers_default()]).process(result.css, { from: file });
+      }
+      const newPath = file.replace(config.srcDir, config.distDir);
+      fs6.ensureFileSync(newPath);
+      fs6.writeFileSync(newPath, result.css);
+    } catch (err) {
+      console.error(err);
     }
-    const newPath = file.replace(config.srcDir, config.distDir);
-    fs6.ensureFileSync(newPath);
-    fs6.writeFileSync(newPath, result.css);
   }
   logSize(config.distPublicDir, "css");
 }
@@ -796,18 +829,20 @@ async function buildApp(args) {
           if (!bundle?.includePaths?.length) return true;
           return micromatch([item.path], bundle?.includePaths || [])?.length;
         });
-        const alpineDataFile2 = await buildAlpineDataFile(matchingComponentData, matchingDataFiles, bundle.id);
-        await buildClientSideFiles([alpineDataFile2], isDev2, `./${bundle.id}.ts`, bundle.id);
+        const alpineDataFile = await buildAlpineDataFile(matchingComponentData, matchingDataFiles, bundle.id);
+        await buildClientSideFiles([alpineDataFile], isDev2, `./${bundle.id}.ts`, bundle.id);
       }
+    } else {
+      const alpineDataFile = await buildAlpineDataFile(componentData, dataFiles);
+      await buildClientSideFiles([alpineDataFile, ...clientSideBundles], isDev2);
     }
-    const alpineDataFile = await buildAlpineDataFile(componentData, dataFiles);
-    await buildClientSideFiles([alpineDataFile, ...clientSideBundles], isDev2);
     fs7.removeSync(config.distTempFolder);
     await buildCSS(disableTailwind);
     await buildPublicFolderSymlinks();
     await buildOnLoadFile(componentData, isDev2);
     if (!isDev2) await triggerXPineOnLoad();
     if (!isDev2) await buildFilesWithConfigs(componentData);
+    if (!isDev2) buildSitemap();
     if (!isDev2) context.clear();
   } catch (err) {
     console.error("Build failed");
@@ -1002,17 +1037,28 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
   const componentDynamicPaths = getComponentDynamicPaths(componentFileName);
   const componentFn = componentImport.default;
   if (componentImport?.onInit) await componentImport.onInit();
-  const outputPath = componentDynamicPaths?.length ? componentDynamicPaths.reduce((total, current) => {
-    return total.replace(`/[${current}]`, "");
-  }, path6.dirname(builtComponentPath)) : path6.dirname(builtComponentPath);
+  const outputPath = determineOutputPathForStaticPath(builtComponentPath, componentDynamicPaths);
+  if (!outputPath) return;
   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, routePath: urlPath });
+      const req = {
+        params: {},
+        route: {
+          path: urlPath
+        },
+        url: urlPath
+      };
+      let data = config2?.data ? await config2.data(req) : null;
+      data = {
+        ...data,
+        routePath: urlPath
+      };
+      const staticComponentOutput = await componentFn({ data, routePath: urlPath, req });
+      const htmlOutputPath = path6.join(outputPath, "./index.html");
+      fs7.ensureFileSync(htmlOutputPath);
       fs7.writeFileSync(
-        path6.join(outputPath, "./index.html"),
+        htmlOutputPath,
         doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data, routePath: urlPath }) : staticComponentOutput) + staticComment
       );
     } catch (err) {
@@ -1023,14 +1069,19 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
     const dynamicPaths = await config2.staticPaths();
     for (const dynamicPath of dynamicPaths) {
       try {
+        const updatedOutDir = path6.join(outputPath, `./${componentDynamicPaths.map((key) => dynamicPath[key]).join("/")}`);
+        const urlPath = filePathToURLPath(updatedOutDir);
         const req = {
           params: {
             ...componentDynamicPaths?.length ? dynamicPath : {}
-          }
+          },
+          route: {
+            path: urlPath
+          },
+          url: urlPath
         };
-        const updatedOutDir = path6.join(outputPath, `./${componentDynamicPaths.map((key) => dynamicPath[key]).join("/")}`);
-        const urlPath = filePathToURLPath(updatedOutDir);
-        const data = config2?.data ? await config2.data(req) : null;
+        let data = config2?.data ? await config2.data(req) : null;
+        data = { ...data, routePath: urlPath };
         const staticComponentOutput = await componentFn({ req, data, routePath: urlPath });
         fs7.ensureDirSync(updatedOutDir);
         fs7.writeFileSync(
@@ -1044,6 +1095,20 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
     }
   }
 }
+function determineOutputPathForStaticPath(builtComponentPath, componentDynamicPaths) {
+  if (componentDynamicPaths?.length) {
+    return componentDynamicPaths.reduce((total, current) => {
+      return total.replace(`/[${current}]`, "");
+    }, path6.dirname(builtComponentPath));
+  } else {
+    if (builtComponentPath?.match(regex_default.endsWithIndex)) {
+      return path6.dirname(builtComponentPath);
+    } else {
+      if (!builtComponentPath.match(regex_default.endsWithJs)) return null;
+      return builtComponentPath.replace(regex_default.endsWithJs, "");
+    }
+  }
+}
 function getComponentDynamicPaths(componentPath) {
   const matches = [...componentPath.matchAll(regex_default.dynamicRoutes)].concat([...componentPath.matchAll(regex_default.catchAllRoute)]);
   if (!matches?.length) return null;
@@ -1100,6 +1165,47 @@ async function buildOnLoadFile(componentData, isDev2) {
     ]
   });
 }
+async function buildSitemap() {
+  if (!config?.sitemap) return;
+  const staticPages = globSync3(`${config.distPagesDir}/**/*.html`) || [];
+  const dynamicPages = globSync3(`${config.pagesDir}/**/*.{jsx,tsx}`) || [];
+  const allPages = staticPages.concat(dynamicPages);
+  const filteredPages = allPages.filter((filePath) => {
+    return !micromatch([filePath], config.sitemap?.excludePaths || [])?.length;
+  });
+  const pages = filteredPages.map((filePath) => {
+    const replacedExtensions = filePath.replace(regex_default.endsWithFileName, "");
+    const replacedPagesPath = replacedExtensions.replace(config.pagesDir, "");
+    const replacedDistPath = replacedPagesPath.replace(config.distPagesDir, "");
+    const replacedIndex = replacedDistPath.replace(regex_default.endsWithIndexNoExtension, "");
+    if (replacedIndex === "") return "/";
+    return replacedIndex;
+  }).filter((filePath) => {
+    return !filePath.includes("+config");
+  });
+  const sitemap = `
+    <?xml version="1.0" encoding="UTF-8"?>
+    <urlset 
+      xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" 
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
+      xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"
+      xmlns:news="http://www.google.com/schemas/sitemap-news/0.9"
+      xmlns:xhtml="http://www.w3.org/1999/xhtml"
+      xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
+      xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"
+    >
+    ${pages.map((page) => {
+    return `
+      <url>
+        <loc>${config?.domain ? `https://${config.domain}${page}` : page}</loc>
+      </url>
+    `;
+  }).join("\n")}
+    </urlset>
+  `;
+  fs7.ensureFileSync(config.sitemapPath);
+  fs7.writeFileSync(config.sitemapPath, minifyXML(sitemap));
+}
 
 // src/runDevServer.ts
 import path8 from "path";
@@ -1131,6 +1237,7 @@ async function loadSecretsManagerSecrets() {
     client.destroy();
   } catch (err) {
     console.error(`Could not load secret: ${process.env.SECRET_NAME}`);
+    console.error(err);
     return null;
   }
 }
@@ -1256,12 +1363,14 @@ export {
   buildFilesWithConfigs,
   buildOnLoadFile,
   buildPublicFolderSymlinks,
+  buildSitemap,
   buildStaticFiles,
   config,
   context,
   createContext,
   createRouter,
   createXPineRouter,
+  determineOutputPathForStaticPath,
   filePathToURLPath,
   fromRoot,
   getComponentDynamicPaths,

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

@@ -1 +1 @@
-{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../src/build/css.ts"],"names":[],"mappings":"AAUA,wBAAsB,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,iBAgBvD"}
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../src/build/css.ts"],"names":[],"mappings":"AAUA,wBAAsB,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,iBAoBvD"}

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;AAqJ5E,wBAAsB,YAAY;;;GAkCjC;AAiBD,wBAAsB,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,iBAyB1F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG,MAAM,GAAG,KAAK,CAanG;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAE,OAAc,UAQzE"}
+{"version":3,"file":"express.d.ts","sourceRoot":"","sources":["../../src/express.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAgB,OAAO,EAAqB,MAAM,SAAS,CAAC;AAqJ5E,wBAAsB,YAAY;;;GAkCjC;AAsCD,wBAAsB,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,iBA0B1F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG,MAAM,GAAG,KAAK,CAanG;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAE,OAAc,UAQzE"}

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

@@ -9,11 +9,13 @@ export declare function buildPublicFolderSymlinks(): Promise<void>;
 export declare function logSize(pathName: string, type: string, validExtensions?: string[]): Promise<void>;
 export declare function buildFilesWithConfigs(componentData: ComponentData[]): Promise<void>;
 export declare function buildStaticFiles(config: ConfigFile, component: ComponentData, componentImport: any, builtComponentPath: string): Promise<void>;
+export declare function determineOutputPathForStaticPath(builtComponentPath: string, componentDynamicPaths?: string[]): string;
 export declare function getComponentDynamicPaths(componentPath: string): string[];
 export type OnLoadFileResult = {
     imports: string;
     fn: string;
 };
 export declare function buildOnLoadFile(componentData: ComponentData[], isDev?: boolean): Promise<void>;
+export declare function buildSitemap(): Promise<void>;
 export {};
 //# sourceMappingURL=build.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../src/scripts/build.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,UAAU,EAA2B,aAAa,EAAE,MAAM,aAAa,CAAC;AAajF,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,iBA+ChD;AAwJD,wBAAsB,yBAAyB,kBAgB9C;AAED,wBAAsB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,WAAkB,iBAa9F;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,iBAyEpI;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":"AAoBA,OAAO,EAAE,UAAU,EAA2B,aAAa,EAAE,MAAM,aAAa,CAAC;AAajF,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,iBAgDhD;AAwJD,wBAAsB,yBAAyB,kBAgB9C;AAED,wBAAsB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,WAAkB,iBAa9F;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,iBA2FpI;AAED,wBAAgB,gCAAgC,CAAC,kBAAkB,EAAE,MAAM,EAAE,qBAAqB,CAAC,EAAE,MAAM,EAAE,UAe5G;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;AAED,wBAAsB,YAAY,kBA0CjC"}

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

@@ -5,6 +5,7 @@ import path5 from "path";
 import fs7 from "fs-extra";
 import { build } from "esbuild";
 import micromatch from "micromatch";
+import minifyXML from "minify-xml";
 
 // src/build/typescript-builder.ts
 import ts from "typescript";
@@ -26,6 +27,7 @@ function fromRoot(pathName) {
 }
 var userConfig = require_default(path.join(process.cwd(), "./xpine.config.mjs")).default;
 var configDefaults = {
+  domain: "",
   rootDir: fromRoot(),
   srcDir: fromRoot("./src"),
   distDir: fromRoot("./dist"),
@@ -73,6 +75,9 @@ var configDefaults = {
   },
   get globalCSSFile() {
     return path.join(this.publicDir, "./styles/global.css");
+  },
+  get sitemapPath() {
+    return path.join(this.distPublicDir, "./sitemap.xml");
   }
 };
 var config = {
@@ -318,6 +323,10 @@ var regex_default = {
   isDynamicRoute: /\[(.*)\]/g,
   endsWithTSX: /\.tsx$/,
   endsWithJSX: /\.jsx$/,
+  endsWithJs: /\.js$/,
+  endsWithPageFileName: /\.(tsx|jsx)$/,
+  endsWithIndexNoExtension: /\/index$/,
+  endsWithIndex: /\/index\.(html|tsx|jsx|js|ts)$/,
   endsWithFileName: /\.(html|tsx|jsx|js|ts)$/,
   indexFile: /index\.(html|tsx|jsx|js|ts)$/g,
   catchAllRoute: /\/_all_$/g,
@@ -548,15 +557,19 @@ import tailwindPostcss from "@tailwindcss/postcss";
 async function buildCSS(disableTailwind2) {
   const cssFiles = globSync2(config.srcDir + "/**/*.css");
   for (const file of cssFiles) {
-    const fileContents = fs6.readFileSync(file, "utf-8");
-    let result = fileContents;
-    if (!disableTailwind2) {
-      result = await postcss([add_breakpoint_data_default()]).process(fileContents, { from: file });
-      result = await postcss([tailwindPostcss(), remove_layers_default()]).process(result.css, { from: file });
+    try {
+      const fileContents = fs6.readFileSync(file, "utf-8");
+      let result = fileContents;
+      if (!disableTailwind2) {
+        result = await postcss([add_breakpoint_data_default()]).process(fileContents, { from: file });
+        result = await postcss([tailwindPostcss(), remove_layers_default()]).process(result.css, { from: file });
+      }
+      const newPath = file.replace(config.srcDir, config.distDir);
+      fs6.ensureFileSync(newPath);
+      fs6.writeFileSync(newPath, result.css);
+    } catch (err) {
+      console.error(err);
     }
-    const newPath = file.replace(config.srcDir, config.distDir);
-    fs6.ensureFileSync(newPath);
-    fs6.writeFileSync(newPath, result.css);
   }
   logSize(config.distPublicDir, "css");
 }
@@ -589,18 +602,20 @@ async function buildApp(args) {
           if (!bundle?.includePaths?.length) return true;
           return micromatch([item.path], bundle?.includePaths || [])?.length;
         });
-        const alpineDataFile2 = await buildAlpineDataFile(matchingComponentData, matchingDataFiles, bundle.id);
-        await buildClientSideFiles([alpineDataFile2], isDev3, `./${bundle.id}.ts`, bundle.id);
+        const alpineDataFile = await buildAlpineDataFile(matchingComponentData, matchingDataFiles, bundle.id);
+        await buildClientSideFiles([alpineDataFile], isDev3, `./${bundle.id}.ts`, bundle.id);
       }
+    } else {
+      const alpineDataFile = await buildAlpineDataFile(componentData, dataFiles);
+      await buildClientSideFiles([alpineDataFile, ...clientSideBundles], isDev3);
     }
-    const alpineDataFile = await buildAlpineDataFile(componentData, dataFiles);
-    await buildClientSideFiles([alpineDataFile, ...clientSideBundles], isDev3);
     fs7.removeSync(config.distTempFolder);
     await buildCSS(disableTailwind2);
     await buildPublicFolderSymlinks();
     await buildOnLoadFile(componentData, isDev3);
     if (!isDev3) await triggerXPineOnLoad();
     if (!isDev3) await buildFilesWithConfigs(componentData);
+    if (!isDev3) buildSitemap();
     if (!isDev3) context.clear();
   } catch (err) {
     console.error("Build failed");
@@ -795,17 +810,28 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
   const componentDynamicPaths = getComponentDynamicPaths(componentFileName);
   const componentFn = componentImport.default;
   if (componentImport?.onInit) await componentImport.onInit();
-  const outputPath = componentDynamicPaths?.length ? componentDynamicPaths.reduce((total, current) => {
-    return total.replace(`/[${current}]`, "");
-  }, path5.dirname(builtComponentPath)) : path5.dirname(builtComponentPath);
+  const outputPath = determineOutputPathForStaticPath(builtComponentPath, componentDynamicPaths);
+  if (!outputPath) return;
   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, routePath: urlPath });
+      const req = {
+        params: {},
+        route: {
+          path: urlPath
+        },
+        url: urlPath
+      };
+      let data = config2?.data ? await config2.data(req) : null;
+      data = {
+        ...data,
+        routePath: urlPath
+      };
+      const staticComponentOutput = await componentFn({ data, routePath: urlPath, req });
+      const htmlOutputPath = path5.join(outputPath, "./index.html");
+      fs7.ensureFileSync(htmlOutputPath);
       fs7.writeFileSync(
-        path5.join(outputPath, "./index.html"),
+        htmlOutputPath,
         doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data, routePath: urlPath }) : staticComponentOutput) + staticComment
       );
     } catch (err) {
@@ -816,14 +842,19 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
     const dynamicPaths = await config2.staticPaths();
     for (const dynamicPath of dynamicPaths) {
       try {
+        const updatedOutDir = path5.join(outputPath, `./${componentDynamicPaths.map((key) => dynamicPath[key]).join("/")}`);
+        const urlPath = filePathToURLPath(updatedOutDir);
         const req = {
           params: {
             ...componentDynamicPaths?.length ? dynamicPath : {}
-          }
+          },
+          route: {
+            path: urlPath
+          },
+          url: urlPath
         };
-        const updatedOutDir = path5.join(outputPath, `./${componentDynamicPaths.map((key) => dynamicPath[key]).join("/")}`);
-        const urlPath = filePathToURLPath(updatedOutDir);
-        const data = config2?.data ? await config2.data(req) : null;
+        let data = config2?.data ? await config2.data(req) : null;
+        data = { ...data, routePath: urlPath };
         const staticComponentOutput = await componentFn({ req, data, routePath: urlPath });
         fs7.ensureDirSync(updatedOutDir);
         fs7.writeFileSync(
@@ -837,6 +868,20 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
     }
   }
 }
+function determineOutputPathForStaticPath(builtComponentPath, componentDynamicPaths) {
+  if (componentDynamicPaths?.length) {
+    return componentDynamicPaths.reduce((total, current) => {
+      return total.replace(`/[${current}]`, "");
+    }, path5.dirname(builtComponentPath));
+  } else {
+    if (builtComponentPath?.match(regex_default.endsWithIndex)) {
+      return path5.dirname(builtComponentPath);
+    } else {
+      if (!builtComponentPath.match(regex_default.endsWithJs)) return null;
+      return builtComponentPath.replace(regex_default.endsWithJs, "");
+    }
+  }
+}
 function getComponentDynamicPaths(componentPath) {
   const matches = [...componentPath.matchAll(regex_default.dynamicRoutes)].concat([...componentPath.matchAll(regex_default.catchAllRoute)]);
   if (!matches?.length) return null;
@@ -893,6 +938,47 @@ async function buildOnLoadFile(componentData, isDev3) {
     ]
   });
 }
+async function buildSitemap() {
+  if (!config?.sitemap) return;
+  const staticPages = globSync3(`${config.distPagesDir}/**/*.html`) || [];
+  const dynamicPages = globSync3(`${config.pagesDir}/**/*.{jsx,tsx}`) || [];
+  const allPages = staticPages.concat(dynamicPages);
+  const filteredPages = allPages.filter((filePath) => {
+    return !micromatch([filePath], config.sitemap?.excludePaths || [])?.length;
+  });
+  const pages = filteredPages.map((filePath) => {
+    const replacedExtensions = filePath.replace(regex_default.endsWithFileName, "");
+    const replacedPagesPath = replacedExtensions.replace(config.pagesDir, "");
+    const replacedDistPath = replacedPagesPath.replace(config.distPagesDir, "");
+    const replacedIndex = replacedDistPath.replace(regex_default.endsWithIndexNoExtension, "");
+    if (replacedIndex === "") return "/";
+    return replacedIndex;
+  }).filter((filePath) => {
+    return !filePath.includes("+config");
+  });
+  const sitemap = `
+    <?xml version="1.0" encoding="UTF-8"?>
+    <urlset 
+      xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" 
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
+      xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"
+      xmlns:news="http://www.google.com/schemas/sitemap-news/0.9"
+      xmlns:xhtml="http://www.w3.org/1999/xhtml"
+      xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
+      xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"
+    >
+    ${pages.map((page) => {
+    return `
+      <url>
+        <loc>${config?.domain ? `https://${config.domain}${page}` : page}</loc>
+      </url>
+    `;
+  }).join("\n")}
+    </urlset>
+  `;
+  fs7.ensureFileSync(config.sitemapPath);
+  fs7.writeFileSync(config.sitemapPath, minifyXML(sitemap));
+}
 
 // src/scripts/xpine-build.ts
 import yargs from "yargs";

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

@@ -12,6 +12,7 @@ import path5 from "path";
 import fs7 from "fs-extra";
 import { build } from "esbuild";
 import micromatch from "micromatch";
+import minifyXML from "minify-xml";
 
 // src/build/typescript-builder.ts
 import ts from "typescript";
@@ -33,6 +34,7 @@ function fromRoot(pathName) {
 }
 var userConfig = require_default(path.join(process.cwd(), "./xpine.config.mjs")).default;
 var configDefaults = {
+  domain: "",
   rootDir: fromRoot(),
   srcDir: fromRoot("./src"),
   distDir: fromRoot("./dist"),
@@ -80,6 +82,9 @@ var configDefaults = {
   },
   get globalCSSFile() {
     return path.join(this.publicDir, "./styles/global.css");
+  },
+  get sitemapPath() {
+    return path.join(this.distPublicDir, "./sitemap.xml");
   }
 };
 var config = {
@@ -325,6 +330,10 @@ var regex_default = {
   isDynamicRoute: /\[(.*)\]/g,
   endsWithTSX: /\.tsx$/,
   endsWithJSX: /\.jsx$/,
+  endsWithJs: /\.js$/,
+  endsWithPageFileName: /\.(tsx|jsx)$/,
+  endsWithIndexNoExtension: /\/index$/,
+  endsWithIndex: /\/index\.(html|tsx|jsx|js|ts)$/,
   endsWithFileName: /\.(html|tsx|jsx|js|ts)$/,
   indexFile: /index\.(html|tsx|jsx|js|ts)$/g,
   catchAllRoute: /\/_all_$/g,
@@ -555,15 +564,19 @@ import tailwindPostcss from "@tailwindcss/postcss";
 async function buildCSS(disableTailwind) {
   const cssFiles = globSync2(config.srcDir + "/**/*.css");
   for (const file of cssFiles) {
-    const fileContents = fs6.readFileSync(file, "utf-8");
-    let result = fileContents;
-    if (!disableTailwind) {
-      result = await postcss([add_breakpoint_data_default()]).process(fileContents, { from: file });
-      result = await postcss([tailwindPostcss(), remove_layers_default()]).process(result.css, { from: file });
+    try {
+      const fileContents = fs6.readFileSync(file, "utf-8");
+      let result = fileContents;
+      if (!disableTailwind) {
+        result = await postcss([add_breakpoint_data_default()]).process(fileContents, { from: file });
+        result = await postcss([tailwindPostcss(), remove_layers_default()]).process(result.css, { from: file });
+      }
+      const newPath = file.replace(config.srcDir, config.distDir);
+      fs6.ensureFileSync(newPath);
+      fs6.writeFileSync(newPath, result.css);
+    } catch (err) {
+      console.error(err);
     }
-    const newPath = file.replace(config.srcDir, config.distDir);
-    fs6.ensureFileSync(newPath);
-    fs6.writeFileSync(newPath, result.css);
   }
   logSize(config.distPublicDir, "css");
 }
@@ -596,18 +609,20 @@ async function buildApp(args) {
           if (!bundle?.includePaths?.length) return true;
           return micromatch([item.path], bundle?.includePaths || [])?.length;
         });
-        const alpineDataFile2 = await buildAlpineDataFile(matchingComponentData, matchingDataFiles, bundle.id);
-        await buildClientSideFiles([alpineDataFile2], isDev2, `./${bundle.id}.ts`, bundle.id);
+        const alpineDataFile = await buildAlpineDataFile(matchingComponentData, matchingDataFiles, bundle.id);
+        await buildClientSideFiles([alpineDataFile], isDev2, `./${bundle.id}.ts`, bundle.id);
       }
+    } else {
+      const alpineDataFile = await buildAlpineDataFile(componentData, dataFiles);
+      await buildClientSideFiles([alpineDataFile, ...clientSideBundles], isDev2);
     }
-    const alpineDataFile = await buildAlpineDataFile(componentData, dataFiles);
-    await buildClientSideFiles([alpineDataFile, ...clientSideBundles], isDev2);
     fs7.removeSync(config.distTempFolder);
     await buildCSS(disableTailwind);
     await buildPublicFolderSymlinks();
     await buildOnLoadFile(componentData, isDev2);
     if (!isDev2) await triggerXPineOnLoad();
     if (!isDev2) await buildFilesWithConfigs(componentData);
+    if (!isDev2) buildSitemap();
     if (!isDev2) context.clear();
   } catch (err) {
     console.error("Build failed");
@@ -802,17 +817,28 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
   const componentDynamicPaths = getComponentDynamicPaths(componentFileName);
   const componentFn = componentImport.default;
   if (componentImport?.onInit) await componentImport.onInit();
-  const outputPath = componentDynamicPaths?.length ? componentDynamicPaths.reduce((total, current) => {
-    return total.replace(`/[${current}]`, "");
-  }, path5.dirname(builtComponentPath)) : path5.dirname(builtComponentPath);
+  const outputPath = determineOutputPathForStaticPath(builtComponentPath, componentDynamicPaths);
+  if (!outputPath) return;
   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, routePath: urlPath });
+      const req = {
+        params: {},
+        route: {
+          path: urlPath
+        },
+        url: urlPath
+      };
+      let data = config2?.data ? await config2.data(req) : null;
+      data = {
+        ...data,
+        routePath: urlPath
+      };
+      const staticComponentOutput = await componentFn({ data, routePath: urlPath, req });
+      const htmlOutputPath = path5.join(outputPath, "./index.html");
+      fs7.ensureFileSync(htmlOutputPath);
       fs7.writeFileSync(
-        path5.join(outputPath, "./index.html"),
+        htmlOutputPath,
         doctypeHTML + (config2?.wrapper ? await config2.wrapper({ req, children: staticComponentOutput, config: config2, data, routePath: urlPath }) : staticComponentOutput) + staticComment
       );
     } catch (err) {
@@ -823,14 +849,19 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
     const dynamicPaths = await config2.staticPaths();
     for (const dynamicPath of dynamicPaths) {
       try {
+        const updatedOutDir = path5.join(outputPath, `./${componentDynamicPaths.map((key) => dynamicPath[key]).join("/")}`);
+        const urlPath = filePathToURLPath(updatedOutDir);
         const req = {
           params: {
             ...componentDynamicPaths?.length ? dynamicPath : {}
-          }
+          },
+          route: {
+            path: urlPath
+          },
+          url: urlPath
         };
-        const updatedOutDir = path5.join(outputPath, `./${componentDynamicPaths.map((key) => dynamicPath[key]).join("/")}`);
-        const urlPath = filePathToURLPath(updatedOutDir);
-        const data = config2?.data ? await config2.data(req) : null;
+        let data = config2?.data ? await config2.data(req) : null;
+        data = { ...data, routePath: urlPath };
         const staticComponentOutput = await componentFn({ req, data, routePath: urlPath });
         fs7.ensureDirSync(updatedOutDir);
         fs7.writeFileSync(
@@ -844,6 +875,20 @@ async function buildStaticFiles(config2, component, componentImport, builtCompon
     }
   }
 }
+function determineOutputPathForStaticPath(builtComponentPath, componentDynamicPaths) {
+  if (componentDynamicPaths?.length) {
+    return componentDynamicPaths.reduce((total, current) => {
+      return total.replace(`/[${current}]`, "");
+    }, path5.dirname(builtComponentPath));
+  } else {
+    if (builtComponentPath?.match(regex_default.endsWithIndex)) {
+      return path5.dirname(builtComponentPath);
+    } else {
+      if (!builtComponentPath.match(regex_default.endsWithJs)) return null;
+      return builtComponentPath.replace(regex_default.endsWithJs, "");
+    }
+  }
+}
 function getComponentDynamicPaths(componentPath) {
   const matches = [...componentPath.matchAll(regex_default.dynamicRoutes)].concat([...componentPath.matchAll(regex_default.catchAllRoute)]);
   if (!matches?.length) return null;
@@ -900,6 +945,47 @@ async function buildOnLoadFile(componentData, isDev2) {
     ]
   });
 }
+async function buildSitemap() {
+  if (!config?.sitemap) return;
+  const staticPages = globSync3(`${config.distPagesDir}/**/*.html`) || [];
+  const dynamicPages = globSync3(`${config.pagesDir}/**/*.{jsx,tsx}`) || [];
+  const allPages = staticPages.concat(dynamicPages);
+  const filteredPages = allPages.filter((filePath) => {
+    return !micromatch([filePath], config.sitemap?.excludePaths || [])?.length;
+  });
+  const pages = filteredPages.map((filePath) => {
+    const replacedExtensions = filePath.replace(regex_default.endsWithFileName, "");
+    const replacedPagesPath = replacedExtensions.replace(config.pagesDir, "");
+    const replacedDistPath = replacedPagesPath.replace(config.distPagesDir, "");
+    const replacedIndex = replacedDistPath.replace(regex_default.endsWithIndexNoExtension, "");
+    if (replacedIndex === "") return "/";
+    return replacedIndex;
+  }).filter((filePath) => {
+    return !filePath.includes("+config");
+  });
+  const sitemap = `
+    <?xml version="1.0" encoding="UTF-8"?>
+    <urlset 
+      xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" 
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
+      xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"
+      xmlns:news="http://www.google.com/schemas/sitemap-news/0.9"
+      xmlns:xhtml="http://www.w3.org/1999/xhtml"
+      xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
+      xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"
+    >
+    ${pages.map((page) => {
+    return `
+      <url>
+        <loc>${config?.domain ? `https://${config.domain}${page}` : page}</loc>
+      </url>
+    `;
+  }).join("\n")}
+    </urlset>
+  `;
+  fs7.ensureFileSync(config.sitemapPath);
+  fs7.writeFileSync(config.sitemapPath, minifyXML(sitemap));
+}
 
 // src/runDevServer.ts
 import path7 from "path";
@@ -931,6 +1017,7 @@ async function loadSecretsManagerSecrets() {
     client.destroy();
   } catch (err) {
     console.error(`Could not load secret: ${process.env.SECRET_NAME}`);
+    console.error(err);
     return null;
   }
 }

package/dist/src/util/get-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-config.d.ts","sourceRoot":"","sources":["../../../src/util/get-config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI1C,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,UAGzC;AAuDD,eAAO,MAAM,MAAM,EAAE,WAGpB,CAAC"}
+{"version":3,"file":"get-config.d.ts","sourceRoot":"","sources":["../../../src/util/get-config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI1C,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,UAGzC;AA2DD,eAAO,MAAM,MAAM,EAAE,WAGpB,CAAC"}

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

@@ -6,6 +6,10 @@ declare const _default: {
     isDynamicRoute: RegExp;
     endsWithTSX: RegExp;
     endsWithJSX: RegExp;
+    endsWithJs: RegExp;
+    endsWithPageFileName: RegExp;
+    endsWithIndexNoExtension: RegExp;
+    endsWithIndex: RegExp;
     endsWithFileName: RegExp;
     indexFile: RegExp;
     catchAllRoute: RegExp;

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,wBAaE"}
+{"version":3,"file":"regex.d.ts","sourceRoot":"","sources":["../../../src/util/regex.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,wBAiBE"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "xpine",
-  "version": "0.0.49",
+  "version": "0.0.51",
   "main": "dist/index.js",
   "dependencies": {
     "@aws-sdk/client-secrets-manager": "^3.758.0",
-    "@tailwindcss/postcss": "^4.0.8",
+    "@tailwindcss/postcss": "^4.1.12",
     "builtin-modules": "^4.0.0",
     "chokidar": "^4.0.3",
     "dotenv": "^16.4.7",
@@ -15,6 +15,7 @@
     "glob": "^11.0.1",
     "jsonwebtoken": "^9.0.2",
     "micromatch": "^4.0.8",
+    "minify-xml": "^4.5.2",
     "postcss": "^8.5.3",
     "request-ip": "^3.3.0",
     "shelljs": "^0.9.2",