@flight-framework/bundler-flightpack 0.1.3 → 0.1.5

package/dist/index.js

@@ -42,7 +42,7 @@ function flightpack(options = {}) {
         port,
         publicDir: resolvePath(config.root, "public"),
         outDir: resolvePath(config.root, config.build.outDir),
-        hmr: options.hmr ?? true,
+        hmr: typeof options.hmr === "boolean" ? options.hmr : options.hmr !== void 0 ? true : true,
         root: config.root
       });
       logDevServerStarted(result.url, "FlightPack");
@@ -110,28 +110,265 @@ function flightpack(options = {}) {
     async build(config) {
       const native = await loadNativeBinding();
       const timer = createTimer();
+      const { existsSync } = await import("fs");
+      const { mkdir, copyFile, writeFile, readFile } = await import("fs/promises");
+      const { join, basename, relative } = await import("path");
+      const resolvedOptions = {
+        minify: typeof options.minify === "boolean" ? options.minify : config.build.minify !== false && config.build.minify !== void 0,
+        sourcemap: typeof options.sourcemap === "boolean" ? options.sourcemap : config.build.sourcemap !== false && config.build.sourcemap !== void 0,
+        treeshake: typeof options.treeshake === "boolean" ? options.treeshake : typeof options.treeshake === "object" ? options.treeshake.enabled : true,
+        splitting: typeof options.splitting === "boolean" ? options.splitting : typeof options.splitting === "object" ? options.splitting.enabled : true,
+        cache: typeof options.cache === "boolean" ? options.cache : typeof options.cache === "object" ? options.cache.enabled : true,
+        cacheDir: options.cacheDir ?? (typeof options.cache === "object" ? options.cache.directory : void 0) ?? ".flightpack_cache",
+        rsc: options.rsc ?? true,
+        target: options.target ?? "es2022",
+        external: options.external ?? [],
+        noExternal: options.noExternal ?? []
+      };
+      const baseOutDir = resolvePath(config.root, config.build.outDir);
+      const cacheDir = resolvePath(config.root, resolvedOptions.cacheDir);
+      const allFiles = [];
+      let totalSize = 0;
+      let cacheHits = 0;
+      let cacheMisses = 0;
       try {
-        const minifyOption = typeof options.minify === "boolean" ? options.minify : typeof config.build.minify === "boolean" ? config.build.minify : true;
-        const flightpackOptions = {
-          entry: await getEntryPoints(config),
-          outDir: resolvePath(config.root, config.build.outDir),
+        await cleanDirectory(baseOutDir);
+        console.log("\n\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510");
+        console.log("\u2502           \u26A1 FlightPack Production Build             \u2502");
+        console.log("\u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524");
+        console.log(`\u2502 Tree Shaking: ${resolvedOptions.treeshake ? "\u2713 InnerGraph (statement-level)" : "\u2717 disabled"}  `);
+        console.log(`\u2502 Code Splitting: ${resolvedOptions.splitting ? "\u2713 ChunkSplitter" : "\u2717 disabled"}              `);
+        console.log(`\u2502 Caching: ${resolvedOptions.cache ? "\u2713 TurboCache + ArtifactStore" : "\u2717 disabled"}       `);
+        console.log(`\u2502 Target: ${resolvedOptions.target}                                   `);
+        console.log("\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n");
+        console.log("\u26A1 Phase 1/6: Building client bundle...");
+        const clientEntries = await getEntryPoints(config, "client");
+        const clientOutDir = join(baseOutDir, "client", "assets");
+        await mkdir(clientOutDir, { recursive: true });
+        const browserConditions = native.getPlatformConditions("browser");
+        const clientOptions = {
+          entry: clientEntries,
+          outDir: clientOutDir,
           root: config.root,
-          minify: minifyOption,
-          sourcemap: typeof options.sourcemap === "boolean" ? options.sourcemap : typeof config.build.sourcemap === "boolean" ? config.build.sourcemap : true,
-          rsc: options.rsc ?? true
+          minify: resolvedOptions.minify,
+          sourcemap: resolvedOptions.sourcemap,
+          rsc: resolvedOptions.rsc,
+          // Full capabilities
+          treeshake: resolvedOptions.treeshake,
+          splitting: resolvedOptions.splitting,
+          cache: resolvedOptions.cache,
+          cacheDir,
+          platform: "browser",
+          external: [],
+          // Browser bundles include everything
+          target: resolvedOptions.target
         };
-        const result = await native.build(flightpackOptions);
-        const files = result.chunks.map((chunk) => ({
-          path: chunk.fileName,
-          size: chunk.size,
-          type: chunk.chunkType,
-          isDynamicEntry: false
-        }));
+        const clientResult = await native.build(clientOptions);
+        for (const chunk of clientResult.chunks) {
+          allFiles.push({
+            path: `client/assets/${chunk.fileName}`,
+            size: chunk.size,
+            type: chunk.chunkType,
+            isDynamicEntry: false
+          });
+          totalSize += chunk.size;
+        }
+        console.log(`   \u2713 Client: ${clientResult.chunks.length} chunks (${formatBytes(clientResult.totalSize)})`);
+        const isSSR = config.rendering?.default !== "csr";
+        if (isSSR) {
+          console.log("\u26A1 Phase 2/6: Building server bundle (SSR)...");
+          const serverEntries = await getEntryPoints(config, "server");
+          const serverOutDir = join(baseOutDir, "server");
+          await mkdir(serverOutDir, { recursive: true });
+          const nodeBuiltins = native.getNodeBuiltins();
+          const serverExternals = [
+            ...nodeBuiltins,
+            ...resolvedOptions.external
+          ].filter((ext) => !resolvedOptions.noExternal.includes(ext));
+          const serverOptions = {
+            entry: serverEntries,
+            outDir: serverOutDir,
+            root: config.root,
+            minify: false,
+            // Server bundles: keep readable for debugging
+            sourcemap: resolvedOptions.sourcemap,
+            rsc: resolvedOptions.rsc,
+            treeshake: resolvedOptions.treeshake,
+            splitting: false,
+            // Single SSR bundle recommended
+            cache: resolvedOptions.cache,
+            cacheDir,
+            platform: "node",
+            external: serverExternals,
+            target: "es2022"
+            // Node 18+ supports ES2022
+          };
+          const serverResult = await native.build(serverOptions);
+          for (const chunk of serverResult.chunks) {
+            allFiles.push({
+              path: `server/${chunk.fileName}`,
+              size: chunk.size,
+              type: chunk.chunkType,
+              isDynamicEntry: false
+            });
+            totalSize += chunk.size;
+          }
+          console.log(`   \u2713 Server: ${serverResult.chunks.length} chunks (${formatBytes(serverResult.totalSize)})`);
+        } else {
+          console.log("\u26A1 Phase 2/6: Skipped (CSR mode)");
+        }
+        const hasEdgeConfig = options.environments?.edge;
+        if (hasEdgeConfig) {
+          console.log("\u26A1 Phase 3/6: Building edge bundle...");
+          const edgeOutDir = join(baseOutDir, "edge");
+          await mkdir(edgeOutDir, { recursive: true });
+          const edgeIncompatible = native.getEdgeIncompatibleModules();
+          const edgeOptions = {
+            entry: hasEdgeConfig.entry ?? await getEntryPoints(config, "server"),
+            outDir: edgeOutDir,
+            root: config.root,
+            minify: true,
+            sourcemap: resolvedOptions.sourcemap,
+            rsc: resolvedOptions.rsc,
+            treeshake: true,
+            // Always tree shake edge bundles
+            splitting: false,
+            cache: resolvedOptions.cache,
+            cacheDir,
+            platform: "edge",
+            external: edgeIncompatible,
+            target: "es2022"
+          };
+          const edgeResult = await native.build(edgeOptions);
+          for (const chunk of edgeResult.chunks) {
+            allFiles.push({
+              path: `edge/${chunk.fileName}`,
+              size: chunk.size,
+              type: chunk.chunkType,
+              isDynamicEntry: false
+            });
+            totalSize += chunk.size;
+          }
+          console.log(`   \u2713 Edge: ${edgeResult.chunks.length} chunks (${formatBytes(edgeResult.totalSize)})`);
+        } else {
+          console.log("\u26A1 Phase 3/6: Skipped (no edge config)");
+        }
+        console.log("\u26A1 Phase 4/6: Processing CSS...");
+        const cssFiles = await findCssFiles(config.root);
+        let cssProcessed = 0;
+        if (cssFiles.length > 0) {
+          const cssOutDir = join(baseOutDir, "client", "assets");
+          await mkdir(cssOutDir, { recursive: true });
+          const cssOptions = typeof options.css === "object" ? options.css : {};
+          const cssTargets = "targets" in cssOptions ? cssOptions.targets : void 0;
+          for (const cssFile of cssFiles) {
+            try {
+              const cssContent = await readFile(cssFile, "utf-8");
+              const isCssModule = cssFile.includes(".module.");
+              let processedCss;
+              let classMap = [];
+              if (isCssModule) {
+                const result = native.transformCssModule(cssContent, cssFile);
+                processedCss = result.code;
+                classMap = result.classMap;
+              } else {
+                const result = native.transformCss(cssContent, cssFile, {
+                  minify: resolvedOptions.minify,
+                  cssModules: false,
+                  sourcemap: resolvedOptions.sourcemap,
+                  browserTargets: cssTargets
+                });
+                processedCss = result.code;
+              }
+              const outFileName = basename(cssFile);
+              const outPath = join(cssOutDir, outFileName);
+              await writeFile(outPath, processedCss);
+              if (resolvedOptions.sourcemap) {
+              }
+              allFiles.push({
+                path: `client/assets/${outFileName}`,
+                size: processedCss.length,
+                type: "asset",
+                isDynamicEntry: false
+              });
+              totalSize += processedCss.length;
+              cssProcessed++;
+            } catch (e) {
+              console.warn(`   \u26A0 Warning: CSS processing failed for ${basename(cssFile)}`);
+            }
+          }
+        }
+        console.log(`   \u2713 CSS: ${cssProcessed} files processed`);
+        console.log("\u26A1 Phase 5/6: Copying static assets...");
+        let assetsCount = 0;
+        const htmlSource = join(config.root, "index.html");
+        const htmlDest = join(baseOutDir, "client", "index.html");
+        if (existsSync(htmlSource)) {
+          await mkdir(join(baseOutDir, "client"), { recursive: true });
+          let htmlContent = await readFile(htmlSource, "utf-8");
+          const clientEntry = clientResult.chunks.find((c) => c.chunkType === "entry");
+          if (clientEntry) {
+            htmlContent = htmlContent.replace(
+              "</body>",
+              `  <script type="module" src="/assets/${clientEntry.fileName}"></script>
+</body>`
+            );
+          }
+          await writeFile(htmlDest, htmlContent);
+          allFiles.push({
+            path: "client/index.html",
+            size: htmlContent.length,
+            type: "asset",
+            isDynamicEntry: false
+          });
+          assetsCount++;
+        }
+        const publicDir = join(config.root, "public");
+        if (existsSync(publicDir)) {
+          const copied = await copyDirectoryRecursive(publicDir, join(baseOutDir, "client"));
+          assetsCount += copied;
+        }
+        console.log(`   \u2713 Assets: ${assetsCount} files copied`);
+        if (resolvedOptions.rsc && isSSR) {
+          console.log("\u26A1 Phase 6/6: Generating RSC manifests...");
+          const clientManifest = {
+            ssrModuleMapping: {},
+            edgeSSRModuleMapping: {},
+            clientModules: {},
+            entryCSSFiles: {}
+          };
+          const serverManifest = {
+            node: {},
+            edge: {}
+          };
+          await writeFile(
+            join(baseOutDir, "client", "react-client-manifest.json"),
+            JSON.stringify(clientManifest, null, 2)
+          );
+          await writeFile(
+            join(baseOutDir, "server", "react-server-manifest.json"),
+            JSON.stringify(serverManifest, null, 2)
+          );
+          console.log("   \u2713 RSC manifests generated");
+        } else {
+          console.log("\u26A1 Phase 6/6: Skipped (RSC disabled or CSR mode)");
+        }
+        const duration = timer.stop();
+        console.log("\n\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510");
+        console.log("\u2502                   Build Summary                      \u2502");
+        console.log("\u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524");
+        console.log(`\u2502 Duration: ${duration}ms                                      `);
+        console.log(`\u2502 Total Size: ${formatBytes(totalSize)}                              `);
+        console.log(`\u2502 Files: ${allFiles.length}                                          `);
+        if (resolvedOptions.cache) {
+          console.log(`\u2502 Cache: ${cacheDir}                  `);
+        }
+        console.log("\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n");
         const buildResult = {
-          outDir: result.outputDir,
-          duration: timer.stop(),
-          files,
-          totalSize: result.totalSize,
+          outDir: baseOutDir,
+          duration,
+          files: allFiles,
+          totalSize,
           errors: [],
           warnings: [],
           success: true
@@ -140,7 +377,7 @@ function flightpack(options = {}) {
         return buildResult;
       } catch (error) {
         const buildResult = {
-          outDir: resolvePath(config.root, config.build.outDir),
+          outDir: baseOutDir,
           duration: timer.stop(),
           files: [],
           totalSize: 0,
@@ -268,40 +505,104 @@ function flightpack(options = {}) {
   }
   return adapter;
 }
-async function getEntryPoints(config) {
+async function getEntryPoints(config, type = "client") {
   const entries = [];
   const { existsSync } = await import("fs");
   const { join } = await import("path");
-  const possibleEntries = [
-    // Standard Flight entries
-    "src/entry-client.tsx",
-    "src/entry-client.ts",
-    // Vite-style entries
-    "src/main.tsx",
-    "src/main.ts",
-    // App-style entries
-    "src/App.tsx",
-    "src/App.ts",
-    "src/app.tsx",
-    "src/app.ts",
-    // Index-style entries
-    "src/index.tsx",
-    "src/index.ts"
-  ];
-  for (const entry of possibleEntries) {
-    const fullPath = join(config.root, entry);
-    if (existsSync(fullPath)) {
-      entries.push(entry);
-      break;
+  if (type === "server") {
+    const serverEntries = [
+      "src/entry-server.tsx",
+      "src/entry-server.ts",
+      "src/server.tsx",
+      "src/server.ts"
+    ];
+    for (const entry of serverEntries) {
+      const fullPath = join(config.root, entry);
+      if (existsSync(fullPath)) {
+        entries.push(entry);
+        break;
+      }
+    }
+    if (entries.length === 0) {
+      entries.push("src/entry-server.tsx");
+    }
+  } else {
+    const clientEntries = [
+      "src/entry-client.tsx",
+      "src/entry-client.ts",
+      "src/main.tsx",
+      "src/main.ts",
+      "src/App.tsx",
+      "src/App.ts",
+      "src/app.tsx",
+      "src/app.ts",
+      "src/index.tsx",
+      "src/index.ts"
+    ];
+    for (const entry of clientEntries) {
+      const fullPath = join(config.root, entry);
+      if (existsSync(fullPath)) {
+        entries.push(entry);
+        break;
+      }
+    }
+    if (entries.length === 0) {
+      entries.push("src/index.tsx");
     }
-  }
-  if (entries.length === 0) {
-    entries.push("src/index.tsx");
   }
   return entries;
 }
+async function findCssFiles(root) {
+  const { readdir, stat } = await import("fs/promises");
+  const { join } = await import("path");
+  const cssFiles = [];
+  async function walkDir(dir) {
+    try {
+      const items = await readdir(dir);
+      for (const item of items) {
+        if (item === "node_modules" || item.startsWith(".")) continue;
+        const itemPath = join(dir, item);
+        const itemStat = await stat(itemPath);
+        if (itemStat.isDirectory()) {
+          await walkDir(itemPath);
+        } else if (item.endsWith(".css")) {
+          cssFiles.push(itemPath);
+        }
+      }
+    } catch {
+    }
+  }
+  await walkDir(join(root, "src"));
+  return cssFiles;
+}
+async function copyDirectoryRecursive(src, dest) {
+  const { mkdir, readdir, copyFile, stat } = await import("fs/promises");
+  const { join } = await import("path");
+  await mkdir(dest, { recursive: true });
+  let count = 0;
+  const items = await readdir(src);
+  for (const item of items) {
+    const srcPath = join(src, item);
+    const destPath = join(dest, item);
+    const itemStat = await stat(srcPath);
+    if (itemStat.isDirectory()) {
+      count += await copyDirectoryRecursive(srcPath, destPath);
+    } else {
+      await copyFile(srcPath, destPath);
+      count++;
+    }
+  }
+  return count;
+}
+function formatBytes(bytes) {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;
+}
 var index_default = flightpack;
-var VERSION = "0.0.1";
+var VERSION = "0.1.4";
 export {
   VERSION,
   flightpack as createFlightPackAdapter,