} array of arrays containing the items of the original array
21 | */
22 | chunk : function (array, chunksCount) {
23 | var chunks = [];
24 |
25 | // We cannot have more chunks than array items.
26 | chunksCount = Math.min(chunksCount, array.length);
27 |
28 | // chunksCount should be at least 1
29 | chunksCount = Math.max(1, chunksCount);
30 |
31 | var step = Math.round(array.length / chunksCount);
32 | for (var i = 0 ; i < chunksCount ; i++) {
33 | var isLast = i == chunksCount - 1;
34 | var end = isLast ? array.length : (i + 1) * step;
35 | chunks.push(array.slice(i * step, end));
36 | }
37 | return chunks;
38 | }
39 | };
40 |
41 | })();
42 |
--------------------------------------------------------------------------------
/src/js/utils/BlobUtils.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils');
3 |
4 | var BASE64_REGEX = /\s*;\s*base64\s*(?:;|$)/i;
5 |
6 | ns.BlobUtils = {
7 | dataToBlob : function(dataURI, type, callback) {
8 | var headerEnd = dataURI.indexOf(',');
9 | var data = dataURI.substring(headerEnd + 1);
10 | var isBase64 = BASE64_REGEX.test(dataURI.substring(0, headerEnd));
11 | var blob;
12 |
13 | if (Blob.fake) {
14 | // no reason to decode a data: URI that's just going to become a data URI again
15 | blob = new Blob();
16 | blob.encoding = isBase64 ? 'base64' : 'URI';
17 | blob.data = data;
18 | blob.size = data.length;
19 | } else if (Uint8Array) {
20 | var blobData = isBase64 ? pskl.utils.Base64.decode(data) : decodeURIComponent(data);
21 | blob = new Blob([blobData], {type: type});
22 | }
23 | callback(blob);
24 | },
25 |
26 | canvasToBlob : function (canvas, callback, type /*, ...args*/) {
27 | type = type || 'image/png';
28 |
29 | if (canvas.mozGetAsFile) {
30 | callback(canvas.mozGetAsFile('canvas', type));
31 | } else {
32 | var args = Array.prototype.slice.call(arguments, 2);
33 | var dataURI = canvas.toDataURL.apply(canvas, args);
34 | pskl.utils.BlobUtils.dataToBlob(dataURI, type, callback);
35 | }
36 | },
37 |
38 | stringToBlob : function (string, callback, type) {
39 | type = type || 'text/plain';
40 | pskl.utils.BlobUtils.dataToBlob('data:' + type + ',' + string, type, callback);
41 | }
42 | };
43 | })();
44 |
--------------------------------------------------------------------------------
/src/js/utils/ColorUtils.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils');
3 |
4 | ns.ColorUtils = {
5 | getUnusedColor : function (usedColors) {
6 | usedColors = usedColors || [];
7 | // create check map
8 | var colorMap = {};
9 | usedColors.forEach(function (color) {
10 | colorMap[color.toUpperCase()] = true;
11 | });
12 |
13 | // start with white
14 | var color = {
15 | r : 255,
16 | g : 255,
17 | b : 0
18 | };
19 | var match = null;
20 | while (true) {
21 | var hex = window.tinycolor(color).toHexString().toUpperCase();
22 |
23 | if (!colorMap[hex]) {
24 | match = hex;
25 | break;
26 | } else {
27 | // pick a non null component to decrease its value
28 | var component = (color.r && 'r') || (color.g && 'g') || (color.b && 'b');
29 | if (component) {
30 | color[component] = color[component] - 1;
31 | } else {
32 | // no component available, no match found
33 | break;
34 | }
35 | }
36 | }
37 |
38 | return match;
39 | }
40 | };
41 | })();
42 |
--------------------------------------------------------------------------------
/src/js/utils/DateUtils.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils');
3 |
4 | var pad = function (num) {
5 | if (num < 10) {
6 | return '0' + num;
7 | } else {
8 | return '' + num;
9 | }
10 | };
11 |
12 | ns.DateUtils = {
13 | format : function (date, format) {
14 | date = new Date(date);
15 | return pskl.utils.Template.replace(format, {
16 | Y : date.getFullYear(),
17 | M : pad(date.getMonth() + 1),
18 | D : pad(date.getDate()),
19 | H : pad(date.getHours()),
20 | m : pad(date.getMinutes()),
21 | s : pad(date.getSeconds())
22 | });
23 | }
24 | };
25 | })();
26 |
--------------------------------------------------------------------------------
/src/js/utils/Dom.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils');
3 |
4 | ns.Dom = {
5 | /**
6 | * Check if a given HTML element is nested inside another
7 | * @param {HTMLElement} node Element to test
8 | * @param {HTMLElement} parent Potential Ancestor for node
9 | * @param {Boolean} excludeParent set to true if the parent should be excluded from potential matches
10 | * @return {Boolean} true if parent was found amongst the parentNode chain of node
11 | */
12 | isParent : function (node, parent, excludeParent) {
13 | if (node && parent) {
14 |
15 | if (excludeParent) {
16 | node = node.parentNode;
17 | }
18 |
19 | while (node) {
20 | if (node === parent) {
21 | return true;
22 | }
23 | node = node.parentNode;
24 | }
25 | }
26 | return false;
27 | },
28 |
29 | getParentWithData : function (node, dataName) {
30 | while (node) {
31 | if (node.dataset && typeof node.dataset[dataName] !== 'undefined') {
32 | return node;
33 | }
34 | node = node.parentNode;
35 | }
36 | return null;
37 | },
38 |
39 | getData : function (node, dataName) {
40 | var parent = ns.Dom.getParentWithData(node, dataName);
41 | if (parent !== null) {
42 | return parent.dataset[dataName];
43 | }
44 | },
45 |
46 | removeClass : function (className, container) {
47 | container = container || document;
48 | var elements = container.querySelectorAll('.' + className);
49 | for (var i = 0 ; i < elements.length ; i++) {
50 | elements[i].classList.remove(className);
51 | }
52 | }
53 | };
54 | })();
55 |
--------------------------------------------------------------------------------
/src/js/utils/Environment.js:
--------------------------------------------------------------------------------
1 | /**
2 | * detection method from:
3 | * http://videlais.com/2014/08/23/lessons-learned-from-detecting-node-webkit/
4 | */
5 |
6 | (function () {
7 |
8 | var ns = $.namespace('pskl.utils');
9 |
10 | ns.Environment = {
11 | detectNodeWebkit : function () {
12 | var isNode = (typeof window.process !== 'undefined' && typeof window.require !== 'undefined');
13 | var isNodeWebkit = false;
14 | if (isNode) {
15 | try {
16 | isNodeWebkit = (typeof window.require('nw.gui') !== 'undefined');
17 | } catch (e) {
18 | isNodeWebkit = false;
19 | }
20 | }
21 | return isNodeWebkit;
22 | },
23 |
24 | isIntegrationTest : function () {
25 | return window.location.href.indexOf('integration-test') !== -1;
26 | },
27 |
28 | isDebug : function () {
29 | return window.location.href.indexOf('debug') !== -1;
30 | },
31 |
32 | isHttps : function () {
33 | return window.location.href.indexOf('https://') === 0;
34 | },
35 | };
36 |
37 | })();
38 |
--------------------------------------------------------------------------------
/src/js/utils/Event.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils');
3 |
4 | ns.Event = {};
5 |
6 | ns.Event.addEventListener = function (el, type, callback, scope, args) {
7 | if (typeof el === 'string') {
8 | el = document.querySelector(el);
9 | }
10 |
11 | var listener = {
12 | el : el,
13 | type : type,
14 | callback : callback,
15 | handler : args ? callback.bind(scope, args) : callback.bind(scope)
16 | };
17 |
18 | scope.__pskl_listeners = scope.__pskl_listeners || [];
19 | scope.__pskl_listeners.push(listener);
20 | el.addEventListener(type, listener.handler);
21 | };
22 |
23 | ns.Event.removeEventListener = function (el, type, callback, scope) {
24 | if (scope && scope.__pskl_listeners) {
25 | var listeners = scope.__pskl_listeners;
26 | for (var i = 0 ; i < listeners.length ; i++) {
27 | var listener = listeners[i];
28 | if (listener.callback === callback && listener.el === el && listener.type === type) {
29 | el.removeEventListener(type, listeners[i].handler);
30 | listeners.splice(i, 1);
31 | break;
32 | }
33 | }
34 | }
35 | };
36 |
37 | ns.Event.removeAllEventListeners = function (scope) {
38 | if (scope && scope.__pskl_listeners) {
39 | var listeners = scope.__pskl_listeners;
40 | for (var i = 0 ; i < listeners.length ; i++) {
41 | var listener = listeners[i];
42 | listener.el.removeEventListener(listener.type, listener.handler);
43 | }
44 | scope.__pskl_listeners = [];
45 | }
46 | };
47 | })();
48 |
--------------------------------------------------------------------------------
/src/js/utils/FileUtils.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils');
3 |
4 | var stopPropagation = function (e) {
5 | e.stopPropagation();
6 | };
7 |
8 | ns.FileUtils = {
9 | readFile : function (file, callback) {
10 | var reader = new FileReader();
11 | reader.addEventListener('loadend', function() {
12 | callback(reader.result);
13 | });
14 | reader.readAsDataURL(file);
15 | },
16 |
17 | readFileAsArrayBuffer : function (file, callback) {
18 | var reader = new FileReader();
19 | reader.addEventListener('loadend', function() {
20 | callback(reader.result);
21 | });
22 | reader.readAsArrayBuffer(file);
23 | },
24 |
25 | readImageFile : function (file, callback) {
26 | ns.FileUtils.readFile(file, function (content) {
27 | var image = new Image();
28 | image.onload = callback.bind(null, image);
29 | image.src = content;
30 | });
31 | },
32 |
33 | downloadAsFile : function (content, filename) {
34 | var saveAs = window.saveAs || (navigator.msSaveBlob && navigator.msSaveBlob.bind(navigator));
35 | if (saveAs) {
36 | saveAs(content, filename);
37 | } else {
38 | var downloadLink = document.createElement('a');
39 | content = window.URL.createObjectURL(content);
40 | downloadLink.setAttribute('href', content);
41 | downloadLink.setAttribute('download', filename);
42 | document.body.appendChild(downloadLink);
43 | downloadLink.addEventListener('click', stopPropagation);
44 | downloadLink.click();
45 | downloadLink.removeEventListener('click', stopPropagation);
46 | document.body.removeChild(downloadLink);
47 | }
48 | }
49 |
50 | };
51 | })();
52 |
--------------------------------------------------------------------------------
/src/js/utils/FunctionUtils.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils');
3 |
4 | ns.FunctionUtils = {
5 | /**
6 | * Returns a memoized version of the provided function.
7 | */
8 | memo : function (fn, cache, scope) {
9 | var memoized = function () {
10 | var key = Array.prototype.join.call(arguments, '-');
11 | if (!cache[key]) {
12 | cache[key] = fn.apply(scope, arguments);
13 | }
14 | return cache[key];
15 | };
16 | return memoized;
17 | },
18 |
19 | /**
20 | * Returns a throttled version of the provided method, that will be called at most
21 | * every X milliseconds, where X is the provided interval.
22 | */
23 | throttle : function (fn, interval) {
24 | var last;
25 | var timer;
26 | return function () {
27 | var now = Date.now();
28 | if (last && now < last + interval) {
29 | clearTimeout(timer);
30 | timer = setTimeout(function () {
31 | last = now;
32 | fn();
33 | }, interval);
34 | } else {
35 | last = now;
36 | fn();
37 | }
38 | };
39 | }
40 | };
41 | })();
42 |
--------------------------------------------------------------------------------
/src/js/utils/ImageResizer.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils');
3 |
4 | ns.ImageResizer = {
5 | scale : function (image, factor, smoothingEnabled) {
6 | return ns.ImageResizer.resize(image, image.width * factor, image.height * factor, smoothingEnabled);
7 | },
8 |
9 | resize : function (image, targetWidth, targetHeight, smoothingEnabled) {
10 | var canvas = pskl.utils.CanvasUtils.createCanvas(targetWidth, targetHeight);
11 | var context = canvas.getContext('2d');
12 | context.save();
13 |
14 | if (!smoothingEnabled) {
15 | pskl.utils.CanvasUtils.disableImageSmoothing(canvas);
16 | }
17 |
18 | context.translate(canvas.width / 2, canvas.height / 2);
19 | context.scale(targetWidth / image.width, targetHeight / image.height);
20 | context.drawImage(image, -image.width / 2, -image.height / 2);
21 | context.restore();
22 |
23 | return canvas;
24 | }
25 | };
26 | })();
27 |
--------------------------------------------------------------------------------
/src/js/utils/Math.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils');
3 |
4 | ns.Math = {
5 | minmax : function (val, min, max) {
6 | return Math.max(Math.min(val, max), min);
7 | },
8 |
9 | /**
10 | * Calculate the distance between {x0, y0} and {x1, y1}
11 | */
12 | distance : function (x0, x1, y0, y1) {
13 | var dx = Math.abs(x1 - x0);
14 | var dy = Math.abs(y1 - y0);
15 | return Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));
16 | }
17 | };
18 | })();
19 |
--------------------------------------------------------------------------------
/src/js/utils/StringUtils.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils');
3 |
4 | ns.StringUtils = {
5 | leftPad : function (input, length, pad) {
6 | var padding = new Array(length).join(pad);
7 | return (padding + input).slice(-length);
8 | },
9 |
10 | formatSize : function (width, height) {
11 | return width + '\u00D7' + height;
12 | }
13 | };
14 | })();
15 |
--------------------------------------------------------------------------------
/src/js/utils/TooltipFormatter.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils');
3 |
4 | ns.TooltipFormatter = {};
5 |
6 | ns.TooltipFormatter.format = function(helpText, shortcut, descriptors) {
7 | var tpl = pskl.utils.Template.get('tooltip-container-template');
8 | shortcut = shortcut ? '(' + shortcut.getDisplayKey() + ')' : '';
9 | return pskl.utils.Template.replace(tpl, {
10 | helptext : helpText,
11 | shortcut : shortcut,
12 | // Avoid sanitization for descriptors (markup)
13 | '!descriptors!' : this.formatDescriptors_(descriptors)
14 | });
15 | };
16 |
17 | ns.TooltipFormatter.formatDescriptors_ = function(descriptors) {
18 | descriptors = descriptors || [];
19 | return descriptors.reduce(function (p, descriptor) {
20 | return p += this.formatDescriptor_(descriptor);
21 | }.bind(this), '');
22 | };
23 |
24 | ns.TooltipFormatter.formatDescriptor_ = function(descriptor) {
25 | var tpl;
26 | if (descriptor.key) {
27 | tpl = pskl.utils.Template.get('tooltip-modifier-descriptor-template');
28 | descriptor.key = descriptor.key.toUpperCase();
29 | if (pskl.utils.UserAgent.isMac) {
30 | descriptor.key = descriptor.key.replace('CTRL', 'CMD');
31 | descriptor.key = descriptor.key.replace('ALT', 'OPTION');
32 | }
33 | } else {
34 | tpl = pskl.utils.Template.get('tooltip-simple-descriptor-template');
35 | }
36 | return pskl.utils.Template.replace(tpl, descriptor);
37 | };
38 | })();
39 |
--------------------------------------------------------------------------------
/src/js/utils/Uuid.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils');
3 |
4 | var s4 = function () {
5 | return Math.floor((1 + Math.random()) * 0x10000)
6 | .toString(16)
7 | .substring(1);
8 | };
9 |
10 | ns.Uuid = {
11 | generate : function () {
12 | return 'ss-s-s-s-sss'.replace(/s/g, function () {
13 | return s4();
14 | });
15 | }
16 | };
17 | })();
18 |
--------------------------------------------------------------------------------
/src/js/utils/WorkerUtils.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils');
3 |
4 | var workers = {};
5 |
6 | ns.WorkerUtils = {
7 | createWorker : function (worker, workerId) {
8 | if (!workers[workerId]) {
9 | workers[workerId] = ns.WorkerUtils.createWorkerURL(worker);
10 | }
11 |
12 | return new Worker(workers[workerId]);
13 | },
14 |
15 | createWorkerURL : function (worker) {
16 | // remove "function () {" at the start of the worker string and the last "}" before the end
17 | var typedArray = [(worker + '').replace(/function\s*\(\)\s*\{/, '').replace(/\}[^}]*$/, '')];
18 | var blob = new Blob(typedArray, {type: 'application/javascript'});
19 | return window.URL.createObjectURL(blob);
20 | }
21 | };
22 | })();
23 |
--------------------------------------------------------------------------------
/src/js/utils/Xhr.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils');
3 | ns.Xhr = {
4 | get : function (url, success, error) {
5 | var xhr = ns.Xhr.xhr_(url, 'GET', success, error);
6 | xhr.send();
7 | },
8 |
9 | post : function (url, data, success, error) {
10 | var xhr = ns.Xhr.xhr_(url, 'POST', success, error);
11 | var formData = new FormData();
12 |
13 | if (typeof data == 'object') {
14 | for (var key in data) {
15 | if (data.hasOwnProperty(key)) {
16 | formData.append(key, data[key]);
17 | }
18 | }
19 | }
20 |
21 | xhr.send(formData);
22 | },
23 |
24 | xhr_ : function (url, method, success, error) {
25 | success = success || function () {};
26 | error = error || function () {};
27 |
28 | var xhr = new XMLHttpRequest();
29 | xhr.open(method, url, true);
30 |
31 | xhr.onload = function (e) {
32 | if (this.status == 200) {
33 | success(this);
34 | } else {
35 | this.onerror(this, e);
36 | }
37 | };
38 |
39 | xhr.onerror = function (e) {
40 | error(e, this);
41 | };
42 |
43 | return xhr;
44 | }
45 | };
46 | })();
47 |
--------------------------------------------------------------------------------
/src/js/utils/serialization/backward/Deserializer_v0.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils.serialization.backward');
3 |
4 | ns.Deserializer_v0 = function (data, callback) {
5 | this.data_ = data;
6 | this.callback_ = callback;
7 | };
8 |
9 | ns.Deserializer_v0.prototype.deserialize = function () {
10 | var pixelGrids = this.data_;
11 | var frames = pixelGrids.map(function (grid) {
12 | return pskl.model.Frame.fromPixelGrid(grid);
13 | });
14 | var descriptor = new pskl.model.piskel.Descriptor('Deserialized piskel', '');
15 | var layer = pskl.model.Layer.fromFrames('Layer 1', frames);
16 |
17 | this.callback_(pskl.model.Piskel.fromLayers([layer], Constants.DEFAULT.FPS, descriptor));
18 | };
19 | })();
20 |
--------------------------------------------------------------------------------
/src/js/utils/serialization/backward/Deserializer_v1.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.utils.serialization.backward');
3 |
4 | ns.Deserializer_v1 = function (data, callback) {
5 | this.callback_ = callback;
6 | this.data_ = data;
7 | };
8 |
9 | ns.Deserializer_v1.prototype.deserialize = function () {
10 | var piskelData = this.data_.piskel;
11 | var descriptor = new pskl.model.piskel.Descriptor('Deserialized piskel', '');
12 | var piskel = new pskl.model.Piskel(piskelData.width, piskelData.height, Constants.DEFAULT.FPS, descriptor);
13 |
14 | piskelData.layers.forEach(function (serializedLayer) {
15 | var layer = this.deserializeLayer(serializedLayer);
16 | piskel.addLayer(layer);
17 | }.bind(this));
18 |
19 | this.callback_(piskel);
20 | };
21 |
22 | ns.Deserializer_v1.prototype.deserializeLayer = function (layerString) {
23 | var layerData = JSON.parse(layerString);
24 | var layer = new pskl.model.Layer(layerData.name);
25 | layerData.frames.forEach(function (serializedFrame) {
26 | var frame = this.deserializeFrame(serializedFrame);
27 | layer.addFrame(frame);
28 | }.bind(this));
29 |
30 | return layer;
31 | };
32 |
33 | ns.Deserializer_v1.prototype.deserializeFrame = function (frameString) {
34 | var framePixelGrid = JSON.parse(frameString);
35 | return pskl.model.Frame.fromPixelGrid(framePixelGrid);
36 | };
37 | })();
38 |
--------------------------------------------------------------------------------
/src/js/widgets/SizePicker.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.widgets');
3 |
4 | ns.SizePicker = function (onChange) {
5 | this.onChange = onChange;
6 | };
7 |
8 | ns.SizePicker.prototype.init = function (container) {
9 | this.container = container;
10 | pskl.utils.Event.addEventListener(this.container, 'click', this.onSizeOptionClick_, this);
11 | };
12 |
13 | ns.SizePicker.prototype.destroy = function () {
14 | pskl.utils.Event.removeAllEventListeners(this);
15 | };
16 |
17 | ns.SizePicker.prototype.getSize = function () {
18 | var selectedOption = this.container.querySelector('.selected');
19 | return selectedOption ? selectedOption.dataset.size : null;
20 | };
21 |
22 | ns.SizePicker.prototype.setSize = function (size) {
23 | if (this.getSize() === size) {
24 | return;
25 | }
26 |
27 | pskl.utils.Dom.removeClass('labeled', this.container);
28 | pskl.utils.Dom.removeClass('selected', this.container);
29 | var selectedOption;
30 | selectedOption = this.container.querySelector('[data-size="' + size + '"]');
31 | if (!selectedOption) {
32 | selectedOption = this.container.querySelector('[data-size]:last-child');
33 | selectedOption.classList.add('labeled');
34 | selectedOption.setAttribute('real-size', size);
35 | }
36 | if (selectedOption) {
37 | selectedOption.classList.add('selected');
38 | }
39 | };
40 |
41 | ns.SizePicker.prototype.onSizeOptionClick_ = function (e) {
42 | var size = e.target.dataset.size;
43 | if (!isNaN(size)) {
44 | size = parseInt(size, 10);
45 | this.onChange(size);
46 | this.setSize(size);
47 | }
48 | };
49 | })();
50 |
--------------------------------------------------------------------------------
/src/js/widgets/SynchronizedInputs.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.widgets');
3 |
4 | ns.SynchronizedInputs = function (options) {
5 | this.leftInput = options.leftInput;
6 | this.rightInput = options.rightInput;
7 | this.synchronize = options.synchronize;
8 |
9 | this.syncEnabled = true;
10 | this.lastInput = this.leftInput;
11 |
12 | pskl.utils.Event.addEventListener(this.leftInput, 'input', this.onInput_, this);
13 | pskl.utils.Event.addEventListener(this.rightInput, 'input', this.onInput_, this);
14 | };
15 |
16 | ns.SynchronizedInputs.prototype.destroy = function () {
17 | pskl.utils.Event.removeAllEventListeners(this);
18 |
19 | this.leftInput = null;
20 | this.rightInput = null;
21 | this.lastInput = null;
22 | };
23 |
24 | ns.SynchronizedInputs.prototype.enableSync = function () {
25 | this.syncEnabled = true;
26 | this.synchronize(this.lastInput);
27 | };
28 |
29 | ns.SynchronizedInputs.prototype.disableSync = function () {
30 | this.syncEnabled = false;
31 | };
32 |
33 | ns.SynchronizedInputs.prototype.onInput_ = function (evt) {
34 | var target = evt.target;
35 | if (this.syncEnabled) {
36 | this.synchronize(target);
37 | }
38 | this.lastInput = target;
39 | };
40 | })();
41 |
--------------------------------------------------------------------------------
/src/js/worker/framecolors/FrameColors.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.worker.framecolors');
3 |
4 | ns.FrameColors = function (frame, onSuccess, onStep, onError) {
5 | this.pixels = frame.pixels;
6 |
7 | this.onStep = onStep;
8 | this.onSuccess = onSuccess;
9 | this.onError = onError;
10 |
11 | this.worker = pskl.utils.WorkerUtils.createWorker(ns.FrameColorsWorker, 'frame-colors');
12 | this.worker.onmessage = this.onWorkerMessage.bind(this);
13 | };
14 |
15 | ns.FrameColors.prototype.process = function () {
16 | this.worker.postMessage([
17 | pskl.utils.colorToInt(Constants.TRANSPARENT_COLOR),
18 | Constants.MAX_WORKER_COLORS, this.pixels
19 | ]);
20 | };
21 |
22 | ns.FrameColors.prototype.onWorkerMessage = function (event) {
23 | if (event.data.type === 'STEP') {
24 | this.onStep(event);
25 | } else if (event.data.type === 'SUCCESS') {
26 | this.onSuccess(event);
27 | this.worker.terminate();
28 | } else if (event.data.type === 'ERROR') {
29 | this.onError(event);
30 | this.worker.terminate();
31 | }
32 | };
33 | })();
34 |
--------------------------------------------------------------------------------
/src/js/worker/hash/Hash.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.worker.hash');
3 |
4 | ns.Hash = function (str, onSuccess, onStep, onError) {
5 | this.str = str;
6 |
7 | this.onStep = onStep;
8 | this.onSuccess = onSuccess;
9 | this.onError = onError;
10 |
11 | this.worker = pskl.utils.WorkerUtils.createWorker(ns.HashWorker, 'hash');
12 | this.worker.onmessage = this.onWorkerMessage.bind(this);
13 | };
14 |
15 | ns.Hash.prototype.process = function () {
16 | this.worker.postMessage({
17 | str : this.str
18 | });
19 | };
20 |
21 | ns.Hash.prototype.onWorkerMessage = function (event) {
22 | if (event.data.type === 'STEP') {
23 | this.onStep(event);
24 | } else if (event.data.type === 'SUCCESS') {
25 | this.onSuccess(event);
26 | this.worker.terminate();
27 | } else if (event.data.type === 'ERROR') {
28 | this.onError(event);
29 | this.worker.terminate();
30 | }
31 | };
32 | })();
33 |
--------------------------------------------------------------------------------
/src/js/worker/hash/HashWorker.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.worker.hash');
3 |
4 | ns.HashWorker = function () {
5 | var hashCode = function(str) {
6 | var hash = 0;
7 | if (str.length !== 0) {
8 | for (var i = 0, l = str.length; i < l; i++) {
9 | var chr = str.charCodeAt(i);
10 | hash = ((hash << 5) - hash) + chr;
11 | hash |= 0; // Convert to 32bit integer
12 | }
13 | }
14 | return hash;
15 | };
16 |
17 | this.onmessage = function(event) {
18 | try {
19 | var data = event.data;
20 | var str = data.str;
21 | var hash = hashCode(str);
22 | this.postMessage({
23 | type : 'SUCCESS',
24 | hash : hash
25 | });
26 | } catch (e) {
27 | this.postMessage({
28 | type : 'ERROR',
29 | message : e.message
30 | });
31 | }
32 | };
33 | };
34 | })();
35 |
--------------------------------------------------------------------------------
/src/js/worker/imageprocessor/ImageProcessor.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var ns = $.namespace('pskl.worker.imageprocessor');
3 |
4 | ns.ImageProcessor = function (image, onSuccess, onStep, onError) {
5 | this.image = image;
6 |
7 | this.onStep = onStep;
8 | this.onSuccess = onSuccess;
9 | this.onError = onError;
10 |
11 | this.worker = pskl.utils.WorkerUtils.createWorker(ns.ImageProcessorWorker, 'image-colors-processor');
12 | this.worker.onmessage = this.onWorkerMessage.bind(this);
13 | };
14 |
15 | ns.ImageProcessor.prototype.process = function () {
16 | var canvas = pskl.utils.CanvasUtils.createFromImage(this.image);
17 | var imageData = pskl.utils.CanvasUtils.getImageDataFromCanvas(canvas);
18 | this.worker.postMessage({
19 | imageData : imageData,
20 | width : this.image.width,
21 | height : this.image.height
22 | });
23 | };
24 |
25 | ns.ImageProcessor.prototype.onWorkerMessage = function (event) {
26 | if (event.data.type === 'STEP') {
27 | this.onStep(event);
28 | } else if (event.data.type === 'SUCCESS') {
29 | this.onSuccess(event);
30 | this.worker.terminate();
31 | } else if (event.data.type === 'ERROR') {
32 | this.onError(event);
33 | this.worker.terminate();
34 | }
35 | };
36 | })();
37 |
--------------------------------------------------------------------------------
/src/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/piskelapp/piskel/b988fb256a6273d52f6804bbf167dfd20f2c6ef2/src/logo.png
--------------------------------------------------------------------------------
/src/piskel-style-list.js:
--------------------------------------------------------------------------------
1 | // This list is used both by the grunt build and index.html (in debug mode)
2 |
3 | (typeof exports != "undefined" ? exports : pskl_exports).styles = [
4 | "css/variables.css",
5 | "css/reset.css",
6 | "css/style.css",
7 | "css/animations.css",
8 | "css/layout.css",
9 | "css/font-icon.css",
10 | "css/forms.css",
11 | "css/settings.css",
12 | "css/settings-application.css",
13 | "css/settings-export.css",
14 | "css/settings-import.css",
15 | "css/settings-resize.css",
16 | "css/settings-save.css",
17 | "css/tools.css",
18 | "css/icons.css",
19 | "css/color-picker-slider.css",
20 | "css/dialogs.css",
21 | "css/dialogs-browse-backups.css",
22 | "css/dialogs-browse-local.css",
23 | "css/dialogs-cheatsheet.css",
24 | "css/dialogs-create-palette.css",
25 | "css/dialogs-import.css",
26 | "css/dialogs-performance-info.css",
27 | "css/dialogs-unsupported-browser.css",
28 | "css/notifications.css",
29 | "css/toolbox.css",
30 | "css/toolbox-layers-list.css",
31 | "css/toolbox-palettes-list.css",
32 | "css/toolbox-animated-preview.css",
33 | "css/transformations.css",
34 | "css/spectrum/spectrum.css",
35 | "css/spectrum/spectrum-overrides.css",
36 | "css/bootstrap/bootstrap.css",
37 | "css/bootstrap/bootstrap-tooltip-custom.css",
38 | "css/frames-list.css",
39 | "css/minimap.css",
40 | "css/widgets-anchor.css",
41 | "css/widgets-frame-picker.css",
42 | "css/widgets-size-picker.css",
43 | "css/widgets-tabs.css",
44 | "css/widgets-wizard.css"
45 | ];
46 |
--------------------------------------------------------------------------------
/src/templates/debug-header.html:
--------------------------------------------------------------------------------
1 |
41 |
--------------------------------------------------------------------------------
/src/templates/dialogs/browse-local.html:
--------------------------------------------------------------------------------
1 |
21 |
22 |
--------------------------------------------------------------------------------
/src/templates/dialogs/unsupported-browser.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/templates/frames-list.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/templates/misc-templates.html:
--------------------------------------------------------------------------------
1 |
2 |
9 |
10 |
11 |
17 |
18 |
19 |
25 |
26 |
27 |
32 |
--------------------------------------------------------------------------------
/src/templates/palettes-list.html:
--------------------------------------------------------------------------------
1 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/src/templates/preview.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
1x
7 |
8 |
Full
9 |
10 |
12 |
14 |
15 |
16 |
19 |
20 |
27 |
28 |
29 |
2 |
7 |
8 |
9 |
14 |
15 |
16 |
21 |
22 |
23 |
28 |
29 |
30 |
35 |
36 |
37 |