/// /// /// //HACK: allows instructions.html to access pxtblocks without requiring simulator.html to import blocks as well if (!(window).pxt) (window).pxt = {}; import pxtrunner = pxt.runner; import pxtdocs = pxt.docs; namespace pxsim.instructions { export function drawInstructions() { pxsim.visuals.mkBoardView = (opts: pxsim.visuals.BoardViewOptions): pxsim.visuals.BoardView => { return new visuals.EV3BoardSvg({ runtime: runtime, theme: visuals.randomTheme(), disableTilt: false, wireframe: opts.wireframe, }); } let getQsVal = parseQueryString(); //project name let name = getQsVal("name") || "Untitled"; // board def const boardDef = JSON.parse(getQsVal("board")) as pxsim.BoardDefinition; //parts list let parts = (getQsVal("parts") || "").split(" "); parts.sort(); // parts definitions let partDefinitions = JSON.parse(getQsVal("partdefs") || "{}") as pxsim.Map //fn args let fnArgs = JSON.parse((getQsVal("fnArgs") || "{}")); //project code let tsCode = getQsVal("code"); let tsPackage = getQsVal("package") || ""; let codeSpinnerDiv = document.getElementById("proj-code-spinner"); let codeContainerDiv = document.getElementById("proj-code-container"); if (tsCode) { //we use the docs renderer to decompile the code to blocks and render it //TODO: render the blocks code directly let md = `\`\`\`blocks ${tsCode} \`\`\` \`\`\`package ${tsPackage} \`\`\` ` pxtdocs.requireMarked = function () { return (window).marked; } pxtrunner.renderMarkdownAsync(codeContainerDiv, md) .done(function () { let codeSvg = $("#proj-code-container svg"); if (codeSvg.length > 0) { //code rendered successfully as blocks codeSvg.css("width", "inherit"); codeSvg.css("height", "inherit"); //takes the svg out of the wrapper markdown codeContainerDiv.innerHTML = ""; codeContainerDiv.appendChild(codeSvg[0]); } else { //code failed to convert to blocks, display as typescript instead codeContainerDiv.innerText = tsCode; } $(codeContainerDiv).show(); $(codeSpinnerDiv).hide(); }); } if (name) $("#proj-title").text(name); //init runtime if (!pxsim.initCurrentRuntime) pxsim.initCurrentRuntime = initRuntimeWithDalBoard; renderParts({ name, boardDef, parts, partDefinitions, fnArgs }) } }