oxphobia 0.0.1 → 0.0.2

package/README.md

@@ -0,0 +1,103 @@
+# 📦 Oxphobia
+
+**Oxphobia** is an ultra-fast JavaScript bundle size calculator powered by [Oxc (The Oxide JavaScript Tools)](https://github.com/oxc-project/oxc).
+
+By leveraging the Rust-based `oxc-parser` and `oxc-minify`, it performs high-speed dependency analysis and minification to instantly measure the "Minified + Gzipped" size of npm packages or local projects.
+
+## ✨ Features
+
+*   🚀 **Blazing Fast**: Powered by the Rust-based Oxc toolchain for incredibly quick parsing and compression.
+*   ☁️ **npm Package Support**: Recursively fetches and calculates the size of specified packages via [jsDelivr](https://www.jsdelivr.com/) .
+*   📂 **Local Project Support**: Run it at your project root to automatically detect entry points and estimate the total size including dependencies.
+*   🌳 **Simple Tree-Shaking**: Analyzes conditional branches based on `process.env.NODE_ENV` to exclude unnecessary code from the bundle.
+
+## 📦 Installation
+
+You can run it directly via `npx` or install it globally.
+
+```bash
+# Run directly
+npx oxphobia [package-name]
+pnpm dlx oxphobia [package-name]
+yarn dlx oxphobia [package-name]
+# or
+dx npm:oxphobia [package-name]
+# or
+bunx oxphobia [package-name]
+```
+
+Or install globally:
+
+```bash
+npm install -g oxphobia
+```
+
+## 🚀 Usage
+
+### 1. Measure npm package size
+
+Specify a package name to fetch sources from the CDN (jsDelivr) and calculate its size.
+
+```bash
+npx oxphobia react
+npx oxphobia lodash-es
+npx oxphobia three
+```
+
+### 2. Measure local project size
+
+Run without arguments to read the `package.json` in the current directory. It will identify the entry point from the `main`, `module`, or `exports` fields for analysis.
+
+```bash
+cd my-awesome-project
+npx oxphobia
+```
+
+### Example Output
+
+```text
+📦 Analyzing Package: react
+
+ 📥 Downloaded: https://cdn.jsdelivr.net/npm/react@18.2.0/index.js
+ 🔎 Dependencies: ./cjs/react.production.min.js
+ 📥 Downloaded: https://cdn.jsdelivr.net/npm/react@18.2.0/cjs/react.production.min.js
+ ...
+
+✅ Dependency resolution complete.
+⏳ Minifying with Oxc Minify...
+
+========================================
+ 📊 Result for "react"
+========================================
+ Files count     : 2
+ Minified size   : 6.42 KB (6,572 bytes)
+ Gzipped size    : 2.75 KB (2,814 bytes)
+========================================
+```
+
+## 🛠️ How It Works
+
+1.  **Parsing**: Uses `oxc-parser` to build an AST (Abstract Syntax Tree) and extracts dependencies from `import`, `require`, and `export` statements.
+2.  **Resolution**: 
+    *   Local files are read from the file system.
+    *   External packages are resolved and downloaded via the jsDelivr API.
+3.  **Bundling**: Combines dependencies in-memory.
+4.  **Minification**: Compresses the code (Mangle & Compress) using `oxc-minify`.
+5.  **Measuring**: Compresses the minified code using Node.js `zlib` (Gzip) and calculates the final byte count.
+
+## ⚠️ Limitations
+
+*   Non-JS assets such as CSS and images are ignored.
+*   Advanced bundler configurations (e.g., Webpack/Rollup/Vite plugins) are not supported. It only tracks pure JS/ESM dependencies.
+
+## 💻 Requirements
+
+*   Node.js >= 18.12.0
+
+## 🤝 Contributing
+
+Pull requests are welcome!
+
+## 📄 License
+
+MIT

package/cli.js

@@ -1,20 +1,13 @@
 #!/usr/bin/env node
 
-import * as acorn from 'acorn';
-import { minify } from 'terser';
+import { parseSync } from 'oxc-parser';
+import { minifySync } from 'oxc-minify';
 import { gzipSync } from 'node:zlib';
 import { Buffer } from 'node:buffer';
+import fs from 'node:fs';
+import path from 'node:path';
 
-// コマンドライン引数の取得
-const args = process.argv.slice(2);
-const pkg = args[0];
-
-if (!pkg) {
-  console.error('\x1b[31mError: パッケージ名を指定してください。\x1b[0m');
-  console.log('Usage: node cli.js <package-name>');
-  process.exit(1);
-}
-
+// --- Logger ---
 const log = {
   info: (msg) => console.log(`\x1b[90m${msg}\x1b[0m`),
   success: (msg) => console.log(`\x1b[32m${msg}\x1b[0m`),
@@ -24,11 +17,48 @@ const log = {
   warn: (msg) => console.log(`\x1b[33m${msg}\x1b[0m`),
 };
 
-// --- AST Utilities (Robust Walker) ---
+// --- Command Line Arguments & Mode Detection ---
+const args = process.argv.slice(2);
+let targetPkg = args[0];
+let isLocalMode = false;
+let localProjectRoot = process.cwd();
+
+// 引数がない場合はローカルモードとして動作
+if (!targetPkg) {
+  const localPkgJsonPath = path.join(localProjectRoot, 'package.json');
+  
+  if (fs.existsSync(localPkgJsonPath)) {
+    try {
+      const pkgData = JSON.parse(fs.readFileSync(localPkgJsonPath, 'utf-8'));
+      targetPkg = pkgData.name || 'local-project';
+      isLocalMode = true;
+      
+      // エントリーポイントの特定
+      let entry = pkgData.main || pkgData.module || pkgData.exports?.['.'] || 'index.js';
+      if (typeof entry === 'object') entry = entry.import || entry.default || 'index.js';
+      
+      // ローカルのエントリーファイルを絶対パスとしてセット
+      targetPkg = path.resolve(localProjectRoot, entry);
+      
+      log.info(`📂 Local project detected: ${pkgData.name || 'unnamed'}`);
+      log.info(`🚀 Entry point: ${path.relative(process.cwd(), targetPkg)}`);
+    } catch (e) {
+      log.error('❌ Failed to read package.json');
+      process.exit(1);
+    }
+  } else {
+    console.error('\x1b[31mError: パッケージ名を指定するか、npmプロジェクトのルートで実行してください。\x1b[0m');
+    console.log('Usage: npx oxphobia <package-name>');
+    console.log('       npx oxphobia (inside a project)');
+    process.exit(1);
+  }
+}
+
+// --- AST Utilities (Oxc Walker) ---
 
 function isProcessEnvNodeEnv(node) {
   if (!node) return false;
-  // process.env.NODE_ENV の検出
+  // process.env.NODE_ENV
   if (node.type === 'MemberExpression') {
     const propName = node.property && (node.property.name || node.property.value);
     if (propName === 'NODE_ENV') {
@@ -49,7 +79,7 @@ function evaluateEnvCondition(node) {
   if (!node || node.type !== 'BinaryExpression') return null;
 
   const getString = (n) => {
-    if (n.type === 'Literal' && typeof n.value === 'string') return n.value;
+    if ((n.type === 'Literal' || n.type === 'StringLiteral') && typeof n.value === 'string') return n.value;
     return null;
   };
 
@@ -69,7 +99,7 @@ function evaluateEnvCondition(node) {
 }
 
 /**
- * 再帰的にASTを探索し、依存関係を抽出する
+ * Oxc ASTを探索し、依存関係を抽出する
  */
 function findDependencies(node, deps) {
   if (!node || typeof node !== 'object') return;
@@ -79,7 +109,7 @@ function findDependencies(node, deps) {
     return;
   }
 
-  // --- 条件分岐のハンドリング (process.env.NODE_ENV) ---
+  // process.env.NODE_ENV ハンドリング
   if (node.type === 'IfStatement') {
     const isProd = evaluateEnvCondition(node.test);
     if (isProd === true) {
@@ -91,7 +121,7 @@ function findDependencies(node, deps) {
     }
   }
 
-  if (node.type === 'ConditionalExpression') { // 三項演算子
+  if (node.type === 'ConditionalExpression') {
     const isProd = evaluateEnvCondition(node.test);
     if (isProd === true) {
       findDependencies(node.consequent, deps);
@@ -102,10 +132,10 @@ function findDependencies(node, deps) {
     }
   }
 
-  // --- 依存関係の抽出 ---
   const extractString = (n) => {
     if (!n) return null;
-    if (n.type === 'Literal' && typeof n.value === 'string') return n.value;
+    // Oxc Parser uses 'StringLiteral' often, but also supports ESTree 'Literal'
+    if ((n.type === 'Literal' || n.type === 'StringLiteral') && typeof n.value === 'string') return n.value;
     return null;
   };
 
@@ -117,7 +147,7 @@ function findDependencies(node, deps) {
     }
   }
   
-  // Dynamic Import
+  // Dynamic Import: import('...')
   if (node.type === 'ImportExpression') {
     const val = extractString(node.source);
     if (val) deps.add(val);
@@ -126,22 +156,22 @@ function findDependencies(node, deps) {
   // CommonJS require()
   if (node.type === 'CallExpression') {
     const callee = node.callee;
+    // Oxc AST might represent callee differently if not standard ESTree, but usually Identifier works
     const isRequire = callee && callee.type === 'Identifier' && callee.name === 'require';
     
     if (isRequire && node.arguments && node.arguments.length > 0) {
+      // Oxc puts arguments in `arguments` vector
       const val = extractString(node.arguments[0]);
       if (val) deps.add(val);
     }
   }
 
-  // --- 再帰探索 (重要なプロパティを網羅) ---
+  // 再帰探索キー (Oxc AST構造に対応)
   const keysToVisit = [
     'body', 'declarations', 'init', 'expression', 'callee', 'arguments', 
     'consequent', 'alternate', 'test', 'left', 'right', 'source', 'specifiers',
-    'exported', 'local', 'imported', 'program', 
-    'elements', // 配列内 [require('a')]
-    'properties', 'value', // オブジェクト内 { a: require('a') }
-    'block', 'handler', 'finalizer' // try-catch
+    'exported', 'local', 'imported', 'program', 'statements',
+    'elements', 'properties', 'value', 'block', 'handler', 'finalizer'
   ];
 
   for (const key of keysToVisit) {
@@ -149,11 +179,10 @@ function findDependencies(node, deps) {
   }
 }
 
-
 // --- Package Resolution ---
 
 const JSDELIVR_BASE = "https://cdn.jsdelivr.net/npm/";
-const NODE_BUILTINS = new Set(['fs', 'path', 'os', 'crypto', 'stream', 'http', 'https', 'zlib', 'url', 'util', 'buffer', 'events', 'assert', 'child_process', 'process', 'net', 'tls', 'dgram', 'dns', 'perf_hooks', 'worker_threads']);
+const NODE_BUILTINS = new Set(['fs', 'path', 'os', 'crypto', 'stream', 'http', 'https', 'zlib', 'url', 'util', 'buffer', 'events', 'assert', 'child_process', 'process', 'net', 'tls', 'dgram', 'dns', 'perf_hooks', 'worker_threads', 'node:fs', 'node:path', 'node:process']);
 
 function parseBareSpecifier(specifier) {
   let pkgName = specifier, subpath = "";
@@ -189,7 +218,6 @@ async function resolvePackageUrl(specifier) {
   function resolveExports(exp) {
     if (typeof exp === 'string') return exp;
     if (typeof exp === 'object' && exp !== null) {
-      // 優先順位: production -> node -> require -> default -> import -> browser
       const conditions = ['production', 'node', 'require', 'default', 'import', 'browser'];
       for (const cond of conditions) {
         if (cond in exp) return resolveExports(exp[cond]);
@@ -236,7 +264,28 @@ let activeTasks = 0;
 let onQueueEmpty = null;
 let hasError = false;
 
+// ローカルファイルかどうかを判定
+const isLocalFile = (url) => !url.startsWith('http');
+
 async function fetchFile(urls) {
+  // ローカルファイルの場合 (1つのパスしか来ない想定)
+  if (isLocalFile(urls[0])) {
+    const filePath = urls[0];
+    const extensions = ['', '.js', '.mjs', '.cjs', '.ts', '/index.js'];
+    
+    for (const ext of extensions) {
+      const tryPath = filePath + ext;
+      if (fs.existsSync(tryPath) && fs.statSync(tryPath).isFile()) {
+        try {
+            const code = fs.readFileSync(tryPath, 'utf-8');
+            return { code, finalUrl: tryPath, isLocal: true };
+        } catch(e) { return null; }
+      }
+    }
+    throw new Error(`Local file not found: ${filePath}`);
+  }
+
+  // リモート (jsDelivr) の場合
   const tryFetch = async (u) => { 
     try { 
       const r = await fetch(u); 
@@ -249,19 +298,33 @@ async function fetchFile(urls) {
     if (!res && !url.match(/\.(js|mjs|cjs|ts)$/)) {
         res = await tryFetch(url + '.js') || await tryFetch(url + '.mjs') || await tryFetch(url + '/index.js');
     }
-    if (res) return { code: await res.text(), finalUrl: res.url }; 
+    if (res) return { code: await res.text(), finalUrl: res.url, isLocal: false }; 
   }
   throw new Error(`Fetch failed: ${urls[0]}`);
 }
 
 async function resolveUrl(url, baseUrl) {
-  if (url.startsWith('http')) return [url];
   if (NODE_BUILTINS.has(url) || url.startsWith('node:')) return null;
-  
+
+  // 絶対URL (http)
+  if (url.startsWith('http')) return [url];
+
+  // 相対パス (. or /)
   if (url.startsWith('.') || url.startsWith('/')) {
-    if (!baseUrl) return [url];
+    if (!baseUrl) return [url]; // エントリーポイント等
+
+    // Baseがローカルファイルの場合 -> ファイルシステム上で解決
+    if (isLocalFile(baseUrl)) {
+        const dir = path.dirname(baseUrl);
+        return [path.resolve(dir, url)];
+    }
+    
+    // BaseがURLの場合 -> URL結合
     return [new URL(url, baseUrl).href];
   }
+
+  // Bare Specifier (e.g. "react")
+  // ローカルモードでもリモートモードでも、外部パッケージは jsDelivr から引く仕様
   return await resolvePackageUrl(url);
 }
 
@@ -284,38 +347,42 @@ function enqueueFile(url, baseUrl) {
         return;
       }
       
-      const { code, finalUrl } = fetchResult;
+      const { code, finalUrl, isLocal } = fetchResult;
 
       if (parsedUrls.has(finalUrl)) return;
       parsedUrls.add(finalUrl);
       if (primaryUrl !== finalUrl) parsedUrls.add(primaryUrl);
       
-      log.fetch(` 📥 Downloaded: ${finalUrl}`);
+      if (isLocal) {
+        log.fetch(` 📁 Read Local: ${path.relative(process.cwd(), finalUrl)}`);
+      } else {
+        log.fetch(` 📥 Downloaded: ${finalUrl}`);
+      }
+      
       bundleParts.push(code);
 
-      // --- パース (Acornを使用) ---
-      let ast;
+      // --- パース (Oxc Parserを使用) ---
+      let program;
       try {
-        ast = acorn.parse(code, { 
-          ecmaVersion: 2022, 
-          sourceType: 'module' // まずESMとして試行
+        // Oxc parseSync returns { program, errors }
+        const ret = parseSync(finalUrl, code, {
+            sourceType: 'module', // ESMを基本とする
+            sourceFilename: finalUrl
         });
-      } catch (e) {
-        try {
-          // 失敗したらScript(CommonJS)として試行
-          ast = acorn.parse(code, { 
-            ecmaVersion: 2022, 
-            sourceType: 'script' 
-          });
-        } catch (e2) {
-          log.warn(`  ⚠️ Parse failed for ${finalUrl.split('/').pop()}: ${e2.message}`);
-          return; // パース失敗時は依存関係探索をスキップ
+        
+        if (ret.errors.length > 0) {
+            // エラーがあってもASTが返る場合があるが、警告を出す
+            // log.warn(`  ⚠️ Oxc Parse warnings for ${path.basename(finalUrl)}`);
         }
+        program = ret.program;
+      } catch (e) {
+        log.warn(`  ⚠️ Parse failed for ${path.basename(finalUrl)}: ${e.message}`);
+        return;
       }
 
-      if (ast) {
+      if (program) {
         const deps = new Set();
-        findDependencies(ast, deps);
+        findDependencies(program, deps);
 
         if (deps.size > 0) {
           log.analyze(`  🔎 Dependencies: ${Array.from(deps).join(', ')}`);
@@ -340,9 +407,10 @@ function enqueueFile(url, baseUrl) {
 // --- Main Execution ---
 
 async function run() {
-  log.success(`\n📦 Analyzing Package: ${pkg}\n`);
+  const displayTarget = isLocalMode ? path.relative(process.cwd(), targetPkg) : targetPkg;
+  log.success(`\n📦 Analyzing Package: ${displayTarget}\n`);
   
-  enqueueFile(pkg, null);
+  enqueueFile(targetPkg, null);
 
   await new Promise(resolve => {
     if (activeTasks === 0) resolve();
@@ -350,29 +418,32 @@ async function run() {
   });
 
   if (bundleParts.length === 0) {
-    log.error("\n❌ No files were successfully downloaded.");
+    log.error("\n❌ No files were successfully processed.");
     process.exit(1);
   }
 
   log.success(`\n✅ Dependency resolution complete.`);
-  log.analyze(`⏳ Minifying with Terser (removing dead code for production)...`);
+  log.analyze(`⏳ Minifying with Oxc Minify...`);
   
   let minifiedCode = "";
   try {
     const combinedCode = bundleParts.join('\n');
     
-    const minifyResult = await minify(combinedCode, {
-      compress: { 
-        global_defs: { 'process.env.NODE_ENV': 'production' }, 
-        dead_code: true,
-        toplevel: false,
-        passes: 2
-      },
+    // Oxc Minify Execution
+    const result = minifySync("bundle.js", combinedCode, {
       mangle: true,
-      format: { comments: false },
+      compress: {
+        dead_code: true, // Oxc may have different option keys, usually defaults are good
+        drop_console: false
+      },
+      sourceMap: false
     });
     
-    minifiedCode = minifyResult.code || combinedCode;
+    minifiedCode = result.code;
+
+    // もしMinify結果が空の場合（エラー時など）、生コードを使用
+    if (!minifiedCode) throw new Error("Empty output");
+
   } catch(e) {
     log.error(`⚠️ Minification failed: ${e.message}. Using raw size.`);
     minifiedCode = bundleParts.join('\n');
@@ -382,7 +453,7 @@ async function run() {
   const gzipBytes = gzipSync(Buffer.from(minifiedCode)).length;
   
   console.log('\n========================================');
-  console.log(` 📊 \x1b[1mResult for "${pkg}"\x1b[0m`);
+  console.log(` 📊 \x1b[1mResult for "${isLocalMode ? 'Local Project' : targetPkg}"\x1b[0m`);
   console.log('========================================');
   console.log(` Files count     : \x1b[32m${bundleParts.length}\x1b[0m`);
   console.log(` Minified size   : \x1b[33m${(minifiedBytes / 1024).toFixed(2)}\x1b[0m KB (${minifiedBytes.toLocaleString()} bytes)`);
@@ -390,4 +461,4 @@ async function run() {
   console.log('========================================\n');
 }
 
-run();
+run();

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "oxphobia",
-  "version": "0.0.1",
-  "description": "Calculate minified & gzipped bundle size via JSDelivr + Oxc + Terser",
+  "version": "0.0.2",
+  "description": "Calculate minified & gzipped bundle size via JSDelivr + Oxc (Parser/Minifier)",
   "bin": {
     "oxphobia": "./cli.js"
   },
   "type": "module",
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=18.12.0"
   },
   "dependencies": {
-    "oxc-parser": "^0.60.0",
-    "terser": "^5.31.0"
+    "oxc-minify": "^0.114.0",
+    "oxc-parser": "^0.114.0"
   }
 }