fix: Fix layouts and dark/light color scheme

packages/typedoc-plugin-remote-search/src/server/search-server.ts

@@ -116,6 +116,7 @@ export class SearchServer {
       results.push({
         classes: row.classes,
         url: row.url,
+        kind: row.kind,
         name,
       });
     }

packages/typedoc-plugin-remote-search/src/types/search-result.ts

@@ -2,4 +2,5 @@ export interface SearchResult {
   classes: string;
   url: string;
   name: string;
+  kind: number;
 }

packages/typedoc-theme-client/scripts/components/module-menu/module-menu.component.tsx

@@ -61,15 +61,15 @@ export class ModuleMenuComponent extends Component {
     }
   }
 
-  public onModuleSelect(mod: Module) {
-    console.debug("onModuleSelect");
+  public onModuleSelect(mod: Module, event: Event) {
+    console.debug("onModuleSelect", mod, event);
     this.scope.selectedModule = mod.name;
     const pjax = Pjax.getInstance("main");
     if (!pjax || !mod.url) {
       console.warn("No module with href or no pjax instance found!");
       return;
     }
-    Dropdown.hideAll();
+    Dropdown.hideAll(event);
     pjax.goTo(mod.url);
   }
 

packages/typedoc-theme-client/scripts/components/search/search.component.scss

@@ -29,7 +29,7 @@ tsd-search {
     visibility: hidden;
     border-top-left-radius: 0 !important;
     border-top-right-radius: 0 !important;
-    top: $default-navbar-height - 4;
+    top: $default-navbar-height - 17;
     right: 0;
     width: 500px;
     max-width: 100%;

packages/typedoc-theme-client/scripts/components/search/search.component.tsx

@@ -175,6 +175,7 @@ export class SearchComponent extends Component {
 
     this.scope.isLoading = true;
     this.scope.isReady = false;
+    this.scope.hasFailure = false;
 
     const url = new URL(this.scope.serverBaseUrl);
     const separator = url.pathname.endsWith("/") ? "" : "/";
@@ -192,8 +193,17 @@ export class SearchComponent extends Component {
       this.scope.hasFailure = true;
     }
 
-    this.validateResult(results);
-    this.transformResult(results);
+    try {
+      this.validateResult(results);
+      this.transformResult(results);
+    } catch (error) {
+      console.error(error);
+      this.scope.results = [];
+      this.scope.isLoading = false;
+      this.scope.hasFailure = true;
+    }
+
+    if (this.scope.hasFailure) return;
 
     this.scope.results = results;
     this.scope.isLoading = false;
@@ -212,6 +222,8 @@ export class SearchComponent extends Component {
         throw new Error("Property name must be of type string!");
       if (typeof result.url !== "string")
         throw new Error("Property url must be of type string!");
+      if (typeof result.kind !== "number")
+        throw new Error("Property kind must be of type number!");
     }
   }
 
@@ -354,11 +366,12 @@ export class SearchComponent extends Component {
               rv-on-mousedown="onSearchResultClick"
               rv-on-ontouchend="onSearchResultClick"
             >
-              <a
-                class="tsd-kind-icon"
-                rv-href="item.url"
-                rv-html="item.name"
-              ></a>
+              <a class="tsd-index-link" rv-href="item.url">
+                <svg class="tsd-kind-icon" viewBox="0 0 24 24">
+                  <use rv-href="'#icon-' | append item.kind"></use>
+                </svg>
+                <span rv-html="item.name"></span>
+              </a>
             </li>
             <li class="list-group-item disabled" rv-if="results | size | eq 0">
               No results...

packages/typedoc-theme-client/scripts/types/index.ts

@@ -10,10 +10,7 @@ export * from "./module-options.js";
 export * from "./navbar-component-scope.js";
 export * from "./module.js";
 export * from "./module-menu-component-scope.js";
-export * from "./module-menu.js";
-export * from "./navigation.js";
 export * from "./search-component-scope.js";
 export * from "./search-options.js";
 export * from "./search-result.js";
 export * from "./sidebar-content-component-scope.js";
-export * from "./sidebar-content.js";

packages/typedoc-theme-client/scripts/types/search-result.ts

@@ -1,5 +1,6 @@
 export interface SearchResult {
   classes: string;
+  kind: number;
   url: string;
   name: string;
 }