ts-axi 0.1.4 → 0.1.6

package/README.md

@@ -37,7 +37,17 @@ help[5]:
 
 Read-only: no lint, no refactor, no rename.
 
-> **Status: early (v0.1.x).**
+## Status (v0.1.4)
+
+Early, but already used in real reviews. What the numbers say so far:
+
+- **Correctness on the test corpus.** 163 unit and command tests over five synthetic fixtures (a TS project with an interface and three implementations, an Nx-style workspace with `tsconfig.base.json` paths and a pnpm workspace, a script-style JavaScript tree, a CommonJS package and an ESM package without tsconfig), plus 39 integration tests that run the built binary against a vendored Astro + React one-pager (`test/integration/sample`: barrel re-exports, JSX islands, custom hooks, a JS consumer of a TS export, a `.ts-axi.json` test glob). They pin exact line numbers, reference counts, test counts, change classes and the interface split.
+- **A real monorepo** (Nx, 142 projects, ~5.4k source files after gitignore): `refs` on a service method finds its two callers in *another* project in 3-5 s without any flag; `impact` on a 7-file commit reports 15 changes with cross-project references in ~5 s; `callers` on a method that implements an interface shared by seven classes reports the 1 direct call plus the spec calls, where the raw compiler API returned 8 unrelated implementations. Before the workspace scope, the same `impact` ran out of memory.
+- **Against grep, in characters an agent has to read** (same monorepo, measured by a reviewer session): `callers` 720 vs ~3.5k for the two greps a reviewer needs - and grep still leaves the interface ambiguity to the human; `impact` on a commit 4.7k vs ~7.3k for per-symbol greps plus the `git show --stat` needed to learn the symbol list. `def` on a very common name was *worse* than grep until nested git worktrees were excluded (96 matches, 92 of them copies); it is 4 now.
+
+- **Plain JavaScript** (no tsconfig, measured on two public packages): on p-limit (ESM, `index.js` beside `index.d.ts`) `refs pLimit` went from 1 to 48 References, 35 of them in `test.js`, which now counts as a Test file; on express (CommonJS, `index.js` = `module.exports = require('./lib/express')`) `callers createApplication` went from 2 call sites in 2 files to 678 in 94 files, 67 of them Test files (every one of the 22 test files that does `require('..')` included). The rule: References are semantic wherever the checker can follow them, and every Symbol declared in JavaScript (or in an implicit project) also prints `textual: <n> matches in <m> files`; when the text names it more often than the checker found, `help` points at `--grep` for the rest. `refs app.render` on express is the honest case: the method sits on an untyped expando object, the checker finds 0 References, and the output says `textual: 132 matches in 21 files` with the `--grep` hint instead of a bare 0; `impact` adds a `textual` column for such a Change rather than calling it local-only.
+
+Known limits: `.astro` / `.vue` / `.svelte` files are not analysed (they appear under `skipped`, and `--grep` searches them textually); every semantic command starts cold (0.3 s on a small project, 2-5 s on the monorepo, dominated by the library `.d.ts` files that barrels pull in); import specifiers are extracted textually, so computed specifiers and bundler-only aliases are missed.
 
 ## Install
 
@@ -73,7 +83,99 @@ npx skills add cmosgh/ts-axi --skill ts-axi
 
 `ts-axi <command> --help` prints a concise, complete flag reference. `-P <tsconfig>` selects a project on any command that may analyse types; `--json` prints the decoded payload.
 
-<!-- TODO(phase 4): paste real examples for def / refs / outline / config from the fixture project. -->
+### A review, end to end
+
+```sh
+ts-axi                                  # which project, how many files, how many are tests
+ts-axi impact main...HEAD               # what the branch changes and who depends on it
+ts-axi callers src/lib/format.ts:5      # the risky symbol: every call site with its enclosing function
+ts-axi def src/lib/cart.ts:32           # read one declaration, numbered for inline comments
+ts-axi outline src/lib/cart.ts          # the rest of the file, without reading it
+```
+
+Real output from the sample project (`test/integration/sample`):
+
+```
+$ ts-axi callers formatPrice
+symbol: formatPrice
+kind: function
+declared_at: "src/lib/format.ts:5"
+refs_total: 7
+files: 6
+tests: 2
+refs[7]{file,line,caller,context}:
+  src/components/Counter.tsx,12,Counter,"{cups} cups = {formatPrice(cups * CUP_CENTS)}"
+  src/components/ProductCard.tsx,13,ProductCard,"<p>{formatPrice(item.priceCents)}</p>"
+  src/lib/analytics.js,4,trackPurchase,"return { event: 'purchase', value: formatPrice(cents, 'EUR') };"
+  src/lib/cart.it.ts,8,(top-level),expect(cart.total()).toBe(formatPrice(3700));
+  src/lib/cart.ts,34,Cart.total,return formatPrice(cents);
+  src/lib/format.test.ts,6,(top-level),expect(formatPrice(1850)).toBe('18.50 USD');
+  src/lib/format.test.ts,9,(top-level),"expect(formatPrice(305, 'EUR')).toBe('3.05 EUR');"
+elapsed_ms: 549
+```
+
+```
+$ ts-axi def Cart.total
+file: src/lib/cart.ts
+line: 32
+kind: method
+exported: true
+signature: "total(): string"
+body:
+---
+  32 |   total(): string {
+  33 |     const cents = this.items.reduce((sum, i) => sum + i.priceCents * i.qty, 0);
+  34 |     return formatPrice(cents);
+  35 |   }
+---
+```
+
+The line numbers in front of the body are file lines, so an agent can cite or comment on them directly. An ambiguous name lists the candidates and the exact commands that narrow them:
+
+```
+$ ts-axi def parse
+symbol: parse
+matches[2]{file,line,kind,exported,signature}:
+  src/lib/parse.ts,1,function,true,"export function parse(input: string): number"
+  src/lib/query.ts,1,function,true,"export function parse(q: string): Record<string, string>"
+help[4]:
+  - "Run `ts-axi def src/lib/parse.ts:1` for the one in src/lib/parse.ts"
+  - "Run `ts-axi def src/lib/query.ts:1` for the one in src/lib/query.ts"
+  ...
+```
+
+### Interfaces are not conflated
+
+`findReferences` in the compiler resolves a call like `parser.parse(raw)` (with `parser: FieldParser`) to every implementation of `parse`, and lists the other implementations' declarations as references. For a review that inflates the blast radius badly. ts-axi keeps the split:
+
+```
+$ ts-axi callers DateParser.parse
+symbol: DateParser.parse
+refs_total: 1
+via_interface: 1 (FieldParser.parse)
+refs[1]{file,line,caller,context}:
+  src/services/dates.ts,4,dayOf,return new DateParser().parse(x);
+
+$ ts-axi refs FieldParser.parse
+refs_total: 1
+via_implementations: 1 (DateParser.parse)
+implementations: 3
+refs[1]{file,line,context}:
+  src/parsers/registry.ts,5,return parser.parse(raw);
+```
+
+### Script-style JavaScript
+
+```
+$ ts-axi outline client/app.js
+decls[4]{line,kind,name,exported,signature}:
+  6,function,CartCtrl,true,"controller CartCtrl($scope, priceService)"
+  12,function,priceService,true,service priceService()
+  13,method,priceService.sum,true,this.sum = function (items)
+  17,function,cartBadge,true,directive cartBadge()
+```
+
+An edit inside `CartCtrl` is reported by `impact` as `CartCtrl body`, not as a file-level change. Names registered by a string have no identifier the checker can follow; `refs` says so and offers `--grep`. ui-router and ngRoute states are Declarations of kind `state` (`states.cart`, with callbacks as `states.cart.resolve.items`), so an edit inside a `resolve` names that callback. Directives, components, their `scope`/`bindings` keys, controllers and filters also get `templates: <n> usages in <m> files` (kebab-case elements and attributes, `ng-controller`, `| filter` in `.html`/`.htm`/`.ejs`/`.hbs`/`.njk`/`.pug`), a `templates` column in `impact`, and a changed template that uses a changed directive or binding is listed under `template_changes` instead of `skipped`.
 
 ## Monorepos
 
@@ -91,7 +193,7 @@ Files are listed with `git ls-files` (tracked plus untracked, gitignore applied)
 
 ## Test files
 
-A file counts as a test by path pattern. Defaults: `**/*.test.*`, `**/*.spec.*`, `**/__tests__/**`, `**/test/**`, `**/tests/**`, `**/e2e/**`. The home view shows `test_globs` and `test_files` so a wrong rule is visible.
+A file counts as a test by path pattern. Defaults: `**/*.test.*`, `**/*.spec.*`, `**/__tests__/**`, `**/test/**`, `**/tests/**`, `**/e2e/**`, `**/spec/**`, `**/test.*`, `**/*_test.*`. The home view shows `test_globs` and `test_files` so a wrong rule is visible.
 
 ## `.ts-axi.json`
 
@@ -116,7 +218,8 @@ One dependency: the `typescript` compiler API (ADR in `docs/adr/0001-typescript-
 - `outline`, `def` and the home view only parse files (`ts.createSourceFile`): no tsconfig needed, well under a second.
 - `refs`, `callers` and `impact` build a `LanguageService` over the nearest `tsconfig.json` (or an implicit project of every source file when none exists, with a warning; in a monorepo or an implicit project of more than 3000 files, over the importer subgraph described above) and ask it for references and call hierarchy. Symbol identity comes from the checker, so `user.save` resolves to `User.save` through imports and re-exports.
 - `impact` reads the "before" version of touched files with `git show` and compares signatures to classify each change (`added`, `removed`, `signature`, `body`, `type`, `modified`). Uses it cannot follow (access through `any`, dynamic string keys) are reported as `blind_spots`, never silently dropped.
-- Script-style JavaScript (AngularJS registrations, Meteor methods and helpers, `module.exports` objects, prototype methods, IIFE helpers) gets nested declarations with qualified names, so `outline` lists them and `impact` names the function an edit touches instead of a file-level change.
+- Module resolution keeps TypeScript's rules with two substitutions so References reach implementations: a `.d.ts` that has a JavaScript twin in the Project (`index.d.ts` beside `index.js`) resolves to the twin, and a CommonJS shim whose only statement is `module.exports = require('./x')` resolves to `./x`, so `require('..')` reaches the real function. A `.d.ts` twin that still ends up in the program is queried too and its References merged.
+- Script-style JavaScript (AngularJS registrations and ui-router states, Meteor methods and helpers, `module.exports` objects, prototype methods, IIFE helpers) gets nested declarations with qualified names, so `outline` lists them and `impact` names the function an edit touches instead of a file-level change.
 - Type errors in the analysed project never block anything; they are reported as a `diagnostics` count.
 
 Every semantic command starts cold and prints `elapsed_ms`.
@@ -128,7 +231,17 @@ corepack pnpm install
 corepack pnpm run check   # typecheck, tests, build, skill freshness
 ```
 
-`skills/ts-axi/SKILL.md` is generated: `corepack pnpm run build:skill`. See `PLAN.md` for the spec and `GLOSSARY.md` for the vocabulary.
+`skills/ts-axi/SKILL.md` is generated: `corepack pnpm run build:skill`. See `PLAN.md` for the spec, `GLOSSARY.md` for the vocabulary and `docs/adr/` for the two engine decisions (TypeScript LanguageService over ts-morph / tree-sitter; importer subgraph over a configured project list).
+
+### Tests
+
+| Suite | Runs | Covers |
+| --- | --- | --- |
+| `test/unit.test.ts`, `test/workspace.test.ts` | `pnpm test` | target parsing, signatures, change classification, diff parsing, settings, glob matching, reference classification, workspace detection, import resolution |
+| `test/commands.test.ts` | `pnpm test` | the whole CLI through `main()` over five fixtures copied to temp git repos: `test/fixtures/project` (TS, interface + implementations, barrel, JS consumer, `any` access), `test/fixtures/workspace` (Nx + pnpm workspace, `paths`, references-only tsconfigs), `test/fixtures/legacy-js` (AngularJS, Meteor, prototype, IIFE, CommonJS), `test/fixtures/commonjs` (`require('..')` shim, expando methods, `.d.ts` twin), `test/fixtures/esm-js` (`"type": "module"`, `index.js` + `index.d.ts`) |
+| `test/integration/*.test.ts` | `pnpm run test:integration` | the built binary against the vendored Astro + React sample in `test/integration/sample` (installs its own dependencies once; copied to a temp git repo per run, see `test/integration/README.md`) |
+
+CI runs the first two on Node 22 and 24, the built CLI on Node 20, and the integration suite on Node 24.
 
 ## License
 

package/dist/src/commands/def.js

@@ -5,7 +5,7 @@ import { isFunctionLike, kindFromScriptElement, parseTarget } from "../symbols.j
 import { BODY_LINES, declarationAt, filterSuffix, MATCH_ROWS, matchRows, narrowHints, numberedLines, open, positionStartDir, resolveNameTarget, resolvePosition, suggestions, TARGET_FLAGS, targetLabel, readFilters, } from "./common.js";
 export const DEF_HELP = `usage: ts-axi def <name | Class.member | path:line[:col]> [flags]
 flags[7]:
-  --kind <function|class|method|property|variable|interface|type|enum|enum-member|namespace>, --in <dir|glob> (repeatable; restrict to files), --exported, --fuzzy (substring, case-insensitive), --full (whole body; default first ${BODY_LINES} lines), -P <tsconfig>, --json
+  --kind <function|class|method|property|variable|interface|type|enum|enum-member|namespace|state>, --in <dir|glob> (repeatable; restrict to files), --exported, --fuzzy (substring, case-insensitive), --full (whole body; default first ${BODY_LINES} lines), -P <tsconfig>, --json
 output:
   1 match = file, line, kind, exported, signature + body fenced with file line numbers
   several = matches[n]{file,line,kind,exported,signature} (at most ${MATCH_ROWS}; matches_total + truncated past that) + the narrowing forms (--in, --kind, Class.member, --exported) with how many each keeps

package/dist/src/commands/impact.js

@@ -11,6 +11,7 @@ import { block, helpBlock, out } from "../render.js";
 import { isTestFile } from "../settings.js";
 import { isFunctionLike } from "../symbols.js";
 import { IMPACT_HOPS, scopeFields, scopeHelp, semanticFor } from "../scope.js";
+import { isTemplatePath, loadTemplates, templateTarget, templateUsages, usagesIn } from "../templates.js";
 import { walkFiles } from "../walk.js";
 import { contextOf, lineOf, open, projectFields } from "./common.js";
 const DEFAULT_LIMIT = 50;
@@ -28,11 +29,14 @@ flags[7]:
 output:
   base, head, changes (count), changed[n]{symbol,kind,change,exported,at,refs_total,refs_outside,via,files,tests}
   change = signature | removed | type | added | body | modified (before unavailable) - riskiest first
+  textual = column added only when an untyped (JavaScript; implicit project) Symbol has more whole-word matches outside the change set than refs_outside - those are uses the checker cannot resolve; - for typed rows; such a Change is never local_only
   refs_* / files / tests count direct References only; via = References outside the change set that reach the Symbol through an interface or base member it implements (or name an override of it) - they MAY call it
   refs[n]{symbol,file,line,context} = References outside the change set; truncated + refs_shown + refs_outside_total when cut
   notes[n]{symbol,note} = a signature change of a member that implements an interface or base member (the contract may break)
   local_only = Changes with no Reference outside the change set; file_level[n]{file,lines} = changed lines outside any Declaration
   blind_spots[n]{symbol,file,line,reason} = uses the checker cannot follow (any; string keys; unresolved export *)
+  templates = column added only when a changed Symbol is one templates name (directive, component, binding, controller, filter): its usages in .html/.htm/.ejs/.hbs/.njk/.pug files; - for other rows; such a Change is never local_only
+  template_changes[n]{file,symbols} = templates in the diff that use a changed directive, binding, controller or filter - review them with that change
   skipped[n]{file,reason} = files in the diff that were not analysed (.astro, .json, outside the Project)
   tests: 0 on an exported signature or body change = no Test file references it
   scope = in a monorepo without -P the program is the touched files + two levels of importers (scope_partial: true when capped)
@@ -254,6 +258,54 @@ export function textualMatches(opened, semantic, names, known, skipLines, change
     }
     return rows.sort((a, b) => a.file.localeCompare(b.file) || a.line - b.line);
 }
+/**
+ * The checker may miss uses: JS declaring file, a string-registered name, or no tsconfig at all.
+ * A state's hooks (`onEnter`, inline `controller`) are called by the router, never by name: no textual count.
+ */
+export function isUntyped(opened, decl, file) {
+    if (decl?.parentName !== undefined && /^(states|routes)\./.test(decl.parentName) && !decl.parentName.endsWith(".resolve"))
+        return false;
+    return decl?.nameless === true || opened.index.project.implicit || (file !== undefined && /\.[mc]?jsx?$/.test(file));
+}
+/** Whole-word occurrences of `name` in Project files outside `changeSet`; lines declaring a `name` excluded. */
+export function textualCount(opened, name, changeSet = new Map()) {
+    let matches = 0;
+    let files = 0;
+    for (const abs of opened.index.files) {
+        const text = opened.index.text(abs);
+        if (text === undefined || !text.includes(name))
+            continue;
+        const rel = opened.index.rel(abs);
+        const declared = new Set(opened.index.declarations(abs).filter((d) => d.name === name).map((d) => d.nameLine));
+        const n = wordMatches(text, name).filter((m) => !declared.has(m.line) && !inRanges(changeSet.get(rel), m.line)).length;
+        matches += n;
+        if (n > 0)
+            files++;
+    }
+    return { matches, files };
+}
+export function textualLine(count) {
+    return `${count.matches} matches in ${count.files} files`;
+}
+export function textualHint(command, gap) {
+    return `Run \`${command}\` for the ${gap} textual matches the checker cannot resolve (untyped JavaScript)`;
+}
+/** `--grep` rows plus template usages of the templated rows, one per file:line. */
+function withTemplateRows(textRows, rows, files) {
+    const texts = new Map(files.map((f) => [f.rel, f.text]));
+    const seen = new Set(textRows.map((u) => `${u.file}:${u.line}`));
+    const result = [...textRows];
+    for (const row of rows) {
+        for (const u of row.templates ?? []) {
+            const key = `${u.file}:${u.line}`;
+            if (seen.has(key))
+                continue;
+            seen.add(key);
+            result.push({ file: u.file, line: u.line, context: contextOf(lineOf(texts.get(u.file), u.line), u.col) });
+        }
+    }
+    return result.sort((a, b) => a.file.localeCompare(b.file) || a.line - b.line);
+}
 function siteKey(site) {
     return `${site.item.file}#${site.item.selectionSpan.start}`;
 }
@@ -362,9 +414,13 @@ export async function impactCommand(args, ctx) {
         ...input.missing.map((file) => ({ file, reason: "not in the working tree" })),
     ];
     const analysed = [];
+    // Templates stay skipped unless they use a changed Symbol (then template_changes).
+    const templateInputs = [];
     for (const file of input.files) {
         if (/\.d\.[mc]?ts$/.test(file.path))
             skipped.push({ file: file.path, reason: "declaration file" });
+        else if (isTemplatePath(file.path))
+            templateInputs.push(file);
         else if (!isSourcePath(file.path))
             skipped.push({ file: file.path, reason: "not TS or JS source" });
         else if (file.status !== "deleted" && !projectFiles.has(opened.index.abs(file.path)))
@@ -403,8 +459,14 @@ export async function impactCommand(args, ctx) {
         head: input.head,
         changes: total,
     };
-    const skippedBlock = skipped.length > 0 ? capped("skipped", skipped) : {};
+    const skipTemplates = (used) => {
+        for (const f of templateInputs)
+            if (!used.has(f.path))
+                skipped.push({ file: f.path, reason: "not TS or JS source" });
+    };
     if (declChanges.length === 0) {
+        skipTemplates(new Set());
+        const skippedBlock = skipped.length > 0 ? capped("skipped", skipped) : {};
         const help = total === 0
             ? [arg === undefined && !staged ? "Run `ts-axi impact main...HEAD` to analyse a branch against main" : "Run `ts-axi impact` for uncommitted changes"]
             : ["Changes touch imports or module-level statements only - read those lines directly"];
@@ -464,8 +526,43 @@ export async function impactCommand(args, ctx) {
         row.all = entries.filter((e) => !e.isDefinition);
         row.outside = row.all.filter((e) => !inRanges(changeSet.get(e.file), e.line)).sort(byPosition);
     }
+    for (const row of rows) {
+        if (!row.live || !isUntyped(opened, row.live, row.live.file))
+            continue;
+        row.textual = textualCount(opened, row.live.name, changeSet);
+        if (row.textual.matches > 0)
+            row.unresolved = textualMatches(opened, semantic, [row.live.name], known, new Set(), changeSet).length;
+    }
+    // Template usages: directives, components, bindings, controllers and filters named in .html and friends.
+    let templateFiles;
+    for (const row of rows) {
+        const decl = row.live ?? row.change.before;
+        const fileDecls = [
+            ...opened.index.declarations(opened.index.abs(row.change.file)),
+            ...declChanges.filter((c) => c.file === row.change.file).flatMap((c) => (c.before ? [c.before] : [])),
+        ];
+        const target = templateTarget(decl, fileDecls);
+        if (!target)
+            continue;
+        templateFiles ??= loadTemplates(opened.root);
+        row.template = target;
+        row.templates = templateUsages(templateFiles, target);
+    }
+    const templateChanges = [];
+    for (const f of templateInputs) {
+        const text = f.afterText ?? f.beforeText;
+        if (typeof text !== "string")
+            continue;
+        const symbols = [...new Set(rows.filter((r) => r.template && usagesIn(text, r.template).length > 0).map((r) => r.symbol))];
+        if (symbols.length > 0)
+            templateChanges.push({ file: f.path, symbols: symbols.join("; ") });
+    }
+    skipTemplates(new Set(templateChanges.map((t) => t.file)));
+    const skippedBlock = skipped.length > 0 ? capped("skipped", skipped) : {};
+    // Textual matches the checker did not resolve: such a Change is never local_only.
+    const textualGap = (r) => (r.textual && r.textual.matches > r.outside.length ? r.unresolved ?? 0 : 0);
     const shownRefs = (r) => (showVia ? [...r.outside, ...r.via].sort(byPosition) : r.outside);
-    const hasOutside = (r) => r.outside.length > 0 || r.via.length > 0;
+    const hasOutside = (r) => r.outside.length > 0 || r.via.length > 0 || textualGap(r) > 0 || (r.templates?.length ?? 0) > 0;
     const listed = rows
         .filter(hasOutside)
         .sort((a, b) => compareChanges({ change: a.change.change, exported: a.exported, refsOutside: a.outside.length, file: a.change.file, line: (a.live ?? a.change.before).line }, { change: b.change.change, exported: b.exported, refsOutside: b.outside.length, file: b.change.file, line: (b.live ?? b.change.before).line }));
@@ -494,9 +591,10 @@ export async function impactCommand(args, ctx) {
             names.set(name, r.symbol);
     }
     const spots = blindSpots(semantic, names, changeSet);
-    const unresolved = grep
+    const textRows = grep
         ? textualMatches(opened, semantic, [...names.keys()], known, new Set(spots.map((s) => `${s.file}:${s.line}`)), changeSet)
         : [];
+    const unresolved = grep ? withTemplateRows(textRows, rows, templateFiles ?? []) : [];
     const touched = [...new Set([...analysed.filter((f) => f.status !== "deleted").map((f) => f.path), ...listed.flatMap((r) => r.outside.map((e) => e.file))])];
     const diagnostics = semantic.diagnosticsCount(touched);
     // --- Help ---
@@ -513,7 +611,10 @@ export async function impactCommand(args, ctx) {
         help.push(`${removedTop.symbol} was removed but is still referenced - those files break`);
     if (truncated)
         help.push(`Showing ${refRows.length} of ${outsideTotal} ref rows; run \`${rerun(arg, parsed, `--limit ${Math.min(MAX_LIMIT, outsideTotal)}`)}\` for more`);
-    if (spots.length > 0 && !grep)
+    const gap = listed.reduce((n, r) => n + textualGap(r), 0);
+    if (gap > 0 && !grep)
+        help.unshift(textualHint(rerun(arg, parsed, "--grep"), gap));
+    if (spots.length > 0 && !grep && gap === 0)
         help.push(`Run \`${rerun(arg, parsed, "--grep")}\` for textual matches the checker cannot see`);
     if (depth === 1 && rows.some((r) => r.live && isFunctionLike(r.kind) && r.outside.length > 0)) {
         help.push(`Run \`${rerun(arg, parsed, "--depth 2")}\` for who calls the callers`);
@@ -521,6 +622,11 @@ export async function impactCommand(args, ctx) {
     if (!showVia && listed.some((r) => r.via.length > 0)) {
         help.push(`Run \`${rerun(arg, parsed, "--via")}\` for References through an interface or base member - they may reach the changed code`);
     }
+    const templated = listed.filter((r) => (r.templates?.length ?? 0) > 0).sort((a, b) => b.templates.length - a.templates.length)[0];
+    if (templated && !grep)
+        help.push(`Run \`ts-axi refs ${templated.at} --grep\` for the ${templated.templates.length} template usages of ${templated.symbol}`);
+    if (templateChanges.length > 0)
+        help.push("template_changes use a changed directive or binding - review each against that change");
     if (skipped.length > 0)
         help.push("Skipped files are not TS or JS source of the Project - review them by hand");
     const specHint = specFilesHint(ctx.cwd, opened, skipped, listed.every((r) => fileCounts(r).tests === 0));
@@ -543,15 +649,18 @@ export async function impactCommand(args, ctx) {
                     refs_total: r.all.length,
                     refs_outside: r.outside.length,
                     via: r.via.length,
+                    ...(gap > 0 ? { textual: r.textual ? r.textual.matches : "-" } : {}),
+                    ...(rows.some((x) => x.template) ? { templates: r.templates ? r.templates.length : "-" } : {}),
                     ...fileCounts(r),
                 })),
-                refs: refRows,
+                ...(refRows.length > 0 ? { refs: refRows } : {}),
             }
             : {}),
         ...(truncated ? { truncated: true, refs_shown: refRows.length, refs_outside_total: outsideTotal } : {}),
         ...(notes.length > 0 ? { notes } : {}),
         ...(localOnly.length > 0 ? { local_only: localOnlyLine(localOnly.map((r) => `${r.symbol} ${r.change.change}`)) } : {}),
         ...(fileLevel.length > 0 ? { file_level: fileLevel } : {}),
+        ...(templateChanges.length > 0 ? capped("template_changes", templateChanges) : {}),
         ...capped("blind_spots", spots),
         ...(grep ? capped("unresolved", unresolved) : {}),
         ...depthLevels(semantic, rows, depth),

package/dist/src/commands/outline.js

@@ -12,6 +12,7 @@ flags[3]:
 output:
   one file = file + decls[n]{line,kind,name,exported,signature}; several = decls[n]{file,line,kind,name,exported,signature}
   class members follow their class as Class.member; at most ${MAX_ROWS} rows
+  kind state = a ui-router / ngRoute state as states.<name> (routes.<path>); its callbacks follow as states.<name>.resolve.<key> / states.<name>.onEnter
 examples[3]:
   ts-axi outline src/models/user.ts
   ts-axi outline src/models/user.ts --exported

package/dist/src/commands/refs.js

@@ -1,11 +1,12 @@
 import { relative, sep } from "node:path";
 import { bool, expectPositionals, flag, intFlag, parseArgs } from "../args.js";
 import { importerClosure } from "../importers.js";
-import { textualMatches } from "./impact.js";
+import { isUntyped, textualCount, textualHint, textualLine, textualMatches } from "./impact.js";
 import { findOutsideProject, nearestTsconfig } from "../project.js";
 import { viaLine } from "../references.js";
 import { block, helpBlock, out } from "../render.js";
 import { importerIndexFor, REFS_HOPS, scopeFields, scopeHelp, semanticFor } from "../scope.js";
+import { loadTemplates, templatesLine, templateTarget, templateUsages } from "../templates.js";
 import { byDepthThenPath } from "../walk.js";
 import { detectWorkspace, isMultiProject } from "../workspace.js";
 import { isTestFile } from "../settings.js";
@@ -14,14 +15,16 @@ import { contextOf, declarationAt, filterSuffix, lineOf, MATCH_ROWS, matchRows,
 const DEFAULT_LIMIT = 50;
 const MAX_LIMIT = 500;
 const DEPTH_ROWS = 50;
-const SHARED_FLAGS = `--kind <function|class|method|property|variable|interface|type|enum|enum-member|namespace> (narrows a name), --in <dir|glob> (repeatable; Declarations in these files), --exported, --fuzzy, --limit <1-${MAX_LIMIT}> (default ${DEFAULT_LIMIT} rows), --test-glob <glob> (repeatable; extra Test file pattern), --via (adds via rows with a via column), -P <tsconfig>, --json`;
+const SHARED_FLAGS = `--kind <function|class|method|property|variable|interface|type|enum|enum-member|namespace|state> (narrows a name), --in <dir|glob> (repeatable; Declarations in these files), --exported, --fuzzy, --limit <1-${MAX_LIMIT}> (default ${DEFAULT_LIMIT} rows), --test-glob <glob> (repeatable; extra Test file pattern), --via (adds via rows with a via column), -P <tsconfig>, --json`;
 const VIA_DOC = `via_interface: n (Iface.member) = References through an interface or base member the Symbol implements or overrides - they MAY reach it; not in refs_total
   via_implementations: n (Impl.member) = References to implementations or overrides of the Symbol; not in refs_total
   implementations: n = members that implement or override the Symbol (their Declarations are never refs)
   matches: 0 under -P lists found_outside_project[n]{file,line} when the name is declared outside that Project
   refs_total: 0 under -P in a workspace lists found_outside_project[n]{file,line} = importers outside that Project
   scope = in a monorepo without -P the program is the declaring file + its importers (scope_partial: true when the importer scan was capped)
-  tsconfig: x (n referenced configs) = a references-only tsconfig expanded to the configs it references`;
+  tsconfig: x (n referenced configs) = a references-only tsconfig expanded to the configs it references
+  textual: n matches in m files = whole-word count of the name in Project files (JavaScript declarations and implicit projects); above refs_total = uses the checker cannot resolve - see refs --grep
+  templates: n usages in m files = template uses (.html .htm .ejs .hbs .njk .pug) of a directive or component (<wap-select / wap-select / data-wap-select), its bindings (fallback-display-property= on that tag), a controller (ng-controller) or a filter (| money); refs --grep lists them in unresolved`;
 export const REFS_HELP = `usage: ts-axi refs <name | Class.member | path:line[:col]> [flags]
 flags[12]:
   ${SHARED_FLAGS}
@@ -146,11 +149,37 @@ async function run(args, ctx, invoked) {
     const declaredAt = decl ? `${decl.file}:${decl.nameLine}` : def && def.line > 0 ? `${def.file}:${def.line}` : "(outside the Project)";
     const header = { ...warning, ...projectFields(opened), symbol, kind, declared_at: declaredAt };
     const explicit = Boolean(project || opened.settings.project);
-    const o = { started, symbol, declaredAt, show, scope, explicit, label, name, absFile: resolved.absFile, ...(decl ? { decl } : {}) };
+    const declaredFile = decl?.file ?? (def && def.line > 0 ? def.file : undefined);
+    const textual = declaredFile !== undefined && isUntyped(opened, decl, declaredFile) ? textualCount(opened, symbol.split(".").pop()) : undefined;
+    const tplTarget = decl ? templateTarget(decl, opened.index.declarations(opened.index.abs(decl.file))) : undefined;
+    const templates = tplTarget ? templateRows(loadTemplates(opened.root), tplTarget) : undefined;
+    const o = { started, symbol, declaredAt, show, scope, explicit, label, name, absFile: resolved.absFile, ...(decl ? { decl } : {}), ...(textual ? { textual } : {}), ...(templates ? { templates } : {}) };
     return mode === "calls"
         ? renderCallers(semantic, opened, resolved, header, { ...o, limit, depth })
         : renderRefs(semantic, opened, resolved, header, { ...o, limit, kind });
 }
+/** Template usages as `--grep` rows. */
+export function templateRows(files, target) {
+    const texts = new Map(files.map((f) => [f.rel, f.text]));
+    return templateUsages(files, target).map((u) => ({ file: u.file, line: u.line, context: contextOf(lineOf(texts.get(u.file), u.line), u.col) }));
+}
+/** `templates` field and the hint to list them. */
+function templateFields(o, grepShown) {
+    if (!o.templates)
+        return { fields: {}, help: [] };
+    const n = o.templates.length;
+    return {
+        fields: { templates: templatesLine(o.templates) },
+        help: n > 0 && !grepShown ? [`Run \`ts-axi refs ${o.declaredAt} --grep\` for the ${n} template usages`] : [],
+    };
+}
+/** Textual rows plus template rows, one per file:line, sorted. */
+function withTemplates(unresolved, templates) {
+    if (!templates || templates.length === 0)
+        return unresolved;
+    const seen = new Set(unresolved.map((u) => `${u.file}:${u.line}`));
+    return [...unresolved, ...templates.filter((t) => !seen.has(`${t.file}:${t.line}`))].sort((a, b) => a.file.localeCompare(b.file) || a.line - b.line);
+}
 const OUTSIDE_ROWS = 5;
 /**
  * No References under an explicit Project: importers of the declaring file (or of a barrel
@@ -210,6 +239,23 @@ function viaFields(via, bases) {
         ...(impl.length > 0 ? { via_implementations: viaLine(impl.length, impl.map((v) => v.via)) } : {}),
     };
 }
+/** Whole-word matches of the name on lines that hold no known position (what `--grep` lists). */
+function unresolvedOf(opened, semantic, o, known) {
+    return textualMatches(opened, semantic, [o.symbol.split(".").pop()], new Set(known.map((r) => `${r.file}:${r.line}`)), new Set(o.decl ? [`${o.decl.file}:${o.decl.line}`, `${o.decl.file}:${o.decl.nameLine}`] : []), new Map());
+}
+/**
+ * `textual` field and, when the name occurs more often than refs_total and some matches sit on no
+ * Reference line (`unresolved` = the `--grep` rows), the `--grep` hint.
+ */
+function textualFields(o, refsTotal, unresolved, grepShown) {
+    if (!o.textual)
+        return { fields: {}, help: [] };
+    const gap = o.textual.matches > refsTotal ? unresolved : 0;
+    return {
+        fields: { textual: textualLine(o.textual) },
+        help: gap > 0 && !grepShown ? [textualHint(`ts-axi refs ${o.declaredAt} --grep`, gap)] : [],
+    };
+}
 /** Direct rows, plus via rows (with a `via` column) under `--via`. */
 function mergedRows(direct, via, show) {
     return show.via ? sortRows([...direct, ...via]) : direct;
@@ -236,11 +282,16 @@ function renderRefs(semantic, opened, resolved, header, o) {
     const outside = rows.length === 0 ? outsideImporters(opened, o) : { fields: {}, help: [] };
     help.unshift(...outside.help);
     const word = o.symbol.split(".").pop();
-    const unresolved = o.show.grep
-        ? textualMatches(opened, semantic, [word], new Set([...rows, ...via, ...impls].map((r) => `${r.file}:${r.line}`)), new Set(o.decl ? [`${o.decl.file}:${o.decl.line}`, `${o.decl.file}:${o.decl.nameLine}`] : []), new Map())
-        : [];
-    if (o.decl?.nameless && !o.show.grep)
+    const unresolved = o.show.grep || o.textual || o.templates ? unresolvedOf(opened, semantic, o, [...rows, ...via, ...impls]) : [];
+    const grepRows = withTemplates(unresolved, o.templates);
+    // The --grep hint counts what --grep lists: textual and template rows together.
+    const text = textualFields(o, rows.length, grepRows.length, o.show.grep);
+    const tpl = templateFields(o, o.show.grep || text.help.length > 0);
+    if (text.help.length > 0)
+        help.unshift(...text.help);
+    else if (o.decl?.nameless && !o.show.grep && tpl.help.length === 0)
         help.unshift(`Run \`ts-axi refs ${o.declaredAt} --grep\` for textual matches of '${word}'`);
+    help.unshift(...tpl.help);
     if (isFunctionLike(o.kind))
         help.push(`Run \`ts-axi callers ${o.declaredAt}\` for call sites with their enclosing function`);
     help.push(`Run \`ts-axi def ${o.declaredAt}\` for the declaration body`);
@@ -249,6 +300,8 @@ function renderRefs(semantic, opened, resolved, header, o) {
         ...header,
         ...(o.decl?.nameless ? { note: NAMELESS_NOTE } : {}),
         refs_total: rows.length,
+        ...text.fields,
+        ...tpl.fields,
         files,
         tests,
         ...viaFields(via, split.bases),
@@ -266,8 +319,8 @@ function renderRefs(semantic, opened, resolved, header, o) {
                 })),
             }),
         ...(truncated ? { truncated: true } : {}),
-        ...(o.show.grep ? { unresolved: unresolved.length === 0 ? 0 : unresolved.slice(0, o.limit) } : {}),
-        ...(unresolved.length > o.limit ? { unresolved_total: unresolved.length } : {}),
+        ...(o.show.grep ? { unresolved: grepRows.length === 0 ? 0 : grepRows.slice(0, o.limit) } : {}),
+        ...(grepRows.length > o.limit ? { unresolved_total: grepRows.length } : {}),
         ...outside.fields,
         ...scopeFields(o.scope),
         ...footer(semantic, o.started, fileList),
@@ -306,8 +359,20 @@ function depthRows(sites) {
 }
 function renderCallers(semantic, opened, resolved, header, o) {
     const sites = semantic.incomingCalls(resolved.absFile, resolved.pos);
+    // Every Reference line counts as known: the gap is what `refs --grep` would list.
+    const callerText = o.textual
+        ? (() => {
+            const split = semantic.referenceSplit(resolved.absFile, resolved.pos);
+            const known = [...split.direct, ...split.declarations, ...split.via, ...split.implementations, ...split.dropped, ...(sites ?? [])];
+            const calls = (sites ?? []).filter((s) => s.via === undefined).length;
+            return textualFields(o, calls, withTemplates(unresolvedOf(opened, semantic, o, known), o.templates).length, false);
+        })()
+        : { fields: {}, help: [] };
+    const tpl = templateFields(o, callerText.help.length > 0);
+    callerText.fields = { ...callerText.fields, ...tpl.fields };
+    callerText.help = [...tpl.help, ...callerText.help];
     if (sites === undefined) {
-        return out(block({ ...header, refs_total: 0, note: "not callable - no call hierarchy for this Symbol", ...scopeFields(o.scope), ...footer(semantic, o.started, []) }), helpBlock([`Run \`ts-axi refs ${o.declaredAt}\` for every Reference`]));
+        return out(block({ ...header, refs_total: 0, ...callerText.fields, note: "not callable - no call hierarchy for this Symbol", ...scopeFields(o.scope), ...footer(semantic, o.started, []) }), helpBlock([...callerText.help, `Run \`ts-axi refs ${o.declaredAt}\` for every Reference`]));
     }
     const rows = sortRows(sites.filter((s) => s.via === undefined));
     const via = sortRows(sites.filter((s) => s.via !== undefined));
@@ -338,12 +403,14 @@ function renderCallers(semantic, opened, resolved, header, o) {
         help.push(`Run \`ts-axi callers ${o.declaredAt} --depth 2\` for who calls the callers`);
     const outside = rows.length === 0 ? outsideImporters(opened, o) : { fields: {}, help: [] };
     help.unshift(...outside.help);
+    help.unshift(...callerText.help);
     help.push(`Run \`ts-axi refs ${o.declaredAt}${o.decl?.nameless ? " --grep" : ""}\` for every Reference (not only calls)`);
     help.push(...scopeHelp(o.scope));
     return out(block({
         ...header,
         ...(o.decl?.nameless ? { note: NAMELESS_NOTE } : {}),
         refs_total: rows.length,
+        ...callerText.fields,
         files,
         tests,
         ...viaFields(via, []),

package/dist/src/project.js

@@ -72,6 +72,10 @@ function isSourceFile(name) {
 export function walkSourceFiles(root) {
     return listFiles(root, isSourceFile).files;
 }
+// `Bundler` resolves `require('..')` (directory `main`/`index.js`), ESM `./x.js` specifiers and
+// `"type": "module"` packages alike; NodeNext/Node10 gave the same References on CommonJS and ESM
+// samples. What breaks plain JavaScript is not the option set but `.d.ts` twins and
+// `module.exports = require()` shims, handled by `resolveModuleNameLiterals` in the host.
 export const IMPLICIT_COMPILER_OPTIONS = {
     allowJs: true,
     checkJs: false,
@@ -250,7 +254,9 @@ export function createSyntacticIndex(root, project) {
             return list;
         },
         findDeclarations(query) {
-            const needle = query.fuzzy ? query.name.toLowerCase() : query.name;
+            // A nested holder (`states.cart`) may never be spelled in the file: prefilter on the member.
+            const word = query.member ?? query.name;
+            const needle = query.fuzzy ? word.toLowerCase() : word;
             const result = [];
             for (const file of index.files) {
                 const text = index.text(file);
@@ -278,6 +284,80 @@ export function createSyntacticIndex(root, project) {
     return index;
 }
 const FULL_DIAGNOSTICS_LIMIT = 300;
+const DECLARATION_TWINS = [
+    [/\.d\.ts$/, [[".js", ts.Extension.Js], [".jsx", ts.Extension.Jsx], [".mjs", ts.Extension.Mjs], [".cjs", ts.Extension.Cjs]]],
+    [/\.d\.mts$/, [[".mjs", ts.Extension.Mjs]]],
+    [/\.d\.cts$/, [[".cjs", ts.Extension.Cjs]]],
+];
+/** The implementation beside a `.d.ts` (`index.d.ts` → `index.js`) when it is a Project source file. */
+function implementationTwin(file, isSource) {
+    for (const [re, impls] of DECLARATION_TWINS) {
+        if (!re.test(file))
+            continue;
+        const base = file.replace(re, "");
+        for (const [ext, extension] of impls)
+            if (isSource(base + ext))
+                return { file: base + ext, extension };
+    }
+    return undefined;
+}
+/** `'x'` of a module whose only statement is `module.exports = require('x')` (`exports = module.exports = ...` too). */
+export function passThroughRequire(sf) {
+    const statements = sf.statements.filter((s) => !(ts.isExpressionStatement(s) && ts.isStringLiteral(s.expression)));
+    const only = statements.length === 1 ? statements[0] : undefined;
+    if (!only || !ts.isExpressionStatement(only))
+        return undefined;
+    let expr = only.expression;
+    let assignsModuleExports = false;
+    while (ts.isBinaryExpression(expr) && expr.operatorToken.kind === ts.SyntaxKind.EqualsToken) {
+        const left = expr.left;
+        if (ts.isPropertyAccessExpression(left) && ts.isIdentifier(left.expression) && left.expression.text === "module" && left.name.text === "exports") {
+            assignsModuleExports = true;
+        }
+        else if (!(ts.isIdentifier(left) && left.text === "exports"))
+            return undefined;
+        expr = expr.right;
+    }
+    if (!assignsModuleExports || !ts.isCallExpression(expr) || !ts.isIdentifier(expr.expression) || expr.expression.text !== "require")
+        return undefined;
+    const [arg] = expr.arguments;
+    return expr.arguments.length === 1 && arg && ts.isStringLiteralLike(arg) ? arg.text : undefined;
+}
+const MAX_SHIM_HOPS = 3;
+/**
+ * TypeScript's resolution, then two substitutions so References reach implementations:
+ * a `.d.ts` with a JS twin in the Project resolves to the twin (TS tries `.d.ts` before `.js`),
+ * and a `module.exports = require('x')` shim resolves to `x` (the binder makes no alias of it).
+ */
+function createModuleResolver(options, currentDirectory, isSource, sourceOf) {
+    const cache = ts.createModuleResolutionCache(currentDirectory, (s) => (ts.sys.useCaseSensitiveFileNames ? s : s.toLowerCase()), options);
+    const resolveOne = (name, containingFile, mode, redirected, hops) => {
+        const result = ts.resolveModuleName(name, containingFile, options, ts.sys, cache, redirected, mode);
+        const found = result.resolvedModule;
+        if (!found)
+            return result;
+        let resolvedFileName = resolve(found.resolvedFileName);
+        let extension = found.extension;
+        const twin = implementationTwin(resolvedFileName, isSource);
+        if (twin)
+            ({ file: resolvedFileName, extension } = twin);
+        else if (!isSource(resolvedFileName))
+            return result;
+        if (hops < MAX_SHIM_HOPS && /\.[mc]?jsx?$/.test(resolvedFileName)) {
+            const sf = sourceOf(resolvedFileName);
+            const inner = sf ? passThroughRequire(sf) : undefined;
+            if (inner !== undefined) {
+                const next = resolveOne(inner, resolvedFileName, ts.ModuleKind.CommonJS, redirected, hops + 1);
+                if (next.resolvedModule && isSource(resolve(next.resolvedModule.resolvedFileName)))
+                    return next;
+            }
+        }
+        if (!twin)
+            return result;
+        return { ...result, resolvedModule: { ...found, resolvedFileName, extension, isExternalLibraryImport: false } };
+    };
+    return (literals, containingFile, redirected, opts, containingSourceFile) => literals.map((literal) => resolveOne(literal.text, containingFile, ts.getModeForUsageLocation(containingSourceFile, literal, opts), redirected, 0));
+}
 export function createSemanticProject(index, scope) {
     const started = performance.now();
     const { project } = index;
@@ -306,6 +386,7 @@ export function createSemanticProject(index, scope) {
         getDirectories: ts.sys.getDirectories,
         realpath: ts.sys.realpath,
         useCaseSensitiveFileNames: () => ts.sys.useCaseSensitiveFileNames,
+        resolveModuleNameLiterals: createModuleResolver(options, currentDirectory, (f) => indexed.has(f), (f) => index.sourceFile(f)),
     };
     const service = ts.createLanguageService(host, ts.createDocumentRegistry());
     const program = service.getProgram();
@@ -406,8 +487,34 @@ export function createSemanticProject(index, scope) {
         }
         return [...keys];
     };
+    /**
+     * The same-named top-level Declaration in the `.d.ts` beside a JS file, when that `.d.ts` is in the
+     * program: importers the resolver did not redirect (a package.json `types` field) bind to it.
+     */
+    const declarationTwin = (absFile, pos) => {
+        if (!/\.[mc]?jsx?$/.test(absFile))
+            return undefined;
+        const sf = program.getSourceFile(absFile);
+        const id = sf ? nodeAt(sf, pos) : undefined;
+        if (!id || !ts.isIdentifier(id))
+            return undefined;
+        const base = absFile.replace(/\.([mc]?)jsx?$/, "");
+        const twin = [".d.ts", ".d.mts", ".d.cts"].map((ext) => program.getSourceFile(base + ext)).find((t) => t !== undefined);
+        if (!twin)
+            return undefined;
+        for (const statement of twin.statements) {
+            const names = ts.isVariableStatement(statement)
+                ? statement.declarationList.declarations.map((d) => d.name)
+                : "name" in statement && statement.name ? [statement.name] : [];
+            const hit = names.find((n) => ts.isIdentifier(n) && n.text === id.text);
+            if (hit)
+                return { file: twin.fileName, pos: hit.getStart(twin) };
+        }
+        return undefined;
+    };
     const split = (absFile, pos) => {
-        const groups = service.findReferences(absFile, pos) ?? [];
+        const twin = declarationTwin(absFile, pos);
+        const groups = [...(service.findReferences(absFile, pos) ?? []), ...(twin ? service.findReferences(twin.file, twin.pos) ?? [] : [])];
         const descriptors = [];
         let target = -1;
         let flagged = -1;
@@ -514,7 +621,15 @@ export function createSemanticProject(index, scope) {
             const items = prepared === undefined ? [] : Array.isArray(prepared) ? prepared : [prepared];
             if (items.length === 0)
                 return undefined;
-            return items.flatMap((item) => splitSites(item.file, item.selectionSpan.start, service.provideCallHierarchyIncomingCalls(item.file, item.selectionSpan.start)));
+            const twin = declarationTwin(absFile, pos);
+            const twinCalls = twin ? service.provideCallHierarchyIncomingCalls(twin.file, twin.pos) : [];
+            const seen = new Set();
+            return items
+                .flatMap((item) => splitSites(item.file, item.selectionSpan.start, [...service.provideCallHierarchyIncomingCalls(item.file, item.selectionSpan.start), ...twinCalls]))
+                .filter((site) => {
+                const key = `${site.file}:${site.line}:${site.col}`;
+                return !seen.has(key) && Boolean(seen.add(key));
+            });
         },
         incomingCallsOf(item) {
             if (item.kind === ts.ScriptElementKind.scriptElement)

package/dist/src/settings.js

@@ -11,6 +11,9 @@ export const DEFAULT_TEST_GLOBS = [
     "**/test/**",
     "**/tests/**",
     "**/e2e/**",
+    "**/spec/**",
+    "**/test.*",
+    "**/*_test.*",
 ];
 export const SETTINGS_FILE = ".ts-axi.json";
 export const SETTINGS_KEYS = ["testGlobs", "testGlobsReplace", "project"];

package/dist/src/symbols.js

@@ -13,6 +13,7 @@ export const KINDS = [
     "enum",
     "enum-member",
     "namespace",
+    "state",
 ];
 export const SIGNATURE_MAX = 160;
 const FUNCTION_LIKE = new Set(["function", "method"]);
@@ -228,6 +229,11 @@ function nameText(name, sf) {
 const REGISTRATION_VERBS = new Set(["controller", "service", "factory", "directive", "filter", "component", "run", "config", "provider"]);
 /** Verbs whose callback is a constructor: its `this.x = function` statements are members. */
 const CONSTRUCTOR_VERBS = new Set(["controller", "service", "provider"]);
+/** Router providers whose `.state(...)` / `.when(...)` calls declare a state (ui-router, ngRoute). */
+const STATE_PROVIDER = /^\$?stateProvider$/i;
+const ROUTE_PROVIDER = /^\$?routeProvider$/i;
+/** Directive definition keys whose object literal lists the bindings. */
+const BINDING_KEYS = new Set(["scope", "bindToController", "bindings"]);
 /** `Template.x.<hook>(fn)` lifecycle callbacks. */
 const TEMPLATE_HOOKS = new Set(["onCreated", "onRendered", "onDestroyed"]);
 function unwrap(expr) {
@@ -378,6 +384,7 @@ export function collectDeclarations(sf, file) {
         if (verb === "component" && arg && ts.isObjectLiteralExpression(arg)) {
             nested({ start, end: arg.end, kind: "variable", name, exported: true, signature: `component ${name}`, namePos: arg.getStart(sf), nameless: true });
             objectMembers(arg, name, true);
+            bindingMembers(arg, name);
             return;
         }
         const fn = registeredFunction(arg);
@@ -403,9 +410,123 @@ export function collectDeclarations(sf, file) {
             thisMembers(fn.body, name, true);
         if (verb === "factory" || verb === "service")
             returnedMembers(fn.body, name);
+        if (verb === "directive")
+            for (const obj of returnedObjects(fn.body))
+                bindingMembers(obj, name);
+        if (verb === "config" || verb === "run")
+            routerBody(fn.body);
     };
+    /** Object literals a function returns at its top level (a directive definition object). */
+    const returnedObjects = (body) => {
+        const direct = unwrap(body);
+        if (ts.isObjectLiteralExpression(direct))
+            return [direct];
+        if (!ts.isBlock(body))
+            return [];
+        return body.statements.flatMap((st) => (ts.isReturnStatement(st) && st.expression && ts.isObjectLiteralExpression(unwrap(st.expression)) ? [unwrap(st.expression)] : []));
+    };
+    /** `scope: { x: '=' }` / `bindToController` / `bindings` keys as `property` Declarations `<owner>.x`. */
+    const bindingMembers = (obj, owner) => {
+        for (const prop of obj.properties) {
+            if (!ts.isPropertyAssignment(prop) || !BINDING_KEYS.has(nameText(prop.name, sf) ?? ""))
+                continue;
+            const bindings = unwrap(prop.initializer);
+            if (!ts.isObjectLiteralExpression(bindings))
+                continue;
+            for (const b of bindings.properties) {
+                const name = nameText(b.name, sf);
+                if (!name || !b.name || !ts.isPropertyAssignment(b))
+                    continue;
+                nested({ start: b.getStart(sf), end: b.end, kind: "property", name, parentName: owner, exported: true, signature: tokenText(b, sf, b.getStart(sf), b.end), namePos: b.name.getStart(sf) });
+            }
+        }
+    };
+    /** Function-valued properties of a state object (`resolve.x`, `onEnter`, `views.main.controller`) as methods; nested objects recurse. */
+    const stateMembers = (obj, holder, depth) => {
+        for (const prop of obj.properties) {
+            const name = nameText(prop.name, sf);
+            if (!name || !prop.name)
+                continue;
+            if (ts.isMethodDeclaration(prop)) {
+                nested({ start: prop.getStart(sf), end: prop.end, kind: "method", name, parentName: holder, exported: true, signature: fullSignatureOf(prop, sf), namePos: prop.name.getStart(sf) });
+            }
+            else if (ts.isPropertyAssignment(prop)) {
+                const value = unwrap(prop.initializer);
+                const fn = registeredFunction(value);
+                if (fn)
+                    nested({ start: prop.getStart(sf), end: prop.end, kind: "method", name, parentName: holder, exported: true, signature: `${name}${paramsText(fn, sf)}`, namePos: prop.name.getStart(sf) });
+                else if (ts.isObjectLiteralExpression(value) && depth < 3)
+                    stateMembers(value, `${holder}.${name}`, depth + 1);
+            }
+        }
+    };
+    /** One `.state('name', {...})`, `.state({ name, ... })` or `.when('/path', {...})` call. */
+    const stateCall = (call, route) => {
+        const [first, second] = call.arguments;
+        const obj = first && ts.isObjectLiteralExpression(first) && !route ? first : second && ts.isObjectLiteralExpression(second) ? second : undefined;
+        if (!obj)
+            return;
+        const literal = (key) => {
+            const prop = obj.properties.find((p) => ts.isPropertyAssignment(p) && nameText(p.name, sf) === key);
+            return prop && isStringName(prop.initializer) ? prop.initializer.text : undefined;
+        };
+        const name = isStringName(first) ? first.text : literal("name");
+        if (name === undefined)
+            return;
+        const url = literal("url");
+        const parent = route ? "routes" : "states";
+        // Plain-literal options are compared, not displayed: a new controller or template is a contract change.
+        const options = obj.properties
+            .filter((p) => ts.isPropertyAssignment(p) && nameText(p.name, sf) !== "name" && nameText(p.name, sf) !== "url")
+            .filter((p) => isStringName(p.initializer) || p.initializer.kind === ts.SyntaxKind.TrueKeyword || p.initializer.kind === ts.SyntaxKind.FalseKeyword)
+            .map((p) => tokenText(p, sf, p.getStart(sf), p.end));
+        const callee = call.expression;
+        nested({
+            start: callee.name.getStart(sf),
+            end: call.end,
+            kind: "state",
+            name,
+            parentName: parent,
+            exported: true,
+            signature: `${route ? "route" : "state"} ${name}${url !== undefined && !route ? ` (url ${url})` : ""}${options.length > 0 ? `\n${options.join("; ")}` : ""}`,
+            namePos: obj.getStart(sf),
+            nameless: true,
+        });
+        stateMembers(obj, `${parent}.${name}`, 1);
+    };
+    /** `$stateProvider.state(...).state(...)` and `$routeProvider.when(...)` chains; `.otherwise()` ignored. */
+    const routerChain = (expr) => {
+        const calls = [];
+        let e = unwrap(expr);
+        while (ts.isCallExpression(e) && ts.isPropertyAccessExpression(e.expression)) {
+            calls.push(e);
+            e = e.expression.expression;
+        }
+        if (!ts.isIdentifier(e))
+            return false;
+        const route = ROUTE_PROVIDER.test(e.text);
+        if (!route && !STATE_PROVIDER.test(e.text))
+            return false;
+        for (const call of calls.reverse()) {
+            const verb = call.expression.name.text;
+            if (verb === (route ? "when" : "state"))
+                stateCall(call, route);
+        }
+        return true;
+    };
+    /** Router chains at the top level of a `.config` / `.run` callback or of a function taking a router provider. */
+    const routerBody = (body) => {
+        if (!body || !ts.isBlock(body))
+            return;
+        for (const statement of body.statements)
+            if (ts.isExpressionStatement(statement))
+                routerChain(statement.expression);
+    };
+    const takesRouter = (fn) => fn.parameters.some((p) => ts.isIdentifier(p.name) && (STATE_PROVIDER.test(p.name.text) || ROUTE_PROVIDER.test(p.name.text)));
     /** Registrations along a call chain (`angular.module('x').controller(...).service(...)`), in source order. */
     const callChain = (expr) => {
+        if (routerChain(expr))
+            return;
         const calls = [];
         let e = unwrap(expr);
         while (ts.isCallExpression(e)) {
@@ -478,6 +599,8 @@ export function collectDeclarations(sf, file) {
                 add(statement, statement.name, statement.name.text, false);
             if (isConstructorName(statement.name.text))
                 thisMembers(statement.body, statement.name.text, inIife ? false : topLevelExported(statement.name.text));
+            if (takesRouter(statement))
+                routerBody(statement.body);
         }
         else if (ts.isVariableStatement(statement)) {
             for (const decl of statement.declarationList.declarations) {
@@ -487,6 +610,8 @@ export function collectDeclarations(sf, file) {
                 const fn = asFunction(decl.initializer);
                 if (inIife && fn)
                     add(decl, decl.name, name, false);
+                if (fn && takesRouter(fn))
+                    routerBody(fn.body);
                 const exported = inIife ? false : topLevelExported(name);
                 const init = unwrap(decl.initializer);
                 if (ts.isObjectLiteralExpression(init))

package/dist/src/templates.js

@@ -0,0 +1,99 @@
+// Template usages of AngularJS-style registrations: directives and components as kebab-case
+// elements/attributes, their bindings as attributes, controllers in `ng-controller`, filters
+// after `|`. One regex pass per template line, no HTML parsing.
+import { readFileSync } from "node:fs";
+import { listFiles, toRel } from "./walk.js";
+export const TEMPLATE_EXTENSIONS = [".html", ".htm", ".ejs", ".hbs", ".njk", ".pug"];
+export function isTemplatePath(path) {
+    return TEMPLATE_EXTENSIONS.some((ext) => path.endsWith(ext));
+}
+/** `wapSelect` → `wap-select`. */
+export function kebab(name) {
+    return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").toLowerCase();
+}
+function escape(text) {
+    return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+/** Opening tag `<wap-select` or attribute `wap-select` / `data-wap-select` / `x-wap-select`. */
+function elementOrAttribute(name) {
+    return new RegExp(`(?:<|[\\s"'])(?:data-|x-)?${escape(kebab(name))}(?![\\w-])`, "g");
+}
+/** A Declaration's template form; undefined when templates cannot name it. */
+export function templateTarget(decl, fileDecls) {
+    const isComponent = (d) => d !== undefined && d.nameless === true && d.signature.startsWith("component ");
+    if (decl.nameless && (decl.parentName === "directive" || isComponent(decl)))
+        return { symbol: decl.qualifiedName, pattern: elementOrAttribute(decl.name) };
+    if (decl.nameless && decl.parentName === "controller") {
+        return { symbol: decl.qualifiedName, pattern: new RegExp(`ng-controller\\s*=\\s*["']\\s*${escape(decl.name)}(?![\\w$])`, "g") };
+    }
+    if (decl.nameless && decl.parentName === "filter")
+        return { symbol: decl.qualifiedName, pattern: new RegExp(`(?<!\\|)\\|\\s*${escape(decl.name)}(?![\\w$])`, "g") };
+    if (decl.kind === "property" && decl.parentName !== undefined) {
+        const owner = fileDecls.find((d) => d.qualifiedName === decl.parentName && d.parentName !== decl.parentName);
+        if (owner && owner.nameless && (owner.parentName === "directive" || isComponent(owner))) {
+            return {
+                symbol: decl.qualifiedName,
+                pattern: new RegExp(`\\s(?:data-|x-)?${escape(kebab(decl.name))}(?=[\\s=>/])`, "g"),
+                owner: elementOrAttribute(owner.name),
+            };
+        }
+    }
+    return undefined;
+}
+/** Template files of the repo root (git listing, else the bounded walk). */
+export function loadTemplates(root) {
+    const files = [];
+    for (const abs of listFiles(root, isTemplatePath).files) {
+        try {
+            files.push({ rel: toRel(root, abs), text: readFileSync(abs, "utf8") });
+        }
+        catch {
+            // unreadable: skipped
+        }
+    }
+    return files;
+}
+/** Usages of `target` in one template text: at most one per line. */
+export function usagesIn(text, target) {
+    const result = [];
+    const lineStarts = [0];
+    for (let i = 0; i < text.length; i++)
+        if (text[i] === "\n")
+            lineStarts.push(i + 1);
+    let lastLine = 0;
+    for (const m of text.matchAll(target.pattern)) {
+        // Skip the delimiter the pattern consumed (`<`, whitespace, quote, `|`).
+        const offset = (m.index ?? 0) + (/^[<\s"'|]/.test(m[0]) ? 1 : 0);
+        if (target.owner) {
+            // The attribute counts only inside a tag opened by (or carrying) the owner directive.
+            const tagStart = text.lastIndexOf("<", offset);
+            if (tagStart < 0)
+                continue;
+            const tag = text.slice(tagStart, offset);
+            target.owner.lastIndex = 0;
+            if (tag.includes(">") || !target.owner.test(tag))
+                continue;
+        }
+        let lo = 0;
+        let hi = lineStarts.length - 1;
+        while (lo < hi) {
+            const mid = (lo + hi + 1) >> 1;
+            if (lineStarts[mid] <= offset)
+                lo = mid;
+            else
+                hi = mid - 1;
+        }
+        const line = lo + 1;
+        if (line === lastLine)
+            continue;
+        lastLine = line;
+        result.push({ line, col: offset - lineStarts[lo] + 1 });
+    }
+    return result;
+}
+export function templateUsages(files, target) {
+    return files.flatMap((f) => usagesIn(f.text, target).map((u) => ({ file: f.rel, ...u })));
+}
+export function templatesLine(usages) {
+    return `${usages.length} usages in ${new Set(usages.map((u) => u.file)).size} files`;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ts-axi",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "AXI-compliant TypeScript symbol CLI for agents - definitions, references, callers, file outlines and change impact (blast radius) with token-efficient TOON output",
   "type": "module",
   "keywords": [