From 2150e2c7d1522d250fea0c8d913c28926d965ec4 Mon Sep 17 00:00:00 2001
From: swapnil <78632212+swapnilpaliwal-sd@users.noreply.github.com>
Date: Mon, 28 Sep 2026 20:00:16 -0700
Subject: [PATCH] freshness: watch .vue, .svelte and .astro components in the
 file table

An edit to a single-file component was invisible to the file table, so
index said 'graph up to date' and queries answered from the old text.
Both web front ends now watch the component extensions; SOURCE still
decides which languages a repository has.

Closes #1744

Co-authored-by: axiomcode-bot[bot] <334110751+axiomcode-bot[bot]@users.noreply.github.com>
Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../skills/axiomcode/scripts/ax_fresh.py      | 10 +++++--
 tests/freshness.py                            | 27 +++++++++++++++++++
 2 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/plugins/axiomcode/skills/axiomcode/scripts/ax_fresh.py b/plugins/axiomcode/skills/axiomcode/scripts/ax_fresh.py
index 896f104bd..808b4a3cb 100644
--- a/plugins/axiomcode/skills/axiomcode/scripts/ax_fresh.py
+++ b/plugins/axiomcode/skills/axiomcode/scripts/ax_fresh.py
@@ -42,10 +42,16 @@
 # what each language's parser reads: extensions, and file names read whatever their extension. Mirrors
 # parser/src/extract.ts: Java also reads .properties / XML / YAML / Gradle / lombok.config and
 # META-INF/services; TypeScript reads JavaScript beside it and resolves through tsconfig and package.json.
+# SINGLE-FILE COMPONENTS (#1744): the web front ends read the <script> blocks of a .vue, .svelte or .astro file, so an
+# edit to one changes the graph. Left out of the table, the edit was invisible: `index` said "graph up to date" and
+# every query answered from the component's old text. Both front ends watch them, whichever reads them, since a file
+# watched that the parser skips costs only a needless rebuild. Watched, not counted: SOURCE below still decides which
+# languages a repository has, so a component alone does not add a language.
+COMPONENT_EXT = ('.vue', '.svelte', '.astro')
 EXT = {
     'java': ('.java', '.properties', '.xml', '.yml', '.yaml', '.gradle', '.kts', '.toml'),
-    'typescript': ('.ts', '.tsx', '.mts', '.cts', '.js', '.jsx', '.mjs', '.cjs'),
-    'javascript': ('.js', '.jsx', '.mjs', '.cjs', '.vue', '.svelte', '.astro'),   # components: their <script> blocks
+    'typescript': ('.ts', '.tsx', '.mts', '.cts', '.js', '.jsx', '.mjs', '.cjs') + COMPONENT_EXT,
+    'javascript': ('.js', '.jsx', '.mjs', '.cjs') + COMPONENT_EXT,
     'python': ('.py', '.pyi'),
     'csharp': ('.cs', '.csproj', '.props', '.targets', '.sln'),
 }
diff --git a/tests/freshness.py b/tests/freshness.py
index c792a95ee..97ffa425f 100644
--- a/tests/freshness.py
+++ b/tests/freshness.py
@@ -104,6 +104,33 @@ def prune_checks():
         open(os.path.join(root, 'app/out/calc.py'), 'a').write('\ndef audit():\n    return 3\n')
         c = ax_fresh.changes(root, table)
         check("prune: an edit under app/out/ makes the graph stale", c and c[0] == ['app/out/calc.py'], c)
+        # SINGLE-FILE COMPONENTS (#1744): an edit to a .vue / .svelte / .astro file makes a JavaScript or TypeScript graph
+        # stale, and a new one is an added file. The control: a template, a stylesheet or a doc beside them stays unwatched,
+        # and a component alone does not make a repository count as JavaScript or TypeScript
+        for lang in ('javascript', 'typescript'):
+            root = os.path.join(work, 'sfc-' + lang)
+            for f, body in (('src/lib.js', 'export function lazyHelper() {}\nexport function newHelper() {}\n'),
+                            ('src/views/Home.vue', "<script setup>import { lazyHelper } from '../lib.js';</script>\n"
+                                                   "<template><span>{{ lazyHelper() }}</span></template>\n"),
+                            ('src/List.svelte', '<script>let n = 1;</script>\n'), ('src/pages/index.astro', '---\n---\n'),
+                            ('src/index.html', '<div></div>\n'), ('src/app.css', 'a {}\n'), ('README.md', '# x\n')):
+                write(root, f, body)
+            got = {os.path.relpath(p, root) for p in ax_fresh.watched(root, lang)}
+            check(f"prune: {lang} watches .vue, .svelte and .astro components, not the .html, .css or .md beside them",
+                  got == {'src/lib.js', 'src/views/Home.vue', 'src/List.svelte', 'src/pages/index.astro'}, sorted(got))
+            table = dict(lang=lang, lang_auto=True, src='', files=ax_fresh.snapshot(root, lang, root))
+            with open(os.path.join(root, 'src/views/Home.vue'), 'w') as fh:
+                fh.write("<script setup>import { lazyHelper, newHelper } from '../lib.js';</script>\n"
+                         "<template><span>{{ lazyHelper() }}{{ newHelper() }}</span></template>\n")
+            write(root, 'src/views/About.vue', '<template><p></p></template>\n')
+            write(root, 'src/index.html', '<div>changed</div>\n')
+            c = ax_fresh.changes(root, table)
+            check(f"prune: {lang}: an edited .vue makes the graph stale and a new one is added; an edited .html does neither",
+                  c == (['src/views/Home.vue'], ['src/views/About.vue'], []), c)
+        only = os.path.join(work, 'sfc-only')
+        write(only, 'src/App.vue', '<script>export default {}</script>\n')
+        n = {l: sum(1 for p in ax_fresh.watched(only, l) if p.endswith(ax_fresh.SOURCE[l])) for l in ('javascript', 'typescript')}
+        check("prune: a repository of .vue files alone counts no JavaScript or TypeScript source", n == {'javascript': 0, 'typescript': 0}, n)
     finally:
         shutil.rmtree(work, ignore_errors=True)