@lls/vitescripts 2.0.10 → 2.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lls/vitescripts",
-  "version": "2.0.10",
+  "version": "2.0.11",
   "description": "lls vite plugins",
   "main": "src/index.mjs",
   "files": [
@@ -8,10 +8,10 @@
   ],
   "scripts": {
     "test": "CONF_ENV=test npx vitest run",
-    "prepare": "husky install || true"
+    "postinstall": "test \"$INIT_CWD\" = \"$PWD\" && npx husky install || echo 'Skipping postinstall"
   },
   "dependencies": {
-    "lightningcss": "1.22.0"
+    "lightningcss": "1.22.1"
   },
   "type": "module",
   "author": "",
@@ -20,6 +20,7 @@
     "@lls/eslint-config-lls": "1.1.12",
     "@lls/lls-kit": "20.1.0",
     "browserslist": "4.22.1",
+    "esbuild-plugin-lightningcss-modules": "0.1.1",
     "husky": "8.0.3",
     "vitest": "0.34.6"
   },

package/src/esbuildCssModulePlugin.mjs

@@ -0,0 +1,31 @@
+import fs from 'fs'
+import llsCssModuleMacroPlugin from './llsCssModuleMacroPlugin.mjs'
+import { cssModules } from 'esbuild-plugin-lightningcss-modules'
+
+export default ({ prefix = '', llsCssModuleMacroPluginArg }) => {
+  const esbuildCssModule = cssModules({
+    targets: { chrome: 80 << 16 },
+    drafts: { nesting: true },
+    cssModulesPattern: `${prefix ? prefix + '-' : ''}[hash]-[local]`
+  })
+  return [
+    {
+      name: 'lls-cssmodule',
+        async setup(build) {
+        const llsCssModuleMacroPluginInstance = await llsCssModuleMacroPlugin(llsCssModuleMacroPluginArg)
+        build.onLoad({ filter: /module\.css$/ }, async args => {
+          if (args.path.startsWith('/tmp')) return
+          const contents = await fs.promises.readFile(args.path, 'utf8').then(str => llsCssModuleMacroPluginInstance.transform(str, args.path))
+          const id = args.path.replace(process.cwd(), '').replace(/\//g, '_')
+          const outName = `/tmp/${id}`
+          await fs.promises.writeFile(outName, contents)
+          return {
+            contents: `export { default } from '${outName}'`,
+            loader: 'js'
+          }
+        })
+      }
+    },
+    esbuildCssModule
+  ]
+}

package/src/index.mjs

@@ -6,4 +6,5 @@ export { default as llsSideRefreshMetaPlugin } from './llsSideRefreshMetaPlugin.
 export { default as llsVitestMockPlugin } from './llsVitestMockPlugin.mjs'
 export { default as llsLadlePlugin } from './llsLadlePlugin.mjs'
 export { default as llsCssModuleMacroPlugin } from './llsCssModuleMacroPlugin.mjs'
-export { default as postBuildAutoprefixerPlugin } from './postBuildAutoprefixerPlugin.mjs'
+export { default as postBuildAutoprefixerPlugin } from './postBuildAutoprefixerPlugin.mjs'
+export { default as esbuildCssModulePlugin } from './esbuildCssModulePlugin.mjs'