feat: add meta generation, update changelog and version

Author: Justineo

.npmignore

@@ -2,3 +2,4 @@
 *.config.js
 src
 test
+build

CHANGELOG.md

@@ -1,3 +1,8 @@
+## 0.1.3
+
+- Fix colors for translucent buttons.
+- Add `variables.json` to export meta.
+
 ## 0.1.2
 
 - Allow CLI usage with `--dls`.

README.md

@@ -29,6 +29,8 @@ less
 
 ### Import from stylesheets
 
+With [less-loader](https://github.com/webpack-contrib/less-loader):
+
 ```less
 @import "~less-plugin-dls/tokens/index.less";
 

build/vars.js

@@ -0,0 +1,112 @@
+import fs from 'fs'
+import path from 'path'
+import less from 'less'
+import { parse } from 'postcss-values-parser'
+import dls from '../dist'
+
+class VariablesOutputVisitor {
+  constructor () {
+    this._visitor = new less.visitors.Visitor(this)
+  }
+
+  run (root) {
+    this.variables = Object.keys(root.variables())
+    return this._visitor.visit(root)
+  }
+}
+
+const SELECTOR = 'DLS_VARS'
+const visitor = new VariablesOutputVisitor()
+
+less
+  .render(fs.readFileSync('./tokens/index.less', 'utf-8'), {
+    plugins: [
+      dls(),
+      {
+        install (less, pluginManager) {
+          pluginManager.addVisitor(visitor)
+        }
+      }
+    ],
+    paths: ['tokens']
+  })
+  .then(() => {
+    let src = [
+      `${SELECTOR}{`,
+      visitor.variables.map(v => `${v.slice(1)}: ${v}`).join(';'),
+      '}'
+    ].join('')
+    return less.render(src, {
+      plugins: [dls()]
+    })
+  })
+  .then(({ css }) => {
+    fs.writeFileSync(
+      path.resolve(__dirname, '..', 'variables.json'),
+      JSON.stringify(
+        css
+          .replace(new RegExp(`^[\\s\\S]*${SELECTOR}[\\s\\n]*{[\\s\\n]*`), '')
+          .replace(/}[\n\s]*$/, '')
+          .split(/;[\n\s]*/)
+          .filter(v => v)
+          .map(decl => {
+            let [key, value] = decl.split(/:\s*/)
+            return {
+              [key]: {
+                value,
+                type: getType(value)
+              }
+            }
+          })
+          .reduce(
+            (acc, cur) => ({
+              ...acc,
+              ...cur
+            }),
+            {}
+          ),
+        null,
+        '  '
+      )
+    )
+  })
+
+// https://code.visualstudio.com/api/references/vscode-api#CompletionItemKind
+function getType (value) {
+  if (['inherit', 'initial', 'unset', 'revert'].includes(value)) {
+    return 'keyword'
+  }
+
+  const root = parse(value)
+
+  if (root.nodes.length > 1) {
+    return 'complex'
+  }
+
+  const node = root.nodes[0]
+
+  if (!node) {
+    return 'unknown'
+  }
+
+  if (node.type === 'numeric') {
+    if (node.unit) {
+      return 'length'
+    }
+    return 'numeric'
+  }
+
+  if (node.type === 'quoted') {
+    return 'string'
+  }
+
+  if (value === 'transparent' || value === 'currentColor' || node.isColor) {
+    return 'color'
+  }
+
+  if (node.type === 'function') {
+    return 'function'
+  }
+
+  return 'unknown'
+}

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "less-plugin-dls",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Less plugin for Baidu DLS.",
   "main": "dist/index.js",
   "scripts": {
@@ -30,6 +30,7 @@
     "esm": "^3.2.25",
     "kolor": "^1.1.9",
     "less": "^3.9.0",
+    "postcss-values-parser": "^3.0.4",
     "prettier": "^1.17.1",
     "rollup": "^1.12.4",
     "rollup-plugin-commonjs": "^10.0.0",
@@ -38,5 +39,6 @@
     "stylelint": "^10.0.1",
     "stylelint-config-prettier": "^5.2.0",
     "stylelint-config-standard": "^18.3.0"
-  }
+  },
+  "dependencies": {}
 }