pxt-core 7.5.39 → 7.5.42

package/localtypings/pxtarget.d.ts

@@ -34,14 +34,11 @@ declare namespace pxt {
 
     interface PackagesConfig {
         approvedOrgs?: string[];
-        approvedRepos?: string[]; // list of company/project
         releases?: pxt.Map<string[]>;  // per major version list of approved company/project#tag
         bannedOrgs?: string[];
         bannedRepos?: string[];
         allowUnapproved?: boolean;
-        preferredRepos?: string[]; // list of company/project(#tag) of packages to show by default in search
-        preferredRepoLib?: RepoData[];
-        approvedRepoLib?: RepoData[];
+        approvedRepoLib?: pxt.Map<RepoData>;
         // format:
         // "acme-corp/pxt-widget": "min:v0.1.2" - auto-upgrade to that version
         // "acme-corp/pxt-widget": "dv:foo,bar" - add "disablesVariant": ["foo", "bar"] to pxt.json
@@ -53,8 +50,9 @@ declare namespace pxt {
     }
 
     interface RepoData {
-        slug: string;
-        tags?: string[]
+        preferred?: boolean;
+        tags?: string[];
+        upgrades?: string[];
     }
 
     interface ShareConfig {
@@ -1192,4 +1190,4 @@ declare namespace pxt.auth {
         type: "skillmap-completion";
         sourceURL: string;
     }
-}
+}

package/package.json

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

package/react-common/components/extensions/ExtensionCard.tsx

@@ -42,8 +42,8 @@ export const ExtensionCard = <U,>(props: ExtensionCardProps<U>) => {
             tabIndex={onClick && 0}
             label={label}>
             <div className="common-extension-card-contents">
-                {!loading && <>                
-                    <LazyImage src={imageUrl} alt={title} />
+                {!loading && <>
+                    {imageUrl && <LazyImage src={imageUrl} alt={title} />}
                     <div className="common-extension-card-title" id={id + "-title"}>
                         {title}
                     </div>
@@ -57,14 +57,14 @@ export const ExtensionCard = <U,>(props: ExtensionCardProps<U>) => {
                             className="link-button"
                             label={lf("Learn More")}
                             title={lf("Learn More")}
-                            onClick={() => {}}
+                            onClick={() => { }}
                             href={learnMoreUrl}
                         />
                     }
                 </>
                 }
             </div>
-            <div className="common-spinner"/>
+            <div className="common-spinner" />
         </Card>
     </>
 }

package/theme/common.less

@@ -942,6 +942,14 @@ Field editors
     .fullscreen.extensions-browser > .common-modal > .common-modal-header {
         height: @mobileMenuHeight;
     }
+
+    .extensions-browser {
+        .extension-header > .import-button>.common-button {
+            .common-button-label {
+                display: none;
+            }
+        }
+    }
 }
 
 @media @mobileAndBelow {
@@ -1016,6 +1024,7 @@ Field editors
     .extension-display {
         display: flex;
         flex-wrap: wrap;
+        justify-content: center;
         padding: 2rem;
         gap: .8rem;
 
@@ -1029,12 +1038,30 @@ Field editors
                 cursor: pointer;
             }
 
-            span {
+            >span {
                 padding-right: .5rem;
             }
+
+            .common-button {
+                font-size: 1.2rem;
+                padding-right: .5rem;
+                margin-right: 0rem;
+            }
         }
     }
 
+    .extension-header {
+        font-family: @segoeUIFont;
+        width: 95%;
+        display: flex;
+        align-items: flex-end;
+        justify-content: space-between;
+    }
+
+    .import-button>.common-button {
+        padding: .8rem 1rem .95rem;
+    }
+
     .extension-grid {
         display: flex;
         flex-wrap: wrap;
@@ -1146,8 +1173,9 @@ Field editors
 .extension-cards {
     display: grid;
     grid-template-columns: repeat(auto-fit, 18rem);
+    justify-content: center;
     gap: 1rem;
-    width: 100%;
+    max-width: 95%;
 }
 
 .import-extension-modal {