docs: improve search for documentation

docs_app/.gitignore

@@ -46,8 +46,5 @@ protractor-results*.txt
 .DS_Store
 Thumbs.db
 
-# copied dependencies
-src/assets/js/lunr*
-
 assets/images/svgs/*
 !assets/images/svgs/.gitkeep

docs_app/angular.json

@@ -15,6 +15,7 @@
             "index": "src/index.html",
             "main": "src/main.ts",
             "tsConfig": "src/tsconfig.app.json",
+            "webWorkerTsConfig": "tsconfig.worker.json",
             "namedChunks": true,
             "polyfills": "src/polyfills.ts",
             "assets": [

docs_app/package.json

@@ -6,7 +6,6 @@
   "author": "RxJS",
   "license": "MIT",
   "scripts": {
-    "postinstall": "uglifyjs node_modules/lunr/lunr.js -c -m -o src/assets/js/lunr.min.js --source-map",
     "ng": "ng",
     "firebase": "firebase",
     "start": "ng serve --configuration=fast",
@@ -73,6 +72,7 @@
     "@swirly/types": "^0.18.1",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "^2.0.3",
+    "@types/lunr": "^2.3.3",
     "@types/node": "^12.11.1",
     "@types/svgo": "^1.3.3",
     "archiver": "^3.0.0",
@@ -118,13 +118,13 @@
     "rimraf": "^2.6.1",
     "semver": "^6.1.1",
     "shelljs": "^0.8.3",
+    "stemmer": "^2.0.0",
     "svgo": "^1.3.2",
     "svgson": "^4.1.0",
     "tree-kill": "^1.2.2",
     "ts-node": "^8.2.0",
     "tslint": "~6.1.0",
     "typescript": "4.5.4",
-    "uglify-js": "^3.6.0",
     "unist-util-filter": "^1.0.2",
     "unist-util-source": "^1.0.5",
     "unist-util-visit": "^1.4.1",

docs_app/src/app/app.component.ts

@@ -200,7 +200,7 @@ export class AppComponent implements OnInit {
     // Do not initialize the search on browsers that lack web worker support
     if ('Worker' in window) {
       // Delay initialization by up to 2 seconds
-      this.searchService.initWorker('app/search/search-worker.js', 2000);
+      this.searchService.initWorker(2000);
     }
 
     this.onResize(window.innerWidth);

docs_app/src/app/search/search.service.ts

@@ -22,23 +22,19 @@ export class SearchService {
    * initial rendering of the web page. Triggering a search will override this delay and cause the index to be
    * loaded immediately.
    *
-   * @param workerUrl the url of the WebWorker script that runs the searches
    * @param initDelay the number of milliseconds to wait before we load the WebWorker and generate the search index
    */
-  initWorker(workerUrl: string, initDelay: number) {
+  initWorker(initDelay: number) {
     // Wait for the initDelay or the first search
-    const ready = this.ready = race<any>(
-        timer(initDelay),
-        this.searchesSubject.asObservable().pipe(first()),
-      )
-      .pipe(
-        concatMap(() => {
-          // Create the worker and load the index
-          this.worker = WebWorkerClient.create(workerUrl, this.zone);
-          return this.worker.sendMessage<boolean>('load-index');
-        }),
-        publishReplay(1),
-      );
+    const ready = (this.ready = race<any>(timer(initDelay), this.searchesSubject.asObservable().pipe(first())).pipe(
+      concatMap(() => {
+        // Create the worker and load the index
+        const worker = new Worker(new URL('./search.worker', import.meta.url), { type: 'module' });
+        this.worker = WebWorkerClient.create(worker, this.zone);
+        return this.worker.sendMessage<boolean>('load-index');
+      }),
+      publishReplay(1)
+    ));
 
     // Connect to the observable to kick off the timer
     (ready as ConnectableObservable<boolean>).connect();
@@ -47,6 +43,7 @@ export class SearchService {
 
   /**
    * Search the index using the given query and emit results on the observable that is returned.
+   *
    * @param query The query to run against the index.
    * @returns an observable collection of search results
    */