'+
26 | '
';
30 | return template;
31 | }
32 |
33 | var delay = (function(){
34 | var timer = 0;
35 | return function(callback, ms){
36 | clearTimeout (timer);
37 | timer = setTimeout(callback, ms);
38 | };
39 | })();
40 |
41 | var _refreshArtboards = function () {
42 | window.location.hash = 'refreshArtboards';
43 | $('#toggleSelectAll').prop('checked', false);
44 | _tost('💆🏼 Refreshed!')
45 | }
46 |
47 | var _tost = function (msg) {
48 | tost.text(msg);
49 | tost.stop().fadeIn('fast').delay(1000).fadeOut('fast');
50 | }
51 |
52 | var _handleChangeURL = function (e) {
53 | $('#loading').show();
54 | delay(function(){
55 | var d = {
56 | presentationId: document.getElementById('slidesURL').value
57 | }
58 | window.SSData = encodeURI(JSON.stringify(d));
59 | window.location.hash = 'fetchPresentation';
60 | }, 300);
61 | }
62 |
63 | var _onLoad = function () {
64 |
65 | $("time.timeago").timeago();
66 |
67 | if (window.currentPresentation && window.currentPresentation.name) {
68 | _presFetchSuccess();
69 | } else {
70 | $('#overlay').show();
71 | }
72 |
73 | if (window.currentPresentation && window.lastUpdated) {
74 | _m('Last synced ');
75 | $("time.timeago").timeago("update", new Date(lastUpdated));
76 | }
77 |
78 | $('.ver').text("v" + window.version);
79 |
80 | }
81 |
82 | var _presFetchSuccess = function (e) {
83 | _m('');
84 | $("time.timeago").text('');
85 | $('#loading').hide();
86 | $('#overlay').fadeOut('fast');
87 | $('.panel-title h1').text(currentPresentation.name)
88 | $('#slidesURL').val(currentPresentation.id);
89 | $('.panel-title').removeClass('hide');
90 | $('.panel-input').addClass('hide');
91 | }
92 |
93 | var _uploadProgress = function () {
94 |
95 | }
96 |
97 | var _presFetchError = function (e) {
98 | $('#loading').hide();
99 | }
100 |
101 | var _removePresentation = function () {
102 | $('.panel-title h1').text('')
103 | $('.panel-title').addClass('hide');
104 | $('.panel-input').removeClass('hide');
105 | $('#slidesURL').val(null);
106 | $('#overlay').fadeIn('fast');
107 | }
108 |
109 | var _toggleSelectAll = function () {
110 | $('.artboard-check:checkbox').not(this).prop('checked', this.checked);
111 | for (var j = 0; j < data.pages[0].artboards.length; j++) {
112 | data.pages[0].artboards[j].selected = $(this).is(':checked');
113 | dataCopy.pages[0].artboards[j].selected = $(this).is(':checked');
114 | }
115 |
116 | _checkEnabledButton();
117 | }
118 |
119 | var _checkToggleAllState = function () {
120 | $('#toggleSelectAll').prop('indeterminate', true);
121 |
122 | for (var j = 0; j < data.pages[0].artboards.length; j++) {
123 | if (data.pages[0].artboards[j].objectID == this.id) {
124 | data.pages[0].artboards[j].selected = $(this).is(':checked');
125 | }
126 | }
127 |
128 | for (var j = 0; j < dataCopy.pages[0].artboards.length; j++) {
129 | if (dataCopy.pages[0].artboards[j].objectID == this.id) {
130 | dataCopy.pages[0].artboards[j].selected = $(this).is(':checked');
131 | }
132 | }
133 |
134 | _checkEnabledButton();
135 | }
136 |
137 | var _checkEnabledButton = function () {
138 | var len = $('.artboard-check:checked').length;
139 | if (len > 0) {
140 | $('#syncToSlides').prop('disabled', false);
141 | } else {
142 | $('#syncToSlides').prop('disabled', true);
143 | }
144 | }
145 |
146 | var _getSelectedArtboards = function () {
147 | var selectedArtboards = [];
148 | $('.artboard-check:checked').each(function () {
149 | selectedArtboards.push(this.id);
150 | })
151 | return selectedArtboards;
152 | }
153 |
154 | var _showLoader = function () {
155 | $('#loading').show();
156 | $('.overlay').show();
157 | }
158 |
159 | var _hideLoader = function () {
160 | $('#loading').hide();
161 | $('.overlay').hide();
162 | $('.done-img').fadeOut('slow');
163 | }
164 |
165 | var _uploadComplete = function () {
166 | _hideLoader();
167 | _m('Last synced ')
168 | var d = new Date();
169 | $("time.timeago").timeago("update", new Date());
170 | $('.spinner-img').hide();
171 | window.lastUpdated = encodeURI(JSON.stringify(new Date()));
172 | window.location.hash = "lastUpdated";
173 | }
174 |
175 | var _showSpinners = function () {
176 | $('.artboard-check:checked').parents('.panel-row').find('.spinner-img').show();
177 | }
178 |
179 | var _hideSpinner = function (id) {
180 | $(".a-" + id ).find('.spinner-img').hide();
181 | $(".a-" + id ).find('.done-img').show();
182 | }
183 |
184 | var _showError = function (code) {
185 | $('#loading').hide();
186 | _m('Failed to fetch!');
187 | $('.spinner-img').hide();
188 | if (code == '403') {
189 | _m("🙅 You don't have permission!");
190 | $('#removeButton').trigger('click');
191 | } else if (code == '404') {
192 | _m("😶 Can't find the presentation!");
193 | } else if (code == '401') {
194 | _m("👻 You shall not pass!");
195 | }
196 |
197 | $("time.timeago").text('');
198 | }
199 |
200 | var _m = function (m) {
201 | $('.message').text(m);
202 | }
203 |
204 | var _artBoardsMissing = function () {
205 | $('#loading').hide();
206 | $('.spinner-img').hide();
207 | _m('😓 Restart plugin to sync!');
208 | }
209 |
210 | var _uploadToSlides = function () {
211 |
212 | $('#loading').show();
213 | _m('💪🏽 Processing layers...');
214 | $("time.timeago").text('');
215 | _showSpinners();
216 | var d = {
217 | presentationId: document.getElementById('slidesURL').value,
218 | selectedArtboards: _getSelectedArtboards()
219 | }
220 |
221 | ga('send', 'event', 'sync panel', 'artboards', d.selectedArtboards.length);
222 | window.SSData = encodeURI(JSON.stringify(d));
223 | window.location.hash = 'startSync';
224 | }
225 |
226 | var _sort = function (sortOrder) {
227 | data.pages[0].artboards.sort(_sortByName);
228 |
229 | switch (sortOrder) {
230 | case 'none':
231 | data = JSON.parse(JSON.stringify(dataCopy));
232 | break;
233 | case 'reverse':
234 | data = JSON.parse(JSON.stringify(dataCopy));
235 | data.pages[0].artboards.reverse();
236 | break;
237 | case 'alphabetical':
238 | data.pages[0].artboards.sort(_sortByName);
239 | break;
240 | case 'reverse-alphabetical':
241 | data.pages[0].artboards.sort(_sortByNameReverse);
242 | break;
243 | default:
244 | }
245 |
246 | _renderTemplate(data);
247 | }
248 |
249 | var _sortByNameReverse = function (a, b) {
250 | var aName = a.name.toLowerCase();
251 | var bName = b.name.toLowerCase();
252 | return ((aName > bName) ? -1 : ((aName < bName) ? 1 : 0));
253 | }
254 |
255 | var _sortByName = function(a, b){
256 | var aName = a.name.toLowerCase();
257 | var bName = b.name.toLowerCase();
258 | return ((aName < bName) ? -1 : ((aName > bName) ? 1 : 0));
259 | }
260 |
261 | var _showDropdown = function (e) {
262 | $(this).next('.dropdown').toggleClass('active');
263 | }
264 |
265 | var _chooseSortOrder = function () {
266 | var sortOrder = $(this).data('value');
267 | $('.selectedOrder').attr('src', 'assets/img/' + sortOrder + '.svg');
268 | $('.dropdown').removeClass('active');
269 | _sort(sortOrder);
270 | }
271 |
272 | jQuery(document).ready(function() {
273 | $("time.timeago").timeago();
274 | window.tost = $('.tost');
275 | });
276 |
277 | var _showSettingsModal = function () {
278 | window.location.hash = "fetchUser";
279 | $('.settings-overlay').fadeIn('fast');
280 | $('.settings').fadeIn('medium');
281 | if (preferences) {
282 | if(preferences.exportSize) $('#exportSize').val(preferences.exportSize);
283 | if(preferences.exportLayers) $('#exportLayers').val(preferences.exportLayers);
284 | }
285 | }
286 |
287 | var _hideSettingsModal = function () {
288 | $('.settings-overlay').fadeOut('fast');
289 | $('.settings').fadeOut('fast');
290 | }
291 |
292 | var _signOut = function () {
293 | window.location.hash = 'signOut';
294 | }
295 |
296 | var _openUrl = function (e) {
297 | e.preventDefault();
298 | window.Link = encodeURI(JSON.stringify($(this).attr('href')));
299 | window.location.hash = 'openLink';
300 | }
301 |
302 | var _openPresentation = function (e) {
303 | e.preventDefault();
304 | var link = "https://docs.google.com/presentation/d/" + currentPresentation.id;
305 | window.Link = encodeURI(JSON.stringify(link));
306 | window.location.hash = 'openLink';
307 | }
308 |
309 | var _updateUser = function () {
310 | $('.username').text(currentUser.name);
311 | $('.email').text(currentUser.email);
312 | }
313 |
314 | var _updatePreferences = function () {
315 | var preferences = {
316 | exportSize: $('#exportSize').val(),
317 | exportLayers: $('#exportLayers').val(),
318 | };
319 |
320 | window.preferences = encodeURI(JSON.stringify(preferences));
321 | window.location.hash = 'updatePreferences';
322 | }
323 |
324 | var _fileDeleteFailed = function() {
325 | $('time').text('');
326 | }
327 |
328 | var _checkUpdates = function () {
329 | var timestamp = new Date().getTime();
330 | $.getJSON('https://raw.githubusercontent.com/websiddu/versions/master/sync-to-slides.json?t='+timestamp, function (data) {
331 | if (window.version && parseFloat(window.version) < parseFloat(data.version)) {
332 | $('.updates').show();
333 | }
334 | })
335 | }
336 |
337 | window.oncontextmenu = function (evt) {
338 | if (!evt.altKey) {
339 | evt.preventDefault();
340 | }
341 | };
342 |
343 | $(document).on('keyup', '#slidesURL', _handleChangeURL);
344 | $(document).on('click', '#removeButton', _removePresentation);
345 | $(document).on('change', '#toggleSelectAll', _toggleSelectAll)
346 | $(document).on('change', '.artboard-check', _checkToggleAllState);
347 | $(document).on('click', '#syncToSlides', _uploadToSlides);
348 | $(document).on('click', '#sortDropdown', _showDropdown);
349 | $(document).on('click', '.dropdown-option', _chooseSortOrder);
350 | $(document).on('click', '.settings-button', _showSettingsModal);
351 | $(document).on('click', '.settings-overlay', _hideSettingsModal);
352 | $(document).on('click', '.settings-done', _hideSettingsModal);
353 | $(document).on('click', '.signout', _signOut);
354 | $(document).on('click', '.link', _openUrl);
355 | $(document).on('click', '.linkToSlides', _openPresentation);
356 | $(document).on('click', '.updates a', _openUrl);
357 | $(document).on('change', '#exportSize', _updatePreferences);
358 | $(document).on('change', '#exportLayers', _updatePreferences);
359 | $(document).on('click', '#refreshArtboards', _refreshArtboards);
360 | $(document).ready(function () { _checkUpdates() });
361 |
--------------------------------------------------------------------------------
/sync-to-slides.sketchplugin/Contents/Sketch/panel/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | 
12 |
95 |
13 |
14 |
23 |
24 |
25 | 
21 |
26 |
30 |
27 |
28 |
29 |
31 | 
32 |
33 |
34 |
32 |
35 |
78 |
81 |
82 |
94 |
36 |
77 |
37 |
74 |
38 |
43 |
48 |
73 |
49 |
52 |
72 |
53 |
71 |
54 | 
55 | None
56 |
57 |
55 | None
56 |
58 | 
59 | Reverse
60 |
61 |
59 | Reverse
60 |
62 | 
63 | Alphabetical A-Z
64 |
65 |
63 | Alphabetical A-Z
64 |
66 | 
67 | Reverse alphabetical Z-A
68 |
69 |
70 |
67 | Reverse alphabetical Z-A
68 |
75 |
76 |
96 | Refreshed!
97 |
98 |
99 |
102 |
103 |
147 |
148 |
149 |
150 |
151 |
152 |
153 |
154 |
--------------------------------------------------------------------------------
/sync-to-slides.sketchplugin/Contents/Sketch/panel/login.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Settings
104 |
142 |
146 |
129 |
130 |
131 |
132 |
133 |
134 |
135 | 
136 |
137 |
136 |
138 |
139 |
155 |
156 |
157 |
158 |
171 |
172 |
173 |
--------------------------------------------------------------------------------
/sync-to-slides.sketchplugin/Contents/Sketch/scripts/MochaJSDelegate.js:
--------------------------------------------------------------------------------
1 | //
2 | // MochaJSDelegate.js
3 | // MochaJSDelegate
4 | //
5 | // Created by Matt Curtis
6 | // Copyright (c) 2015. All rights reserved.
7 | //
8 |
9 | var MochaJSDelegate = function(selectorHandlerDict){
10 | var uniqueClassName = "MochaJSDelegate_DynamicClass_" + NSUUID.UUID().UUIDString();
11 |
12 | var delegateClassDesc = MOClassDescription.allocateDescriptionForClassWithName_superclass_(uniqueClassName, NSObject);
13 |
14 | delegateClassDesc.registerClass();
15 |
16 | // Handler storage
17 |
18 | var handlers = {};
19 |
20 | // Define interface
21 |
22 | this.setHandlerForSelector = function(selectorString, func){
23 | var handlerHasBeenSet = (selectorString in handlers);
24 | var selector = NSSelectorFromString(selectorString);
25 |
26 | handlers[selectorString] = func;
27 |
28 | if(!handlerHasBeenSet){
29 | /*
30 | For some reason, Mocha acts weird about arguments:
31 | https://github.com/logancollins/Mocha/issues/28
32 |
33 | We have to basically create a dynamic handler with a likewise dynamic number of predefined arguments.
34 | */
35 |
36 | var dynamicHandler = function(){
37 | var functionToCall = handlers[selectorString];
38 |
39 | if(!functionToCall) return;
40 |
41 | return functionToCall.apply(delegateClassDesc, arguments);
42 | };
43 |
44 | var args = [], regex = /:/g;
45 | while(match = regex.exec(selectorString)) args.push("arg"+args.length);
46 |
47 | dynamicFunction = eval("(function("+args.join(",")+"){ return dynamicHandler.apply(this, arguments); })");
48 |
49 | delegateClassDesc.addInstanceMethodWithSelector_function_(selector, dynamicFunction);
50 | }
51 | };
52 |
53 | this.removeHandlerForSelector = function(selectorString){
54 | delete handlers[selectorString];
55 | };
56 |
57 | this.getHandlerForSelector = function(selectorString){
58 | return handlers[selectorString];
59 | };
60 |
61 | this.getAllHandlers = function(){
62 | return handlers;
63 | };
64 |
65 | this.getClass = function(){
66 | return NSClassFromString(uniqueClassName);
67 | };
68 |
69 | this.getClassInstance = function(){
70 | return NSClassFromString(uniqueClassName).new();
71 | };
72 |
73 | // Conveience
74 |
75 | if(typeof selectorHandlerDict == "object"){
76 | for(var selectorString in selectorHandlerDict){
77 | this.setHandlerForSelector(selectorString, selectorHandlerDict[selectorString]);
78 | }
79 | }
80 | };
81 |
--------------------------------------------------------------------------------
/sync-to-slides.sketchplugin/Contents/Sketch/src/gulpfile.js:
--------------------------------------------------------------------------------
1 | var gulp = require('gulp'),
2 | watch = require('gulp-watch'),
3 | concat = require('gulp-concat'),
4 | less = require('gulp-less'),
5 | path = require('path');
6 |
7 | gulp.task('scripts', function() {
8 | return gulp.src([
9 | 'js/init.js',
10 | 'js/utils/configs.js',
11 | 'js/utils/help.js',
12 | 'js/utils/export.js',
13 | 'js/utils/loadframework.js',
14 | 'js/utils/api.js',
15 | 'js/utils/panel.js',
16 | 'js/main.js'
17 | ])
18 | .pipe(concat('common.js'))
19 | .pipe(gulp.dest('../scripts/'));
20 | });
21 |
22 | gulp.task('less', function () {
23 | return gulp.src('./less/*.less')
24 | .pipe(less({
25 | paths: [ path.join(__dirname, 'less', 'includes') ]
26 | }))
27 | .pipe(gulp.dest('../panel/assets/css/'));
28 | });
29 |
30 |
31 | gulp.task('watch', function () {
32 | gulp.watch(['**/*.js'], ['scripts']);
33 | gulp.watch(['**/*.less'], ['less']);
34 | });
35 |
--------------------------------------------------------------------------------
/sync-to-slides.sketchplugin/Contents/Sketch/src/js/init.js:
--------------------------------------------------------------------------------
1 | var SS = {
2 | init: function (context, command, args) {
3 |
4 | var commandOptions = '' + args;
5 |
6 | this.prefs = NSUserDefaults.standardUserDefaults();
7 | this.context = context;
8 |
9 | this.version = this.context.plugin.version() + "";
10 | this.SSVersion = this.prefs.stringForKey("SSVersion") + "" || 0;
11 |
12 | this.extend(context);
13 |
14 | this.pluginRoot = this.scriptPath
15 | .stringByDeletingLastPathComponent()
16 | .stringByDeletingLastPathComponent()
17 | .stringByDeletingLastPathComponent();
18 | this.pluginSketch = this.pluginRoot + "/Contents/Sketch/";
19 | this.resources = this.pluginRoot + '/Contents/Resources';
20 |
21 | coscript.setShouldKeepAround(false);
22 |
23 | if (command && command == "init") {
24 | return false;
25 | }
26 |
27 | this.document = context.document;
28 | this.documentData = this.document.documentData();
29 | this.UIMetadata = context.document.mutableUIMetadata();
30 | this.window = this.document.window();
31 | this.pages = this.document.pages();
32 | this.page = this.document.currentPage();
33 | this.artboard = this.page.currentArtboard();
34 | this.current = this.artboard || this.page;
35 | this.configs = this.getConfigs();
36 |
37 | if (command) {
38 | switch (command) {
39 | case "sync-panel":
40 | this.Sync().showPanel(args);
41 | break;
42 | }
43 | }
44 | },
45 | extend: function(options, target) {
46 | var target = target || this;
47 |
48 | for (var key in options) {
49 | target[key] = options[key];
50 | }
51 | return target;
52 | }
53 | };
54 |
--------------------------------------------------------------------------------
/sync-to-slides.sketchplugin/Contents/Sketch/src/js/main.js:
--------------------------------------------------------------------------------
1 | SS['Sync'] = function () {
2 |
3 | var _showPanel = function () {
4 | SS['frameWork'] = SS.initFramework(SS.context, 'SyncToSlides');
5 | SS.frameWork.setWebView(SS.webView);
6 | var isAuthorized = SS.frameWork.isAuthorized();
7 | SS.exportPanel(isAuthorized);
8 | }
9 |
10 | return {
11 | showPanel: _showPanel
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/sync-to-slides.sketchplugin/Contents/Sketch/src/js/utils/api.js:
--------------------------------------------------------------------------------
1 | SS.extend({
2 | regexNames: /OVERLAY\#|WIDTH\#|HEIGHT\#|TOP\#|RIGHT\#|BOTTOM\#|LEFT\#|VERTICAL\#|HORIZONTAL\#|NOTE\#|PROPERTY\#|LITE\#/,
3 | is: function(layer, theClass){
4 | if(!layer) return false;
5 | var klass = layer.class();
6 | return klass === theClass;
7 | },
8 | addGroup: function(){
9 | return MSLayerGroup.new();
10 | },
11 | addShape: function(){
12 | var shape = MSRectangleShape.alloc().initWithFrame(NSMakeRect(0, 0, 100, 100));
13 | return MSShapeGroup.shapeWithPath(shape);
14 | },
15 | addText: function(container){
16 | var text = MSTextLayer.new();
17 | text.setStringValue("text");
18 | return text;
19 | },
20 | removeLayer: function(layer){
21 | var container = layer.parentGroup();
22 | if (container) container.removeLayer(layer);
23 | },
24 | getRect: function(layer){
25 | var rect = layer.absoluteRect();
26 | return {
27 | x: Math.round(rect.x()),
28 | y: Math.round(rect.y()),
29 | width: Math.round(rect.width()),
30 | height: Math.round(rect.height()),
31 | maxX: Math.round(rect.x() + rect.width()),
32 | maxY: Math.round(rect.y() + rect.height()),
33 | setX: function(x){ rect.setX(x); this.x = x; this.maxX = this.x + this.width; },
34 | setY: function(y){ rect.setY(y); this.y = y; this.maxY = this.y + this.height; },
35 | setWidth: function(width){ rect.setWidth(width); this.width = width; this.maxX = this.x + this.width; },
36 | setHeight: function(height){ rect.setHeight(height); this.height = height; this.maxY = this.y + this.height; }
37 | };
38 | },
39 | toNopPath: function(str){
40 | return this.toJSString(str).replace(/[\/\\\?]/g, " ");
41 | },
42 | toHTMLEncode: function(str){
43 | return this.toJSString(str)
44 | .replace(/\/g, '>')
46 | .replace(/\'/g, "'")
47 | .replace(/\"/g, """)
48 | .replace(/\u2028/g,"\\u2028")
49 | .replace(/\u2029/g,"\\u2029")
50 | .replace(/\ud83c|\ud83d/g,"")
51 | ;
52 | // return str.replace(/\&/g, "&").replace(/\"/g, """).replace(/\'/g, "'").replace(/\/g, '>');
53 | },
54 | emojiToEntities: function(str) {
55 | var self = this,
56 | emojiRegExp = new RegExp("(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|[\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|[\ud83c[\ude32-\ude3a]|[\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])", "g");
57 | return str.replace(
58 | emojiRegExp,
59 | function(match) {
60 | var u = "";
61 | for (var i = 0; i < match.length; i++) {
62 | if( !(i%2) ){
63 | u += "&#" + match.codePointAt(i)
64 | }
65 | }
66 |
67 | return u;
68 | });
69 | },
70 | toSlug: function(str){
71 | return this.toJSString(str)
72 | .toLowerCase()
73 | .replace(/(<([^>]+)>)/ig, "")
74 | .replace(/[\/\+\|]/g, " ")
75 | .replace(new RegExp("[\\!@#$%^&\\*\\(\\)\\?=\\{\\}\\[\\]\\\\\\\,\\.\\:\\;\\']", "gi"),'')
76 | .replace(/\s+/g,'-')
77 | ;
78 | },
79 | toJSString: function(str){
80 | return new String(str).toString();
81 | },
82 | toJSNumber: function(str){
83 | return Number( this.toJSString(str) );
84 | },
85 | pointToJSON: function(point){
86 | return {
87 | x: parseFloat(point.x),
88 | y: parseFloat(point.y)
89 | };
90 | },
91 | rectToJSON: function(rect, referenceRect) {
92 | if (referenceRect) {
93 | return {
94 | x: Math.round( ( rect.x() - referenceRect.x() ) * 10 ) / 10,
95 | y: Math.round( ( rect.y() - referenceRect.y() ) * 10 ) / 10,
96 | width: Math.round( rect.width() * 10 ) / 10,
97 | height: Math.round( rect.height() * 10 ) / 10
98 | };
99 | }
100 |
101 | return {
102 | x: Math.round( rect.x() * 10 ) / 10,
103 | y: Math.round( rect.y() * 10 ) / 10,
104 | width: Math.round( rect.width() * 10 ) / 10,
105 | height: Math.round( rect.height() * 10 ) / 10
106 | };
107 | },
108 | colorToJSON: function(color) {
109 | return {
110 | r: Math.round(color.red() * 255),
111 | g: Math.round(color.green() * 255),
112 | b: Math.round(color.blue() * 255),
113 | a: color.alpha(),
114 | "color-hex": color.immutableModelObject().stringValueWithAlpha(false) + " " + Math.round(color.alpha() * 100) + "%",
115 | "argb-hex": "#" + this.toHex(color.alpha() * 255) + color.immutableModelObject().stringValueWithAlpha(false).replace("#", ""),
116 | "css-rgba": "rgba(" + [
117 | Math.round(color.red() * 255),
118 | Math.round(color.green() * 255),
119 | Math.round(color.blue() * 255),
120 | (Math.round(color.alpha() * 100) / 100)
121 | ].join(",") + ")",
122 | "ui-color": "(" + [
123 | "r:" + (Math.round(color.red() * 100) / 100).toFixed(2),
124 | "g:" + (Math.round(color.green() * 100) / 100).toFixed(2),
125 | "b:" + (Math.round(color.blue() * 100) / 100).toFixed(2),
126 | "a:" + (Math.round(color.alpha() * 100) / 100).toFixed(2)
127 | ].join(" ") + ")"
128 | };
129 | },
130 | colorStopToJSON: function(colorStop) {
131 | return {
132 | color: this.colorToJSON(colorStop.color()),
133 | position: colorStop.position()
134 | };
135 | },
136 | gradientToJSON: function(gradient) {
137 | var stopsData = [],
138 | stop, stopIter = gradient.stops().objectEnumerator();
139 | while (stop = stopIter.nextObject()) {
140 | stopsData.push(this.colorStopToJSON(stop));
141 | }
142 |
143 | return {
144 | type: GradientTypes[gradient.gradientType()],
145 | from: this.pointToJSON(gradient.from()),
146 | to: this.pointToJSON(gradient.to()),
147 | colorStops: stopsData
148 | };
149 | },
150 | shadowToJSON: function(shadow) {
151 | return {
152 | type: shadow instanceof MSStyleShadow ? "outer" : "inner",
153 | offsetX: shadow.offsetX(),
154 | offsetY: shadow.offsetY(),
155 | blurRadius: shadow.blurRadius(),
156 | spread: shadow.spread(),
157 | color: this.colorToJSON(shadow.color())
158 | };
159 | },
160 | getRadius: function(layer){
161 | return ( layer.layers && this.is(layer.layers().firstObject(), MSRectangleShape) ) ? layer.layers().firstObject().fixedRadius(): 0;
162 | },
163 | getBorders: function(style) {
164 | var bordersData = [],
165 | border, borderIter = style.borders().objectEnumerator();
166 | while (border = borderIter.nextObject()) {
167 | if (border.isEnabled()) {
168 | var fillType = FillTypes[border.fillType()],
169 | borderData = {
170 | fillType: fillType,
171 | position: BorderPositions[border.position()],
172 | thickness: border.thickness()
173 | };
174 |
175 | switch (fillType) {
176 | case "color":
177 | borderData.color = this.colorToJSON(border.color());
178 | break;
179 |
180 | case "gradient":
181 | borderData.gradient = this.gradientToJSON(border.gradient());
182 | break;
183 |
184 | default:
185 | continue;
186 | }
187 |
188 | bordersData.push(borderData);
189 | }
190 | }
191 |
192 | return bordersData;
193 | },
194 | getFills: function(style) {
195 | var fillsData = [],
196 | fill, fillIter = style.fills().objectEnumerator();
197 | while (fill = fillIter.nextObject()) {
198 | if (fill.isEnabled()) {
199 | var fillType = FillTypes[fill.fillType()],
200 | fillData = {
201 | fillType: fillType
202 | };
203 |
204 | switch (fillType) {
205 | case "color":
206 | fillData.color = this.colorToJSON(fill.color());
207 | break;
208 |
209 | case "gradient":
210 | fillData.gradient = this.gradientToJSON(fill.gradient());
211 | break;
212 |
213 | default:
214 | continue;
215 | }
216 |
217 | fillsData.push(fillData);
218 | }
219 | }
220 |
221 | return fillsData;
222 | },
223 | getShadows: function(style) {
224 | var shadowsData = [],
225 | shadow, shadowIter = style.shadows().objectEnumerator();
226 | while (shadow = shadowIter.nextObject()) {
227 | if (shadow.isEnabled()) {
228 | shadowsData.push(this.shadowToJSON(shadow));
229 | }
230 | }
231 |
232 | shadowIter = style.innerShadows().objectEnumerator();
233 | while (shadow = shadowIter.nextObject()) {
234 | if (shadow.isEnabled()) {
235 | shadowsData.push(this.shadowToJSON(shadow));
236 | }
237 | }
238 |
239 | return shadowsData;
240 | },
241 | getOpacity: function(style){
242 | return style.contextSettings().opacity()
243 | },
244 | getStyleName: function(layer){
245 | var styles = (this.is(layer, MSTextLayer))? this.document.documentData().layerTextStyles(): this.document.documentData().layerStyles(),
246 | layerStyle = layer.style(),
247 | sharedObjectID = layerStyle.sharedObjectID(),
248 | style;
249 |
250 | styles = styles.objectsSortedByName();
251 |
252 | if(styles.count() > 0){
253 | style = this.find({key: "(objectID != NULL) && (objectID == %@)", match: sharedObjectID}, styles);
254 | }
255 |
256 | if(!style) return "";
257 | return this.toJSString(style.name());
258 | },
259 | updateContext: function(){
260 | this.context.document = NSDocumentController.sharedDocumentController().currentDocument();
261 | this.context.selection = this.SketchVersion >= "42"? this.context.document.selectedLayers().layers(): this.context.document.selectedLayers();
262 |
263 | return this.context;
264 | }
265 | });
266 |
--------------------------------------------------------------------------------
/sync-to-slides.sketchplugin/Contents/Sketch/src/js/utils/configs.js:
--------------------------------------------------------------------------------
1 | SS.extend({
2 | prefix: "syncToSlides",
3 | getConfigs: function(container){
4 | var configsData;
5 | if(container){
6 | configsData = this.command.valueForKey_onLayer(this.prefix, container);
7 | }
8 | else{
9 | configsData = this.UIMetadata.objectForKey(this.prefix);
10 | }
11 |
12 | return JSON.parse(configsData);
13 | },
14 | setConfigs: function(newConfigs, container){
15 | var configsData;
16 | newConfigs.timestamp = new Date().getTime();
17 | if(container){
18 | configsData = this.extend(newConfigs, this.getConfigs(container) || {});
19 | this.command.setValue_forKey_onLayer(JSON.stringify(configsData), this.prefix, container);
20 | }
21 | else{
22 | configsData = this.extend(newConfigs, this.getConfigs() || {});
23 | this.UIMetadata.setObject_forKey
(JSON.stringify(configsData), this.prefix);
24 | }
25 | var saveDoc = this.addShape();
26 | this.page.addLayers([saveDoc]);
27 | this.removeLayer(saveDoc);
28 | return configsData;
29 | },
30 | removeConfigs: function(container){
31 | if(container){
32 | this.command.setValue_forKey_onLayer(null, this.prefix, container);
33 | }
34 | else{
35 | configsData = this.UIMetadata.setObject_forKey
(null, this.prefix);
36 | }
37 |
38 | }
39 | });
40 |
--------------------------------------------------------------------------------
/sync-to-slides.sketchplugin/Contents/Sketch/src/js/utils/help.js:
--------------------------------------------------------------------------------
1 | SS.extend({
2 | openURL: function(url){
3 | var nsurl = NSURL.URLWithString(url + '?ref=ssp');
4 | NSWorkspace.sharedWorkspace().openURL(nsurl)
5 | },
6 | mathHalf: function(number){
7 | return Math.round( number / 2 );
8 | },
9 | convertUnit: function(length, isText, percentageType){
10 | if(percentageType && this.artboard){
11 | var artboardRect = this.getRect( this.artboard );
12 | if (percentageType == "width") {
13 | return Math.round((length / artboardRect.width) * 1000) / 10 + "%";
14 |
15 | }
16 | else if(percentageType == "height"){
17 | return Math.round((length / artboardRect.height) * 1000) / 10 + "%";
18 | }
19 | }
20 |
21 | var length = Math.round( length / this.configs.scale * 10 ) / 10,
22 | units = this.configs.unit.split("/"),
23 | unit = units[0];
24 |
25 | if( units.length > 1 && isText){
26 | unit = units[1];
27 | }
28 |
29 | return length + unit;
30 | },
31 | toHex:function(c) {
32 | var hex = Math.round(c).toString(16).toUpperCase();
33 | return hex.length == 1 ? "0" + hex :hex;
34 | },
35 | hexToRgb:function(hex) {
36 | var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
37 | return result ? {
38 | r: this.toHex(result[1]),
39 | g: this.toHex(result[2]),
40 | b: this.toHex(result[3])
41 | } : null;
42 | },
43 | isIntersect: function(targetRect, layerRect){
44 | return !(
45 | targetRect.maxX <= layerRect.x ||
46 | targetRect.x >= layerRect.maxX ||
47 | targetRect.y >= layerRect.maxY ||
48 | targetRect.maxY <= layerRect.y
49 | );
50 | },
51 | getDistance: function(targetRect, containerRect){
52 | var containerRect = containerRect || this.getRect(this.current);
53 |
54 | return {
55 | top: (targetRect.y - containerRect.y),
56 | right: (containerRect.maxX - targetRect.maxX),
57 | bottom: (containerRect.maxY - targetRect.maxY),
58 | left: (targetRect.x - containerRect.x),
59 | }
60 | },
61 | message: function(message){
62 | this.document.showMessage(message);
63 | },
64 | find: function(format, container, returnArray){
65 | if(!format || !format.key || !format.match){
66 | return false;
67 | }
68 | var predicate = NSPredicate.predicateWithFormat(format.key,format.match),
69 | container = container || this.current,
70 | items;
71 |
72 | if(container.pages){
73 | items = container.pages();
74 | }
75 | else if( this.is( container, MSSharedStyleContainer ) || this.is( container, MSSharedTextStyleContainer ) ){
76 | items = container.objectsSortedByName();
77 | }
78 | else if( container.children ){
79 | items = container.children();
80 | }
81 | else{
82 | items = container;
83 | }
84 |
85 | var queryResult = items.filteredArrayUsingPredicate(predicate);
86 |
87 | if(returnArray) return queryResult;
88 |
89 | if (queryResult.count() == 1){
90 | return queryResult[0];
91 | } else if (queryResult.count() > 0){
92 | return queryResult;
93 | } else {
94 | return false;
95 | }
96 | },
97 | clearAllMarks: function(){
98 | var layers = this.page.children().objectEnumerator();
99 | while(layer = layers.nextObject()) {
100 | if(this.is(layer, MSLayerGroup) && this.regexNames.exec(layer.name())){
101 | this.removeLayer(layer)
102 | }
103 | }
104 | },
105 | toggleHidden: function(){
106 | var isHidden = (this.configs.isHidden)? false : !Boolean(this.configs.isHidden);
107 | this.configs = this.setConfigs({isHidden: isHidden});
108 |
109 | var layers = this.page.children().objectEnumerator();
110 |
111 | while(layer = layers.nextObject()) {
112 | if(this.is(layer, MSLayerGroup) && this.regexNames.exec(layer.name())){
113 | layer.setIsVisible(!isHidden);
114 | }
115 | }
116 | },
117 | toggleLocked: function(){
118 | var isLocked = (this.configs.isLocked)? false : !Boolean(this.configs.isLocked);
119 | this.configs = this.setConfigs({isLocked: isLocked});
120 |
121 | var layers = this.page.children().objectEnumerator();
122 |
123 | while(layer = layers.nextObject()) {
124 | if(this.is(layer, MSLayerGroup) && this.regexNames.exec(layer.name())){
125 | layer.setIsLocked(isLocked);
126 | }
127 | }
128 | },
129 | });
130 |
--------------------------------------------------------------------------------
/sync-to-slides.sketchplugin/Contents/Sketch/src/js/utils/loadframework.js:
--------------------------------------------------------------------------------
1 | SS.extend({
2 | initFramework: function (context, frameworkName) {
3 | var scriptPath = context.scriptPath;
4 | var pluginRoot = [scriptPath stringByDeletingLastPathComponent];
5 |
6 | // pluginRoot = "/Users/gsid/Library/Developer/Xcode/DerivedData/SyncToSlides-atkpidlwzafjlvhhxhpshvcdnlnx/Build/Products/Debug/";
7 |
8 | var mocha = [Mocha sharedRuntime];
9 | if (NSClassFromString(frameworkName) == null) {
10 | if (![mocha loadFrameworkWithName:frameworkName inDirectory:pluginRoot]) {
11 | log('An error ocurred while loading the SketchSlides Framework.');
12 | return;
13 | }
14 | }
15 | return [[ServiceManager alloc] init];
16 | }
17 | });
18 |
--------------------------------------------------------------------------------
/sync-to-slides.sketchplugin/Contents/Sketch/src/js/utils/panel.js:
--------------------------------------------------------------------------------
1 | // Panel.js
2 | SS.extend({
3 | createCocoaObject: function (methods, superclass) {
4 | var uniqueClassName = "SS.sketch_" + NSUUID.UUID().UUIDString();
5 | var classDesc = MOClassDescription.allocateDescriptionForClassWithName_superclass_(uniqueClassName, superclass || NSObject);
6 | classDesc.registerClass();
7 | for (var selectorString in methods) {
8 | var selector = NSSelectorFromString(selectorString);
9 | [classDesc addInstanceMethodWithSelector:selector function:(methods[selectorString])];
10 | }
11 | return NSClassFromString(uniqueClassName).new();
12 | },
13 |
14 | addFirstMouseAcceptor: function (webView, contentView) {
15 | var button = this.createCocoaObject({
16 | 'mouseDown:': function (evt) {
17 | // Remove this view. Subsequent events such the mouseUp event that will
18 | // probably immediately follow mouseDown or any other mouse events will
19 | // be handled as if this view is not here because it will not be here!
20 | this.removeFromSuperview();
21 |
22 | // Now send the same mouseDown event again as if the user had just
23 | // clicked. With the button gone, this will be handled by the WebView.
24 | NSApplication.sharedApplication().sendEvent(evt);
25 | },
26 | }, NSButton);
27 |
28 | button.setIdentifier('firstMouseAcceptor');
29 | button.setTransparent(true);
30 | button.setTranslatesAutoresizingMaskIntoConstraints(false);
31 |
32 | contentView.addSubview(button);
33 |
34 | var views = {
35 | button: button,
36 | webView: webView
37 | };
38 |
39 | // Match width of WebView.
40 | contentView.addConstraints([NSLayoutConstraint
41 | constraintsWithVisualFormat:'H:[button(==webView)]'
42 | options:NSLayoutFormatDirectionLeadingToTrailing
43 | metrics:null
44 | views:views]);
45 |
46 | // Match height of WebView.
47 | contentView.addConstraints([NSLayoutConstraint
48 | constraintsWithVisualFormat:'V:[button(==webView)]'
49 | options:NSLayoutFormatDirectionLeadingToTrailing
50 | metrics:null
51 | views:views]);
52 |
53 | // Match top of WebView.
54 | contentView.addConstraints([[NSLayoutConstraint
55 | constraintWithItem:button attribute:NSLayoutAttributeTop
56 | relatedBy:NSLayoutRelationEqual toItem:webView
57 | attribute:NSLayoutAttributeTop multiplier:1 constant:0]]);
58 | },
59 |
60 | SSPanel: function (options) {
61 | var self = this,
62 | threadDictionary,
63 | options = this.extend(options, {
64 | url: this.pluginSketch + "/panel/index.html",
65 | width: 240,
66 | height: 316,
67 | floatWindow: false,
68 | hiddenClose: false,
69 | data: {},
70 | callback: function (data) { return data; }
71 | }),
72 | result = false;
73 | options.url = encodeURI("file://" + options.url);
74 |
75 | var frame = NSMakeRect(0, 0, options.width, (options.height + 32)),
76 | titleBgColor = NSColor.colorWithRed_green_blue_alpha(244 / 255, 180 / 255, 0 / 255, 1),
77 | contentBgColor = NSColor.colorWithRed_green_blue_alpha(1, 1, 1, 1);
78 |
79 | if (options.identifier) {
80 | threadDictionary = NSThread.mainThread().threadDictionary();
81 | }
82 |
83 | if (options.identifier && threadDictionary[options.identifier]) {
84 | return false;
85 | }
86 |
87 | var Panel = NSPanel.alloc().init();
88 |
89 | // var Panel = NSPanel.alloc().initWithContentRect_styleMask_backing_defer(frame, 31, 2, 'YES');
90 | Panel.setTitleVisibility(NSWindowTitleHidden);
91 | Panel.setTitlebarAppearsTransparent(true);
92 | Panel.standardWindowButton(NSWindowCloseButton).setHidden(options.hiddenClose);
93 | Panel.standardWindowButton(NSWindowMiniaturizeButton).setHidden(true);
94 | Panel.standardWindowButton(NSWindowZoomButton).setHidden(true);
95 | Panel.setFrame_display(frame, true);
96 | Panel.setBackgroundColor(contentBgColor);
97 | Panel.setWorksWhenModal(true);
98 |
99 | if (options.floatWindow) {
100 | Panel.becomeKeyWindow();
101 | Panel.setLevel(NSFloatingWindowLevel);
102 | threadDictionary[options.identifier] = Panel;
103 | // Long-running script
104 | COScript.currentCOScript().setShouldKeepAround_(true);
105 | }
106 |
107 | var contentView = Panel.contentView(),
108 | webView = WebView.alloc().initWithFrame(NSMakeRect(0, 0, options.width, options.height));
109 |
110 | var windowObject = webView.windowScriptObject();
111 |
112 | contentView.setWantsLayer(true);
113 | contentView.layer().setFrame(contentView.frame());
114 | // contentView.layer().setCornerRadius(6);
115 | // contentView.layer().setMasksToBounds(true);
116 |
117 | webView.setBackgroundColor(contentBgColor);
118 | webView.setMainFrameURL_(options.url);
119 | contentView.addSubview(webView);
120 |
121 | var delegate = new MochaJSDelegate({
122 | "webView:didFinishLoadForFrame:": (function (webView, webFrame) {
123 | DOMReady = [
124 | "$(",
125 | "function(){",
126 | "init(" + JSON.stringify(options.data) + ")",
127 | "}",
128 | ");"
129 | ].join("");
130 |
131 | try {
132 | if (self.configs.presentation) {
133 | windowObject.evaluateWebScript("currentPresentation = {};");
134 | windowObject.evaluateWebScript("currentPresentation.name = " + JSON.stringify(self.configs.presentation.name) + ";");
135 | windowObject.evaluateWebScript("currentPresentation.id =" + JSON.stringify(self.configs.presentation.id) + ";");
136 | windowObject.evaluateWebScript("window.lastUpdated =" + JSON.stringify(self.configs.lastUpdated) + ";");
137 | }
138 |
139 | windowObject.evaluateWebScript("window.preferences =" + JSON.stringify(self.configs.preferences) + ";");
140 | windowObject.evaluateWebScript("window.version =" + JSON.stringify(self.version) + ";");
141 | } catch(e) {
142 | log(e);
143 | }
144 |
145 | windowObject.evaluateWebScript('_onLoad();');
146 | windowObject.evaluateWebScript(DOMReady);
147 | }),
148 | "webView:didChangeLocationWithinPageForFrame:": (function (webView, webFrame) {
149 | var request = NSURL.URLWithString(webView.mainFrameURL()).fragment();
150 |
151 | if (request == "submit") {
152 | var data = JSON.parse(decodeURI(windowObject.valueForKey("SSData")));
153 | options.callback(data);
154 | result = true;
155 | if (!options.floatWindow) {
156 | windowObject.evaluateWebScript("window.location.hash = 'close';");
157 | }
158 | }
159 |
160 | if (request == 'fetchUser') {
161 | SS.frameWork.userInfo(webView);
162 | }
163 |
164 | if (request == 'lastUpdated') {
165 | var lastUpdated = JSON.parse(decodeURI(windowObject.valueForKey("lastUpdated")));
166 | self.configs = self.setConfigs({ lastUpdated: lastUpdated });
167 | }
168 |
169 | if (request == 'refreshArtboards') {
170 | newData = SS.getAllArtboardsData();
171 | self.allData = newData;
172 | var d = JSON.stringify(newData);
173 | windowObject.evaluateWebScript("init(" + d + ")");
174 | }
175 |
176 | if (request == 'fetchPresentation') {
177 | var data = JSON.parse(decodeURI(windowObject.valueForKey("SSData")));
178 | SS.frameWork.fetchPresentation_webView_shouldUpload(data.presentationId, webView, false);
179 | }
180 |
181 | if (request == 'signIn') {
182 | SS.frameWork.signIn(webView);
183 | }
184 |
185 | if (request == 'signOut') {
186 | SS.frameWork.signOut(webView);
187 | }
188 |
189 | if (request == 'LogOutSuccess') {
190 | windowObject.evaluateWebScript("window.location.href = 'login.html';");
191 | }
192 |
193 | if (request == 'openLink') {
194 | var data = JSON.parse(decodeURI(windowObject.valueForKey("Link")));
195 | SS.openURL(data);
196 | }
197 |
198 | if (request == 'LogInSuccess') {
199 | SS['frameWork'] = SS.initFramework(SS.context, 'SyncToSlides');
200 | windowObject.evaluateWebScript("window.location.href = 'index.html';");
201 | }
202 |
203 | if (request == 'presFetchSuccess') {
204 | var data = JSON.parse(decodeURI(windowObject.valueForKey("SSData")));
205 | self.configs = self.setConfigs({ presentation: data });
206 | windowObject.evaluateWebScript("_presFetchSuccess()");
207 | }
208 |
209 | if (request == 'presFetchError') {
210 | windowObject.evaluateWebScript("_presFetchError()");
211 | }
212 |
213 | if (request == 'updatePreferences') {
214 | var preferences = JSON.parse(decodeURI(windowObject.valueForKey("preferences")));
215 | self.configs = self.setConfigs({ preferences: preferences });
216 | }
217 |
218 | if (request == 'startSync') {
219 | var data = JSON.parse(decodeURI(windowObject.valueForKey("SSData")));
220 | var files = SS.getAllFilesForUpload(data.selectedArtboards);
221 | if (files.length > 0 ) {
222 | SS.frameWork.syncToSlides_allFiles_webView(data.presentationId, files, webView);
223 | } else {
224 | windowObject.evaluateWebScript('_artBoardsMissing();');
225 | }
226 | }
227 |
228 | if (request == 'onWindowDidBlur') {
229 | SS.addFirstMouseAcceptor(webView, contentView);
230 | }
231 |
232 | if (request == "close") {
233 | if (!options.floatWindow) {
234 | Panel.orderOut(nil);
235 | NSApp.stopModal();
236 | }
237 | else {
238 | Panel.close();
239 | }
240 | }
241 |
242 | if (request == "focus") {
243 | var point = Panel.currentEvent().locationInWindow(),
244 | y = NSHeight(Panel.frame()) - point.y - 32;
245 | windowObject.evaluateWebScript("lookupItemInput(" + point.x + ", " + y + ")");
246 | }
247 | windowObject.evaluateWebScript("window.location.hash = '';");
248 | })
249 | });
250 |
251 | webView.setFrameLoadDelegate_(delegate.getClassInstance());
252 | // NSButton already returns YES for -acceptsFirstMouse: so all we need to do
253 | // is handle the mouseDown event.
254 | if (options.floatWindow) {
255 | Panel.center();
256 | Panel.makeKeyAndOrderFront(nil);
257 | }
258 |
259 | var closeButton = Panel.standardWindowButton(NSWindowCloseButton);
260 | closeButton.setCOSJSTargetFunction(function (sender) {
261 | var request = NSURL.URLWithString(webView.mainFrameURL()).fragment();
262 |
263 | if (options.floatWindow && request == "submit") {
264 | data = JSON.parse(decodeURI(windowObject.valueForKey("MDData")));
265 | options.callback(data);
266 | }
267 |
268 | if (options.identifier) {
269 | threadDictionary.removeObjectForKey(options.identifier);
270 | }
271 |
272 | self.wantsStop = true;
273 | if (options.floatWindow) {
274 | Panel.close();
275 | }
276 | else {
277 | Panel.orderOut(nil);
278 | NSApp.stopModal();
279 | }
280 |
281 | });
282 | closeButton.setAction("callAction:");
283 |
284 | var titlebarView = contentView.superview().titlebarViewController().view(),
285 | titlebarContainerView = titlebarView.superview();
286 | closeButton.setFrameOrigin(NSMakePoint(8, 8));
287 | titlebarContainerView.setFrame(NSMakeRect(0, options.height, options.width, 32));
288 | titlebarView.setFrameSize(NSMakeSize(options.width, 32));
289 | titlebarView.setTransparent(true);
290 | titlebarView.setBackgroundColor(titleBgColor);
291 | titlebarContainerView.superview().setBackgroundColor(titleBgColor);
292 |
293 | if (!options.floatWindow) {
294 | NSApp.runModalForWindow(Panel);
295 | }
296 |
297 | return result;
298 | }
299 |
300 | });
301 |
--------------------------------------------------------------------------------
/sync-to-slides.sketchplugin/Contents/Sketch/src/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "src",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "gulpfile.js",
6 | "dependencies": {
7 | "gulp": "^3.9.1"
8 | },
9 | "devDependencies": {
10 | "gulp-concat": "^2.6.1",
11 | "gulp-watch": "^4.3.11"
12 | },
13 | "scripts": {
14 | "test": "echo \"Error: no test specified\" && exit 1"
15 | },
16 | "author": "",
17 | "license": "ISC"
18 | }
19 |
--------------------------------------------------------------------------------
/sync-to-slides.sketchplugin/Contents/Sketch/sync.sketchscript:
--------------------------------------------------------------------------------
1 | @import "scripts/common.js"
2 | @import "scripts/MochaJSDelegate.js"
3 |
4 | function commandSyncPanel(context) {
5 | SS.init(context, "sync-panel");
6 | }
7 |
--------------------------------------------------------------------------------
140 | 
141 |
142 |
141 |
143 |
147 |
148 |
154 | 144 | Upload artboards to Google Slides with ease. For a hassel free presentation making. 145 |
146 |