tutuca 0.11.0 → 0.11.2

package/dist/tutuca-dev.ext.js

@@ -2234,13 +2234,12 @@ function processXExtras(node, attrs, opName, startIdx, px) {
     const a = attrs[i];
     const aName = a.name;
     if (consumed.has(aName)) continue;
-    const atPrefixed = aName.charCodeAt(0) === 64;
-    const baseName = atPrefixed ? aName.slice(1) : aName;
-    const wrapper = wrappable ? X_OPS[baseName]?.wrapper : null;
-    if (wrapper) {
-      if (!atPrefixed) maybeDeprecateBareXDirective(px, opName, baseName);
-      wrappers.push([wrapper, parseBool(a.value, px)]);
-      continue;
+    if (wrappable && aName.charCodeAt(0) === 64) {
+      const wrapper = X_OPS[aName.slice(1)]?.wrapper;
+      if (wrapper) {
+        wrappers.push([wrapper, parseBool(a.value, px)]);
+        continue;
+      }
     }
     const issueInfo = { op: opName, name: aName, value: a.value };
     px.onParseIssue("unknown-x-attr", issueInfo);
@@ -2252,9 +2251,6 @@ function processXExtras(node, attrs, opName, startIdx, px) {
   }
   return node;
 }
-function maybeDeprecateBareXDirective(px, opName, name) {
-  px.onDeprecatedSyntax("bare-x-directive", { op: opName, name });
-}
 function wrap(node, px, wrappers) {
   if (wrappers) {
     for (let i = wrappers.length - 1; i >= 0; i--) {
@@ -2376,17 +2372,10 @@ function parseRenderEach(px, value, as, attrs) {
   const attrParser = getAttrParser(px);
   const eachAttr = attrParser.pushWrapper("each", value, seqVal);
   attrParser.eachAttr = eachAttr;
-  const when = attrs.getNamedItem("@when") ?? attrs.getNamedItem("when");
-  if (when) {
-    if (when.name.charCodeAt(0) !== 64) maybeDeprecateBareXDirective(px, "render-each", "when");
-    attrParser._parseWhen(when.value);
-  }
-  const lWith = attrs.getNamedItem("@loop-with") ?? attrs.getNamedItem("loop-with");
-  if (lWith) {
-    if (lWith.name.charCodeAt(0) !== 64)
-      maybeDeprecateBareXDirective(px, "render-each", "loop-with");
-    attrParser._parseLoopWith(lWith.value);
-  }
+  const when = attrs.getNamedItem("@when");
+  if (when) attrParser._parseWhen(when.value);
+  const lWith = attrs.getNamedItem("@loop-with");
+  if (lWith) attrParser._parseLoopWith(lWith.value);
   const each = px.addNodeIf(EachNode, seqVal);
   each.iterInfo.whenVal = eachAttr.whenVal ?? null;
   each.iterInfo.loopWithVal = eachAttr.loopWithVal ?? null;
@@ -2524,10 +2513,8 @@ var X_OPS = {
   render: xOp(["as"], { wrappable: true, ignoresChildren: true }),
   "render-it": xOp(["as"], { wrappable: true, ignoresChildren: true }),
   // `@when`/`@loop-with` are consumed here (handled in parseRenderEach) so
-  // `processXExtras` does not flag them as unknown attrs. TEMPORARY: the bare
-  // `when`/`loop-with` spellings are deprecated in favor of the `@` form — see
-  // maybeDeprecateBareXDirective (added 2026-07-08).
-  "render-each": xOp(["as", "when", "loop-with", "@when", "@loop-with"], {
+  // `processXExtras` does not flag them as unknown attrs.
+  "render-each": xOp(["as", "@when", "@loop-with"], {
     wrappable: true,
     ignoresChildren: true
   }),
@@ -2618,10 +2605,6 @@ var ParseContext = class _ParseContext {
   onParseIssue(kind, info) {
     console.warn(`tutuca parse issue [${kind}]`, info);
   }
-  // Lint-only channel for deprecation nudges on still-valid syntax; the base
-  // (runtime) context ignores them so live apps stay quiet. See LintParseContext.
-  onDeprecatedSyntax(_kind, _info) {
-  }
 };
 var _htmlBlockTags = "ADDRESS,ARTICLE,ASIDE,BLOCKQUOTE,CAPTION,COL,COLGROUP,DETAILS,DIALOG,DIV,DD,DL,DT,FIELDSET,FIGCAPTION,FIGURE,FOOTER,FORM,H1,H2,H3,H4,H5,H6,HEADER,HGROUP,HR,LEGEND,LI,MAIN,MENU,NAV,OL,P,PRE,SECTION,SUMMARY,TABLE,TBODY,TD,TFOOT,TH,THEAD,TR,UL";
 var HTML_BLOCK_TAGS = new Set(_htmlBlockTags.split(","));
@@ -2835,6 +2818,191 @@ function collectAppClassesInSet(app) {
   return classes;
 }
 
+// src/components.js
+var COMPONENT = /* @__PURE__ */ Symbol.for("tutuca.component");
+var Components = class {
+  constructor() {
+    this.byId = /* @__PURE__ */ new Map();
+  }
+  registerComponent(Comp) {
+    this.byId.set(Comp[COMPONENT].id, Comp);
+  }
+  getComponentForId(id) {
+    return this.byId.get(id) ?? null;
+  }
+  getCompFor(v) {
+    const Comp = v?.constructor;
+    return Comp?.[COMPONENT] ? Comp : null;
+  }
+  getHandlerFor(v, name, key) {
+    return this.getCompFor(v)?.[key][name] ?? null;
+  }
+  // The `lex` leg of an intent's route: the handlers registered on the scope chain of
+  // the component that raised it, innermost first. A list, not a first match — see
+  // ComponentStack.lookupIntentChain.
+  getIntentChainFor(v, name) {
+    return this.getCompFor(v)?.scope.lookupIntentChain(name) ?? [];
+  }
+  compileStyles() {
+    const styles = [];
+    for (const comp of this.byId.values()) styles.push(comp.compileStyle());
+    return styles.join("\n");
+  }
+};
+var ComponentStack = class _ComponentStack {
+  constructor(comps = new Components(), parent = null) {
+    this.comps = comps;
+    this.parent = parent;
+    this.byName = {};
+    this.intentsByName = {};
+    this.macros = {};
+  }
+  enter() {
+    return new _ComponentStack(this.comps, this);
+  }
+  registerComponents(comps, opts) {
+    const { aliases = {} } = opts ?? {};
+    for (let i = 0; i < comps.length; i++) {
+      const Comp = comps[i];
+      Comp[COMPONENT].scope = this.enter();
+      this.comps.registerComponent(Comp);
+      this.byName[Comp.name] = Comp;
+    }
+    for (const alias in aliases) {
+      const comp = this.byName[aliases[alias]];
+      console.assert(this.byName[alias] === void 0, "alias overrides component", alias);
+      if (comp !== void 0) this.byName[alias] = comp;
+      else console.warn("alias", alias, "to inexistent component", aliases[alias]);
+    }
+  }
+  registerMacros(macros) {
+    for (const key in macros) {
+      const lower = key.toLowerCase();
+      console.assert(this.macros[lower] === void 0, "macro key collision", lower);
+      this.macros[lower] = macros[key];
+    }
+  }
+  getCompFor(v) {
+    return this.comps.getCompFor(v);
+  }
+  // Handlers that answer an intent's `lex` leg. A name maps to a LIST, because the leg
+  // walks: a handler that returns PASS declines and hands the intent to the next one.
+  // A bare function is accepted as a one-element list.
+  registerIntentHandlers(handlers) {
+    for (const name in handlers) {
+      const fns = Array.isArray(handlers[name]) ? handlers[name] : [handlers[name]];
+      this.intentsByName[name] = fns.map((fn) => new IntentHandler(name, fn));
+    }
+  }
+  // Innermost scope first, then outward. Concatenated rather than first-match, so a
+  // declining handler can hand the intent to one further up.
+  lookupIntentChain(name) {
+    const here = this.intentsByName[name] ?? [];
+    const up = this.parent?.lookupIntentChain(name) ?? [];
+    return up.length === 0 ? here : here.concat(up);
+  }
+  lookupComponent(name) {
+    return this.byName[name] ?? this.parent?.lookupComponent(name) ?? null;
+  }
+  lookupMacro(name) {
+    return this.macros[name] ?? this.parent?.lookupMacro(name) ?? null;
+  }
+};
+var ProvideInfo = class {
+  constructor(name, val, symbol) {
+    this.name = name;
+    this.val = val;
+    this.symbol = symbol;
+  }
+};
+var LookupInfo = class {
+  constructor(name, compName, provideName, val) {
+    this.name = name;
+    this.compName = compName;
+    this.provideName = provideName;
+    this.val = val;
+    this._sym = void 0;
+  }
+  getProducerSymbol(stack) {
+    if (this._sym === void 0)
+      this._sym = stack.lookupType(this.compName)?.provide?.[this.provideName]?.symbol ?? null;
+    return this._sym;
+  }
+};
+var isString = (v) => typeof v === "string";
+var _rawSpecKeys = "name view style commonStyle globalStyle receive intent alter views provide lookup fields methods statics";
+var KNOWN_SPEC_KEYS = new Set(_rawSpecKeys.split(" "));
+var _compId = 0;
+var Component = class {
+  constructor(Class, o) {
+    this.id = _compId++;
+    this.name = o.name ?? "UnkComp";
+    this.Class = Class;
+    this.views = { main: new View("main", o.view, o.style) };
+    this.commonStyle = o.commonStyle ?? "";
+    this.globalStyle = o.globalStyle ?? "";
+    this.receive = o.receive ?? {};
+    this.intent = o.intent ?? {};
+    this.alter = o.alter ?? {};
+    for (const name in o.views ?? {}) {
+      const v = o.views[name];
+      const { view, style } = isString(v) ? { view: v } : v;
+      this.views[name] = new View(name, view, style);
+    }
+    this._rawProvide = o.provide ?? {};
+    this._rawLookup = o.lookup ?? {};
+    this.provide = {};
+    this.lookup = {};
+    this.scope = null;
+    this.spec = o;
+    this.extra = {};
+    for (const key of Object.keys(o)) if (!KNOWN_SPEC_KEYS.has(key)) this.extra[key] = o[key];
+  }
+  compile(ParseContext2) {
+    for (const name in this.views)
+      this.views[name].compile(new ParseContext2(), this.scope, this.id);
+    const ctx = this.views.main.ctx;
+    for (const key in this._rawProvide) {
+      const val = parseProvide(this._rawProvide[key], ctx);
+      if (val) this.provide[key] = new ProvideInfo(key, val, Symbol(key));
+    }
+    for (const key in this._rawLookup) {
+      const linfo = this._rawLookup[key];
+      const forStr = isString(linfo) ? linfo : isString(linfo?.for) ? linfo.for : null;
+      const [compName, provideName] = forStr === null ? [] : forStr.split(".");
+      if (!isString(compName) || !isString(provideName)) continue;
+      const defStr = isString(linfo?.default) ? linfo.default : null;
+      const val = defStr === null ? null : parseField(defStr, ctx);
+      this.lookup[key] = new LookupInfo(key, compName, provideName, val);
+    }
+    for (const key in this.lookup)
+      if (this.provide[key] !== void 0)
+        console.warn("name declared in both provide and lookup", this.name, key);
+  }
+  make(args, opts) {
+    return this.Class.make(args, opts ?? { scope: this.scope });
+  }
+  getView(name) {
+    return this.views[name] ?? this.views.main;
+  }
+  getEventForId(id, name = "main") {
+    return this.getView(name).ctx.getEventForId(id);
+  }
+  getNodeForId(id, name = "main") {
+    return this.getView(name).ctx.getNodeForId(id);
+  }
+  compileStyle() {
+    const { id, commonStyle, globalStyle, views } = this;
+    const styles = commonStyle ? [`[data-cid="${id}"]{${commonStyle}}`] : [];
+    if (globalStyle !== "") styles.push(globalStyle);
+    for (const name in views) {
+      const { style } = views[name];
+      if (style !== "") styles.push(`[data-cid="${id}"][data-vid="${name}"]{${style}}`);
+    }
+    return styles.join("\n");
+  }
+};
+
 // tools/core/html-tokenizer.js
 var CharCodes = {
   Tab: 9,
@@ -5096,7 +5264,7 @@ function closestName(name, candidates, maxDistance = 2) {
 
 // tools/core/lint-check.js
 var KNOWN_COMPONENT_SPEC_KEYS = new Set(
-  "name view style commonStyle globalStyle input receive bubble response alter views provide lookup fields methods statics".split(
+  "name view style commonStyle globalStyle receive intent alter views provide lookup fields methods statics".split(
     " "
   )
 );
@@ -5128,8 +5296,6 @@ var UNKNOWN_EVENT_MODIFIER = "UNKNOWN_EVENT_MODIFIER";
 var UNKNOWN_HANDLER_ARG_NAME = "UNKNOWN_HANDLER_ARG_NAME";
 var RECEIVE_HANDLER_NOT_IMPLEMENTED = "RECEIVE_HANDLER_NOT_IMPLEMENTED";
 var EVENT_HANDLER_METHOD_NOT_ALLOWED = "EVENT_HANDLER_METHOD_NOT_ALLOWED";
-var RETIRED_HANDLER_BUCKET = "RETIRED_HANDLER_BUCKET";
-var RETIRED_CTX_VERB = "RETIRED_CTX_VERB";
 var HANDLER_NAME_COLLISION = "HANDLER_NAME_COLLISION";
 var FIELD_VAL_NOT_DEFINED = "FIELD_VAL_NOT_DEFINED";
 var FIELD_VAL_IS_METHOD = "FIELD_VAL_IS_METHOD";
@@ -5145,7 +5311,6 @@ var UNKNOWN_X_ATTR = "UNKNOWN_X_ATTR";
 var X_OP_IGNORES_CHILDREN = "X_OP_IGNORES_CHILDREN";
 var MAYBE_DROP_AT_PREFIX = "MAYBE_DROP_AT_PREFIX";
 var MAYBE_ADD_AT_PREFIX = "MAYBE_ADD_AT_PREFIX";
-var DEPRECATED_BARE_X_DIRECTIVE = "DEPRECATED_BARE_X_DIRECTIVE";
 var BAD_VALUE = "BAD_VALUE";
 var UNSUPPORTED_EXPR_SYNTAX = "UNSUPPORTED_EXPR_SYNTAX";
 var BINDING_MEMBER_TOO_DEEP = "BINDING_MEMBER_TOO_DEEP";
@@ -5248,8 +5413,6 @@ function checkComponent(Comp, lx = new LintContext(), { wellKnownExtras = EMPTY_
     checkProvidesAreAddressable(lx, Comp);
     checkLookupShapes(lx, Comp);
     checkHandlersNotAsync(lx, Comp);
-    checkRetiredBuckets(lx, Comp);
-    checkRetiredCtxVerbs(lx, Comp);
     checkHandlerNameCollisions(lx, Comp);
     checkScopedStyleTopLevel(lx, Comp);
     const referencedAlters = /* @__PURE__ */ new Set();
@@ -5295,14 +5458,6 @@ function checkParseIssues(lx, view) {
   const issues = view.ctx.parseIssues;
   if (!issues) return;
   for (const { kind, info } of issues) {
-    if (kind === "deprecated:bare-x-directive") {
-      lx.warn(DEPRECATED_BARE_X_DIRECTIVE, info, {
-        kind: "add-prefix",
-        from: info.name,
-        to: `@${info.name}`
-      });
-      continue;
-    }
     if (kind === "x-op-ignores-children") {
       lx.warn(X_OP_IGNORES_CHILDREN, info, { kind: "remove", what: "the ignored children" });
       continue;
@@ -5413,7 +5568,7 @@ function checkEnrichProjection(lx, view, Comp) {
     if (node.constructor.name !== "EachNode") continue;
     const enrich = node.iterInfo?.enrichWithVal;
     if (!enrich?.name) continue;
-    const fn = enrich.constructor.name === "MethodVal" ? protoMethodValue(Comp.Class?.prototype, enrich.name) : Comp.alter?.[enrich.name];
+    const fn = enrich.constructor.name === "MethodVal" ? protoMethodValue(Comp.prototype ?? Object.getPrototypeOf(Comp), enrich.name) : Comp.alter?.[enrich.name];
     if (typeof fn !== "function") continue;
     const members = pureProjectionBinds(fn);
     if (members === null) continue;
@@ -5534,15 +5689,14 @@ function checkKnownHandlerNames(lx, view, Comp, referencedAlters, referencedDyna
   }
 }
 function mkAttrValEnv(Comp, referencedAlters, referencedDynamics) {
-  const { scope, alter, provide, lookup: lookup2, Class } = Comp;
-  const { prototype: proto } = Class;
-  const { fields } = Class.getMetaClass();
+  const { scope, alter, provide, lookup: lookup2, fields } = Comp;
+  const proto = Comp.prototype ?? Object.getPrototypeOf(Comp);
   const dynamicMap = { ...provide, ...lookup2 };
   return { fields, proto, scope, alter, referencedAlters, dynamicMap, referencedDynamics };
 }
 function checkEventHandlersHaveImpls(lx, Comp, referencedInputs) {
-  const { receive: input, views, Class } = Comp;
-  const { prototype: proto } = Class;
+  const { receive: input, views } = Comp;
+  const proto = Comp.prototype ?? Object.getPrototypeOf(Comp);
   for (const viewName in views) {
     lx.push({ viewName }, () => {
       const view = views[viewName];
@@ -5809,57 +5963,6 @@ function checkConsistentAttrs(lx, Comp, referencedAlters, referencedDynamics) {
     });
   }
 }
-var isPlainObj = (v) => v !== null && typeof v === "object" && !Array.isArray(v);
-var RETIRED_BUCKETS = {
-  input: {
-    to: "receive",
-    how: "rename the bucket to `receive` - a view's own @on.* name and a parent's ctx.send are the same message now, and nothing can tell them apart"
-  },
-  bubble: {
-    to: "intent",
-    how: "rename the bucket to `intent` - and note the walk changed: a handler that calls ctx.reply() ENDS it, where ctx.stopPropagation() used to be the only way to stop"
-  },
-  response: {
-    to: "receive",
-    how: "split each arm into `receive` arms named after the intent: <name>Ok takes the result alone, <name>Error takes the error alone, and the optional <name>Unhandled means nothing claimed it"
-  }
-};
-function checkRetiredBuckets(lx, Comp) {
-  const extra = Comp.extra;
-  if (!extra) return;
-  for (const key of Object.keys(extra)) {
-    if (!Object.hasOwn(RETIRED_BUCKETS, key)) continue;
-    const retired = RETIRED_BUCKETS[key];
-    const names = isPlainObj(extra[key]) ? Object.keys(extra[key]) : [];
-    lx.error(RETIRED_HANDLER_BUCKET, { key, to: retired.to, how: retired.how, names });
-  }
-}
-var RETIRED_CTX_VERBS = {
-  bubble: 'ctx.intent(name, args, { route: ["dyn"] }) - the route says it walks the ancestors, where the verb used to',
-  request: 'ctx.intent(name, args, { route: ["lex"] }) - and the outcome comes back as a `receive` arm named <name>Ok / <name>Error / <name>Unhandled, so onOkName and onErrorName are gone',
-  stopPropagation: "ctx.stop()",
-  inputAtPath: "ctx.sendAtPath(path, name, args)",
-  requestAtPath: 'ctx.intentAtPath(path, name, args, { route: ["lex"] })'
-};
-var RETIRED_CTX_RE = new RegExp(
-  `\\bctx\\.(${Object.keys(RETIRED_CTX_VERBS).join("|")})\\s*\\(`,
-  "g"
-);
-function checkRetiredCtxVerbs(lx, Comp) {
-  for (const bucket of ["receive", "intent", "alter", "methods", "statics"]) {
-    const block = bucket === "methods" || bucket === "statics" ? Comp.spec?.[bucket] : Comp[bucket];
-    if (!isPlainObj(block)) continue;
-    for (const name in block) {
-      const fn = block[name];
-      if (typeof fn !== "function") continue;
-      const src = String(fn);
-      for (const m of src.matchAll(RETIRED_CTX_RE)) {
-        const verb = m[1];
-        lx.error(RETIRED_CTX_VERB, { verb, to: RETIRED_CTX_VERBS[verb], bucket, name });
-      }
-    }
-  }
-}
 function checkHandlerNameCollisions(lx, Comp) {
   const receive = Comp.receive ?? {};
   const intent = Comp.intent ?? {};
@@ -5885,7 +5988,6 @@ function checkUnknownSpecKeys(lx, Comp, wellKnownExtras) {
   let candidates = null;
   for (const key of Object.keys(extra)) {
     if (FRAMEWORK_WELL_KNOWN_EXTRAS.has(key) || wellKnownExtras.has(key)) continue;
-    if (Object.hasOwn(RETIRED_BUCKETS, key)) continue;
     candidates ??= [
       ...KNOWN_COMPONENT_SPEC_KEYS,
       ...FRAMEWORK_WELL_KNOWN_EXTRAS,
@@ -5895,7 +5997,7 @@ function checkUnknownSpecKeys(lx, Comp, wellKnownExtras) {
   }
 }
 function checkFieldDeclarations(lx, Comp) {
-  const fields = Comp.Class?.getMetaClass?.().fields;
+  const fields = Comp[COMPONENT]?.fields;
   if (!fields) return;
   for (const fieldName in fields) {
     const field = fields[fieldName];
@@ -5918,7 +6020,7 @@ function checkFieldDeclarations(lx, Comp) {
   }
 }
 function checkFieldMethodNameCollisions(lx, Comp) {
-  const meta = Comp.Class?.getMetaClass?.();
+  const meta = Comp[COMPONENT];
   if (!meta) return;
   for (const name in meta.fields)
     if (Object.hasOwn(meta.methods, name)) lx.error(FIELD_METHOD_NAME_COLLISION, { name });
@@ -6096,202 +6198,6 @@ var LintParseContext = class extends ParseContext {
     const tag = this.currentTag;
     this.parseIssues.push({ kind, info: tag && info.tag === void 0 ? { ...info, tag } : info });
   }
-  // TEMPORARY (2026-07-08): record deprecation nudges on the same channel as
-  // parse issues so checkParseIssues can surface them as warnings. Remove with
-  // the bare `show`/`hide`/`when` spelling.
-  onDeprecatedSyntax(kind, info) {
-    const tag = this.currentTag;
-    this.parseIssues.push({
-      kind: `deprecated:${kind}`,
-      info: tag && info.tag === void 0 ? { ...info, tag } : info
-    });
-  }
-};
-
-// src/components.js
-var Components = class {
-  constructor() {
-    this.getComponentSymbol = /* @__PURE__ */ Symbol("getComponent");
-    this.byId = /* @__PURE__ */ new Map();
-  }
-  registerComponent(comp) {
-    comp.Class.prototype[this.getComponentSymbol] = () => comp;
-    this.byId.set(comp.id, comp);
-  }
-  getComponentForId(id) {
-    return this.byId.get(id) ?? null;
-  }
-  getCompFor(v) {
-    return v?.[this.getComponentSymbol]?.() ?? null;
-  }
-  getHandlerFor(v, name, key) {
-    return this.getCompFor(v)?.[key][name] ?? null;
-  }
-  // The `lex` leg of an intent's route: the handlers registered on the scope chain of
-  // the component that raised it, innermost first. A list, not a first match — see
-  // ComponentStack.lookupIntentChain.
-  getIntentChainFor(v, name) {
-    return this.getCompFor(v)?.scope.lookupIntentChain(name) ?? [];
-  }
-  compileStyles() {
-    const styles = [];
-    for (const comp of this.byId.values()) styles.push(comp.compileStyle());
-    return styles.join("\n");
-  }
-};
-var ComponentStack = class _ComponentStack {
-  constructor(comps = new Components(), parent = null) {
-    this.comps = comps;
-    this.parent = parent;
-    this.byName = {};
-    this.intentsByName = {};
-    this.macros = {};
-  }
-  enter() {
-    return new _ComponentStack(this.comps, this);
-  }
-  registerComponents(comps, opts) {
-    const { aliases = {} } = opts ?? {};
-    for (let i = 0; i < comps.length; i++) {
-      const comp = comps[i];
-      comp.scope = this.enter();
-      comp.Class.scope = comp.scope;
-      this.comps.registerComponent(comp);
-      this.byName[comp.name] = comp;
-    }
-    for (const alias in aliases) {
-      const comp = this.byName[aliases[alias]];
-      console.assert(this.byName[alias] === void 0, "alias overrides component", alias);
-      if (comp !== void 0) this.byName[alias] = comp;
-      else console.warn("alias", alias, "to inexistent component", aliases[alias]);
-    }
-  }
-  registerMacros(macros) {
-    for (const key in macros) {
-      const lower = key.toLowerCase();
-      console.assert(this.macros[lower] === void 0, "macro key collision", lower);
-      this.macros[lower] = macros[key];
-    }
-  }
-  getCompFor(v) {
-    return this.comps.getCompFor(v);
-  }
-  // Handlers that answer an intent's `lex` leg. A name maps to a LIST, because the leg
-  // walks: a handler that returns PASS declines and hands the intent to the next one.
-  // A bare function is accepted as a one-element list.
-  registerIntentHandlers(handlers) {
-    for (const name in handlers) {
-      const fns = Array.isArray(handlers[name]) ? handlers[name] : [handlers[name]];
-      this.intentsByName[name] = fns.map((fn) => new IntentHandler(name, fn));
-    }
-  }
-  // Innermost scope first, then outward. Concatenated rather than first-match, so a
-  // declining handler can hand the intent to one further up.
-  lookupIntentChain(name) {
-    const here = this.intentsByName[name] ?? [];
-    const up = this.parent?.lookupIntentChain(name) ?? [];
-    return up.length === 0 ? here : here.concat(up);
-  }
-  lookupComponent(name) {
-    return this.byName[name] ?? this.parent?.lookupComponent(name) ?? null;
-  }
-  lookupMacro(name) {
-    return this.macros[name] ?? this.parent?.lookupMacro(name) ?? null;
-  }
-};
-var ProvideInfo = class {
-  constructor(name, val, symbol) {
-    this.name = name;
-    this.val = val;
-    this.symbol = symbol;
-  }
-};
-var LookupInfo = class {
-  constructor(name, compName, provideName, val) {
-    this.name = name;
-    this.compName = compName;
-    this.provideName = provideName;
-    this.val = val;
-    this._sym = void 0;
-  }
-  getProducerSymbol(stack) {
-    if (this._sym === void 0)
-      this._sym = stack.lookupType(this.compName)?.provide?.[this.provideName]?.symbol ?? null;
-    return this._sym;
-  }
-};
-var isString = (v) => typeof v === "string";
-var _rawSpecKeys = "name view style commonStyle globalStyle receive intent alter views provide lookup fields methods statics";
-var KNOWN_SPEC_KEYS = new Set(_rawSpecKeys.split(" "));
-var _compId = 0;
-var Component = class {
-  constructor(Class, o) {
-    this.id = _compId++;
-    this.name = o.name ?? "UnkComp";
-    this.Class = Class;
-    this.views = { main: new View("main", o.view, o.style) };
-    this.commonStyle = o.commonStyle ?? "";
-    this.globalStyle = o.globalStyle ?? "";
-    this.receive = o.receive ?? {};
-    this.intent = o.intent ?? {};
-    this.alter = o.alter ?? {};
-    for (const name in o.views ?? {}) {
-      const v = o.views[name];
-      const { view, style } = isString(v) ? { view: v } : v;
-      this.views[name] = new View(name, view, style);
-    }
-    this._rawProvide = o.provide ?? {};
-    this._rawLookup = o.lookup ?? {};
-    this.provide = {};
-    this.lookup = {};
-    this.scope = null;
-    this.spec = o;
-    this.extra = {};
-    for (const key of Object.keys(o)) if (!KNOWN_SPEC_KEYS.has(key)) this.extra[key] = o[key];
-  }
-  compile(ParseContext2) {
-    for (const name in this.views)
-      this.views[name].compile(new ParseContext2(), this.scope, this.id);
-    const ctx = this.views.main.ctx;
-    for (const key in this._rawProvide) {
-      const val = parseProvide(this._rawProvide[key], ctx);
-      if (val) this.provide[key] = new ProvideInfo(key, val, Symbol(key));
-    }
-    for (const key in this._rawLookup) {
-      const linfo = this._rawLookup[key];
-      const forStr = isString(linfo) ? linfo : isString(linfo?.for) ? linfo.for : null;
-      const [compName, provideName] = forStr === null ? [] : forStr.split(".");
-      if (!isString(compName) || !isString(provideName)) continue;
-      const defStr = isString(linfo?.default) ? linfo.default : null;
-      const val = defStr === null ? null : parseField(defStr, ctx);
-      this.lookup[key] = new LookupInfo(key, compName, provideName, val);
-    }
-    for (const key in this.lookup)
-      if (this.provide[key] !== void 0)
-        console.warn("name declared in both provide and lookup", this.name, key);
-  }
-  make(args, opts) {
-    return this.Class.make(args, opts ?? { scope: this.scope });
-  }
-  getView(name) {
-    return this.views[name] ?? this.views.main;
-  }
-  getEventForId(id, name = "main") {
-    return this.getView(name).ctx.getEventForId(id);
-  }
-  getNodeForId(id, name = "main") {
-    return this.getView(name).ctx.getNodeForId(id);
-  }
-  compileStyle() {
-    const { id, commonStyle, globalStyle, views } = this;
-    const styles = commonStyle ? [`[data-cid="${id}"]{${commonStyle}}`] : [];
-    if (globalStyle !== "") styles.push(globalStyle);
-    for (const name in views) {
-      const { style } = views[name];
-      if (style !== "") styles.push(`[data-cid="${id}"][data-vid="${name}"]{${style}}`);
-    }
-    return styles.join("\n");
-  }
 };
 
 // src/on.js
@@ -6433,7 +6339,7 @@ var FieldFloat = class extends Field {
     super("float", name, CHECK_TYPE_FLOAT, (_) => null, defaultValue);
   }
 };
-var getTypeName = (v) => v?.constructor?.getMetaClass?.()?.name;
+var getTypeName = (v) => v?.constructor?.[COMPONENT]?.name ?? v?.constructor?.getMetaClass?.()?.name ?? null;
 var CheckTypeName = class {
   constructor(typeName) {
     this.typeName = typeName;
@@ -6534,7 +6440,7 @@ var ClassBuilder = class {
         getMetaClass: () => metaClass,
         make(inArgs = {}, opts = {}) {
           const args = {};
-          const scope = opts.scope ?? this.scope;
+          const scope = opts.scope ?? this[COMPONENT]?.scope ?? this.scope;
           for (const key in inArgs) {
             const field = fields[key];
             if (compFields.has(key)) args[key] = mkCompField(field, scope, inArgs[key]);
@@ -6614,7 +6520,7 @@ function classFromData(name, { fields = {}, methods, statics }) {
   return b.build();
 }
 function validateDraftFields(current, draft) {
-  const meta = current?.constructor?.getMetaClass?.();
+  const meta = current?.constructor?.[COMPONENT] ?? current?.constructor?.getMetaClass?.();
   if (!meta) return;
   for (const [name, field] of Object.entries(meta.fields)) {
     const value = draft[name];
@@ -6627,7 +6533,33 @@ function validateDraftFields(current, draft) {
     }
   }
 }
-Component.fromSpec = (opts) => new Component(classFromData(opts.name, opts), opts);
+var META_KEYS = "name id fields methods views receive intent alter provide lookup spec extra commonStyle globalStyle scope _rawProvide _rawLookup".split(
+  " "
+);
+Component.fromSpec = (opts) => {
+  const Class = classFromData(opts.name, opts);
+  const comp = new Component(Class, opts);
+  const metaClass = Class.getMetaClass();
+  comp.fields = metaClass.fields;
+  comp.methods = metaClass.methods;
+  Class.getMetaClass = () => comp;
+  Class[COMPONENT] = comp;
+  for (const key of META_KEYS)
+    if (!Object.hasOwn(Class, key))
+      Object.defineProperty(Class, key, {
+        get() {
+          return comp[key];
+        },
+        set(v) {
+          comp[key] = v;
+        },
+        configurable: true
+      });
+  for (const key of Object.getOwnPropertyNames(Component.prototype))
+    if (key !== "constructor" && key !== "make" && !Object.hasOwn(Class, key))
+      Class[key] = (...args) => comp[key](...args);
+  return Class;
+};
 var component = (opts) => Component.fromSpec(opts);
 
 // src/stack.js
@@ -6916,8 +6848,8 @@ var Transaction = class {
   whenSettled() {
     return this.completion.whenSettled();
   }
-  // Resolves once this transaction AND all transitively-derived work (sends, bubbles,
-  // requests and the responses they produce, recursively) have settled.
+  // Resolves once this transaction AND all transitively-derived work (sends and
+  // intents, including the answers they produce, recursively) have settled.
   whenSubtreeSettled() {
     return this.completion.whenSubtreeSettled();
   }
@@ -7091,7 +7023,7 @@ var NameArgsTransaction = class extends Transaction {
   }
   handlerProp = null;
   // NameArgs verbs map their handler bucket straight to the observed kind:
-  // receive / bubble / response / input.
+  // receive / intent.
   get observeKind() {
     return this.handlerProp;
   }
@@ -7615,12 +7547,14 @@ var ModuleTests = class {
   }
 };
 function isComponentObject(x) {
-  return x !== null && typeof x === "object" && typeof x.name === "string" && typeof x.Class === "function";
+  if (x === null) return false;
+  if (typeof x === "function") return x[COMPONENT] != null;
+  return typeof x.name === "string" && typeof x.Class === "function";
 }
 function resolveComponentName(arg, components) {
   if (isComponentObject(arg)) return arg.name;
   if (typeof arg === "function") {
-    for (const c of components) if (c.Class === arg) return c.name;
+    for (const c of components) if (c === arg) return c.name;
   }
   return null;
 }
@@ -7959,12 +7893,6 @@ function lintIdToMessage(id, info) {
     }
     case "UNKNOWN_HANDLER_ARG_NAME":
       return `Unknown handler argument '${info.name}'${fmtOriginSuffix(info)}`;
-    case "RETIRED_HANDLER_BUCKET": {
-      const which = info.names?.length ? ` (${info.names.join(", ")})` : "";
-      return `\`${info.key}\` is no longer a handler bucket${which} — ${info.how}`;
-    }
-    case "RETIRED_CTX_VERB":
-      return `ctx.${info.verb}() no longer exists — use ${info.to} (in \`${info.bucket}.${info.name}\`)`;
     case "HANDLER_NAME_COLLISION":
       return `${info.problem} — ${info.fix}`;
     case "RECEIVE_HANDLER_NOT_IMPLEMENTED":
@@ -8020,9 +7948,6 @@ function lintIdToMessage(id, info) {
     }
     case "MAYBE_ADD_AT_PREFIX":
       return `'${info.name}' on <${(info.tag ?? "").toLowerCase()}> is a plain attribute, but '@${info.name}' is a directive — add the leading '@'`;
-    // TEMPORARY (2026-07-08): remove with the bare `show`/`hide`/`when` spelling.
-    case "DEPRECATED_BARE_X_DIRECTIVE":
-      return `'${info.name}' on <x ${info.op}> is deprecated — write '@${info.name}' instead${fmtTagSuffix(info)}`;
     case "BAD_VALUE":
       return `${badValueMessage(info)}${fmtTagSuffix(info)}`;
     case "UNSUPPORTED_EXPR_SYNTAX":
@@ -8486,8 +8411,7 @@ function serializeDefault(v) {
   return v;
 }
 function getComponentDoc(comp) {
-  const meta = comp.Class.getMetaClass();
-  const { fields, name, methods } = meta;
+  const { fields, name, methods } = comp;
   const userMethods = Object.keys(methods).map((k) => ({
     name: k,
     sig: getSignature(k, methods[k])
@@ -8535,7 +8459,12 @@ function shadowCheckComponent(Comp) {
     shadowViews[name] = { name, ctx, rawView };
   }
   const shadowComp = Object.create(Comp);
-  shadowComp.views = shadowViews;
+  Object.defineProperty(shadowComp, "views", {
+    value: shadowViews,
+    writable: true,
+    enumerable: true,
+    configurable: true
+  });
   return checkComponent(shadowComp).reports;
 }
 function check2(app) {
@@ -8601,12 +8530,12 @@ export {
   ASYNC_HANDLER,
   BAD_VALUE,
   BINDING_MEMBER_TOO_DEEP,
+  COMPONENT,
   COMP_FIELD_BAD_SHAPE,
   CONSTANT_CONDITION,
   ComponentDocs,
   ComponentList,
   ComponentSummary,
-  DEPRECATED_BARE_X_DIRECTIVE,
   DUPLICATE_ATTR_DEFINITION,
   DYN_ALIAS_NOT_REFERENCED,
   DYN_VAL_NOT_DEFINED,
@@ -8643,8 +8572,6 @@ export {
   RECEIVE_HANDLER_NOT_IMPLEMENTED,
   REDUNDANT_TEMPLATE_STRING,
   RENDER_IT_OUTSIDE_OF_LOOP,
-  RETIRED_CTX_VERB,
-  RETIRED_HANDLER_BUCKET,
   RenderBatch,
   RenderedExample,
   RenderedSection,