pxt-core 8.1.4 → 8.1.7

package/built/backendutils.js

@@ -689,11 +689,16 @@ var pxt;
         docs.prepTemplate = prepTemplate;
         function setupRenderer(renderer) {
             renderer.image = function (href, title, text) {
+                const endpointName = "makecode-lucas-testing-makecodetempmediaservice-usea";
                 if (href.startsWith("youtube:")) {
                     let out = '<div class="tutorial-video-embed"><iframe src="https://www.youtube.com/embed/' + href.split(":").pop()
                         + '" title="' + title + '" frameborder="0" ' + 'allowFullScreen ' + 'allow="autoplay; picture-in-picture"></iframe></div>';
                     return out;
                 }
+                else if (href.startsWith("azuremedia:")) {
+                    let out = `<div class="tutorial-video-embed"><video class="ams-embed" controls src="https://${endpointName}.streaming.media.azure.net/` + href.split(":").pop() + '/manifest(format=mpd-time-cmaf)" /></div>';
+                    return out;
+                }
                 else {
                     let out = '<img class="ui image" src="' + href + '" alt="' + text + '"';
                     if (title) {

package/built/pxt.js

@@ -103374,7 +103374,9 @@ var pxt;
                 const height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
                 const left = ((width / 2) - (popUpWidth / 2)) + winLeft;
                 const top = ((height / 2) - (popUpHeight / 2)) + winTop;
-                const popupWindow = window.open(url, title, "width=" + popUpWidth + ", height=" + popUpHeight + ", top=" + top + ", left=" + left);
+                const features = "width=" + popUpWidth + ", height=" + popUpHeight + ", top=" + top + ", left=" + left;
+                // Current CEF version does not like when features parameter is passed and just immediately rejects.
+                const popupWindow = window.open(url, title, !pxt.BrowserUtils.isIpcRenderer() ? features : undefined);
                 if (popupWindow.focus) {
                     popupWindow.focus();
                 }
@@ -103382,7 +103384,7 @@ var pxt;
             }
             catch (e) {
                 // Error opening popup
-                pxt.tickEvent('pxt.popupError', { url: url, msg: e.message });
+                pxt.tickEvent('pxt.popupError', { msg: e.message });
                 return null;
             }
         }
@@ -103460,6 +103462,19 @@ var pxt;
             return `${url}${url.indexOf('?') > 0 ? "&" : "?"}rnd=${Math.random()}`;
         }
         BrowserUtils.cacheBustingUrl = cacheBustingUrl;
+        function legacyCopyText(element) {
+            element.focus();
+            element.setSelectionRange(0, 9999);
+            try {
+                const success = document.execCommand("copy");
+                pxt.debug('copy: ' + success);
+                return !!success;
+            }
+            catch (e) {
+                return false;
+            }
+        }
+        BrowserUtils.legacyCopyText = legacyCopyText;
     })(BrowserUtils = pxt.BrowserUtils || (pxt.BrowserUtils = {}));
 })(pxt || (pxt = {}));
 var pxt;
@@ -106384,11 +106399,16 @@ var pxt;
         docs.prepTemplate = prepTemplate;
         function setupRenderer(renderer) {
             renderer.image = function (href, title, text) {
+                const endpointName = "makecode-lucas-testing-makecodetempmediaservice-usea";
                 if (href.startsWith("youtube:")) {
                     let out = '<div class="tutorial-video-embed"><iframe src="https://www.youtube.com/embed/' + href.split(":").pop()
                         + '" title="' + title + '" frameborder="0" ' + 'allowFullScreen ' + 'allow="autoplay; picture-in-picture"></iframe></div>';
                     return out;
                 }
+                else if (href.startsWith("azuremedia:")) {
+                    let out = `<div class="tutorial-video-embed"><video class="ams-embed" controls src="https://${endpointName}.streaming.media.azure.net/` + href.split(":").pop() + '/manifest(format=mpd-time-cmaf)" /></div>';
+                    return out;
+                }
                 else {
                     let out = '<img class="ui image" src="' + href + '" alt="' + text + '"';
                     if (title) {
@@ -125394,6 +125414,56 @@ ${output}</xml>`;
                     }
                     return undefined;
                 }
+                function getCallKey(statement) {
+                    const call = statement.expression;
+                    const callInfo = pxtc.pxtInfo(call).callInfo;
+                    const attributes = attrs(callInfo);
+                    if (attributes.blockAllowMultiple)
+                        return undefined;
+                    if (attributes.blockHandlerKey)
+                        return attributes.blockHandlerKey;
+                    const args = callInfo.args.filter(arg => !ts.isArrowFunction(arg) && !isFunctionExpression(arg)).map(arg => getArgKeyRecursive(arg)).join("$$");
+                    return attributes.blockId + "-" + args;
+                }
+                // custom function to get the key for an argument. we do this instead of simply calling getText() because this
+                // handles whitespace and certain passthrough nodes like parenthesized expressions
+                function getArgKeyRecursive(n) {
+                    if (!n)
+                        return "";
+                    switch (n.kind) {
+                        case SK.ParenthesizedExpression:
+                        case SK.AsExpression:
+                            return getArgKeyRecursive(n.expression);
+                        case SK.Identifier:
+                            return n.text;
+                        case SK.StringLiteral:
+                        case SK.FirstTemplateToken:
+                        case SK.NoSubstitutionTemplateLiteral:
+                            return `"${n.text}"`;
+                        case SK.NumericLiteral:
+                            return n.text;
+                        case SK.TrueKeyword:
+                            return "true";
+                        case SK.FalseKeyword:
+                            return "false";
+                        case SK.BinaryExpression:
+                            return `{${getArgKeyRecursive(n.left)}${n.operatorToken.getText()}${getArgKeyRecursive(n.right)}}`;
+                        case SK.PrefixUnaryExpression:
+                            return n.operator + getArgKeyRecursive(n.operand);
+                        case SK.PropertyAccessExpression:
+                            return getArgKeyRecursive(n.expression) + "." + getArgKeyRecursive(n.name);
+                        case SK.ArrayLiteralExpression:
+                            return `[${n.elements.map(e => getArgKeyRecursive(e))}]`;
+                        case SK.ElementAccessExpression:
+                            return `${n.expression}[${n.argumentExpression}]`;
+                        case SK.TaggedTemplateExpression:
+                            return `${getArgKeyRecursive(n.tag)}\`${n.template.getText()}\``;
+                        case SK.CallExpression:
+                            return `${getArgKeyRecursive(n.expression)}(${n.arguments.map(getArgKeyRecursive).join(",")})`;
+                        default:
+                            return n.getText();
+                    }
+                }
                 function countBlock() {
                     emittedBlocks++;
                     if (emittedBlocks > MAX_BLOCKS) {
@@ -126935,7 +127005,20 @@ ${output}</xml>`;
                             blockStatements.unshift(statement);
                         }
                     }
-                    eventStatements.map(n => getStatementBlock(n, undefined, undefined, false, topLevel)).forEach(emitStatementNode);
+                    const compiledEvents = [];
+                    const keyMap = {};
+                    for (const statement of eventStatements) {
+                        const key = statement.kind === SK.FunctionDeclaration ? undefined : getCallKey(statement);
+                        if (key && keyMap[key]) {
+                            // Pass false for topLevel to force a grey block
+                            compiledEvents.push(getStatementBlock(statement, undefined, undefined, false, false));
+                        }
+                        else {
+                            keyMap[key] = true;
+                            compiledEvents.push(getStatementBlock(statement, undefined, undefined, false, topLevel));
+                        }
+                    }
+                    compiledEvents.forEach(emitStatementNode);
                     if (blockStatements.length) {
                         // wrap statement in "on start" if top level
                         const blockNode = blockStatements.shift();

package/built/pxtblockly.js

@@ -401,8 +401,8 @@ Blockly.ConnectionChecker.prototype.getErrorMessage=function(a,b,c){switch(a){ca
 Blockly.ConnectionChecker.prototype.doSafetyChecks=function(a,b){if(!a||!b)return Blockly.Connection.REASON_TARGET_NULL;if(a.isSuperior())var c=a.getSourceBlock(),d=b.getSourceBlock();else d=a.getSourceBlock(),c=b.getSourceBlock();return c==d?Blockly.Connection.REASON_SELF_CONNECTION:b.type!=Blockly.OPPOSITE_TYPE[a.type]?Blockly.Connection.REASON_WRONG_TYPE:c.workspace!==d.workspace?Blockly.Connection.REASON_DIFFERENT_WORKSPACES:Blockly.Connection.CAN_CONNECT};
 Blockly.ConnectionChecker.prototype.doTypeChecks=function(a,b){a=a.getCheck();b=b.getCheck();if(!a||!b)return!0;for(var c=0;c<a.length;c++)if(-1!=b.indexOf(a[c]))return!0;return!1};
 Blockly.ConnectionChecker.prototype.doDragChecks=function(a,b,c){if(a.distanceFrom(b)>c||b.getSourceBlock().isInsertionMarker())return!1;switch(b.type){case Blockly.connectionTypes.PREVIOUS_STATEMENT:return this.canConnectToPrevious_(a,b);case Blockly.connectionTypes.OUTPUT_VALUE:if(b.isConnected()&&!b.targetBlock().isInsertionMarker()||a.isConnected())return!1;break;case Blockly.connectionTypes.INPUT_VALUE:if(b.isConnected()&&!b.targetBlock().isMovable()&&!b.targetBlock().isShadow()||b&&b.targetBlock()&&
-(c=b.targetBlock(),c.isShadow()&&Blockly.pxtBlocklyUtils.isFunctionArgumentReporter(c))||Blockly.pxtBlocklyUtils.isFunctionArgumentReporter(a.getSourceBlock())&&(c=b.getSourceBlock().getRootBlock(),c.isEnabled()&&!Blockly.pxtBlocklyUtils.hasMatchingArgumentReporter(c,a.getSourceBlock())))return!1;break;case Blockly.connectionTypes.NEXT_STATEMENT:if(b.isConnected()&&!a.getSourceBlock().nextConnection&&!b.targetBlock().isShadow()&&b.targetBlock().nextConnection)return!1;break;default:return!1}return-1!=
-Blockly.draggingConnections.indexOf(b)?!1:!0};Blockly.ConnectionChecker.prototype.canConnectToPrevious_=function(a,b){if(a.targetConnection||-1!=Blockly.draggingConnections.indexOf(b))return!1;var c=a.getSourceBlock(),d=c.getFirstStatementConnection(),e=a==d;a=a==c.nextConnection;if(null!=d&&!e&&!a)return!1;c=null!=c.previousConnection;if(e&&c||!b.targetConnection)return!0;b=b.targetBlock();return b.isInsertionMarker()?!b.getPreviousBlock():!1};
+(c=b.targetBlock(),c.isShadow()&&Blockly.pxtBlocklyUtils.isFunctionArgumentReporter(c)))return!1;if(Blockly.pxtBlocklyUtils.isFunctionArgumentReporter(a.getSourceBlock())){c=b.getSourceBlock().getParent();for(var d=!1;c;){if(!c.isEnabled()||Blockly.pxtBlocklyUtils.hasMatchingArgumentReporter(c,a.getSourceBlock())){d=!0;break}c=c.getParent()}if(!d)return!1}break;case Blockly.connectionTypes.NEXT_STATEMENT:if(b.isConnected()&&!a.getSourceBlock().nextConnection&&!b.targetBlock().isShadow()&&b.targetBlock().nextConnection)return!1;
+break;default:return!1}return-1!=Blockly.draggingConnections.indexOf(b)?!1:!0};Blockly.ConnectionChecker.prototype.canConnectToPrevious_=function(a,b){if(a.targetConnection||-1!=Blockly.draggingConnections.indexOf(b))return!1;var c=a.getSourceBlock(),d=c.getFirstStatementConnection(),e=a==d;a=a==c.nextConnection;if(null!=d&&!e&&!a)return!1;c=null!=c.previousConnection;if(e&&c||!b.targetConnection)return!0;b=b.targetBlock();return b.isInsertionMarker()?!b.getPreviousBlock():!1};
 Blockly.registry.register(Blockly.registry.Type.CONNECTION_CHECKER,Blockly.registry.DEFAULT,Blockly.ConnectionChecker);Blockly.VariableMap=function(a){this.variableMap_=Object.create(null);this.workspace=a};Blockly.VariableMap.prototype.clear=function(){this.variableMap_=Object.create(null)};Blockly.VariableMap.prototype.renameVariable=function(a,b){var c=this.getVariable(b,a.type),d=this.workspace.getAllBlocks(!1);Blockly.Events.setGroup(!0);try{c&&c.getId()!=a.getId()?this.renameVariableWithConflict_(a,b,c,d):this.renameVariableAndUses_(a,b,d)}finally{Blockly.Events.setGroup(!1)}};
 Blockly.VariableMap.prototype.renameVariableById=function(a,b){var c=this.getVariableById(a);if(!c)throw Error("Tried to rename a variable that didn't exist. ID: "+a);this.renameVariable(c,b)};Blockly.VariableMap.prototype.renameVariableAndUses_=function(a,b,c){Blockly.Events.fire(new (Blockly.Events.get(Blockly.Events.VAR_RENAME))(a,b));a.name=b;for(b=0;b<c.length;b++)c[b].updateVarName(a)};
 Blockly.VariableMap.prototype.renameVariableWithConflict_=function(a,b,c,d){var e=a.type;b!=c.name&&this.renameVariableAndUses_(c,b,d);for(b=0;b<d.length;b++)d[b].renameVarById(a.getId(),c.getId());Blockly.Events.fire(new (Blockly.Events.get(Blockly.Events.VAR_DELETE))(a));a=this.getVariablesOfType(e).indexOf(a);this.variableMap_[e].splice(a,1)};
@@ -1084,7 +1084,7 @@ return Blockly.Functions.namesInUse(b,null,a)[c]?(Blockly.alert(Blockly.Msg.VARI
 Blockly.Functions.mutateCallersAndDefinition=function(a,b,c){var d=Blockly.Functions.getDefinition(a,b);d?(a=Blockly.Functions.getCallers(a,d.workspace),a.push(d),Blockly.Events.setGroup(!0),a.forEach(function(a){var b=a.mutationToDom(),e=b&&Blockly.Xml.domToText(b);a.domToMutation(c);var h=a.mutationToDom(),k=h&&Blockly.Xml.domToText(h);if(e!=k)if(Blockly.Events.fire(new Blockly.Events.BlockChange(a,"mutation",null,e,k)),a.id==d.id){var l=Blockly.Functions.getArgMap(b),m=Blockly.Functions.getArgMap(h,
 !0);d.getDescendants().forEach(function(a){if(Blockly.pxtBlocklyUtils.isFunctionArgumentReporter(a)){var b=a.getFieldValue("VALUE"),c=l[b];m[c]?m[c]!==b&&a.setFieldValue(m[c],"VALUE"):a.dispose()}})}else setTimeout(function(){a.bumpNeighbours()},Blockly.BUMP_DELAY)}),Blockly.Events.setGroup(!1)):console.warn("Attempted to change function "+a+", but no definition block was found on the workspace")};
 Blockly.Functions.createFlyout=function(a,b){var c=new Blockly.Options({scrollbars:!0,disabledPatternId:a.options.disabledPatternId,parentWorkspace:a,rtl:a.RTL,oneBasedIndex:a.options.oneBasedIndex,horizontalLayout:a.horizontalLayout,toolboxPosition:a.options.toolboxPosition,zoomOptions:a.options.zoomOptions,renderer:a.options.renderer,rendererOverrides:a.options.rendererOverrides,newFunctions:a.options.newFunctions,move:{scrollbars:!0}});c=c.horizontalLayout?new Blockly.HorizontalFlyout(c):new Blockly.VerticalFlyout(c);
-var d=c.createDom("svg");goog.dom.insertSiblingAfter(d,b);c.init(a);return c};Blockly.VERSION="4.0.12";Blockly.mainWorkspace=null;Blockly.selected=null;Blockly.draggingConnections=[];Blockly.clipboardXml_=null;Blockly.clipboardSource_=null;Blockly.clipboardTypeCounts_=null;Blockly.cache3dSupported_=null;Blockly.parentContainer=null;Blockly.svgSize=function(a){Blockly.utils.deprecation.warn("Blockly.svgSize","March 2021","March 2022","workspace.getCachedParentSvgSize");return new Blockly.utils.Size(a.cachedWidth_,a.cachedHeight_)};Blockly.resizeSvgContents=function(a){a.resizeContents()};
+var d=c.createDom("svg");goog.dom.insertSiblingAfter(d,b);c.init(a);return c};Blockly.VERSION="4.0.15";Blockly.mainWorkspace=null;Blockly.selected=null;Blockly.draggingConnections=[];Blockly.clipboardXml_=null;Blockly.clipboardSource_=null;Blockly.clipboardTypeCounts_=null;Blockly.cache3dSupported_=null;Blockly.parentContainer=null;Blockly.svgSize=function(a){Blockly.utils.deprecation.warn("Blockly.svgSize","March 2021","March 2022","workspace.getCachedParentSvgSize");return new Blockly.utils.Size(a.cachedWidth_,a.cachedHeight_)};Blockly.resizeSvgContents=function(a){a.resizeContents()};
 Blockly.svgResize=function(a){for(;a.options.parentWorkspace;)a=a.options.parentWorkspace;var b=a.getParentSvg(),c=a.getCachedParentSvgSize(),d=b.parentNode;if(d){var e=d.offsetWidth;d=d.offsetHeight;c.width!=e&&(b.setAttribute("width",e+"px"),a.setCachedParentSvgSize(e,null));c.height!=d&&(b.setAttribute("height",d+"px"),a.setCachedParentSvgSize(null,d));a.resize()}};
 Blockly.onKeyDown=function(a){var b=Blockly.mainWorkspace;if(b&&!(Blockly.utils.isTargetInput(a)||b.rendered&&!b.isVisible()))Blockly.ShortcutRegistry.registry.onKeyDown(b,a)};Blockly.deleteBlock=function(a){a.workspace.isFlyout||(Blockly.Events.setGroup(!0),Blockly.hideChaff(),a.outputConnection?a.dispose(!1,!0):a.dispose(!0,!0),Blockly.Events.setGroup(!1))};Blockly.copy=function(a){if(a=a.toCopyData())Blockly.clipboardXml_=a.xml,Blockly.clipboardSource_=a.source,Blockly.clipboardTypeCounts_=a.typeCounts};
 Blockly.paste=function(){if(!Blockly.clipboardXml_)return!1;var a=Blockly.clipboardSource_;a.isFlyout&&(a=a.targetWorkspace);return Blockly.clipboardTypeCounts_&&a.isCapacityAvailable(Blockly.clipboardTypeCounts_)?(Blockly.Events.setGroup(!0),a.paste(Blockly.clipboardXml_),Blockly.Events.setGroup(!1),!0):!1};
@@ -1241,7 +1241,7 @@ weight:1,capabilities:[Blockly.ComponentManager.Capability.AUTOHIDEABLE,Blockly.
 Blockly.Toolbox.prototype.createDom_=function(a){a=a.getParentSvg();var b=this.createContainer_();this.contentsDiv_=this.createContentsContainer_();this.contentsDiv_.tabIndex=0;Blockly.utils.aria.setRole(this.contentsDiv_,Blockly.utils.aria.Role.TREE);b.appendChild(this.contentsDiv_);a.parentNode.insertBefore(b,a);this.attachEvents_(b,this.contentsDiv_);return b};
 Blockly.Toolbox.prototype.createContainer_=function(){var a=document.createElement("div");a.setAttribute("layout",this.isHorizontal()?"h":"v");Blockly.utils.dom.addClass(a,"blocklyToolboxDiv");Blockly.utils.dom.addClass(a,"blocklyNonSelectable");a.setAttribute("dir",this.RTL?"RTL":"LTR");return a};
 Blockly.Toolbox.prototype.createContentsContainer_=function(){var a=document.createElement("div");Blockly.utils.dom.addClass(a,"blocklyToolboxContents");this.isHorizontal()&&(a.style.flexDirection="row");return a};Blockly.Toolbox.prototype.attachEvents_=function(a,b){a=Blockly.browserEvents.conditionalBind(a,"click",this,this.onClick_,!1,!0);this.boundEvents_.push(a);b=Blockly.browserEvents.conditionalBind(b,"keydown",this,this.onKeyDown_,!1,!0);this.boundEvents_.push(b)};
-Blockly.Toolbox.prototype.onClick_=function(a){if(Blockly.utils.isRightButton(a)||a.target==this.HtmlDiv)Blockly.hideChaff(!1);else{var b=a.target.getAttribute("id");b&&(b=this.getToolboxItemById(b),b.isSelectable()&&(this.setSelectedItem(b),b.onClick(a)));Blockly.hideChaff(!0)}Blockly.Touch.clearTouchIdentifier()};
+Blockly.Toolbox.prototype.onClick_=function(a){if(Blockly.utils.isRightButton(a)||a.target==this.HtmlDiv)Blockly.hideChaff(!1);else{var b=a.target.getAttribute("id");b&&(b=this.getToolboxItemById(b))&&b.isSelectable()&&(this.setSelectedItem(b),b.onClick(a));Blockly.hideChaff(!0)}Blockly.Touch.clearTouchIdentifier()};
 Blockly.Toolbox.prototype.onKeyDown_=function(a){var b=!1;switch(a.keyCode){case Blockly.utils.KeyCodes.DOWN:b=this.selectNext_();break;case Blockly.utils.KeyCodes.UP:b=this.selectPrevious_();break;case Blockly.utils.KeyCodes.LEFT:b=this.selectParent_();break;case Blockly.utils.KeyCodes.RIGHT:b=this.selectChild_();break;case Blockly.utils.KeyCodes.ENTER:case Blockly.utils.KeyCodes.SPACE:this.selectedItem_&&this.selectedItem_.isCollapsible()&&(this.selectedItem_.toggleExpanded(),b=!0);break;default:b=
 !1}!b&&this.selectedItem_&&this.selectedItem_.onKeyDown&&(b=this.selectedItem_.onKeyDown(a));b&&a.preventDefault()};
 Blockly.Toolbox.prototype.createFlyout_=function(){var a=this.workspace_,b=new Blockly.Options({parentWorkspace:a,rtl:a.RTL,oneBasedIndex:a.options.oneBasedIndex,horizontalLayout:a.horizontalLayout,renderer:a.options.renderer,rendererOverrides:a.options.rendererOverrides,move:{scrollbars:!0}});b.toolboxPosition=a.options.toolboxPosition;return new (a.horizontalLayout?Blockly.registry.getClassFromOptions(Blockly.registry.Type.FLYOUTS_HORIZONTAL_TOOLBOX,a.options,!0):Blockly.registry.getClassFromOptions(Blockly.registry.Type.FLYOUTS_VERTICAL_TOOLBOX,

package/built/pxtcompiler.js

@@ -4357,6 +4357,56 @@ ${output}</xml>`;
                     }
                     return undefined;
                 }
+                function getCallKey(statement) {
+                    const call = statement.expression;
+                    const callInfo = pxtc.pxtInfo(call).callInfo;
+                    const attributes = attrs(callInfo);
+                    if (attributes.blockAllowMultiple)
+                        return undefined;
+                    if (attributes.blockHandlerKey)
+                        return attributes.blockHandlerKey;
+                    const args = callInfo.args.filter(arg => !ts.isArrowFunction(arg) && !isFunctionExpression(arg)).map(arg => getArgKeyRecursive(arg)).join("$$");
+                    return attributes.blockId + "-" + args;
+                }
+                // custom function to get the key for an argument. we do this instead of simply calling getText() because this
+                // handles whitespace and certain passthrough nodes like parenthesized expressions
+                function getArgKeyRecursive(n) {
+                    if (!n)
+                        return "";
+                    switch (n.kind) {
+                        case SK.ParenthesizedExpression:
+                        case SK.AsExpression:
+                            return getArgKeyRecursive(n.expression);
+                        case SK.Identifier:
+                            return n.text;
+                        case SK.StringLiteral:
+                        case SK.FirstTemplateToken:
+                        case SK.NoSubstitutionTemplateLiteral:
+                            return `"${n.text}"`;
+                        case SK.NumericLiteral:
+                            return n.text;
+                        case SK.TrueKeyword:
+                            return "true";
+                        case SK.FalseKeyword:
+                            return "false";
+                        case SK.BinaryExpression:
+                            return `{${getArgKeyRecursive(n.left)}${n.operatorToken.getText()}${getArgKeyRecursive(n.right)}}`;
+                        case SK.PrefixUnaryExpression:
+                            return n.operator + getArgKeyRecursive(n.operand);
+                        case SK.PropertyAccessExpression:
+                            return getArgKeyRecursive(n.expression) + "." + getArgKeyRecursive(n.name);
+                        case SK.ArrayLiteralExpression:
+                            return `[${n.elements.map(e => getArgKeyRecursive(e))}]`;
+                        case SK.ElementAccessExpression:
+                            return `${n.expression}[${n.argumentExpression}]`;
+                        case SK.TaggedTemplateExpression:
+                            return `${getArgKeyRecursive(n.tag)}\`${n.template.getText()}\``;
+                        case SK.CallExpression:
+                            return `${getArgKeyRecursive(n.expression)}(${n.arguments.map(getArgKeyRecursive).join(",")})`;
+                        default:
+                            return n.getText();
+                    }
+                }
                 function countBlock() {
                     emittedBlocks++;
                     if (emittedBlocks > MAX_BLOCKS) {
@@ -5898,7 +5948,20 @@ ${output}</xml>`;
                             blockStatements.unshift(statement);
                         }
                     }
-                    eventStatements.map(n => getStatementBlock(n, undefined, undefined, false, topLevel)).forEach(emitStatementNode);
+                    const compiledEvents = [];
+                    const keyMap = {};
+                    for (const statement of eventStatements) {
+                        const key = statement.kind === SK.FunctionDeclaration ? undefined : getCallKey(statement);
+                        if (key && keyMap[key]) {
+                            // Pass false for topLevel to force a grey block
+                            compiledEvents.push(getStatementBlock(statement, undefined, undefined, false, false));
+                        }
+                        else {
+                            keyMap[key] = true;
+                            compiledEvents.push(getStatementBlock(statement, undefined, undefined, false, topLevel));
+                        }
+                    }
+                    compiledEvents.forEach(emitStatementNode);
                     if (blockStatements.length) {
                         // wrap statement in "on start" if top level
                         const blockNode = blockStatements.shift();

package/built/pxtlib.d.ts

@@ -860,6 +860,7 @@ declare namespace pxt.BrowserUtils {
     export function getCookieLang(): string;
     export function setCookieLang(langId: string, docs?: boolean): void;
     export function cacheBustingUrl(url: string): string;
+    export function legacyCopyText(element: HTMLInputElement | HTMLTextAreaElement): boolean;
     export {};
 }
 declare namespace pxt.cloud {

package/built/pxtlib.js

@@ -5688,7 +5688,9 @@ var pxt;
                 const height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
                 const left = ((width / 2) - (popUpWidth / 2)) + winLeft;
                 const top = ((height / 2) - (popUpHeight / 2)) + winTop;
-                const popupWindow = window.open(url, title, "width=" + popUpWidth + ", height=" + popUpHeight + ", top=" + top + ", left=" + left);
+                const features = "width=" + popUpWidth + ", height=" + popUpHeight + ", top=" + top + ", left=" + left;
+                // Current CEF version does not like when features parameter is passed and just immediately rejects.
+                const popupWindow = window.open(url, title, !pxt.BrowserUtils.isIpcRenderer() ? features : undefined);
                 if (popupWindow.focus) {
                     popupWindow.focus();
                 }
@@ -5696,7 +5698,7 @@ var pxt;
             }
             catch (e) {
                 // Error opening popup
-                pxt.tickEvent('pxt.popupError', { url: url, msg: e.message });
+                pxt.tickEvent('pxt.popupError', { msg: e.message });
                 return null;
             }
         }
@@ -5774,6 +5776,19 @@ var pxt;
             return `${url}${url.indexOf('?') > 0 ? "&" : "?"}rnd=${Math.random()}`;
         }
         BrowserUtils.cacheBustingUrl = cacheBustingUrl;
+        function legacyCopyText(element) {
+            element.focus();
+            element.setSelectionRange(0, 9999);
+            try {
+                const success = document.execCommand("copy");
+                pxt.debug('copy: ' + success);
+                return !!success;
+            }
+            catch (e) {
+                return false;
+            }
+        }
+        BrowserUtils.legacyCopyText = legacyCopyText;
     })(BrowserUtils = pxt.BrowserUtils || (pxt.BrowserUtils = {}));
 })(pxt || (pxt = {}));
 var pxt;
@@ -8698,11 +8713,16 @@ var pxt;
         docs.prepTemplate = prepTemplate;
         function setupRenderer(renderer) {
             renderer.image = function (href, title, text) {
+                const endpointName = "makecode-lucas-testing-makecodetempmediaservice-usea";
                 if (href.startsWith("youtube:")) {
                     let out = '<div class="tutorial-video-embed"><iframe src="https://www.youtube.com/embed/' + href.split(":").pop()
                         + '" title="' + title + '" frameborder="0" ' + 'allowFullScreen ' + 'allow="autoplay; picture-in-picture"></iframe></div>';
                     return out;
                 }
+                else if (href.startsWith("azuremedia:")) {
+                    let out = `<div class="tutorial-video-embed"><video class="ams-embed" controls src="https://${endpointName}.streaming.media.azure.net/` + href.split(":").pop() + '/manifest(format=mpd-time-cmaf)" /></div>';
+                    return out;
+                }
                 else {
                     let out = '<img class="ui image" src="' + href + '" alt="' + text + '"';
                     if (title) {