Skip to content

Instantly share code, notes, and snippets.

@marekhrabe
Last active March 8, 2017 06:46
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save marekhrabe/8310229 to your computer and use it in GitHub Desktop.
Save marekhrabe/8310229 to your computer and use it in GitHub Desktop.
Using Photoshop generator plugin together with HTML panel. Pseudo-untested-code
exports.init = function (generator, config) {
var io = require('socket.io').listen(1234); // put your unique port here
io.sockets.on('connection', function (socket) {
socket.emit('message', 'i am ready');
socket.on('doStuff', function (data) {
generator.getDocumentInfo().then(function (document) {
socket.emit('message', 'working with document…');
}, function (err) {
console.log(err);
}).done();
});
});
};
<button>Do stuff</button>
<div></div>
<script src="http://127.0.0.1:1234/socket.io/socket.io.js"></script>
<script>
var socket = io.connect('http://127.0.0.1:1234');
var div = document.querySelector('div');
socket.on('message', function (data) {
div.innerHTML = data;
});
var button = document.querySelector('button');
button.addEventListener('click', function () {
socket.emit('doStuff');
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment