github-mobile-reader 0.1.2 → 0.1.3

package/README.ko.md

@@ -219,7 +219,7 @@ src/languages/
 
 이 라이브러리를 사용하는 가장 쉬운 방법입니다. 매 PR마다 자동으로:
 
-1. 변경된 `.js` / `.ts` 파일의 diff를 파싱
+1. 변경된 `.js` / `.jsx` / `.ts` / `.tsx` / `.mjs` / `.cjs` 파일의 diff를 파싱
 2. `docs/reader/pr-<번호>.md` 파일을 레포에 저장
 3. PR에 요약 코멘트를 자동으로 달아줍니다
 

package/README.md

@@ -217,7 +217,7 @@ console.log(markdown);
 
 The easiest way to use this library is as a GitHub Action. On every pull request it will:
 
-1. Parse the diff of all changed `.js` / `.ts` files
+1. Parse the diff of all changed `.js` / `.jsx` / `.ts` / `.tsx` / `.mjs` / `.cjs` files
 2. Write a Reader Markdown file to `docs/reader/pr-<number>.md` inside your repo
 3. Post a summary comment directly on the PR
 

package/dist/action.js

@@ -74,6 +74,7 @@ function parseClassNameChanges(addedLines, removedLines) {
   }
   const changes = [];
   for (const [comp, { added, removed }] of componentMap) {
+    if (comp === "unknown") continue;
     const pureAdded = [...added].filter((c) => !removed.has(c));
     const pureRemoved = [...removed].filter((c) => !added.has(c));
     if (pureAdded.length === 0 && pureRemoved.length === 0) continue;
@@ -159,188 +160,65 @@ function filterDiffLines(diffText) {
   const removed = lines.filter((l) => l.startsWith("-") && !l.startsWith("---") && l.trim() !== "-").map((l) => l.substring(1));
   return { added, removed };
 }
-function normalizeCode(lines) {
-  return lines.map((line) => {
-    let normalized = line;
-    normalized = normalized.replace(/\/\/.*$/, "");
-    normalized = normalized.replace(/\/\*.*?\*\//, "");
-    normalized = normalized.trim();
-    normalized = normalized.replace(/;$/, "");
-    return normalized;
-  }).filter((line) => line.length > 0);
-}
 function getIndentDepth(line) {
   const match = line.match(/^(\s*)/);
   if (!match) return 0;
   return Math.floor(match[1].length / 2);
 }
-function isChaining(line, prevLine) {
-  if (!prevLine) return false;
-  if (!line.trim().startsWith(".")) return false;
-  if (!prevLine.match(/[)\}]$/)) return false;
-  return true;
-}
-function extractChainMethod(line) {
-  const match = line.match(/\.(\w+)\(/);
-  if (match) return `${match[1]}()`;
-  return line.trim();
-}
-function simplifyCallback(methodCall) {
-  const arrowMatch = methodCall.match(/(\w+)\((\w+)\s*=>\s*(\w+)\.(\w+)\)/);
-  if (arrowMatch) {
-    const [, method, param, , prop] = arrowMatch;
-    return `${method}(${param} \u2192 ${prop})`;
-  }
-  const callbackMatch = methodCall.match(/(\w+)\([^)]+\)/);
-  if (callbackMatch) return `${callbackMatch[1]}(callback)`;
-  return methodCall;
-}
-function isConditional(line) {
-  return /^(if|else|switch)\s*[\(\{]/.test(line.trim());
-}
-function isLoop(line) {
-  return /^(for|while)\s*\(/.test(line.trim());
-}
-function isFunctionDeclaration(line) {
-  const t = line.trim();
-  return (
-    // function foo() / async function foo()
-    /^(async\s+)?function\s+\w+/.test(t) || // const foo = () => / const foo = async () => / const foo = async (x: T) =>
-    /^(const|let|var)\s+\w+\s*=\s*(async\s*)?\(/.test(t) || // const foo = function / const foo = async function
-    /^(const|let|var)\s+\w+\s*=\s*(async\s+)?function/.test(t)
-  );
-}
-function shouldIgnore(line) {
-  const ignorePatterns = [
-    /^import\s+/,
-    /^export\s+/,
-    /^type\s+/,
-    /^interface\s+/,
-    /^console\./,
-    /^return$/,
-    /^throw\s+/
-  ];
-  return ignorePatterns.some((p) => p.test(line.trim()));
-}
-function extractRoot(line) {
-  const assignMatch = line.match(/(?:const|let|var)\s+(\w+)\s*=\s*(\w+)/);
-  if (assignMatch) return assignMatch[2];
-  const callMatch = line.match(/^(\w+)\(/);
-  if (callMatch) return `${callMatch[1]}()`;
-  const methodMatch = line.match(/^(\w+)\./);
-  if (methodMatch) return methodMatch[1];
-  return null;
-}
-function parseToFlowTree(lines) {
-  const roots = [];
-  let currentChain = null;
-  let prevLine = null;
-  let baseDepth = -1;
-  for (let i = 0; i < lines.length; i++) {
-    const line = lines[i];
-    if (shouldIgnore(line)) {
-      prevLine = line;
-      continue;
-    }
-    const depth = getIndentDepth(lines[i]);
-    if (baseDepth === -1) baseDepth = depth;
-    const relativeDepth = depth - baseDepth;
-    if (isChaining(line, prevLine)) {
-      const method = extractChainMethod(line);
-      const simplified = simplifyCallback(method);
-      if (currentChain) {
-        const chainNode = {
-          type: "chain",
-          name: simplified,
-          children: [],
-          depth: relativeDepth,
-          priority: 1 /* CHAINING */
-        };
-        let parent = currentChain;
-        while (parent.children.length > 0 && parent.children[parent.children.length - 1].depth >= relativeDepth) {
-          const last = parent.children[parent.children.length - 1];
-          if (last.children.length > 0) parent = last;
-          else break;
-        }
-        parent.children.push(chainNode);
+function extractChangedSymbols(addedLines, removedLines) {
+  const FUNC_RE = /^(?:export\s+)?(?:async\s+)?function\s+([a-z]\w+)|^(?:export\s+)?(?:const|let|var)\s+([a-z]\w+)\s*=\s*(?:async\s*)?\(/;
+  const COMPONENT_RE = /^(?:export\s+)?(?:default\s+)?(?:function|const)\s+([A-Z][a-z][A-Za-z0-9]*)/;
+  const extract = (lines) => {
+    const names = /* @__PURE__ */ new Set();
+    for (const line of lines) {
+      const cm = line.match(COMPONENT_RE) || line.match(FUNC_RE);
+      if (cm) {
+        const name = cm[1] || cm[2];
+        if (name) names.add(name);
       }
-      prevLine = line;
-      continue;
-    }
-    if (isFunctionDeclaration(line)) {
-      const funcMatch = line.match(/(?:function|const|let|var)\s+(\w+)/);
-      roots.push({
-        type: "function",
-        name: funcMatch ? `${funcMatch[1]}()` : "function()",
-        children: [],
-        depth: relativeDepth,
-        priority: 4 /* FUNCTION */
-      });
-      currentChain = null;
-      prevLine = line;
-      continue;
     }
-    const root = extractRoot(line);
-    if (root) {
-      currentChain = {
-        type: "root",
-        name: root,
-        children: [],
-        depth: relativeDepth,
-        priority: 1 /* CHAINING */
-      };
-      roots.push(currentChain);
-    } else if (isConditional(line)) {
-      const condMatch = line.match(/(if|else|switch)\s*\(([^)]+)\)/);
-      const condName = condMatch ? `${condMatch[1]} (${condMatch[2]})` : line.trim();
-      roots.push({
-        type: "condition",
-        name: condName,
-        children: [],
-        depth: relativeDepth,
-        priority: 2 /* CONDITIONAL */
-      });
-      currentChain = null;
-    } else if (isLoop(line)) {
-      roots.push({
-        type: "loop",
-        name: "loop",
-        children: [],
-        depth: relativeDepth,
-        priority: 3 /* LOOP */
-      });
-      currentChain = null;
+    return names;
+  };
+  const addedNames = extract(addedLines);
+  const removedNames = extract(removedLines);
+  const results = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const name of addedNames) {
+    seen.add(name);
+    results.push({ name, status: removedNames.has(name) ? "modified" : "added" });
+  }
+  for (const name of removedNames) {
+    if (!seen.has(name)) {
+      results.push({ name, status: "removed" });
     }
-    prevLine = line;
   }
-  return roots;
+  return results;
 }
-function renderFlowTree(nodes, indent = 0) {
+function renderJSXTreeCompact(nodes, maxDepth = 3) {
   const lines = [];
-  const prefix = indent === 0 ? "" : " ".repeat((indent - 1) * 4) + " \u2514\u2500 ";
-  for (const node of nodes) {
-    lines.push(prefix + node.name);
-    if (node.children.length > 0) {
-      lines.push(...renderFlowTree(node.children, indent + 1));
+  function walk(node, depth) {
+    if (depth > maxDepth) return;
+    const indent = "  ".repeat(depth);
+    const hasChildren = node.children.length > 0;
+    lines.push(`${indent}${node.name}${hasChildren ? "" : ""}`);
+    for (const child of node.children) {
+      walk(child, depth + 1);
     }
   }
-  return lines;
+  for (const root of nodes) {
+    walk(root, 0);
+  }
+  return lines.join("\n");
 }
 function generateReaderMarkdown(diffText, meta = {}) {
   const { added, removed } = filterDiffLines(diffText);
   const isJSX = Boolean(
     meta.file && isJSXFile(meta.file) || hasJSXContent(added)
   );
-  const addedForFlow = isJSX ? added.filter((l) => !isClassNameOnlyLine(l)) : added;
-  const normalizedAdded = normalizeCode(addedForFlow);
-  const flowTree = parseToFlowTree(normalizedAdded);
-  const rawCode = addedForFlow.join("\n");
-  const removedForCode = isJSX ? removed.filter((l) => !isClassNameOnlyLine(l)) : removed;
-  const removedCode = removedForCode.join("\n");
+  const changedSymbols = extractChangedSymbols(added, removed);
   const classNameChanges = isJSX ? parseClassNameChanges(added, removed) : [];
   const jsxTree = isJSX ? parseJSXToFlowTree(added) : [];
   const sections = [];
-  const lang = isJSX ? "tsx" : "typescript";
   sections.push("# \u{1F4D6} GitHub Reader View\n");
   sections.push("> Generated by **github-mobile-reader**");
   if (meta.repo) sections.push(`> Repository: ${meta.repo}`);
@@ -348,37 +226,27 @@ function generateReaderMarkdown(diffText, meta = {}) {
   if (meta.commit) sections.push(`> Commit: \`${meta.commit}\``);
   if (meta.file) sections.push(`> File: \`${meta.file}\``);
   sections.push("\n");
-  if (flowTree.length > 0) {
-    sections.push("## \u{1F9E0} Logical Flow\n");
-    sections.push("```");
-    sections.push(...renderFlowTree(flowTree));
-    sections.push("```\n");
+  if (changedSymbols.length > 0) {
+    sections.push("### \uBCC0\uACBD\uB41C \uD568\uC218 / \uCEF4\uD3EC\uB10C\uD2B8\n");
+    const STATUS_ICON = { added: "\u2705", removed: "\u274C", modified: "\u270F\uFE0F" };
+    for (const { name, status } of changedSymbols) {
+      sections.push(`- ${STATUS_ICON[status]} \`${name}()\` \u2014 ${status}`);
+    }
+    sections.push("");
   }
   if (isJSX && jsxTree.length > 0) {
-    sections.push("## \u{1F3A8} JSX Structure\n");
+    sections.push("### \u{1F3A8} JSX Structure\n");
     sections.push("```");
-    sections.push(...renderFlowTree(jsxTree));
+    sections.push(renderJSXTreeCompact(jsxTree));
     sections.push("```\n");
   }
   if (isJSX && classNameChanges.length > 0) {
-    sections.push("## \u{1F485} Style Changes\n");
+    sections.push("### \u{1F485} Style Changes\n");
     sections.push(...renderStyleChanges(classNameChanges));
     sections.push("");
   }
-  if (rawCode.trim()) {
-    sections.push("## \u2705 Added Code\n");
-    sections.push(`\`\`\`${lang}`);
-    sections.push(rawCode);
-    sections.push("```\n");
-  }
-  if (removedCode.trim()) {
-    sections.push("## \u274C Removed Code\n");
-    sections.push(`\`\`\`${lang}`);
-    sections.push(removedCode);
-    sections.push("```\n");
-  }
   sections.push("---");
-  sections.push("\u{1F6E0} Auto-generated by [github-mobile-reader](https://github.com/your-org/github-mobile-reader). Do not edit manually.");
+  sections.push("\u{1F6E0} Auto-generated by [github-mobile-reader](https://github.com/3rdflr/github-mobile-reader). Do not edit manually.");
   return sections.join("\n");
 }
 

package/dist/cli.js

@@ -74,6 +74,7 @@ function parseClassNameChanges(addedLines, removedLines) {
   }
   const changes = [];
   for (const [comp, { added, removed }] of componentMap) {
+    if (comp === "unknown") continue;
     const pureAdded = [...added].filter((c) => !removed.has(c));
     const pureRemoved = [...removed].filter((c) => !added.has(c));
     if (pureAdded.length === 0 && pureRemoved.length === 0) continue;
@@ -159,188 +160,65 @@ function filterDiffLines(diffText) {
   const removed = lines.filter((l) => l.startsWith("-") && !l.startsWith("---") && l.trim() !== "-").map((l) => l.substring(1));
   return { added, removed };
 }
-function normalizeCode(lines) {
-  return lines.map((line) => {
-    let normalized = line;
-    normalized = normalized.replace(/\/\/.*$/, "");
-    normalized = normalized.replace(/\/\*.*?\*\//, "");
-    normalized = normalized.trim();
-    normalized = normalized.replace(/;$/, "");
-    return normalized;
-  }).filter((line) => line.length > 0);
-}
 function getIndentDepth(line) {
   const match = line.match(/^(\s*)/);
   if (!match) return 0;
   return Math.floor(match[1].length / 2);
 }
-function isChaining(line, prevLine) {
-  if (!prevLine) return false;
-  if (!line.trim().startsWith(".")) return false;
-  if (!prevLine.match(/[)\}]$/)) return false;
-  return true;
-}
-function extractChainMethod(line) {
-  const match = line.match(/\.(\w+)\(/);
-  if (match) return `${match[1]}()`;
-  return line.trim();
-}
-function simplifyCallback(methodCall) {
-  const arrowMatch = methodCall.match(/(\w+)\((\w+)\s*=>\s*(\w+)\.(\w+)\)/);
-  if (arrowMatch) {
-    const [, method, param, , prop] = arrowMatch;
-    return `${method}(${param} \u2192 ${prop})`;
-  }
-  const callbackMatch = methodCall.match(/(\w+)\([^)]+\)/);
-  if (callbackMatch) return `${callbackMatch[1]}(callback)`;
-  return methodCall;
-}
-function isConditional(line) {
-  return /^(if|else|switch)\s*[\(\{]/.test(line.trim());
-}
-function isLoop(line) {
-  return /^(for|while)\s*\(/.test(line.trim());
-}
-function isFunctionDeclaration(line) {
-  const t = line.trim();
-  return (
-    // function foo() / async function foo()
-    /^(async\s+)?function\s+\w+/.test(t) || // const foo = () => / const foo = async () => / const foo = async (x: T) =>
-    /^(const|let|var)\s+\w+\s*=\s*(async\s*)?\(/.test(t) || // const foo = function / const foo = async function
-    /^(const|let|var)\s+\w+\s*=\s*(async\s+)?function/.test(t)
-  );
-}
-function shouldIgnore(line) {
-  const ignorePatterns = [
-    /^import\s+/,
-    /^export\s+/,
-    /^type\s+/,
-    /^interface\s+/,
-    /^console\./,
-    /^return$/,
-    /^throw\s+/
-  ];
-  return ignorePatterns.some((p) => p.test(line.trim()));
-}
-function extractRoot(line) {
-  const assignMatch = line.match(/(?:const|let|var)\s+(\w+)\s*=\s*(\w+)/);
-  if (assignMatch) return assignMatch[2];
-  const callMatch = line.match(/^(\w+)\(/);
-  if (callMatch) return `${callMatch[1]}()`;
-  const methodMatch = line.match(/^(\w+)\./);
-  if (methodMatch) return methodMatch[1];
-  return null;
-}
-function parseToFlowTree(lines) {
-  const roots = [];
-  let currentChain = null;
-  let prevLine = null;
-  let baseDepth = -1;
-  for (let i = 0; i < lines.length; i++) {
-    const line = lines[i];
-    if (shouldIgnore(line)) {
-      prevLine = line;
-      continue;
-    }
-    const depth = getIndentDepth(lines[i]);
-    if (baseDepth === -1) baseDepth = depth;
-    const relativeDepth = depth - baseDepth;
-    if (isChaining(line, prevLine)) {
-      const method = extractChainMethod(line);
-      const simplified = simplifyCallback(method);
-      if (currentChain) {
-        const chainNode = {
-          type: "chain",
-          name: simplified,
-          children: [],
-          depth: relativeDepth,
-          priority: 1 /* CHAINING */
-        };
-        let parent = currentChain;
-        while (parent.children.length > 0 && parent.children[parent.children.length - 1].depth >= relativeDepth) {
-          const last = parent.children[parent.children.length - 1];
-          if (last.children.length > 0) parent = last;
-          else break;
-        }
-        parent.children.push(chainNode);
+function extractChangedSymbols(addedLines, removedLines) {
+  const FUNC_RE = /^(?:export\s+)?(?:async\s+)?function\s+([a-z]\w+)|^(?:export\s+)?(?:const|let|var)\s+([a-z]\w+)\s*=\s*(?:async\s*)?\(/;
+  const COMPONENT_RE = /^(?:export\s+)?(?:default\s+)?(?:function|const)\s+([A-Z][a-z][A-Za-z0-9]*)/;
+  const extract = (lines) => {
+    const names = /* @__PURE__ */ new Set();
+    for (const line of lines) {
+      const cm = line.match(COMPONENT_RE) || line.match(FUNC_RE);
+      if (cm) {
+        const name = cm[1] || cm[2];
+        if (name) names.add(name);
       }
-      prevLine = line;
-      continue;
     }
-    if (isFunctionDeclaration(line)) {
-      const funcMatch = line.match(/(?:function|const|let|var)\s+(\w+)/);
-      roots.push({
-        type: "function",
-        name: funcMatch ? `${funcMatch[1]}()` : "function()",
-        children: [],
-        depth: relativeDepth,
-        priority: 4 /* FUNCTION */
-      });
-      currentChain = null;
-      prevLine = line;
-      continue;
-    }
-    const root = extractRoot(line);
-    if (root) {
-      currentChain = {
-        type: "root",
-        name: root,
-        children: [],
-        depth: relativeDepth,
-        priority: 1 /* CHAINING */
-      };
-      roots.push(currentChain);
-    } else if (isConditional(line)) {
-      const condMatch = line.match(/(if|else|switch)\s*\(([^)]+)\)/);
-      const condName = condMatch ? `${condMatch[1]} (${condMatch[2]})` : line.trim();
-      roots.push({
-        type: "condition",
-        name: condName,
-        children: [],
-        depth: relativeDepth,
-        priority: 2 /* CONDITIONAL */
-      });
-      currentChain = null;
-    } else if (isLoop(line)) {
-      roots.push({
-        type: "loop",
-        name: "loop",
-        children: [],
-        depth: relativeDepth,
-        priority: 3 /* LOOP */
-      });
-      currentChain = null;
+    return names;
+  };
+  const addedNames = extract(addedLines);
+  const removedNames = extract(removedLines);
+  const results = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const name of addedNames) {
+    seen.add(name);
+    results.push({ name, status: removedNames.has(name) ? "modified" : "added" });
+  }
+  for (const name of removedNames) {
+    if (!seen.has(name)) {
+      results.push({ name, status: "removed" });
     }
-    prevLine = line;
   }
-  return roots;
+  return results;
 }
-function renderFlowTree(nodes, indent = 0) {
+function renderJSXTreeCompact(nodes, maxDepth = 3) {
   const lines = [];
-  const prefix = indent === 0 ? "" : " ".repeat((indent - 1) * 4) + " \u2514\u2500 ";
-  for (const node of nodes) {
-    lines.push(prefix + node.name);
-    if (node.children.length > 0) {
-      lines.push(...renderFlowTree(node.children, indent + 1));
+  function walk(node, depth) {
+    if (depth > maxDepth) return;
+    const indent = "  ".repeat(depth);
+    const hasChildren = node.children.length > 0;
+    lines.push(`${indent}${node.name}${hasChildren ? "" : ""}`);
+    for (const child of node.children) {
+      walk(child, depth + 1);
     }
   }
-  return lines;
+  for (const root of nodes) {
+    walk(root, 0);
+  }
+  return lines.join("\n");
 }
 function generateReaderMarkdown(diffText, meta = {}) {
   const { added, removed } = filterDiffLines(diffText);
   const isJSX = Boolean(
     meta.file && isJSXFile(meta.file) || hasJSXContent(added)
   );
-  const addedForFlow = isJSX ? added.filter((l) => !isClassNameOnlyLine(l)) : added;
-  const normalizedAdded = normalizeCode(addedForFlow);
-  const flowTree = parseToFlowTree(normalizedAdded);
-  const rawCode = addedForFlow.join("\n");
-  const removedForCode = isJSX ? removed.filter((l) => !isClassNameOnlyLine(l)) : removed;
-  const removedCode = removedForCode.join("\n");
+  const changedSymbols = extractChangedSymbols(added, removed);
   const classNameChanges = isJSX ? parseClassNameChanges(added, removed) : [];
   const jsxTree = isJSX ? parseJSXToFlowTree(added) : [];
   const sections = [];
-  const lang = isJSX ? "tsx" : "typescript";
   sections.push("# \u{1F4D6} GitHub Reader View\n");
   sections.push("> Generated by **github-mobile-reader**");
   if (meta.repo) sections.push(`> Repository: ${meta.repo}`);
@@ -348,37 +226,27 @@ function generateReaderMarkdown(diffText, meta = {}) {
   if (meta.commit) sections.push(`> Commit: \`${meta.commit}\``);
   if (meta.file) sections.push(`> File: \`${meta.file}\``);
   sections.push("\n");
-  if (flowTree.length > 0) {
-    sections.push("## \u{1F9E0} Logical Flow\n");
-    sections.push("```");
-    sections.push(...renderFlowTree(flowTree));
-    sections.push("```\n");
+  if (changedSymbols.length > 0) {
+    sections.push("### \uBCC0\uACBD\uB41C \uD568\uC218 / \uCEF4\uD3EC\uB10C\uD2B8\n");
+    const STATUS_ICON = { added: "\u2705", removed: "\u274C", modified: "\u270F\uFE0F" };
+    for (const { name, status } of changedSymbols) {
+      sections.push(`- ${STATUS_ICON[status]} \`${name}()\` \u2014 ${status}`);
+    }
+    sections.push("");
   }
   if (isJSX && jsxTree.length > 0) {
-    sections.push("## \u{1F3A8} JSX Structure\n");
+    sections.push("### \u{1F3A8} JSX Structure\n");
     sections.push("```");
-    sections.push(...renderFlowTree(jsxTree));
+    sections.push(renderJSXTreeCompact(jsxTree));
     sections.push("```\n");
   }
   if (isJSX && classNameChanges.length > 0) {
-    sections.push("## \u{1F485} Style Changes\n");
+    sections.push("### \u{1F485} Style Changes\n");
     sections.push(...renderStyleChanges(classNameChanges));
     sections.push("");
   }
-  if (rawCode.trim()) {
-    sections.push("## \u2705 Added Code\n");
-    sections.push(`\`\`\`${lang}`);
-    sections.push(rawCode);
-    sections.push("```\n");
-  }
-  if (removedCode.trim()) {
-    sections.push("## \u274C Removed Code\n");
-    sections.push(`\`\`\`${lang}`);
-    sections.push(removedCode);
-    sections.push("```\n");
-  }
   sections.push("---");
-  sections.push("\u{1F6E0} Auto-generated by [github-mobile-reader](https://github.com/your-org/github-mobile-reader). Do not edit manually.");
+  sections.push("\u{1F6E0} Auto-generated by [github-mobile-reader](https://github.com/3rdflr/github-mobile-reader). Do not edit manually.");
   return sections.join("\n");
 }
 
@@ -482,7 +350,8 @@ async function processPR(repo, prNumber, outDir, token) {
       file: filename,
       repo
     });
-    const withoutHeader = section.replace(/^# 📖.*\n/, "").replace(/^> Generated by.*\n/m, "").replace(/^> Repository:.*\n/m, "").replace(/^> Pull Request:.*\n/m, "").replace(/^> Commit:.*\n/m, "").replace(/^> File:.*\n/m, "").replace(/^\n+/, "");
+    const withoutHeader = section.replace(/^# 📖.*\n/m, "").replace(/^> Generated by.*\n/m, "").replace(/^> Repository:.*\n/m, "").replace(/^> Pull Request:.*\n/m, "").replace(/^> Commit:.*\n/m, "").replace(/^> File:.*\n/m, "").replace(/^---\n/m, "").replace(/^🛠 Auto-generated.*\n?/m, "").replace(/^\n+/, "").trimEnd();
+    if (!withoutHeader) continue;
     sections.push(`## \u{1F4C4} \`${filename}\`
 `);
     sections.push(withoutHeader);

package/dist/index.d.mts

@@ -68,9 +68,22 @@ declare function renderFlowTree(nodes: FlowNode[], indent?: number): string[];
  * Main entry: parse a raw diff string → ParseResult
  */
 declare function parseDiffToLogicalFlow(diffText: string): ParseResult;
+/**
+ * Extract function/component names from lines with change status.
+ * Returns list of { name, status } where status is 'added' | 'removed' | 'modified'.
+ */
+declare function extractChangedSymbols(addedLines: string[], removedLines: string[]): {
+    name: string;
+    status: 'added' | 'removed' | 'modified';
+}[];
+/**
+ * Render JSX tree as a single compact line: div > header > button(onClick)
+ * Falls back to multi-line for deep trees.
+ */
+declare function renderJSXTreeCompact(nodes: FlowNode[], maxDepth?: number): string;
 /**
  * Generate the complete Reader Markdown document
  */
 declare function generateReaderMarkdown(diffText: string, meta?: ReaderMarkdownMeta): string;
 
-export { type ClassNameChange, type FlowNode, type ParseResult, Priority, type ReaderMarkdownMeta, extractClassName, extractJSXComponentName, filterDiffLines, generateReaderMarkdown, hasJSXContent, isClassNameOnlyLine, isJSXElement, isJSXFile, normalizeCode, parseClassNameChanges, parseDiffToLogicalFlow, parseJSXToFlowTree, parseToFlowTree, renderFlowTree, renderStyleChanges };
+export { type ClassNameChange, type FlowNode, type ParseResult, Priority, type ReaderMarkdownMeta, extractChangedSymbols, extractClassName, extractJSXComponentName, filterDiffLines, generateReaderMarkdown, hasJSXContent, isClassNameOnlyLine, isJSXElement, isJSXFile, normalizeCode, parseClassNameChanges, parseDiffToLogicalFlow, parseJSXToFlowTree, parseToFlowTree, renderFlowTree, renderJSXTreeCompact, renderStyleChanges };

package/dist/index.d.ts

@@ -68,9 +68,22 @@ declare function renderFlowTree(nodes: FlowNode[], indent?: number): string[];
  * Main entry: parse a raw diff string → ParseResult
  */
 declare function parseDiffToLogicalFlow(diffText: string): ParseResult;
+/**
+ * Extract function/component names from lines with change status.
+ * Returns list of { name, status } where status is 'added' | 'removed' | 'modified'.
+ */
+declare function extractChangedSymbols(addedLines: string[], removedLines: string[]): {
+    name: string;
+    status: 'added' | 'removed' | 'modified';
+}[];
+/**
+ * Render JSX tree as a single compact line: div > header > button(onClick)
+ * Falls back to multi-line for deep trees.
+ */
+declare function renderJSXTreeCompact(nodes: FlowNode[], maxDepth?: number): string;
 /**
  * Generate the complete Reader Markdown document
  */
 declare function generateReaderMarkdown(diffText: string, meta?: ReaderMarkdownMeta): string;
 
-export { type ClassNameChange, type FlowNode, type ParseResult, Priority, type ReaderMarkdownMeta, extractClassName, extractJSXComponentName, filterDiffLines, generateReaderMarkdown, hasJSXContent, isClassNameOnlyLine, isJSXElement, isJSXFile, normalizeCode, parseClassNameChanges, parseDiffToLogicalFlow, parseJSXToFlowTree, parseToFlowTree, renderFlowTree, renderStyleChanges };
+export { type ClassNameChange, type FlowNode, type ParseResult, Priority, type ReaderMarkdownMeta, extractChangedSymbols, extractClassName, extractJSXComponentName, filterDiffLines, generateReaderMarkdown, hasJSXContent, isClassNameOnlyLine, isJSXElement, isJSXFile, normalizeCode, parseClassNameChanges, parseDiffToLogicalFlow, parseJSXToFlowTree, parseToFlowTree, renderFlowTree, renderJSXTreeCompact, renderStyleChanges };

package/dist/index.js

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   Priority: () => Priority,
+  extractChangedSymbols: () => extractChangedSymbols,
   extractClassName: () => extractClassName,
   extractJSXComponentName: () => extractJSXComponentName,
   filterDiffLines: () => filterDiffLines,
@@ -35,6 +36,7 @@ __export(index_exports, {
   parseJSXToFlowTree: () => parseJSXToFlowTree,
   parseToFlowTree: () => parseToFlowTree,
   renderFlowTree: () => renderFlowTree,
+  renderJSXTreeCompact: () => renderJSXTreeCompact,
   renderStyleChanges: () => renderStyleChanges
 });
 module.exports = __toCommonJS(index_exports);
@@ -94,6 +96,7 @@ function parseClassNameChanges(addedLines, removedLines) {
   }
   const changes = [];
   for (const [comp, { added, removed }] of componentMap) {
+    if (comp === "unknown") continue;
     const pureAdded = [...added].filter((c) => !removed.has(c));
     const pureRemoved = [...removed].filter((c) => !added.has(c));
     if (pureAdded.length === 0 && pureRemoved.length === 0) continue;
@@ -356,21 +359,60 @@ function parseDiffToLogicalFlow(diffText) {
     removedCode: removed.join("\n")
   };
 }
+function extractChangedSymbols(addedLines, removedLines) {
+  const FUNC_RE = /^(?:export\s+)?(?:async\s+)?function\s+([a-z]\w+)|^(?:export\s+)?(?:const|let|var)\s+([a-z]\w+)\s*=\s*(?:async\s*)?\(/;
+  const COMPONENT_RE = /^(?:export\s+)?(?:default\s+)?(?:function|const)\s+([A-Z][a-z][A-Za-z0-9]*)/;
+  const extract = (lines) => {
+    const names = /* @__PURE__ */ new Set();
+    for (const line of lines) {
+      const cm = line.match(COMPONENT_RE) || line.match(FUNC_RE);
+      if (cm) {
+        const name = cm[1] || cm[2];
+        if (name) names.add(name);
+      }
+    }
+    return names;
+  };
+  const addedNames = extract(addedLines);
+  const removedNames = extract(removedLines);
+  const results = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const name of addedNames) {
+    seen.add(name);
+    results.push({ name, status: removedNames.has(name) ? "modified" : "added" });
+  }
+  for (const name of removedNames) {
+    if (!seen.has(name)) {
+      results.push({ name, status: "removed" });
+    }
+  }
+  return results;
+}
+function renderJSXTreeCompact(nodes, maxDepth = 3) {
+  const lines = [];
+  function walk(node, depth) {
+    if (depth > maxDepth) return;
+    const indent = "  ".repeat(depth);
+    const hasChildren = node.children.length > 0;
+    lines.push(`${indent}${node.name}${hasChildren ? "" : ""}`);
+    for (const child of node.children) {
+      walk(child, depth + 1);
+    }
+  }
+  for (const root of nodes) {
+    walk(root, 0);
+  }
+  return lines.join("\n");
+}
 function generateReaderMarkdown(diffText, meta = {}) {
   const { added, removed } = filterDiffLines(diffText);
   const isJSX = Boolean(
     meta.file && isJSXFile(meta.file) || hasJSXContent(added)
   );
-  const addedForFlow = isJSX ? added.filter((l) => !isClassNameOnlyLine(l)) : added;
-  const normalizedAdded = normalizeCode(addedForFlow);
-  const flowTree = parseToFlowTree(normalizedAdded);
-  const rawCode = addedForFlow.join("\n");
-  const removedForCode = isJSX ? removed.filter((l) => !isClassNameOnlyLine(l)) : removed;
-  const removedCode = removedForCode.join("\n");
+  const changedSymbols = extractChangedSymbols(added, removed);
   const classNameChanges = isJSX ? parseClassNameChanges(added, removed) : [];
   const jsxTree = isJSX ? parseJSXToFlowTree(added) : [];
   const sections = [];
-  const lang = isJSX ? "tsx" : "typescript";
   sections.push("# \u{1F4D6} GitHub Reader View\n");
   sections.push("> Generated by **github-mobile-reader**");
   if (meta.repo) sections.push(`> Repository: ${meta.repo}`);
@@ -378,42 +420,33 @@ function generateReaderMarkdown(diffText, meta = {}) {
   if (meta.commit) sections.push(`> Commit: \`${meta.commit}\``);
   if (meta.file) sections.push(`> File: \`${meta.file}\``);
   sections.push("\n");
-  if (flowTree.length > 0) {
-    sections.push("## \u{1F9E0} Logical Flow\n");
-    sections.push("```");
-    sections.push(...renderFlowTree(flowTree));
-    sections.push("```\n");
+  if (changedSymbols.length > 0) {
+    sections.push("### \uBCC0\uACBD\uB41C \uD568\uC218 / \uCEF4\uD3EC\uB10C\uD2B8\n");
+    const STATUS_ICON = { added: "\u2705", removed: "\u274C", modified: "\u270F\uFE0F" };
+    for (const { name, status } of changedSymbols) {
+      sections.push(`- ${STATUS_ICON[status]} \`${name}()\` \u2014 ${status}`);
+    }
+    sections.push("");
   }
   if (isJSX && jsxTree.length > 0) {
-    sections.push("## \u{1F3A8} JSX Structure\n");
+    sections.push("### \u{1F3A8} JSX Structure\n");
     sections.push("```");
-    sections.push(...renderFlowTree(jsxTree));
+    sections.push(renderJSXTreeCompact(jsxTree));
     sections.push("```\n");
   }
   if (isJSX && classNameChanges.length > 0) {
-    sections.push("## \u{1F485} Style Changes\n");
+    sections.push("### \u{1F485} Style Changes\n");
     sections.push(...renderStyleChanges(classNameChanges));
     sections.push("");
   }
-  if (rawCode.trim()) {
-    sections.push("## \u2705 Added Code\n");
-    sections.push(`\`\`\`${lang}`);
-    sections.push(rawCode);
-    sections.push("```\n");
-  }
-  if (removedCode.trim()) {
-    sections.push("## \u274C Removed Code\n");
-    sections.push(`\`\`\`${lang}`);
-    sections.push(removedCode);
-    sections.push("```\n");
-  }
   sections.push("---");
-  sections.push("\u{1F6E0} Auto-generated by [github-mobile-reader](https://github.com/your-org/github-mobile-reader). Do not edit manually.");
+  sections.push("\u{1F6E0} Auto-generated by [github-mobile-reader](https://github.com/3rdflr/github-mobile-reader). Do not edit manually.");
   return sections.join("\n");
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Priority,
+  extractChangedSymbols,
   extractClassName,
   extractJSXComponentName,
   filterDiffLines,
@@ -428,5 +461,6 @@ function generateReaderMarkdown(diffText, meta = {}) {
   parseJSXToFlowTree,
   parseToFlowTree,
   renderFlowTree,
+  renderJSXTreeCompact,
   renderStyleChanges
 });

package/dist/index.mjs

@@ -53,6 +53,7 @@ function parseClassNameChanges(addedLines, removedLines) {
   }
   const changes = [];
   for (const [comp, { added, removed }] of componentMap) {
+    if (comp === "unknown") continue;
     const pureAdded = [...added].filter((c) => !removed.has(c));
     const pureRemoved = [...removed].filter((c) => !added.has(c));
     if (pureAdded.length === 0 && pureRemoved.length === 0) continue;
@@ -315,21 +316,60 @@ function parseDiffToLogicalFlow(diffText) {
     removedCode: removed.join("\n")
   };
 }
+function extractChangedSymbols(addedLines, removedLines) {
+  const FUNC_RE = /^(?:export\s+)?(?:async\s+)?function\s+([a-z]\w+)|^(?:export\s+)?(?:const|let|var)\s+([a-z]\w+)\s*=\s*(?:async\s*)?\(/;
+  const COMPONENT_RE = /^(?:export\s+)?(?:default\s+)?(?:function|const)\s+([A-Z][a-z][A-Za-z0-9]*)/;
+  const extract = (lines) => {
+    const names = /* @__PURE__ */ new Set();
+    for (const line of lines) {
+      const cm = line.match(COMPONENT_RE) || line.match(FUNC_RE);
+      if (cm) {
+        const name = cm[1] || cm[2];
+        if (name) names.add(name);
+      }
+    }
+    return names;
+  };
+  const addedNames = extract(addedLines);
+  const removedNames = extract(removedLines);
+  const results = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const name of addedNames) {
+    seen.add(name);
+    results.push({ name, status: removedNames.has(name) ? "modified" : "added" });
+  }
+  for (const name of removedNames) {
+    if (!seen.has(name)) {
+      results.push({ name, status: "removed" });
+    }
+  }
+  return results;
+}
+function renderJSXTreeCompact(nodes, maxDepth = 3) {
+  const lines = [];
+  function walk(node, depth) {
+    if (depth > maxDepth) return;
+    const indent = "  ".repeat(depth);
+    const hasChildren = node.children.length > 0;
+    lines.push(`${indent}${node.name}${hasChildren ? "" : ""}`);
+    for (const child of node.children) {
+      walk(child, depth + 1);
+    }
+  }
+  for (const root of nodes) {
+    walk(root, 0);
+  }
+  return lines.join("\n");
+}
 function generateReaderMarkdown(diffText, meta = {}) {
   const { added, removed } = filterDiffLines(diffText);
   const isJSX = Boolean(
     meta.file && isJSXFile(meta.file) || hasJSXContent(added)
   );
-  const addedForFlow = isJSX ? added.filter((l) => !isClassNameOnlyLine(l)) : added;
-  const normalizedAdded = normalizeCode(addedForFlow);
-  const flowTree = parseToFlowTree(normalizedAdded);
-  const rawCode = addedForFlow.join("\n");
-  const removedForCode = isJSX ? removed.filter((l) => !isClassNameOnlyLine(l)) : removed;
-  const removedCode = removedForCode.join("\n");
+  const changedSymbols = extractChangedSymbols(added, removed);
   const classNameChanges = isJSX ? parseClassNameChanges(added, removed) : [];
   const jsxTree = isJSX ? parseJSXToFlowTree(added) : [];
   const sections = [];
-  const lang = isJSX ? "tsx" : "typescript";
   sections.push("# \u{1F4D6} GitHub Reader View\n");
   sections.push("> Generated by **github-mobile-reader**");
   if (meta.repo) sections.push(`> Repository: ${meta.repo}`);
@@ -337,41 +377,32 @@ function generateReaderMarkdown(diffText, meta = {}) {
   if (meta.commit) sections.push(`> Commit: \`${meta.commit}\``);
   if (meta.file) sections.push(`> File: \`${meta.file}\``);
   sections.push("\n");
-  if (flowTree.length > 0) {
-    sections.push("## \u{1F9E0} Logical Flow\n");
-    sections.push("```");
-    sections.push(...renderFlowTree(flowTree));
-    sections.push("```\n");
+  if (changedSymbols.length > 0) {
+    sections.push("### \uBCC0\uACBD\uB41C \uD568\uC218 / \uCEF4\uD3EC\uB10C\uD2B8\n");
+    const STATUS_ICON = { added: "\u2705", removed: "\u274C", modified: "\u270F\uFE0F" };
+    for (const { name, status } of changedSymbols) {
+      sections.push(`- ${STATUS_ICON[status]} \`${name}()\` \u2014 ${status}`);
+    }
+    sections.push("");
   }
   if (isJSX && jsxTree.length > 0) {
-    sections.push("## \u{1F3A8} JSX Structure\n");
+    sections.push("### \u{1F3A8} JSX Structure\n");
     sections.push("```");
-    sections.push(...renderFlowTree(jsxTree));
+    sections.push(renderJSXTreeCompact(jsxTree));
     sections.push("```\n");
   }
   if (isJSX && classNameChanges.length > 0) {
-    sections.push("## \u{1F485} Style Changes\n");
+    sections.push("### \u{1F485} Style Changes\n");
     sections.push(...renderStyleChanges(classNameChanges));
     sections.push("");
   }
-  if (rawCode.trim()) {
-    sections.push("## \u2705 Added Code\n");
-    sections.push(`\`\`\`${lang}`);
-    sections.push(rawCode);
-    sections.push("```\n");
-  }
-  if (removedCode.trim()) {
-    sections.push("## \u274C Removed Code\n");
-    sections.push(`\`\`\`${lang}`);
-    sections.push(removedCode);
-    sections.push("```\n");
-  }
   sections.push("---");
-  sections.push("\u{1F6E0} Auto-generated by [github-mobile-reader](https://github.com/your-org/github-mobile-reader). Do not edit manually.");
+  sections.push("\u{1F6E0} Auto-generated by [github-mobile-reader](https://github.com/3rdflr/github-mobile-reader). Do not edit manually.");
   return sections.join("\n");
 }
 export {
   Priority,
+  extractChangedSymbols,
   extractClassName,
   extractJSXComponentName,
   filterDiffLines,
@@ -386,5 +417,6 @@ export {
   parseJSXToFlowTree,
   parseToFlowTree,
   renderFlowTree,
+  renderJSXTreeCompact,
   renderStyleChanges
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "github-mobile-reader",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Transform git diffs into mobile-friendly Markdown — no more horizontal scrolling when reviewing code on your phone.",
   "keywords": [
     "github",