Fix FileMap

Author: owjs3901

Cargo.lock

@@ -29,6 +29,7 @@ once_cell = "1.21.3"
 js-sys = "0.3.77"
 serde_json = "1.0.143"
 serde-wasm-bindgen = "0.6.5"
+bimap = { version = "0.6.3", features = ["serde"] }
 
 [dev-dependencies]
 wasm-bindgen-test = "0.3.50"

bindings/devup-ui-wasm/Cargo.toml

@@ -1,5 +1,5 @@
 use css::class_map::{get_class_map, set_class_map};
-use css::file_map::{get_file_map, get_filename_by_file_num};
+use css::file_map::{get_file_map, get_filename_by_file_num, set_file_map};
 use extractor::extract_style::ExtractStyleProperty;
 use extractor::extract_style::extract_style_value::ExtractStyleValue;
 use extractor::extract_style::style_property::StyleProperty;
@@ -223,7 +223,7 @@ pub fn export_class_map() -> Result<String, JsValue> {
 
 #[wasm_bindgen(js_name = "importFileMap")]
 pub fn import_file_map(sheet_object: JsValue) -> Result<(), JsValue> {
-    set_class_map(
+    set_file_map(
         serde_wasm_bindgen::from_value(sheet_object)
             .map_err(|e| JsValue::from_str(e.to_string().as_str()))?,
     );

bindings/devup-ui-wasm/src/lib.rs

@@ -9,7 +9,7 @@ phf = { version = "0.13", features = ["macros"] }
 serial_test = "3.2.0"
 serde = { version = "1.0.219", features = ["derive"] }
 regex = "1.11.2"
-bimap = { version = "0.6.3", features = ["serde"] }
+bimap = { version = "0.6.3" }
 
 [dev-dependencies]
 rstest = "0.26.1"

libs/css/Cargo.toml

@@ -14,6 +14,7 @@ export interface DevupUILoaderOptions {
   cssDir: string
   sheetFile: string
   classMapFile: string
+  fileMapFile: string
   watch: boolean
   splitCss: boolean
 }

packages/webpack-plugin/src/loader.ts

@@ -77,10 +77,12 @@ export class DevupUIWebpackPlugin {
       )
     }
 
-    if (this.options.watch && !existsSync(this.options.cssDir)) {
+    if (!existsSync(this.options.cssDir))
       mkdirSync(this.options.cssDir, { recursive: true })
-      writeFileSync(join(this.options.cssDir, 'devup-ui.css'), '')
-    }
+    if (this.options.watch)
+      writeFileSync(join(this.options.cssDir, 'devup-ui.css'), getCss(), {
+        encoding: 'utf-8',
+      })
   }
 
   apply(compiler: Compiler) {
@@ -141,10 +143,13 @@ export class DevupUIWebpackPlugin {
         compilation.fileDependencies.add(resolve(this.options.devupPath))
       })
     }
-    if (!existsSync(this.options.cssDir)) {
+    if (!existsSync(this.options.cssDir))
       mkdirSync(this.options.cssDir, { recursive: true })
-      writeFileSync(join(this.options.cssDir, 'devup-ui.css'), '')
-    }
+
+    if (this.options.watch)
+      writeFileSync(join(this.options.cssDir, 'devup-ui.css'), getCss(), {
+        encoding: 'utf-8',
+      })
 
     compiler.options.plugins.push(
       new compiler.webpack.DefinePlugin({