@lls/vitescripts 1.1.12 → 1.1.14

package/package.json

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

package/src/index.mjs

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

package/src/llsCssModuleMacroPlugin.mjs

@@ -0,0 +1,20 @@
+const llsCssModuleMacroPlugin = async (cname) => {
+  const { buildThemeIsFreeMode, buildThemeIsDarkMode, buildThemeIsNotDarkMode } = await import('@lls/lls-kit')
+  const cssMacroTheme = {
+    themeIsFreeMode: buildThemeIsFreeMode(cname),
+    themeIsDarkMode: buildThemeIsDarkMode(cname),
+    themeIsNotDarkMode: buildThemeIsNotDarkMode(cname)
+  }
+  return {// TODO remove, pending https://github.com/vitejs/vite/pull/14024
+    transform(src, id) {
+      if (!id.endsWith('module.css')) {
+        return src
+      }
+      return src
+        .replace(/getTruePx\((.*?)\)/g, 'calc(var(--size-index, 1) * $1 * 1px)')
+        .replace(/(themeIsFreeMode|themeIsDarkMode|themeIsNotDarkMode)\(\)/g, (__, cap) => cssMacroTheme[cap])
+    }
+  }
+}
+
+export default llsCssModuleMacroPlugin

package/src/llsRequirePlugin.mjs

@@ -1,11 +1,10 @@
-import VitePluginRequireTransform from 'vite-plugin-require-transform'
-
 /**
  * Plugin using vite-plugin-require-transform, used to transform require syntax to import
  * Needed when we use viewer in sideRefresh
  * @returns the plugin with its transform method
  */
-const llsSsrRequirePlugin = () => {
+const llsSsrRequirePlugin = async () => {
+  const VitePluginRequireTransform = await import('vite-plugin-require-transform').then(m => m.default)
   // Lazy loaded viewer modules that are using require syntax
   const fileRegex = /(?:(Audio|Playlist|Recorder|Python|Video|QuestionRich|CodemirrorEditor|useLazyModule)\.jsx$|@lls_lls-code)/
   const back = VitePluginRequireTransform({ fileRegex })

package/src/llsSideRefreshMetaPlugin.mjs

@@ -62,7 +62,7 @@ const llsSideRefreshMetaPlugin = ({ viewer: iViewer, superkit: iSuperkit, kit: i
 
   const VIRTUAL_ID = 'sideRefresh/node_modules' // specify node_modules to bypass linaria plugin parsing css file... (cant tweak exclude regex)
   const key = basename => path.join(pwd, publicDir, 'assets', basename)
-  const loads = new Map(['core.css', 'viewer.css', 'superkit.css', 'lls-kit.css', 'lls-kit-fonts.css'].map(basename => {
+  const loads = new Map(['core.css', 'viewer.css', 'superkit.css', 'lls-kit.css', 'lls-kit-fonts.css', 'lls-audio.css'].map(basename => {
     let promise = ''
     const getPromise = () => {
       if (client && !pwd.includes(basename.replace('.css', ''))) {
@@ -76,7 +76,7 @@ const llsSideRefreshMetaPlugin = ({ viewer: iViewer, superkit: iSuperkit, kit: i
     name: 'lls:sideRefresh',
     async resolveId(id, from) {
       const basename = path.basename(id)
-      if (['core.css', 'viewer.css', 'superkit.css', 'lls-kit.css', 'lls-kit-fonts.css'].includes(basename)) {
+      if (['core.css', 'viewer.css', 'superkit.css', 'lls-kit.css', 'lls-kit-fonts.css', 'lls-audio.css'].includes(basename)) {
         return VIRTUAL_ID + key(basename)
       }
       if (id.includes('@linaria-cache')) { return }