vite-plugin-qingkuai 1.0.10 → 1.0.12

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024-present, all contributors to vite-plugin-qingkuai
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,16 @@
+# vite-plugin-qingkuai
+
+vite-plugin-qingkuai is a Vite plugin that transforms `.qk` component files into native JavaScript using the Qingkuai compiler. It enables fast and seamless development of web applications built with [QingKuai](https://qingkuai.dev)(a front-end framework).
+
+[QingKuai Documentation](https://qingkuai.dev) | [VSCode extension For QingKuai Language Features](https://marketplace.visualstudio.com/items?itemName=qingkuai-tools.qingkuai-language-features) | [Issues]("https://github.com/qingkuai-js/vite-plugin/issues)
+
+## Usage
+
+```js
+import { defineConfig } from "vite"
+import qingkuai from "vite-plugin-qingkuai"
+
+export default defineConfig({
+    plugins: [qingkuai()]
+})
+```

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var node_path = require('node:path');
+var path = require('node:path');
 var node_fs = require('node:fs');
 var node_crypto = require('node:crypto');
 var compiler = require('qingkuai/compiler');
@@ -18,7 +18,7 @@ function findFilesByName(dir, targetFileName, ignoreList) {
     if (ignoreList.has(entry.name)) {
       continue;
     }
-    const fullPath = node_path.join(dir, entry.name);
+    const fullPath = path.join(dir, entry.name);
     if (entry.name === targetFileName) {
       result.push(fullPath);
     } else if (entry.isDirectory()) {
@@ -30,6 +30,11 @@ function findFilesByName(dir, targetFileName, ignoreList) {
 
 async function attachScopeForStyleSelectors(code, hash, sourceFile, map) {
   let error;
+  const hashAttribute = selectorParser.attribute({
+    attribute: `qk-${hash}`,
+    value: void 0,
+    raws: {}
+  });
   const processor = postcss([
     {
       postcssPlugin: "postcss-attach-scope-qingkuai",
@@ -39,46 +44,22 @@ async function attachScopeForStyleSelectors(code, hash, sourceFile, map) {
         }
         rule.selector = selectorParser((selectors) => {
           selectors.each((selector) => {
-            const scopePseudoSelectors = selector.nodes.filter(
-              (node) => node.type === "pseudo" && node.value === ":scope"
-            );
-            if (scopePseudoSelectors.length) {
-              if (scopePseudoSelectors.length > 1) {
-                error = {
-                  loc: scopePseudoSelectors[1].source?.start,
-                  message: "Duplicate scope pseudo class selectors."
-                };
-              } else {
-                const fistScopePseudo = scopePseudoSelectors[0];
-                if (!fistScopePseudo.nodes[0]?.toString()) {
-                  error = {
-                    loc: fistScopePseudo?.source?.start,
-                    message: "Must pass paramter for the :scope pseudo class selector."
-                  };
-                }
-                if (fistScopePseudo.nodes.length > 1) {
-                  error = {
-                    loc: fistScopePseudo?.source?.start,
-                    message: "The :scope pseudo class selector can accept at most one parameter."
-                  };
-                }
-                fistScopePseudo.nodes[0] && (selector = fistScopePseudo.nodes[0]);
+            let usedScopeAttribute = false;
+            for (let i = 0; i < selector.nodes.length; i++) {
+              const item = selector.nodes[i];
+              if (item.type === "attribute" && item.attribute === "qk-scope") {
+                [usedScopeAttribute, selector.nodes[i]] = [true, hashAttribute];
               }
             }
+            if (usedScopeAttribute) {
+              return;
+            }
             const index = selector.nodes.findLastIndex(({ type }) => {
               return type === "id" || type === "tag" || type === "class" || type === "universal" || type === "attribute";
             });
             if (index !== -1) {
               const lastNode = selector.nodes[index];
-              lastNode.parent?.insertAfter(
-                lastNode,
-                selectorParser.attribute({
-                  attribute: `qk-${hash}`,
-                  value: void 0,
-                  raws: {}
-                })
-              );
-              scopePseudoSelectors[0]?.replaceWith(...scopePseudoSelectors[0].nodes);
+              lastNode.parent?.insertAfter(lastNode, hashAttribute);
             }
           });
         }).processSync(rule.selector);
@@ -114,21 +95,26 @@ async function getOriginalPosition(map, line, column) {
   return new sourceMapJs.SourceMapConsumer(map).originalPositionFor({ line, column });
 }
 
-function qingkuaiPlugin() {
+function qingkuai() {
   let isDev;
   let sourcemap;
   let cssSourcemap;
   let viteConfig;
   const compileResultCache = /* @__PURE__ */ new Map();
   const qingkuaiConfigurations = /* @__PURE__ */ new Map();
-  const qingkuaiPackageServeRE = /node_modules\/\.vite\/deps\/chunk-.*$/;
-  const confIdentifierRE = /__qk_expose_(?:dependencies|destructions)__/g;
   const styleIdRE = /^virtual:\[\d+\].*?\.qk.(?:css|s[ac]ss|less|stylus|postcss)\?\d{13}$/;
-  const qingkuaiPackageBuildRE = /(?:node_modules)?\/qingkuai\/dist\/esm\/(?:chunks|runtime)\/\w+\.js$/;
   return {
     name: "qingkuai-compiler",
-    config(_, env) {
+    config(config, env) {
+      const rootPath = path.resolve(process.cwd(), config.root ?? "");
+      const qingkuaiConfig = getQingkuaiConfiguration(rootPath);
       isDev = env.command === "serve";
+      return {
+        define: {
+          __qk_expose_dependencies__: JSON.stringify(!!qingkuaiConfig.exposeDependencies),
+          __qk_expose_destructions__: JSON.stringify(!!qingkuaiConfig.exposeDestructions)
+        }
+      };
     },
     configureServer(server) {
       createQingkuaiConfigurationWatcher(server);
@@ -148,9 +134,9 @@ function qingkuaiPlugin() {
       if (styleIdRE.test(id)) {
         return id;
       }
-      if (importer?.endsWith(".qk") && !node_path.extname(id)) {
+      if (importer?.endsWith(".qk") && !path.extname(id)) {
         const qingkuaiConfig = getQingkuaiConfiguration(id);
-        return node_path.join(node_path.dirname(importer), id + (qingkuaiConfig.resolveImportExtension ? ".qk" : ""));
+        return path.join(path.dirname(importer), id + (qingkuaiConfig.resolveImportExtension ? ".qk" : ""));
       }
       return id;
     },
@@ -233,21 +219,7 @@ function qingkuaiPlugin() {
       }
     },
     async transform(src, id) {
-      const qingkuaiConfig = getQingkuaiConfiguration(id);
       if (!id.endsWith(".qk")) {
-        if (qingkuaiPackageServeRE.test(id) || qingkuaiPackageBuildRE.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;
       }
       try {
@@ -255,8 +227,8 @@ function qingkuaiPlugin() {
           sourcemap,
           debug: isDev,
           hashId: compileResultCache.get(id)?.hashId || void 0,
-          reserveTemplateComment: getReserveHtmlComments(qingkuaiConfig),
-          componentName: compiler.util.kebab2Camel(node_path.basename(id, node_path.extname(id)), true)
+          componentName: compiler.util.kebab2Camel(path.basename(id, path.extname(id)), true),
+          reserveTemplateComment: getReserveHtmlComments(getQingkuaiConfiguration(id))
         });
         compileRes.messages.forEach(({ type, value: warning }) => {
           if (type === "warning") {
@@ -323,7 +295,7 @@ function qingkuaiPlugin() {
       reserveHtmlComments: "development"
     };
     while (true) {
-      const dir = node_path.dirname(id);
+      const dir = path.dirname(id);
       if (dir === id) {
         break;
       }
@@ -349,7 +321,7 @@ function qingkuaiPlugin() {
   }
   function createQingkuaiConfigurationWatcher(server) {
     const watcher = server.watcher.add([".qingkuairc", "!**/node_modules/**"]);
-    watcher.on("unlink", (path) => qingkuaiConfigurations.delete(node_path.dirname(path)));
+    watcher.on("unlink", (p) => qingkuaiConfigurations.delete(path.dirname(p)));
     watcher.on("change", recordQingkuaiConfiguration);
     watcher.on("add", recordQingkuaiConfiguration);
   }
@@ -360,7 +332,7 @@ function qingkuaiPlugin() {
   }
   function recordQingkuaiConfiguration(fileName) {
     try {
-      qingkuaiConfigurations.set(node_path.dirname(fileName), JSON.parse(node_fs.readFileSync(fileName, "utf-8")));
+      qingkuaiConfigurations.set(path.dirname(fileName), JSON.parse(node_fs.readFileSync(fileName, "utf-8")));
     } catch {
     }
   }
@@ -380,4 +352,4 @@ function parseStyleId(id) {
   };
 }
 
-module.exports = qingkuaiPlugin;
+module.exports = qingkuai;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { PluginOption } from 'vite';
 
-declare function qingkuaiPlugin(): PluginOption;
+declare function qingkuai(): PluginOption;
 
-export { qingkuaiPlugin as default };
+export { qingkuai as default };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { join, basename, extname, dirname } from 'node:path';
+import path, { join } from 'node:path';
 import { readdirSync, existsSync, readFileSync } from 'node:fs';
 import { randomBytes } from 'node:crypto';
 import { compile, util } from 'qingkuai/compiler';
@@ -28,6 +28,11 @@ function findFilesByName(dir, targetFileName, ignoreList) {
 
 async function attachScopeForStyleSelectors(code, hash, sourceFile, map) {
   let error;
+  const hashAttribute = selectorParser.attribute({
+    attribute: `qk-${hash}`,
+    value: void 0,
+    raws: {}
+  });
   const processor = postcss([
     {
       postcssPlugin: "postcss-attach-scope-qingkuai",
@@ -37,46 +42,22 @@ async function attachScopeForStyleSelectors(code, hash, sourceFile, map) {
         }
         rule.selector = selectorParser((selectors) => {
           selectors.each((selector) => {
-            const scopePseudoSelectors = selector.nodes.filter(
-              (node) => node.type === "pseudo" && node.value === ":scope"
-            );
-            if (scopePseudoSelectors.length) {
-              if (scopePseudoSelectors.length > 1) {
-                error = {
-                  loc: scopePseudoSelectors[1].source?.start,
-                  message: "Duplicate scope pseudo class selectors."
-                };
-              } else {
-                const fistScopePseudo = scopePseudoSelectors[0];
-                if (!fistScopePseudo.nodes[0]?.toString()) {
-                  error = {
-                    loc: fistScopePseudo?.source?.start,
-                    message: "Must pass paramter for the :scope pseudo class selector."
-                  };
-                }
-                if (fistScopePseudo.nodes.length > 1) {
-                  error = {
-                    loc: fistScopePseudo?.source?.start,
-                    message: "The :scope pseudo class selector can accept at most one parameter."
-                  };
-                }
-                fistScopePseudo.nodes[0] && (selector = fistScopePseudo.nodes[0]);
+            let usedScopeAttribute = false;
+            for (let i = 0; i < selector.nodes.length; i++) {
+              const item = selector.nodes[i];
+              if (item.type === "attribute" && item.attribute === "qk-scope") {
+                [usedScopeAttribute, selector.nodes[i]] = [true, hashAttribute];
               }
             }
+            if (usedScopeAttribute) {
+              return;
+            }
             const index = selector.nodes.findLastIndex(({ type }) => {
               return type === "id" || type === "tag" || type === "class" || type === "universal" || type === "attribute";
             });
             if (index !== -1) {
               const lastNode = selector.nodes[index];
-              lastNode.parent?.insertAfter(
-                lastNode,
-                selectorParser.attribute({
-                  attribute: `qk-${hash}`,
-                  value: void 0,
-                  raws: {}
-                })
-              );
-              scopePseudoSelectors[0]?.replaceWith(...scopePseudoSelectors[0].nodes);
+              lastNode.parent?.insertAfter(lastNode, hashAttribute);
             }
           });
         }).processSync(rule.selector);
@@ -112,21 +93,26 @@ async function getOriginalPosition(map, line, column) {
   return new SourceMapConsumer(map).originalPositionFor({ line, column });
 }
 
-function qingkuaiPlugin() {
+function qingkuai() {
   let isDev;
   let sourcemap;
   let cssSourcemap;
   let viteConfig;
   const compileResultCache = /* @__PURE__ */ new Map();
   const qingkuaiConfigurations = /* @__PURE__ */ new Map();
-  const qingkuaiPackageServeRE = /node_modules\/\.vite\/deps\/chunk-.*$/;
-  const confIdentifierRE = /__qk_expose_(?:dependencies|destructions)__/g;
   const styleIdRE = /^virtual:\[\d+\].*?\.qk.(?:css|s[ac]ss|less|stylus|postcss)\?\d{13}$/;
-  const qingkuaiPackageBuildRE = /(?:node_modules)?\/qingkuai\/dist\/esm\/(?:chunks|runtime)\/\w+\.js$/;
   return {
     name: "qingkuai-compiler",
-    config(_, env) {
+    config(config, env) {
+      const rootPath = path.resolve(process.cwd(), config.root ?? "");
+      const qingkuaiConfig = getQingkuaiConfiguration(rootPath);
       isDev = env.command === "serve";
+      return {
+        define: {
+          __qk_expose_dependencies__: JSON.stringify(!!qingkuaiConfig.exposeDependencies),
+          __qk_expose_destructions__: JSON.stringify(!!qingkuaiConfig.exposeDestructions)
+        }
+      };
     },
     configureServer(server) {
       createQingkuaiConfigurationWatcher(server);
@@ -146,9 +132,9 @@ function qingkuaiPlugin() {
       if (styleIdRE.test(id)) {
         return id;
       }
-      if (importer?.endsWith(".qk") && !extname(id)) {
+      if (importer?.endsWith(".qk") && !path.extname(id)) {
         const qingkuaiConfig = getQingkuaiConfiguration(id);
-        return join(dirname(importer), id + (qingkuaiConfig.resolveImportExtension ? ".qk" : ""));
+        return path.join(path.dirname(importer), id + (qingkuaiConfig.resolveImportExtension ? ".qk" : ""));
       }
       return id;
     },
@@ -231,21 +217,7 @@ function qingkuaiPlugin() {
       }
     },
     async transform(src, id) {
-      const qingkuaiConfig = getQingkuaiConfiguration(id);
       if (!id.endsWith(".qk")) {
-        if (qingkuaiPackageServeRE.test(id) || qingkuaiPackageBuildRE.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;
       }
       try {
@@ -253,8 +225,8 @@ function qingkuaiPlugin() {
           sourcemap,
           debug: isDev,
           hashId: compileResultCache.get(id)?.hashId || void 0,
-          reserveTemplateComment: getReserveHtmlComments(qingkuaiConfig),
-          componentName: util.kebab2Camel(basename(id, extname(id)), true)
+          componentName: util.kebab2Camel(path.basename(id, path.extname(id)), true),
+          reserveTemplateComment: getReserveHtmlComments(getQingkuaiConfiguration(id))
         });
         compileRes.messages.forEach(({ type, value: warning }) => {
           if (type === "warning") {
@@ -321,7 +293,7 @@ function qingkuaiPlugin() {
       reserveHtmlComments: "development"
     };
     while (true) {
-      const dir = dirname(id);
+      const dir = path.dirname(id);
       if (dir === id) {
         break;
       }
@@ -347,7 +319,7 @@ function qingkuaiPlugin() {
   }
   function createQingkuaiConfigurationWatcher(server) {
     const watcher = server.watcher.add([".qingkuairc", "!**/node_modules/**"]);
-    watcher.on("unlink", (path) => qingkuaiConfigurations.delete(dirname(path)));
+    watcher.on("unlink", (p) => qingkuaiConfigurations.delete(path.dirname(p)));
     watcher.on("change", recordQingkuaiConfiguration);
     watcher.on("add", recordQingkuaiConfiguration);
   }
@@ -358,7 +330,7 @@ function qingkuaiPlugin() {
   }
   function recordQingkuaiConfiguration(fileName) {
     try {
-      qingkuaiConfigurations.set(dirname(fileName), JSON.parse(readFileSync(fileName, "utf-8")));
+      qingkuaiConfigurations.set(path.dirname(fileName), JSON.parse(readFileSync(fileName, "utf-8")));
     } catch {
     }
   }
@@ -378,5 +350,5 @@ function parseStyleId(id) {
   };
 }
 
-export { qingkuaiPlugin as default };
+export { qingkuai as default };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -2,7 +2,7 @@
     "name": "vite-plugin-qingkuai",
     "author": "mlgq",
     "license": "MIT",
-    "version": "1.0.10",
+    "version": "1.0.12",
     "type": "module",
     "keywords": [
         "vite",
@@ -25,7 +25,7 @@
         "@types/fs-extra": "^11.0.4",
         "@types/node": "^22.13.14",
         "fs-extra": "^11.3.0",
-        "qingkuai": "^1.0.42",
+        "qingkuai": "^1.0.45",
         "rimraf": "^6.0.1",
         "rollup": "^4.38.0",
         "rollup-plugin-dts": "^6.2.1",
@@ -33,7 +33,7 @@
         "vite": "^6.2.4"
     },
     "peerDependencies": {
-        "qingkuai": "^1.0.42",
+        "qingkuai": "^1.0.45",
         "vite": "^6.2.4"
     },
     "dependencies": {

package/dist/temp-type/index.d.ts

@@ -1,2 +0,0 @@
-import type { PluginOption } from "vite";
-export default function qingkuaiPlugin(): PluginOption;

package/dist/temp-type/scope.d.ts

@@ -1,6 +0,0 @@
-import type { PostcssPluginError, SourceMap } from "./types";
-export declare function attachScopeForStyleSelectors(code: string, hash: string, sourceFile: string, map: SourceMap | undefined): Promise<{
-    error: PostcssPluginError | undefined;
-    code: string;
-    mappings: string;
-}>;

package/dist/temp-type/sourcemap.d.ts

@@ -1,3 +0,0 @@
-import type { SourceMapMappings } from "@jridgewell/sourcemap-codec";
-export declare function offsetSourceMap(mappings: string, sourceIndex: number, preLine: number, preColumn: number): SourceMapMappings;
-export declare function getOriginalPosition(map: any, line: number, column: number): Promise<import("source-map-js").MappedPosition>;

package/dist/temp-type/types.d.ts

@@ -1,25 +0,0 @@
-export interface SourceMap {
-    version: number;
-    file?: string;
-    names: string[];
-    mappings: string;
-    sources: string[];
-    sourceRoot?: string;
-    sourcesContent?: string[];
-    x_google_ignoreList?: number[];
-}
-export type QingkuaiConfiguration = Partial<{
-    exposeDestructions: boolean;
-    exposeDependencies: boolean;
-    insertTipComments: boolean;
-    resolveImportExtension: boolean;
-    convenientDerivedDeclaration: boolean;
-    reserveHtmlComments: "all" | "never" | "development" | "production";
-}>;
-export interface PostcssPluginError {
-    message: string;
-    loc?: {
-        line: number;
-        column: number;
-    };
-}

package/dist/temp-type/util.d.ts

@@ -1 +0,0 @@
-export declare function findFilesByName(dir: string, targetFileName: string, ignoreList: Set<string>): string[];