vite-plugin-qingkuai 1.0.0 → 1.0.1

package/package.json

@@ -2,7 +2,7 @@
     "name": "vite-plugin-qingkuai",
     "author": "mlgq",
     "license": "MIT",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "type": "module",
     "keywords": [
         "vite",
@@ -18,7 +18,8 @@
     },
     "scripts": {
         "dev": "rollup -c -w",
-        "build": "rimraf dist && rollup -c"
+        "build": "rimraf dist && rollup -c",
+        "postpublish": "curl -X PUT 'https://registry-direct.npmmirror.com/-/package/vite-plugin-qingkuai/sync'"
     },
     "devDependencies": {
         "@types/fs-extra": "^11.0.4",

package/rollup.config.js

@@ -6,7 +6,10 @@ export default rollup.defineConfig(() => {
         external: [
             "vite",
             "postcss",
+            "node:fs",
             "node:path",
+            "node:crypto",
+            "source-map-js",
             "merge-source-map",
             "qingkuai/compiler",
             "@ampproject/remapping",

package/src/index.ts

@@ -21,7 +21,10 @@ export default function qingkuaiPlugin(): Plugin {
     const parseFailedConfigFiles: string[] = []
     const compileResultCache = new Map<string, CompileResult>()
     const qingkuaiConfigurations = new Map<string, QingkuaiConfiguration>()
+
+    const confIdentifierRE = /__qk_expose_(?:dependencies|destructions)__/g
     const styleIdRE = /^virtual:\[\d+\].*?\.qk.(?:css|s[ac]ss|less|stylus|postcss)\?\d{13}$/
+    const qingkuaiPackageRE = /node_modules\/qingkuai\/dist\/esm\/(?:chunks|runtime)\/\w+\.js$/
 
     return {
         name: "qingkuai-compiler",
@@ -65,7 +68,7 @@ export default function qingkuaiPlugin(): Plugin {
 
                 let virtualFileName: string
                 const compileRes = compileResultCache.get(fileId)!
-                const style = compileRes.inputDescriptor.style[index]
+                const style = compileRes.inputDescriptor.styles[index]
 
                 // create a relative and not existing file name
                 while (true) {
@@ -76,7 +79,15 @@ export default function qingkuaiPlugin(): Plugin {
                     }
                 }
 
-                const preprocessRes = await preprocessCSS(style.code, virtualFileName, viteConfig)
+                const preprocessRes = await preprocessCSS(style.code, virtualFileName, {
+                    ...viteConfig,
+                    css: {
+                        ...viteConfig.css,
+                        postcss: {
+                            from: virtualFileName
+                        }
+                    }
+                })
                 if (!cssSourcemap) {
                     return preprocessRes.code
                 }
@@ -109,11 +120,24 @@ export default function qingkuaiPlugin(): Plugin {
         },
 
         async transform(src, id) {
+            const qingkuaiConfig = getQingkuaiConfiguration(id)
             if (!id.endsWith(".qk")) {
+                if (!isDev && qingkuaiPackageRE.test(id)) {
+                    const ret = src.replace(confIdentifierRE, s => {
+                        switch (s) {
+                            case "__qk_expose_dependencies__":
+                                return JSON.stringify(!!qingkuaiConfig.exposeDependencies)
+                            case "__qk_expose_destructions__":
+                                return JSON.stringify(!!qingkuaiConfig.exposeDestructions)
+                            default:
+                                return s
+                        }
+                    })
+                    return ret
+                }
                 return
             }
 
-            const qingkuaiConfig = getQingkuaiConfiguration(id)
             const compileRes = compile(src, {
                 sourcemap,
                 debug: isDev,
@@ -129,7 +153,7 @@ export default function qingkuaiPlugin(): Plugin {
             compileResultCache.set(id, compileRes)
 
             const compiledCodeArr = [compileRes.code]
-            compileRes.inputDescriptor.style.forEach((_, index) => {
+            compileRes.inputDescriptor.styles.forEach((_, index) => {
                 compiledCodeArr.push(`import "virtual:[${index}]${id}.css?${Date.now()}"`)
             })
 
@@ -184,7 +208,7 @@ export default function qingkuaiPlugin(): Plugin {
     function getQingkuaiConfiguration(id: string) {
         let config: QingkuaiConfiguration = {
             insertTipComments: true,
-            exposeDestruction: isDev,
+            exposeDestructions: isDev,
             exposeDependencies: isDev,
             resolveImportExtension: true,
             reserveHtmlComments: "development"

package/src/scope.ts

@@ -37,6 +37,7 @@ export async function attachScopeForStyleSelectors(code: string, hash: string, m
     ])
 
     const ret = await processor.process(code, {
+        from: map.file,
         map: {
             prev: map,
             annotation: false

package/src/types.ts

@@ -10,7 +10,7 @@ export interface SourceMap {
 }
 
 export type QingkuaiConfiguration = Partial<{
-    exposeDestruction: boolean
+    exposeDestructions: boolean
     exposeDependencies: boolean
     insertTipComments: boolean
     resolveImportExtension: boolean