@lls/vitescripts 1.1.11 → 1.1.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lls/vitescripts",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "lls vite plugins",
   "main": "src/index.mjs",
   "files": [
@@ -10,7 +10,7 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "vite-plugin-require-transform": "1.0.9"
+    "lightningcss": "1.21.5"
   },
   "type": "module",
   "author": "",

package/src/llsLinariaSsrCollectPlugin.mjs

@@ -4,6 +4,7 @@
  * resolveId() method that filters files to be added to css set
  * flushStyles() method that generates and return <style> tag with refreshed style
  */
+import { transform } from 'lightningcss'
 const llsLinariaSsrCollectPlugin = () => {
   const cssIds = new Set()
   let linariaPlugin
@@ -18,12 +19,12 @@ const llsLinariaSsrCollectPlugin = () => {
       if (id.includes('@linaria-cache')) { cssIds.add(id) }
     },
     flushStyles() {
-      const back = `<style id="linaria-ssr-collect-plugin">${[...cssIds].map(linariaPlugin.load).join('\n')}</style>`
-      // linaria plugin keeps cache. But we dont want to keep ids which have changed (updating a css component)
-      // css is removed from client anyway but still be accurate
-      cssIds.clear()
+      const css = [...cssIds].map(linariaPlugin.load).join('\n')
 
-      return back
+      // when hmr, id changes but not css-selector so we get two rules with the same css-selector
+      // we dedupe the rules so old rule is now stripped.
+      const { code } = transform({ code: Buffer.from(css) })
+      return `<style id="linaria-ssr-collect-plugin">${code.toString()}</style>`
     }
   }
 }