@lls/vitescripts 2.0.15 → 2.0.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lls/vitescripts",
-  "version": "2.0.15",
+  "version": "2.0.17",
   "description": "lls vite plugins",
   "main": "src/index.mjs",
   "files": [

package/src/esbuildCssModulePlugin.mjs

@@ -34,7 +34,7 @@ export default ({ prefix = '', llsCssModuleMacroPluginArg }) => {
             loader: 'js'
           }
         })
-        build.onDispose(async () => {
+        build.onEnd(async () => {
           await fs.promises.rm(tmpDir, { recursive: true })
         })
       }

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