build: add collect vars script

build/gen-css-vars-dts.js

@@ -0,0 +1,15 @@
+const fs = require('fs').promises
+const path = require('path')
+const { genDts, collectVars } = require('./utils/collect-vars.js')
+const { walk } = require('../scripts/utils')
+
+const srcPath = path.resolve(__dirname, '..', 'src')
+
+;(async () => {
+ for await (const p of walk(srcPath)) {
+ if (p.endsWith('.cssr.ts')) {
+ const dts = genDts(collectVars(await fs.readFile(p, 'utf-8')))
+ console.log(p, dts)
+ }
+ }
+})()

build/utils/collect-vars.js

@@ -0,0 +1,35 @@
+const pattern = /var\(([^)]+)\)/g
+const patternDetail = /var\(([^)]+)\)/
+const commentPattern = /^( *)(\*|(\/\/)|(\/\*))/g
+
+/**
+ * Collect css vars
+ * @param {string} code
+ */
+function collectVars (code) {
+ const vars = new Set()
+ const lines = code.split('\n')
+ lines.forEach((line) => {
+ if (line.match(commentPattern)) return
+ const result = line.match(pattern)
+ if (result) {
+ result.forEach((varExpr) => {
+ vars.add(varExpr.match(patternDetail)[1])
+ })
+ }
+ })
+ return Array.from(vars).sort()
+}
+
+/**
+ * @param {string[]} vars
+ */
+function genDts (vars) {
+ console.log(vars)
+ return `interface CssVars {
+${vars.map((v) => " '" + v + "': string").join('\n')}
+}\n`
+}
+
+exports.genDts = genDts
+exports.collectVars = collectVars

scripts/utils.js

@@ -1,4 +1,4 @@
-const fs = require('fs')
+const fs = require('fs').promises
 const path = require('path')
 
 exports.walk = async function * walk (dir) {