@lls/vitescripts 2.0.16 → 2.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lls/vitescripts",
-  "version": "2.0.16",
+  "version": "2.0.18",
   "description": "lls vite plugins",
   "main": "src/index.mjs",
   "files": [
@@ -20,7 +20,7 @@
   "license": "ISC",
   "devDependencies": {
     "@lls/eslint-config-lls": "1.1.12",
-    "@lls/lls-kit": "20.1.0",
+    "@lls/lls-kit": "21.0.0",
     "husky": "8.0.3",
     "vitest": "0.34.6"
   },

package/src/index.mjs

@@ -1,6 +1,6 @@
 export { default as llsAssetsPlugin } from './llsAssetsPlugin.mjs'
 export { default as llsLinariaImportsPlugin } from './llsLinariaImportsPlugin.mjs'
-export { default as llsLinariaSsrCollectPlugin } from './llsLinariaSsrCollectPlugin.mjs'
+export { default as llsCssSsrCollectPlugin } from './llsCssSsrCollectPlugin.mjs'
 export { default as llsRequirePlugin } from './llsRequirePlugin.mjs'
 export { default as llsSideRefreshMetaPlugin } from './llsSideRefreshMetaPlugin.mjs'
 export { default as llsVitestMockPlugin } from './llsVitestMockPlugin.mjs'

package/src/llsCssSsrCollectPlugin.mjs

@@ -0,0 +1,25 @@
+/**
+ * flushStyles() method that generates and return <style> tag with refreshed style
+ */
+import { transform } from 'lightningcss'
+const llsCssSsrCollectPlugin = () => {
+  const cssIds = new Map()
+  return {
+    name: 'lls:llsCssSsrCollectPlugin',
+    transform(src, id) {
+      if (/module\.css$/.test(id)) {
+        cssIds.set(id, src)
+      }
+    },
+    flushStyles() {
+      const css = [...cssIds.values()].join('\n')
+
+      // 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="cssmodule-ssr-collect-plugin">${code.toString()}</style>`
+    }
+  }
+}
+
+export default llsCssSsrCollectPlugin