@ecrindigital/facetpack 0.1.10 → 0.2.0

package/dist/serializer.cjs

@@ -34,15 +34,268 @@ __export(exports_serializer, {
 });
 module.exports = __toCommonJS(exports_serializer);
 var import_facetpack_native = require("@ecrindigital/facetpack-native");
+
+// src/stats.ts
+var import_fs = require("fs");
+var import_os = require("os");
+var import_path = require("path");
+var ANSI = {
+  green: "\x1B[32m",
+  yellow: "\x1B[33m",
+  cyan: "\x1B[36m",
+  white: "\x1B[37m",
+  gray: "\x1B[90m",
+  bold: "\x1B[1m",
+  dim: "\x1B[2m",
+  reset: "\x1B[0m"
+};
+var STATS_DIR = import_path.join(import_os.tmpdir(), "facetpack-stats");
+var STATS_FILE_PREFIX = "stats-";
+var LOCK_FILE = import_path.join(STATS_DIR, ".print-lock");
+var PRINT_DELAY = 1000;
+function getStatsFilePath() {
+  const workerId = process.env.METRO_WORKER_ID || process.pid.toString();
+  return import_path.join(STATS_DIR, `${STATS_FILE_PREFIX}${workerId}.json`);
+}
+function ensureStatsDir() {
+  if (!import_fs.existsSync(STATS_DIR)) {
+    import_fs.mkdirSync(STATS_DIR, { recursive: true });
+  }
+}
+function acquirePrintLock() {
+  try {
+    ensureStatsDir();
+    if (import_fs.existsSync(LOCK_FILE)) {
+      const lockTime = parseInt(import_fs.readFileSync(LOCK_FILE, "utf-8"), 10);
+      if (Date.now() - lockTime < 5000) {
+        return false;
+      }
+    }
+    import_fs.writeFileSync(LOCK_FILE, Date.now().toString());
+    return true;
+  } catch {
+    return false;
+  }
+}
+function releasePrintLock() {
+  try {
+    if (import_fs.existsSync(LOCK_FILE)) {
+      import_fs.unlinkSync(LOCK_FILE);
+    }
+  } catch {}
+}
+
+class GlobalStats {
+  stats = this.createEmptyStats();
+  exitHandlerRegistered = false;
+  hasPrinted = false;
+  printTimer = null;
+  createEmptyStats() {
+    return {
+      transformer: { oxc: 0, babel: 0 },
+      resolver: { facetpack: 0, metro: 0 },
+      minifier: { files: 0, originalSize: 0, minifiedSize: 0 },
+      treeShaking: { modulesAnalyzed: 0, modulesRemoved: 0, exportsRemoved: 0 },
+      startTime: Date.now()
+    };
+  }
+  recordTransform(engine) {
+    this.stats.transformer[engine]++;
+    this.persistStats();
+    this.schedulePrint();
+  }
+  adjustTransformFallback() {
+    this.stats.transformer.oxc--;
+    this.stats.transformer.babel++;
+    this.persistStats();
+  }
+  recordResolve(engine) {
+    this.stats.resolver[engine]++;
+  }
+  flush() {
+    this.persistStats();
+  }
+  schedulePrint() {
+    if (this.printTimer) {
+      clearTimeout(this.printTimer);
+    }
+    this.printTimer = setTimeout(() => {
+      if (acquirePrintLock()) {
+        this.print();
+        releasePrintLock();
+      }
+    }, PRINT_DELAY);
+  }
+  recordMinify(originalSize, minifiedSize) {
+    this.stats.minifier.files++;
+    this.stats.minifier.originalSize += originalSize;
+    this.stats.minifier.minifiedSize += minifiedSize;
+  }
+  recordTreeShaking(analyzed, removed, exports2) {
+    this.stats.treeShaking.modulesAnalyzed += analyzed;
+    this.stats.treeShaking.modulesRemoved += removed;
+    this.stats.treeShaking.exportsRemoved += exports2;
+  }
+  get() {
+    return JSON.parse(JSON.stringify(this.stats));
+  }
+  reset() {
+    this.stats = this.createEmptyStats();
+    this.hasPrinted = false;
+    this.cleanupStatsFiles();
+  }
+  persistStats() {
+    try {
+      ensureStatsDir();
+      import_fs.writeFileSync(getStatsFilePath(), JSON.stringify(this.stats));
+    } catch {}
+  }
+  cleanupStatsFiles() {
+    try {
+      if (import_fs.existsSync(STATS_DIR)) {
+        const { readdirSync } = require("fs");
+        const files = readdirSync(STATS_DIR);
+        for (const file of files) {
+          if (file.startsWith(STATS_FILE_PREFIX)) {
+            try {
+              import_fs.unlinkSync(import_path.join(STATS_DIR, file));
+            } catch {}
+          }
+        }
+      }
+    } catch {}
+  }
+  aggregateWorkerStats() {
+    const aggregated = this.createEmptyStats();
+    aggregated.startTime = this.stats.startTime;
+    try {
+      if (import_fs.existsSync(STATS_DIR)) {
+        const { readdirSync } = require("fs");
+        const files = readdirSync(STATS_DIR);
+        for (const file of files) {
+          if (file.startsWith(STATS_FILE_PREFIX)) {
+            try {
+              const content = import_fs.readFileSync(import_path.join(STATS_DIR, file), "utf-8");
+              const workerStats = JSON.parse(content);
+              aggregated.transformer.oxc += workerStats.transformer.oxc;
+              aggregated.transformer.babel += workerStats.transformer.babel;
+              aggregated.resolver.facetpack += workerStats.resolver.facetpack;
+              aggregated.resolver.metro += workerStats.resolver.metro;
+              if (workerStats.startTime < aggregated.startTime) {
+                aggregated.startTime = workerStats.startTime;
+              }
+            } catch {}
+          }
+        }
+      }
+    } catch {}
+    aggregated.minifier = this.stats.minifier;
+    aggregated.treeShaking = this.stats.treeShaking;
+    return aggregated;
+  }
+  formatPercent(value, total) {
+    if (total === 0)
+      return "0.0";
+    return (value / total * 100).toFixed(1);
+  }
+  formatSize(bytes) {
+    if (bytes < 1024)
+      return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+      return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
+  }
+  formatDuration(ms) {
+    if (ms < 1000)
+      return `${ms}ms`;
+    return `${(ms / 1000).toFixed(2)}s`;
+  }
+  print() {
+    if (!process.env.FACETPACK_DEBUG || this.hasPrinted)
+      return;
+    const aggregated = this.aggregateWorkerStats();
+    const { transformer, resolver, minifier, treeShaking, startTime } = aggregated;
+    const duration = Date.now() - startTime;
+    const transformTotal = transformer.oxc + transformer.babel;
+    const resolveTotal = resolver.facetpack + resolver.metro;
+    if (transformTotal === 0 && resolveTotal === 0 && minifier.files === 0)
+      return;
+    this.hasPrinted = true;
+    const { cyan, green, yellow, white, gray, bold, dim, reset } = ANSI;
+    console.log(`
+`);
+    console.log(`${bold}${cyan}╔════════════════════════════════════════════════════════════════════╗${reset}`);
+    console.log(`${bold}${cyan}║${reset}                    ${bold}FACETPACK BUNDLE STATS${reset}                         ${cyan}║${reset}`);
+    console.log(`${bold}${cyan}╠════════════════════════════════════════════════════════════════════╣${reset}`);
+    if (transformTotal > 0) {
+      const oxcPct = this.formatPercent(transformer.oxc, transformTotal);
+      const babelPct = this.formatPercent(transformer.babel, transformTotal);
+      console.log(`${cyan}║${reset}                                                                    ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${bold}TRANSFORMER${reset}                                                      ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${green}●${reset} OXC (native)    ${bold}${green}${transformer.oxc.toString().padStart(6)}${reset} files   ${green}${oxcPct.padStart(6)}%${reset}                 ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${yellow}●${reset} Babel           ${bold}${yellow}${transformer.babel.toString().padStart(6)}${reset} files   ${yellow}${babelPct.padStart(6)}%${reset}                 ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${dim}${white}  Total           ${transformTotal.toString().padStart(6)} files${reset}                            ${cyan}║${reset}`);
+    }
+    if (resolveTotal > 0) {
+      const fpPct = this.formatPercent(resolver.facetpack, resolveTotal);
+      const metroPct = this.formatPercent(resolver.metro, resolveTotal);
+      console.log(`${cyan}║${reset}                                                                    ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${bold}RESOLVER${reset}                                                         ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${green}●${reset} Facetpack       ${bold}${green}${resolver.facetpack.toString().padStart(6)}${reset} hits    ${green}${fpPct.padStart(6)}%${reset}                 ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${yellow}●${reset} Metro           ${bold}${yellow}${resolver.metro.toString().padStart(6)}${reset} hits    ${yellow}${metroPct.padStart(6)}%${reset}                 ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${dim}${white}  Total           ${resolveTotal.toString().padStart(6)} resolutions${reset}                      ${cyan}║${reset}`);
+    }
+    if (minifier.files > 0) {
+      const savings = minifier.originalSize - minifier.minifiedSize;
+      const savingsPct = this.formatPercent(savings, minifier.originalSize);
+      console.log(`${cyan}║${reset}                                                                    ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${bold}MINIFIER${reset}                                                         ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${green}●${reset} Files minified  ${bold}${green}${minifier.files.toString().padStart(6)}${reset}                                   ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${gray}●${reset} Original size   ${this.formatSize(minifier.originalSize).padStart(12)}                             ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${green}●${reset} Minified size   ${this.formatSize(minifier.minifiedSize).padStart(12)}  ${green}-${savingsPct}%${reset}                    ${cyan}║${reset}`);
+    }
+    if (treeShaking.modulesAnalyzed > 0) {
+      console.log(`${cyan}║${reset}                                                                    ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${bold}TREE SHAKING${reset}                                                     ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${gray}●${reset} Modules analyzed ${bold}${treeShaking.modulesAnalyzed.toString().padStart(5)}${reset}                                   ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${green}●${reset} Modules removed  ${bold}${green}${treeShaking.modulesRemoved.toString().padStart(5)}${reset}                                   ${cyan}║${reset}`);
+      console.log(`${cyan}║${reset}  ${green}●${reset} Exports removed  ${bold}${green}${treeShaking.exportsRemoved.toString().padStart(5)}${reset}                                   ${cyan}║${reset}`);
+    }
+    console.log(`${cyan}║${reset}                                                                    ${cyan}║${reset}`);
+    console.log(`${cyan}║${reset}  ${dim}Duration: ${this.formatDuration(duration)}${reset}                                             ${cyan}║${reset}`);
+    console.log(`${bold}${cyan}╚════════════════════════════════════════════════════════════════════╝${reset}`);
+    console.log(`
+`);
+    this.cleanupStatsFiles();
+  }
+  registerExitHandler() {
+    if (this.exitHandlerRegistered)
+      return;
+    this.exitHandlerRegistered = true;
+    process.on("SIGINT", () => {
+      this.print();
+      process.exit(0);
+    });
+    process.on("beforeExit", () => this.print());
+  }
+}
+var globalStats = new GlobalStats;
+
+// src/serializer.ts
 function createFacetpackSerializer(existingSerializer, config = {}) {
   return async (entryPoint, preModules, graph, options) => {
     if (options.dev || config.treeShake === false) {
+      let result2;
       if (existingSerializer) {
-        return existingSerializer(entryPoint, preModules, graph, options);
+        result2 = await existingSerializer(entryPoint, preModules, graph, options);
+      } else {
+        result2 = defaultSerialize(entryPoint, preModules, graph, options);
       }
-      return defaultSerialize(entryPoint, preModules, graph, options);
+      globalStats.print();
+      return result2;
     }
     const analyses = new Map;
+    let modulesAnalyzed = 0;
     for (const [path, module2] of graph.dependencies) {
       if (path.includes("node_modules")) {
         continue;
@@ -51,6 +304,7 @@ function createFacetpackSerializer(existingSerializer, config = {}) {
         const code = module2.output[0]?.data?.code ?? "";
         const analysis = import_facetpack_native.analyzeSync(path, code);
         analyses.set(path, analysis);
+        modulesAnalyzed++;
       } catch {
         analyses.set(path, {
           exports: [],
@@ -61,7 +315,8 @@ function createFacetpackSerializer(existingSerializer, config = {}) {
     }
     const usedExports = computeUsedExports(entryPoint, analyses, graph);
     const shakenModules = new Map;
-    let totalRemoved = 0;
+    let modulesRemoved = 0;
+    let exportsRemoved = 0;
     for (const [path, module2] of graph.dependencies) {
       if (path.includes("node_modules")) {
         const code = module2.output[0]?.data?.code ?? "";
@@ -71,28 +326,30 @@ function createFacetpackSerializer(existingSerializer, config = {}) {
       const used = usedExports.get(path);
       const analysis = analyses.get(path);
       if ((!used || used.size === 0) && analysis && !analysis.hasSideEffects) {
-        totalRemoved++;
+        modulesRemoved++;
         continue;
       }
       try {
         const code = module2.output[0]?.data?.code ?? "";
         const usedArray = used ? Array.from(used) : ["*"];
-        const result = import_facetpack_native.shakeSync(path, code, usedArray);
-        shakenModules.set(path, { code: result.code, map: result.map ?? undefined });
-        totalRemoved += result.removedExports.length;
+        const result2 = import_facetpack_native.shakeSync(path, code, usedArray);
+        shakenModules.set(path, { code: result2.code, map: result2.map ?? undefined });
+        exportsRemoved += result2.removedExports.length;
       } catch {
         const code = module2.output[0]?.data?.code ?? "";
         shakenModules.set(path, { code });
       }
     }
-    if (totalRemoved > 0) {
-      console.log(`[facetpack] Tree-shaking removed ${totalRemoved} unused exports`);
-    }
+    globalStats.recordTreeShaking(modulesAnalyzed, modulesRemoved, exportsRemoved);
+    let result;
     if (existingSerializer) {
       const shakenGraph = createShakenGraph(graph, shakenModules);
-      return existingSerializer(entryPoint, preModules, shakenGraph, options);
+      result = await existingSerializer(entryPoint, preModules, shakenGraph, options);
+    } else {
+      result = defaultSerialize(entryPoint, preModules, graph, options, shakenModules);
     }
-    return defaultSerialize(entryPoint, preModules, graph, options, shakenModules);
+    globalStats.print();
+    return result;
   };
 }
 function computeUsedExports(entryPoint, analyses, graph) {

package/dist/serializer.d.ts

@@ -38,22 +38,6 @@ export type CustomSerializer = (entryPoint: string, preModules: SerializerModule
 export interface FacetpackSerializerConfig {
     treeShake?: boolean;
 }
-/**
- * Creates a Facetpack serializer with tree-shaking support.
- * This serializer can be composed with existing Metro serializers.
- *
- * @example
- * ```js
- * // metro.config.js
- * const { createFacetpackSerializer } = require('@ecrindigital/facetpack')
- *
- * module.exports = {
- *   serializer: {
- *     customSerializer: createFacetpackSerializer(null, { treeShake: true }),
- *   },
- * }
- * ```
- */
 export declare function createFacetpackSerializer(existingSerializer?: CustomSerializer | null, config?: FacetpackSerializerConfig): CustomSerializer;
 export default createFacetpackSerializer;
 //# sourceMappingURL=serializer.d.ts.map

package/dist/serializer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"serializer.d.ts","sourceRoot":"","sources":["../src/serializer.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAA;IACvD,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AAED,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IAC3C,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,OAAO,CAAA;IACZ,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,OAAO,CAAA;IAC3D,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACzC,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;IACpD,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,OAAO,CAAA;CAC9D;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,gBAAgB,EAAE,CAAA;IAC9B,KAAK,EAAE,eAAe,CAAA;IACtB,OAAO,EAAE,iBAAiB,CAAA;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,CAC7B,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,gBAAgB,EAAE,EAC9B,KAAK,EAAE,eAAe,EACtB,OAAO,EAAE,iBAAiB,KACvB,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAE7F,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,yBAAyB,CACvC,kBAAkB,CAAC,EAAE,gBAAgB,GAAG,IAAI,EAC5C,MAAM,GAAE,yBAA8B,GACrC,gBAAgB,CA4ElB;AAkID,eAAe,yBAAyB,CAAA"}
+{"version":3,"file":"serializer.d.ts","sourceRoot":"","sources":["../src/serializer.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAA;IACvD,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AAED,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IAC3C,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,OAAO,CAAA;IACZ,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,OAAO,CAAA;IAC3D,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACzC,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;IACpD,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,OAAO,CAAA;CAC9D;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,gBAAgB,EAAE,CAAA;IAC9B,KAAK,EAAE,eAAe,CAAA;IACtB,OAAO,EAAE,iBAAiB,CAAA;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,CAC7B,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,gBAAgB,EAAE,EAC9B,KAAK,EAAE,eAAe,EACtB,OAAO,EAAE,iBAAiB,KACvB,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAE7F,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,yBAAyB,CACvC,kBAAkB,CAAC,EAAE,gBAAgB,GAAG,IAAI,EAC5C,MAAM,GAAE,yBAA8B,GACrC,gBAAgB,CAsFlB;AAkID,eAAe,yBAAyB,CAAA"}