' + text + '
').text(); - if (type == 'danger') + if (type == 'danger') { console.error(log); - else { + } else { console.info(log); } @@ -145,42 +123,116 @@ function notify(text, glyphicon, type, delay) { } // Start tcp server and listen on configuret host/port -function startTcpServer() { - if (socketId != undefined) return; - chrome.sockets.tcpServer.create({}, function (info) { - socketId = info.socketId; - chrome.sockets.tcpServer.listen(socketId, configs.host, parseInt(configs.port), 20, function (result) { - if (result == 0) { - notify('Printer started on Host: {0} Port: {1}'.format(configs.host, configs.port)); - chrome.sockets.tcpServer.onAccept.addListener(function (clientInfo) { - chrome.sockets.tcp.getInfo(clientInfo.clientSocketId, function (socketInfo) { - clientSocketInfo = socketInfo; - chrome.sockets.tcp.update(clientInfo.clientSocketId,{bufferSize: parseInt(configs.bufferSize) }, function(){ - chrome.sockets.tcp.setPaused(clientInfo.clientSocketId, false); - }); - }); - }); - } else { - socketId = undefined; - toggleSwitch('.btn-toggle'); - notify('Error occurs while creating Printer on Host: {0} Port: {1}'.format(configs.host, configs.port), 'exclamation-sign', 'danger', 4000); +function startTcpServer () { + if (server != undefined) { + return; + } + + server = net.createServer(); + server.listen(parseInt(configs.port), configs.host); + + // chrome.sockets.tcpServer.create({}, function (info) { + // socketId = info.socketId; + // chrome.sockets.tcpServer.listen(socketId, configs.host, parseInt(configs.port), 20, function (result) { + // if (result == 0) { + notify('Printer started on Host: {0} Port: {1}'.format(configs.host, configs.port)); + // chrome.sockets.tcpServer.onAccept.addListener(function (clientInfo) { + server.on('connection', function(sock) { + // socketId = sock; + console.log('CONNECTED: ' + sock.remoteAddress + ':' + sock.remotePort); + clientSocketInfo = { + peerAddress: sock.remoteAddress, + peerPort: sock.remotePort + }; + + sock.on('data', function(data) { + // chrome.sockets.tcp.onReceive.addListener(function (info) { + notify('{0} bytes received from Client: {1} Port: {2}'.format(data.length, clientSocketInfo.peerAddress, clientSocketInfo.peerPort), 'print', 'info', 1000); + var zpls = String.fromCharCode.apply(null, data).split(/\^XZ/); + if (!configs.keepTcpSocket) { + server.close(); + } + var factor = (configs.unit == '1') ? 1 : (configs.unit == '2') ? 2.54 : 25.4; + var width = parseFloat(configs.width) / factor; + var height = parseFloat(configs.height) / factor; + + for (var i in zpls) { + var zpl = zpls[i]; + if (!(!zpl || !zpl.length)) { + zpl += '^XZ'; + } + + // if (configs['saveLabels']) { + // if (configs['filetype'] == '2') { + // savePdf(zpl, configs.density, width, height); + // } + // } + + var xhr = new XMLHttpRequest(); + xhr.open('POST', 'http://api.labelary.com/v1/printers/{0}dpmm/labels/{1}x{2}/0/'.format(configs.density, width, height), true); + xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); + xhr.responseType = 'blob'; + xhr.onload = function(e) { + if (this.status == 200) { + var blob = this.response; + // if (configs['saveLabels']) { + // if (configs['filetype'] == '1') { + // saveLabel(blob, 'png'); + // } + // } + var size = getSize(width, height); + var img = document.createElement('img'); + img.setAttribute('height', size.height); + img.setAttribute('width', size.width); + img.setAttribute('class', 'thumbnail'); + img.onload = function(e) { + window.URL.revokeObjectURL(img.src); + }; + + img.src = window.URL.createObjectURL(blob); + + $('#label').prepend(img); + var offset = size.height + 20; + $('#label').css({ 'top': '-' + offset + 'px' }); + $('#label').animate({ 'top': '0px' }, 1500); + } + }; + xhr.send(zpl); } }); + // chrome.sockets.tcp.getInfo(clientInfo.clientSocketId, function (socketInfo) { + // clientSocketInfo = socketInfo; + // chrome.sockets.tcp.update(clientInfo.clientSocketId,{bufferSize: parseInt(configs.bufferSize) }, function(){ + // chrome.sockets.tcp.setPaused(clientInfo.clientSocketId, false); + // }); + // }); + // }); + // } else { + // socketId = undefined; + // toggleSwitch('.btn-toggle'); + // notify('Error occurs while creating Printer on Host: {0} Port: {1}'.format(configs.host, configs.port), 'exclamation-sign', 'danger', 4000); + // } }); + // }); } // Stop tcp server -function stopTcpServer() { - if (socketId == undefined) return; - chrome.sockets.tcpServer.close(socketId, function () { - notify('Printer stopped on {0} Port: {1}'.format(configs.host, configs.port)); - socketId = undefined; - }); +function stopTcpServer () { + if (server == undefined) { + return; + } + server.close(); + notify('Printer stopped on {0} Port: {1}'.format(configs.host, configs.port)); + server = undefined; + // chrome.sockets.tcpServer.close(socketId, function () { + // notify('Printer stopped on {0} Port: {1}'.format(configs.host, configs.port)); + // socketId = undefined; + // }); } // Init ui events -function initEvents() { - $('.btn-toggle').click(function () { +function initEvents () { + $('.btn-toggle').click(function() { toggleSwitch(this); if ($('#btn-on').hasClass('active')) { @@ -190,12 +242,12 @@ function initEvents() { } }); - $('#btn-remove').click(function () { - var size = $('.thumbnail').size(); + $('#btn-remove').click(function() { + var size = $('.thumbnail').length; if (size > 0) { var label = size == 1 ? 'label' : 'labels'; - bootbox.confirm('Are you sure to remove {0} {1}?'.format(size, label), function (result) { + bootbox.confirm('Are you sure to remove {0} {1}?'.format(size, label), function(result) { if (result) { $('.thumbnail').remove(); notify('{0} {1} successfully removed.'.format(size, label), 'trash', 'info'); @@ -204,77 +256,76 @@ function initEvents() { } }); - $('#btn-close').click(function () { - chrome.storage.local.set({ isOn: $('#btn-on').hasClass('active') }, function () { - window.close(); - stopTcpServer(); - }); + $('#btn-close').click(function() { + global.localStorage.setItem('isOn', $('#btn-on').hasClass('active')); + window.close(); + stopTcpServer(); }); - $('#density li > a').click(function () { + $('#density li > a').click(function() { var btn = $('#btn-density'); btn.attr('aria-valuenow', $(this).parent().attr('aria-valuenow')); btn.html($(this).text() + ' '); }); - $('#unit li > a').click(function () { + $('#unit li > a').click(function() { var btn = $('#btn-unit'); btn.attr('aria-valuenow', $(this).parent().attr('aria-valuenow')); btn.html($(this).text() + ' '); }); - $('#filetype li > a').click(function () { + $('#filetype li > a').click(function() { var btn = $('#btn-filetype'); btn.attr('aria-valuenow', $(this).parent().attr('aria-valuenow')); btn.html($(this).text() + ' '); }); - $("#txt-path").keydown(function (e) { + $('#txt-path').keydown(function(e) { e.preventDefault(); }); - $('#configsForm').submit(function (e) { + $('#configsForm').submit(function(e) { e.preventDefault(); saveConfigs(); }); - $('#settings-window').on('shown.bs.modal', function () { + $('#settings-window').on('shown.bs.modal', function() { if ($('#btn-on').hasClass('active')) { toggleSwitch('.btn-toggle'); stopTcpServer(); } }); - $('#ckb-saveLabels').change(function () { + $('#ckb-saveLabels').change(function() { var disabled = !$(this).is(':checked'); $('#btn-filetype').prop('disabled', disabled); $('#btn-path').prop('disabled', disabled); $('#txt-path').prop('disabled', disabled); }); - $('#btn-path').click(function () { - chrome.fileSystem.chooseEntry({ - type: 'openDirectory', - }, function (entry) { - if (chrome.runtime.lastError) { - console.info(chrome.runtime.lastError.message); - } else { - initPath(entry); - pathEntry = entry; - retainEntry = chrome.fileSystem.retainEntry(entry); - } - }); + $('#btn-path').click(function() { + // chrome.fileSystem.chooseEntry({ + // type: 'openDirectory', + // }, function (entry) { + // if (chrome.runtime.lastError) { + // console.info(chrome.runtime.lastError.message); + // } else { + // initPath(entry); + // pathEntry = entry; + // retainEntry = chrome.fileSystem.retainEntry(entry); + // } + // }); }); } // Toggle on/off switch // @param {Dom Object} btn Button group to toggle -function toggleSwitch(btn) { +function toggleSwitch (btn) { $(btn).find('.btn').toggleClass('active'); - if ($(btn).find('.btn-primary').size() > 0) { + if ($(btn).find('.btn-primary').length > 0) { $(btn).find('.btn').toggleClass('btn-primary'); } @@ -282,7 +333,7 @@ function toggleSwitch(btn) { } // Svae configs in local storage -function saveConfigs() { +function saveConfigs () { for (var key in configs) { if (key == 'density') { configs[key] = $('#btn-density').attr('aria-valuenow'); @@ -295,20 +346,22 @@ function saveConfigs() { } else if (key == 'keepTcpSocket') { configs[key] = $('#ckb-keep-tcp-socket').is(':checked'); } else if (key == 'path') { - configs[key] = retainEntry + configs[key] = retainEntry; } else { configs[key] = $('#' + key).val(); } } - chrome.storage.local.set(configs, function () { - $('#settings-window').modal('hide'); - notify('Printer settings changes successfully saved', 'cog', 'info'); + Object.entries(configs).forEach(function([k,v]) { + global.localStorage.setItem(k,v); }); + + $('#settings-window').modal('hide'); + notify('Printer settings changes successfully saved', 'cog', 'info'); } // Init/load configs from local storage -function initConfigs() { +function initConfigs () { for (var key in configs) { if (key == 'density') { initDropDown('density', configs[key]); @@ -329,24 +382,23 @@ function initConfigs() { $('#ckb-keep-tcp-socket').prop('checked', configs[key]); } else if (key == 'path' && configs[key]) { retainEntry = configs[key]; - chrome.fileSystem.restoreEntry(configs[key], function (entry) { - pathEntry = entry; - initPath(entry); - }); - } - else { + // chrome.fileSystem.restoreEntry(configs[key], function (entry) { + // pathEntry = entry; + // initPath(entry); + // }); + } else { $('#' + key).val(configs[key]); } } } -function initPath(entry) { - chrome.fileSystem.getDisplayPath(entry, function (path) { - $('#txt-path').val(path); - }); +function initPath (entry) { + // chrome.fileSystem.getDisplayPath(entry, function (path) { + // $('#txt-path').val(path); + // }); } -function initDropDown(btnId, value) { +function initDropDown (btnId, value) { var btn = $('#btn-' + btnId); var text = $('#' + btnId).find('li[aria-valuenow=' + value + '] > a').html(); btn.attr('aria-valuenow', value); @@ -354,7 +406,7 @@ function initDropDown(btnId, value) { } // Prototype for string.format method -String.prototype.format = function () { +String.prototype.format = function() { var s = this, i = arguments.length; @@ -362,4 +414,4 @@ String.prototype.format = function () { s = s.replace(new RegExp('\\{' + i + '\\}', 'gm'), arguments[i]); } return s; -}; \ No newline at end of file +}; diff --git a/ZplPrinter/js/store.js b/ZplPrinter/js/store.js new file mode 100644 index 0000000..f4f6db7 --- /dev/null +++ b/ZplPrinter/js/store.js @@ -0,0 +1,4 @@ +const Store = require('electron-store'); + +export const store = new Store(); +export default store diff --git a/ZplPrinter/main.html b/ZplPrinter/main.html index 1bd88d6..8ba2b5f 100644 --- a/ZplPrinter/main.html +++ b/ZplPrinter/main.html @@ -6,10 +6,10 @@ + - @@ -131,7 +131,7 @@|
Buffer
@@ -209,4 +209,4 @@
- |