ace-colorpicker-rpk 0.0.12

package/src/util/functions/parser.js

@@ -0,0 +1,294 @@
+import ColorNames from '../ColorNames'
+
+import { RGBtoHSL } from './fromRGB'
+import { HSLtoRGB } from './fromHSL'
+import { round } from './math';
+
+const color_regexp = /(#(?:[\da-f]{8})|#(?:[\da-f]{3}){1,2}|rgb\((?:\s*\d{1,3},\s*){2}\d{1,3}\s*\)|rgba\((?:\s*\d{1,3},\s*){3}\d*\.?\d+\s*\)|hsl\(\s*\d{1,3}(?:,\s*\d{1,3}%){2}\s*\)|hsla\(\s*\d{1,3}(?:,\s*\d{1,3}%){2},\s*\d*\.?\d+\s*\)|([\w_\-]+))/gi;
+const color_split = ','
+
+export function matches (str) {
+    const matches = str.match(color_regexp);
+    let result = [];
+
+    if (!matches) {
+        return result;
+    }
+
+    for (var i = 0, len = matches.length; i < len; i++) {
+
+        if (matches[i].indexOf('#') > -1 || matches[i].indexOf('rgb') > -1 || matches[i].indexOf('hsl') > -1) {
+            result.push({ color: matches[i] });
+        } else {
+            var nameColor = ColorNames.getColorByName(matches[i]);
+
+            if (nameColor) {
+                result.push({ color: matches[i], nameColor: nameColor });
+            }
+        }
+    }
+
+    var pos = { next: 0 }
+    result.forEach(item => {
+        const startIndex = str.indexOf(item.color, pos.next);
+
+        item.startIndex = startIndex;
+        item.endIndex = startIndex + item.color.length;
+
+        pos.next = item.endIndex;
+    });
+
+    return result;
+}
+
+export function convertMatches (str) {
+    const m = matches(str); 
+
+    m.forEach((it, index) => {
+        str = str.replace(it.color, '@' + index)
+    })
+
+    return { str, matches: m }
+}
+
+
+export function convertMatchesArray (str, splitStr = ',') {
+    const ret = convertMatches(str);
+    return ret.str.split(splitStr).map((it, index) => {
+        it = trim(it);
+
+        if (ret.matches[index]) {
+            it = it.replace('@' + index, ret.matches[index].color)
+        }
+
+        return it 
+    })
+}
+
+export function reverseMatches (str, matches) {
+    matches.forEach((it, index) => {
+        str = str.replace('@' + index, it.color)
+    })
+
+    return str;
+}
+
+export function trim (str) {
+    return str.replace(/^\s+|\s+$/g, '');
+}
+
+/**
+ * @method rgb
+ *
+ * parse string to rgb color
+ *
+ * 		color.parse("#FF0000") === { r : 255, g : 0, b : 0 }
+ *
+ * 		color.parse("rgb(255, 0, 0)") == { r : 255, g : 0, b :0 }
+ * 		color.parse(0xff0000) == { r : 255, g : 0, b : 0 }
+ * 		color.parse(0xff000000) == { r : 255, g : 0, b : 0, a: 0 }
+ *
+ * @param {String} str color string
+ * @returns {Object}  rgb object
+ */
+export function parse(str) {
+    if (typeof str == 'string') {
+
+        if (ColorNames.isColorName(str)) {
+            str = ColorNames.getColorByName(str);
+        }
+
+        if (str.indexOf("rgb(") > -1) {
+            var arr = str.replace("rgb(", "").replace(")", "").split(",");
+
+            for (var i = 0, len = arr.length; i < len; i++) {
+                arr[i] = parseInt(trim(arr[i]), 10);
+            }
+
+            var obj = { type: 'rgb', r: arr[0], g: arr[1], b: arr[2], a: 1 };
+
+            obj = Object.assign(obj, RGBtoHSL(obj));
+
+            return obj;
+        } else if (str.indexOf("rgba(") > -1) {
+            var arr = str.replace("rgba(", "").replace(")", "").split(",");
+
+            for (var i = 0, len = arr.length; i < len; i++) {
+
+                if (len - 1 == i) {
+                    arr[i] = parseFloat(trim(arr[i]));
+                } else {
+                    arr[i] = parseInt(trim(arr[i]), 10);
+                }
+            }
+
+            var obj = { type: 'rgb', r: arr[0], g: arr[1], b: arr[2], a: arr[3] };
+
+            obj = Object.assign(obj, RGBtoHSL(obj));
+
+            return obj;
+
+        } else if (str.indexOf("hsl(") > -1) {
+            var arr = str.replace("hsl(", "").replace(")", "").split(",");
+
+            for (var i = 0, len = arr.length; i < len; i++) {
+                arr[i] = parseFloat(trim(arr[i]));
+            }
+
+            var obj = { type: 'hsl', h: arr[0], s: arr[1], l: arr[2], a: 1 };
+
+            obj = Object.assign(obj, HSLtoRGB(obj));
+
+            return obj;
+        } else if (str.indexOf("hsla(") > -1) {
+            var arr = str.replace("hsla(", "").replace(")", "").split(",");
+
+            for (var i = 0, len = arr.length; i < len; i++) {
+
+                if (len - 1 == i) {
+                    arr[i] = parseFloat(trim(arr[i]));
+                } else {
+                    arr[i] = parseInt(trim(arr[i]), 10);
+                }
+            }
+
+            var obj = { type: 'hsl', h: arr[0], s: arr[1], l: arr[2], a: arr[3] };
+
+            obj = Object.assign(obj, HSLtoRGB(obj));
+
+            return obj;
+        } else if (str.indexOf("#") == 0) {
+
+            str = str.replace("#", "");
+
+            var arr = [];
+            var a = 1; 
+            if (str.length == 3) {
+                for (var i = 0, len = str.length; i < len; i++) {
+                    var char = str.substr(i, 1);
+                    arr.push(parseInt(char + char, 16));
+                }
+            } else if (str.length === 8) {
+                for (var i = 0, len = str.length; i < len; i += 2) {
+                    arr.push(parseInt(str.substr(i, 2), 16));
+                }
+
+                a = arr.pop() / 255
+            } else {
+                for (var i = 0, len = str.length; i < len; i += 2) {
+                    arr.push(parseInt(str.substr(i, 2), 16));
+                }
+            }
+
+            var obj = { type: 'hex', r: arr[0], g: arr[1], b: arr[2], a };
+
+            obj = Object.assign(obj, RGBtoHSL(obj));
+
+            return obj;
+        }
+    } else if (typeof str == 'number') {
+        if (0x000000 <= str && str <= 0xffffff) {
+            const r = (str & 0xff0000) >> 16;
+            const g = (str & 0x00ff00) >> 8;
+            const b = (str & 0x0000ff) >> 0;
+
+            var obj = { type: 'hex', r, g, b, a: 1 };
+            obj = Object.assign(obj, RGBtoHSL(obj));
+            return obj;
+        } else if (0x00000000 <= str && str <= 0xffffffff) {
+            const r = (str & 0xff000000) >> 24;
+            const g = (str & 0x00ff0000) >> 16;
+            const b = (str & 0x0000ff00) >> 8;
+            const a = (str & 0x000000ff) / 255;
+
+            var obj = { type: 'hex', r, g, b, a };
+            obj = Object.assign(obj, RGBtoHSL(obj));
+            
+            return obj;
+        }
+    }
+
+    return str;
+
+}
+
+
+export function parseGradient (colors) {
+    if (typeof colors == 'string') {
+        colors = convertMatchesArray(colors);
+    }
+
+    colors = colors.map(it => {
+        if (typeof it == 'string') {
+            const ret = convertMatches(it)
+            let arr = trim(ret.str).split(' ');
+
+            if (arr[1]) {
+                if (arr[1].includes('%')) {
+                    arr[1] = parseFloat(arr[1].replace(/%/, ''))/100
+                } else {
+                    arr[1] = parseFloat(arr[1])
+                }
+
+            } else {
+                arr[1] = '*'
+            }
+
+            arr[0] = reverseMatches(arr[0], ret.matches)
+
+            return arr;
+        } else if (Array.isArray(it)) {
+
+            if (!it[1]) {
+                it[1] = '*'
+            } else if (typeof it[1] == 'string') {
+                if (it[1].includes('%')) {
+                    it[1] = parseFloat(it[1].replace(/%/, ''))/100
+                } else {
+                    it[1] = +it[1]
+                }
+            }
+
+            return [...it]; 
+        }
+    })
+
+    const count = colors.filter(it => {
+        return it[1] === '*'
+    }).length
+
+    if (count > 0) {
+        const sum = colors.filter(it => {
+            return it[1] != '*' && it[1] != 1
+        }).map(it => it[1]).reduce((total, cur) => {
+            return total + cur
+        } , 0)
+        
+        const dist = (1 - sum) / count  
+        colors.forEach((it, index) => {
+            if (it[1] == '*' && index > 0) {
+                if (colors.length - 1 == index) {
+                    // it[1] = 1 
+                } else {
+                    it[1] = dist 
+                }
+            }
+        })
+
+    }
+
+    return colors; 
+}
+
+
+export default {
+    matches,
+    convertMatches,
+    convertMatchesArray,
+    reverseMatches,
+    parse,
+    parseGradient,
+    trim,
+    color_regexp,
+    color_split
+} 

package/src/util/gl/filter/index.js

@@ -0,0 +1,9 @@
+import matrix from './matrix/index'
+import pixel from './pixel/index'
+import multi from './multi/index'
+
+export default {
+    ...matrix,
+    ...pixel,
+    ...multi
+}

package/src/util/gl/filter/matrix/blur.js

@@ -0,0 +1,9 @@
+import { convolution } from '../util'
+
+export default function () {
+    return convolution([
+        1, 1, 1,
+        1, 1, 1,
+        1, 1, 1
+    ])
+} 

package/src/util/gl/filter/matrix/emboss.js

@@ -0,0 +1,17 @@
+import {
+    parseParamNumber,
+    convolution
+} from '../util'
+/*
+ * carve, mold, or stamp a design on (a surface) so that it stands out in relief.
+ * 
+ * @param {Number} amount   0.0 .. 4.0 
+ */
+export default function emboss (amount = 4) {
+    amount = parseParamNumber(amount)    
+    return convolution([
+        amount * (-2.0), -amount, 0.0,
+        -amount, 1.0, amount,
+        0.0, amount, amount * 2.0,
+    ]);
+}

package/src/util/gl/filter/matrix/gaussian-blur-5x.js

@@ -0,0 +1,15 @@
+import {
+    parseParamNumber,
+    convolution,
+    weight
+} from '../util'
+
+export default function gaussianBlur5x () {
+    return convolution([
+        1, 4, 6, 4, 1,
+        4, 16, 24, 16, 4,
+        6, 24, 36, 24, 6,
+        4, 16, 24, 16, 4,
+        1, 4, 6, 4, 1
+    ]);
+}

package/src/util/gl/filter/matrix/gaussian-blur.js

@@ -0,0 +1,19 @@
+import {
+    parseParamNumber,
+    convolution,
+    weight
+} from '../util'
+
+/**
+ * 
+ * @param {Number} amount 0..1
+ */
+export default function gaussianBlur (amount = 1) {
+    const C = parseParamNumber(amount) * (1/16) 
+
+    return convolution(weight([
+        1, 2, 1,
+        2, 4, 2,
+        1, 2, 1
+    ], C ));
+}

package/src/util/gl/filter/matrix/grayscale2.js

@@ -0,0 +1,13 @@
+import {
+    convolution
+} from '../util'
+
+export default function grayscale2 () {
+    return convolution([
+        0.3, 0.3, 0.3, 0, 0,
+        0.59, 0.59, 0.59, 0, 0,
+        0.11, 0.11, 0.11, 0, 0,
+        0, 0, 0, 0, 0,
+        0, 0, 0, 0, 0
+    ]);
+}

package/src/util/gl/filter/matrix/index.js

@@ -0,0 +1,55 @@
+import blur from './blur'
+import normal from './normal'
+import emboss from './emboss'
+import gaussianBlur from './gaussian-blur'
+import gaussianBlur5x from './gaussian-blur-5x'
+import grayscale2 from './grayscale2'
+import kirschHorizontal from './kirsch-horizontal'
+import kirschVertical from './kirsch-vertical'
+import laplacian from './laplacian'
+import laplacian5x from './laplacian-5x'
+import motionBlur from './motion-blur'
+import motionBlur2 from './motion-blur-2'
+import motionBlur3 from './motion-blur-3'
+import negative from './negative'
+import sepia2 from './sepia2'
+import sharpen from './sharpen'
+import sobelHorizontal from './sobel-horizontal'
+import sobelVertical from './sobel-vertical'
+import transparency from './transparency'
+import unsharpMasking from './unsharp-masking'
+
+
+export default {
+     blur,
+     normal,
+     emboss,
+     gaussianBlur,
+     'gaussian-blur': gaussianBlur,
+     gaussianBlur5x,
+     'gaussian-blur-5x': gaussianBlur5x,
+     grayscale2,
+     kirschHorizontal,
+     'kirsch-horizontal': kirschHorizontal,
+     kirschVertical,
+     'kirsch-vertical': kirschVertical,
+     laplacian,
+     laplacian5x,
+     'laplacian-5x': laplacian5x,
+     motionBlur,
+     'motion-blur': motionBlur,
+     motionBlur2,
+     'motion-blur-2': motionBlur2,
+     motionBlur3,
+     'motion-blur-3': motionBlur3,
+     negative,
+     sepia2,
+     sharpen,
+     sobelHorizontal,
+     'sobel-horizontal': sobelHorizontal,
+     sobelVertical,
+     'sobel-vertical': sobelVertical,
+     transparency,
+     unsharpMasking,
+     'unsharp-masking': unsharpMasking
+}

package/src/util/gl/filter/matrix/kirsch-horizontal.js

@@ -0,0 +1,11 @@
+import {
+    convolution
+} from '../util'
+
+export default function kirschHorizontal () {
+    return convolution([
+        5, 5, 5,
+        -3, 0, -3,
+        -3, -3, -3
+    ]);
+} 

package/src/util/gl/filter/matrix/kirsch-vertical.js

@@ -0,0 +1,11 @@
+import {
+    convolution
+} from '../util'
+
+export default function kirschVertical () {
+    return convolution([
+        5, -3, -3,
+        5, 0, -3,
+        5, -3, -3
+    ]);
+}

package/src/util/gl/filter/matrix/laplacian-5x.js

@@ -0,0 +1,13 @@
+import {
+    convolution
+} from '../util'
+
+export default function laplacian5x () {
+    return convolution([
+        -1, -1, -1, -1, -1,
+        -1, -1, -1, -1, -1,
+        -1, -1, 24, -1, -1,
+        -1, -1, -1, -1, -1,
+        -1, -1, -1, -1, -1
+    ]);
+}

package/src/util/gl/filter/matrix/laplacian.js

@@ -0,0 +1,11 @@
+import {
+    convolution
+} from '../util'
+
+export default function laplacian () {
+    return convolution([
+        -1, -1, -1,
+        -1, 8, -1,
+        -1, -1, -1
+    ]);
+}

package/src/util/gl/filter/matrix/motion-blur-2.js

@@ -0,0 +1,17 @@
+import {
+    convolution
+} from '../util'
+
+export default function motionBlur2 () {
+    return convolution([
+        1, 0, 0, 0, 0, 0, 0, 0, 1,
+        0, 1, 0, 0, 0, 0, 0, 1, 0,
+        0, 0, 1, 0, 0, 0, 1, 0, 0,
+        0, 0, 0, 1, 0, 1, 0, 0, 0,
+        0, 0, 0, 0, 1, 0, 0, 0, 0,
+        0, 0, 0, 1, 0, 1, 0, 0, 0,
+        0, 0, 1, 0, 0, 0, 1, 0, 0,
+        0, 1, 0, 0, 0, 0, 0, 1, 0,
+        1, 0, 0, 0, 0, 0, 0, 0, 1,
+    ]);
+}

package/src/util/gl/filter/matrix/motion-blur-3.js

@@ -0,0 +1,17 @@
+import {
+    convolution
+} from '../util'
+
+export default function motionBlur3 () {
+    return convolution([
+        1, 0, 0, 0, 1, 0, 0, 0, 1,
+        0, 1, 0, 0, 1, 0, 0, 1, 0,
+        0, 0, 1, 0, 1, 0, 1, 0, 0,
+        0, 0, 0, 1, 1, 1, 0, 0, 0,
+        1, 1, 1, 1, 1, 1, 1, 1, 1,
+        0, 0, 0, 1, 1, 1, 0, 0, 0,
+        0, 0, 1, 0, 1, 0, 1, 0, 0,
+        0, 1, 0, 0, 1, 0, 0, 1, 0,
+        1, 0, 0, 0, 1, 0, 0, 0, 1,
+    ]);
+}

package/src/util/gl/filter/matrix/motion-blur.js

@@ -0,0 +1,17 @@
+import {
+    convolution
+} from '../util'
+
+export default function motionBlur () {
+    return convolution([
+        1, 0, 0, 0, 0, 0, 0, 0, 0,
+        0, 1, 0, 0, 0, 0, 0, 0, 0,
+        0, 0, 1, 0, 0, 0, 0, 0, 0,
+        0, 0, 0, 1, 0, 0, 0, 0, 0,
+        0, 0, 0, 0, 1, 0, 0, 0, 0,
+        0, 0, 0, 0, 0, 1, 0, 0, 0,
+        0, 0, 0, 0, 0, 0, 1, 0, 0,
+        0, 0, 0, 0, 0, 0, 0, 1, 0,
+        0, 0, 0, 0, 0, 0, 0, 0, 1,
+    ]);
+}

package/src/util/gl/filter/matrix/negative.js

@@ -0,0 +1,13 @@
+import {
+    convolution
+} from '../util'
+
+export default function negative () {
+    return convolution([
+        -1, 0, 0, 0, 0,
+        0, -1, 0, 0, 0,
+        0, 0, -1, 0, 0,
+        0, 0, 0, 1, 0,
+        1, 1, 1, 1, 1
+    ]);
+}

package/src/util/gl/filter/matrix/normal.js

@@ -0,0 +1,8 @@
+import { convolution } from '../util'
+export default function () {
+    return convolution([
+        0, 0, 0,
+        0, 1, 0, 
+        0, 0, 0
+    ])
+}

package/src/util/gl/filter/matrix/sepia2.js

@@ -0,0 +1,13 @@
+import {
+    convolution
+} from '../util'
+
+export default function sepia2 () {
+    return convolution([
+        0.393, 0.349, 0.272, 0, 0,
+        0.769, 0.686, 0.534, 0, 0,
+        0.189, 0.168, 0.131, 0, 0,
+        0, 0, 0, 0, 0,
+        0, 0, 0, 0, 0
+    ]);
+}

package/src/util/gl/filter/matrix/sharpen.js

@@ -0,0 +1,11 @@
+import {
+    convolution
+} from '../util'
+
+export default function sharpen () {
+    return convolution([
+        0, -1, 0,
+        -1, 5, -1,
+        0, -1, 0
+    ]);
+}

package/src/util/gl/filter/matrix/sobel-horizontal.js

@@ -0,0 +1,11 @@
+import {
+    convolution
+} from '../util'
+
+export default function sobelHorizontal () {
+    return convolution([
+        -1, -2, -1,
+        0, 0, 0,
+        1, 2, 1
+    ]);
+}

package/src/util/gl/filter/matrix/sobel-vertical.js

@@ -0,0 +1,11 @@
+import {
+    convolution
+} from '../util'
+
+export default function sobelVertical () {
+    return convolution([
+        -1, 0, 1,
+        -2, 0, 2,
+        -1, 0, 1
+    ]);
+}

package/src/util/gl/filter/matrix/transparency.js

@@ -0,0 +1,13 @@
+import {
+    convolution
+} from '../util'
+
+export default function transparency () {
+    return convolution([
+        1, 0, 0, 0, 0,
+        0, 1, 0, 0, 0,
+        0, 0, 1, 0, 0,
+        0, 0, 0, 0.3, 0,
+        0, 0, 0, 0, 1,
+    ]);
+}

package/src/util/gl/filter/matrix/unsharp-masking.js

@@ -0,0 +1,14 @@
+import {
+    convolution,
+    weight
+} from '../util'
+
+export default function unsharpMasking () {
+    return convolution(weight([
+        1, 4, 6, 4, 1,
+        4, 16, 24, 16, 4,
+        6, 24, -476, 24, 6,
+        4, 16, 24, 16, 4,
+        1, 4, 6, 4, 1
+    ], -1 / 256));
+}

package/src/util/gl/filter/multi/index.js

@@ -0,0 +1,9 @@
+import kirsch from './kirsch'
+import sobel from './sobel'
+import vintage from './vintage'
+
+export default {
+    kirsch,
+    sobel,
+    vintage
+} 

package/src/util/gl/filter/multi/kirsch.js

@@ -0,0 +1,7 @@
+import {
+    multi
+} from '../util'
+
+export default function kirsch () {
+    return multi('kirsch-horizontal kirsch-vertical');
+}

package/src/util/gl/filter/multi/sobel.js

@@ -0,0 +1,7 @@
+import {
+    multi
+} from '../util'
+
+export default function sobel () {
+    return multi('sobel-horizontal sobel-vertical');
+}

package/src/util/gl/filter/multi/vintage.js

@@ -0,0 +1,7 @@
+import {
+    multi
+} from '../util'
+
+export default function vintage () {
+    return multi(`brightness(0.15) saturation(-0.2) gamma(1.8)`)
+}