\n
",
}).done(function (res) {
if (res) {
pxt.tickEvent("menu.open.file");
_this.importFile(input.files[0]);
}
});
};
ProjectView.prototype.importUrlDialog = function () {
var input;
var shareUrl = pxt.appTarget.appTheme.embedUrl || pxt.appTarget.appTheme.homeUrl;
core.confirmAsync({
header: lf("Open project URL"),
onLoaded: function ($el) {
input = $el.find('input')[0];
},
htmlBody: "\n \n \n
\n\n
",
}).done(function (res) {
if (res) {
pxt.tickEvent("menu.open.url");
var id = pxt.Cloud.parseScriptId(input.value);
if (id) {
loadHeaderBySharedId(id);
}
}
});
};
ProjectView.prototype.launchFullEditor = function () {
pxt.tickEvent("sandbox.openfulleditor");
Util.assert(pxt.shell.isSandboxMode());
var editUrl = pxt.appTarget.appTheme.embedUrl;
if (!/\/$/.test(editUrl))
editUrl += '/';
var mpkg = pkg.mainPkg;
var epkg = pkg.getEditorPkg(mpkg);
if (pxt.shell.isReadOnly()) {
if (epkg.header.pubId) { }
editUrl += "#pub:" + epkg.header.pubId;
window.open(editUrl, '_blank');
}
else
this.exportAsync()
.done(function (fileContent) {
pxt.tickEvent("sandbox.openfulleditor");
editUrl += "#project:" + fileContent;
window.open(editUrl, '_blank');
});
};
ProjectView.prototype.anonymousPublishAsync = function () {
var _this = this;
pxt.tickEvent("publish");
this.setState({ publishing: true });
var mpkg = pkg.mainPkg;
var epkg = pkg.getEditorPkg(mpkg);
return this.saveFileAsync()
.then(function () { return mpkg.filesToBePublishedAsync(true); })
.then(function (files) {
if (epkg.header.pubCurrent)
return Promise.resolve(epkg.header.pubId);
var meta = {
description: mpkg.config.description,
};
var blocksSize = _this.blocksEditor.contentSize();
if (blocksSize) {
meta.blocksHeight = blocksSize.height;
meta.blocksWidth = blocksSize.width;
}
return workspace.anonymousPublishAsync(epkg.header, files, meta)
.then(function (inf) { return inf.id; });
}).finally(function () {
_this.setState({ publishing: false });
})
.catch(function (e) {
core.errorNotification(e.message);
return undefined;
});
};
ProjectView.prototype.updateHeaderName = function (name) {
this.setState({
projectName: name
});
this.debouncedSaveProjectName();
};
ProjectView.prototype.saveProjectName = function () {
var _this = this;
if (!this.state.projectName || !this.state.header)
return;
pxt.debug('saving project name to ' + this.state.projectName);
try {
//Save the name in the target MainPackage as well
pkg.mainPkg.config.name = this.state.projectName;
var f = pkg.mainEditorPkg().lookupFile("this/" + pxt.CONFIG_NAME);
var config = JSON.parse(f.content);
config.name = this.state.projectName;
f.setContentAsync(JSON.stringify(config, null, 4) + "\n").done(function () {
if (_this.state.header)
_this.setState({
projectName: _this.state.header.name
});
});
}
catch (e) {
console.error('failed to read pxt.json');
}
};
ProjectView.prototype.isTextEditor = function () {
return this.editor == this.textEditor;
};
ProjectView.prototype.isBlocksEditor = function () {
return this.editor == this.blocksEditor;
};
ProjectView.prototype.about = function () {
pxt.tickEvent("menu.about");
var compileService = pxt.appTarget.compileService;
core.confirmAsync({
header: lf("About {0}", pxt.appTarget.name),
hideCancel: true,
agreeLbl: lf("Ok"),
htmlBody: "\n\n \n \n
\n" + Util.htmlEscape(pxt.appTarget.description) + "
\n" + lf("{0} version:", Util.htmlEscape(pxt.appTarget.name)) + " " + Util.htmlEscape(pxt.appTarget.versions.target) + "
\n" + lf("{0} version:", "PXT") + " " + Util.htmlEscape(pxt.appTarget.versions.pxt) + "
\n" + (compileService ? "" + lf("{0} version:", "C++ runtime") + " " + Util.htmlEscape(compileService.gittag) + "
" : "") + "\n" }).done(); }; ProjectView.prototype.embed = function () { pxt.tickEvent("menu.embed"); var header = this.state.header; this.shareEditor.show(header); }; ProjectView.prototype.gettingStarted = function () { pxt.tickEvent("btn.gettingstarted"); var targetTheme = pxt.appTarget.appTheme; Util.assert(!this.state.sideDocsLoadUrl && targetTheme && !!targetTheme.sideDoc); this.startTutorial(targetTheme.sideDoc); }; ProjectView.prototype.startTutorial = function (tutorialId) { pxt.tickEvent("tutorial.start"); core.showLoading(lf("starting tutorial...")); this.startTutorialAsync(tutorialId) .then(function () { return Promise.delay(500); }); }; ProjectView.prototype.startTutorialAsync = function (tutorialId) { var _this = this; var title = tutorialId; var result = []; return pxt.Cloud.downloadMarkdownAsync(tutorialId) .then(function (md) { var titleRegex = /^#(.*)/g.exec(md); if (!titleRegex || titleRegex.length < 1) return; title = titleRegex[1]; var steps = md.split('###'); for (var step = 1; step < steps.length; step++) { var stepmd = "###" + steps[step]; result.push(stepmd); } //TODO: parse for tutorial options, mainly initial blocks }).then(function () { _this.setState({ tutorial: tutorialId, tutorialName: title, tutorialStep: 0, tutorialSteps: result }); var tc = _this.refs["tutorialcard"]; tc.setPath(tutorialId); }).then(function () { return _this.createProjectAsync({ filesOverride: { "main.blocks": "\n
\n");
$('.ui.page.dimmer .msg').text(msg);
}
exports.showLoading = showLoading;
var asyncLoadingTimeout;
function showLoadingAsync(msg, operation, delay) {
if (delay === void 0) { delay = 700; }
clearTimeout(asyncLoadingTimeout);
asyncLoadingTimeout = setTimeout(function () {
showLoading(msg);
}, delay);
return operation.finally(function () {
cancelAsyncLoading();
});
}
exports.showLoadingAsync = showLoadingAsync;
function cancelAsyncLoading() {
clearTimeout(asyncLoadingTimeout);
hideLoading();
}
exports.cancelAsyncLoading = cancelAsyncLoading;
function navigateInWindow(url) {
window.location.href = url;
}
exports.navigateInWindow = navigateInWindow;
function findChild(c, selector) {
var self = $(ReactDOM.findDOMNode(c));
if (!selector)
return self;
return self.find(selector);
}
exports.findChild = findChild;
function parseQueryString(qs) {
var r = {};
qs.replace(/\+/g, " ").replace(/([^&=]+)=?([^&]*)/g, function (f, k, v) {
r[decodeURIComponent(k)] = decodeURIComponent(v);
return "";
});
return r;
}
exports.parseQueryString = parseQueryString;
var lastTime = {};
function htmlmsg(kind, msg) {
var now = Date.now();
var prev = lastTime[kind] || 0;
if (now - prev < 100)
$('#' + kind + 'msg').text(msg);
else {
lastTime[kind] = now;
$('#' + kind + 'msg').finish().text(msg).fadeIn('fast').delay(3000).fadeOut('slow');
}
}
function errorNotification(msg) {
pxt.tickEvent("notification.error", { message: msg });
htmlmsg("err", msg);
}
exports.errorNotification = errorNotification;
function warningNotification(msg) {
pxt.log("warning: " + msg);
htmlmsg("warn", msg);
}
exports.warningNotification = warningNotification;
function infoNotification(msg) {
pxt.debug(msg);
htmlmsg("info", msg);
}
exports.infoNotification = infoNotification;
function handleNetworkError(e, ignoredCodes) {
var statusCode = parseInt(e.statusCode);
if (e.isOffline || statusCode === 0) {
warningNotification(lf("Network request failed; you appear to be offline"));
}
else if (!isNaN(statusCode) && statusCode !== 200) {
if (ignoredCodes && ignoredCodes.indexOf(statusCode) !== -1) {
return e;
}
warningNotification(lf("Network request failed"));
}
throw e;
}
exports.handleNetworkError = handleNetworkError;
function dialogAsync(options) {
var buttons = options.buttons ? options.buttons.filter(function (b) { return !!b; }) : undefined;
var logos = (options.logos || [])
.filter(function (logo) { return !!logo; })
.map(function (logo) { return ("{lf(\"Please wait\")}
\n \n
";
var modal = $(html);
if (options.copyable)
enableCopyable(modal);
var done = false;
$('#root').append(modal);
if (options.onLoaded)
options.onLoaded(modal);
modal.find('img').on('load', function () {
modal.modal('refresh');
});
modal.find(".ui.accordion").accordion();
return new Promise(function (resolve, reject) {
var mo;
var timer = options.timeout ? setTimeout(function () {
timer = 0;
mo.modal("hide");
}, options.timeout) : 0;
var onfinish = function (elt) {
if (!done) {
done = true;
if (timer)
clearTimeout(timer);
var id = elt.attr("data-btnid");
if (id) {
var btn = buttons[+id];
if (btn.onclick)
return resolve(btn.onclick());
}
return resolve();
}
};
mo = modal.modal({
observeChanges: true,
closeable: !options.hideCancel,
context: "#root",
onHidden: function () {
modal.remove();
mo.remove();
},
onApprove: onfinish,
onDeny: onfinish,
onHide: function () {
if (!done) {
done = true;
if (timer)
clearTimeout(timer);
resolve();
}
},
});
mo.modal("show");
});
}
exports.dialogAsync = dialogAsync;
function hideDialog() {
$('.modal').modal("hide");
}
exports.hideDialog = hideDialog;
function confirmAsync(options) {
if (!options.buttons)
options.buttons = [];
var result = 0;
if (!options.hideAgree) {
options.buttons.push({
label: options.agreeLbl || lf("Go ahead!"),
class: options.agreeClass,
icon: options.agreeIcon,
onclick: function () {
result = 1;
}
});
}
if (options.deleteLbl) {
options.buttons.push({
label: options.deleteLbl,
class: "delete red",
icon: "trash",
onclick: function () {
result = 2;
}
});
}
return dialogAsync(options)
.then(function () { return result; });
}
exports.confirmAsync = confirmAsync;
function confirmDelete(what, cb) {
confirmAsync({
header: lf("Would you like to delete '{0}'?", what),
body: lf("It will be deleted for good. No undo."),
agreeLbl: lf("Delete"),
agreeClass: "red",
agreeIcon: "trash",
}).then(function (res) {
if (res) {
cb().done();
}
}).done();
}
exports.confirmDelete = confirmDelete;
function promptAsync(options) {
if (!options.buttons)
options.buttons = [];
var result = options.defaultValue;
if (!options.hideAgree) {
options.buttons.push({
label: options.agreeLbl || lf("Go ahead!"),
class: options.agreeClass,
icon: options.agreeIcon,
onclick: function () {
var dialogInput = document.getElementById('promptDialogInput');
result = dialogInput.value;
}
});
}
options.htmlBody = "\n " + Util.htmlEscape(options.header) + "\n
\n \n " + (options.body ? "
";
html += "" + Util.htmlEscape(options.body) + "
" : "") + "\n " + (options.htmlBody || "") + "\n " + (options.copyable ? "\n \n \n
" : "") + "\n ";
html += logos;
if (!options.hideCancel) {
buttons.push({
label: options.disagreeLbl || lf("Cancel"),
class: options.disagreeClass || "cancel",
icon: options.disagreeIcon || "cancel"
});
}
var btnno = 0;
for (var _i = 0, buttons_1 = buttons; _i < buttons_1.length; _i++) {
var b = buttons_1[_i];
html += "\n <" + (b.url ? "a" : "button") + " class=\"ui right labeled icon button approve " + (b.class || "positive") + "\" data-btnid=\"" + btnno++ + "\" " + (b.url ? "href=\"" + b.url + "\"" : "") + " " + (b.fileName ? "download=\"" + Util.htmlEscape(b.fileName) + "\"" : '') + " target=\"_blank\">\n " + Util.htmlEscape(b.label) + "\n \n ";
}
html += "
";
html += "\n \n
";
options.onLoaded = function () {
var dialogInput = document.getElementById('promptDialogInput');
if (dialogInput) {
dialogInput.focus();
}
};
return dialogAsync(options)
.then(function () { return result; });
}
exports.promptAsync = promptAsync;
function shareLinkAsync(options) {
var html = "\n \n
\n ";
var modal = $(html);
enableCopyable(modal);
var done = false;
$('body.main').append(modal);
return new Promise(function (resolve, reject) {
return modal.modal({
onHidden: function () {
modal.remove();
},
onHide: function () {
if (!done) {
done = true;
resolve(false);
}
},
}).modal("show");
});
}
exports.shareLinkAsync = shareLinkAsync;
function enableCopyable(modal) {
var btn = modal.find('.copybtn');
btn.click(function () {
try {
var inp = modal.find('.linkinput')[0];
inp.focus();
inp.setSelectionRange(0, inp.value.length);
document.execCommand("copy");
btn.popup({
on: "manual",
inline: true
});
btn.popup("show");
}
catch (e) {
}
});
}
function scrollIntoView(item, margin) {
if (margin === void 0) { margin = 0; }
if (!item.length)
return;
var parent = item.offsetParent();
var itemTop = Math.max(item.position().top - margin, 0);
var itemBottom = item.position().top + item.outerHeight(true) + margin;
var selfTop = $(parent).scrollTop();
var selfH = $(parent).height();
var newTop = selfTop;
if (itemTop < selfTop) {
newTop = itemTop;
}
else if (itemBottom > selfTop + selfH) {
newTop = itemBottom - selfH;
}
if (newTop != selfTop) {
parent.scrollTop(newTop);
}
}
exports.scrollIntoView = scrollIntoView;
// for JavaScript console
function apiAsync(path, data) {
return (data ?
Cloud.privatePostAsync(path, data) :
Cloud.privateGetAsync(path))
.then(function (resp) {
console.log("*");
console.log("*******", path, "--->");
console.log("*");
console.log(resp);
console.log("*");
return resp;
}, function (err) {
console.log(err.message);
});
}
exports.apiAsync = apiAsync;
},{"react-dom":135}],11:[function(require,module,exports){
"use strict";
var __extends = (this && this.__extends) || function (d, b) {
for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var React = require("react");
var core = require("./core");
var gallery = require("./gallery");
var Cloud = pxt.Cloud;
var Util = pxt.Util;
var virtualApis = {};
var targetConfig = undefined;
mountVirtualApi("cloud", {
getAsync: function (p) { return Cloud.privateGetAsync(stripProtocol(p)).catch(core.handleNetworkError); },
expirationTime: function (p) { return 60 * 1000; },
isOffline: function () { return !Cloud.isOnline(); },
});
mountVirtualApi("cloud-search", {
getAsync: function (p) { return Cloud.privateGetAsync(stripProtocol(p)).catch(function (e) { return core.handleNetworkError(e, [404]); }); },
expirationTime: function (p) { return 60 * 1000; },
isOffline: function () { return !Cloud.isOnline(); },
});
mountVirtualApi("gallery", {
getAsync: function (p) { return gallery.loadGalleryAsync(stripProtocol(p)).catch(core.handleNetworkError); },
expirationTime: function (p) { return 3600 * 1000; },
isOffline: function () { return !Cloud.isOnline(); }
});
mountVirtualApi("td-cloud", {
getAsync: function (p) {
return Util.httpGetJsonAsync("https://www.touchdevelop.com/api/" + stripProtocol(p))
.catch(core.handleNetworkError);
},
expirationTime: function (p) { return 60 * 1000; },
});
mountVirtualApi("gh-search", {
getAsync: function (query) { return pxt.targetConfigAsync()
.then(function (config) { return pxt.github.searchAsync(stripProtocol(query), config ? config.packages : undefined); })
.catch(core.handleNetworkError); },
expirationTime: function (p) { return 60 * 1000; },
isOffline: function () { return !Cloud.isOnline(); },
});
mountVirtualApi("gh-pkgcfg", {
getAsync: function (query) {
return pxt.github.pkgConfigAsync(stripProtocol(query)).catch(core.handleNetworkError);
},
expirationTime: function (p) { return 60 * 1000; },
isOffline: function () { return !Cloud.isOnline(); },
});
var cachedData = {};
function subscribe(component, path) {
var e = lookup(path);
var lst = e.components;
if (lst.indexOf(component) < 0) {
lst.push(component);
component.subscriptions.push(e);
}
}
function unsubscribe(component) {
var lst = component.subscriptions;
if (lst.length == 0)
return;
component.subscriptions = [];
lst.forEach(function (ce) {
var idx = ce.components.indexOf(component);
if (idx >= 0)
ce.components.splice(idx, 1);
});
}
function expired(ce) {
if (!ce.api.expirationTime)
return ce.data != null;
return ce.data == null || (Date.now() - ce.lastRefresh) > ce.api.expirationTime(ce.path);
}
function shouldCache(ce) {
if (!ce.data)
return false;
return /^cloud:(me\/settings|ptr-pkg-)/.test(ce.path);
}
function clearCache() {
cachedData = {};
saveCache();
}
exports.clearCache = clearCache;
function loadCache() {
JSON.parse(pxt.storage.getLocal("apiCache2") || "[]").forEach(function (e) {
var ce = lookup(e.path);
ce.data = e.data;
});
}
function saveCache() {
var obj = Util.values(cachedData).filter(function (e) { return shouldCache(e); }).map(function (e) {
return {
path: e.path,
data: e.data
};
});
pxt.storage.setLocal("apiCache2", JSON.stringify(obj));
}
function matches(ce, prefix) {
return ce.path.slice(0, prefix.length) == prefix;
}
function notify(ce) {
if (shouldCache(ce))
saveCache();
var lst = ce.callbackOnce;
if (lst.length > 0) {
ce.callbackOnce = [];
Util.nextTick(function () { return lst.forEach(function (f) { return f(); }); });
}
if (ce.components.length > 0)
Util.nextTick(function () { return ce.components.forEach(function (c) { return c.forceUpdate(); }); });
}
function getVirtualApi(path) {
var m = /^([\w\-]+):/.exec(path);
if (!m || !virtualApis[m[1]])
Util.oops("bad data protocol: " + path);
return virtualApis[m[1]];
}
function queue(ce) {
if (ce.queued)
return;
if (ce.api.isOffline && ce.api.isOffline())
return;
ce.queued = true;
var final = function (res) {
ce.data = res;
ce.lastRefresh = Date.now();
ce.queued = false;
notify(ce);
};
if (ce.api.isSync)
final(ce.api.getSync(ce.path));
else
ce.api.getAsync(ce.path).done(final);
}
function lookup(path) {
if (!cachedData.hasOwnProperty(path))
cachedData[path] = {
path: path,
data: null,
lastRefresh: 0,
queued: false,
callbackOnce: [],
components: [],
api: getVirtualApi(path)
};
return cachedData[path];
}
function getCached(component, path) {
subscribe(component, path);
var r = lookup(path);
if (r.api.isSync)
return r.api.getSync(r.path);
if (expired(r))
queue(r);
return r.data;
}
function mountVirtualApi(protocol, handler) {
Util.assert(!virtualApis[protocol]);
Util.assert(!!handler.getSync || !!handler.getAsync);
Util.assert(!!handler.getSync != !!handler.getAsync);
handler.isSync = !!handler.getSync;
virtualApis[protocol] = handler;
}
exports.mountVirtualApi = mountVirtualApi;
function stripProtocol(path) {
var m = /^([\w\-]+):(.*)/.exec(path);
if (m)
return m[2];
else
Util.oops("protocol missing in: " + path);
return path;
}
exports.stripProtocol = stripProtocol;
function invalidate(prefix) {
Util.values(cachedData).forEach(function (ce) {
if (matches(ce, prefix)) {
ce.lastRefresh = 0;
if (ce.components.length > 0)
queue(lookup(ce.path));
}
});
}
exports.invalidate = invalidate;
function getAsync(path) {
var ce = lookup(path);
if (ce.api.isSync)
return Promise.resolve(ce.api.getSync(ce.path));
if (!Cloud.isOnline() || !expired(ce))
return Promise.resolve(ce.data);
return new Promise(function (resolve, reject) {
ce.callbackOnce.push(function () {
resolve(ce.data);
});
queue(ce);
});
}
exports.getAsync = getAsync;
var Component = (function (_super) {
__extends(Component, _super);
function Component(props) {
_super.call(this, props);
this.subscriptions = [];
this.renderCoreOk = false;
this.state = {};
}
Component.prototype.getData = function (path) {
if (!this.renderCoreOk)
Util.oops("Override renderCore() not render()");
return getCached(this, path);
};
Component.prototype.componentWillUnmount = function () {
unsubscribe(this);
};
Component.prototype.child = function (selector) {
return core.findChild(this, selector);
};
Component.prototype.renderCore = function () {
return null;
};
Component.prototype.render = function () {
unsubscribe(this);
this.renderCoreOk = true;
return this.renderCore();
};
return Component;
}(React.Component));
exports.Component = Component;
loadCache();
},{"./core":10,"./gallery":18,"react":264}],12:[function(require,module,exports){
"use strict";
var Promise = require("bluebird");
window.Promise = Promise;
var PouchDB = require("pouchdb");
require('pouchdb/extras/memory');
Promise.config({
// Enables all warnings except forgotten return statements.
warnings: {
wForgottenReturn: false
}
});
var _db = undefined;
var inMemory = false;
function memoryDb() {
pxt.debug('db: in memory...');
inMemory = true;
_db = new PouchDB("pxt-" + pxt.storage.storageId(), {
adapter: 'memory'
});
return Promise.resolve(_db);
}
function getDbAsync() {
if (_db)
return Promise.resolve(_db);
if (pxt.shell.isSandboxMode() || pxt.shell.isReadOnly())
return memoryDb();
var temp = new PouchDB("pxt-" + pxt.storage.storageId(), { revs_limit: 2 });
return temp.get('pouchdbsupportabletest')
.catch(function (error) {
if (error && error.error && error.name == 'indexed_db_went_bad') {
return memoryDb();
}
else {
_db = temp;
return Promise.resolve(_db);
}
});
}
exports.getDbAsync = getDbAsync;
function destroyAsync() {
return !_db ? Promise.resolve() : _db.destroy();
}
exports.destroyAsync = destroyAsync;
var Table = (function () {
function Table(name) {
this.name = name;
}
Table.prototype.getAsync = function (id) {
var _this = this;
return getDbAsync().then(function (db) { return db.get(_this.name + "--" + id); }).then(function (v) {
v.id = id;
return v;
});
};
Table.prototype.getAllAsync = function () {
var _this = this;
return getDbAsync().then(function (db) { return db.allDocs({
include_docs: true,
startkey: _this.name + "--",
endkey: _this.name + "--\uffff"
}); }).then(function (resp) { return resp.rows.map(function (e) { return e.doc; }); });
};
Table.prototype.deleteAsync = function (obj) {
return getDbAsync().then(function (db) { return db.remove(obj); });
};
Table.prototype.forceSetAsync = function (obj) {
var _this = this;
return this.getAsync(obj.id)
.then(function (o) {
obj._rev = o._rev;
return _this.setAsync(obj);
}, function (e) { return _this.setAsync(obj); });
};
Table.prototype.setAsync = function (obj) {
if (obj.id && !obj._id)
obj._id = this.name + "--" + obj.id;
return getDbAsync().then(function (db) { return db.put(obj); }).then(function (resp) { return resp.rev; });
};
return Table;
}());
exports.Table = Table;
},{"bluebird":40,"pouchdb":120,"pouchdb/extras/memory":118}],13:[function(require,module,exports){
"use strict";
function setupDragAndDrop(r, filter, dragged) {
var dragAndDrop = document && document.createElement && 'draggable' in document.createElement('span');
r.addEventListener('paste', function (e) {
if (e.clipboardData) {
// has file?
var files = Util.toArray(e.clipboardData.files).filter(filter);
if (files.length > 0) {
e.stopPropagation(); // Stops some browsers from redirecting.
e.preventDefault();
dragged(files);
}
else if (e.clipboardData.items && e.clipboardData.items.length > 0) {
var f = e.clipboardData.items[0].getAsFile();
if (f) {
e.stopPropagation(); // Stops some browsers from redirecting.
e.preventDefault();
dragged([f]);
}
}
}
});
r.addEventListener('dragover', function (e) {
var types = e.dataTransfer.types;
var found = false;
for (var i = 0; i < types.length; ++i)
if (types[i] == "Files")
found = true;
if (found) {
if (e.preventDefault)
e.preventDefault(); // Necessary. Allows us to drop.
e.dataTransfer.dropEffect = 'copy'; // See the section on the DataTransfer object.
return false;
}
return true;
}, false);
r.addEventListener('drop', function (e) {
var files = Util.toArray(e.dataTransfer.files);
if (files.length > 0) {
e.stopPropagation(); // Stops some browsers from redirecting.
e.preventDefault();
dragged(files);
}
return false;
}, false);
r.addEventListener('dragend', function (e) {
return false;
}, false);
}
exports.setupDragAndDrop = setupDragAndDrop;
},{}],14:[function(require,module,exports){
/// \n " + Util.htmlEscape(options.header) + "\n
\n \n
\n " + Util.htmlEscape(options.body || "") + "
\n\n \n \n
\n \n
\n \n " + Util.htmlEscape(options.okLabel || lf("Ok")) + "\n \n
\n \n
"
}).done();
};
return LogView;
}(React.Component));
exports.LogView = LogView;
},{"./core":10,"react":264,"react-dom":135}],22:[function(require,module,exports){
"use strict";
var U = pxt.Util;
var projects = {};
var target = "";
function getHeaders() {
return Util.values(projects).map(function (p) { return p.header; });
}
function getHeader(id) {
var p = projects[id];
return p ? p.header : undefined;
}
function getTextAsync(id) {
var p = projects[id];
return Promise.resolve(p ? p.text : undefined);
}
function initAsync(trg) {
target = target;
return Promise.resolve();
}
function saveAsync(h, text) {
projects[h.id] = {
header: h,
text: text
};
return Promise.resolve();
}
function installAsync(h0, text) {
var h = h0;
h.id = U.guidGen();
h.recentUse = U.nowSeconds();
h.modificationTime = h.recentUse;
h.target = pxt.appTarget.id;
return saveAsync(h, text).then(function () { return h; });
}
function saveToCloudAsync(h) {
return Promise.resolve();
}
function syncAsync() {
return Promise.resolve();
}
function resetAsync() {
projects = {};
target = "";
return Promise.resolve();
}
exports.provider = {
getHeaders: getHeaders,
getHeader: getHeader,
getTextAsync: getTextAsync,
initAsync: initAsync,
saveAsync: saveAsync,
installAsync: installAsync,
saveToCloudAsync: saveToCloudAsync,
syncAsync: syncAsync,
resetAsync: resetAsync
};
},{}],23:[function(require,module,exports){
/// \n
\n " + (streaming ?
"\n
\n " + lf("Local File") + "
\n \n " + lf("Save the data to your 'Downloads' folder.") + "\n
\n \n \n " + lf("Download data") + "\n
\n \n
" : "") + "\n\n
\n " + (streamUrl ?
"" + lf("Stream to Cloud") + "
\n \n " + (streamUrl ? lf("We are uploading your data to Microsoft Azure every minute.")
: lf("Upload your data to Microsoft Azure to analyze it.")) + "\n
\n \n Open\n
" :
"Stop
\n \n \n " + lf("Start") + "\n
") + "\n \n
\n \n
\n ");
$debugger = $('#debugger');
var options = {
revealElement: function (el) {
$(el).transition({
animation: pxt.appTarget.appTheme.simAnimationEnter || 'fly right in',
duration: '0.5s',
});
},
removeElement: function (el, completeHandler) {
if (pxt.appTarget.simulator.headless) {
$(el).addClass('simHeadless');
completeHandler();
}
else {
$(el).transition({
animation: pxt.appTarget.appTheme.simAnimationExit || 'fly right out',
duration: '0.5s',
onComplete: function () {
if (completeHandler)
completeHandler();
$(el).remove();
}
}).error(function () {
// Problem with animation, still complete
if (completeHandler)
completeHandler();
$(el).remove();
});
}
},
unhideElement: function (el) {
$(el).removeClass("simHeadless");
},
onDebuggerBreakpoint: function (brk) {
updateDebuggerButtons(brk);
var brkInfo = lastCompileResult.breakpoints[brk.breakpointId];
config.highlightStatement(brkInfo);
if (brk.exceptionMessage) {
core.errorNotification(lf("Program Error: {0}", brk.exceptionMessage));
}
},
onDebuggerWarning: function (wrn) {
for (var _i = 0, _a = wrn.breakpointIds; _i < _a.length; _i++) {
var id = _a[_i];
var brkInfo = lastCompileResult.breakpoints[id];
if (brkInfo) {
if (!U.startsWith("pxt_modules/", brkInfo.fileName)) {
config.highlightStatement(brkInfo);
break;
}
}
}
},
onDebuggerResume: function () {
config.highlightStatement(null);
updateDebuggerButtons();
},
onStateChanged: function (state) {
updateDebuggerButtons();
},
onSimulatorCommand: function (msg) {
switch (msg.command) {
case "restart":
cfg.restartSimulator();
break;
case "modal":
stop();
core.confirmAsync({
header: msg.header,
body: msg.body,
size: "large",
copyable: msg.copyable,
hideAgree: true,
disagreeLbl: lf("Close")
}).done();
break;
}
}
};
exports.driver = new pxsim.SimulatorDriver($('#simulators')[0], options);
config = cfg;
updateDebuggerButtons();
}
exports.init = init;
function setState(editor) {
if (config.editor != editor) {
config.editor = editor;
config.highlightStatement(null);
updateDebuggerButtons();
}
}
exports.setState = setState;
function makeDirty() {
pxsim.U.addClass(exports.driver.container, "sepia");
}
exports.makeDirty = makeDirty;
function isDirty() {
return /sepia/.test(exports.driver.container.className);
}
exports.isDirty = isDirty;
function run(pkg, debug, res, mute) {
pxsim.U.removeClass(exports.driver.container, "sepia");
var js = res.outfiles[pxtc.BINARY_JS];
var boardDefinition = pxt.appTarget.simulator.boardDefinition;
var parts = pxtc.computeUsedParts(res, true);
var fnArgs = res.usedArguments;
lastCompileResult = res;
var opts = {
boardDefinition: boardDefinition,
mute: mute,
parts: parts,
debug: debug,
fnArgs: fnArgs,
aspectRatio: parts.length ? pxt.appTarget.simulator.partsAspectRatio : pxt.appTarget.simulator.aspectRatio,
partDefinitions: pkg.computePartDefinitions(parts)
};
exports.driver.run(js, opts);
}
exports.run = run;
function mute(mute) {
exports.driver.mute(mute);
$debugger.empty();
}
exports.mute = mute;
function stop(unload) {
if (!exports.driver)
return;
pxsim.U.removeClass(exports.driver.container, "sepia");
exports.driver.stop(unload);
$debugger.empty();
}
exports.stop = stop;
function hide(completeHandler) {
if (!pxt.appTarget.simulator.headless) {
pxsim.U.addClass(exports.driver.container, "sepia");
}
exports.driver.hide(completeHandler);
$debugger.empty();
}
exports.hide = hide;
function unhide() {
exports.driver.unhide();
}
exports.unhide = unhide;
function proxy(message) {
if (!exports.driver)
return;
exports.driver.postMessage(message);
$debugger.empty();
}
exports.proxy = proxy;
function updateDebuggerButtons(brk) {
if (brk === void 0) { brk = null; }
function btn(icon, name, label, click) {
var b = $("");
if (icon)
b.addClass("icon").append("");
if (name)
b.append(Util.htmlEscape(name));
return b.click(click);
}
$debugger.empty();
if (!exports.driver.runOptions.debug)
return;
var advanced = config.editor == 'tsprj';
if (exports.driver.state == pxsim.SimulatorState.Paused) {
var $resume = btn("play", lf("Resume"), lf("Resume execution"), function () { return exports.driver.resume(pxsim.SimulatorDebuggerCommand.Resume); });
var $stepOver = btn("xicon stepover", lf("Step over"), lf("Step over next function call"), function () { return exports.driver.resume(pxsim.SimulatorDebuggerCommand.StepOver); });
var $stepInto = btn("xicon stepinto", lf("Step into"), lf("Step into next function call"), function () { return exports.driver.resume(pxsim.SimulatorDebuggerCommand.StepInto); });
$debugger.append($resume).append($stepOver);
if (advanced)
$debugger.append($stepInto);
}
else if (exports.driver.state == pxsim.SimulatorState.Running) {
var $pause = btn("pause", lf("Pause"), lf("Pause execution on the next instruction"), function () { return exports.driver.resume(pxsim.SimulatorDebuggerCommand.Pause); });
$debugger.append($pause);
}
if (!brk || !advanced)
return;
function vars(hd, frame) {
var frameView = $("" + U.htmlEscape(hd) + "
" + U.htmlEscape(n) + ": " + U.htmlEscape(sv) + "
");
}
return frameView;
}
var dbgView = $("");
dbgView.append(vars(U.lf("globals"), brk.globals));
brk.stackframes.forEach(function (sf) {
var info = sf.funcInfo;
dbgView.append(vars(info.functionName, sf.locals));
});
$('#debugger').append(dbgView);
}
},{"./core":10}],31:[function(require,module,exports){
"use strict";
var React = require("react");
var Editor = (function () {
function Editor(parent) {
this.parent = parent;
this.isVisible = false;
this.changeCallback = function () { };
this.isReady = false;
}
Editor.prototype.setVisible = function (v) {
this.isVisible = v;
};
/*******************************
Methods called before loadFile
this.editor may be undefined
Always check that this.editor exists
*******************************/
Editor.prototype.acceptsFile = function (file) {
return false;
};
Editor.prototype.getViewState = function () {
return {};
};
Editor.prototype.getCurrentSource = function () {
return this.currSource;
};
Editor.prototype.getId = function () {
return "editor";
};
Editor.prototype.displayOuter = function () {
return (React.createElement("div", {className: 'full-abs', key: this.getId(), id: this.getId(), style: { display: this.isVisible ? "block" : "none" }}, this.display()));
};
Editor.prototype.display = function () {
return null;
};
Editor.prototype.beforeCompile = function () { };
Editor.prototype.prepare = function () {
this.isReady = true;
};
Editor.prototype.resize = function (e) { };
Editor.prototype.snapshotState = function () {
return null;
};
Editor.prototype.unloadFileAsync = function () { return Promise.resolve(); };
Editor.prototype.isIncomplete = function () {
return false;
};
Editor.prototype.hasUndo = function () { return true; };
Editor.prototype.hasRedo = function () { return true; };
Editor.prototype.undo = function () { };
Editor.prototype.redo = function () { };
Editor.prototype.zoomIn = function () { };
Editor.prototype.zoomOut = function () { };
/*******************************
loadFile
*******************************/
Editor.prototype.loadFileAsync = function (file) {
this.currSource = file.content;
this.setDiagnostics(file, this.snapshotState());
return Promise.resolve();
};
/*******************************
Methods called after loadFile
this.editor != undefined
*******************************/
Editor.prototype.domUpdate = function () { };
Editor.prototype.setDiagnostics = function (file, snapshot) { };
Editor.prototype.setViewState = function (view) { };
Editor.prototype.saveToTypeScript = function () {
return null;
};
Editor.prototype.highlightStatement = function (brk) { };
Editor.prototype.filterToolbox = function (blockSubset, showCategories, showToolboxButtons) {
if (showCategories === void 0) { showCategories = true; }
if (showToolboxButtons === void 0) { showToolboxButtons = true; }
return null;
};
return Editor;
}());
exports.Editor = Editor;
},{"react":264}],32:[function(require,module,exports){
"use strict";
var __extends = (this && this.__extends) || function (d, b) {
for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var React = require("react");
var ReactDOM = require("react-dom");
var data = require("./data");
function cx(classes) {
return classes.filter(function (c) { return c && c.length !== 0 && c.trim() != ''; }).join(' ');
}
exports.cx = cx;
function genericClassName(cls, props, ignoreIcon) {
if (ignoreIcon === void 0) { ignoreIcon = false; }
return cls + " " + (ignoreIcon ? '' : props.icon && props.text ? 'icon-and-text' : props.icon ? 'icon' : "") + " " + (props.class || "");
}
function genericContent(props) {
return [
props.icon ? (React.createElement("i", {key: 'iconkey', className: props.icon + " icon " + (props.text ? " icon-and-text " : "") + (props.iconClass ? " " + props.iconClass : '')})) : null,
props.text ? (React.createElement("span", {key: 'textkey', className: 'ui text' + (props.textClass ? ' ' + props.textClass : '')}, props.text)) : null,
];
}
var UiElement = (function (_super) {
__extends(UiElement, _super);
function UiElement() {
_super.apply(this, arguments);
}
UiElement.prototype.popup = function () {
if (this.props.popup) {
var ch_1 = this.child("");
ch_1.popup({
content: this.props.popup
});
if (!ch_1.data("hasPopupHide")) {
ch_1.data("hasPopupHide", "yes");
ch_1.on("click", function () {
ch_1.popup("hide");
});
}
}
};
UiElement.prototype.componentDidMount = function () {
this.popup();
};
UiElement.prototype.componentDidUpdate = function () {
this.popup();
};
return UiElement;
}(data.Component));
exports.UiElement = UiElement;
var DropdownMenuItem = (function (_super) {
__extends(DropdownMenuItem, _super);
function DropdownMenuItem() {
_super.apply(this, arguments);
}
DropdownMenuItem.prototype.componentDidMount = function () {
var _this = this;
this.popup();
this.child("").dropdown({
action: "hide",
fullTextSearch: true,
onChange: function (v) {
if (_this.props.onChange && v != _this.props.value) {
_this.props.onChange(v);
}
}
});
};
DropdownMenuItem.prototype.componentDidUpdate = function () {
this.child("").dropdown("refresh");
this.popup();
};
DropdownMenuItem.prototype.renderCore = function () {
return (React.createElement("div", {className: genericClassName("ui dropdown item", this.props), role: this.props.role, title: this.props.title}, genericContent(this.props), React.createElement("div", {className: "menu"}, this.props.children)));
};
return DropdownMenuItem;
}(UiElement));
exports.DropdownMenuItem = DropdownMenuItem;
var Item = (function (_super) {
__extends(Item, _super);
function Item() {
_super.apply(this, arguments);
}
Item.prototype.renderCore = function () {
return (React.createElement("div", {className: genericClassName("ui item link", this.props, true) + (" " + (this.props.active ? 'active' : '')), role: this.props.role, title: this.props.title, key: this.props.value, "data-value": this.props.value, onClick: this.props.onClick}, genericContent(this.props), this.props.children));
};
return Item;
}(data.Component));
exports.Item = Item;
var Button = (function (_super) {
__extends(Button, _super);
function Button() {
_super.apply(this, arguments);
}
Button.prototype.renderCore = function () {
return (React.createElement("button", {className: genericClassName("ui button", this.props) + " " + (this.props.disabled ? "disabled" : ""), role: this.props.role, title: this.props.title, onClick: this.props.onClick}, genericContent(this.props), this.props.children));
};
return Button;
}(UiElement));
exports.Button = Button;
var Popup = (function (_super) {
__extends(Popup, _super);
function Popup() {
_super.apply(this, arguments);
}
Popup.prototype.componentDidMount = function () {
this.child(".popup-button").popup({
position: "bottom right",
on: "click",
hoverable: true,
delay: {
show: 50,
hide: 1000
}
});
};
Popup.prototype.componentDidUpdate = function () {
this.child(".popup-button").popup('refresh');
};
Popup.prototype.renderCore = function () {
return (React.createElement("div", {role: this.props.role}, React.createElement("div", {className: genericClassName("ui button popup-button", this.props)}, genericContent(this.props)), React.createElement("div", {className: "ui popup transition hidden"}, this.props.children)));
};
return Popup;
}(data.Component));
exports.Popup = Popup;
var Field = (function (_super) {
__extends(Field, _super);
function Field() {
_super.apply(this, arguments);
}
Field.prototype.renderCore = function () {
return (React.createElement("div", {className: "field"}, this.props.label ? React.createElement("label", null, this.props.label) : null, this.props.children));
};
return Field;
}(data.Component));
exports.Field = Field;
var Input = (function (_super) {
__extends(Input, _super);
function Input() {
_super.apply(this, arguments);
}
Input.prototype.copy = function () {
var p = this.props;
var el = ReactDOM.findDOMNode(this);
if (!p.lines || p.lines == 1) {
var inp = el.getElementsByTagName("input")[0];
inp.select();
}
else {
var inp = el.getElementsByTagName("textarea")[0];
inp.select();
}
try {
var success = document.execCommand("copy");
pxt.debug('copy: ' + success);
}
catch (e) {
}
};
Input.prototype.renderCore = function () {
var _this = this;
var p = this.props;
var copyBtn = p.copy && document.queryCommandSupported('copy')
? React.createElement(Button, {class: "ui right labeled primary icon button", text: lf("Copy"), icon: "copy", onClick: function () { return _this.copy(); }})
: null;
return (React.createElement(Field, {label: p.label}, React.createElement("div", {className: "ui input" + (p.inputLabel ? " labelled" : "") + (p.copy ? " action fluid" : "") + (p.disabled ? " disabled" : "")}, p.inputLabel ? (React.createElement("div", {className: "ui label"}, p.inputLabel)) : "", !p.lines || p.lines == 1 ? React.createElement("input", {className: p.class || "", type: p.type || "text", placeholder: p.placeholder, value: p.value, readOnly: !!p.readOnly, onChange: function (v) { return p.onChange(v.target.value); }})
: React.createElement("textarea", {className: "ui input " + (p.class || "") + (p.inputLabel ? " labelled" : ""), rows: p.lines, placeholder: p.placeholder, value: p.value, readOnly: !!p.readOnly, onChange: function (v) { return p.onChange(v.target.value); }}), copyBtn)));
};
return Input;
}(data.Component));
exports.Input = Input;
var Checkbox = (function (_super) {
__extends(Checkbox, _super);
function Checkbox() {
_super.apply(this, arguments);
}
Checkbox.prototype.renderCore = function () {
var p = this.props;
return React.createElement(Field, {label: p.label}, React.createElement("div", {className: "ui toggle checkbox"}, React.createElement("input", {type: "checkbox", checked: p.checked, onChange: function (v) { return p.onChange(v.target.value); }}), p.inputLabel ? React.createElement("label", null, p.inputLabel) : undefined));
};
return Checkbox;
}(data.Component));
exports.Checkbox = Checkbox;
var Segment = (function (_super) {
__extends(Segment, _super);
function Segment() {
_super.apply(this, arguments);
}
Segment.prototype.renderCore = function () {
var _a = this.props, attached = _a.attached, basic = _a.basic, children = _a.children, circular = _a.circular, className = _a.className, clearing = _a.clearing, color = _a.color, compact = _a.compact, disabled = _a.disabled, floated = _a.floated, inverted = _a.inverted, loading = _a.loading, padded = _a.padded, piled = _a.piled, raised = _a.raised, secondary = _a.secondary, size = _a.size, stacked = _a.stacked, tertiary = _a.tertiary, textAlign = _a.textAlign, vertical = _a.vertical;
var classes = cx([
'ui',
color,
size,
basic ? 'basic' : '',
circular ? 'circular' : '',
clearing ? 'clearing' : '',
compact ? 'compact' : '',
disabled ? 'disabled' : '',
inverted ? 'inverted' : '',
loading ? 'loading' : '',
piled ? 'piled' : '',
raised ? 'raised' : '',
secondary ? 'secondary' : '',
stacked ? 'stacked' : '',
tertiary ? 'tertiary' : '',
vertical ? 'vertical' : '',
attached ? attached + " attached" : '',
padded ? padded + " padded" : '',
textAlign ? (textAlign == 'justified' ? 'justified' : textAlign + " aligned") : '',
floated ? floated + " floated" : '',
'segment',
className,
]);
return (React.createElement("div", {className: classes}, children));
};
return Segment;
}(data.Component));
exports.Segment = Segment;
var MenuItem = (function (_super) {
__extends(MenuItem, _super);
function MenuItem(props) {
var _this = this;
_super.call(this, props);
this.handleClick = function (e) {
var onClick = _this.props.onClick;
if (onClick)
onClick(e, _this.props);
};
}
MenuItem.prototype.renderCore = function () {
var _a = this.props, active = _a.active, children = _a.children, className = _a.className, color = _a.color, content = _a.content, fitted = _a.fitted, header = _a.header, icon = _a.icon, link = _a.link, name = _a.name, onClick = _a.onClick, position = _a.position;
var classes = cx([
color,
position,
active ? 'active' : '',
icon === true || icon && !(name || content) ? 'icon' : '',
header ? 'header' : '',
link || onClick ? 'link' : '',
fitted ? (fitted == true ? "" + fitted : "fitted " + fitted) : '',
'item',
className
]);
if (children) {
return React.createElement("div", {className: classes, onClick: this.handleClick}, children);
}
return (React.createElement("div", {className: classes, onClick: this.handleClick}, icon ? React.createElement("i", {className: "icon " + icon}) : undefined, content || name));
};
return MenuItem;
}(data.Component));
exports.MenuItem = MenuItem;
var Menu = (function (_super) {
__extends(Menu, _super);
function Menu(props) {
_super.call(this, props);
}
Menu.prototype.renderCore = function () {
var _a = this.props, attached = _a.attached, borderless = _a.borderless, children = _a.children, className = _a.className, color = _a.color, compact = _a.compact, fixed = _a.fixed, floated = _a.floated, fluid = _a.fluid, icon = _a.icon, inverted = _a.inverted, pagination = _a.pagination, pointing = _a.pointing, secondary = _a.secondary, size = _a.size, stackable = _a.stackable, tabular = _a.tabular, text = _a.text, vertical = _a.vertical;
var classes = cx([
'ui',
color,
size,
borderless ? 'borderless' : '',
compact ? 'compact' : '',
fluid ? 'fluid' : '',
inverted ? 'inverted' : '',
pagination ? 'pagination' : '',
pointing ? 'pointing' : '',
secondary ? 'secondary' : '',
stackable ? 'stackable' : '',
text ? 'text' : '',
vertical ? 'vertical' : '',
attached ? (attached == true ? 'attached' : attached + " attached ") : '',
floated ? (floated == true ? 'floated' : floated + " floated") : '',
icon ? (icon == true ? 'icon' : icon + " icon") : '',
tabular ? (tabular == true ? 'tabular' : tabular + " tabular") : '',
fixed ? "tabular " + tabular : '',
className,
'menu'
]);
return (React.createElement("div", {className: classes}, children));
};
return Menu;
}(data.Component));
exports.Menu = Menu;
var Modal = (function (_super) {
__extends(Modal, _super);
function Modal(props) {
var _this = this;
_super.call(this, props);
this.getMountNode = function () { return _this.props.mountNode || document.body; };
this.handleClose = function (e) {
var onClose = _this.props.onClose;
if (onClose)
onClose(e, _this.props);
if (_this.state.open != false)
_this.setState({ open: false });
};
this.handleOpen = function (e) {
var onOpen = _this.props.onOpen;
if (onOpen)
onOpen(e, _this.props);
if (_this.state.open != true)
_this.setState({ open: true });
};
this.setPosition = function () {
if (_this.ref) {
var mountNode = _this.getMountNode();
var height = _this.ref.getBoundingClientRect().height;
var marginTop = -Math.round(height / 2);
var scrolling = height >= window.innerHeight;
var newState = {};
if (_this.state.marginTop !== marginTop) {
newState.marginTop = marginTop;
}
if (_this.state.scrolling !== scrolling) {
newState.scrolling = scrolling;
if (scrolling) {
mountNode.classList.add('scrolling');
}
else {
mountNode.classList.remove('scrolling');
}
}
if (Object.keys(newState).length > 0)
_this.setState(newState);
}
_this.animationId = requestAnimationFrame(_this.setPosition);
};
this.handlePortalMount = function () {
var dimmer = _this.props.dimmer;
var mountNode = _this.getMountNode();
if (dimmer) {
mountNode.classList.add('dimmable', 'dimmed');
if (dimmer === 'blurring' && !pxt.options.light) {
mountNode.classList.add('blurring');
}
}
_this.setPosition();
};
this.handleRef = function (c) { return (_this.ref = c); };
this.handlePortalUnmount = function () {
var mountNode = _this.getMountNode();
mountNode.classList.remove('blurring', 'dimmable', 'dimmed', 'scrollable');
if (_this.animationId)
cancelAnimationFrame(_this.animationId);
};
this.id = Util.guidGen();
this.state = {
open: this.props.open
};
}
Modal.prototype.componentWillUnmount = function () {
this.handlePortalUnmount();
};
Modal.prototype.componentWillMount = function () {
var open = this.props.open;
this.state = { open: open };
};
Modal.prototype.componentWillReceiveProps = function (nextProps) {
var newState = {};
if (nextProps.open != undefined) {
newState.open = nextProps.open;
}
if (Object.keys(newState).length > 0)
this.setState(newState);
};
Modal.prototype.renderCore = function () {
var _this = this;
var open = this.state.open;
var _a = this.props, basic = _a.basic, children = _a.children, className = _a.className, closeIcon = _a.closeIcon, closeOnDimmerClick = _a.closeOnDimmerClick, closeOnDocumentClick = _a.closeOnDocumentClick, dimmer = _a.dimmer, dimmerClassName = _a.dimmerClassName, size = _a.size;
var _b = this.state, marginTop = _b.marginTop, scrolling = _b.scrolling;
var classes = cx([
'ui',
size,
basic ? 'basic' : '',
scrolling ? 'scrolling' : '',
'modal transition visible active',
className,
]);
var closeIconName = closeIcon === true ? 'close' : closeIcon;
var modalJSX = (React.createElement("div", {className: classes, style: { marginTop: marginTop }, ref: this.handleRef, role: "dialog", "aria-labelledby": this.id + 'title', "aria-describedby": this.id + 'desc'}, this.props.header ? React.createElement("div", {id: this.id + 'title', className: "header " + (this.props.headerClass || "")}, this.props.header, this.props.closeIcon ? React.createElement(Button, {icon: closeIconName, class: "clear right floated", onClick: function () { return _this.handleClose(null); }}) : undefined, this.props.helpUrl ?
React.createElement("a", {className: "ui button icon-and-text right floated labeled", href: this.props.helpUrl, target: "_docs"}, React.createElement("i", {className: "help icon"}), lf("Help"))
: undefined) : undefined, React.createElement("div", {id: this.id + 'desc', className: "content"}, children), this.props.action && this.props.actionClick ?
React.createElement("div", {className: "actions"}, React.createElement(Button, {text: this.props.action, class: "approve primary " + (this.props.actionLoading ? "loading" : ""), onClick: function () {
_this.props.actionClick();
}})) : undefined));
var dimmerClasses = !dimmer
? null
: cx([
'ui',
dimmer === 'inverted' ? 'inverted' : '',
pxt.options.light ? '' : "transition",
'page modals dimmer visible active',
dimmerClassName
]);
var blurring = dimmer === 'blurring';
return (React.createElement(Portal, {closeOnRootNodeClick: closeOnDimmerClick, closeOnDocumentClick: closeOnDocumentClick, className: dimmerClasses, mountNode: this.getMountNode(), onMount: this.handlePortalMount, onUnmount: this.handlePortalUnmount, onClose: this.handleClose, onOpen: this.handleOpen, open: open}, modalJSX));
};
return Modal;
}(data.Component));
exports.Modal = Modal;
var Portal = (function (_super) {
__extends(Portal, _super);
function Portal(props) {
var _this = this;
_super.call(this, props);
this.handleDocumentClick = function (e) {
var _a = _this.props, closeOnDocumentClick = _a.closeOnDocumentClick, closeOnRootNodeClick = _a.closeOnRootNodeClick;
if (!_this.rootNode || !_this.portalNode || _this.portalNode.contains(e.target))
return;
var didClickInRootNode = _this.rootNode.contains(e.target);
if (closeOnDocumentClick && !didClickInRootNode || closeOnRootNodeClick && didClickInRootNode) {
_this.close(e);
}
};
this.close = function (e) {
var onClose = _this.props.onClose;
if (onClose)
onClose(e);
if (_this.state.open != false)
_this.setState({ open: false });
};
this.open = function (e) {
var onOpen = _this.props.onOpen;
if (onOpen)
onOpen(e);
if (_this.state.open != true)
_this.setState({ open: true });
};
this.mountPortal = function () {
if (_this.rootNode)
return;
var _a = _this.props.mountNode, mountNode = _a === void 0 ? document.body : _a;
_this.rootNode = document.createElement('div');
mountNode.appendChild(_this.rootNode);
document.addEventListener('click', _this.handleDocumentClick);
var onMount = _this.props.onMount;
if (onMount)
onMount();
};
this.unmountPortal = function () {
if (!_this.rootNode)
return;
ReactDOM.unmountComponentAtNode(_this.rootNode);
_this.rootNode.parentNode.removeChild(_this.rootNode);
_this.rootNode = null;
_this.portalNode = null;
document.removeEventListener('click', _this.handleDocumentClick);
var onUnmount = _this.props.onUnmount;
if (onUnmount)
onUnmount();
};
}
Portal.prototype.componentDidMount = function () {
if (this.state.open) {
this.renderPortal();
}
};
Portal.prototype.componentDidUpdate = function (prevProps, prevState) {
if (this.state.open) {
this.renderPortal();
}
if (prevState.open && !this.state.open) {
this.unmountPortal();
}
};
Portal.prototype.componentWillUnmount = function () {
this.unmountPortal();
};
Portal.prototype.componentWillMount = function () {
var open = this.props.open;
this.state = { open: open };
};
Portal.prototype.componentWillReceiveProps = function (nextProps) {
var newState = {};
if (nextProps.open != undefined) {
newState.open = nextProps.open;
}
if (Object.keys(newState).length > 0)
this.setState(newState);
};
Portal.prototype.renderPortal = function () {
var _a = this.props, children = _a.children, className = _a.className, open = _a.open;
this.mountPortal();
this.rootNode.className = className || '';
ReactDOM.unstable_renderSubtreeIntoContainer(this, React.Children.only(children), this.rootNode);
this.portalNode = this.rootNode.firstElementChild;
};
Portal.prototype.renderCore = function () {
return React.createElement("div", null);
};
return Portal;
}(data.Component));
exports.Portal = Portal;
},{"./data":11,"react":264,"react-dom":135}],33:[function(require,module,exports){
"use strict";
var workeriface = require("./workeriface");
var pkg = require("./package");
var iface;
function td2tsAsync(td) {
if (!iface)
iface = workeriface.makeWebWorker(pxt.webConfig.tdworkerjs);
return pkg.mainPkg.getCompileOptionsAsync()
.then(function (opts) {
opts.ast = true;
var res = pxtc.compile(opts);
var apiinfo = pxtc.getApiInfo(res.ast, true);
var arg = {
text: td,
useExtensions: true,
apiInfo: apiinfo
};
return iface.opAsync("td2ts", arg);
})
.then(function (resp) {
pxt.debug(resp);
return resp.text;
});
}
exports.td2tsAsync = td2tsAsync;
},{"./package":24,"./workeriface":36}],34:[function(require,module,exports){
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = new DOMParser().parseFromString("