xpine 0.0.48 → 0.0.50

package/README.md

@@ -426,4 +426,31 @@ setupEnv also supports AWS secrets manager. Simply add SECRETS_NAME=your_aws_sec
 
 1. Add script to src/public/scripts/pages/your_script.ts
 2. Import script into page HTML (e.g. `<script src="/scripts/pages/your_script.ts">`)
-3. To unload event listeners, use `window.addEventListener('spa-update-page-url', () => { remove event listeners here})` in the code
+3. To unload event listeners, use `window.addEventListener('spa-update-page-url', () => { remove event listeners here})` in the code
+
+### Separate client side bundles
+
+You can create separate client side bundles in xpine.config.mjs like this:
+
+```
+export default {
+  bundles: [
+    {
+      id: 'site',
+      excludePaths: [
+        // Excludes SecretPageData
+        '/**/pages/secret/**/*.{js,ts,tsx,jsx}',
+        '/**/pages/secret/*.{js,ts,tsx,jsx}',
+      ],
+    },
+    {
+      id: 'secret-page',
+      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

@@ -9,6 +9,8 @@ import chokidar from "chokidar";
 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";
@@ -30,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"),
@@ -77,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 = {
@@ -322,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,
@@ -643,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) {
@@ -754,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");
 }
@@ -780,14 +814,35 @@ async function buildApp(args) {
     if (removePreviousBuild) fs7.removeSync(config.distDir);
     const srcDirFiles = globSync3(config.srcDir + "/**/*.{js,ts,tsx,jsx}");
     const { componentData, dataFiles } = await buildAppFiles(srcDirFiles, isDev2);
-    const alpineDataFile = await buildAlpineDataFile(componentData, dataFiles);
-    await buildClientSideFiles([alpineDataFile], isDev2);
+    const clientSideBundles = [];
+    if (config?.bundles?.length) {
+      for (const bundle of config.bundles) {
+        const matchingComponentData = componentData?.filter((item) => {
+          return !micromatch([item.path], bundle?.excludePaths || [])?.length;
+        })?.filter((item) => {
+          if (!bundle?.includePaths?.length) return true;
+          return micromatch([item.path], bundle?.includePaths || [])?.length;
+        });
+        const matchingDataFiles = dataFiles?.filter((item) => {
+          return !micromatch([item.path], bundle?.excludePaths || [])?.length;
+        })?.filter((item) => {
+          if (!bundle?.includePaths?.length) return true;
+          return micromatch([item.path], bundle?.includePaths || [])?.length;
+        });
+        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);
+    }
     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");
@@ -825,8 +880,8 @@ async function buildAppFiles(files, isDev2) {
     dataFiles
   };
 }
-async function buildClientSideFiles(alpineDataFiles = [], isDev2) {
-  const tempFilePath = path6.join(config.distTempFolder, "./app.ts");
+async function buildClientSideFiles(alpineDataFiles = [], isDev2, tempClientSidePath, id) {
+  const tempFilePath = path6.join(config.distTempFolder, tempClientSidePath || "./app.ts");
   fs7.ensureFileSync(tempFilePath);
   const pagesScriptsGlob = config.publicDir + "/scripts/pages/**/*.{js,ts}";
   const clientFiles = globSync3(
@@ -853,7 +908,7 @@ async function buildClientSideFiles(alpineDataFiles = [], isDev2) {
     minify: !isDev2,
     sourcemap: isDev2 ? "inline" : false
   });
-  await logSize(config.distPublicDir, "client");
+  await logSize(config.distPublicDir, id ? `client bundle: ${id}.js` : "client bundle: app.js");
 }
 function writeDevServerClientSideCode(tempFilePath) {
   const devServerPath = path6.join(xpineDistDir, "./src/static/dev-server.js");
@@ -865,7 +920,7 @@ function writeSpaClientSideCode(tempFilePath) {
   const content = fs7.readFileSync(spaPath, "utf-8");
   fs7.appendFileSync(tempFilePath, "\n" + content);
 }
-async function buildAlpineDataFile(componentData, dataFiles) {
+async function buildAlpineDataFile(componentData, dataFiles, bundleID) {
   const output = {
     imports: [
       "import Alpine from 'alpinejs';"
@@ -909,9 +964,16 @@ 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");
-  fs7.ensureFileSync(config.alpineDataPath);
-  fs7.writeFileSync(config.alpineDataPath, result);
-  return config.alpineDataPath;
+  if (bundleID) {
+    const bundlePath = path6.join(config.distTempFolder, `./alpine-data-${bundleID}.ts`);
+    fs7.ensureFileSync(bundlePath);
+    fs7.writeFileSync(bundlePath, result);
+    return bundlePath;
+  } else {
+    fs7.ensureFileSync(config.alpineDataPath);
+    fs7.writeFileSync(config.alpineDataPath, result);
+    return config.alpineDataPath;
+  }
 }
 async function buildPublicFolderSymlinks() {
   const files = globSync3(config.publicDir + "/**/*.*", {
@@ -975,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) {
@@ -996,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(
@@ -1017,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;
@@ -1073,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";
@@ -1229,12 +1362,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

@@ -6,14 +6,16 @@ type BuildAppArgs = {
 };
 export declare function buildApp(args: BuildAppArgs): Promise<void>;
 export declare function buildPublicFolderSymlinks(): Promise<void>;
-export declare function logSize(pathName: string, type: 'app' | 'client' | 'css', validExtensions?: string[]): 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":"AAkBA,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,iBAsBhD;AAiJD,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,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

@@ -4,6 +4,8 @@
 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";
@@ -25,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"),
@@ -72,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 = {
@@ -317,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,
@@ -547,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");
 }
@@ -573,14 +587,35 @@ async function buildApp(args) {
     if (removePreviousBuild2) fs7.removeSync(config.distDir);
     const srcDirFiles = globSync3(config.srcDir + "/**/*.{js,ts,tsx,jsx}");
     const { componentData, dataFiles } = await buildAppFiles(srcDirFiles, isDev3);
-    const alpineDataFile = await buildAlpineDataFile(componentData, dataFiles);
-    await buildClientSideFiles([alpineDataFile], isDev3);
+    const clientSideBundles = [];
+    if (config?.bundles?.length) {
+      for (const bundle of config.bundles) {
+        const matchingComponentData = componentData?.filter((item) => {
+          return !micromatch([item.path], bundle?.excludePaths || [])?.length;
+        })?.filter((item) => {
+          if (!bundle?.includePaths?.length) return true;
+          return micromatch([item.path], bundle?.includePaths || [])?.length;
+        });
+        const matchingDataFiles = dataFiles?.filter((item) => {
+          return !micromatch([item.path], bundle?.excludePaths || [])?.length;
+        })?.filter((item) => {
+          if (!bundle?.includePaths?.length) return true;
+          return micromatch([item.path], bundle?.includePaths || [])?.length;
+        });
+        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);
+    }
     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");
@@ -618,8 +653,8 @@ async function buildAppFiles(files, isDev3) {
     dataFiles
   };
 }
-async function buildClientSideFiles(alpineDataFiles = [], isDev3) {
-  const tempFilePath = path5.join(config.distTempFolder, "./app.ts");
+async function buildClientSideFiles(alpineDataFiles = [], isDev3, tempClientSidePath, id) {
+  const tempFilePath = path5.join(config.distTempFolder, tempClientSidePath || "./app.ts");
   fs7.ensureFileSync(tempFilePath);
   const pagesScriptsGlob = config.publicDir + "/scripts/pages/**/*.{js,ts}";
   const clientFiles = globSync3(
@@ -646,7 +681,7 @@ async function buildClientSideFiles(alpineDataFiles = [], isDev3) {
     minify: !isDev3,
     sourcemap: isDev3 ? "inline" : false
   });
-  await logSize(config.distPublicDir, "client");
+  await logSize(config.distPublicDir, id ? `client bundle: ${id}.js` : "client bundle: app.js");
 }
 function writeDevServerClientSideCode(tempFilePath) {
   const devServerPath = path5.join(xpineDistDir, "./src/static/dev-server.js");
@@ -658,7 +693,7 @@ function writeSpaClientSideCode(tempFilePath) {
   const content = fs7.readFileSync(spaPath, "utf-8");
   fs7.appendFileSync(tempFilePath, "\n" + content);
 }
-async function buildAlpineDataFile(componentData, dataFiles) {
+async function buildAlpineDataFile(componentData, dataFiles, bundleID) {
   const output = {
     imports: [
       "import Alpine from 'alpinejs';"
@@ -702,9 +737,16 @@ 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");
-  fs7.ensureFileSync(config.alpineDataPath);
-  fs7.writeFileSync(config.alpineDataPath, result);
-  return config.alpineDataPath;
+  if (bundleID) {
+    const bundlePath = path5.join(config.distTempFolder, `./alpine-data-${bundleID}.ts`);
+    fs7.ensureFileSync(bundlePath);
+    fs7.writeFileSync(bundlePath, result);
+    return bundlePath;
+  } else {
+    fs7.ensureFileSync(config.alpineDataPath);
+    fs7.writeFileSync(config.alpineDataPath, result);
+    return config.alpineDataPath;
+  }
 }
 async function buildPublicFolderSymlinks() {
   const files = globSync3(config.publicDir + "/**/*.*", {
@@ -768,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) {
@@ -789,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(
@@ -810,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;
@@ -866,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

@@ -11,6 +11,8 @@ import chokidar from "chokidar";
 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";
@@ -32,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"),
@@ -79,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 = {
@@ -324,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,
@@ -554,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");
 }
@@ -580,14 +594,35 @@ async function buildApp(args) {
     if (removePreviousBuild) fs7.removeSync(config.distDir);
     const srcDirFiles = globSync3(config.srcDir + "/**/*.{js,ts,tsx,jsx}");
     const { componentData, dataFiles } = await buildAppFiles(srcDirFiles, isDev2);
-    const alpineDataFile = await buildAlpineDataFile(componentData, dataFiles);
-    await buildClientSideFiles([alpineDataFile], isDev2);
+    const clientSideBundles = [];
+    if (config?.bundles?.length) {
+      for (const bundle of config.bundles) {
+        const matchingComponentData = componentData?.filter((item) => {
+          return !micromatch([item.path], bundle?.excludePaths || [])?.length;
+        })?.filter((item) => {
+          if (!bundle?.includePaths?.length) return true;
+          return micromatch([item.path], bundle?.includePaths || [])?.length;
+        });
+        const matchingDataFiles = dataFiles?.filter((item) => {
+          return !micromatch([item.path], bundle?.excludePaths || [])?.length;
+        })?.filter((item) => {
+          if (!bundle?.includePaths?.length) return true;
+          return micromatch([item.path], bundle?.includePaths || [])?.length;
+        });
+        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);
+    }
     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");
@@ -625,8 +660,8 @@ async function buildAppFiles(files, isDev2) {
     dataFiles
   };
 }
-async function buildClientSideFiles(alpineDataFiles = [], isDev2) {
-  const tempFilePath = path5.join(config.distTempFolder, "./app.ts");
+async function buildClientSideFiles(alpineDataFiles = [], isDev2, tempClientSidePath, id) {
+  const tempFilePath = path5.join(config.distTempFolder, tempClientSidePath || "./app.ts");
   fs7.ensureFileSync(tempFilePath);
   const pagesScriptsGlob = config.publicDir + "/scripts/pages/**/*.{js,ts}";
   const clientFiles = globSync3(
@@ -653,7 +688,7 @@ async function buildClientSideFiles(alpineDataFiles = [], isDev2) {
     minify: !isDev2,
     sourcemap: isDev2 ? "inline" : false
   });
-  await logSize(config.distPublicDir, "client");
+  await logSize(config.distPublicDir, id ? `client bundle: ${id}.js` : "client bundle: app.js");
 }
 function writeDevServerClientSideCode(tempFilePath) {
   const devServerPath = path5.join(xpineDistDir, "./src/static/dev-server.js");
@@ -665,7 +700,7 @@ function writeSpaClientSideCode(tempFilePath) {
   const content = fs7.readFileSync(spaPath, "utf-8");
   fs7.appendFileSync(tempFilePath, "\n" + content);
 }
-async function buildAlpineDataFile(componentData, dataFiles) {
+async function buildAlpineDataFile(componentData, dataFiles, bundleID) {
   const output = {
     imports: [
       "import Alpine from 'alpinejs';"
@@ -709,9 +744,16 @@ 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");
-  fs7.ensureFileSync(config.alpineDataPath);
-  fs7.writeFileSync(config.alpineDataPath, result);
-  return config.alpineDataPath;
+  if (bundleID) {
+    const bundlePath = path5.join(config.distTempFolder, `./alpine-data-${bundleID}.ts`);
+    fs7.ensureFileSync(bundlePath);
+    fs7.writeFileSync(bundlePath, result);
+    return bundlePath;
+  } else {
+    fs7.ensureFileSync(config.alpineDataPath);
+    fs7.writeFileSync(config.alpineDataPath, result);
+    return config.alpineDataPath;
+  }
 }
 async function buildPublicFolderSymlinks() {
   const files = globSync3(config.publicDir + "/**/*.*", {
@@ -775,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) {
@@ -796,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(
@@ -817,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;
@@ -873,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";

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.48",
+  "version": "0.0.50",
   "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",
@@ -14,6 +14,8 @@
     "fs-extra": "^11.3.0",
     "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",
@@ -48,6 +50,7 @@
     "@eslint/js": "^9.24.0",
     "@tailwindcss/oxide-darwin-arm64": "^4.1.3",
     "@types/express": "^5.0.0",
+    "@types/micromatch": "^4.0.9",
     "@types/node": "^22.13.5",
     "@types/request-ip": "^0.0.41",
     "@types/shelljs": "^0.8.15",