pxt-core 7.3.21 → 7.3.25

package/built/pxtblocks.d.ts

@@ -471,7 +471,7 @@ declare namespace pxtblockly {
         protected animateRef: any;
         protected asset: pxt.Animation;
         protected initInterval: number;
-        initView(): void;
+        init(): void;
         showEditor_(): void;
         render_(): void;
         protected getAssetType(): pxt.AssetType;
@@ -508,7 +508,7 @@ declare namespace pxtblockly {
         CURSOR: string;
         private type_;
         constructor(state: string, params: Blockly.FieldCustomOptions, opt_validator?: Function);
-        initView(): void;
+        init(): void;
         updateSize_(): void;
         /**
          * Return 'TRUE' if the toggle is ON, 'FALSE' otherwise.
@@ -1243,7 +1243,7 @@ declare namespace pxtblockly {
         protected blocksInfo: pxtc.BlocksInfo;
         protected transparent: TilesetDropdownOption;
         constructor(text: string, options: FieldImageDropdownOptions, validator?: Function);
-        initView(): void;
+        init(): void;
         getValue(): any;
         getText(): string;
         render_(): void;
@@ -1265,7 +1265,7 @@ declare namespace pxtblockly {
         CURSOR: string;
         private type_;
         constructor(state: string, params: Blockly.FieldCustomOptions, opt_validator?: Function);
-        initView(): void;
+        init(): void;
         getDisplayText_(): string;
         getTrueText(): string;
         getFalseText(): string;

package/built/pxtblocks.js

@@ -1497,7 +1497,7 @@ var pxt;
         function compileBlockAsync(b, blockInfo) {
             const w = b.workspace;
             const e = mkEnv(w, blockInfo);
-            infer(w && w.getAllBlocks(false), e, w);
+            infer(w && w.getAllBlocks(), e, w);
             const compiled = compileStatementBlock(e, b);
             removeAllPlaceholders();
             return tdASTtoTS(e, compiled);
@@ -1518,7 +1518,7 @@ var pxt;
         function compileWorkspace(e, w, blockInfo) {
             try {
                 // all compiled top level blocks are events
-                let allBlocks = w.getAllBlocks(false);
+                let allBlocks = w.getAllBlocks();
                 if (pxt.react.getTilemapProject) {
                     pxt.react.getTilemapProject().removeInactiveBlockAssets(allBlocks.map(b => b.id));
                 }
@@ -1788,11 +1788,13 @@ var pxt;
             });
         }
         function maybeAddComment(b, comments) {
-            var _a;
-            // Check if getCommentText exists, block may be placeholder
-            const text = (_a = b.getCommentText) === null || _a === void 0 ? void 0 : _a.call(b);
-            if (text) {
-                comments.push(text);
+            if (b.comment) {
+                if ((typeof b.comment) === "string") {
+                    comments.push(b.comment);
+                }
+                else {
+                    comments.push(b.comment.getText());
+                }
             }
         }
         function addCommentNodes(comments, r) {
@@ -2455,9 +2457,9 @@ var pxt;
                 }
             });
             // we'll ignore disabled blocks in the final output
-            const oldBlocks = oldWs.getAllBlocks(false).filter(b => b.isEnabled());
+            const oldBlocks = oldWs.getAllBlocks().filter(b => b.isEnabled());
             const oldTopBlocks = oldWs.getTopBlocks(false).filter(b => b.isEnabled());
-            const newBlocks = newWs.getAllBlocks(false).filter(b => b.isEnabled());
+            const newBlocks = newWs.getAllBlocks().filter(b => b.isEnabled());
             log(`blocks`, newBlocks.map(b => b.toDevString()));
             log(newBlocks);
             if (oldBlocks.length == 0 && newBlocks.length == 0) {
@@ -2479,11 +2481,11 @@ var pxt;
             const newXml = pxt.blocks.saveWorkspaceXml(newWs, true);
             pxt.blocks.domToWorkspaceNoEvents(Blockly.Xml.textToDom(newXml), ws);
             // delete disabled blocks from final workspace
-            ws.getAllBlocks(false).filter(b => !b.isEnabled()).forEach(b => {
+            ws.getAllBlocks().filter(b => !b.isEnabled()).forEach(b => {
                 log('disabled ', b.toDevString());
                 b.dispose(false);
             });
-            const todoBlocks = pxt.Util.toDictionary(ws.getAllBlocks(false), b => b.id);
+            const todoBlocks = pxt.Util.toDictionary(ws.getAllBlocks(), b => b.id);
             log(`todo blocks`, todoBlocks);
             logTodo('start');
             // 1. deleted top blocks
@@ -2493,7 +2495,7 @@ var pxt;
                     done(b);
                     const b2 = cloneIntoDiff(b);
                     done(b2);
-                    b2.setEnabled(false);
+                    b2.setDisabled(true);
                 });
                 logTodo('deleted top');
             }
@@ -2558,7 +2560,7 @@ var pxt;
             });
             logTodo('unmodified');
             // if nothing is left in the workspace, we "missed" change
-            if (!ws.getAllBlocks(false).length) {
+            if (!ws.getAllBlocks().length) {
                 pxt.tickEvent("blocks.diff", { missed: 1 });
                 return {
                     ws,
@@ -2591,7 +2593,7 @@ var pxt;
             function stitch(b) {
                 log(`stitching ${b.toDevString()}->${dids[b.id]}`);
                 const wb = ws.getBlockById(dids[b.id]);
-                wb.setEnabled(false);
+                wb.setDisabled(true);
                 markUsed(wb);
                 done(wb);
                 // connect previous connection to delted or existing block
@@ -2853,10 +2855,10 @@ var pxt;
         function applyMetaComments(workspace) {
             // process meta comments
             // @highlight -> highlight block
-            workspace.getAllBlocks(false)
-                .filter(b => !!b.getCommentText())
+            workspace.getAllBlocks()
+                .filter(b => !!b.comment && b.comment instanceof Blockly.Comment)
                 .forEach(b => {
-                const c = b.getCommentText();
+                const c = b.comment.getText();
                 if (/@highlight/.test(c)) {
                     const cc = c.replace(/@highlight/g, '').trim();
                     b.setCommentText(cc || null);
@@ -4341,7 +4343,7 @@ var pxt;
                                 }
                                 else if (pr.type == "number" && pr.shadowBlockId && pr.shadowBlockId == "value") {
                                     inputName = undefined;
-                                    fields.push(namedField(new Blockly.FieldNumber("0"), defName));
+                                    fields.push(namedField(new Blockly.FieldTextInput("0", Blockly.FieldTextInput.numberValidator), defName));
                                 }
                                 else if (pr.type == "string" && pr.shadowOptions && pr.shadowOptions.toString) {
                                     inputCheck = null;
@@ -5443,6 +5445,11 @@ var pxt;
                         let blockText = '<xml>' +
                             '<block type="variables_change" gap="' + gap + '">' +
                             Blockly.Variables.generateVariableFieldXmlString(mostRecentVariable) +
+                            '<value name="DELTA">' +
+                            '<shadow type="math_number">' +
+                            '<field name="NUM">1</field>' +
+                            '</shadow>' +
+                            '</value>' +
                             '</block>' +
                             '</xml>';
                         let block = Blockly.Xml.textToDom(blockText).firstChild;
@@ -7615,8 +7622,19 @@ var pxtblockly;
                 this.valueText = text;
         }
         init() {
-            super.init();
+            if (this.isInitialized())
+                return;
+            // Build the DOM.
+            this.fieldGroup_ = Blockly.utils.dom.createSvgElement('g', {}, null);
+            if (!this.visible_) {
+                this.fieldGroup_.style.display = 'none';
+            }
             this.onInit();
+            this.updateEditable();
+            this.sourceBlock_.getSvgRoot().appendChild(this.fieldGroup_);
+            // Force a render.
+            this.render_();
+            this.mouseDownWrapper_ = Blockly.bindEventWithChecks_(this.getClickTarget_(), "mousedown", this, this.onMouseDown_);
         }
         dispose() {
             this.onDispose();
@@ -7769,11 +7787,9 @@ var pxtblockly;
         }
         getDisplayText_() {
             // This is only used when isGreyBlock is true
-            if (this.isGreyBlock) {
-                const text = pxt.Util.htmlUnescape(this.valueText);
-                return text.substr(0, text.indexOf("(")) + "(...)";
-            }
-            return "";
+            const text = pxt.Util.htmlUnescape(this.valueText);
+            return text.substr(0, text.indexOf("(")) + "(...)";
+            ;
         }
         updateEditable() {
             if (this.isGreyBlock && this.fieldGroup_) {
@@ -8030,7 +8046,12 @@ var pxtblockly;
                 }
             };
         }
-        initView() {
+        init() {
+            if (this.fieldGroup_) {
+                // Field has already been initialized once.
+                return;
+            }
+            super.init();
             // Register mouseover events for animating preview
             this.sourceBlock_.getSvgRoot().addEventListener("mouseenter", this.onMouseEnter);
             this.sourceBlock_.getSvgRoot().addEventListener("mouseleave", this.onMouseLeave);
@@ -8236,10 +8257,16 @@ var pxtblockly;
             this.addArgType('toggle');
             this.type_ = params.type;
         }
-        initView() {
-            if (!this.fieldGroup_) {
+        init() {
+            if (this.fieldGroup_) {
+                // Field has already been initialized once.
                 return;
             }
+            // Build the DOM.
+            this.fieldGroup_ = Blockly.utils.dom.createSvgElement('g', {}, null);
+            if (!this.visible_) {
+                this.fieldGroup_.style.display = 'none';
+            }
             // Add an attribute to cassify the type of field.
             if (this.getArgTypes() !== null) {
                 if (this.sourceBlock_.isShadow()) {
@@ -8268,10 +8295,15 @@ var pxtblockly;
                 'dy': '0.6ex',
                 'y': size.height / 2
             }, this.fieldGroup_);
+            this.updateEditable();
+            this.sourceBlock_.getSvgRoot().appendChild(this.fieldGroup_);
             this.switchToggle(this.state_);
             this.setValue(this.getValue());
             // Force a render.
-            this.markDirty();
+            this.render_();
+            this.size_.width = 0;
+            this.mouseDownWrapper_ =
+                Blockly.bindEventWithChecks_(this.getClickTarget_(), 'mousedown', this, this.onMouseDown_);
         }
         updateSize_() {
             this.size_.width = 30;
@@ -9741,7 +9773,7 @@ var pxtblockly;
         }
         render_() {
             if (!this.visible_) {
-                this.markDirty();
+                this.size_.width = 0;
                 return;
             }
             if (!this.elt) {
@@ -11245,7 +11277,7 @@ var pxtblockly;
         dropdownCreate() {
             let functionList = [];
             if (this.sourceBlock_ && this.sourceBlock_.workspace) {
-                let blocks = this.sourceBlock_.workspace.getAllBlocks(false);
+                let blocks = this.sourceBlock_.workspace.getAllBlocks();
                 // Iterate through every block and check the name.
                 for (let i = 0; i < blocks.length; i++) {
                     if (blocks[i].getProcedureDef) {
@@ -11274,6 +11306,10 @@ var pxtblockly;
         }
         onItemSelected(menu, menuItem) {
             let itemText = menuItem.getValue();
+            if (this.sourceBlock_) {
+                // Call any validation function, and allow it to override.
+                itemText = this.callValidator(itemText);
+            }
             if (itemText !== null) {
                 this.setValue(itemText);
             }
@@ -11768,8 +11804,8 @@ var pxtblockly;
             }
             return FieldTileset.referencedTiles;
         }
-        initView() {
-            super.initView();
+        init() {
+            super.init();
             if (this.sourceBlock_ && this.sourceBlock_.isInFlyout) {
                 this.setValue(this.getOptions()[0][1]);
             }
@@ -11918,10 +11954,16 @@ var pxtblockly;
             this.addArgType('toggle');
             this.type_ = params.type;
         }
-        initView() {
-            if (!this.fieldGroup_) {
+        init() {
+            if (this.fieldGroup_) {
+                // Field has already been initialized once.
                 return;
             }
+            // Build the DOM.
+            this.fieldGroup_ = Blockly.utils.dom.createSvgElement('g', {}, null);
+            if (!this.visible_) {
+                this.fieldGroup_.style.display = 'none';
+            }
             // Add an attribute to cassify the type of field.
             if (this.getArgTypes() !== null) {
                 if (this.sourceBlock_.isShadow()) {
@@ -11993,7 +12035,10 @@ var pxtblockly;
             this.switchToggle(this.state_);
             this.setValue(this.getValue());
             // Force a render.
-            this.markDirty();
+            this.render_();
+            this.size_.width = 0;
+            this.mouseDownWrapper_ =
+                Blockly.bindEventWithChecks_(this.getClickTarget_(), 'mousedown', this, this.onMouseDown_);
         }
         getDisplayText_() {
             return this.state_ ? this.getTrueText() : this.getFalseText();

package/built/pxtlib.d.ts

@@ -129,8 +129,11 @@ declare namespace pxt.auth {
             username?: string;
             avatarUrl?: string;
         }): Promise<boolean>;
-        private prefPatchOps;
-        patchUserPreferencesAsync(ops: ts.pxtc.jsonPatch.PatchOperation | ts.pxtc.jsonPatch.PatchOperation[], immediate?: boolean): Promise<SetPrefResult>;
+        private patchQueue;
+        patchUserPreferencesAsync(patchOps: ts.pxtc.jsonPatch.PatchOperation | ts.pxtc.jsonPatch.PatchOperation[], opts?: {
+            immediate?: boolean;
+            filter?: (op: ts.pxtc.jsonPatch.PatchOperation) => boolean;
+        }): Promise<SetPrefResult>;
         hasUserId(): boolean;
         private fetchUserAsync;
         private setUserProfileAsync;
@@ -302,6 +305,7 @@ declare namespace ts.pxtc.Util {
     export function groupBy<T>(arr: T[], f: (t: T) => string): pxt.Map<T[]>;
     export function toDictionary<T>(arr: T[], f: (t: T) => string): pxt.Map<T>;
     export function toSet<T>(arr: T[], f: (t: T) => string): pxt.Map<boolean>;
+    export function deepCopy(src: any): any;
     export interface ArrayLike<T> {
         [index: number]: T;
         length: number;

package/built/pxtlib.js

@@ -199,7 +199,7 @@ var pxt;
             constructor() {
                 this.initialUserPreferences_ = undefined;
                 this.initialAuthCheck_ = undefined;
-                this.prefPatchOps = [];
+                this.patchQueue = [];
                 pxt.Util.assert(!_client);
                 // Set global instance.
                 _client = this;
@@ -389,63 +389,85 @@ var pxt;
                 }
                 return result.success;
             }
-            async patchUserPreferencesAsync(ops, immediate = false) {
-                ops = Array.isArray(ops) ? ops : [ops];
-                ops = ops.filter(op => !!op);
+            async patchUserPreferencesAsync(patchOps, opts = {}) {
+                const defaultSuccessAsync = async () => ({ success: true, res: await this.userPreferencesAsync() });
+                patchOps = Array.isArray(patchOps) ? patchOps : [patchOps];
+                patchOps = patchOps.filter(op => !!op);
+                if (!patchOps.length) {
+                    return await defaultSuccessAsync();
+                }
+                const patchDiff = (pSrc, ops, filter) => {
+                    // Apply patches to pDst and return the diff as a set of new patch ops.
+                    const pDst = pxt.U.deepCopy(pSrc);
+                    ts.pxtc.jsonPatch.patchInPlace(pDst, ops);
+                    let diff = ts.pxtc.jsonPatch.diff(pSrc, pDst);
+                    // Run caller-provided filter
+                    if (diff.length && filter) {
+                        diff = diff.filter(filter);
+                    }
+                    return diff;
+                };
+                // Process incoming patch operations to produce a more fine-grained set of diffs. Incoming patches may be overly destructive
+                // Apply the patch in isolation and get the diff from original
                 const curPref = await this.userPreferencesAsync();
-                if (!ops.length) {
-                    return { success: true, res: curPref };
+                const diff = patchDiff(curPref, patchOps, opts.filter);
+                if (!diff.length) {
+                    return await defaultSuccessAsync();
                 }
-                ts.pxtc.jsonPatch.patchInPlace(curPref, ops);
+                // Apply the new diff to the current state
+                ts.pxtc.jsonPatch.patchInPlace(curPref, diff);
                 await this.setUserPreferencesAsync(curPref);
-                // If we're not logged in, non-persistent local state is all we'll use
+                // If the user is not logged in, non-persistent local state is all we'll use (no sync to cloud)
                 if (!await this.loggedInAsync()) {
-                    return { success: true, res: curPref };
+                    return await defaultSuccessAsync();
                 }
-                // If the user is logged in, save to cloud, but debounce the api call as this can be called frequently from skillmaps
-                // Replace matching patches in the queue
-                ops.forEach((incoming, iIncoming) => {
-                    this.prefPatchOps.some((existing, iExisting) => {
-                        if (!ts.pxtc.jsonPatch.opsAreEqual(existing, incoming))
-                            return false;
-                        // Patches are equivalent, replace in queue
-                        this.prefPatchOps[iExisting] = incoming;
-                        // Clear from incoming so we don't add it below
-                        ops[iIncoming] = null;
-                        return true;
-                    });
-                });
-                // Add remaining ops to the queue
-                ops.filter(op => !!op).forEach(op => this.prefPatchOps.push(op));
+                // If the user is logged in, sync to cloud, but debounce the api call as this can be called frequently from skillmaps
+                // Queue the patch for sync with backend
+                this.patchQueue.push({ ops: patchOps, filter: opts.filter });
                 clearTimeout(debouncePreferencesChangedTimeout);
-                const savePrefs = async () => {
+                const syncPrefs = async () => {
                     debouncePreferencesChangedStarted = 0;
-                    // Clear queued patch ops before send.
-                    const prefPatchOps = this.prefPatchOps;
-                    this.prefPatchOps = [];
-                    const result = await this.apiAsync('/api/user/preferences', prefPatchOps, 'PATCH');
-                    if (result.success) {
-                        pxt.debug("Updating local user preferences w/ cloud data after result of POST");
-                        // Set user profile from returned value so we stay in-sync
-                        this.setUserPreferencesAsync(result.resp);
+                    if (!this.patchQueue.length) {
+                        return await defaultSuccessAsync();
+                    }
+                    // Fetch latest prefs from remote
+                    const getResult = await this.apiAsync('/api/user/preferences');
+                    if (!getResult.success) {
+                        pxt.reportError("identity", "failed to fetch preferences for patch", getResult);
+                        return { success: false, res: undefined };
+                    }
+                    // Apply queued patches to the remote state in isolation and develop a final diff to send to the backend
+                    const remotePrefs = pxt.U.deepCopy(getResult.resp);
+                    const patchQueue = this.patchQueue;
+                    this.patchQueue = []; // Reset the queue
+                    patchQueue.forEach(patch => {
+                        const diff = patchDiff(remotePrefs, patch.ops, patch.filter);
+                        ts.pxtc.jsonPatch.patchInPlace(remotePrefs, diff);
+                    });
+                    // Diff the original and patched remote states to get a final set of patch operations
+                    const finalOps = pxtc.jsonPatch.diff(getResult.resp, remotePrefs);
+                    const patchResult = await this.apiAsync('/api/user/preferences', finalOps, 'PATCH');
+                    if (patchResult.success) {
+                        // Set user profile from returned value so we stay in sync
+                        this.setUserPreferencesAsync(patchResult.resp);
                     }
                     else {
-                        pxt.reportError("identity", "update preferences failed", result);
+                        pxt.reportError("identity", "failed to patch preferences", patchResult);
                     }
-                    return { success: result.success, res: result.resp };
+                    return { success: patchResult.success, res: patchResult.resp };
                 };
-                if (immediate) {
-                    return await savePrefs();
+                if (opts.immediate) {
+                    return await syncPrefs();
                 }
                 else {
                     if (!debouncePreferencesChangedStarted) {
                         debouncePreferencesChangedStarted = pxt.U.now();
                     }
                     if (PREFERENCES_DEBOUNCE_MAX_MS < pxt.U.now() - debouncePreferencesChangedStarted) {
-                        return await savePrefs();
+                        return await syncPrefs();
                     }
                     else {
-                        debouncePreferencesChangedTimeout = setTimeout(savePrefs, PREFERENCES_DEBOUNCE_MS);
+                        debouncePreferencesChangedTimeout = setTimeout(syncPrefs, PREFERENCES_DEBOUNCE_MS);
                         return { success: false, res: undefined }; // This needs to be implemented correctly to return a promise with the debouncer
                     }
                 }
@@ -1528,6 +1550,18 @@ var ts;
                 return r;
             }
             Util.toSet = toSet;
+            function deepCopy(src) {
+                if (typeof src !== "object" || src === null) {
+                    return src;
+                }
+                const dst = Array.isArray(src) ? [] : {};
+                for (const key in src) {
+                    const value = src[key];
+                    dst[key] = deepCopy(value);
+                }
+                return dst;
+            }
+            Util.deepCopy = deepCopy;
             function toArray(a) {
                 if (Array.isArray(a)) {
                     return a;