tutuca 0.9.92 → 0.9.93

package/dist/tutuca-cli.js

@@ -12963,6 +12963,7 @@ function checkComponent(Comp, lx = new LintContext, { wellKnownExtras = EMPTY_SE
     checkProvidesAreAddressable(lx, Comp);
     checkLookupShapes(lx, Comp);
     checkHandlersNotAsync(lx, Comp);
+    checkScopedStyleTopLevel(lx, Comp);
     const referencedAlters = new Set;
     const referencedInputs = new Set;
     const referencedDynamics = new Set;
@@ -13376,6 +13377,64 @@ function checkHandlersNotAsync(lx, Comp) {
     }
   }
 }
+function blankCssNoise(css) {
+  return css.replace(/\/\*[\s\S]*?\*\//g, blankRun).replace(/"(?:[^"\\\n]|\\.)*"/g, blankRun).replace(/'(?:[^'\\\n]|\\.)*'/g, blankRun);
+}
+function offsetToLineCol2(str, index) {
+  let line = 1;
+  let lineStart = 0;
+  for (let i = 0;i < index; i++) {
+    if (str[i] === `
+`) {
+      line++;
+      lineStart = i + 1;
+    }
+  }
+  return { line, column: index - lineStart + 1 };
+}
+function suppressedLines(css) {
+  const lines = new Set;
+  IGNORE_DIRECTIVE.lastIndex = 0;
+  for (let m = IGNORE_DIRECTIVE.exec(css);m !== null; m = IGNORE_DIRECTIVE.exec(css)) {
+    lines.add(offsetToLineCol2(css, m.index).line);
+  }
+  return lines;
+}
+function scanScopedCss(lx, css, key) {
+  if (!css)
+    return;
+  const ignore = suppressedLines(css);
+  const clean = blankCssNoise(css);
+  const report = (id, info) => {
+    if (ignore.has(info.location.line))
+      return;
+    lx.error(id, { key, ...info }, { kind: "rephrase", text: STYLE_TO_GLOBAL_HELP });
+  };
+  NON_NESTABLE_AT_RULE.lastIndex = 0;
+  for (let m = NON_NESTABLE_AT_RULE.exec(clean);m !== null; m = NON_NESTABLE_AT_RULE.exec(clean)) {
+    const at = m.index + m[0].indexOf("@");
+    report(TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE, {
+      atRule: m[1].toLowerCase(),
+      location: offsetToLineCol2(clean, at)
+    });
+  }
+  GLOBAL_LEADING_SELECTOR.lastIndex = 0;
+  for (let m = GLOBAL_LEADING_SELECTOR.exec(clean);m !== null; m = GLOBAL_LEADING_SELECTOR.exec(clean)) {
+    const at = m.index + m[0].indexOf(m[1]);
+    report(GLOBAL_SELECTOR_IN_SCOPED_STYLE, {
+      selector: m[1].toLowerCase(),
+      location: offsetToLineCol2(clean, at)
+    });
+  }
+}
+function checkScopedStyleTopLevel(lx, Comp) {
+  scanScopedCss(lx, Comp.commonStyle, "commonStyle");
+  for (const name in Comp.views) {
+    const { style } = Comp.views[name];
+    if (style)
+      lx.push({ viewName: name }, () => scanScopedCss(lx, style, "style"));
+  }
+}
 function checkProvidesAreAddressable(lx, Comp) {
   for (const name in Comp._rawProvide) {
     if (Comp.provide[name] === undefined) {
@@ -13452,7 +13511,7 @@ class LintContext {
     this.reports.push({ id, info, level, context: { ...this.frame }, suggestion });
   }
 }
-var KNOWN_COMPONENT_SPEC_KEYS, EMPTY_SET2, FRAMEWORK_WELL_KNOWN_EXTRAS, KNOWN_DIRECTIVE_NAMES, ALT_HANDLER_NOT_DEFINED = "ALT_HANDLER_NOT_DEFINED", ALT_HANDLER_NOT_REFERENCED = "ALT_HANDLER_NOT_REFERENCED", DYN_VAL_NOT_DEFINED = "DYN_VAL_NOT_DEFINED", DYN_ALIAS_NOT_REFERENCED = "DYN_ALIAS_NOT_REFERENCED", PROVIDE_NOT_ADDRESSABLE = "PROVIDE_NOT_ADDRESSABLE", LOOKUP_BAD_SHAPE = "LOOKUP_BAD_SHAPE", LOOKUP_TARGET_MALFORMED = "LOOKUP_TARGET_MALFORMED", RENDER_IT_OUTSIDE_OF_LOOP = "RENDER_IT_OUTSIDE_OF_LOOP", UNKNOWN_EVENT_MODIFIER = "UNKNOWN_EVENT_MODIFIER", UNKNOWN_HANDLER_ARG_NAME = "UNKNOWN_HANDLER_ARG_NAME", INPUT_HANDLER_NOT_IMPLEMENTED = "INPUT_HANDLER_NOT_IMPLEMENTED", INPUT_HANDLER_NOT_REFERENCED = "INPUT_HANDLER_NOT_REFERENCED", INPUT_HANDLER_METHOD_NOT_IMPLEMENTED = "INPUT_HANDLER_METHOD_NOT_IMPLEMENTED", INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD = "INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD", INPUT_HANDLER_METHOD_FOR_INPUT_HANDLER = "INPUT_HANDLER_METHOD_FOR_INPUT_HANDLER", FIELD_VAL_NOT_DEFINED = "FIELD_VAL_NOT_DEFINED", FIELD_VAL_IS_METHOD = "FIELD_VAL_IS_METHOD", METHOD_VAL_NOT_DEFINED = "METHOD_VAL_NOT_DEFINED", METHOD_VAL_IS_FIELD = "METHOD_VAL_IS_FIELD", DUPLICATE_ATTR_DEFINITION = "DUPLICATE_ATTR_DEFINITION", IF_NO_BRANCH_SET = "IF_NO_BRANCH_SET", UNKNOWN_REQUEST_NAME = "UNKNOWN_REQUEST_NAME", UNKNOWN_COMPONENT_NAME = "UNKNOWN_COMPONENT_NAME", UNKNOWN_MACRO_ARG = "UNKNOWN_MACRO_ARG", UNKNOWN_DIRECTIVE = "UNKNOWN_DIRECTIVE", UNKNOWN_X_OP = "UNKNOWN_X_OP", UNKNOWN_X_ATTR = "UNKNOWN_X_ATTR", MAYBE_DROP_AT_PREFIX = "MAYBE_DROP_AT_PREFIX", MAYBE_ADD_AT_PREFIX = "MAYBE_ADD_AT_PREFIX", BAD_VALUE = "BAD_VALUE", UNSUPPORTED_EXPR_SYNTAX = "UNSUPPORTED_EXPR_SYNTAX", REDUNDANT_TEMPLATE_STRING = "REDUNDANT_TEMPLATE_STRING", PLACEHOLDERLESS_TEMPLATE_STRING = "PLACEHOLDERLESS_TEMPLATE_STRING", UNKNOWN_COMPONENT_SPEC_KEY = "UNKNOWN_COMPONENT_SPEC_KEY", COMP_FIELD_BAD_SHAPE = "COMP_FIELD_BAD_SHAPE", ASYNC_HANDLER = "ASYNC_HANDLER", X_KNOWN_OP_NAMES, X_KNOWN_ATTR_NAMES, HOST_DIRECTIVE_ONLY_NAMES, LEVEL_WARN2 = "warn", LEVEL_ERROR2 = "error", LEVEL_HINT = "hint", PARSE_ISSUES, UNSUPPORTED_EXPR_GUIDANCE, HTML_LINT_OPTS, NO_WRAPPERS, KNOWN_HANDLER_NAMES, fixTo = (from, to) => ({ kind: "rewrite", from, to }), ATTR_VAL_CHECKERS, NODE_KIND_TO_CTX, HANDLER_CHANNELS, ASYNC_HANDLER_HELP, KNOWN_LOOKUP_KEYS, LintParseContext;
+var KNOWN_COMPONENT_SPEC_KEYS, EMPTY_SET2, FRAMEWORK_WELL_KNOWN_EXTRAS, KNOWN_DIRECTIVE_NAMES, ALT_HANDLER_NOT_DEFINED = "ALT_HANDLER_NOT_DEFINED", ALT_HANDLER_NOT_REFERENCED = "ALT_HANDLER_NOT_REFERENCED", DYN_VAL_NOT_DEFINED = "DYN_VAL_NOT_DEFINED", DYN_ALIAS_NOT_REFERENCED = "DYN_ALIAS_NOT_REFERENCED", PROVIDE_NOT_ADDRESSABLE = "PROVIDE_NOT_ADDRESSABLE", LOOKUP_BAD_SHAPE = "LOOKUP_BAD_SHAPE", LOOKUP_TARGET_MALFORMED = "LOOKUP_TARGET_MALFORMED", RENDER_IT_OUTSIDE_OF_LOOP = "RENDER_IT_OUTSIDE_OF_LOOP", UNKNOWN_EVENT_MODIFIER = "UNKNOWN_EVENT_MODIFIER", UNKNOWN_HANDLER_ARG_NAME = "UNKNOWN_HANDLER_ARG_NAME", INPUT_HANDLER_NOT_IMPLEMENTED = "INPUT_HANDLER_NOT_IMPLEMENTED", INPUT_HANDLER_NOT_REFERENCED = "INPUT_HANDLER_NOT_REFERENCED", INPUT_HANDLER_METHOD_NOT_IMPLEMENTED = "INPUT_HANDLER_METHOD_NOT_IMPLEMENTED", INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD = "INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD", INPUT_HANDLER_METHOD_FOR_INPUT_HANDLER = "INPUT_HANDLER_METHOD_FOR_INPUT_HANDLER", FIELD_VAL_NOT_DEFINED = "FIELD_VAL_NOT_DEFINED", FIELD_VAL_IS_METHOD = "FIELD_VAL_IS_METHOD", METHOD_VAL_NOT_DEFINED = "METHOD_VAL_NOT_DEFINED", METHOD_VAL_IS_FIELD = "METHOD_VAL_IS_FIELD", DUPLICATE_ATTR_DEFINITION = "DUPLICATE_ATTR_DEFINITION", IF_NO_BRANCH_SET = "IF_NO_BRANCH_SET", UNKNOWN_REQUEST_NAME = "UNKNOWN_REQUEST_NAME", UNKNOWN_COMPONENT_NAME = "UNKNOWN_COMPONENT_NAME", UNKNOWN_MACRO_ARG = "UNKNOWN_MACRO_ARG", UNKNOWN_DIRECTIVE = "UNKNOWN_DIRECTIVE", UNKNOWN_X_OP = "UNKNOWN_X_OP", UNKNOWN_X_ATTR = "UNKNOWN_X_ATTR", MAYBE_DROP_AT_PREFIX = "MAYBE_DROP_AT_PREFIX", MAYBE_ADD_AT_PREFIX = "MAYBE_ADD_AT_PREFIX", BAD_VALUE = "BAD_VALUE", UNSUPPORTED_EXPR_SYNTAX = "UNSUPPORTED_EXPR_SYNTAX", REDUNDANT_TEMPLATE_STRING = "REDUNDANT_TEMPLATE_STRING", PLACEHOLDERLESS_TEMPLATE_STRING = "PLACEHOLDERLESS_TEMPLATE_STRING", UNKNOWN_COMPONENT_SPEC_KEY = "UNKNOWN_COMPONENT_SPEC_KEY", COMP_FIELD_BAD_SHAPE = "COMP_FIELD_BAD_SHAPE", ASYNC_HANDLER = "ASYNC_HANDLER", TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE = "TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE", GLOBAL_SELECTOR_IN_SCOPED_STYLE = "GLOBAL_SELECTOR_IN_SCOPED_STYLE", X_KNOWN_OP_NAMES, X_KNOWN_ATTR_NAMES, HOST_DIRECTIVE_ONLY_NAMES, LEVEL_WARN2 = "warn", LEVEL_ERROR2 = "error", LEVEL_HINT = "hint", PARSE_ISSUES, UNSUPPORTED_EXPR_GUIDANCE, HTML_LINT_OPTS, NO_WRAPPERS, KNOWN_HANDLER_NAMES, fixTo = (from, to) => ({ kind: "rewrite", from, to }), ATTR_VAL_CHECKERS, NODE_KIND_TO_CTX, HANDLER_CHANNELS, ASYNC_HANDLER_HELP, NON_NESTABLE_AT_RULE, GLOBAL_LEADING_SELECTOR, IGNORE_DIRECTIVE, blankRun = (m) => m.replace(/[^\n]/g, " "), STYLE_TO_GLOBAL_HELP, KNOWN_LOOKUP_KEYS, LintParseContext;
 var init_lint_check = __esm(() => {
   init_anode();
   init_htmllinter();
@@ -13603,6 +13662,10 @@ var init_lint_check = __esm(() => {
   };
   HANDLER_CHANNELS = ["input", "receive", "bubble", "response", "alter"];
   ASYNC_HANDLER_HELP = "Move the async work into a request handler and trigger it with " + "ctx.request('name', args), then handle the result in a synchronous response " + "handler. To coordinate other components, keep the handler synchronous and use " + "ctx.send to deliver a message or ctx.bubble to raise an event.";
+  NON_NESTABLE_AT_RULE = /(?:^|[\s;{}])@(?:-[a-z]+-)?(charset|import|namespace|font-face|keyframes|page|property|counter-style|font-feature-values|font-palette-values|view-transition)\b/gi;
+  GLOBAL_LEADING_SELECTOR = /(?:^|[{}])\s*(html|body|:root)\b[^{};]*\{/gi;
+  IGNORE_DIRECTIVE = /\/\*\s*tutuca-lint-ignore\s*\*\//g;
+  STYLE_TO_GLOBAL_HELP = "Move it to the component's 'globalStyle' key, which is injected without the " + "component-scoping wrapper. To suppress a false positive, put a " + "/* tutuca-lint-ignore */ comment on the same line.";
   KNOWN_LOOKUP_KEYS = new Set(["for", "default"]);
   LintParseContext = class LintParseContext extends ParseContext {
     constructor(document2, Text, Comment) {
@@ -15103,6 +15166,18 @@ var init_lint_rules = __esm(() => {
       group: "Handler effects",
       summary: "A handler in `input`/`receive`/`bubble`/`response`/`alter` is an async " + "function — handlers must be synchronous; use a request handler, `ctx.send`, " + "or `ctx.bubble` instead."
     },
+    {
+      code: TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE,
+      level: "error",
+      group: "Component styles",
+      summary: "A top-level-only at-rule (`@import`, `@keyframes`, `@font-face`, …) appears " + "in `style`/`commonStyle`, which is wrapped in a component-scoped selector " + "where it is invalid and dropped — move it to `globalStyle`."
+    },
+    {
+      code: GLOBAL_SELECTOR_IN_SCOPED_STYLE,
+      level: "error",
+      group: "Component styles",
+      summary: "A rule whose leading selector is `html`/`body`/`:root` appears in " + "`style`/`commonStyle`; once scoped it becomes a descendant selector that " + "never matches — move it to `globalStyle`."
+    },
     {
       code: COMP_FIELD_BAD_SHAPE,
       level: "error",
@@ -15298,6 +15373,10 @@ function lintIdToMessage(id, info) {
       return `MathML attribute '${info.raw}' will be rewritten to '${info.canonical}'${fmtLocationSuffix(info)}`;
     case "ASYNC_HANDLER":
       return `Handler '${info.name}' in '${info.channel}' is an async function — handlers must be synchronous and return the updated state (an async function returns a Promise the framework won't await)`;
+    case "TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE":
+      return `'@${info.atRule}' is a top-level-only at-rule, but '${info.key}' is wrapped in a component-scoped selector ([data-cid=…]{…}) where it is invalid and silently dropped — move it to 'globalStyle'${fmtLocationSuffix(info)}`;
+    case "GLOBAL_SELECTOR_IN_SCOPED_STYLE":
+      return `Selector '${info.selector}' targets the document root, but '${info.key}' is wrapped in a component-scoped selector, so it becomes a descendant selector that never matches — move it to 'globalStyle'${fmtLocationSuffix(info)}`;
     case "LINT_ERROR":
       return info.message;
     default:

package/dist/tutuca-dev.ext.js

@@ -5033,6 +5033,8 @@ var PLACEHOLDERLESS_TEMPLATE_STRING = "PLACEHOLDERLESS_TEMPLATE_STRING";
 var UNKNOWN_COMPONENT_SPEC_KEY = "UNKNOWN_COMPONENT_SPEC_KEY";
 var COMP_FIELD_BAD_SHAPE = "COMP_FIELD_BAD_SHAPE";
 var ASYNC_HANDLER = "ASYNC_HANDLER";
+var TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE = "TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE";
+var GLOBAL_SELECTOR_IN_SCOPED_STYLE = "GLOBAL_SELECTOR_IN_SCOPED_STYLE";
 var X_KNOWN_OP_NAMES = new Set([
   "slot",
   "text",
@@ -5124,6 +5126,7 @@ function checkComponent(Comp, lx = new LintContext, { wellKnownExtras = EMPTY_SE
     checkProvidesAreAddressable(lx, Comp);
     checkLookupShapes(lx, Comp);
     checkHandlersNotAsync(lx, Comp);
+    checkScopedStyleTopLevel(lx, Comp);
     const referencedAlters = new Set;
     const referencedInputs = new Set;
     const referencedDynamics = new Set;
@@ -5641,6 +5644,69 @@ function checkHandlersNotAsync(lx, Comp) {
     }
   }
 }
+var NON_NESTABLE_AT_RULE = /(?:^|[\s;{}])@(?:-[a-z]+-)?(charset|import|namespace|font-face|keyframes|page|property|counter-style|font-feature-values|font-palette-values|view-transition)\b/gi;
+var GLOBAL_LEADING_SELECTOR = /(?:^|[{}])\s*(html|body|:root)\b[^{};]*\{/gi;
+var IGNORE_DIRECTIVE = /\/\*\s*tutuca-lint-ignore\s*\*\//g;
+var blankRun = (m) => m.replace(/[^\n]/g, " ");
+function blankCssNoise(css) {
+  return css.replace(/\/\*[\s\S]*?\*\//g, blankRun).replace(/"(?:[^"\\\n]|\\.)*"/g, blankRun).replace(/'(?:[^'\\\n]|\\.)*'/g, blankRun);
+}
+function offsetToLineCol2(str, index) {
+  let line = 1;
+  let lineStart = 0;
+  for (let i = 0;i < index; i++) {
+    if (str[i] === `
+`) {
+      line++;
+      lineStart = i + 1;
+    }
+  }
+  return { line, column: index - lineStart + 1 };
+}
+function suppressedLines(css) {
+  const lines = new Set;
+  IGNORE_DIRECTIVE.lastIndex = 0;
+  for (let m = IGNORE_DIRECTIVE.exec(css);m !== null; m = IGNORE_DIRECTIVE.exec(css)) {
+    lines.add(offsetToLineCol2(css, m.index).line);
+  }
+  return lines;
+}
+var STYLE_TO_GLOBAL_HELP = "Move it to the component's 'globalStyle' key, which is injected without the " + "component-scoping wrapper. To suppress a false positive, put a " + "/* tutuca-lint-ignore */ comment on the same line.";
+function scanScopedCss(lx, css, key) {
+  if (!css)
+    return;
+  const ignore = suppressedLines(css);
+  const clean = blankCssNoise(css);
+  const report = (id, info) => {
+    if (ignore.has(info.location.line))
+      return;
+    lx.error(id, { key, ...info }, { kind: "rephrase", text: STYLE_TO_GLOBAL_HELP });
+  };
+  NON_NESTABLE_AT_RULE.lastIndex = 0;
+  for (let m = NON_NESTABLE_AT_RULE.exec(clean);m !== null; m = NON_NESTABLE_AT_RULE.exec(clean)) {
+    const at = m.index + m[0].indexOf("@");
+    report(TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE, {
+      atRule: m[1].toLowerCase(),
+      location: offsetToLineCol2(clean, at)
+    });
+  }
+  GLOBAL_LEADING_SELECTOR.lastIndex = 0;
+  for (let m = GLOBAL_LEADING_SELECTOR.exec(clean);m !== null; m = GLOBAL_LEADING_SELECTOR.exec(clean)) {
+    const at = m.index + m[0].indexOf(m[1]);
+    report(GLOBAL_SELECTOR_IN_SCOPED_STYLE, {
+      selector: m[1].toLowerCase(),
+      location: offsetToLineCol2(clean, at)
+    });
+  }
+}
+function checkScopedStyleTopLevel(lx, Comp) {
+  scanScopedCss(lx, Comp.commonStyle, "commonStyle");
+  for (const name in Comp.views) {
+    const { style } = Comp.views[name];
+    if (style)
+      lx.push({ viewName: name }, () => scanScopedCss(lx, style, "style"));
+  }
+}
 function checkProvidesAreAddressable(lx, Comp) {
   for (const name in Comp._rawProvide) {
     if (Comp.provide[name] === undefined) {
@@ -6357,6 +6423,10 @@ function lintIdToMessage(id, info) {
       return `MathML attribute '${info.raw}' will be rewritten to '${info.canonical}'${fmtLocationSuffix(info)}`;
     case "ASYNC_HANDLER":
       return `Handler '${info.name}' in '${info.channel}' is an async function — handlers must be synchronous and return the updated state (an async function returns a Promise the framework won't await)`;
+    case "TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE":
+      return `'@${info.atRule}' is a top-level-only at-rule, but '${info.key}' is wrapped in a component-scoped selector ([data-cid=…]{…}) where it is invalid and silently dropped — move it to 'globalStyle'${fmtLocationSuffix(info)}`;
+    case "GLOBAL_SELECTOR_IN_SCOPED_STYLE":
+      return `Selector '${info.selector}' targets the document root, but '${info.key}' is wrapped in a component-scoped selector, so it becomes a descendant selector that never matches — move it to 'globalStyle'${fmtLocationSuffix(info)}`;
     case "LINT_ERROR":
       return info.message;
     default:
@@ -8198,6 +8268,7 @@ export {
   TestReport,
   TestIndex,
   Test,
+  TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE,
   Stack2 as Stack,
   Set2 as Set,
   Seq,
@@ -8242,6 +8313,7 @@ export {
   INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD,
   Map3 as IMap,
   IF_NO_BRANCH_SET,
+  GLOBAL_SELECTOR_IN_SCOPED_STYLE,
   FIELD_VAL_NOT_DEFINED,
   FIELD_VAL_IS_METHOD,
   FIELD_CLASS,

package/dist/tutuca-dev.js

@@ -12684,6 +12684,8 @@ var PLACEHOLDERLESS_TEMPLATE_STRING = "PLACEHOLDERLESS_TEMPLATE_STRING";
 var UNKNOWN_COMPONENT_SPEC_KEY = "UNKNOWN_COMPONENT_SPEC_KEY";
 var COMP_FIELD_BAD_SHAPE = "COMP_FIELD_BAD_SHAPE";
 var ASYNC_HANDLER = "ASYNC_HANDLER";
+var TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE = "TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE";
+var GLOBAL_SELECTOR_IN_SCOPED_STYLE = "GLOBAL_SELECTOR_IN_SCOPED_STYLE";
 var X_KNOWN_OP_NAMES = new Set([
   "slot",
   "text",
@@ -12775,6 +12777,7 @@ function checkComponent(Comp, lx = new LintContext, { wellKnownExtras = EMPTY_SE
     checkProvidesAreAddressable(lx, Comp);
     checkLookupShapes(lx, Comp);
     checkHandlersNotAsync(lx, Comp);
+    checkScopedStyleTopLevel(lx, Comp);
     const referencedAlters = new Set;
     const referencedInputs = new Set;
     const referencedDynamics = new Set;
@@ -13292,6 +13295,69 @@ function checkHandlersNotAsync(lx, Comp) {
     }
   }
 }
+var NON_NESTABLE_AT_RULE = /(?:^|[\s;{}])@(?:-[a-z]+-)?(charset|import|namespace|font-face|keyframes|page|property|counter-style|font-feature-values|font-palette-values|view-transition)\b/gi;
+var GLOBAL_LEADING_SELECTOR = /(?:^|[{}])\s*(html|body|:root)\b[^{};]*\{/gi;
+var IGNORE_DIRECTIVE = /\/\*\s*tutuca-lint-ignore\s*\*\//g;
+var blankRun = (m) => m.replace(/[^\n]/g, " ");
+function blankCssNoise(css) {
+  return css.replace(/\/\*[\s\S]*?\*\//g, blankRun).replace(/"(?:[^"\\\n]|\\.)*"/g, blankRun).replace(/'(?:[^'\\\n]|\\.)*'/g, blankRun);
+}
+function offsetToLineCol2(str, index) {
+  let line = 1;
+  let lineStart = 0;
+  for (let i = 0;i < index; i++) {
+    if (str[i] === `
+`) {
+      line++;
+      lineStart = i + 1;
+    }
+  }
+  return { line, column: index - lineStart + 1 };
+}
+function suppressedLines(css) {
+  const lines = new Set;
+  IGNORE_DIRECTIVE.lastIndex = 0;
+  for (let m = IGNORE_DIRECTIVE.exec(css);m !== null; m = IGNORE_DIRECTIVE.exec(css)) {
+    lines.add(offsetToLineCol2(css, m.index).line);
+  }
+  return lines;
+}
+var STYLE_TO_GLOBAL_HELP = "Move it to the component's 'globalStyle' key, which is injected without the " + "component-scoping wrapper. To suppress a false positive, put a " + "/* tutuca-lint-ignore */ comment on the same line.";
+function scanScopedCss(lx, css, key) {
+  if (!css)
+    return;
+  const ignore = suppressedLines(css);
+  const clean = blankCssNoise(css);
+  const report = (id, info) => {
+    if (ignore.has(info.location.line))
+      return;
+    lx.error(id, { key, ...info }, { kind: "rephrase", text: STYLE_TO_GLOBAL_HELP });
+  };
+  NON_NESTABLE_AT_RULE.lastIndex = 0;
+  for (let m = NON_NESTABLE_AT_RULE.exec(clean);m !== null; m = NON_NESTABLE_AT_RULE.exec(clean)) {
+    const at = m.index + m[0].indexOf("@");
+    report(TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE, {
+      atRule: m[1].toLowerCase(),
+      location: offsetToLineCol2(clean, at)
+    });
+  }
+  GLOBAL_LEADING_SELECTOR.lastIndex = 0;
+  for (let m = GLOBAL_LEADING_SELECTOR.exec(clean);m !== null; m = GLOBAL_LEADING_SELECTOR.exec(clean)) {
+    const at = m.index + m[0].indexOf(m[1]);
+    report(GLOBAL_SELECTOR_IN_SCOPED_STYLE, {
+      selector: m[1].toLowerCase(),
+      location: offsetToLineCol2(clean, at)
+    });
+  }
+}
+function checkScopedStyleTopLevel(lx, Comp) {
+  scanScopedCss(lx, Comp.commonStyle, "commonStyle");
+  for (const name in Comp.views) {
+    const { style } = Comp.views[name];
+    if (style)
+      lx.push({ viewName: name }, () => scanScopedCss(lx, style, "style"));
+  }
+}
 function checkProvidesAreAddressable(lx, Comp) {
   for (const name in Comp._rawProvide) {
     if (Comp.provide[name] === undefined) {
@@ -14008,6 +14074,10 @@ function lintIdToMessage(id, info) {
       return `MathML attribute '${info.raw}' will be rewritten to '${info.canonical}'${fmtLocationSuffix(info)}`;
     case "ASYNC_HANDLER":
       return `Handler '${info.name}' in '${info.channel}' is an async function — handlers must be synchronous and return the updated state (an async function returns a Promise the framework won't await)`;
+    case "TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE":
+      return `'@${info.atRule}' is a top-level-only at-rule, but '${info.key}' is wrapped in a component-scoped selector ([data-cid=…]{…}) where it is invalid and silently dropped — move it to 'globalStyle'${fmtLocationSuffix(info)}`;
+    case "GLOBAL_SELECTOR_IN_SCOPED_STYLE":
+      return `Selector '${info.selector}' targets the document root, but '${info.key}' is wrapped in a component-scoped selector, so it becomes a descendant selector that never matches — move it to 'globalStyle'${fmtLocationSuffix(info)}`;
     case "LINT_ERROR":
       return info.message;
     default:
@@ -15792,6 +15862,7 @@ export {
   TestReport,
   TestIndex,
   Test,
+  TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE,
   Stack,
   Set2 as Set,
   Seq,
@@ -15836,6 +15907,7 @@ export {
   INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD,
   Map2 as IMap,
   IF_NO_BRANCH_SET,
+  GLOBAL_SELECTOR_IN_SCOPED_STYLE,
   FIELD_VAL_NOT_DEFINED,
   FIELD_VAL_IS_METHOD,
   FIELD_CLASS,