@fluixi/ts-plugin 0.1.0-alpha.3 → 0.1.0-alpha.4

package/dist/index.js

@@ -2,14 +2,14 @@
 
 // ../template-parser/dist/index.mjs
 function x(e) {
-  let t = (i, n) => {
-    i.parent = n;
-    let r = B(i);
-    for (let s of r) t(s, i);
+  let t = (i2, n) => {
+    i2.parent = n;
+    let r = R(i2);
+    for (let s2 of r) t(s2, i2);
   };
   return t(e, null), e;
 }
-function B(e) {
+function R(e) {
   switch (e.kind) {
     case "Root":
     case "Element":
@@ -42,8 +42,8 @@ var m = class {
   }
   pos() {
     if (this.eof()) {
-      let i = this.pieces[this.pieces.length - 1];
-      return i ? i.kind === "static" ? i.start + i.text.length : i.end : 0;
+      let i2 = this.pieces[this.pieces.length - 1];
+      return i2 ? i2.kind === "static" ? i2.start + i2.text.length : i2.end : 0;
     }
     let t = this.pieces[this.pi];
     return t.kind === "static" ? t.start + this.oi : t.start;
@@ -55,8 +55,8 @@ var m = class {
     if (this.eof()) return false;
     let t = this.pieces[this.pi];
     if (t.kind !== "static" || this.oi + 1 < t.text.length) return false;
-    let i = this.pieces[this.pi + 1];
-    return i !== void 0 && i.kind === "hole";
+    let i2 = this.pieces[this.pi + 1];
+    return i2 !== void 0 && i2.kind === "hole";
   }
   takeHole() {
     let t = this.pieces[this.pi];
@@ -65,29 +65,29 @@ var m = class {
   }
   peek(t = 0) {
     if (this.eof()) return "";
-    let i = this.pieces[this.pi];
-    return i.kind !== "static" ? "" : i.text[this.oi + t] ?? "";
+    let i2 = this.pieces[this.pi];
+    return i2.kind !== "static" ? "" : i2.text[this.oi + t] ?? "";
   }
   startsWith(t) {
     if (this.eof()) return false;
-    let i = this.pieces[this.pi];
-    return i.kind !== "static" ? false : i.text.startsWith(t, this.oi);
+    let i2 = this.pieces[this.pi];
+    return i2.kind !== "static" ? false : i2.text.startsWith(t, this.oi);
   }
   advance() {
     if (this.eof()) return "";
     let t = this.pieces[this.pi];
     if (t.kind !== "static") return "";
-    let i = t.text[this.oi++] ?? "";
-    return this.normalize(), i;
+    let i2 = t.text[this.oi++] ?? "";
+    return this.normalize(), i2;
   }
   readWhile(t) {
-    let i = "";
+    let i2 = "";
     for (; !this.eof() && !this.atHole(); ) {
       let n = this.peek();
       if (n === "" || !t(n)) break;
-      i += n, this.oi++;
+      i2 += n, this.oi++;
     }
-    return this.normalize(), i;
+    return this.normalize(), i2;
   }
   skipWhitespace() {
     this.readWhile((t) => /\s/.test(t));
@@ -100,19 +100,19 @@ var y = /* @__PURE__ */ new Set(["capture", "once", "passive", "prevent", "stop"
 function p(e, t) {
   return e.value && e.value.kind === "hole" ? e.value.hole : (e.report("invalid-binding", `${t} requires an expression value: ${e.name}=\${\u2026}`), -1);
 }
-var E = (e, t) => ({ kind: "Attribute", name: t ? e.name.slice(1) : e.name, value: e.value, boolean: t, loc: e.loc });
+var D = (e, t) => ({ kind: "Attribute", name: t ? e.name.slice(1) : e.name, value: e.value, boolean: t, loc: e.loc });
 var f = [{ id: "event", match: (e) => e[0] === "@" || e.startsWith("on:") || /^on[A-Z]/.test(e), build: (e) => {
-  let t, i;
-  e.name[0] === "@" ? (t = "at", i = e.name.slice(1)) : e.name.startsWith("on:") ? (t = "colon", i = e.name.slice(3)) : (t = "on", i = e.name.slice(2));
-  let [n, ...r] = i.split("."), s = n.toLowerCase();
+  let t, i2;
+  e.name[0] === "@" ? (t = "at", i2 = e.name.slice(1)) : e.name.startsWith("on:") ? (t = "colon", i2 = e.name.slice(3)) : (t = "on", i2 = e.name.slice(2));
+  let [n, ...r] = i2.split("."), s2 = n.toLowerCase();
   for (let o of r) y.has(o) || e.report("invalid-directive", `Unknown event modifier ".${o}" \u2014 expected one of ${[...y].join(", ")}`);
-  return { kind: "EventBinding", name: s, syntax: t, modifiers: r, hole: p(e, "event binding"), loc: e.loc };
-} }, { id: "bind", elementOnly: true, match: (e) => e.startsWith("bind:"), build: (e) => ({ kind: "BindDirective", name: e.name.slice(5), hole: p(e, "two-way binding"), loc: e.loc }) }, { id: "class-directive", elementOnly: true, match: (e) => e.startsWith("class:"), build: (e) => ({ kind: "ClassDirective", name: e.name.slice(6), hole: p(e, "class directive"), loc: e.loc }) }, { id: "style-directive", elementOnly: true, match: (e) => e.startsWith("style:"), build: (e) => ({ kind: "StyleDirective", name: e.name.slice(6), hole: p(e, "style directive"), loc: e.loc }) }, { id: "use", match: (e) => e === "use" || e.startsWith("use:"), build: (e) => ({ kind: "UseDirective", name: e.name.startsWith("use:") ? e.name.slice(4) : null, hole: e.value && e.value.kind === "hole" ? e.value.hole : null, loc: e.loc }) }, { id: "if", elementOnly: true, match: (e) => e === "if", build: (e) => ({ kind: "IfDirective", hole: p(e, "if directive"), loc: e.loc }) }, { id: "each", elementOnly: true, match: (e) => e === "each", build: (e) => ({ kind: "EachDirective", hole: p(e, "each directive"), key: null, loc: e.loc }) }, { id: "else", elementOnly: true, match: (e) => e === "else", build: (e) => (e.value !== null && e.report("invalid-directive", "`else` takes no value"), { kind: "ElseDirective", loc: e.loc }) }, { id: "ref", match: (e) => e === "ref", build: (e) => ({ kind: "RefBinding", hole: p(e, "ref binding"), loc: e.loc }) }, { id: "property", match: (e) => e[0] === ".", build: (e) => ({ kind: "PropertyBinding", name: e.name.slice(1), hole: p(e, "property binding"), loc: e.loc }) }, { id: "boolean", match: (e) => e[0] === "?", build: (e) => E(e, true) }];
-function k(e, t = f, i = { component: false }) {
-  for (let n of t) if (!(n.elementOnly && i.component) && n.match(e.name)) return n.build(e);
-  return E(e, false);
+  return { kind: "EventBinding", name: s2, syntax: t, modifiers: r, hole: p(e, "event binding"), loc: e.loc };
+} }, { id: "bind", elementOnly: true, match: (e) => e.startsWith("bind:"), build: (e) => ({ kind: "BindDirective", name: e.name.slice(5), hole: p(e, "two-way binding"), loc: e.loc }) }, { id: "class-directive", elementOnly: true, match: (e) => e.startsWith("class:"), build: (e) => ({ kind: "ClassDirective", name: e.name.slice(6), hole: p(e, "class directive"), loc: e.loc }) }, { id: "style-directive", elementOnly: true, match: (e) => e.startsWith("style:"), build: (e) => ({ kind: "StyleDirective", name: e.name.slice(6), hole: p(e, "style directive"), loc: e.loc }) }, { id: "load", match: (e) => e.startsWith("load:"), build: (e) => ({ kind: "LoadDirective", strategy: e.name.slice(5), modifier: e.value && e.value.kind === "static" ? e.value.value : null, loc: e.loc }) }, { id: "use", match: (e) => e === "use" || e.startsWith("use:"), build: (e) => ({ kind: "UseDirective", name: e.name.startsWith("use:") ? e.name.slice(4) : null, hole: e.value && e.value.kind === "hole" ? e.value.hole : null, loc: e.loc }) }, { id: "if", elementOnly: true, match: (e) => e === "if", build: (e) => ({ kind: "IfDirective", hole: p(e, "if directive"), loc: e.loc }) }, { id: "each", elementOnly: true, match: (e) => e === "each", build: (e) => ({ kind: "EachDirective", hole: p(e, "each directive"), key: null, loc: e.loc }) }, { id: "else", elementOnly: true, match: (e) => e === "else", build: (e) => (e.value !== null && e.report("invalid-directive", "`else` takes no value"), { kind: "ElseDirective", loc: e.loc }) }, { id: "ref", match: (e) => e === "ref", build: (e) => ({ kind: "RefBinding", hole: p(e, "ref binding"), loc: e.loc }) }, { id: "property", match: (e) => e[0] === ".", build: (e) => ({ kind: "PropertyBinding", name: e.name.slice(1), hole: p(e, "property binding"), loc: e.loc }) }, { id: "boolean", match: (e) => e[0] === "?", build: (e) => D(e, true) }];
+function k(e, t = f, i2 = { component: false }) {
+  for (let n of t) if (!(n.elementOnly && i2.component) && n.match(e.name)) return n.build(e);
+  return D(e, false);
 }
-var D = /* @__PURE__ */ new Set(["svg", "path", "circle", "rect", "line", "polygon", "polyline", "ellipse", "g", "defs", "clipPath", "text"]);
+var E = /* @__PURE__ */ new Set(["svg", "path", "circle", "rect", "line", "polygon", "polyline", "ellipse", "g", "defs", "clipPath", "text"]);
 var S = /* @__PURE__ */ new Set(["script", "style", "textarea", "title"]);
 var T = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "param", "source", "track", "wbr"]);
 function C(e) {
@@ -121,15 +121,15 @@ function C(e) {
 var P = /* @__PURE__ */ new Set(["a", "button", "input", "select", "textarea", "summary", "details", "option", "label"]);
 var W = /* @__PURE__ */ new Set(["keydown", "keyup", "keypress"]);
 function u(e, t) {
-  return e.attributes.find((i) => "name" in i && i.name === t);
+  return e.attributes.find((i2) => "name" in i2 && i2.name === t);
 }
 function w(e) {
   return e.attributes.some((t) => t.kind === "Spread");
 }
 function v(e, t) {
-  let i = u(e, t);
-  if (!i || i.kind !== "Attribute" || !i.value) return;
-  let n = i.value;
+  let i2 = u(e, t);
+  if (!i2 || i2.kind !== "Attribute" || !i2.value) return;
+  let n = i2.value;
   return n.kind === "static" ? n.value : void 0;
 }
 function H(e) {
@@ -137,48 +137,48 @@ function H(e) {
   return t === "presentation" || t === "none" ? true : v(e, "aria-hidden") === "true";
 }
 function A(e, t) {
-  return e.attributes.some((i) => i.kind === "EventBinding" && t(i.name));
+  return e.attributes.some((i2) => i2.kind === "EventBinding" && t(i2.name));
 }
-function R(e) {
-  let t = [], i = (r, s, o) => {
-    t.push({ code: s, message: o, severity: "warning", loc: r.loc });
+function B(e) {
+  let t = [], i2 = (r, s2, o) => {
+    t.push({ code: s2, message: o, severity: "warning", loc: r.loc });
   }, n = (r) => {
-    for (let s of r) {
-      s.kind === "Element" && V(s, i);
-      let o = "children" in s ? s.children : void 0;
+    for (let s2 of r) {
+      s2.kind === "Element" && L(s2, i2);
+      let o = "children" in s2 ? s2.children : void 0;
       o && n(o);
     }
   };
   return n(e.children), t;
 }
-function V(e, t) {
+function L(e, t) {
   if (w(e)) return;
-  let i = e.tag.toLowerCase();
-  i === "img" && !u(e, "alt") && !H(e) && t(e, "a11y-img-alt", 'An `img` needs an `alt`. Use `alt=""` when the image is decorative.'), i === "a" && !u(e, "href") && !u(e, "role") && t(e, "a11y-anchor-href", "An `a` without `href` is not a link. Use a `button` for an action."), i === "iframe" && !u(e, "title") && t(e, "a11y-iframe-title", "An `iframe` needs a `title` describing its content.");
+  let i2 = e.tag.toLowerCase();
+  i2 === "img" && !u(e, "alt") && !H(e) && t(e, "a11y-img-alt", 'An `img` needs an `alt`. Use `alt=""` when the image is decorative.'), i2 === "a" && !u(e, "href") && !u(e, "role") && t(e, "a11y-anchor-href", "An `a` without `href` is not a link. Use a `button` for an action."), i2 === "iframe" && !u(e, "title") && t(e, "a11y-iframe-title", "An `iframe` needs a `title` describing its content.");
   let n = v(e, "tabindex") ?? v(e, "tabIndex");
-  n !== void 0 && Number(n) > 0 && t(e, "a11y-positive-tabindex", "A positive `tabindex` reorders tab navigation for the entire page. Use `0`, or restructure the markup."), !P.has(i) && A(e, (r) => r === "click") && !u(e, "role") && !A(e, (r) => W.has(r)) && t(e, "a11y-click-without-keyboard", `A click handler on \`${i}\` is unreachable by keyboard. Use a \`button\`, or add a \`role\` and a key handler.`);
+  n !== void 0 && Number(n) > 0 && t(e, "a11y-positive-tabindex", "A positive `tabindex` reorders tab navigation for the entire page. Use `0`, or restructure the markup."), !P.has(i2) && A(e, (r) => r === "click") && !u(e, "role") && !A(e, (r) => W.has(r)) && t(e, "a11y-click-without-keyboard", `A click handler on \`${i2}\` is unreachable by keyboard. Use a \`button\`, or add a \`role\` and a key handler.`);
 }
-var I = /[A-Za-z0-9\-_:@.?]/;
-var b = class {
-  constructor(t, i) {
+var V = /[A-Za-z0-9\-_:@.?]/;
+var N = class {
+  constructor(t, i2) {
     this.diagnostics = [];
-    this.r = new m(t), this.svg = i.svg ?? false, this.directives = i.directives ?? f, this.accessibility = i.accessibility ?? true;
+    this.r = new m(t), this.svg = i2.svg ?? false, this.directives = i2.directives ?? f, this.accessibility = i2.accessibility ?? true;
   }
   parse() {
-    let t = this.r.pos(), i = [];
-    for (; !this.r.eof() && (i.push(...this.parseChildren()), !this.r.eof()); ) {
+    let t = this.r.pos(), i2 = [];
+    for (; !this.r.eof() && (i2.push(...this.parseChildren()), !this.r.eof()); ) {
       let r = this.r.pos();
       this.consumeCloseTag(), this.report("stray-close-tag", "error", "Close tag without a matching open tag", this.r.span(r));
     }
-    let n = { kind: "Root", children: i, loc: this.r.span(t) };
-    return x(n), this.validateTree(n), this.accessibility && this.diagnostics.push(...R(n)), { root: n, diagnostics: this.diagnostics };
+    let n = { kind: "Root", children: i2, loc: this.r.span(t) };
+    return x(n), this.validateTree(n), this.accessibility && this.diagnostics.push(...B(n)), { root: n, diagnostics: this.diagnostics };
   }
   validateTree(t) {
-    let i = (n) => {
+    let i2 = (n) => {
       let r = null;
-      for (let s of n) s.kind === "Text" && /^\s*$/.test(s.value) || (s.kind === "Element" || s.kind === "Component" ? (s.attributes.some((l) => l.kind === "ElseDirective") && (r != null && (r.kind === "Element" || r.kind === "Component") && r.attributes.some((a) => a.kind === "IfDirective") || this.report("else-without-if", "error", "`else` must immediately follow an element with `if`", s.loc)), r = s) : r = null, "children" in s && s.children && i(s.children));
+      for (let s2 of n) s2.kind === "Text" && /^\s*$/.test(s2.value) || (s2.kind === "Element" || s2.kind === "Component" ? (s2.attributes.some((l2) => l2.kind === "ElseDirective") && (r != null && (r.kind === "Element" || r.kind === "Component") && r.attributes.some((a2) => a2.kind === "IfDirective") || this.report("else-without-if", "error", "`else` must immediately follow an element with `if`", s2.loc)), r = s2) : r = null, "children" in s2 && s2.children && i2(s2.children));
     };
-    i(t.children);
+    i2(t.children);
   }
   parseChildren() {
     let t = [];
@@ -204,8 +204,8 @@ var b = class {
         t.push(r);
         continue;
       }
-      let i = this.readText();
-      i && t.push(i);
+      let i2 = this.readText();
+      i2 && t.push(i2);
     }
     return t;
   }
@@ -221,93 +221,93 @@ var b = class {
   parseDynamicComponent() {
     let t = this.r.pos();
     this.r.advance();
-    let i = this.r.takeHole().index, n = this.parseAttributes(true);
+    let i2 = this.r.takeHole().index, n = this.parseAttributes(true);
     this.r.skipWhitespace();
-    let r = false, s = [];
-    return this.r.startsWith("/>") ? (this.r.advance(), this.r.advance(), r = true) : (this.r.peek() === ">" && this.r.advance(), s = this.parseChildren(), this.r.startsWith("</") ? (this.r.advance(), this.r.advance(), this.r.atHole() ? this.r.takeHole() : this.readName(), this.r.skipWhitespace(), this.r.peek() === ">" && this.r.advance()) : this.report("unclosed-tag", "error", "Unclosed dynamic component", this.r.span(t))), { kind: "Component", tag: "", tagHole: i, attributes: n, children: s, selfClosing: r, loc: this.r.span(t) };
+    let r = false, s2 = [];
+    return this.r.startsWith("/>") ? (this.r.advance(), this.r.advance(), r = true) : (this.r.peek() === ">" && this.r.advance(), s2 = this.parseChildren(), this.r.startsWith("</") ? (this.r.advance(), this.r.advance(), this.r.atHole() ? this.r.takeHole() : this.readName(), this.r.skipWhitespace(), this.r.peek() === ">" && this.r.advance()) : this.report("unclosed-tag", "error", "Unclosed dynamic component", this.r.span(t))), { kind: "Component", tag: "", tagHole: i2, attributes: n, children: s2, selfClosing: r, loc: this.r.span(t) };
   }
   readText() {
-    let t = this.r.pos(), i = "";
-    for (; !this.r.eof() && !this.r.atHole() && !(this.r.startsWith("</") || this.r.startsWith("<!--") || this.isTagStart() || this.isFragmentStart() || this.isDynamicTagStart()); ) i += this.r.advance();
-    return i ? { kind: "Text", value: i, raw: false, loc: this.r.span(t) } : null;
+    let t = this.r.pos(), i2 = "";
+    for (; !this.r.eof() && !this.r.atHole() && !(this.r.startsWith("</") || this.r.startsWith("<!--") || this.isTagStart() || this.isFragmentStart() || this.isDynamicTagStart()); ) i2 += this.r.advance();
+    return i2 ? { kind: "Text", value: i2, raw: false, loc: this.r.span(t) } : null;
   }
   parseComment() {
     let t = this.r.pos();
     this.r.advance(), this.r.advance(), this.r.advance(), this.r.advance();
-    let i = "";
+    let i2 = "";
     for (; !this.r.eof() && !this.r.startsWith("-->"); ) {
       if (this.r.atHole()) {
-        this.r.takeHole(), i += "\0";
+        this.r.takeHole(), i2 += "\0";
         continue;
       }
-      i += this.r.advance();
+      i2 += this.r.advance();
     }
-    return this.r.startsWith("-->") ? (this.r.advance(), this.r.advance(), this.r.advance()) : this.report("unclosed-comment", "warning", "Unterminated comment", this.r.span(t)), { kind: "Comment", value: i, loc: this.r.span(t) };
+    return this.r.startsWith("-->") ? (this.r.advance(), this.r.advance(), this.r.advance()) : this.report("unclosed-comment", "warning", "Unterminated comment", this.r.span(t)), { kind: "Comment", value: i2, loc: this.r.span(t) };
   }
   parseFragment() {
     let t = this.r.pos();
     this.r.advance(), this.r.advance();
-    let i = this.parseChildren();
+    let i2 = this.parseChildren();
     if (this.r.startsWith("</")) {
       let n = this.consumeCloseTag();
       n && this.report("mismatched-close-tag", "error", `Expected </> to close fragment, got </${n}>`, this.r.span(t));
     } else this.report("unclosed-tag", "error", "Unterminated fragment", this.r.span(t));
-    return { kind: "Fragment", children: i, loc: this.r.span(t) };
+    return { kind: "Fragment", children: i2, loc: this.r.span(t) };
   }
   parseElement() {
     let t = this.r.pos();
     this.r.advance();
-    let i = this.readName(), n = C(i), r = this.parseAttributes(n);
+    let i2 = this.readName(), n = C(i2), r = this.parseAttributes(n);
     this.foldEachKey(r, t), this.r.skipWhitespace();
-    let s = i.toLowerCase(), o = !n && S.has(s), l = !n && T.has(s), a = false, c = [];
-    if (this.r.startsWith("/>")) this.r.advance(), this.r.advance(), a = true;
-    else if (this.r.peek() === ">" && this.r.advance(), !l) if (c = o ? this.parseRawText(i) : this.parseChildren(), this.r.startsWith("</")) {
+    let s2 = i2.toLowerCase(), o = !n && S.has(s2), l2 = !n && T.has(s2), a2 = false, c = [];
+    if (this.r.startsWith("/>")) this.r.advance(), this.r.advance(), a2 = true;
+    else if (this.r.peek() === ">" && this.r.advance(), !l2) if (c = o ? this.parseRawText(i2) : this.parseChildren(), this.r.startsWith("</")) {
       let g = this.consumeCloseTag();
-      g && g !== i && this.report("mismatched-close-tag", "error", `Expected </${i}>, got </${g}>`, this.r.span(t));
-    } else this.report("unclosed-tag", "error", `Unclosed <${i}>`, this.r.span(t));
+      g && g !== i2 && this.report("mismatched-close-tag", "error", `Expected </${i2}>, got </${g}>`, this.r.span(t));
+    } else this.report("unclosed-tag", "error", `Unclosed <${i2}>`, this.r.span(t));
     let h = this.r.span(t);
-    if (n) return { kind: "Component", tag: i, tagHole: null, attributes: r, children: c, selfClosing: a, loc: h };
-    let d = this.svg || D.has(i) ? "svg" : "html";
-    return { kind: "Element", tag: i, namespace: d, attributes: r, children: c, selfClosing: a, rawText: o, loc: h };
+    if (n) return { kind: "Component", tag: i2, tagHole: null, attributes: r, children: c, selfClosing: a2, loc: h };
+    let d = this.svg || E.has(i2) ? "svg" : "html";
+    return { kind: "Element", tag: i2, namespace: d, attributes: r, children: c, selfClosing: a2, rawText: o, loc: h };
   }
   parseRawText(t) {
-    let i = [], n = "</" + t.toLowerCase(), r = "", s = this.r.pos(), o = () => {
-      r && i.push({ kind: "Text", value: r, raw: true, loc: this.r.span(s) }), r = "";
+    let i2 = [], n = "</" + t.toLowerCase(), r = "", s2 = this.r.pos(), o = () => {
+      r && i2.push({ kind: "Text", value: r, raw: true, loc: this.r.span(s2) }), r = "";
     };
     for (; !this.r.eof() && !this.startsWithCloseFor(n); ) {
       if (this.r.atHole()) {
         o();
-        let l = this.r.takeHole();
-        i.push({ kind: "Expression", hole: l.index, loc: l.loc }), s = this.r.pos();
+        let l2 = this.r.takeHole();
+        i2.push({ kind: "Expression", hole: l2.index, loc: l2.loc }), s2 = this.r.pos();
         continue;
       }
-      r || (s = this.r.pos()), r += this.r.advance();
+      r || (s2 = this.r.pos()), r += this.r.advance();
     }
-    return o(), i;
+    return o(), i2;
   }
   startsWithCloseFor(t) {
-    let i = 0;
-    for (; i < t.length; ) {
-      let n = this.r.peek(i);
-      if (n === "" || n.toLowerCase() !== t[i]) return false;
-      i++;
+    let i2 = 0;
+    for (; i2 < t.length; ) {
+      let n = this.r.peek(i2);
+      if (n === "" || n.toLowerCase() !== t[i2]) return false;
+      i2++;
     }
     return true;
   }
   parseAttributes(t) {
-    let i = [];
+    let i2 = [];
     for (; !this.r.eof() && (this.r.skipWhitespace(), !(this.r.peek() === ">" || this.r.startsWith("/>"))); ) {
       if (this.r.atHole()) {
-        let a = this.r.takeHole();
-        i.push({ kind: "Spread", hole: a.index, loc: a.loc });
+        let a2 = this.r.takeHole();
+        i2.push({ kind: "Spread", hole: a2.index, loc: a2.loc });
         continue;
       }
       if (this.r.startsWith("...")) {
-        let a = this.r.pos();
+        let a2 = this.r.pos();
         if (this.r.advance(), this.r.advance(), this.r.advance(), this.r.atHole()) {
           let c = this.r.takeHole();
-          i.push({ kind: "Spread", hole: c.index, loc: this.r.span(a) });
-        } else this.report("invalid-binding", "error", "Spread `...` must be followed by ${\u2026}", this.r.span(a));
+          i2.push({ kind: "Spread", hole: c.index, loc: this.r.span(a2) });
+        } else this.report("invalid-binding", "error", "Spread `...` must be followed by ${\u2026}", this.r.span(a2));
         continue;
       }
       let n = this.r.pos(), r = this.readName();
@@ -315,14 +315,14 @@ var b = class {
         this.r.advance();
         continue;
       }
-      let s = this.r.span(n);
+      let s2 = this.r.span(n);
       this.r.skipWhitespace();
       let o = null;
       this.r.peek() === "=" && (this.r.advance(), this.r.skipWhitespace(), o = this.parseAttrValue());
-      let l = { name: r, nameLoc: s, value: o, loc: this.r.span(n), report: (a, c) => this.report(a, "error", c, this.r.span(n)) };
-      i.push(k(l, this.directives, { component: t }));
+      let l2 = { name: r, nameLoc: s2, value: o, loc: this.r.span(n), report: (a2, c) => this.report(a2, "error", c, this.r.span(n)) };
+      i2.push(k(l2, this.directives, { component: t }));
     }
-    return i;
+    return i2;
   }
   parseAttrValue() {
     if (this.r.atHole()) return { kind: "hole", hole: this.r.takeHole().index };
@@ -331,30 +331,30 @@ var b = class {
   }
   readQuotedParts(t) {
     this.r.advance();
-    let i = [], n = "";
+    let i2 = [], n = "";
     for (; !this.r.eof() && this.r.peek() !== t; ) {
       if (this.r.atHole()) {
-        n && (i.push({ text: n }), n = ""), i.push({ hole: this.r.takeHole().index });
+        n && (i2.push({ text: n }), n = ""), i2.push({ hole: this.r.takeHole().index });
         continue;
       }
       let r = this.r.advance();
       if (r === "") break;
       n += r;
     }
-    return n && i.push({ text: n }), this.r.peek() === t && this.r.advance(), i;
+    return n && i2.push({ text: n }), this.r.peek() === t && this.r.advance(), i2;
   }
   classifyParts(t) {
-    let i = t.filter((n) => "hole" in n);
-    return i.length === 0 ? { kind: "static", value: t.map((n) => "text" in n ? n.text : "").join("") } : t.length === 1 ? { kind: "hole", hole: i[0].hole } : { kind: "mixed", parts: t };
-  }
-  foldEachKey(t, i) {
-    let n = null, r = 0, s = 0, o = 0, l = 0;
-    for (let d of t) d.kind === "EachDirective" ? (n = d, s++) : d.kind === "IfDirective" ? r++ : d.kind === "ElseDirective" ? o++ : d.kind === "RefBinding" && l++;
-    let a = this.r.span(i);
-    s > 1 && this.report("duplicate-directive", "error", "Multiple `each` directives on one element", a), r > 1 && this.report("duplicate-directive", "error", "Multiple `if` directives on one element", a), l > 1 && this.report("duplicate-directive", "error", "Multiple `ref` bindings on one element", a), r > 0 && s > 0 && this.report("unsupported-combination", "error", "`if` and `each` cannot both apply to one element \u2014 wrap one in another element", a), r > 0 && o > 0 && this.report("invalid-directive", "error", "`if` and `else` cannot be on the same element", a);
+    let i2 = t.filter((n) => "hole" in n);
+    return i2.length === 0 ? { kind: "static", value: t.map((n) => "text" in n ? n.text : "").join("") } : t.length === 1 ? { kind: "hole", hole: i2[0].hole } : { kind: "mixed", parts: t };
+  }
+  foldEachKey(t, i2) {
+    let n = null, r = 0, s2 = 0, o = 0, l2 = 0;
+    for (let d of t) d.kind === "EachDirective" ? (n = d, s2++) : d.kind === "IfDirective" ? r++ : d.kind === "ElseDirective" ? o++ : d.kind === "RefBinding" && l2++;
+    let a2 = this.r.span(i2);
+    s2 > 1 && this.report("duplicate-directive", "error", "Multiple `each` directives on one element", a2), r > 1 && this.report("duplicate-directive", "error", "Multiple `if` directives on one element", a2), l2 > 1 && this.report("duplicate-directive", "error", "Multiple `ref` bindings on one element", a2), r > 0 && s2 > 0 && this.report("unsupported-combination", "error", "`if` and `each` cannot both apply to one element \u2014 wrap one in another element", a2), r > 0 && o > 0 && this.report("invalid-directive", "error", "`if` and `else` cannot be on the same element", a2);
     let c = t.findIndex((d) => d.kind === "Attribute" && d.name === "key");
     if (!n) {
-      c !== -1 && this.report("invalid-directive", "error", "`key` requires an `each` directive on the same element", a);
+      c !== -1 && this.report("invalid-directive", "error", "`key` requires an `each` directive on the same element", a2);
       return;
     }
     if (c === -1) return;
@@ -362,28 +362,28 @@ var b = class {
     h.kind === "Attribute" && h.value && (h.value.kind === "static" ? n.key = { static: h.value.value } : h.value.kind === "hole" && (n.key = { hole: h.value.hole })), t.splice(c, 1);
   }
   readName() {
-    return this.r.readWhile((t) => I.test(t));
+    return this.r.readWhile((t) => V.test(t));
   }
   consumeCloseTag() {
     this.r.advance(), this.r.advance();
     let t = this.readName();
     return this.r.skipWhitespace(), this.r.peek() === ">" && this.r.advance(), t;
   }
-  report(t, i, n, r) {
-    this.diagnostics.push({ code: t, severity: i, message: n, loc: r });
+  report(t, i2, n, r) {
+    this.diagnostics.push({ code: t, severity: i2, message: n, loc: r });
   }
 };
-function N(e, t = {}) {
-  return new b(e, t).parse();
+function b(e, t = {}) {
+  return new N(e, t).parse();
 }
-function L(e) {
-  let t = [], i = 0;
+function I(e) {
+  let t = [], i2 = 0;
   return e.forEach((n, r) => {
-    t.push({ kind: "static", text: n, start: i }), i += n.length, r < e.length - 1 && t.push({ kind: "hole", index: r, start: i, end: i });
+    t.push({ kind: "static", text: n, start: i2 }), i2 += n.length, r < e.length - 1 && t.push({ kind: "hole", index: r, start: i2, end: i2 });
   }), t;
 }
 function Q(e, t = {}) {
-  return N(L(e), t);
+  return b(I(e), t);
 }
 
 // src/collect.ts
@@ -451,15 +451,26 @@ function importedNames(ts, decl) {
 }
 
 // src/pieces.ts
+function rawContent(ts, node, sf) {
+  const text = node.getText(sf);
+  const closesWithSubstitution = ts.isTemplateHead(node) || ts.isTemplateMiddle(node);
+  return text.slice(1, closesWithSubstitution ? -2 : -1);
+}
 function templatePieces(ts, tpl, sf) {
   if (ts.isNoSubstitutionTemplateLiteral(tpl)) {
-    return [{ kind: "static", text: tpl.text, start: tpl.getStart(sf) + 1 }];
+    return [{ kind: "static", text: rawContent(ts, tpl, sf), start: tpl.getStart(sf) + 1 }];
   }
-  const pieces = [{ kind: "static", text: tpl.head.text, start: tpl.head.getStart(sf) + 1 }];
-  tpl.templateSpans.forEach((span, i) => {
+  const pieces = [
+    { kind: "static", text: rawContent(ts, tpl.head, sf), start: tpl.head.getStart(sf) + 1 }
+  ];
+  tpl.templateSpans.forEach((span, i2) => {
     const e = span.expression;
-    pieces.push({ kind: "hole", index: i, start: e.getStart(sf), end: e.getEnd() });
-    pieces.push({ kind: "static", text: span.literal.text, start: span.literal.getStart(sf) + 1 });
+    pieces.push({ kind: "hole", index: i2, start: e.getStart(sf), end: e.getEnd() });
+    pieces.push({
+      kind: "static",
+      text: rawContent(ts, span.literal, sf),
+      start: span.literal.getStart(sf) + 1
+    });
   });
   return pieces;
 }
@@ -475,7 +486,7 @@ function parseCached(ts, sf, tpl) {
   const key = tpl.getStart(sf);
   const hit = byTemplate.get(key);
   if (hit) return hit;
-  const result = N(templatePieces(ts, tpl, sf));
+  const result = b(templatePieces(ts, tpl, sf));
   byTemplate.set(key, result);
   return result;
 }
@@ -491,7 +502,7 @@ function templatesIn(ts, sf) {
     ts.forEachChild(node, visit);
   };
   visit(sf);
-  found.sort((a, b2) => a.getStart(sf) - b2.getStart(sf));
+  found.sort((a2, b2) => a2.getStart(sf) - b2.getStart(sf));
   templates.set(sf, found);
   return found;
 }
@@ -505,29 +516,22 @@ function templateAtCached(ts, sf, pos) {
   return match;
 }
 
+// ../compiler/dist/resolve/builtins.mjs
+var s = ["Show", "For", "Index", "Switch", "Match", "Portal", "Dynamic", "ErrorBoundary"];
+var i = ["Suspense", "SuspenseList", "Await"];
+var u2 = ["Router", "Outlet", "Redirect", "Link"];
+var p2 = [...s, ...i, ...u2];
+var a = /* @__PURE__ */ new Set([...s, ...i]);
+function l(o = {}) {
+  let { controlFlowModule: e = "@fluixi/dom", coreModule: r = "@fluixi/core", routerModule: c = "@fluixi/core/router-next" } = o, n = {};
+  for (let t of s) n[t] = e;
+  for (let t of i) n[t] = r;
+  for (let t of u2) n[t] = c;
+  return n;
+}
+
 // src/auto-import.ts
-var DOM = "@fluixi/dom";
-var CORE = "@fluixi/core";
-var ROUTER = "@fluixi/core/router-next";
-var AUTO_IMPORTED = {
-  // Control flow. Suspense and Await live in core; dom doesn't export them.
-  Show: DOM,
-  For: DOM,
-  Index: DOM,
-  Switch: DOM,
-  Match: DOM,
-  Portal: DOM,
-  Dynamic: DOM,
-  ErrorBoundary: DOM,
-  Suspense: CORE,
-  SuspenseList: CORE,
-  Await: CORE,
-  // Router. `Routes` isn't a component and `lazy` is a call, so neither appears.
-  Router: ROUTER,
-  Outlet: ROUTER,
-  Redirect: ROUTER,
-  Link: ROUTER
-};
+var AUTO_IMPORTED = l();
 var exportsByProgram = /* @__PURE__ */ new WeakMap();
 function moduleExports(ts, program, host, from, moduleName) {
   let cache2 = exportsByProgram.get(program);
@@ -623,7 +627,7 @@ function resolveRelative(ts, host, options, from, specifier) {
 function autoImportedSymbol(ts, program, host, from, name) {
   const moduleName = AUTO_IMPORTED[name];
   if (!moduleName) return void 0;
-  const symbol = moduleExports(ts, program, host, from, moduleName)?.find((s) => s.name === name);
+  const symbol = moduleExports(ts, program, host, from, moduleName)?.find((s2) => s2.name === name);
   if (!symbol) return void 0;
   if (!(symbol.flags & ts.SymbolFlags.Alias)) return symbol;
   try {
@@ -644,7 +648,7 @@ function componentQuickInfo(ts, ls, host, fileName, position) {
   if (!hit) return void 0;
   const checker = program.getTypeChecker();
   const flags = ts.SymbolFlags.Value | ts.SymbolFlags.Function | ts.SymbolFlags.Class | ts.SymbolFlags.Alias;
-  const symbol = checker.getSymbolsInScope(template, flags).find((s) => s.name === hit.name) ?? autoImportedSymbol(ts, program, host, sf, hit.name);
+  const symbol = checker.getSymbolsInScope(template, flags).find((s2) => s2.name === hit.name) ?? autoImportedSymbol(ts, program, host, sf, hit.name);
   const decl = symbol?.valueDeclaration ?? symbol?.declarations?.[0];
   if (!decl) return void 0;
   const declFile = decl.getSourceFile();
@@ -781,21 +785,21 @@ function holeRoles(nodes, out) {
   };
   for (const node of nodes) {
     if (node.kind === "Element" || node.kind === "Component") {
-      for (const a of node.attributes) {
-        if (a.kind === "EventBinding") out.set(a.hole, { kind: "event", event: a.name.toLowerCase() });
-        if (node.kind === "Element" && a.kind === "RefBinding") out.set(a.hole, { kind: "refEl", tag: node.tag });
-        if (node.kind === "Element" && a.kind === "UseDirective" && a.hole != null) out.set(a.hole, { kind: "refEl", tag: node.tag });
+      for (const a2 of node.attributes) {
+        if (a2.kind === "EventBinding") out.set(a2.hole, { kind: "event", event: a2.name.toLowerCase() });
+        if (node.kind === "Element" && a2.kind === "RefBinding") out.set(a2.hole, { kind: "refEl", tag: node.tag });
+        if (node.kind === "Element" && a2.kind === "UseDirective" && a2.hole != null) out.set(a2.hole, { kind: "refEl", tag: node.tag });
       }
-      const eachDir = node.attributes.find((a) => a.kind === "EachDirective");
+      const eachDir = node.attributes.find((a2) => a2.kind === "EachDirective");
       if (eachDir && eachDir.kind === "EachDirective") {
         renderChildren(node, { kind: "each", eachHole: eachDir.hole });
       }
       if (node.kind === "Component") {
         const propHole = (name) => {
-          const a = node.attributes.find(
+          const a2 = node.attributes.find(
             (x2) => x2.kind === "Attribute" && x2.name === name && x2.value != null && x2.value.kind === "hole"
           );
-          return a && a.kind === "Attribute" && a.value && a.value.kind === "hole" ? a.value.hole : void 0;
+          return a2 && a2.kind === "Attribute" && a2.value && a2.value.kind === "hole" ? a2.value.hole : void 0;
         };
         const eachHole = propHole("each");
         if (node.tag === "For" && eachHole !== void 0) renderChildren(node, { kind: "each", eachHole });
@@ -808,7 +812,7 @@ function holeRoles(nodes, out) {
   }
 }
 function resolveGlobalType(ts, checker, location, name) {
-  const sym = checker.getSymbolsInScope(location, ts.SymbolFlags.Type).find((s) => s.getName() === name);
+  const sym = checker.getSymbolsInScope(location, ts.SymbolFlags.Type).find((s2) => s2.getName() === name);
   return sym ? checker.getDeclaredTypeOfSymbol(sym) : void 0;
 }
 function resolveElementType(ts, checker, location, tag) {
@@ -821,7 +825,7 @@ function inferParamAt(ts, program, sf, position) {
   const template = templateAtCached(ts, sf, position);
   if (!template || ts.isNoSubstitutionTemplateLiteral(template.template)) return void 0;
   const spans = template.template.templateSpans;
-  const holeExprs = spans.map((s) => s.expression);
+  const holeExprs = spans.map((s2) => s2.expression);
   const holeIndex = holeExprs.findIndex((e) => position >= e.getStart(sf) && position <= e.getEnd());
   if (holeIndex === -1) return void 0;
   const roles = /* @__PURE__ */ new Map();
@@ -870,7 +874,7 @@ function inferParamsIn(ts, program, sf) {
   for (const template of templatesIn(ts, sf)) {
     const tpl = template.template;
     if (ts.isNoSubstitutionTemplateLiteral(tpl)) continue;
-    const holeExprs = tpl.templateSpans.map((s) => s.expression);
+    const holeExprs = tpl.templateSpans.map((s2) => s2.expression);
     const roles = /* @__PURE__ */ new Map();
     holeRoles(parseCached(ts, sf, tpl).root.children, roles);
     for (const [holeIndex, role] of roles) {
@@ -924,7 +928,7 @@ function contains(outer, inner) {
 }
 
 // src/props.ts
-function componentPropCompletions(ts, ls, fileName, position) {
+function componentPropCompletions(ts, ls, host, fileName, position) {
   const program = ls.getProgram();
   const sf = program?.getSourceFile(fileName);
   if (!program || !sf) return void 0;
@@ -932,28 +936,27 @@ function componentPropCompletions(ts, ls, fileName, position) {
   if (!template) return void 0;
   const comp = componentTagAtAttrArea(ts, sf, template.template, position);
   if (!comp || !comp.tag) return void 0;
+  const span = attrNameSpan(sf.text, position);
   const cf = CONTROL_FLOW_PROPS[comp.tag];
   if (cf) {
     const already2 = new Set(comp.attributeNames);
-    return cf.filter((n) => !already2.has(n)).map((name) => propEntry(ts, name));
+    return cf.filter((n) => !already2.has(n)).map((name) => propEntry(ts, name, span));
   }
   const checker = program.getTypeChecker();
   const rootName = comp.tag.split(".")[0];
-  const decl = findDeclaration(ts, sf, rootName);
-  if (!decl) return void 0;
-  const compType = checker.getTypeAtLocation(decl);
-  const propsType = firstParamType(ts, checker, compType);
+  const compType = componentTypeOf(ts, program, checker, host, sf, template.template, rootName);
+  const propsType = compType && firstParamType(ts, checker, compType);
   if (!propsType) return void 0;
   const already = new Set(comp.attributeNames);
   const entries = [];
-  for (const p2 of propsType.getProperties()) {
-    const name = p2.getName();
+  for (const p3 of propsType.getProperties()) {
+    const name = p3.getName();
     if (name === "children" || already.has(name)) continue;
-    entries.push(propEntry(ts, name));
+    entries.push(propEntry(ts, name, span));
   }
   return entries.length ? entries : void 0;
 }
-function componentPropHover(ts, ls, fileName, position) {
+function componentPropHover(ts, ls, host, fileName, position) {
   const program = ls.getProgram();
   const sf = program?.getSourceFile(fileName);
   if (!program || !sf) return void 0;
@@ -968,11 +971,13 @@ function componentPropHover(ts, ls, fileName, position) {
     if (!typeText) return void 0;
   } else if (hit.tag) {
     const checker = program.getTypeChecker();
-    const decl = findDeclaration(ts, sf, hit.tag.split(".")[0]);
-    const propsType = decl && firstParamType(ts, checker, checker.getTypeAtLocation(decl));
+    const root = hit.tag.split(".")[0];
+    const compType = componentTypeOf(ts, program, checker, host, sf, template.template, root);
+    const propsType = compType && firstParamType(ts, checker, compType);
     const sym = propsType && propsType.getProperty(hit.prop);
     if (!sym) return void 0;
-    typeText = checker.typeToString(checker.getTypeOfSymbolAtLocation(sym, sym.valueDeclaration ?? decl));
+    const at = sym.valueDeclaration ?? sym.declarations?.[0] ?? template.template;
+    typeText = checker.typeToString(checker.getTypeOfSymbolAtLocation(sym, at));
   }
   if (!typeText) return void 0;
   return {
@@ -999,10 +1004,10 @@ function propNameAt(ts, sf, tpl, position) {
     for (const node of nodes) {
       if (node.kind === "Component") {
         const c = node;
-        for (const a of c.attributes) {
-          if ((a.kind === "Attribute" || a.kind === "PropertyBinding" || a.kind === "BindDirective") && "loc" in a) {
-            const start = a.loc.start;
-            if (position >= start && position <= start + a.name.length) hit = { tag: c.tag, prop: a.name, start };
+        for (const a2 of c.attributes) {
+          if ((a2.kind === "Attribute" || a2.kind === "PropertyBinding" || a2.kind === "BindDirective") && "loc" in a2) {
+            const start = a2.loc.start;
+            if (position >= start && position <= start + a2.name.length) hit = { tag: c.tag, prop: a2.name, start };
           }
         }
       }
@@ -1039,31 +1044,40 @@ var CONTROL_FLOW_PROPS = {
   Dynamic: ["component"],
   Await: ["value", "fallback"]
 };
-function propEntry(ts, name) {
-  return { name, kind: ts.ScriptElementKind.memberVariableElement, kindModifiers: "", sortText: "0_" + name, insertText: name };
-}
-function findDeclaration(ts, sf, name) {
-  for (const stmt of sf.statements) {
-    if ((ts.isFunctionDeclaration(stmt) || ts.isClassDeclaration(stmt)) && stmt.name?.text === name) return stmt.name;
-    if (ts.isVariableStatement(stmt)) {
-      for (const d of stmt.declarationList.declarations) {
-        if (ts.isIdentifier(d.name) && d.name.text === name) return d.name;
-      }
-    }
-    if (ts.isImportDeclaration(stmt)) {
-      const b2 = stmt.importClause?.namedBindings;
-      if (b2 && ts.isNamedImports(b2)) {
-        for (const el of b2.elements) if (el.name.text === name) return el.name;
-      }
-      if (stmt.importClause?.name?.text === name) return stmt.importClause.name;
-    }
-  }
-  return void 0;
+function propEntry(ts, name, replacementSpan) {
+  return {
+    name,
+    kind: ts.ScriptElementKind.memberVariableElement,
+    kindModifiers: "",
+    sortText: "0_" + name,
+    insertText: name,
+    // Without a span the editor filters these against whatever word *it* computes at the
+    // cursor, and inside a template literal that is not the attribute name — so the list
+    // showed in full until the first keystroke and then emptied. Saying exactly which
+    // characters are being replaced makes filtering match what is typed.
+    replacementSpan
+  };
+}
+function attrNameSpan(text, position) {
+  const isNameChar = (c) => !!c && /[A-Za-z0-9_$:@?.\-]/.test(c);
+  let start = position;
+  while (start > 0 && isNameChar(text[start - 1])) start--;
+  let end = position;
+  while (end < text.length && isNameChar(text[end])) end++;
+  return { start, length: end - start };
+}
+function componentTypeOf(ts, program, checker, host, sf, template, name) {
+  const flags = ts.SymbolFlags.Value | ts.SymbolFlags.Function | ts.SymbolFlags.Class | ts.SymbolFlags.Alias;
+  const symbol = checker.getSymbolsInScope(template, flags).find((s2) => s2.name === name) ?? autoImportedSymbol(ts, program, host, sf, name);
+  if (!symbol) return void 0;
+  const resolved = symbol.flags & ts.SymbolFlags.Alias ? checker.getAliasedSymbol(symbol) : symbol;
+  const decl = resolved.valueDeclaration ?? resolved.declarations?.[0];
+  return decl ? checker.getTypeOfSymbolAtLocation(resolved, decl) : void 0;
 }
 function firstParamType(ts, checker, type) {
   for (const sig of checker.getSignaturesOfType(type, ts.SignatureKind.Call)) {
-    const p2 = sig.getParameters()[0];
-    if (p2) return checker.getTypeOfSymbolAtLocation(p2, p2.valueDeclaration ?? sig.getDeclaration());
+    const p3 = sig.getParameters()[0];
+    if (p3) return checker.getTypeOfSymbolAtLocation(p3, p3.valueDeclaration ?? sig.getDeclaration());
   }
   return void 0;
 }
@@ -1076,7 +1090,7 @@ function componentTagAtAttrArea(ts, sf, tpl, position) {
         const c = node;
         const openStart = c.loc.start + 1 + (c.tag ? c.tag.length : 0);
         const openEnd = firstChildOrCloseStart(c);
-        if (position > openStart && position <= openEnd) {
+        if (position > openStart && position < openEnd) {
           hit = { tag: c.tag, attributeNames: attributeNames(c) };
         }
       }
@@ -1094,8 +1108,8 @@ function firstChildOrCloseStart(c) {
 }
 function attributeNames(c) {
   const out = [];
-  for (const a of c.attributes) {
-    if (a.kind === "Attribute" || a.kind === "PropertyBinding" || a.kind === "BindDirective") out.push(a.name);
+  for (const a2 of c.attributes) {
+    if (a2.kind === "Attribute" || a2.kind === "PropertyBinding" || a2.kind === "BindDirective") out.push(a2.name);
   }
   return out;
 }
@@ -1112,13 +1126,13 @@ function paramMemberCompletions(ts, ls, fileName, position) {
   const checker = program.getTypeChecker();
   const already = /* @__PURE__ */ new Set();
   const entries = [];
-  for (const p2 of checker.getApparentType(info.type).getProperties()) {
-    const name = p2.getName();
+  for (const p3 of checker.getApparentType(info.type).getProperties()) {
+    const name = p3.getName();
     if (already.has(name) || name.startsWith("__")) continue;
     already.add(name);
     entries.push({
       name,
-      kind: memberKind(ts, p2),
+      kind: memberKind(ts, p3),
       kindModifiers: "",
       sortText: "0_" + name,
       insertText: name
@@ -1206,8 +1220,8 @@ function elementAtAttributeArea(ts, sf, tpl, position) {
         const openEnd = firstAttributeEnd(el);
         if (position > openStart && position <= openEnd) {
           const present = /* @__PURE__ */ new Set();
-          for (const a of el.attributes) {
-            if ("loc" in a && a.loc) present.add(writtenName(sf.text, a.loc.start));
+          for (const a2 of el.attributes) {
+            if ("loc" in a2 && a2.loc) present.add(writtenName(sf.text, a2.loc.start));
           }
           hit = { tag: el.tag, present };
         }
@@ -1226,8 +1240,8 @@ function writtenName(text, start) {
 }
 function firstAttributeEnd(el) {
   let end = el.loc.start + 1 + el.tag.length;
-  for (const a of el.attributes) {
-    if ("loc" in a && a.loc) end = Math.max(end, a.loc.end);
+  for (const a2 of el.attributes) {
+    if ("loc" in a2 && a2.loc) end = Math.max(end, a2.loc.end);
   }
   return end + 1;
 }
@@ -1242,8 +1256,8 @@ function elementAttributeCompletions(ts, ls, host, fileName, position) {
   const props = attributesFor(ts, program, host, sf, hit.tag);
   if (!props) return void 0;
   const entries = [];
-  for (const p2 of props) {
-    const name = p2.getName();
+  for (const p3 of props) {
+    const name = p3.getName();
     if (name === "children" || hit.present.has(name)) continue;
     entries.push({
       name,
@@ -1261,9 +1275,9 @@ function attributeNameAt(ts, sf, tpl, position) {
     for (const node of nodes) {
       if (node.kind === "Element") {
         const el = node;
-        for (const a of el.attributes) {
-          if (!("loc" in a) || !a.loc) continue;
-          const start = a.loc.start;
+        for (const a2 of el.attributes) {
+          if (!("loc" in a2) || !a2.loc) continue;
+          const start = a2.loc.start;
           const name = writtenName(sf.text, start);
           if (name && position >= start && position <= start + name.length) {
             hit = { tag: el.tag, name, start };
@@ -1286,7 +1300,7 @@ function elementAttributeHover(ts, ls, host, fileName, position) {
   const hit = attributeNameAt(ts, sf, tpl.template, position);
   if (!hit) return void 0;
   const props = attributesFor(ts, program, host, sf, hit.tag);
-  const symbol = props?.find((p2) => p2.getName() === hit.name);
+  const symbol = props?.find((p3) => p3.getName() === hit.name);
   if (!symbol) return void 0;
   const decl = symbol.valueDeclaration ?? symbol.declarations?.[0];
   if (!decl) return void 0;
@@ -1326,7 +1340,7 @@ function accessorDiagnostics(ts, program, sf) {
   for (const template of templatesIn(ts, sf)) {
     const tpl = template.template;
     if (ts.isNoSubstitutionTemplateLiteral(tpl)) continue;
-    const holes = tpl.templateSpans.map((s) => s.expression);
+    const holes = tpl.templateSpans.map((s2) => s2.expression);
     const visit = (nodes, parent) => {
       for (const node of nodes) {
         if (node.kind === "Expression" && parent?.kind === "Element") {
@@ -1359,7 +1373,7 @@ function isAccessor(ts, checker, node) {
   const signatures = checker.getTypeAtLocation(node).getCallSignatures();
   if (signatures.length !== 1) return false;
   const signature = signatures[0];
-  if (signature.getParameters().some((p2) => !isOptional(ts, p2))) return false;
+  if (signature.getParameters().some((p3) => !isOptional(ts, p3))) return false;
   const returned = signature.getReturnType();
   return !(returned.flags & (ts.TypeFlags.Void | ts.TypeFlags.Never));
 }
@@ -1436,7 +1450,7 @@ function templateFixAll(ts, ls, fileName, errorCodes) {
     textChanges.push({ span: { start: at, length: 0 }, newText: "()" });
   }
   if (textChanges.length === 0) return void 0;
-  textChanges.sort((a, b2) => b2.span.start - a.span.start);
+  textChanges.sort((a2, b2) => b2.span.start - a2.span.start);
   return { changes: [{ fileName, textChanges }], commands: void 0 };
 }
 
@@ -1475,12 +1489,12 @@ function closingTagName(text, end, tag) {
 }
 function tagAt(ts, sf, position) {
   if (!templateAtCached(ts, sf, position)) return void 0;
-  return tagSpans(ts, sf).find((s) => position >= s.start && position <= s.start + s.length);
+  return tagSpans(ts, sf).find((s2) => position >= s2.start && position <= s2.start + s2.length);
 }
 function symbolFor(ts, program, host, location, name) {
   const checker = program.getTypeChecker();
   const flags = ts.SymbolFlags.Value | ts.SymbolFlags.Function | ts.SymbolFlags.Class | ts.SymbolFlags.Alias;
-  const symbol = checker.getSymbolsInScope(location, flags).find((s) => s.name === name);
+  const symbol = checker.getSymbolsInScope(location, flags).find((s2) => s2.name === name);
   if (!symbol) return autoImportedSymbol(ts, program, host, location.getSourceFile(), name);
   return symbol.flags & ts.SymbolFlags.Alias ? checker.getAliasedSymbol(symbol) : symbol;
 }
@@ -1605,13 +1619,19 @@ function init(modules) {
         isGlobalCompletion: false,
         isMemberCompletion: false,
         isNewIdentifierLocation: true,
+        // Re-ask on every keystroke instead of letting the editor filter what it already
+        // has. Inside a template the valid set changes with the cursor — a tag name, then
+        // that tag's props — and a list cached from one position is wrong at the next.
+        // Without this the props appear only after enough typing to force a fresh
+        // request, which reads as completion working intermittently.
+        isIncomplete: true,
         entries
       });
       const IMPLICIT_ANY = /* @__PURE__ */ new Set([7006, 7044]);
       const dedupe = (items) => {
         const seen = /* @__PURE__ */ new Set();
-        return items.filter((i) => {
-          const key = `${i.fileName}:${i.textSpan.start}:${i.textSpan.length}`;
+        return items.filter((i2) => {
+          const key = `${i2.fileName}:${i2.textSpan.start}:${i2.textSpan.length}`;
           if (seen.has(key)) return false;
           seen.add(key);
           return true;
@@ -1639,7 +1659,7 @@ function init(modules) {
       proxy.getSuggestionDiagnostics = (fileName) => reliableFilter(fileName, ls.getSuggestionDiagnostics(fileName));
       proxy.getQuickInfoAtPosition = (fileName, position) => {
         try {
-          const prop = componentPropHover(ts, ls, fileName, position);
+          const prop = componentPropHover(ts, ls, host, fileName, position);
           if (prop) return prop;
         } catch {
         }
@@ -1662,7 +1682,7 @@ function init(modules) {
       };
       proxy.getCompletionsAtPosition = (fileName, position, options, formatting) => {
         try {
-          const props = componentPropCompletions(ts, ls, fileName, position);
+          const props = componentPropCompletions(ts, ls, host, fileName, position);
           if (props) return completionList(props);
         } catch {
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluixi/ts-plugin",
-  "version": "0.1.0-alpha.3",
+  "version": "0.1.0-alpha.4",
   "license": "MIT",
   "private": false,
   "publishConfig": {
@@ -16,7 +16,8 @@
   ],
   "main": "./dist/index.js",
   "dependencies": {
-    "@fluixi/template-parser": "0.1.0-alpha.2"
+    "@fluixi/template-parser": "0.1.0-alpha.3",
+    "@fluixi/compiler": "1.0.0-alpha.70"
   },
   "devDependencies": {
     "esbuild": "^0.24.0",