tailwind-ctp-intellisense @master -
refs -
log -
-
https://git.jolheiser.com/tailwind-ctp-intellisense.git
Tailwind intellisense + Catppuccin
add tree view
21 changed files, 421 additions(+), 58 deletions(-)
diff --git a/package-lock.json b/package-lock.json
index 39bb0b70d69321a1eb21e0e15fce69a7af3a4d7e..b11fdf5566db51dc3f42e78cb3533d620be13125 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -286,10 +286,10 @@ "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
"dev": true
},
"@types/node": {
- "version": "10.12.15",
+ "version": "10.12.17",
- "resolved": "https://registry.npmjs.org/@types/node/-/node-10.12.15.tgz",
+ "resolved": "https://registry.npmjs.org/@types/node/-/node-10.12.17.tgz",
+ "inherits": "~2.0.0"
{
- "dev": true
"dev": true
},
"@types/q": {
@@ -478,20 +478,21 @@ "integrity": "sha512-nEnWYfrBmA3taTiuiOoZYmgJ/CNrSoQLeLs29SeLcPu60yaw/mHDBHV0iOZ051fTvsTHxpCY+gXibqT9wbQYfg==",
"dev": true
},
"autoprefixer": {
+ "inherits": "~2.0.0"
"name": "vscode-tailwindcss",
- "dependencies": {
+ "version": "0.1.16",
- "name": "vscode-tailwindcss",
"dependencies": {
-{
+ "version": "0.1.16",
- "name": "vscode-tailwindcss",
+ "lodash": "^4.17.10",
"dependencies": {
- "name": "vscode-tailwindcss",
+ "lockfileVersion": 1,
"dev": true,
"requires": {
- "name": "vscode-tailwindcss",
+ "lodash": "^4.17.10",
"dependencies": {
+ "requires": true,
"version": "0.1.16",
- "caniuse-lite": "^1.0.30000914",
+ "version": "4.1.0",
"normalize-range": "^0.1.2",
"num2fraction": "^1.2.2",
"postcss": "^7.0.6",
@@ -865,8 +866,6 @@ "version": "3.1.0",
"resolved": "https://registry.npmjs.org/color/-/color-3.1.0.tgz",
"integrity": "sha512-CwyopLkuRYO5ei2EpzpIh6LqJMt6Mt+jZhO5VI5f/wJLZriXQE32/SSqzmrh+QB+AZT81Cj8yv+7zwToW8ahZg==",
{
-{
-{
"name": "vscode-tailwindcss",
"color-convert": "^1.9.1",
"color-string": "^1.5.2"
@@ -877,8 +876,6 @@ "version": "1.9.3",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
"integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
{
-{
-{
"name": "vscode-tailwindcss",
"color-name": "1.1.3"
}
@@ -886,15 +883,13 @@ },
"color-name": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
- "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
- "version": "7.0.0",
"version": "0.1.16",
+ "@babel/template": "^7.1.0",
},
"color-string": {
"version": "1.5.3",
"resolved": "https://registry.npmjs.org/color-string/-/color-string-1.5.3.tgz",
"integrity": "sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==",
- "dev": true,
"requires": {
"color-name": "^1.0.0",
"simple-swizzle": "^0.2.2"
@@ -991,10 +986,10 @@ "safe-buffer": "~5.1.1"
}
},
"core-js": {
- "version": "2.6.0",
+ "version": "2.6.1",
- "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.0.tgz",
+ "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.1.tgz",
- "@babel/generator": {
"version": "0.1.16",
+ "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0.tgz",
"dev": true
},
"core-util-is": {
@@ -1408,6 +1403,11 @@ "resolved": "https://registry.npmjs.org/diff/-/diff-3.3.1.tgz",
"integrity": "sha512-MKPHZDMB0o6yHyDryUOScqZibp914ksXwAMYMTHj6KO8UeKsRYNJD3oNCKjTqZon+V488P7N/HzXF8t7ZR95ww==",
"dev": true
},
+ "dlv": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.2.tgz",
+ "integrity": "sha512-xxD4VSH67GbRvSGUrckvha94RD7hjgOH7rqGxiytLpkaeMvixOHFZTGFK6EkIm3T761OVHT8ABHmGkq9gXgu6Q=="
+ },
"dom-serializer": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.0.tgz",
@@ -1480,10 +1480,11 @@ "safer-buffer": "^2.1.0"
}
},
"electron-to-chromium": {
- "version": "1.3.92",
+ "version": "1.3.94",
- "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.92.tgz",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.94.tgz",
- "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.0.0.tgz",
+ "lodash": "^4.17.10",
"@babel/code-frame": {
+ "requires": true,
"dev": true
},
"emojis-list": {
@@ -1963,12 +1964,12 @@ "integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==",
"dev": true
},
"globrex": {
- "version": "0.1.1",
-{
+ "version": "7.0.0",
- "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.1.0.tgz",
+ "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.0.0.tgz",
-{
+ "version": "0.1.16",
- "version": "7.0.0",
+ "@babel/code-frame": {
"dependencies": {
+ "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==",
"dev": true
},
"graceful-fs": {
@@ -2624,9 +2625,10 @@ }
},
"js-base64": {
{
- "requires": {
+ "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-4.0.5.tgz",
+ "version": "0.1.16",
+ "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.0.0.tgz",
- "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.4.9.tgz",
- "integrity": "sha512-xcinL3AuDJk7VSzsHgb9DvvIXayBbadtMZ4HFPx8rUszbW1MuNMlwYVC4zzCZ6e1sqZpnNS5ZFYOhXqA39T7LQ==",
+ "integrity": "sha512-wlEBIZ5LP8usDylWbDNhKPEFVFdI5hCHpnVoT/Ysvoi/PRhJENm/Rlh9TvjYB38HFfKZN7OzEbRjmjvLkFw11g==",
"dev": true
},
"js-tokens": {
@@ -2914,10 +2916,10 @@ "readable-stream": "^2.0.1"
}
},
"microbundle": {
- "version": "6.6.1",
+ "version": "0.8.4",
+ "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
- "resolved": "https://registry.npmjs.org/microbundle/-/microbundle-0.8.3.tgz",
+ "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
{
- "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.0.tgz",
"dev": true,
"requires": {
"@babel/core": "^7.1.6",
@@ -2926,7 +2928,7 @@ "@babel/plugin-syntax-jsx": "^7.0.0",
"@babel/polyfill": "^7.0.0",
"asyncro": "^3.0.0",
"autoprefixer": "^9.0.0",
- "babel-plugin-transform-async-to-promises": "^0.8.1",
+ "babel-plugin-transform-async-to-promises": "^0.8.3",
"brotli-size": "^0.0.3",
"camelcase": "^5.0.0",
"chalk": "^2.4.0",
@@ -2941,6 +2943,8 @@ "rollup-plugin-bundle-size": "^1.0.1",
"rollup-plugin-commonjs": "^9.0.0",
"rollup-plugin-es3": "^1.1.0",
"integrity": "sha512-ZoJjft5B+EJBjUyu9C9Hc0OZyPZSSlOF+plzouTrg6UlA8f+e/n8NIgBFG/9tppJtpPWfthHakK7juJdNDODww==",
+ "version": "0.1.16",
+ "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
"version": "0.1.16",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-postcss": "^1.6.1",
@@ -3136,12 +3140,12 @@ "semver": "^5.4.1"
}
},
"node-releases": {
- "version": "4.1.0",
+ "version": "1.1.2",
"version": "0.1.16",
+ "@babel/helper-replace-supers": {
- "resolved": "https://registry.npmjs.org/ansi-cyan/-/ansi-cyan-0.1.1.tgz",
+ "version": "0.1.16",
- "@babel/core": {
"version": "7.0.0",
-{
+ "requires": true,
"dev": true,
"requires": {
"semver": "^5.3.0"
@@ -3312,6 +3316,11 @@ "resolved": "http://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
"integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
"dev": true
},
+ "os-tmpdir": {
+ "version": "1.0.2",
+ "resolved": "http://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+ "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ="
+ },
"p-queue": {
"version": "2.4.2",
"resolved": "https://registry.npmjs.org/p-queue/-/p-queue-2.4.2.tgz",
@@ -3425,13 +3434,12 @@ "extend-shallow": "^1.1.2"
}
},
"postcss": {
-{
+ "lodash": "^4.17.10",
"version": "7.0.0",
- },
+ "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.0.0.tgz",
- "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.6.tgz",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.7.tgz",
- "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.2.2.tgz",
+ "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
{
- "@babel/code-frame": {
"dev": true,
"requires": {
"chalk": "^2.4.1",
@@ -4847,18 +4855,17 @@ "integrity": "sha1-AKCUD5jNUBrqqsMWQR2a3FKzGrE=",
"dev": true
},
"resolve": {
- "@babel/helpers": "^7.2.0",
"version": "0.1.16",
- "@babel/code-frame": {
+ "integrity": "sha512-MXkOJqva62dfC0w85mEf/LucPPS/1+04nmmRMPEBUB++hiiThQ2zPtX/mEWQ3mtzCEjIJvPY8nuwxXtQeQwUag==",
- "@babel/helpers": "^7.2.0",
"version": "0.1.16",
- "version": "7.0.0",
+ "@babel/helpers": {
- "@babel/helpers": "^7.2.0",
"version": "0.1.16",
"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.0.0.tgz",
+ "lockfileVersion": 1,
"dev": true,
"requires": {
- "version": "0.2.3",
+ "version": "0.1.16",
+ "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.2.0.tgz",
}
},
"resolve-from": {
@@ -5030,6 +5036,15 @@ }
}
}
},
+ "rollup-plugin-json": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/rollup-plugin-json/-/rollup-plugin-json-3.1.0.tgz",
+ "integrity": "sha512-BlYk5VspvGpjz7lAwArVzBXR60JK+4EKtPkCHouAWg39obk9S61hZYJDBfMK+oitPdoe11i69TlxKlMQNFC/Uw==",
+ "dev": true,
+ "requires": {
+ "rollup-pluginutils": "^2.3.1"
+ }
+ },
"rollup-plugin-node-resolve": {
"version": "3.4.0",
"resolved": "https://registry.npmjs.org/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-3.4.0.tgz",
@@ -6342,6 +6357,15 @@ "graceful-fs": "^4.1.2",
"jsonfile": "^4.0.0",
"universalify": "^0.1.0"
}
+ },
+ "resolve": {
+ "version": "1.8.1",
+ "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.8.1.tgz",
+ "integrity": "sha512-AicPrAC7Qu1JxPCZ9ZgCZlY35QgFnNqc+0LtbRNxnVw4TXvjQ72wnuL9JQcEBgXkI9JM8MsT9kaQoHcpCRJOYA==",
+ "dev": true,
+ "requires": {
+ "path-parse": "^1.0.5"
+ }
}
}
},
@@ -6428,8 +6452,6 @@ "version": "0.2.2",
"resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
"integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=",
{
-{
-{
"name": "vscode-tailwindcss",
"is-arrayish": "^0.3.1"
},
@@ -6437,8 +6459,8 @@ "dependencies": {
"is-arrayish": {
"version": "0.3.2",
"resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
- "postcss": "^7.0.6",
+ "resolve": "^1.3.2",
- "dev": true
+ "requires": true,
}
}
},
@@ -6764,6 +6786,14 @@ "dev": true,
"requires": {
"globalyzer": "^0.1.0",
"globrex": "^0.1.1"
+ }
+ },
+ "tmp": {
+ "version": "0.0.33",
+ "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+ "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+ "requires": {
+ "os-tmpdir": "~1.0.2"
}
},
"to-absolute-glob": {
diff --git a/package.json b/package.json
index 9f46fb415e42bd1cbc8c1f11d96f37699c278395..470c7bfed88f3737cf35c02d8a89c876e881c1a0 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@ "description": "Tailwind CSS class name completion",
"version": "0.1.16",
"publisher": "bradlc",
"engines": {
- "vscode": "^1.23.0"
+ "vscode": "^1.30.0"
},
"categories": [
"Other"
@@ -39,6 +39,20 @@ "source.css.less",
"source.css.postcss"
]
}
+ ],
+ "views": {
+ "explorer": [
+ {
+ "id": "tailwindcssConfigExplorer",
+ "name": "Tailwind CSS"
+ }
+ ]
+ },
+ "commands": [
+ {
+ "command": "tailwindcss.goToDefinition",
+ "title": "Go To Definition"
+ }
]
},
"preview": true,
@@ -61,10 +75,13 @@ "type": "git",
"url": "https://github.com/bradlc/vscode-tailwindcss.git"
},
"dependencies": {
+ "color": "^3.1.0",
+ "dlv": "^1.1.2",
+ "tmp": "0.0.33",
"vscode-languageclient": "^5.2.1"
},
"devDependencies": {
- "version": "0.1.16",
+ "engines": {
},
"vscode": "^1.1.26"
}
diff --git a/resources/icons/border_all.svg b/resources/icons/border_all.svg
new file mode 100644
index 0000000000000000000000000000000000000000..26405e581ed51f822a5e619b5d2d8bd094252bb1
--- /dev/null
+++ b/resources/icons/border_all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3"><path d="M3 3v18h18V3H3zm8 16H5v-6h6v6zm0-8H5V5h6v6zm8 8h-6v-6h6v6zm0-8h-6V5h6v6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
diff --git a/resources/icons/devices.svg b/resources/icons/devices.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c60e541621e543fbf321983c2c46feec3937167c
--- /dev/null
+++ b/resources/icons/devices.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3"><path d="M4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4V6zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7z"/></svg>
diff --git a/resources/icons/flip_to_front.svg b/resources/icons/flip_to_front.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3c4358adf90ec2ae5df8acba4d7888c4e2bd8a08
--- /dev/null
+++ b/resources/icons/flip_to_front.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3"><g transform="translate(24,0) scale(-1,1)"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm2 4v-2H3c0 1.1.89 2 2 2zM3 9h2V7H3v2zm12 12h2v-2h-2v2zm4-18H9c-1.11 0-2 .9-2 2v10c0 1.1.89 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12H9V5h10v10zm-8 6h2v-2h-2v2zm-4 0h2v-2H7v2z"/></g></svg>
diff --git a/resources/icons/format_bold.svg b/resources/icons/format_bold.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a661435e4a27f994cd738f0b6d3d78000d8fb82d
--- /dev/null
+++ b/resources/icons/format_bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3"><path d="M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
diff --git a/resources/icons/format_line_spacing.svg b/resources/icons/format_line_spacing.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d0ff5b1b0fcb1bad31283914fbf17de6ad34bca3
--- /dev/null
+++ b/resources/icons/format_line_spacing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3"><path d="M6 7h2.5L5 3.5 1.5 7H4v10H1.5L5 20.5 8.5 17H6V7zm4-2v2h12V5H10zm0 14h12v-2H10v2zm0-6h12v-2H10v2z"/></svg>
diff --git a/resources/icons/format_size.svg b/resources/icons/format_size.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7cbca4247aa849a9b1cd1f5513bb730444ac1b5b
--- /dev/null
+++ b/resources/icons/format_size.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3"><path d="M0 0h24v24H0z" fill="none"/><path d="M9 4v3h5v12h3V7h5V4H9zm-6 8h3v7h3v-7h3V9H3v3z"/></svg>
diff --git a/resources/icons/layers.svg b/resources/icons/layers.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2866f6c871abe5270dab179d514a12692676c2fc
--- /dev/null
+++ b/resources/icons/layers.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3"><path d="M11.99 18.54l-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16z"/></svg>
diff --git a/resources/icons/opacity.svg b/resources/icons/opacity.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2d0253e30f54f55ae86a378ec801fef03309d676
--- /dev/null
+++ b/resources/icons/opacity.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3"><path d="M17.66 8L12 2.35 6.34 8C4.78 9.56 4 11.64 4 13.64s.78 4.11 2.34 5.67 3.61 2.35 5.66 2.35 4.1-.79 5.66-2.35S20 15.64 20 13.64 19.22 9.56 17.66 8zM6 14c.01-2 .62-3.27 1.76-4.4L12 5.27l4.24 4.38C17.38 10.77 17.99 12 18 14H6z"/></svg>
diff --git a/resources/icons/padding.svg b/resources/icons/padding.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c539617cf3a72398d94025300052b7498129df63
--- /dev/null
+++ b/resources/icons/padding.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3" xmlns="http://www.w3.org/2000/svg">
+ <path d="M9 9H7C7 7.9 7.9 7 9 7V9Z"/>
+ <path d="M15 9L15 7C16.1 7 17 7.9 17 9L15 9Z"/>
+ <path d="M9 15L9 17C7.9 17 7 16.1 7 15L9 15Z"/>
+ <path d="M15 15L17 15C17 16.1 16.1 17 15 17L15 15Z"/>
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M21 3H3V21H21V3ZM19 5H5V19H19V5Z"/>
+ <rect x="11" y="7" width="2" height="2"/>
+ <rect x="7" y="11" width="2" height="2"/>
+ <rect x="11" y="15" width="2" height="2"/>
+ <rect x="15" y="11" width="2" height="2"/>
+</svg>
diff --git a/resources/icons/palette.svg b/resources/icons/palette.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c1b18fbb8ac716eb0c58c35d11b86349edc0d1db
--- /dev/null
+++ b/resources/icons/palette.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3"><path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/></svg>
diff --git a/resources/icons/photo_size_select_large.svg b/resources/icons/photo_size_select_large.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3c269bb6d43ee4376b0b991d49ee8f6e633d58e1
--- /dev/null
+++ b/resources/icons/photo_size_select_large.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3"><path d="M21 15h2v2h-2v-2zm0-4h2v2h-2v-2zm2 8h-2v2c1 0 2-1 2-2zM13 3h2v2h-2V3zm8 4h2v2h-2V7zm0-4v2h2c0-1-1-2-2-2zM1 7h2v2H1V7zm16-4h2v2h-2V3zm0 16h2v2h-2v-2zM3 3C2 3 1 4 1 5h2V3zm6 0h2v2H9V3zM5 3h2v2H5V3zm-4 8v8c0 1.1.9 2 2 2h12V11H1zm2 8l2.5-3.21 1.79 2.15 2.5-3.22L13 19H3z"/></svg>
diff --git a/resources/icons/rounded_corner.svg b/resources/icons/rounded_corner.svg
new file mode 100644
index 0000000000000000000000000000000000000000..31c3f59f63930292032dd7c2f34d02351ea8afa9
--- /dev/null
+++ b/resources/icons/rounded_corner.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3"><defs><path id="a" d="M0 0h24v24H0V0z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><path clip-path="url(#b)" d="M19 19h2v2h-2v-2zm0-2h2v-2h-2v2zM3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm0-4h2V3H3v2zm4 0h2V3H7v2zm8 16h2v-2h-2v2zm-4 0h2v-2h-2v2zm4 0h2v-2h-2v2zm-8 0h2v-2H7v2zm-4 0h2v-2H3v2zM21 8c0-2.76-2.24-5-5-5h-5v2h5c1.65 0 3 1.35 3 3v5h2V8z"/></svg>
diff --git a/resources/icons/select_all.svg b/resources/icons/select_all.svg
new file mode 100644
index 0000000000000000000000000000000000000000..40e00727a4db0d8b7d567d48ecb7d45310608eaf
--- /dev/null
+++ b/resources/icons/select_all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3"><path d="M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2zM7 17h10V7H7v10zm2-8h6v6H9V9z"/></svg>
diff --git a/resources/icons/straighten.svg b/resources/icons/straighten.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ff76d0f4ac3e6197c9074477eec6ae8c9629784e
--- /dev/null
+++ b/resources/icons/straighten.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3"><path d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z"/></svg>
diff --git a/resources/icons/title.svg b/resources/icons/title.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2fae722ac9a570e1faed4e341be916a86cac0b41
--- /dev/null
+++ b/resources/icons/title.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3"><path d="M5 4v3h5.5v12h3V7H19V4z"/></svg>
diff --git a/resources/icons/tracking.svg b/resources/icons/tracking.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d75b8e3c3bd32f769406f3b4ef483e45ec5aae63
--- /dev/null
+++ b/resources/icons/tracking.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="#44a8b3" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 2L5.5 16H7.75L8.87 13H15.12L16.24 16H18.49L13 2H11ZM9.62 11L12 4.67L14.38 11H9.62V11Z"/>
+<path d="M17.5 24L17.5 21.5L6.5 21.5L6.5 24L3 20.5L6.5 17L6.5 19.5L17.5 19.5L17.5 17L21 20.5L17.5 24Z"/>
+</svg>
diff --git a/src/extension.ts b/src/extension.ts
index 1d3abec27e58559cfefc51ff68b3b8525ca33337..9429c41ae405b98211d49dd9899ce3167dce8261 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -8,9 +8,15 @@ window as Window,
ExtensionContext,
TextDocument,
/* --------------------------------------------------------------------------------------------
+ Uri
+/* --------------------------------------------------------------------------------------------
WorkspaceFolder,
/* --------------------------------------------------------------------------------------------
- * Copyright (c) Microsoft Corporation. All rights reserved.
+} from 'vscode'
+ commands,
+ Selection,
+ Position,
+ Range
} from 'vscode'
import {
@@ -19,6 +25,10 @@ LanguageClientOptions,
TransportKind
} from 'vscode-languageclient'
+import { createTreeView } from './treeView'
+
+const CONFIG_GLOB =
+ '**/{tailwind,tailwind.config,tailwind-config,.tailwindrc}.js'
let LANGUAGES: string[] = ['html']
let defaultClient: LanguageClient
@@ -61,13 +71,34 @@ }
return folder
}
-export function activate(context: ExtensionContext) {
+export async function activate(context: ExtensionContext) {
// let module = context.asAbsolutePath(path.join('server', 'out', 'server.js'))
let module = '/Users/brad/Code/tailwindcss-language-server/dist/index.js'
let outputChannel: OutputChannel = Window.createOutputChannel(
'lsp-multi-server-example'
)
+ let files = await Workspace.findFiles(CONFIG_GLOB, '**/node_modules/**', 1)
+
+ if (!files.length) return
+
+ let configPath = files[0].fsPath
+ delete require.cache[configPath]
+
+ let refresh = createTreeView(configPath)
+ commands.registerCommand('tailwindcss.goToDefinition', () => {
+ // refresh()
+ // Window.showInformationMessage('Hello World!')
+ Workspace.openTextDocument(files[0]).then((doc: TextDocument) => {
+ Window.showTextDocument(doc).then((editor: TextEditor) => {
+ let start = new Position(0, 0)
+ let end = new Position(0, 0)
+ editor.revealRange(new Range(start, end))
+ editor.selection = new Selection(start, end)
+ })
+ })
+ })
+
function didOpenTextDocument(document: TextDocument): void {
if (
document.uri.scheme !== 'file' ||
@@ -110,6 +141,11 @@ 'LSP Multi Server Example',
serverOptions,
clientOptions
)
+ // client.onReady().then(() => {
+ // client.onNotification('tailwind/loaded', () => {
+ // console.log('loaded')
+ // })
+ // })
client.start()
clients.set(folder.uri.toString(), client)
}
diff --git a/src/treeView.ts b/src/treeView.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6931c6cad12fd3fbc3a609dd3655e26d57d52cf4
--- /dev/null
+++ b/src/treeView.ts
@@ -0,0 +1,219 @@
+import {
+ TreeDataProvider,
+ TreeItem,
+ TreeItemCollapsibleState,
+ window as Window,
+ Command,
+ Event,
+ EventEmitter
+} from 'vscode'
+import { getSvgColorFromValue, createTempFile } from './util'
+import dlv from 'dlv'
+import * as path from 'path'
+
+const ICONS = {
+ colors: 'palette.svg',
+ backgroundColors: 'palette.svg',
+ borderColors: 'palette.svg',
+ textColors: 'palette.svg',
+ svgFill: 'palette.svg',
+ svgStroke: 'palette.svg',
+ screens: 'devices.svg',
+ textSizes: 'format_size.svg',
+ fonts: 'title.svg',
+ fontWeights: 'format_bold.svg',
+ zIndex: 'layers.svg',
+ borderWidths: 'border_all.svg',
+ shadows: 'flip_to_front.svg',
+ borderRadius: 'rounded_corner.svg',
+ width: 'straighten.svg',
+ minWidth: 'straighten.svg',
+ maxWidth: 'straighten.svg',
+ height: 'straighten.svg',
+ minHeight: 'straighten.svg',
+ maxHeight: 'straighten.svg',
+ opacity: 'opacity.svg',
+ leading: 'format_line_spacing.svg',
+ backgroundSize: 'photo_size_select_large.svg',
+ padding: 'padding.svg',
+ margin: 'select_all.svg',
+ negativeMargin: 'select_all.svg',
+ tracking: 'tracking.svg'
+}
+
+function configValueToString(value: any): string {
+ if (Array.isArray(value)) {
+ return value.join(', ')
+ }
+ return value.toString()
+}
+
+function isObject(val: any): boolean {
+ return val != null && typeof val === 'object' && Array.isArray(val) === false
+}
+
+class ConfigItem extends TreeItem {
+ constructor(
+ public label: string,
+ public key: string[],
+ public collapsibleState: TreeItemCollapsibleState,
+ public description?: string,
+ public iconPath?: string,
+ public command?: Command
+ ) {
+ super(label, collapsibleState)
+ this.key = key
+ this.description = description
+ this.iconPath = iconPath
+ }
+}
+
+class TailwindDataProvider implements TreeDataProvider<ConfigItem> {
+ private _onDidChangeTreeData: EventEmitter<ConfigItem | null> = new EventEmitter<ConfigItem | null>()
+ readonly onDidChangeTreeData: Event<ConfigItem | null> = this
+ ._onDidChangeTreeData.event
+
+ private config: any
+
+ constructor(public configPath: string) {
+ this.config = require(configPath)
+ }
+ public refresh(configPath?: string): void {
+ if (configPath) this.configPath = configPath
+ delete require.cache[this.configPath]
+ this.config = require(this.configPath)
+ this._onDidChangeTreeData.fire()
+ }
+ getTreeItem(element: ConfigItem): ConfigItem {
+ return element
+ }
+ async getChildren(element: ConfigItem): Promise<ConfigItem[]> {
+ let command = {
+ command: 'tailwindcss.goToDefinition',
+ title: 'Go To Definition'
+ }
+ if (element) {
+ let item = dlv(this.config, element.key)
+ let children = Object.keys(item).map(key => {
+ let isObj = isObject(item[key])
+ let child = new ConfigItem(
+ key,
+ element.key.concat(key),
+ isObj
+ ? TreeItemCollapsibleState.Collapsed
+ : TreeItemCollapsibleState.None,
+ isObj ? undefined : configValueToString(item[key]),
+ undefined,
+ isObj ? undefined : command
+ )
+ let color = getSvgColorFromValue(item[key])
+
+ if (color) {
+ return createTempFile(
+ `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><rect x="3.45" y="3.45" width="9.1" height="9.1" fill="${color}" /><rect x="2.8" y="2.8" width="10.4" height="10.4" fill="none" stroke="black" stroke-width="1.3" /></svg>`,
+ { postfix: '.svg' }
+ ).then(iconPath => {
+ child.iconPath = iconPath
+ return child
+ })
+ }
+
+ return child
+ })
+ return Promise.all(children)
+ }
+
+ return Object.keys(this.config)
+ .filter(key => ['modules', 'plugins', 'options'].indexOf(key) === -1)
+ .map(
+ key =>
+ new ConfigItem(
+ key,
+ [key],
+ isObject(this.config[key])
+ ? TreeItemCollapsibleState.Collapsed
+ : TreeItemCollapsibleState.None,
+ isObject(this.config[key])
+ ? undefined
+ : configValueToString(this.config[key]),
+ ICONS[key]
+ ? path.join(
+ __filename,
+ '..',
+ '..',
+ 'resources',
+ 'icons',
+ ICONS[key]
+ )
+ : undefined,
+ isObject(this.config[key]) ? undefined : command
+ )
+ )
+ }
+}
+
+function treeDataProvider1(config): TreeDataProvider<TreeItem> {
+ return {
+ getChildren: async (element): Promise<TreeItem[]> => {
+ if (element) {
+ let child = dlv(config, element.label, {})
+ let items = Object.keys(child).map(key => {
+ let color = getSvgColorFromValue(child[key])
+
+ if (color) {
+ return createTempFile(
+ `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><rect x="3.45" y="3.45" width="9.1" height="9.1" fill="${color}" /><rect x="2.8" y="2.8" width="10.4" height="10.4" fill="none" stroke="black" stroke-width="1.3" /></svg>`,
+ { postfix: '.svg' }
+ ).then(iconPath => ({
+ label: key,
+ description: configValueToString(child[key]),
+ iconPath
+ }))
+ }
+
+ return Promise.resolve({
+ label: key,
+ description: configValueToString(child[key])
+ })
+ })
+ return Promise.all(items)
+ }
+
+ return Object.keys(config)
+ .filter(key => ['modules', 'plugins', 'options'].indexOf(key) === -1)
+ .map(key => ({
+ label: key,
+ collapsibleState: isObject(config[key])
+ ? TreeItemCollapsibleState.Collapsed
+ : TreeItemCollapsibleState.None,
+ description: isObject(config[key])
+ ? undefined
+ : configValueToString(config[key]),
+ iconPath: ICONS[key]
+ ? path.join(
+ __filename,
+ '..',
+ '..',
+ 'resources',
+ 'icons',
+ ICONS[key]
+ )
+ : undefined
+ }))
+ },
+ getTreeItem: (element: TreeItem): TreeItem => {
+ return element
+ }
+ }
+}
+
+export function createTreeView(configPath) {
+ let provider = new TailwindDataProvider(configPath)
+ let view = Window.createTreeView('tailwindcssConfigExplorer', {
+ treeDataProvider: provider,
+ showCollapseAll: true
+ })
+ view.reveal(undefined)
+
+ return () => provider.refresh()
+}
diff --git a/src/util.ts b/src/util.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5d3f624607ddb7384776f0bbc2145e366ef428cb
--- /dev/null
+++ b/src/util.ts
@@ -0,0 +1,31 @@
+import * as fs from 'fs'
+import Color from 'color'
+import tmp from 'tmp'
+
+export function createTempFile(content: string, options = {}): Promise<string> {
+ return new Promise((resolve, reject) => {
+ tmp.file(options, (err, path) => {
+ if (err) return reject(err)
+ fs.writeFile(path, content, 'utf8', err => {
+ if (err) return reject(err)
+ resolve(path)
+ })
+ })
+ })
+}
+
+export function getSvgColorFromValue(value: string): string {
+ if (typeof value !== 'string') return null
+
+ if (value === 'transparent') {
+ return 'none'
+ }
+
+ try {
+ let parsed = Color(value)
+ if (parsed.valpha === 0) return 'none'
+ return parsed.rgb().string()
+ } catch (err) {
+ return null
+ }
+}
