@aihu/css-engine 0.3.0 → 0.4.0

package/crates/aihu-css-core/tests/progressive_snapshot.rs

@@ -22,7 +22,7 @@ fn sfc(classes: &str) -> aihu_css_core::SfcAst {
 
 #[test]
 fn view_transition_is_supports_gated_css_only() {
-    let css = compile_sfc_scoped(&sfc("view-transition:hero"));
+    let css = compile_sfc_scoped(&sfc("view-transition:hero")).unwrap();
     assert!(
         css.contains("@supports (view-transition-name: none)"),
         "view-transition gated behind @supports: {css}"
@@ -36,14 +36,14 @@ fn view_transition_is_supports_gated_css_only() {
 
 #[test]
 fn view_transition_snapshot() {
-    insta::assert_snapshot!(compile_sfc_scoped(&sfc("view-transition:hero")));
+    insta::assert_snapshot!(compile_sfc_scoped(&sfc("view-transition:hero")).unwrap());
 }
 
 // ── Task 6: anchor: (@supports gate + JS fallback marker) ────────────────────
 
 #[test]
 fn anchor_is_supports_gated_with_js_marker() {
-    let css = compile_sfc_scoped(&sfc("anchor:tooltip"));
+    let css = compile_sfc_scoped(&sfc("anchor:tooltip")).unwrap();
     assert!(
         css.contains("@supports (anchor-name: --a)"),
         "anchor gated behind @supports (anchor-name): {css}"
@@ -57,14 +57,14 @@ fn anchor_is_supports_gated_with_js_marker() {
 
 #[test]
 fn anchor_snapshot() {
-    insta::assert_snapshot!(compile_sfc_scoped(&sfc("anchor:tooltip")));
+    insta::assert_snapshot!(compile_sfc_scoped(&sfc("anchor:tooltip")).unwrap());
 }
 
 // ── Task 7: popover: (@supports gate + portal JS fallback marker) ────────────
 
 #[test]
 fn popover_is_supports_gated_with_js_marker() {
-    let css = compile_sfc_scoped(&sfc("popover:menu"));
+    let css = compile_sfc_scoped(&sfc("popover:menu")).unwrap();
     assert!(
         css.contains("@supports (selector(:popover-open))"),
         "popover gated behind @supports selector(:popover-open): {css}"
@@ -77,14 +77,14 @@ fn popover_is_supports_gated_with_js_marker() {
 
 #[test]
 fn popover_snapshot() {
-    insta::assert_snapshot!(compile_sfc_scoped(&sfc("popover:menu")));
+    insta::assert_snapshot!(compile_sfc_scoped(&sfc("popover:menu")).unwrap());
 }
 
 // ── Task 8: text-balance: (no gate, no JS) ───────────────────────────────────
 
 #[test]
 fn text_balance_no_gate_no_js() {
-    let css = compile_sfc_scoped(&sfc("text-balance:"));
+    let css = compile_sfc_scoped(&sfc("text-balance:")).unwrap();
     assert!(css.contains("text-wrap: balance"), "emits text-wrap: balance: {css}");
     assert!(
         !css.contains("@supports"),
@@ -98,5 +98,5 @@ fn text_balance_no_gate_no_js() {
 
 #[test]
 fn text_balance_snapshot() {
-    insta::assert_snapshot!(compile_sfc_scoped(&sfc("text-balance:")));
+    insta::assert_snapshot!(compile_sfc_scoped(&sfc("text-balance:")).unwrap());
 }

package/crates/aihu-css-core/tests/scoped_snapshot.rs

@@ -25,7 +25,7 @@ fn flat_output_for_class_list() {
 
 #[test]
 fn scoped_output_for_sfc() {
-    insta::assert_snapshot!(compile_sfc_scoped(&sfc("bg-primary p-4 rounded-lg")));
+    insta::assert_snapshot!(compile_sfc_scoped(&sfc("bg-primary p-4 rounded-lg")).unwrap());
 }
 
 #[test]
@@ -35,7 +35,7 @@ fn scoped_with_authored_style_block() {
       "meta":{"name":"Card"},
       "template":[{"kind":"element","tag":"div","attrs":[
         {"kind":"static","name":"class","value":"p-4 shadow-md"}],"children":[]}]}"#;
-    insta::assert_snapshot!(compile_sfc_scoped(&ast(json)));
+    insta::assert_snapshot!(compile_sfc_scoped(&ast(json)).unwrap());
 }
 
 #[test]
@@ -43,14 +43,14 @@ fn scoped_with_global_style_block() {
     let json = r#"{"tag":"X","astVersion":1,
       "style":{"content":"body { margin: 0; }","scope":"global"},
       "meta":{"name":"X"},"template":null}"#;
-    insta::assert_snapshot!(compile_sfc_scoped(&ast(json)));
+    insta::assert_snapshot!(compile_sfc_scoped(&ast(json)).unwrap());
 }
 
 #[test]
 fn scoped_space_y_nested_rule() {
     // Locks in the nested `& > * + *` sibling-margin shape inside component
     // scope (Round 1: tailwind-support `space-x/y-*` family).
-    insta::assert_snapshot!(compile_sfc_scoped(&sfc("space-y-4")));
+    insta::assert_snapshot!(compile_sfc_scoped(&sfc("space-y-4")).unwrap());
 }
 
 #[test]
@@ -59,7 +59,7 @@ fn scoped_divide_y_nested_rule() {
     // scope (Round 2: tailwind-support `divide-x/y-*` family). Confirms the
     // nested rule survives the scoped CSS-nesting emission path, mirroring
     // `scoped_space_y_nested_rule`.
-    insta::assert_snapshot!(compile_sfc_scoped(&sfc("divide-y-2")));
+    insta::assert_snapshot!(compile_sfc_scoped(&sfc("divide-y-2")).unwrap());
 }
 
 #[test]
@@ -67,7 +67,7 @@ fn scoped_animate_spin_hoists_keyframes() {
     // Locks the `animate-*` emission shape: the scoped `.animate-spin` rule
     // followed by a hoisted top-level `@keyframes spin` sibling (Round 2:
     // tailwind-support `motion` track).
-    insta::assert_snapshot!(compile_sfc_scoped(&sfc("animate-spin")));
+    insta::assert_snapshot!(compile_sfc_scoped(&sfc("animate-spin")).unwrap());
 }
 
 #[test]
@@ -75,32 +75,70 @@ fn scoped_transition_and_transform() {
     // Locks transition shorthand + a transform utility under component scope.
     insta::assert_snapshot!(compile_sfc_scoped(&sfc(
         "transition-transform duration-300 hover:scale-105"
-    )));
+    )).unwrap());
 }
 
 #[test]
 fn wc_native_variants() {
     insta::assert_snapshot!(compile_sfc_scoped(&sfc(
         "host:bg-primary slotted:p-4 slotted-img:rounded-lg part-thumb:bg-accent host-context-dark:bg-surface"
-    )));
+    )).unwrap());
 }
 
 #[test]
 fn standard_variants() {
     insta::assert_snapshot!(compile_sfc_scoped(&sfc(
         "hover:bg-primary focus:text-accent dark:bg-surface md:p-8 [&>div]:text-primary md:hover:bg-primary"
-    )));
+    )).unwrap());
+}
+
+#[test]
+fn style_block_does_not_suppress_scanned_utilities() {
+    // Regression for #278: an `@style` block must NOT make the utility-class
+    // scanner mutually exclusive. Both the scanned template utilities AND the
+    // authored `@style` content must land in the same scoped stylesheet.
+    //
+    // Repro: `<div class="text-3xl gap-4">` + `@style { .__probe__ { ... } }`.
+    // Before the fix the sheet contained ONLY `.__probe__`; the utilities
+    // vanished. Assert all three rules coexist (concatenated).
+    let json = r#"{"tag":"Probe","astVersion":1,
+      "style":{"content":".__probe__ { color: rgb(1,2,3); }","scope":"scoped"},
+      "meta":{"name":"Probe"},
+      "template":[{"kind":"element","tag":"div","attrs":[
+        {"kind":"static","name":"class","value":"text-3xl gap-4"}],"children":[]}]}"#;
+    // `.unwrap()` added in the PR-1 merge: compile_sfc_scoped now returns Result.
+    let css = compile_sfc_scoped(&ast(json)).unwrap();
+
+    // Scanned template utilities survive.
+    assert!(
+        css.contains(".text-3xl"),
+        "scanned utility .text-3xl missing when @style present:\n{css}"
+    );
+    assert!(
+        css.contains(".gap-4"),
+        "scanned utility .gap-4 missing when @style present:\n{css}"
+    );
+    // Authored @style content survives. (PR-1 merge: authored @style is now
+    // re-rendered through the shared @style parser to enable @apply, so it is
+    // whitespace-normalized rather than byte-identical — assert the selector
+    // and declaration are present, not the exact single-line form. The #278
+    // regression intent (scanned utilities AND authored @style coexist) holds.)
+    assert!(css.contains(".__probe__"), "authored @style selector missing:\n{css}");
+    assert!(
+        css.contains("color: rgb(1,2,3)"),
+        "authored @style declaration missing:\n{css}"
+    );
 }
 
 #[test]
 fn theme_default_vs_override() {
-    let default = compile_sfc_scoped(&sfc("bg-primary"));
+    let default = compile_sfc_scoped(&sfc("bg-primary")).unwrap();
     let json = r#"{"tag":"X","astVersion":1,
       "style":{"content":"@theme { --color-primary: oklch(0.55 0.18 28); }","scope":"scoped"},
       "meta":{"name":"X"},
       "template":[{"kind":"element","tag":"div","attrs":[
         {"kind":"static","name":"class","value":"bg-primary"}],"children":[]}]}"#;
-    let overridden = compile_sfc_scoped(&ast(json));
+    let overridden = compile_sfc_scoped(&ast(json)).unwrap();
     insta::assert_snapshot!(format!(
         "--- default ---\n{default}\n--- override ---\n{overridden}"
     ));

package/crates/aihu-css-core/tests/snapshots/apply__apply_inside_nested_rule.snap

@@ -0,0 +1,11 @@
+---
+source: packages/css-engine/crates/aihu-css-core/tests/apply.rs
+assertion_line: 91
+expression: css
+---
+.card {
+  display: grid;
+  & .title {
+    font-weight: 500;
+  }
+}

package/crates/aihu-css-core/tests/snapshots/apply__arbitrary_value_utility_in_apply.snap

@@ -0,0 +1,8 @@
+---
+source: packages/css-engine/crates/aihu-css-core/tests/apply.rs
+assertion_line: 103
+expression: css
+---
+.swatch {
+  background-color: #fff;
+}

package/crates/aihu-css-core/tests/snapshots/apply__arbitrary_value_variant_in_apply.snap

@@ -0,0 +1,10 @@
+---
+source: packages/css-engine/crates/aihu-css-core/tests/apply.rs
+assertion_line: 111
+expression: css
+---
+.swatch {
+  &:hover {
+    background-color: #fff;
+  }
+}

package/crates/aihu-css-core/tests/snapshots/apply__base_utility_inlines_declarations.snap

@@ -0,0 +1,9 @@
+---
+source: packages/css-engine/crates/aihu-css-core/tests/apply.rs
+assertion_line: 39
+expression: css
+---
+.btn {
+  display: inline-flex;
+  align-items: center;
+}

package/crates/aihu-css-core/tests/snapshots/apply__dark_variant_cascade_in_apply.snap

@@ -0,0 +1,10 @@
+---
+source: packages/css-engine/crates/aihu-css-core/tests/apply.rs
+assertion_line: 143
+expression: css
+---
+.panel {
+  :host([data-theme="dark"]) &, :root.dark & {
+    background-color: var(--color-surface);
+  }
+}

package/crates/aihu-css-core/tests/snapshots/apply__data_attribute_variant.snap

@@ -0,0 +1,10 @@
+---
+source: packages/css-engine/crates/aihu-css-core/tests/apply.rs
+assertion_line: 131
+expression: css
+---
+.btn {
+  &[data-state="open"] {
+    background-color: var(--color-accent);
+  }
+}

package/crates/aihu-css-core/tests/snapshots/apply__multi_token_apply.snap

@@ -0,0 +1,11 @@
+---
+source: packages/css-engine/crates/aihu-css-core/tests/apply.rs
+assertion_line: 66
+expression: css
+---
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0.375rem;
+}

package/crates/aihu-css-core/tests/snapshots/apply__multiple_apply_directives_per_rule.snap

@@ -0,0 +1,12 @@
+---
+source: packages/css-engine/crates/aihu-css-core/tests/apply.rs
+assertion_line: 78
+expression: css
+---
+.btn {
+  display: inline-flex;
+  border-radius: 0.375rem;
+  &:hover {
+    background-color: var(--color-accent);
+  }
+}

package/crates/aihu-css-core/tests/snapshots/apply__responsive_variant_wraps_media.snap

@@ -0,0 +1,12 @@
+---
+source: packages/css-engine/crates/aihu-css-core/tests/apply.rs
+assertion_line: 120
+expression: css
+---
+.grid {
+  @media (min-width: 48rem) {
+    & {
+      display: flex;
+    }
+  }
+}

package/crates/aihu-css-core/tests/snapshots/apply__single_variant_lifts_to_nested_rule.snap

@@ -0,0 +1,10 @@
+---
+source: packages/css-engine/crates/aihu-css-core/tests/apply.rs
+assertion_line: 54
+expression: css
+---
+.btn {
+  &:hover {
+    background-color: var(--color-accent);
+  }
+}

package/crates/aihu-css-core/tests/snapshots/progressive_snapshot__anchor_snapshot.snap

@@ -20,6 +20,7 @@ expression: "compile_sfc_scoped(&sfc(\"anchor:tooltip\"))"
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 @supports (anchor-name: --a) {
   .anchor\:tooltip { anchor-name: --tooltip; position-anchor: --tooltip; }
 }

package/crates/aihu-css-core/tests/snapshots/progressive_snapshot__popover_snapshot.snap

@@ -20,6 +20,7 @@ expression: "compile_sfc_scoped(&sfc(\"popover:menu\"))"
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 @supports (selector(:popover-open)) {
   .popover\:menu:popover-open { position: fixed; margin: 0; inset: auto; }
 }

package/crates/aihu-css-core/tests/snapshots/progressive_snapshot__text_balance_snapshot.snap

@@ -20,4 +20,5 @@ expression: "compile_sfc_scoped(&sfc(\"text-balance:\"))"
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 .text-balance { text-wrap: balance; }

package/crates/aihu-css-core/tests/snapshots/progressive_snapshot__view_transition_snapshot.snap

@@ -20,6 +20,7 @@ expression: "compile_sfc_scoped(&sfc(\"view-transition:hero\"))"
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 @supports (view-transition-name: none) {
   .view-transition\:hero { view-transition-name: hero; }
 }

package/crates/aihu-css-core/tests/snapshots/scoped_snapshot__scoped_animate_spin_hoists_keyframes.snap

@@ -1,6 +1,5 @@
 ---
 source: packages/css-engine/crates/aihu-css-core/tests/scoped_snapshot.rs
-assertion_line: 61
 expression: "compile_sfc_scoped(&sfc(\"animate-spin\"))"
 ---
 :host {
@@ -21,5 +20,6 @@ expression: "compile_sfc_scoped(&sfc(\"animate-spin\"))"
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 .animate-spin { animation: spin 1s linear infinite; }
 @keyframes spin { to { transform: rotate(360deg); } }

package/crates/aihu-css-core/tests/snapshots/scoped_snapshot__scoped_divide_y_nested_rule.snap

@@ -20,4 +20,5 @@ expression: "compile_sfc_scoped(&sfc(\"divide-y-2\"))"
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 .divide-y-2 { & > * + * { border-block-width: 2px; } }

package/crates/aihu-css-core/tests/snapshots/scoped_snapshot__scoped_output_for_sfc.snap

@@ -20,6 +20,7 @@ expression: "compile_sfc_scoped(&sfc(\"bg-primary p-4 rounded-lg\"))"
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 .bg-primary { background-color: var(--color-primary); }
 .p-4 { padding: 1rem; }
 .rounded-lg { border-radius: 0.5rem; }

package/crates/aihu-css-core/tests/snapshots/scoped_snapshot__scoped_space_y_nested_rule.snap

@@ -20,4 +20,5 @@ expression: "compile_sfc_scoped(&sfc(\"space-y-4\"))"
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 .space-y-4 { & > * + * { margin-block-start: 1rem; } }

package/crates/aihu-css-core/tests/snapshots/scoped_snapshot__scoped_transition_and_transform.snap

@@ -1,6 +1,5 @@
 ---
 source: packages/css-engine/crates/aihu-css-core/tests/scoped_snapshot.rs
-assertion_line: 67
 expression: "compile_sfc_scoped(&sfc(\"transition-transform duration-300 hover:scale-105\"))"
 ---
 :host {
@@ -21,6 +20,7 @@ expression: "compile_sfc_scoped(&sfc(\"transition-transform duration-300 hover:s
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 .duration-300 { transition-duration: 300ms; }
 .hover\:scale-105:hover { transform: scale(1.05); }
 .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }

package/crates/aihu-css-core/tests/snapshots/scoped_snapshot__scoped_with_authored_style_block.snap

@@ -1,6 +1,6 @@
 ---
 source: packages/css-engine/crates/aihu-css-core/tests/scoped_snapshot.rs
-expression: compile_sfc_scoped(&ast(json))
+expression: compile_sfc_scoped(&ast(json)).unwrap()
 ---
 :host {
   --color-accent: #c8543a;
@@ -20,7 +20,11 @@ expression: compile_sfc_scoped(&ast(json))
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 .p-4 { padding: 1rem; }
 .shadow-md { box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1); }
 /* authored @style (scoped) */
-.inner { display: grid; gap: 1rem; }
+.inner {
+  display: grid;
+  gap: 1rem;
+}

package/crates/aihu-css-core/tests/snapshots/scoped_snapshot__scoped_with_global_style_block.snap

@@ -1,6 +1,6 @@
 ---
 source: packages/css-engine/crates/aihu-css-core/tests/scoped_snapshot.rs
-expression: compile_sfc_scoped(&ast(json))
+expression: compile_sfc_scoped(&ast(json)).unwrap()
 ---
 :host {
   --color-accent: #c8543a;
@@ -20,5 +20,8 @@ expression: compile_sfc_scoped(&ast(json))
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 /* authored @style ($global — unscoped) */
-body { margin: 0; }
+body {
+  margin: 0;
+}

package/crates/aihu-css-core/tests/snapshots/scoped_snapshot__standard_variants.snap

@@ -20,6 +20,7 @@ expression: "compile_sfc_scoped(&sfc(\"hover:bg-primary focus:text-accent dark:b
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 .\[&>div\]\:text-primary>div { color: var(--color-primary); }
 /* dark cascade (Firefox-safe; see decision-firefox-host-context-workaround) */
 :host([data-theme="dark"]) .dark\:bg-surface, :root.dark .dark\:bg-surface { background-color: var(--color-surface); }

package/crates/aihu-css-core/tests/snapshots/scoped_snapshot__theme_default_vs_override.snap

@@ -21,6 +21,7 @@ expression: "format!(\"--- default ---\\n{default}\\n--- override ---\\n{overrid
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 .bg-primary { background-color: var(--color-primary); }
 
 --- override ---
@@ -42,4 +43,5 @@ expression: "format!(\"--- default ---\\n{default}\\n--- override ---\\n{overrid
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 .bg-primary { background-color: var(--color-primary); }

package/crates/aihu-css-core/tests/snapshots/scoped_snapshot__wc_native_variants.snap

@@ -20,6 +20,7 @@ expression: "compile_sfc_scoped(&sfc(\"host:bg-primary slotted:p-4 slotted-img:r
   --color-surface: #faf8f4;
   --color-surface-foreground: #1a1d24;
 }
+*, ::before, ::after { border-style: solid; border-width: 0; }
 /* dark cascade (Firefox-safe; see decision-firefox-host-context-workaround) */
 :host([data-theme="dark"]) .host-context-dark\:bg-surface, :root.dark .host-context-dark\:bg-surface { background-color: var(--color-surface); }
 :host(.host\:bg-primary) { background-color: var(--color-primary); }