pxt-core 12.3.6 → 12.3.7

package/package.json

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

package/react-common/components/profile/SignInModal.tsx

@@ -17,10 +17,11 @@ export interface SignInModalProps {
     }
     resolvePath?: (path: string) => string
     mode?: "signin" | "signup"
+    lastUsedIdentityProvider?: pxt.IdentityProviderId
 }
 
 export const SignInModal = (props: SignInModalProps) => {
-    const { onSignIn, onClose, appMessage, dialogMessages, hideDismissButton } = props
+    const { onSignIn, onClose, appMessage, dialogMessages, hideDismissButton, lastUsedIdentityProvider } = props
     const { signInMessage, signUpMessage } = dialogMessages || {
         signInMessage: lf("Sign in to save your progress and access your work anytime, anywhere."),
         signUpMessage: lf("Join now to save your progress and access your work anytime, anywhere.")
@@ -70,19 +71,24 @@ export const SignInModal = (props: SignInModalProps) => {
                 <div className='signin-body'>
                     <div className='providers'>
                         {pxt.auth.identityProviders().map((provider, index) => {
+                            const isLastUsedProvider = provider.id === lastUsedIdentityProvider
                             const title =
                                 mode === "signin"
                                     ? lf("Continue with {0}", provider.name)
                                     : lf("Sign up with {0}", provider.name)
+                            const ariaLabel = isLastUsedProvider
+                                ? lf("{0}. You last used this option.", title)
+                                : title
                             return (
                                 <Button
                                     key={index}
                                     className='provider'
                                     onClick={() => onSignIn(provider, rememberMe)}
                                     title={title}
-                                    ariaLabel={title}
+                                    ariaLabel={ariaLabel}
                                     label={
                                         <div className='label'>
+                                            {isLastUsedProvider && <div className='ui orange right ribbon label last-used-ribbon' aria-hidden="true">{lf("Last used")}</div>}
                                             <div>
                                                 <img className='logo' src={resolvePath(provider.icon)} />
                                             </div>

package/react-common/styles/profile/profile.less

@@ -400,18 +400,31 @@
                 background-color: var(--pxt-neutral-background1);
                 color: var(--pxt-neutral-foreground1);
                 border: solid 1px var(--pxt-neutral-foreground1);
+                position: relative;
+                overflow: visible;
 
                 .label {
                     display: flex;
                     flex-direction: row;
                     gap: 1rem;
+                    align-items: center;
+
+                    .last-used-ribbon {
+                        position: absolute;
+                        top: -1rem;
+                        right: -1rem;
+                        left: auto;
+                        transform: none;
+                        margin-right: 0;
+                        z-index: 1;
+                    }
 
                     .logo {
                         width: 1.25rem;
                     }
 
                     .title {
-                        align-self: center;
+                        text-align: left;
                     }
                 }
             }

package/theme/tutorial-sidebar.less

@@ -707,7 +707,7 @@
         padding: .5rem 1rem 0.7rem 1rem;
 
         .tutorial-step-content {
-            margin-right: 1.5rem;
+            margin-right: 2.5rem;
         }
 
         .immersive-reader-button {

package/webapp/public/multiplayer.html

@@ -9,7 +9,7 @@
     <link rel="stylesheet" data-rtl="/blb/rtlsemantic.css" href="/blb/semantic.css">
     <link rel="stylesheet" href="/blb/icons.css">
     <link rel="stylesheet" href="/blb/react-common-multiplayer.css">
-  <script defer="defer" src="/blb/multiplayer/js/main.2f09e469.js"></script><link href="/blb/multiplayer/css/main.40f89d37.css" rel="stylesheet"></head>
+  <script defer="defer" src="/blb/multiplayer/js/main.89e34116.js"></script><link href="/blb/multiplayer/css/main.40f89d37.css" rel="stylesheet"></head>
   <body class="pxt-theme-root">
     <noscript>You need to enable JavaScript to run this app.</noscript>
 

package/webapp/public/skillmap.html

@@ -7,7 +7,7 @@
     <link rel="stylesheet" data-rtl="/blb/rtlsemantic.css" href="/blb/semantic.css">
     <link rel="stylesheet" href="/blb/icons.css">
     <link rel="stylesheet" href="/blb/react-common-skillmap.css">
-  <script defer="defer" src="/blb/skillmap/js/main.73c02bae.js"></script><link href="/blb/skillmap/css/main.450cb46e.css" rel="stylesheet"></head>
+  <script defer="defer" src="/blb/skillmap/js/main.0fb6b4b3.js"></script><link href="/blb/skillmap/css/main.450cb46e.css" rel="stylesheet"></head>
   <body class="pxt-theme-root">
     <noscript>You need to enable JavaScript to run this app.</noscript>
 

package/webapp/public/teachertool.html

@@ -18,7 +18,7 @@
     <!-- <link rel="manifest" href="/teachertool-data/manifest.json" /> -->
     <title>MakeCode Code Evaluation</title>
     <script>var pxtConfig=null</script>
-  <script defer="defer" src="/blb/teachertool/js/main.643ed198.js"></script><link href="/blb/teachertool/css/main.a4357c60.css" rel="stylesheet"></head>
+  <script defer="defer" src="/blb/teachertool/js/main.21323995.js"></script><link href="/blb/teachertool/css/main.a4357c60.css" rel="stylesheet"></head>
   <body class="pxt-theme-root">
     <noscript>You need to enable JavaScript to run this app.</noscript>
 

package/webapp/public/tutorialtool.html

@@ -17,7 +17,7 @@
   <!-- <link rel="manifest" href="/tutorialtool-data/manifest.json" /> -->
   <title>MakeCode Tutorial Tool</title>
   <script>var pxtConfig=null</script>
-<script defer="defer" src="/blb/tutorialtool/js/main.de26ee2e.js"></script><link href="/blb/tutorialtool/css/main.02bb1797.css" rel="stylesheet"></head>
+<script defer="defer" src="/blb/tutorialtool/js/main.5cc17fce.js"></script><link href="/blb/tutorialtool/css/main.02bb1797.css" rel="stylesheet"></head>
 
 <body>
   <noscript>You need to enable JavaScript to run this app.</noscript>