github-mobile-reader 0.1.2 → 0.1.4

package/dist/index.mjs

@@ -11,7 +11,9 @@ function isJSXFile(filename) {
   return /\.(jsx|tsx)$/.test(filename);
 }
 function hasJSXContent(lines) {
-  return lines.some((l) => /<[A-Z][A-Za-z]*[\s/>]/.test(l) || /return\s*\(/.test(l));
+  return lines.some(
+    (l) => /<[A-Z][A-Za-z]*[\s/>]/.test(l) || /return\s*\(/.test(l)
+  );
 }
 function isClassNameOnlyLine(line) {
   return /^className=/.test(line.trim());
@@ -19,7 +21,9 @@ function isClassNameOnlyLine(line) {
 function extractClassName(line) {
   const staticMatch = line.match(/className="([^"]*)"/);
   if (staticMatch) return staticMatch[1];
-  const ternaryMatch = line.match(/className=\{[^?]+\?\s*"([^"]*)"\s*:\s*"([^"]*)"\}/);
+  const ternaryMatch = line.match(
+    /className=\{[^?]+\?\s*"([^"]*)"\s*:\s*"([^"]*)"\}/
+  );
   if (ternaryMatch) return `${ternaryMatch[1]} ${ternaryMatch[2]}`;
   const templateMatch = line.match(/className=\{`([^`]*)`\}/);
   if (templateMatch) {
@@ -41,18 +45,21 @@ function parseClassNameChanges(addedLines, removedLines) {
     const cls = extractClassName(line);
     const comp = extractComponentFromLine(line);
     if (!cls) continue;
-    if (!componentMap.has(comp)) componentMap.set(comp, { added: /* @__PURE__ */ new Set(), removed: /* @__PURE__ */ new Set() });
+    if (!componentMap.has(comp))
+      componentMap.set(comp, { added: /* @__PURE__ */ new Set(), removed: /* @__PURE__ */ new Set() });
     cls.split(/\s+/).filter(Boolean).forEach((c) => componentMap.get(comp).added.add(c));
   }
   for (const line of removedLines.filter((l) => /className=/.test(l))) {
     const cls = extractClassName(line);
     const comp = extractComponentFromLine(line);
     if (!cls) continue;
-    if (!componentMap.has(comp)) componentMap.set(comp, { added: /* @__PURE__ */ new Set(), removed: /* @__PURE__ */ new Set() });
+    if (!componentMap.has(comp))
+      componentMap.set(comp, { added: /* @__PURE__ */ new Set(), removed: /* @__PURE__ */ new Set() });
     cls.split(/\s+/).filter(Boolean).forEach((c) => componentMap.get(comp).removed.add(c));
   }
   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;
@@ -65,7 +72,8 @@ function renderStyleChanges(changes) {
   for (const change of changes) {
     lines.push(`**${change.component}**`);
     if (change.added.length > 0) lines.push(`  + ${change.added.join("  ")}`);
-    if (change.removed.length > 0) lines.push(`  - ${change.removed.join("  ")}`);
+    if (change.removed.length > 0)
+      lines.push(`  - ${change.removed.join("  ")}`);
   }
   return lines;
 }
@@ -134,8 +142,12 @@ function parseJSXToFlowTree(lines) {
 }
 function filterDiffLines(diffText) {
   const lines = diffText.split("\n");
-  const added = lines.filter((l) => l.startsWith("+") && !l.startsWith("+++") && l.trim() !== "+").map((l) => l.substring(1));
-  const removed = lines.filter((l) => l.startsWith("-") && !l.startsWith("---") && l.trim() !== "-").map((l) => l.substring(1));
+  const added = lines.filter(
+    (l) => l.startsWith("+") && !l.startsWith("+++") && l.trim() !== "+"
+  ).map((l) => l.substring(1));
+  const removed = lines.filter(
+    (l) => l.startsWith("-") && !l.startsWith("---") && l.trim() !== "-"
+  ).map((l) => l.substring(1));
   return { added, removed };
 }
 function normalizeCode(lines) {
@@ -315,21 +327,63 @@ 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+)?\(?|^(?:export\s+)?(?:const|let|var)\s+([a-z]\w+)\s*=\s*[a-z]\w+\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] || cm[3];
+        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 +391,34 @@ 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 +433,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.4",
   "description": "Transform git diffs into mobile-friendly Markdown — no more horizontal scrolling when reviewing code on your phone.",
   "keywords": [
     "github",