Add ignoreUOMs to dev and CI

jakeboone02 · Jan 18, 2024 · eea0738 · eea0738
1 parent eead400
commit eea0738
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 5 deletions.
diff --git a/ci/index.html b/ci/index.html
@@ -11,6 +11,7 @@ <h1>parse-ingredient CI</h1>
       <div>allowLeadingOf</div>
       <div>normalizeUOM</div>
       <div>additionalUOMs</div>
+      <div>ignoreUOMs</div>
     </div>
     <script src="src/index.ts"></script>
   </body>

diff --git a/ci/src/index.ts b/ci/src/index.ts
@@ -20,6 +20,7 @@ const additionalUOMs = {
     alternates: ['ounce'],
   },
 } as const;
+const ignoreUOMs = ['cup', 'cups'] as const;
 
 for (const ex of examples) {
   const run = [
@@ -28,6 +29,7 @@ for (const ex of examples) {
     parseIngredient(ex, { allowLeadingOf }),
     parseIngredient(ex, { normalizeUOM }),
     parseIngredient(ex, { additionalUOMs }),
+    parseIngredient(ex, { ignoreUOMs }),
   ];
 
   gridInnerHTML.push(...run.map(e => `<div>${JSON.stringify(e, null, 2)}</div>`));

diff --git a/ci/src/styles.css b/ci/src/styles.css
@@ -5,22 +5,22 @@ body {
 
 #grid {
   display: grid;
-  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   column-gap: 1rem;
   row-gap: 0.4rem;
 }
 
-#grid > *:nth-child(n + 5) {
+#grid > *:nth-child(n + 6) {
   border-bottom: 1px solid #dddddd;
 }
 
-#grid > *:nth-child(-n + 5) {
+#grid > *:nth-child(-n + 6) {
   border-bottom: 1px solid gray;
   font-weight: bold;
   text-align: center;
 }
 
-#grid > *:nth-child(5n + 1):nth-child(n + 5) {
+#grid > *:nth-child(6n + 1):nth-child(n + 6) {
   font-weight: bold;
   text-align: right;
 }
diff --git a/index.html b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -45,6 +45,11 @@ <h4>Ingredient List</h4>
       Allow leading "of "
     </label>
     <br />
+    <label>
+      Ignore UOMs
+      <input type="text" id="ignore-uoms" />
+    </label>
+    <br />
     <button type="button" id="parse">Parse</button>
     <h4>Results</h4>
     <pre id="results" class="language-json">(Click "Parse" to see results.)</pre>

diff --git a/src/dev.ts b/src/dev.ts
@@ -26,10 +26,14 @@ document.getElementById('ingredient-list')!.innerHTML = seed;
 document.getElementById('parse')!.addEventListener('click', () => {
   const normalizeUOM = (document.getElementById('normalize-uom') as HTMLInputElement).checked;
   const allowLeadingOf = (document.getElementById('allow-leading-of') as HTMLInputElement).checked;
+  const ignoreUOMs = ((document.getElementById('ignore-uoms') as HTMLInputElement).value ?? '')
+    .split(',')
+    .map(s => s.trim());
   document.getElementById('results')!.innerHTML = JSON.stringify(
     parseIngredient((document.getElementById('ingredient-list') as HTMLInputElement).value, {
       normalizeUOM,
       allowLeadingOf,
+      ignoreUOMs,
     }),
     null,
     2