feat: Generate search index before rendering theme (#1252)

* generate json file for index search
* serialize search index for lunr

Co-authored-by: sgrishchenko <sgrishchenko@spotware.com>

package.json

@@ -24,6 +24,7 @@
     "handlebars": "^4.7.3",
     "highlight.js": "^9.18.1",
     "lodash": "^4.17.15",
+    "lunr": "^2.3.8",
     "marked": "0.8.0",
     "minimatch": "^3.0.0",
     "progress": "^2.0.3",
@@ -36,6 +37,7 @@
   "devDependencies": {
     "@types/fs-extra": "^8.1.0",
     "@types/lodash": "^4.14.149",
+    "@types/lunr": "^2.3.3",
     "@types/marked": "^0.7.3",
     "@types/minimatch": "3.0.3",
     "@types/mocha": "^7.0.2",

src/lib/output/plugins/JavascriptIndexPlugin.ts

@@ -1,4 +1,5 @@
 import * as Path from 'path';
+import { Builder, trimmer } from 'lunr';
 
 import { DeclarationReflection, ProjectReflection } from '../../models/reflections/index';
 import { GroupPlugin } from '../../converter/plugins/GroupPlugin';
@@ -66,12 +67,24 @@ export class JavascriptIndexPlugin extends RendererComponent {
             rows.push(row);
         }
 
-        const fileName = Path.join(event.outputDirectory, 'assets', 'js', 'search.js');
-        const data =
-            `var typedoc = typedoc || {};
-            typedoc.search = typedoc.search || {};
-            typedoc.search.data = ${JSON.stringify({kinds: kinds, rows: rows})};`;
+        const builder = new Builder();
+        builder.pipeline.add(trimmer);
 
-        writeFile(fileName, data, false);
+        builder.ref('id');
+        builder.field('name', {boost: 10});
+        builder.field('parent');
+
+        rows.forEach(row => builder.add(row));
+
+        const index = builder.build();
+
+        const jsonFileName = Path.join(event.outputDirectory, 'assets', 'js', 'search.json');
+        const jsonData = JSON.stringify({
+            kinds,
+            rows,
+            index
+        });
+
+        writeFile(jsonFileName, jsonData, false);
     }
 }