fix: keep css code on web, and dont always recreate uniwind files (#101)

Author: Brentlok

packages/uniwind/src/css/index.ts

@@ -9,6 +9,13 @@ export const buildCSS = (themes: Array<string>, input: string) => {
     const insets = generateCSSForInsets()
     const themesCSS = generateCSSForThemes(themes, input)
     const cssFile = path.join(__dirname, '../../uniwind.css')
+    const oldCSSFile = fs.existsSync(cssFile)
+        ? fs.readFileSync(cssFile, 'utf-8')
+        : ''
+
+    if (oldCSSFile === cssFile) {
+        return
+    }
 
     fs.writeFileSync(
         cssFile,

packages/uniwind/src/metro/injectThemes.ts

@@ -8,30 +8,42 @@ type InjectThemesConfig = {
     input: string
 }
 
+const buildDtsFile = (dtsPath: string, stringifiedThemes: string) => {
+    const oldDtsContent = fs.existsSync(dtsPath)
+        ? fs.readFileSync(dtsPath, 'utf-8')
+        : ''
+    const dtsContent = [
+        `// NOTE: This file is generated by ${name} and it should not be edited manually.`,
+        `/// <reference types="${name}/types" />`,
+        '',
+        `declare module '${name}' {`,
+        `    export interface UniwindConfig {`,
+        `        themes: readonly ${stringifiedThemes}`,
+        `    }`,
+        `}`,
+        '',
+        `export {}`,
+        '',
+    ].join('\n')
+
+    if (oldDtsContent === dtsContent) {
+        return
+    }
+
+    fs.writeFileSync(
+        dtsPath,
+        dtsContent,
+    )
+}
+
 export const injectThemes = ({
     themes,
     dtsPath = 'uniwind-types.d.ts',
     input,
 }: InjectThemesConfig) => {
     const stringifiedThemes = `[${themes.map(theme => `'${theme}'`).join(', ')}]`
 
-    // d.ts generation
-    fs.writeFileSync(
-        dtsPath,
-        [
-            `// NOTE: This file is generated by ${name} and it should not be edited manually.`,
-            `/// <reference types="${name}/types" />`,
-            '',
-            `declare module '${name}' {`,
-            `    export interface UniwindConfig {`,
-            `        themes: readonly ${stringifiedThemes}`,
-            `    }`,
-            `}`,
-            '',
-            `export {}`,
-            '',
-        ].join('\n'),
-    )
+    buildDtsFile(dtsPath, stringifiedThemes)
     buildCSS(themes, input)
 
     // js generation

packages/uniwind/src/metro/metro-transformer.ts

@@ -99,9 +99,10 @@ export const transform = async (
     )
 
     uniwindCache.cachedTransforms.set(platform, transform)
-    transform.output[0].data.css = {
-        skipCache: true,
-        code: '',
+    transform.output[0].data.css.skipCache = true
+
+    if (!isWeb) {
+        transform.output[0].data.css.code = ''
     }
 
     return transform