pxt-core 7.5.32 → 7.5.35

package/localtypings/pxtarget.d.ts

@@ -383,6 +383,7 @@ declare namespace pxt {
         hideNewProjectButton?: boolean; // do not show the "new project" button in home page
         saveInMenu?: boolean; // move save icon under gearwheel menu
         lockedEditor?: boolean; // remove default home navigation links from the editor
+        hideReplaceMyCode?: boolean; // hides the "replace my code" button for tutorials with templates in their markdown
         fileNameExclusiveFilter?: string; // anything that does not match this regex is removed from the filename,
         copyrightText?: string; // footer text for any copyright text to be included at the bottom of the home screen and about page
         appFlashingTroubleshoot?: string; // Path to the doc about troubleshooting UWP app flashing failures, e.g. /device/windows-app/troubleshoot

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pxt-core",
-  "version": "7.5.32",
+  "version": "7.5.35",
   "description": "Microsoft MakeCode provides Blocks / JavaScript / Python tools and editors",
   "keywords": [
     "TypeScript",

package/react-common/components/controls/DraggableGraph.tsx

@@ -79,6 +79,7 @@ export const DraggableGraph = (props: DraggableGraphProps) => {
         refs.forEach((ref, index) => {
             ref.onpointerdown = ev => {
                 if (dragIndex !== -1) return;
+                ev.preventDefault();
                 const coord = clientCoord(ev);
                 const svg = screenToSVGCoord(ref.ownerSVGElement, coord);
                 setDragIndex(index);
@@ -87,6 +88,7 @@ export const DraggableGraph = (props: DraggableGraphProps) => {
 
             ref.onpointermove = ev => {
                 if (dragIndex !== index) return;
+                ev.preventDefault();
                 const coord = clientCoord(ev);
                 const svg = screenToSVGCoord(ref.ownerSVGElement, coord);
                 throttledSetDragValue(index, svgCoordToValue(svg));
@@ -111,7 +113,7 @@ export const DraggableGraph = (props: DraggableGraphProps) => {
     }, [dragIndex, onPointChange])
 
     const getValue = (index: number) => {
-        return points[index];
+        return Math.min(Math.max(points[index], min), max);
     }
 
     const handleRectAnimateRef = (ref: SVGAnimateElement) => {
@@ -131,7 +133,7 @@ export const DraggableGraph = (props: DraggableGraphProps) => {
         aria-hidden={ariaHidden}
         aria-describedby={ariaDescribedBy}
         role={role}>
-        <svg viewBox={`0 0 ${width} ${height}`} xmlns="http://www.w3.org/2000/svg">
+        <svg className="draggable-graph-svg" viewBox={`0 0 ${width} ${height}`} xmlns="http://www.w3.org/2000/svg">
             <defs>
                 <filter id="dropshadow">
                     <feGaussianBlur in="SourceAlpha" stdDeviation="3" />

package/react-common/components/controls/Input.tsx

@@ -101,7 +101,7 @@ export const Input = (props: InputProps) => {
                     aria-hidden={ariaHidden}
                     type={type || "text"}
                     placeholder={placeholder}
-                    value={value || initialValue || ""}
+                    value={value !== undefined ? value : (initialValue || "")}
                     readOnly={!!readOnly}
                     onClick={clickHandler}
                     onChange={changeHandler}

package/react-common/components/controls/Modal.tsx

@@ -81,10 +81,11 @@ export const Modal = (props: ModalProps) => {
                 {fullscreen && helpUrl &&
                     <div className="common-modal-help">
                         <Button
-                            className={"menu-button"}
+                            className="menu-button"
                             title={lf("Help on {0} dialog", title)}
-                            onClick={() => { window.open(props.helpUrl, "_blank") }}
-                            rightIcon={"icon help"}
+                            href={props.helpUrl}
+                            onClick={() => {}}
+                            rightIcon="fas fa-question"
                         />
                     </div>
                 }

package/react-common/styles/controls/Button.less

@@ -16,6 +16,7 @@
     font-weight: 400;
     line-height: 1em;
     font-style: normal;
+    font-size: 16px;
     text-align: center;
     text-decoration: none;
     border-radius: 0.2em;

package/react-common/styles/controls/DraggableGraph.less

@@ -13,4 +13,8 @@
 
 .draggable-graph-surface {
     cursor: pointer;
+}
+
+.draggable-graph-svg {
+    touch-action: none;
 }

package/react-common/styles/controls/Input.less

@@ -10,6 +10,7 @@
     border-radius: 2px;
     border: 1px solid @inputBorderColor;
     background: @inputBackgroundColor;
+    font-size: 16px;
 }
 
 .common-input-group:focus::after,

package/theme/common.less

@@ -908,7 +908,7 @@ Field editors
 .fullscreen.extensions-browser > {
     .common-modal > {
         .common-modal-header {
-            height: 3rem;
+            height: @mainMenuHeight;
             background-color: @blue;
             z-index: 202;
             display: flex;
@@ -937,6 +937,13 @@ Field editors
         }
     }
 }
+
+@media @tabletAndBelow {
+    .fullscreen.extensions-browser > .common-modal > .common-modal-header {
+        height: @mobileMenuHeight;
+    }
+}
+
 @media @mobileAndBelow {
     .extensions-browser {
         .common-modal > .common-modal-header > .common-modal-back {
@@ -959,17 +966,32 @@ Field editors
         display: flex;
         justify-content: center;
         flex-wrap: wrap;
-        gap: 1.5rem;
+        gap: 1rem;
+        padding-top: 2rem;
+        padding-bottom: 2rem;
         background-color: #E5E5E5;
-        padding-top: 1rem;
 
-        .search {
-            width: 100%;
-            display: flex;
-            justify-content: center;
+        .common-input-wrapper {
+            width: 70%;
+
+            .common-input-group {
+                height: 3rem;
+                border-radius: 500rem;
+                padding: 0.7rem 1rem;
 
-            .input {
-                width: 70%;
+                & > i.fas.fa-search {
+                    position: relative;
+                    margin-top: 0.1rem;
+                    right: 0;
+                    bottom: 0;
+
+                    opacity: .5;
+                    transition: opacity 0.3s ease;
+                }
+            }
+
+            &:focus-within .common-input-group > i.fas.fa-search {
+                opacity: 1;
             }
         }
     }
@@ -1025,9 +1047,7 @@ Field editors
 
     .extension-tags {
         display: flex;
-        padding: 2rem;
-        column-gap: 2rem;
-        row-gap: 1rem;
+        gap: 1rem;
         width: 80%;
         justify-content: center;
         flex-wrap: wrap;
@@ -1061,9 +1081,13 @@ Field editors
     .tab-header {
         width: 100%;
 
+        .common-button {
+            border: 2px solid @white;
+        }
+
         .common-button.selected {
-            font-weight: bold;
-            border-bottom: 0.3rem solid @blue;
+            border-bottom: 2px solid @blue;
+            font-weight: 600;
         }
     }
 

package/theme/tutorial-sidebar.less

@@ -418,6 +418,13 @@
     }
 }
 
+#root.headless.tabTutorial.hideMenuBar {
+    #editorSidebar {
+        top: 0;
+        height: 100%;
+    }
+}
+
 /*******************************
         Keymap
 *******************************/

package/webapp/public/run.html

@@ -106,6 +106,7 @@
         var localToken = /local_token(?:[:=])([^&?]+)/i.exec(window.location.href);
         var hex = !!/hex(?:[:=])1/i.exec(window.location.href);
         var footer = !/nofooter(?:[:=])1/i.exec(window.location.href);
+        var hideSimButtons = !!/hidesimbuttons(?:[:=])1/i.exec(window.location.href);
         var debugSim = !!/debugSim(?:[:=])1/i.exec(window.location.href);
         var sims = document.getElementById('simulators');
         var highContrast = !!/hc(?:[:=])1/i.exec(window.location.href);
@@ -180,6 +181,7 @@
                                 code: files["main.ts"],
                                 assets: JSON.stringify(files),
                                 dependencies: Object.keys(deps).map(v => v + "=" + deps[v]),
+                                hideSimButtons: hideSimButtons,
                                 highContrast: highContrast,
                                 light: light,
                                 fullScreen: fullScreen,
@@ -239,7 +241,8 @@
                         fullScreen: fullScreen,
                         dependencies: deps ? decodeURIComponent(deps[1]).split(",") : undefined,
                         builtJsInfo: builtSimJs,
-                        single: single
+                        single: single,
+                        hideSimButtons: hideSimButtons
                     };
                     console.log('simulating script')
                     pxt.runner.simulateAsync(sims, options).then(function() {

package/webapp/public/skillmap.html

@@ -28,5 +28,5 @@
     <!-- end usabilla live embed code -->
 
     <!-- @include thin-footer.html -->
-  <script>!function(e){function r(r){for(var n,l,i=r[0],a=r[1],p=r[2],c=0,s=[];c<i.length;c++)l=i[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,p||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++){var a=t[i];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var i=this.webpackJsonpskillsmap=this.webpackJsonpskillsmap||[],a=i.push.bind(i);i.push=r,i=i.slice();for(var p=0;p<i.length;p++)r(i[p]);var f=a;t()}([])</script><script src="/blb/skillmap/js/2.26b9a6f6.chunk.js"></script><script src="/blb/skillmap/js/main.d734c596.chunk.js"></script></body>
+  <script>!function(e){function r(r){for(var n,l,i=r[0],a=r[1],p=r[2],c=0,s=[];c<i.length;c++)l=i[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,p||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++){var a=t[i];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var i=this.webpackJsonpskillsmap=this.webpackJsonpskillsmap||[],a=i.push.bind(i);i.push=r,i=i.slice();for(var p=0;p<i.length;p++)r(i[p]);var f=a;t()}([])</script><script src="/blb/skillmap/js/2.26b9a6f6.chunk.js"></script><script src="/blb/skillmap/js/main.9d7e815e.chunk.js"></script></body>
 </html>