@anaemia/bundler 0.3.7 → 0.5.0

package/dist/index.js

@@ -1,8 +1,9 @@
 import { rspack } from "@rspack/core";
-import path from "path";
+import path from "node:path";
 import fs from "node:fs";
 import { createRequire } from "node:module";
 import { fileURLToPath } from "node:url";
+import pc from "picocolors";
 import clientServerFnTransform from "./plugins/babel-transform-server.js";
 import serverHashInjector from "./plugins/babel-hash-injector-server.js";
 import { AnaemiaManifestHydrationPlugin } from "./plugins/rspack-manifest-hydration.js";
@@ -11,53 +12,93 @@ import { writeManifest } from "./router/manifest.js";
 import { generateRouterEntry } from "./router/generate-entry.js";
 import { generateServerRoutes } from "./router/generate-server-routes.js";
 import { getAliases } from "./aliases.js";
-import { createStyleRules, createBabelRule } from "./rules.js";
+import { createStyleRules, createBabelRule, createAssetRules } from "./rules.js";
 import { getClientOptimization, getPerformanceProfile } from "./optimization.js";
+import loadEnvFiles from "./env-loader.js";
+import { analyzeApp } from "./analyzer/index.js";
 const require = createRequire(import.meta.url);
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 export async function getRspackConfig(appRoot, config = {}) {
     const isDev = process.env.NODE_ENV !== "production";
-    const rawEnv = process.env;
+    loadEnvFiles(appRoot, process.env.NODE_ENV || "development");
+    // run the analyzer to collect route metadata and other information about the app that we can use to optimize the build
+    const analysis = await analyzeApp(appRoot, {
+        mode: isDev ? "development" : "production",
+    });
+    // flush diagnostics to console
+    const tag = pc.dim("[anaemia-analyzer]");
+    for (const diagnostic of analysis.diagnostics) {
+        const prefix = diagnostic.severity === "error"
+            ? pc.red("✖ [error]")
+            : diagnostic.severity === "warning"
+                ? pc.yellow("⚠ [warning]")
+                : pc.cyan("› [info]");
+        const loc = diagnostic.line ? pc.dim(`:${diagnostic.line}`) : "";
+        const file = pc.bold(diagnostic.filePath);
+        const msg = diagnostic.severity === "error"
+            ? pc.red(diagnostic.message)
+            : diagnostic.severity === "warning"
+                ? pc.yellow(diagnostic.message)
+                : diagnostic.message;
+        // eslint-disable-next-line no-console
+        console.log(`${tag} ${prefix} ${file}${loc} - ${msg}`);
+        // eslint-disable-next-line no-console
+        if (diagnostic.help)
+            console.log(`  ${pc.dim(`hint: ${diagnostic.help}`)}`);
+    }
     const coreRuntimeDir = path.dirname(require.resolve("@anaemia/core/package.json"));
     const runtimeDir = path.resolve(coreRuntimeDir, "./dist/runtime");
     const routes = await scanRoutes(appRoot);
     const serverRoutes = scanServerRoutes(appRoot);
-    writeManifest(appRoot, routes);
+    writeManifest(appRoot, routes, analysis.routeMetadata);
     const frameworkInternalDir = path.resolve(appRoot, "./.anaemia");
     if (!fs.existsSync(frameworkInternalDir)) {
         fs.mkdirSync(frameworkInternalDir, { recursive: true });
     }
+    // bootstrap config entries and generate necessary files for the router based on the scanned routes
     const entryFile = generateRouterEntry(appRoot, routes);
     const serverRoutesFile = generateServerRoutes(appRoot, serverRoutes);
     const styleRules = createStyleRules(config);
+    const assetRules = createAssetRules(isDev);
+    // allow users to inject additional babel plugins via the config, which is useful for things like macros or other code transforms that need to run at compile time
     const extraClientBabelPlugins = config.plugins?.flatMap((p) => p.babelPlugins?.client ?? []) ?? [];
     const extraServerBabelPlugins = config.plugins?.flatMap((p) => p.babelPlugins?.server ?? []) ?? [];
     const solidRefreshPlugin = [require.resolve("solid-refresh/babel"), { bundler: "rspack-esm", jsx: false }];
-    // env processing
+    /**
+     * env processing:
+     *
+     * - we inject some default env vars like MODE, DEV, and PROD for convenience
+     * - for the server, we expose all env vars
+     * - for the client, we only expose vars that start with PUBLIC_, as well as the same defaults
+     * - users can also define additional compile-time constants via config.define.client and config.define.server, which are merged into the rspack DefinePlugin config
+     */
     const serverEnv = {
         MODE: JSON.stringify(process.env.NODE_ENV || "development"),
         DEV: JSON.stringify(isDev),
         PROD: JSON.stringify(!isDev),
     };
-    for (const key in rawEnv) {
-        serverEnv[key] = JSON.stringify(rawEnv[key]);
+    for (const key in process.env) {
+        serverEnv[key] = JSON.stringify(process.env[key]);
     }
     const clientEnv = {
         MODE: JSON.stringify(process.env.NODE_ENV || "development"),
         DEV: JSON.stringify(isDev),
         PROD: JSON.stringify(!isDev),
     };
-    for (const key in rawEnv) {
+    for (const key in process.env) {
         if (key.startsWith("PUBLIC_")) {
-            clientEnv[key] = JSON.stringify(rawEnv[key]);
+            clientEnv[key] = JSON.stringify(process.env[key]);
         }
     }
+    // shared resolve config
+    // we set up some shared resolve config between client and server here, like extension aliases and path aliases
     const sharedResolve = {
         extensions: [".tsx", ".ts", ".jsx", ".js", ".json", ".scss", ".css"],
         extensionAlias: { ".js": [".ts", ".js"], ".jsx": [".tsx", ".jsx"] },
         alias: { "anaemia-user-app": entryFile, ...getAliases(appRoot) },
     };
+    // client and server configurations
     let clientConfig = {
         name: "client",
         context: appRoot,
@@ -84,7 +125,14 @@ export async function getRspackConfig(appRoot, config = {}) {
                 "solid-refresh": require.resolve("solid-refresh"),
                 [path.resolve(coreRuntimeDir, "./dist/runtime/context.js")]: path.resolve(coreRuntimeDir, "./dist/runtime/context.browser.js"),
             },
-            fallback: { async_hooks: false, "node:async_hooks": false, fs: false, "node:fs": false, path: false, "node:path": false },
+            fallback: {
+                async_hooks: false,
+                "node:async_hooks": false,
+                fs: false,
+                "node:fs": false,
+                path: false,
+                "node:path": false,
+            },
         },
         devServer: isDev
             ? {
@@ -97,9 +145,17 @@ export async function getRspackConfig(appRoot, config = {}) {
             }
             : undefined,
         plugins: [
-            new rspack.HtmlRspackPlugin({ template: path.resolve(appRoot, "./index.html"), filename: "index.html", inject: false }),
+            new rspack.HtmlRspackPlugin({
+                template: path.resolve(appRoot, "./index.html"),
+                filename: "index.html",
+                inject: false,
+            }),
             new rspack.DefinePlugin({
-                __ANAEMIA_RUNTIME_CONFIG__: JSON.stringify({ port: config.port, assets: config.assets, styles: config.styles }),
+                __ANAEMIA_RUNTIME_CONFIG__: JSON.stringify({
+                    port: config.port,
+                    assets: config.assets,
+                    styles: config.styles,
+                }),
                 ...config.define?.client,
                 "import.meta.env": clientEnv,
             }),
@@ -118,8 +174,13 @@ export async function getRspackConfig(appRoot, config = {}) {
             parser: { "css/auto": { namedExports: false } },
             rules: [
                 styleRules.client,
+                ...assetRules.client,
                 {
-                    ...createBabelRule({ isServer: false, isDev, plugins: [clientServerFnTransform, ...(isDev ? [solidRefreshPlugin] : []), ...extraClientBabelPlugins] }),
+                    ...createBabelRule({
+                        isServer: false,
+                        isDev,
+                        plugins: [clientServerFnTransform, ...(isDev ? [solidRefreshPlugin] : []), ...extraClientBabelPlugins],
+                    }),
                     exclude: (modulePath) => {
                         if (modulePath.includes("@anaemia") && modulePath.includes("core"))
                             return false;
@@ -137,7 +198,13 @@ export async function getRspackConfig(appRoot, config = {}) {
         context: appRoot,
         target: "node",
         entry: { server: path.resolve(runtimeDir, "entry-server.jsx") },
-        output: { path: path.resolve(appRoot, "./dist/server"), filename: "index.js", module: true, chunkFormat: "module", chunkLoading: "import" },
+        output: {
+            path: path.resolve(appRoot, "./dist/server"),
+            filename: "index.js",
+            module: true,
+            chunkFormat: "module",
+            chunkLoading: "import",
+        },
         optimization: { nodeEnv: false },
         resolve: {
             ...sharedResolve,
@@ -156,8 +223,13 @@ export async function getRspackConfig(appRoot, config = {}) {
             parser: { "css/auto": { namedExports: false } },
             rules: [
                 styleRules.server,
+                ...assetRules.server,
                 {
-                    ...createBabelRule({ isServer: true, isDev, plugins: [serverHashInjector, ...extraServerBabelPlugins] }),
+                    ...createBabelRule({
+                        isServer: true,
+                        isDev,
+                        plugins: [serverHashInjector, ...extraServerBabelPlugins],
+                    }),
                     exclude: (modulePath) => {
                         if (modulePath.includes("@anaemia") && modulePath.includes("core"))
                             return false;
@@ -169,6 +241,7 @@ export async function getRspackConfig(appRoot, config = {}) {
             ],
         },
     };
+    // allow plugins to modify the client and server configurations before they are returned
     for (const plugin of config.plugins ?? []) {
         if (plugin.clientRspackConfig)
             clientConfig = plugin.clientRspackConfig(clientConfig);
@@ -179,3 +252,4 @@ export async function getRspackConfig(appRoot, config = {}) {
 }
 export { scanRoutes } from "./router/scan.js";
 export { writeManifest } from "./router/manifest.js";
+export { analyzeApp, collectAnalyzerFiles, parseAnalyzerFile, walkAst } from "./analyzer/index.js";

package/dist/optimization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"optimization.d.ts","sourceRoot":"","sources":["../src/optimization.ts"],"names":[],"mappings":"AAEA,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;uBAkC0wI,CAAC;;;;;EAN9zI;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO;;;;;;;;EAInD"}
+{"version":3,"file":"optimization.d.ts","sourceRoot":"","sources":["../src/optimization.ts"],"names":[],"mappings":"AAEA,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;uBAgDwhI,CAAC;;;;;EAP5kI;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO;;;;;;;;EAInD"}

package/dist/optimization.js

@@ -1,8 +1,8 @@
 import { rspack } from "@rspack/core";
 export function getClientOptimization(isDev) {
     return {
-        sideEffects: true,
-        usedExports: true,
+        sideEffects: !isDev,
+        usedExports: !isDev,
         splitChunks: isDev
             ? false
             : {
@@ -13,7 +13,7 @@ export function getClientOptimization(isDev) {
                     framework: {
                         chunks: "all",
                         name: "framework",
-                        test: /[\\/]node_modules[\\/](solid-js|@solidjs[\\/]router)[\\/]/,
+                        test: /[\\/]node_modules[\\/](solid-js|@solidjs)[\\/]/,
                         priority: 40,
                         enforce: true,
                     },
@@ -25,7 +25,20 @@ export function getClientOptimization(isDev) {
                     },
                 },
             },
-        minimizer: isDev ? [] : [new rspack.SwcJsMinimizerRspackPlugin()],
+        minimizer: isDev
+            ? []
+            : [
+                new rspack.SwcJsMinimizerRspackPlugin({
+                    minimizerOptions: {
+                        mangle: {
+                            keep_fnames: true,
+                        },
+                        compress: {
+                            keep_fnames: true,
+                        },
+                    },
+                }),
+            ],
     };
 }
 export function getPerformanceProfile(isDev) {

package/dist/plugins/babel-transform-server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"babel-transform-server.d.ts","sourceRoot":"","sources":["../../src/plugins/babel-transform-server.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAY,SAAS,EAAE,UAAU,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,aAAa,CAAC;AAExF,UAAU,WAAY,SAAQ,UAAU;IACtC,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,UAAU,CAAA;CAAE,GAAG,SAAS,CAAC,WAAW,CAAC,CA6IlH"}
+{"version":3,"file":"babel-transform-server.d.ts","sourceRoot":"","sources":["../../src/plugins/babel-transform-server.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAY,SAAS,EAAE,UAAU,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,aAAa,CAAC;AAExF,UAAU,WAAY,SAAQ,UAAU;IACtC,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,UAAU,CAAA;CAAE,GAAG,SAAS,CAAC,WAAW,CAAC,CA0IlH"}

package/dist/plugins/babel-transform-server.js

@@ -19,14 +19,11 @@ export default function clientServerFnTransform({ types: t }) {
                 if (t.isIdentifier(path.node.callee) && path.node.callee.name === "runOnServer") {
                     state.hasRunOnServer = true;
                     const filename = state.file.opts.filename || "unknown";
-                    const serverFunctionCallback = path.node.arguments[0];
                     const explicitId = path.node.arguments[1];
                     const functionHash = t.isStringLiteral(explicitId)
                         ? explicitId.value
                         : createServerFunctionId(filename, path.node.start);
-                    if (serverFunctionCallback) {
-                        path.get('arguments.0').remove();
-                    }
+                    path.get('arguments.0').remove();
                     // this whole thing is just magic bro
                     // wtf is this ast manipulation
                     path.replaceWith(t.callExpression(t.arrowFunctionExpression([], t.blockStatement([

package/dist/router/generate-entry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate-entry.d.ts","sourceRoot":"","sources":["../../src/router/generate-entry.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAiHpD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAqMzF"}
+{"version":3,"file":"generate-entry.d.ts","sourceRoot":"","sources":["../../src/router/generate-entry.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AA0HpD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAqMzF"}

package/dist/router/generate-entry.js

@@ -1,5 +1,5 @@
-import fs from "fs";
-import path from "path";
+import fs from "node:fs";
+import path from "node:path";
 import { transform } from "sucrase";
 function buildTree(routes, strippedLayouts, routeIndices, routesDir, allLayouts, parentPrefix) {
     const nodes = [];
@@ -66,7 +66,7 @@ function renderTree(nodes, indent = 6) {
             }
             return `${pad}<Route path="${routePath}" component={Route${node.routeIdx}Wrapped} />`;
         }
-        let layoutPath = node.relativePath;
+        const layoutPath = node.relativePath;
         const inner = renderTree(node.children, indent + 2);
         return [`${pad}<Route path="${layoutPath}" component={Layout${node.layoutIdx}}>`, inner, `${pad}</Route>`].join("\n");
     })

package/dist/router/generate-server-routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate-server-routes.d.ts","sourceRoot":"","sources":["../../src/router/generate-server-routes.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAElD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAM,CA+BxF"}
+{"version":3,"file":"generate-server-routes.d.ts","sourceRoot":"","sources":["../../src/router/generate-server-routes.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAGlD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAM,CAyCxF"}

package/dist/router/generate-server-routes.js

@@ -1,11 +1,14 @@
-import fs from "fs";
-import path from "path";
+import fs from "node:fs";
+import path from "node:path";
+import { transform } from "sucrase";
 export function generateServerRoutes(appRoot, routes) {
     const outDir = path.resolve(appRoot, "./.anaemia");
-    const outPath = path.resolve(outDir, "./__anaemia_server_routes__.ts");
+    const isTs = fs.existsSync(path.resolve(appRoot, "tsconfig.json"));
+    const ext = isTs ? "ts" : "js";
+    const outPath = path.resolve(outDir, "./__anaemia_server_routes__." + ext);
     const imports = routes.map((r, i) => `import * as ServerRoute${i} from "${r.filePath}";`).join("\n");
     const registrations = routes.map((r, i) => `  registerRoute(app, "${r.urlPattern}", ServerRoute${i});`).join("\n");
-    const code = `
+    const rawCode = `
 // @ts-nocheck
 // auto-generated by anaemia - do not edit!!
 import type { Hono } from "hono";
@@ -25,6 +28,13 @@ export function registerServerRoutes(app: Hono) {
 ${registrations}
 }
 `.trimStart();
-    fs.writeFileSync(outPath, code);
+    const finalCode = isTs
+        ? rawCode
+        : transform(rawCode.replace("// @ts-nocheck\n", ""), {
+            transforms: ["typescript", "jsx"],
+            jsxRuntime: "preserve",
+            production: true,
+        }).code;
+    fs.writeFileSync(outPath, finalCode);
     return outPath;
 }

package/dist/router/manifest.d.ts

@@ -1,3 +1,4 @@
-import type { RouteManifestEntry } from "./scan.js";
-export declare function writeManifest(appRoot: string, routes: RouteManifestEntry[]): void;
+import type { RouteManifestEntry } from "../router/scan.js";
+import type { RouteMetadata } from "../analyzer/checks/route-metadata.js";
+export declare function writeManifest(appRoot: string, routes: RouteManifestEntry[], routeMetadata: RouteMetadata[]): void;
 //# sourceMappingURL=manifest.d.ts.map

package/dist/router/manifest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../../src/router/manifest.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAUpD,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,CA6BjF"}
+{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../../src/router/manifest.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,QAsB1G"}

package/dist/router/manifest.js

@@ -1,23 +1,23 @@
-import fs from "fs";
-import path from "path";
-export function writeManifest(appRoot, routes) {
-    const errors = {};
-    for (const route of routes) {
-        if (route.filePath.endsWith("404.tsx")) {
-            errors["404"] = route.urlPattern;
-        }
-        if (route.filePath.endsWith("500.tsx")) {
-            errors["500"] = route.urlPattern;
-        }
-    }
-    const conventionalRoutes = routes.filter((r) => !r.filePath.endsWith("404.tsx") && !r.filePath.endsWith("500.tsx"));
+import fs from "node:fs";
+import path from "node:path";
+export function writeManifest(appRoot, routes, routeMetadata) {
+    const metadataMap = new Map(routeMetadata.map((m) => [path.resolve(appRoot, m.filePath), m]));
     const manifest = {
-        routes: conventionalRoutes,
-        errors,
-        chunks: {}, // rspack fills this in via ManifestPlugin
-        buildTime: new Date().toISOString(),
+        routes: routes.map((route) => {
+            const meta = metadataMap.get(route.filePath);
+            return {
+                ...route,
+                isStatic: meta?.isStatic ?? false,
+                hasLoader: meta?.hasLoader ?? false,
+                hasGuard: meta?.hasGuard ?? false,
+                serverFunctionIds: meta?.serverFunctionIds ?? [],
+            };
+        }),
+        chunks: {},
     };
-    const outDir = path.resolve(appRoot, "./dist");
-    fs.mkdirSync(outDir, { recursive: true });
-    fs.writeFileSync(path.resolve(outDir, "route-manifest.json"), JSON.stringify(manifest, null, 2));
+    const manifestPath = path.resolve(appRoot, "./dist/route-manifest.json");
+    const manifestDir = path.dirname(manifestPath);
+    if (!fs.existsSync(manifestDir))
+        fs.mkdirSync(manifestDir, { recursive: true });
+    fs.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2));
 }

package/dist/router/scan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scan.d.ts","sourceRoot":"","sources":["../../src/router/scan.ts"],"names":[],"mappings":"AAaA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;AAezD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAkBpE;AAUD,wBAAsB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAiE/E"}
+{"version":3,"file":"scan.d.ts","sourceRoot":"","sources":["../../src/router/scan.ts"],"names":[],"mappings":"AAaA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;AAezD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAgBpE;AAUD,wBAAsB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAiE/E"}

package/dist/router/scan.js

@@ -1,5 +1,5 @@
 import { glob } from "glob";
-import path from "path";
+import path from "node:path";
 import { createJiti } from "jiti";
 import fs from "node:fs";
 import { getAliases } from "../aliases.js";
@@ -17,9 +17,7 @@ export function scanServerRoutes(appRoot) {
     const files = glob.sync("**/_route.{ts,tsx,js,jsx}", { cwd: routesDir, posix: true });
     return files.map((file) => {
         const dir = path.dirname(file);
-        const normalizedDir = dir
-            .replace(/\[\.\.\.(.+?)\]/g, "*")
-            .replace(/\[(.+?)\]/g, ":$1");
+        const normalizedDir = dir.replace(/\[\.\.\.(.+?)\]/g, "*").replace(/\[(.+?)\]/g, ":$1");
         const urlPattern = normalizedDir === "." ? "/" : `/${normalizedDir}`;
         return {
             urlPattern,
@@ -47,7 +45,7 @@ export async function scanRoutes(appRoot) {
             let layoutGuards = [];
             try {
                 const layoutModule = (await jiti.import(resolveConfigPath(absolutePath)));
-                if (layoutModule?.config?.guards) {
+                if (layoutModule.config?.guards) {
                     layoutGuards = layoutModule.config.guards;
                 }
             }
@@ -73,7 +71,7 @@ export async function scanRoutes(appRoot) {
         let pageGuards = [];
         try {
             const pageModule = (await jiti.import(resolveConfigPath(absolutePagePath)));
-            if (pageModule?.config?.guards) {
+            if (pageModule.config?.guards) {
                 pageGuards = pageModule.config.guards;
             }
         }
@@ -148,6 +146,7 @@ function parseFilePath(file) {
 function resolveLayoutChain(dir, layoutMap) {
     const layouts = [];
     let current = dir;
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     while (true) {
         const layoutEntry = layoutMap.get(current);
         if (layoutEntry)

package/dist/rules.d.ts

@@ -1,5 +1,6 @@
 import type { AnaemiaConfig } from "@anaemia/core";
-import { PluginItem } from "@babel/core";
+import type { PluginItem } from "@babel/core";
+import type { RuleSetRule } from "@rspack/core";
 export declare function createStyleRules(config: AnaemiaConfig): {
     client: {
         test: RegExp;
@@ -10,6 +11,11 @@ export declare function createStyleRules(config: AnaemiaConfig): {
                 api: string;
             };
         }[];
+        parser: {
+            cssModules: {
+                localIdentName: string;
+            };
+        } | undefined;
     };
     server: {
         test: RegExp;
@@ -25,6 +31,11 @@ export declare function createStyleRules(config: AnaemiaConfig): {
                 api: string;
             };
         }[];
+        parser: {
+            cssModules: {
+                localIdentName: string;
+            };
+        } | undefined;
     };
 };
 export declare function createBabelRule({ isServer, isDev, plugins, }: {
@@ -45,4 +56,8 @@ export declare function createBabelRule({ isServer, isDev, plugins, }: {
         };
     }[];
 };
+export declare function createAssetRules(isDev: boolean): {
+    client: RuleSetRule[];
+    server: RuleSetRule[];
+};
 //# sourceMappingURL=rules.d.ts.map

package/dist/rules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../src/rules.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIzC,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBrD;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,OAAY,GACb,EAAE;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CACxB;;;;;;;;;;;;;EAkBA"}
+{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../src/rules.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAIhD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBrD;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,OAAY,GACb,EAAE;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CACxB;;;;;;;;;;;;;EAkBA;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO;;;EAsC9C"}

package/dist/rules.js

@@ -4,21 +4,21 @@ export function createStyleRules(config) {
     const useSass = config.styles?.sass !== false;
     const useModules = config.styles?.modules ?? true;
     const baseLoaders = useSass ? [{ loader: require.resolve("sass-loader"), options: { api: "modern" } }] : [];
+    const localIdentName = config.styles?.modulesLocalIdentName ?? "[name]__[local]__[hash:base64:5]";
+    const cssParser = useModules ? { cssModules: { localIdentName } } : undefined;
     return {
         client: {
             test: /\.(c|sc|sa)ss$/,
             type: useModules ? "css/auto" : "css",
             use: baseLoaders,
+            parser: cssParser,
         },
         server: {
             test: /\.(c|sc|sa)ss$/,
             type: useModules ? "css/auto" : "css",
-            generator: {
-                css: {
-                    exportOnlyLocals: true,
-                },
-            },
+            generator: { css: { exportOnlyLocals: true } },
             use: baseLoaders,
+            parser: cssParser,
         },
     };
 }
@@ -40,3 +40,35 @@ export function createBabelRule({ isServer, isDev, plugins = [], }) {
         ],
     };
 }
+export function createAssetRules(isDev) {
+    const filename = isDev ? "assets/[name][ext]" : "assets/[name].[contenthash:8][ext]";
+    const sharedRawRule = {
+        test: /\.(png|jpe?g|gif|webp|avif|ico|svg|json)$/i,
+        resourceQuery: /raw/,
+        type: "asset/source",
+    };
+    const sharedUrlRule = {
+        test: /\.(png|jpe?g|gif|webp|avif|ico|svg)$/i,
+        resourceQuery: /url/,
+        type: "asset/resource",
+        generator: { filename },
+    };
+    const sharedInlineRule = {
+        test: /\.(png|jpe?g|gif|webp|avif|ico|svg)$/i,
+        resourceQuery: /inline/,
+        type: "asset/inline",
+    };
+    const sharedAssetRules = [sharedRawRule, sharedUrlRule, sharedInlineRule];
+    const clientRules = [
+        ...sharedAssetRules,
+        { test: /\.(png|jpe?g|gif|webp|avif|ico)$/i, type: "asset/resource", generator: { filename } },
+        { test: /\.svg$/i, type: "asset", parser: { dataUrlCondition: { maxSize: 8192 } }, generator: { filename } },
+        { test: /\.json$/i, type: "json" },
+    ];
+    const serverRules = [
+        ...sharedAssetRules,
+        { test: /\.(png|jpe?g|gif|webp|avif|ico|svg)$/i, type: "asset/source" },
+        { test: /\.json$/i, type: "json" },
+    ];
+    return { client: clientRules, server: serverRules };
+}

package/package.json

@@ -1,24 +1,32 @@
 {
   "name": "@anaemia/bundler",
-  "version": "0.3.7",
+  "version": "0.5.0",
+  "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
+    },
+    "./analyzer": {
+      "types": "./dist/analyzer/index.d.ts",
+      "default": "./dist/analyzer/index.js"
     }
   },
   "dependencies": {
-    "@anaemia/core": "^0.3.7",
+    "@anaemia/core": "^0.5.0",
     "@babel/core": "^7.29.7",
     "@babel/preset-typescript": "^7.29.7",
     "@rspack/core": "^2.0.5",
     "babel-loader": "^10.1.1",
     "babel-preset-solid": "^1.9.12",
+    "dotenv": "^17.4.2",
+    "dotenv-expand": "^13.0.0",
     "glob": "^13.0.6",
     "jiti": "^2.7.0",
+    "oxc-parser": "^0.133.0",
+    "picocolors": "^1.1.1",
     "sass": "^1.100.0",
     "sass-loader": "^17.0.0",
     "solid-refresh": "^0.7.8",

package/src/aliases.ts

@@ -1,4 +1,4 @@
-import path from "path";
+import path from "node:path";
 
 export function getAliases(appRoot: string) {
   return {
@@ -8,4 +8,4 @@ export function getAliases(appRoot: string) {
     "@features": path.resolve(appRoot, "./src/features"),
     "@routes": path.resolve(appRoot, "./src/routes"),
   };
-}
+}

package/src/analyzer/ast-utils.ts

@@ -0,0 +1,22 @@
+import type { AstNode } from "./ast-walker.js";
+
+export function prop<T = unknown>(node: AstNode, key: string): T {
+  return (node as Record<string, unknown>)[key] as T;
+}
+
+export function child(node: AstNode, key: string): AstNode | null {
+  const value = (node as Record<string, unknown>)[key];
+  if (value && typeof value === "object" && typeof (value as AstNode).type === "string") {
+    return value as AstNode;
+  }
+  return null;
+}
+
+export function children(node: AstNode, key: string): AstNode[] {
+  const value = (node as Record<string, unknown>)[key];
+  if (!Array.isArray(value)) return [];
+  return value.filter(
+    (v): v is AstNode =>
+      v !== null && v !== undefined && typeof v === "object" && typeof (v as Record<string, unknown>).type === "string",
+  );
+}