From 30e088816de9bf0b015e7851053e2053372c719a Mon Sep 17 00:00:00 2001
From: owjs3901 <owjs3901@gmail.com>
Date: Wed, 26 Nov 2025 16:12:53 +0900
Subject: [PATCH] Add header to css

---
 .../changepack_log_Al-Fp1f_uX0JbV69GSTom.json |  5 ++++
 libs/sheet/src/lib.rs                         | 28 ++++++++++---------
 .../snapshots/sheet__tests__import_css.snap   |  2 +-
 .../sheet__tests__update_styles.snap          |  2 +-
 4 files changed, 22 insertions(+), 15 deletions(-)
 create mode 100644 .changepacks/changepack_log_Al-Fp1f_uX0JbV69GSTom.json

diff --git a/.changepacks/changepack_log_Al-Fp1f_uX0JbV69GSTom.json b/.changepacks/changepack_log_Al-Fp1f_uX0JbV69GSTom.json
new file mode 100644
index 00000000..0991f9b5
--- /dev/null
+++ b/.changepacks/changepack_log_Al-Fp1f_uX0JbV69GSTom.json
@@ -0,0 +1,5 @@
+{
+  "changes": { "bindings/devup-ui-wasm/package.json": "Patch" },
+  "note": "Add header to css",
+  "date": "2025-11-26T07:12:47.012760800Z"
+}
diff --git a/libs/sheet/src/lib.rs b/libs/sheet/src/lib.rs
index 1b08f422..8d425158 100644
--- a/libs/sheet/src/lib.rs
+++ b/libs/sheet/src/lib.rs
@@ -554,23 +554,25 @@ impl StyleSheet {
     }
 
     pub fn create_css(&self, filename: Option<&str>, import_main_css: bool) -> String {
-        let mut css = self
-            .imports
-            .values()
-            .flatten()
-            .map(|import| {
-                if import.starts_with("\"") {
-                    format!("@import {import};")
-                } else {
-                    format!("@import \"{import}\";")
-                }
-            })
-            .collect::<String>();
+        let header = self.create_header();
+        let mut css = format!(
+            "{header}{}",
+            self.imports
+                .values()
+                .flatten()
+                .map(|import| {
+                    if import.starts_with("\"") {
+                        format!("@import {import};")
+                    } else {
+                        format!("@import \"{import}\";")
+                    }
+                })
+                .collect::<String>()
+        );
 
         let write_global = filename.is_none();
 
         if write_global {
-            css.insert_str(0, self.create_header().as_str());
             let mut style_orders: BTreeSet<u8> = BTreeSet::new();
             let mut base_styles = BTreeMap::<u8, HashSet<StyleSheetProperty>>::new();
             self.properties.values().for_each(|map| {
diff --git a/libs/sheet/src/snapshots/sheet__tests__import_css.snap b/libs/sheet/src/snapshots/sheet__tests__import_css.snap
index 636b5729..1b67cffb 100644
--- a/libs/sheet/src/snapshots/sheet__tests__import_css.snap
+++ b/libs/sheet/src/snapshots/sheet__tests__import_css.snap
@@ -2,4 +2,4 @@
 source: libs/sheet/src/lib.rs
 expression: "sheet.create_css(Some(\"index.tsx\"), true)"
 ---
-"@import \"./devup-ui.css\";"
+"/*! devup-ui v1.0.48, | Apache License 2.0 | https://devup-ui.com */@import \"./devup-ui.css\";"
diff --git a/libs/sheet/src/snapshots/sheet__tests__update_styles.snap b/libs/sheet/src/snapshots/sheet__tests__update_styles.snap
index 636b5729..1b67cffb 100644
--- a/libs/sheet/src/snapshots/sheet__tests__update_styles.snap
+++ b/libs/sheet/src/snapshots/sheet__tests__update_styles.snap
@@ -2,4 +2,4 @@
 source: libs/sheet/src/lib.rs
 expression: "sheet.create_css(Some(\"index.tsx\"), true)"
 ---
-"@import \"./devup-ui.css\";"
+"/*! devup-ui v1.0.48, | Apache License 2.0 | https://devup-ui.com */@import \"./devup-ui.css\";"