pxt-core-own
Version:
Microsoft MakeCode, also known as Programming Experience Toolkit (PXT), provides Blocks / JavaScript tools and editors
155 lines (142 loc) • 5.32 kB
HTML
<html lang="@locale@" data-framework="typescript">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<style>
#content {
margin-bottom: 3rem ;
margin-top: 0.5rem ;
}
svg {
max-width: 100%;
}
.blocklyText {
font-family:'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace ;
}
.blocklyCheckbox,
.blocklyLed {
fill: #ff3030 ;
text-shadow: 0px 0px 6px #f00;
font-size: 17pt ;
}
.ui.card .blocklyPreview {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 1em);
max-height: calc(100% - 1em);
}
div.blocks-svg-list > svg {
margin-right: 1rem;
margin-bottom: 1rem;
page-break-inside: avoid;
vertical-align: top;
}
code {
white-space: pre-wrap;
}
code.lang-config, code.lang-package { display:none; }
code.lang-block::before,
code.lang-blocks::before,
code.lang-blocksxml::before,
code.lang-sig::before,
code.lang-sim::before,
code.lang-cards::before,
code.lang-namespaces::before,
code.lang-codecard::before,
code.lang-shadow::before {
content: "...";
position: absolute;
top: calc(50% - 0.5em);
left: calc(50% - 5em);
}
code.lang-block,
code.lang-blocks,
code.lang-blocksxml,
code.lang-sig,
code.lang-sim,
code.lang-cards,
code.lang-namespaces,
code.lang-codecard,
code.lang-shadow {
color: transparent;
}
</style>
<link rel="stylesheet" data-rtl="/blb/rtlsemantic.css" href="/blb/semantic.css" type="text/css">
<link id="blocklycss" rel="stylesheet" data-rtl="/blb/rtlblockly.css" href="/blb/blockly.css" type="text/css">
</head>
<body id="docs">
<style type="text/css">
@import "/blb/highlight.js/styles/vs.css";
</style>
<div id="sidedocs-back-button" class="ui" style="display: none">
<i class="ui icon left arrow"></i>
<span id="back-label"></span>
</div>
<div id="sidedocs-back-button-divider" class="ui divider"></div>
<div id='loading' class="ui active inverted dimmer">
<div class="ui loader"></div>
</div>
<div id="content" class="ui container mainbody">
</div>
<script>
// This line gets patched up by the cloud
var pxtConfig = null;
</script>
<!-- @include apptrackingweb.html -->
<!-- @include apptracking.html -->
<script type="text/javascript" src="/blb/jquery.js"></script>
<script type="text/javascript" src="/embed.js"></script>
<script type="text/javascript">
(function () {
var backButton = document.getElementById('sidedocs-back-button');
// don't show 'go back' for printing
if (/print:/.test(window.location.href)) {
$(backButton).remove(); backButton = undefined;
$('#sidedocs-back-button-divider').remove();
}
var loading = document.getElementById('loading');
var content = document.getElementById('content');
ksRunnerReady(function() {
pxt.BrowserUtils.initTheme();
pxt.docs.requireMarked = function() { return marked; }
var backLabel = document.getElementById('back-label');
if (backLabel)
backLabel.textContent = pxt.Util.lf("Go back")
var projectid = /projectid=([^&?]+)/i.exec(window.location.href);
var project = /project=([^&?]+)/i.exec(window.location.href);
var code = /code=([^&?]+)/i.exec(window.location.href);
var md = /md=([^&?]+)/i.exec(window.location.href);
var markdown = code ? "```blocks\n" + decodeURIComponent(code[1]) + "```" : md ? decodeURIComponent(md[1]) : undefined;
var embed = /render=1/i.exec(window.location.href);
if (markdown) {
console.log('rendering code:')
console.log(markdown);
pxt.runner.renderMarkdownAsync(content, markdown).done(function() {
$(loading).hide();
$(content).show();
});
} else if (projectid) {
pxt.runner.renderProjectAsync(content, projectid[1]).done(function() {
$(loading).hide();
$(content).show();
});
}
else if (project) {
const files = JSON.parse(project[1]);
pxt.runner.renderProjectFilesAsync(content, files).done(function() {
$(loading).hide();
$(content).show();
});
}
else if (embed)
pxt.runner.startRenderServer();
else
pxt.runner.startDocsServer(loading, content, backButton);
});
})();
</script>
</body>
</html>