feat: more search domains

Author: david-christiansen

lake-manifest.json

@@ -15,7 +15,7 @@
    "type": "git",
    "subDir": null,
    "scope": "",
-   "rev": "b1484a6fe948b6a407e3d6f30b9aa073877b6954",
+   "rev": "9dbac26d254a8b4f6ea935cb0d4f79608f2cd274",
    "name": "verso",
    "manifestFile": "lake-manifest.json",
    "inputRev": "custom-head",

static/search/domain-mappers.js

@@ -38,7 +38,7 @@ const docOptionDomainMapper = {
 const docTacticDomainMapper = {
   dataToSearchables: (domainData) =>
     Object.entries(domainData.contents).map(([key, value]) => ({
-      searchKey: key,
+      searchKey: value[0].data.userName,
       address: `${value[0].address}#${value[0].id}`,
       domainId: "Verso.Genre.Manual.doc.tactic",
       ref: value,
@@ -47,6 +47,21 @@ const docTacticDomainMapper = {
   displayName: "Tactic",
 };
 
+/**
+ * @type {DomainMapper}
+ */
+const docConvTacticDomainMapper = {
+  dataToSearchables: (domainData) =>
+    Object.entries(domainData.contents).map(([key, value]) => ({
+      searchKey: value[0].data.userName,
+      address: `${value[0].address}#${value[0].id}`,
+      domainId: "Verso.Genre.Manual.doc.tactic.conv",
+      ref: value,
+    })),
+  className: "doc-tactic-domain",
+  displayName: "Conv Tactic",
+};
+
 /**
  * @type {DomainMapper}
  */
@@ -62,9 +77,26 @@ const sectionMapper = {
   displayName: "Section",
 };
 
+/**
+ * @type {DomainMapper}
+ */
+const techTermMapper = {
+  dataToSearchables: (domainData) =>
+    Object.entries(domainData.contents).map(([key, value]) => ({
+      searchKey: value[0].data.term,
+      address: `${value[0].address}#${value[0].id}`,
+      domainId: "Verso.Genre.Manual.doc.tech",
+      ref: value,
+    })),
+  className: "tech-term-domain",
+  displayName: "Terminology",
+};
+
 export const domainMappers = {
   "Verso.Genre.Manual.doc": docDomainMapper,
   "Verso.Genre.Manual.doc.option": docOptionDomainMapper,
   "Verso.Genre.Manual.doc.tactic": docTacticDomainMapper,
+  "Verso.Genre.Manual.doc.tactic.conv": docConvTacticDomainMapper,
   "Verso.Genre.Manual.section": sectionMapper,
+  "Verso.Genre.Manual.doc.tech": techTermMapper,
 };

static/search/search-box.css

@@ -29,7 +29,7 @@
 }
 
 #search-wrapper .combobox input {
-  width: 16rem;
+  width: 24rem;
   outline: none;
   font-size: .9rem;
   padding: .3rem .5rem;
@@ -46,7 +46,7 @@
   padding: 0;
   position: absolute;
   top: calc(100%);
-  width: 16rem;
+  width: 24rem;
   list-style: none;
   background-color: white;
   display: none;
@@ -76,6 +76,10 @@
   font-family: var(--verso-code-font-family);
 }
 
+#search-wrapper .search-result.tech-term-domain {
+  font-family: var(--verso-text-font-family);
+}
+
 #search-wrapper .search-result.section-domain {
   font-family: var(--verso-structure-font-family);
   font-weight: bold;
@@ -124,5 +128,7 @@
 #search-wrapper {
   padding: var(--verso--content-padding-x);
   width: fit-content;
-  float: right;
+  position: absolute;
+  top: 0;
+  right: 0;
 }

static/search/search-box.js

@@ -39,7 +39,7 @@ const dataToSearchableMap = (json, domainMappers) =>
         return acc;
       }
 
-      if (!acc[cur.searchKey]) {
+      if (!acc.hasOwnProperty(cur.searchKey)) {
         acc[cur.searchKey] = [];
       }
       acc[cur.searchKey].push(cur);

static/search/search-init.js

@@ -12,7 +12,7 @@ const searchHTML = `<div id="search-wrapper">
         class="cb_edit"
         type="search"
         role="searchbox"
-        placeholder="Search"
+        placeholder="Index"
         aria-autocomplete="list"
         aria-expanded="false"
         aria-controls="cb1-listbox"