@varlet/cli 2.19.1 → 2.19.2-alpha.1700638874586

package/lib/node/compiler/compileStyleVars.d.ts

@@ -0,0 +1,3 @@
+export declare function compileMD(path: string, keys: Set<string>): void;
+export declare function compileDir(path: string, keys: Set<string>): void;
+export declare function compileStyleVars(): void;

package/lib/node/compiler/compileStyleVars.js

@@ -0,0 +1,32 @@
+import fse from 'fs-extra';
+import { SRC_DIR, TYPES_DIR } from '../shared/constant.js';
+import { resolve } from 'path';
+import { isDir, isMD } from '../shared/fsUtils.js';
+import { camelize } from '@varlet/shared';
+const { ensureDirSync, readdirSync, readFileSync, writeFileSync } = fse;
+export function compileMD(path, keys) {
+    const content = readFileSync(path, 'utf-8');
+    const result = content.match(/`--[\w-]+`/g) ?? [];
+    result.forEach((key) => {
+        keys.add(key.replace(/`/g, ''));
+    });
+}
+export function compileDir(path, keys) {
+    const dir = readdirSync(path);
+    dir.forEach((filename) => {
+        const filePath = resolve(path, filename);
+        isDir(filePath) && compileDir(filePath, keys);
+        isMD(filePath) && compileMD(filePath, keys);
+    });
+}
+export function compileStyleVars() {
+    ensureDirSync(TYPES_DIR);
+    const keys = new Set();
+    compileDir(SRC_DIR, keys);
+    const template = [...keys].reduce((template, key) => {
+        template += `  '${key}'?: string;\n`;
+        template += `  ${camelize(key.slice(2))}?: string;\n`;
+        return template;
+    }, 'export interface StyleVars {\n');
+    writeFileSync(resolve(TYPES_DIR, 'styleVars.d.ts'), template + '}');
+}

package/lib/node/compiler/compileTypes.js

@@ -4,6 +4,7 @@ import { bigCamelize } from '@varlet/shared';
 import { resolve, relative } from 'path';
 import { getVarletConfig } from '../config/varlet.config.js';
 import { get } from 'lodash-es';
+import { compileStyleVars } from './compileStyleVars.js';
 const { ensureDir, writeFileSync, readdir, writeFile, readJSONSync } = fse;
 export function generateReference(moduleDir) {
     writeFileSync(resolve(moduleDir, 'index.d.ts'), `\
@@ -12,6 +13,7 @@ export * from '${relative(moduleDir, TYPES_DIR)}'
 }
 export async function compileTypes() {
     await ensureDir(TYPES_DIR);
+    compileStyleVars();
     const varletConfig = await getVarletConfig();
     const namespace = get(varletConfig, 'namespace');
     const directives = get(varletConfig, 'directives');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "2.19.1",
+  "version": "2.19.2-alpha.1700638874586",
   "type": "module",
   "description": "cli of varlet",
   "bin": {
@@ -64,8 +64,8 @@
     "vite": "4.3.5",
     "vue": "3.3.4",
     "webfont": "^9.0.0",
-    "@varlet/shared": "2.19.1",
-    "@varlet/vite-plugins": "2.19.1"
+    "@varlet/shared": "2.19.2-alpha.1700638874586",
+    "@varlet/vite-plugins": "2.19.2-alpha.1700638874586"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.1",
@@ -80,9 +80,9 @@
     "@types/semver": "^7.3.9",
     "@types/sharp": "0.31.1",
     "rimraf": "^5.0.1",
-    "@varlet/icons": "2.19.1",
-    "@varlet/touch-emulator": "2.19.1",
-    "@varlet/ui": "2.19.1"
+    "@varlet/icons": "2.19.2-alpha.1700638874586",
+    "@varlet/ui": "2.19.2-alpha.1700638874586",
+    "@varlet/touch-emulator": "2.19.2-alpha.1700638874586"
   },
   "peerDependencies": {
     "@vue/runtime-core": "3.3.4",
@@ -95,9 +95,9 @@
     "lodash-es": "^4.17.21",
     "vue": "3.3.4",
     "vue-router": "4.2.0",
-    "@varlet/icons": "2.19.1",
-    "@varlet/touch-emulator": "2.19.1",
-    "@varlet/ui": "2.19.1"
+    "@varlet/icons": "2.19.2-alpha.1700638874586",
+    "@varlet/ui": "2.19.2-alpha.1700638874586",
+    "@varlet/touch-emulator": "2.19.2-alpha.1700638874586"
   },
   "scripts": {
     "dev": "tsc --watch",