From 9d59ef3354dad59bbb691fa9e33862b059131817 Mon Sep 17 00:00:00 2001 From: benjaminJ Date: Tue, 17 Jan 2017 14:25:25 +0100 Subject: [PATCH 01/11] Fix code style issue --- README.md | 2 +- src/extension.ts | 25 +++++----- test/extension.test.ts | 108 ++++++++++++++++++++--------------------- test/index.ts | 16 +++--- 4 files changed, 77 insertions(+), 74 deletions(-) diff --git a/README.md b/README.md index fc778030..64719342 100644 --- a/README.md +++ b/README.md @@ -21,7 +21,7 @@ Calling out known issues can help limit users opening duplicate issues against y ## Release Notes -### Latest 0.1.0 (2017.01.16) +### Latest 0.1.0 (2017.01.17) - First Release - Add support for css hexa colors diff --git a/src/extension.ts b/src/extension.ts index 58794c7e..88924261 100644 --- a/src/extension.ts +++ b/src/extension.ts @@ -28,7 +28,7 @@ export function activate(context: ExtensionContext) { let timeout = null; let editor = window.activeTextEditor; - function triggerUpdateDecorations(/*range*/) { + function triggerUpdateDecorations( /*range*/ ) { if (timeout) { clearTimeout(timeout); } @@ -36,14 +36,15 @@ export function activate(context: ExtensionContext) { timeout = setTimeout(updateDecorations, 500); } - function updateDecorations( /*editor: TextEditor, editedRange: Range*/) { + function updateDecorations( /*editor: TextEditor, editedRange: Range*/ ) { if (!editor) { return; } - let disposed = decorations.filter(decoration => { - decoration.checkDecoration(editor) - return decoration.disposed; + + let disposed = decorations.filter(decoration => { + decoration.checkDecoration(editor); + return decoration.disposed; }); let text = window.activeTextEditor.document.getText(); @@ -56,7 +57,7 @@ export function activate(context: ExtensionContext) { text = text.substr(match.index + match[1].length); let alreadyIn = decorations.find(decoration => decoration.textPosition.start.isEqual(startPos) && decoration.textPosition.end.isEqual(endPos)); if (alreadyIn) { - continue; + continue; } let range = new Range(startPos, endPos); @@ -78,7 +79,7 @@ export function activate(context: ExtensionContext) { workspace.onDidChangeTextDocument(event => { if (editor && event.document === editor.document) { - triggerUpdateDecorations(/*event.contentChanges*/); + triggerUpdateDecorations( /*event.contentChanges*/ ); } }, null, context.subscriptions); } @@ -87,7 +88,7 @@ export function activate(context: ExtensionContext) { function generateDecorator(color: string): TextEditorDecorationType { let textColor = null; let luminance = ColorUtil.luminance(color); - if (luminance < 0.7) { + if (luminance < 0.7) { textColor = '#fff'; } else { textColor = '#000'; @@ -103,7 +104,7 @@ function generateDecorator(color: string): TextEditorDecorationType { } // this method is called when your extension is deactivated -export function deactivate() { } +export function deactivate() {} class ColorDecoration { @@ -120,7 +121,7 @@ class ColorDecoration { this._match = match; } public checkDecoration(editor: TextEditor): void { - let character_after = editor.document.lineAt(this.textPosition.start.line).text.substring(this.textPosition.end.character, this.textPosition.end.character + 1) + let character_after = editor.document.lineAt(this.textPosition.start.line).text.substring(this.textPosition.end.character, this.textPosition.end.character + 1); let text = editor.document.lineAt(this.textPosition.start.line).text.substring(this.textPosition.start.character, this.textPosition.end.character + 1); if (!this._matcher.test(text) || character_after === "") { this._decoration.dispose(); @@ -139,7 +140,9 @@ class ColorDecoration { this._decoration.dispose(); let decoration = generateDecorator(this._match); this._decoration = decoration; - editor.setDecorations(this._decoration, [{ range: this.textPosition }]); + editor.setDecorations(this._decoration, [{ + range: this.textPosition + }]); } public dispose(): void { this._decoration.dispose(); diff --git a/test/extension.test.ts b/test/extension.test.ts index 689e4e27..05ad6b6f 100644 --- a/test/extension.test.ts +++ b/test/extension.test.ts @@ -2,61 +2,61 @@ import { assert } from 'chai'; // You can import and use all API from the 'vscode' module // as well as import your extension to test it -import { HEXA_COLOR } from '../src/color-regex'; +import { HEXA_COLOR } from '../src/color-regex'; import ColorUtil from '../src/color-util'; // Defines a Mocha test suite to group tests of similar kind together - describe("Test CSS hexa shorthand color Regex", () => { - it('Should match color with only integer', function() { - assert.ok('#000'.match(HEXA_COLOR)); - }); - it('Should match color with letters and integers', function() { - assert.ok('#f0a'.match(HEXA_COLOR)); - }); - it('Should match color with only letters', function() { - assert.ok('#fff'.match(HEXA_COLOR)); - }); - it('Regex should not care about the case', function() { - assert.ok('#Abc'.match(HEXA_COLOR)); - }); - it('Should match with different characters at the end', function() { - assert.ok('#Abc'.match(HEXA_COLOR)); - assert.ok('#Abc '.match(HEXA_COLOR)); - assert.ok('#Abc,'.match(HEXA_COLOR)); - assert.ok('#Abc;'.match(HEXA_COLOR)); - assert.ok('#Abc\n'.match(HEXA_COLOR)); - }); - it('Should not match', function() { - assert.notOk('#AbG'.match(HEXA_COLOR)); - assert.notOk('#AbcG'.match(HEXA_COLOR)); - assert.notOk('#Ab'.match(HEXA_COLOR)); - }); - }); - describe("Test CSS hexa color Regex", () => { - it('Should match color with only integer', function() { - assert.ok('#000000'.match(HEXA_COLOR)); - }); - it('Should match color with letters and integers', function() { - assert.ok('#f0f0f0'.match(HEXA_COLOR)); - }); - it('Should match color with only letters', function() { - assert.ok('#ffffff'.match(HEXA_COLOR)); - }); - it('Regex should not care about the case', function() { - assert.ok('#Abc012'.match(HEXA_COLOR)); - }); - it('Should match with different characters at the end', function() { - assert.ok('#ffffff '.match(HEXA_COLOR)); - assert.ok('#ffffff,'.match(HEXA_COLOR)); - assert.ok('#ffffff;'.match(HEXA_COLOR)); - assert.ok('#ffffff\n'.match(HEXA_COLOR)); - }); - it('Should not match', function() { - assert.notOk('#fffffg'.match(HEXA_COLOR)); - assert.notOk('#ffffffg'.match(HEXA_COLOR)); - assert.notOk('#fffff'.match(HEXA_COLOR)); - }); - }); +describe("Test CSS hexa shorthand color Regex", () => { + it('Should match color with only integer', function () { + assert.ok('#000'.match(HEXA_COLOR)); + }); + it('Should match color with letters and integers', function () { + assert.ok('#f0a'.match(HEXA_COLOR)); + }); + it('Should match color with only letters', function () { + assert.ok('#fff'.match(HEXA_COLOR)); + }); + it('Regex should not care about the case', function () { + assert.ok('#Abc'.match(HEXA_COLOR)); + }); + it('Should match with different characters at the end', function () { + assert.ok('#Abc'.match(HEXA_COLOR)); + assert.ok('#Abc '.match(HEXA_COLOR)); + assert.ok('#Abc,'.match(HEXA_COLOR)); + assert.ok('#Abc;'.match(HEXA_COLOR)); + assert.ok('#Abc\n'.match(HEXA_COLOR)); + }); + it('Should not match', function () { + assert.notOk('#AbG'.match(HEXA_COLOR)); + assert.notOk('#AbcG'.match(HEXA_COLOR)); + assert.notOk('#Ab'.match(HEXA_COLOR)); + }); +}); +describe("Test CSS hexa color Regex", () => { + it('Should match color with only integer', function () { + assert.ok('#000000'.match(HEXA_COLOR)); + }); + it('Should match color with letters and integers', function () { + assert.ok('#f0f0f0'.match(HEXA_COLOR)); + }); + it('Should match color with only letters', function () { + assert.ok('#ffffff'.match(HEXA_COLOR)); + }); + it('Regex should not care about the case', function () { + assert.ok('#Abc012'.match(HEXA_COLOR)); + }); + it('Should match with different characters at the end', function () { + assert.ok('#ffffff '.match(HEXA_COLOR)); + assert.ok('#ffffff,'.match(HEXA_COLOR)); + assert.ok('#ffffff;'.match(HEXA_COLOR)); + assert.ok('#ffffff\n'.match(HEXA_COLOR)); + }); + it('Should not match', function () { + assert.notOk('#fffffg'.match(HEXA_COLOR)); + assert.notOk('#ffffffg'.match(HEXA_COLOR)); + assert.notOk('#fffff'.match(HEXA_COLOR)); + }); +}); describe("Test CSS hexa shorthand color Regex", () => { it('Should match color with only integer', function () { assert.ok('#000'.match(HEXA_COLOR)); @@ -120,7 +120,7 @@ describe('Test utility fonction', () => { assert.equal(ColorUtil.luminance('#000'), 0, 'Should be "0" for #000'); assert.equal(ColorUtil.luminance('#000000'), 0, 'Should be "0" for #000000'); - assert.equal(ColorUtil.luminance('#ccc').toFixed(1), 0.6 , 'Should be around "0.6" for #ccc'); - + assert.equal(ColorUtil.luminance('#ccc').toFixed(1), 0.6, 'Should be around "0.6" for #ccc'); + }); }); diff --git a/test/index.ts b/test/index.ts index 931c9cdf..1403e866 100644 --- a/test/index.ts +++ b/test/index.ts @@ -9,14 +9,14 @@ // host can call to run the tests. The test runner is expected to use console.log // to report the results back to the caller. When the tests are finished, return // a possible error to the callback or null if none. - -var testRunner = require('vscode/lib/testrunner'); - + +let testRunner = require('vscode/lib/testrunner'); + // You can directly control Mocha options by uncommenting the following lines // See https://github.com/mochajs/mocha/wiki/Using-mocha-programmatically#set-options for more info -testRunner.configure({ - // ui: 'tdd', // the TDD UI is being used in extension.test.ts (suite, test, etc.) - useColors: true // colored output from test results -}); - +testRunner.configure({ + // ui: 'tdd', // the TDD UI is being used in extension.test.ts (suite, test, etc.) + useColors: true // colored output from test results +}); + module.exports = testRunner; From 24317bd53cd4cb5c36dccdfeecd0c1b5c43074f0 Mon Sep 17 00:00:00 2001 From: "greenkeeper[bot]" Date: Tue, 17 Jan 2017 13:27:18 +0000 Subject: [PATCH 02/11] chore(package): update dependencies https://greenkeeper.io/ --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index ca5818c1..e88c07fc 100644 --- a/package.json +++ b/package.json @@ -56,7 +56,7 @@ "devDependencies": { "@types/chai": "3.4.34", "@types/mocha": "2.2.37", - "@types/node": "6.0.50", + "@types/node": "7.0.0", "chai": "3.5.0", "mocha": "3.2.0", "node-pre-gyp": "0.6.32", From 019b410bb5756b0d355b9bee3c3507a5118d4f7a Mon Sep 17 00:00:00 2001 From: Daniel Imms Date: Tue, 17 Jan 2017 11:31:16 -0800 Subject: [PATCH 03/11] Fix demo.gif in marketplace The VS Code marketplace doesn't like images relative to the repo unfortunately --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 64719342..147d4c5b 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ Colorize will scan your css files looking for colors and generate a background for each of them. The background is generated from the color. -![](assets/demo.gif) +![](https://raw.githubusercontent.com/KamiKillertO/vscode_colorize/master/assets/demo.gif) ## Features From c4aa0e2b837d363a306103b8ce44debb6964c467 Mon Sep 17 00:00:00 2001 From: benjaminJ Date: Wed, 18 Jan 2017 13:30:08 +0100 Subject: [PATCH 04/11] Change publisher name, galleryBanner and keywords orders --- package.json | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) diff --git a/package.json b/package.json index 6cae395b..16ee29e2 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "displayName": "colorize", "description": "A vscode extension to help visualize css colors in files.", "version": "0.1.0", - "publisher": "KamiKillertO", + "publisher": "kamikillerto", "license": "Apache-2.0", "icon": "assets/logo.png", "engines": { @@ -13,18 +13,14 @@ "Other" ], "keywords": [ - "hsl", - "rgb", - "rgba", "color", "css", "hexa", - "sass", - "scss", - "less" + "hsl", + "rgb", + "preprocessor" ], "galleryBanner": { - "color": "#87CEFA", "theme": "dark" }, "activationEvents": [ From 083187947d78f941ecfaeb39a85171580b00743f Mon Sep 17 00:00:00 2001 From: benjaminJ Date: Wed, 18 Jan 2017 13:31:05 +0100 Subject: [PATCH 05/11] Downgrade @types/node --- package.json | 2 +- yarn.lock | 22 ++++++++-------------- 2 files changed, 9 insertions(+), 15 deletions(-) diff --git a/package.json b/package.json index 16ee29e2..e860853a 100644 --- a/package.json +++ b/package.json @@ -52,7 +52,7 @@ "devDependencies": { "@types/chai": "3.4.34", "@types/mocha": "2.2.37", - "@types/node": "7.0.0", + "@types/node": "6.0.60", "chai": "3.5.0", "mocha": "3.2.0", "node-pre-gyp": "0.6.32", diff --git a/yarn.lock b/yarn.lock index 6c03b49e..0245d770 100644 --- a/yarn.lock +++ b/yarn.lock @@ -10,9 +10,9 @@ version "2.2.37" resolved "https://registry.yarnpkg.com/@types/mocha/-/mocha-2.2.37.tgz#8e0d5327ffa0734999c1010967853de917f3a38e" -"@types/node@6.0.50": - version "6.0.50" - resolved "https://registry.yarnpkg.com/@types/node/-/node-6.0.50.tgz#211c61ef6e0c79c466e9755a75d50496aaf94bea" +"@types/node@6.0.60": + version "6.0.60" + resolved "https://registry.yarnpkg.com/@types/node/-/node-6.0.60.tgz#e7e134ebc674ae6ed93c36c767739b110d2c57fc" abbrev@1: version "1.0.9" @@ -730,7 +730,7 @@ glob@3.2.11: inherits "2" minimatch "0.3" -glob@7.0.5, glob@^7.0.5: +glob@7.0.5: version "7.0.5" resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.5.tgz#b4202a69099bbb4d292a7c1b95b6682b67ebdc95" dependencies: @@ -751,7 +751,7 @@ glob@^5.0.15, glob@^5.0.3, glob@~5.0.0: once "^1.3.0" path-is-absolute "^1.0.0" -glob@^7.1.1: +glob@^7.0.5, glob@^7.1.1: version "7.1.1" resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8" dependencies: @@ -1694,8 +1694,8 @@ object-assign@^3.0.0: resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-3.0.0.tgz#9bedd5ca0897949bca47e7ff408062d549f587f2" object-assign@^4.0.0, object-assign@^4.0.1, object-assign@^4.1.0: - version "4.1.0" - resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.0.tgz#7a3b3d0e98063d43f4c03f2e8ae6cd51a86883a0" + version "4.1.1" + resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" object-keys@~0.4.0: version "0.4.0" @@ -1708,13 +1708,7 @@ object.omit@^2.0.0: for-own "^0.1.4" is-extendable "^0.1.1" -once@^1.3.0: - version "1.4.0" - resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1" - dependencies: - wrappy "1" - -once@~1.3.0, once@~1.3.3: +once@^1.3.0, once@~1.3.0, once@~1.3.3: version "1.3.3" resolved "https://registry.yarnpkg.com/once/-/once-1.3.3.tgz#b2e261557ce4c314ec8304f3fa82663e4297ca20" dependencies: From d0ec0525695462cdf2b16b9b52a935f6aceb55a2 Mon Sep 17 00:00:00 2001 From: benjaminJ Date: Wed, 18 Jan 2017 13:32:36 +0100 Subject: [PATCH 06/11] Add a logo less pixelated --- assets/logo.png | Bin 3867 -> 2929 bytes assets/logo.svg | 21 +++++++-------------- 2 files changed, 7 insertions(+), 14 deletions(-) diff --git a/assets/logo.png b/assets/logo.png index 644cde05c0c07cc01421dfd8fb9d560fe82fa213..1c7b129fa7eb082bed15a5ec45803236412fa358 100644 GIT binary patch literal 2929 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 E0i<_v-~a#s literal 3867 zcmds4={pn-7oD+=eK1nLB#}K^2-&w}36V8pE2NY)`P>9`VT7r0N^mbYhd+vBK`{y)8F2! z=V21Ss{i`f9RleU`nJV7mNDq}R4N7o);e2NT(MUqLw9tqM3aK2~zO!5h}On>fVgmMlR6>T z;sEu|`NBIU&WUq~eQZGO@dnSeMdo9P1FOSGR!I4D;8b|fGlrcFEThIzf-!q1m2+@t zD0hEK@2rldIX~Btx|$=waaed76sg&szOjhk^-bbjEU+z#rG@b>^ch_?0J|>Yr#@8y zGOu^`nt`@ggu5u-mOCl=`W%fe5d1tYf_jocp$*+qc32Pt`Zybii%V%XUbBr|R!8I-_-P=)zcn z{G(+wR^grPb7Aj&v6*TYov{KWGAX^#WxRr+f+Lbrw;c`eWa|7PL(Y20{4O1A6dcUi zw4jiKKMi+nnssRMWLsO~KOA|l5F4v>O?h8qgYZIBe!TF??82A3vE3?Mt^*cPr5>DR zWgev;y`C@(4m7X6y|E;CMVAnfVD0$A$jK^yRMvAA9$3|wEvkcRO8K^#$HPayXWWA1 zQ5P7!LH-x3k+#fu~x7Rp%NKa@@e$bnSFf)W+E#8WzV(Oz1;hSCEiSt6P^ps; z9jxNV47I2eCHfc51w`VLL6ae32My|TE3ceWJ*0hPP3~RT%RQ^b#bQY*DbM{XJ7p`g zLWKgC>x5Q&QRQG{r+X( z1fVVk>H0Af4jry`=Q18|A2J7Ja-Sm`Dx@Euu(>Db z`-x|t{^-T5P2bjYY6z?G0xX?rN6fg-M=o8t^}^AtKlS<7cE7~7t&7k#w$w~H&V)qk zmEG?7v_`6~?yKMP4c#q03lUVI$&Vwya90-w@>j~A?Z>rSsV`}tWDOVJT*(b$aQDwEY3JlUMteJ&|kX_q#yT9L$1E321N6eI&)-923`LM$E2)g;->F z2wf)vG4^FHqPoLiklDC(2e0C_03mEHYPN+}M*;y4R8{(`==qb?ItHI`l8NyJ0VKn( zIM+yVTy}%0pYw`&0Xs!zU(3S-6M3n$ROug&W{bmjJ&*+VUX7C&{$*M z!T|H-nOP=2F;iW=&ch0xOOtIF`wHr*F>m{1AtseYr%jmwh&PiSolY3!Xt8peU zcRHATptXP&AJ3U#utEmcIwQXY0~mnrlq?XsnirfJy7p5v7>0c4J@@-bFxU8 za7pyzX%-}Mp*v;WB)qH)fd(D$p1uSnFboD;okf4d70Y>gdMhIivt(Asb&r(eSvDVMS2=4T_oU7C5ESxtf}8$_al>kjbtN^5NDL<)QCL2y<$?62+*tjT$V;; zOh$wYBmB>)r2u!qK-!&2@%qI+SR-g0#?4^+`^O^W(fcR`7XN{bljNvd5;tO3&gUus z1g6K0UWnQ4=ESKf_T}MwQ&!#W(nrHlo(e@p*M=hlipxQIJu3M6l$;!iQRKZJKffxP z)4fi+Efqg~uj~HLHOTVV9=&@$jh6LOU_gk1 zQoP4d!gh{XRMGsd3Tk<6Kdn5us8*O?BwA}IDGQ77Xiky4i{up)EwBUydWHe8YQi)9TRlH{mc#Z^^FnqOUjf6brpZF zNO^HNeue##pyZZT`x#*e7*+NdH- z^8IZ)eC4D``yzImV5YqZ@8F)m5i$UAej0VVFEJ$-P$N2b&#ju932|{*h8isD!Cm_u zC>!Zhq~)tqni~x_*qm~S4cgkZHkpoXz2C(j6M7x7WFWVDL`gd{m)`M#i?H}B1Z_F7 zQWvP9nZ}@LA}+8oOIg*?-=BqU8?Qb)fsHt>bI(~uQ@1vXsaR-=g7`#PW^sKih(37?N>0d$5L!>D)wAp->`Y4yX#NT?A~v3g z#%?Hc)Fe)sL;NB?=%kgA%f?LezL(J-+q%k4TI?00uGiBq6>Qu8C_wSyeDN$198_?M zPRvt2o$AN^PtSK^EDkq+ekbj3=hSHv4$j5P$MhfUYAC;D9Yv}@O)sTv2KcKDnLGcC z*$WpPBli6odV~}P)s#b|4^B(v>JL|%?69(5^owY!TP8d9{pIYYpfVDxubWhUlzH|R zX_vybt+N~O8V+{fo;Jm8-FvVvyA@OM@E3|Zt{_gX^(~^SBD3ShL_b6a# zrn_p!#P!OTD)(?|>&sCM^%4x^T5n?`%`ss@VXm;c_@?k_hgyd9@H4(ocpSc9{@FXZ z!L~CQ)C~*fhbP<#6k9YthEP^Gd^G_31b9k|Nkgj|_a5!}?dU-9R^qdt?f`OWC$~qi z1z$Wn$IxE(`Ty3k0wISlFay;m@xl&cXDNT9z*!?bKBrPxN7F7fsA-$B?i)l`F%5rS z6O{s(Ftd#>PeuqMB;7JYOt^KlY|F6^801B(cg-c~2KoozXC(p3V{PUo4FN~?xf530 zUGFi2>SZ9ItJ2nvQgk^ywqYM3z@LviOiT>{);&_&?}ZVO)n?w6AXgLnUq~y4^t4P# t89tyH%cpkhB*1Rn&9bup!)536Mdf=wfzRWG|At-fF1w< diff --git a/assets/logo.svg b/assets/logo.svg index cf9c417a..60d64762 100644 --- a/assets/logo.svg +++ b/assets/logo.svg @@ -1,18 +1,11 @@ - + - - - - - - - - - - - - #colorize - \ No newline at end of file + + + + + #colorize + From a85130e523a03aa368acc5961ab88e78e2a4ae5e Mon Sep 17 00:00:00 2001 From: benjaminJ Date: Wed, 18 Jan 2017 13:33:13 +0100 Subject: [PATCH 07/11] Add roadmap and badge in readme --- README.md | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 147d4c5b..0dafdc40 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# Colorize README +# Colorize Colorize will scan your css files looking for colors and generate a background for each of them. The background is generated from the color. @@ -30,8 +30,19 @@ See [CHANGELOG](CHANGELOG.md) for more information. ## Roadmap -These depend on the feedback and user requests. +- [x] Generate background for hexa colors +- [ ] Generate background for rgb colors +- [ ] Generate background for rgba colors +- [ ] Generate background for hsl colors +- [ ] Generate background for hsla colors +- [ ] Generate background for Predefined/Cross-browser colors +- [ ] Generate background for preprocessor variables ## Contributing Bugs, feature requests and more, in [GitHub Issues](https://github.com/KamiKillertO/vscode_colorize/issues). + +[![codebeat badge](https://codebeat.co/badges/71c89f96-3953-49b5-a5ae-8f40ad1359fd)](https://codebeat.co/projects/github-com-kamikillerto-vscode_colorize) +[![Build Status](https://travis-ci.org/KamiKillertO/vscode_colorize.svg?branch=master)](https://travis-ci.org/KamiKillertO/vscode_colorize) +[![Build status](https://ci.appveyor.com/api/projects/status/errygb6n97kiq75a?svg=true)](https://ci.appveyor.com/project/KamiKillertO/vscode-colorize) + From 997da3cac4b2e3db685e520868ab7f2b36f7514c Mon Sep 17 00:00:00 2001 From: benjaminJ Date: Wed, 18 Jan 2017 13:42:40 +0100 Subject: [PATCH 08/11] Fix repository link --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index e860853a..4bce74a7 100644 --- a/package.json +++ b/package.json @@ -39,7 +39,7 @@ "homepage": "https://github.com/KamiKillertO/vscode_colorize", "repository": { "type": "git", - "url": "https://github.com/KamiKillertO/vscode_colorize.git" + "url": "https://github.com/KamiKillertO/vscode_colorize" }, "scripts": { "vscode:prepublish": "tsc -p ./", From e0840a5704060067235930a9a6814b0c3f298df4 Mon Sep 17 00:00:00 2001 From: benjaminJ Date: Wed, 18 Jan 2017 18:22:22 +0100 Subject: [PATCH 09/11] Update readme --- README.md | 24 +++++++++++------------- 1 file changed, 11 insertions(+), 13 deletions(-) diff --git a/README.md b/README.md index 0dafdc40..0cc0a67e 100644 --- a/README.md +++ b/README.md @@ -1,19 +1,20 @@ # Colorize -Colorize will scan your css files looking for colors and generate a background for each of them. +[![codebeat badge](https://codebeat.co/badges/71c89f96-3953-49b5-a5ae-8f40ad1359fd)](https://codebeat.co/projects/github-com-kamikillerto-vscode_colorize) +[![Build Status](https://travis-ci.org/KamiKillertO/vscode_colorize.svg?branch=master)](https://travis-ci.org/KamiKillertO/vscode_colorize) +[![Build status](https://ci.appveyor.com/api/projects/status/errygb6n97kiq75a?svg=true)](https://ci.appveyor.com/project/KamiKillertO/vscode-colorize) + +Instantly visualize your css colors + +This extension scan your css files looking for colors and generate a colored background for each of them. The background is generated from the color. ![](https://raw.githubusercontent.com/KamiKillertO/vscode_colorize/master/assets/demo.gif) ## Features -Generate background for css hexa color - - +- Generate colored background for css hexa color +- Update the background when the color is updated ## Known Issues @@ -25,12 +26,14 @@ Calling out known issues can help limit users opening duplicate issues against y - First Release - Add support for css hexa colors +- Background update on color update See [CHANGELOG](CHANGELOG.md) for more information. ## Roadmap - [x] Generate background for hexa colors +- [x] Update background on color updates - [ ] Generate background for rgb colors - [ ] Generate background for rgba colors - [ ] Generate background for hsl colors @@ -41,8 +44,3 @@ See [CHANGELOG](CHANGELOG.md) for more information. ## Contributing Bugs, feature requests and more, in [GitHub Issues](https://github.com/KamiKillertO/vscode_colorize/issues). - -[![codebeat badge](https://codebeat.co/badges/71c89f96-3953-49b5-a5ae-8f40ad1359fd)](https://codebeat.co/projects/github-com-kamikillerto-vscode_colorize) -[![Build Status](https://travis-ci.org/KamiKillertO/vscode_colorize.svg?branch=master)](https://travis-ci.org/KamiKillertO/vscode_colorize) -[![Build status](https://ci.appveyor.com/api/projects/status/errygb6n97kiq75a?svg=true)](https://ci.appveyor.com/project/KamiKillertO/vscode-colorize) - From c6bdbff296416a67f6c36bf3b8128b603f178ca1 Mon Sep 17 00:00:00 2001 From: benjaminJ Date: Wed, 18 Jan 2017 18:34:11 +0100 Subject: [PATCH 10/11] Readme update --- README.md | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 0cc0a67e..80b08dcc 100644 --- a/README.md +++ b/README.md @@ -3,6 +3,8 @@ [![codebeat badge](https://codebeat.co/badges/71c89f96-3953-49b5-a5ae-8f40ad1359fd)](https://codebeat.co/projects/github-com-kamikillerto-vscode_colorize) [![Build Status](https://travis-ci.org/KamiKillertO/vscode_colorize.svg?branch=master)](https://travis-ci.org/KamiKillertO/vscode_colorize) [![Build status](https://ci.appveyor.com/api/projects/status/errygb6n97kiq75a?svg=true)](https://ci.appveyor.com/project/KamiKillertO/vscode-colorize) +[![Licence](https://img.shields.io/github/license/KamiKillertO/vscode_colorize.svg)](https://github.com/KamiKillertO/vscode_colorize) +![VS Code Marketplace](http://vsmarketplacebadge.apphb.com/version-short/kamikillerto.vscode-colorize.svg) Instantly visualize your css colors @@ -22,7 +24,12 @@ Calling out known issues can help limit users opening duplicate issues against y ## Release Notes -### Latest 0.1.0 (2017.01.17) +## Latest 0.1.1 (2017.01.18) + +- README update +- Update logo + +### 0.1.0 (2017.01.17) - First Release - Add support for css hexa colors From e7f8de5a06f697415345864e477b63996bb3a8df Mon Sep 17 00:00:00 2001 From: benjaminJ Date: Wed, 18 Jan 2017 18:34:32 +0100 Subject: [PATCH 11/11] Version bump --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 4bce74a7..d6e644e9 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "vscode-colorize", "displayName": "colorize", "description": "A vscode extension to help visualize css colors in files.", - "version": "0.1.0", + "version": "0.1.1", "publisher": "kamikillerto", "license": "Apache-2.0", "icon": "assets/logo.png",