fix first result card being mildly higher, and add a targetconfig field for additional searchable galleries

Author: jwunderl

localtypings/pxtarget.d.ts

@@ -24,6 +24,8 @@ declare namespace pxt {
         multiplayer?: MultiplayerConfig;
         // common galleries
         galleries?: pxt.Map<string | GalleryProps>;
+        // additional galleries included in projects search but not shown on the homescreen
+        searchGalleries?: pxt.Map<string | GalleryProps>;
         // localized galleries
         localizedGalleries?: pxt.Map<pxt.Map<string>>;
         windowsStoreLink?: string;

theme/home.less

@@ -191,6 +191,11 @@
                 gap: 1rem;
                 align-items: start;
                 grid-auto-flow: dense;
+
+                // override default that's bumping it up
+                > .ui.card:first-child {
+                    margin: 1em 0;
+                }
             }
 
             .search-detailview {

webapp/src/projects.tsx

@@ -91,7 +91,7 @@ export class Projects extends auth.Component<ISettingsProps, ProjectsState> {
             const hadNoResults = !prevState.searchResults || prevState.searchResults.length === 0;
             const stillNoResults = !this.state.searchResults || this.state.searchResults.length === 0;
             if (hadNoResults && stillNoResults) {
-                const cards = this.collectGalleryCards(this.getHomeGalleries());
+                const cards = this.collectGalleryCards(this.getSearchGalleries());
                 if (cards && cards.length) {
                     this.runSearch(this.state.searchQuery);
                 }
@@ -118,6 +118,14 @@ export class Projects extends auth.Component<ISettingsProps, ProjectsState> {
         return galleries;
     }
 
+    private getSearchGalleries(): pxt.Map<string | pxt.GalleryProps> {
+        const targetConfig = this.getData("target-config:") as pxt.TargetConfig;
+        const galleries = this.getHomeGalleries();
+        if (targetConfig?.searchGalleries)
+            pxt.Util.jsonCopyFrom(galleries, targetConfig.searchGalleries);
+        return galleries;
+    }
+
     private collectGalleryCards(galleries: pxt.Map<string | pxt.GalleryProps>): SearchCard[] {
         return this.collectGallerySearchEntries(galleries).cards;
     }
@@ -183,7 +191,7 @@ export class Projects extends auth.Component<ISettingsProps, ProjectsState> {
         };
     }
 
-    private collectHomeSearchEntries(galleries: pxt.Map<string | pxt.GalleryProps>) {
+    private collectSearchEntries(galleries: pxt.Map<string | pxt.GalleryProps>) {
         const { cards, entries, cardMap } = this.collectGallerySearchEntries(galleries);
         const seen = new Set(Object.keys(cardMap));
 
@@ -218,7 +226,7 @@ export class Projects extends auth.Component<ISettingsProps, ProjectsState> {
 
     private runSearch(query: string) {
         const normalized = (query || "").trim();
-        const galleries = this.getHomeGalleries();
+        const galleries = this.getSearchGalleries();
         const requestId = ++this.searchRequestId;
 
         if (!normalized) {
@@ -229,7 +237,7 @@ export class Projects extends auth.Component<ISettingsProps, ProjectsState> {
             return;
         }
 
-        const { entries, cardMap } = this.collectHomeSearchEntries(galleries);
+        const { entries, cardMap } = this.collectSearchEntries(galleries);
         if (!entries.length) {
             this.setState({ searchResults: [] });
             return;
@@ -276,7 +284,7 @@ export class Projects extends auth.Component<ISettingsProps, ProjectsState> {
     }
 
     private warmSearchIndex() {
-        const { entries } = this.collectHomeSearchEntries(this.getHomeGalleries());
+        const { entries } = this.collectSearchEntries(this.getSearchGalleries());
         if (!entries.length) return;
 
         // warm search index so that users get instant results when they start typing