codeforboston · Mephistic · Jun 25, 2025 · May 12, 2025 · May 15, 2025 · May 28, 2025
@@ -7,7 +7,8 @@
   "functions": {
     "predeploy": ["yarn build:functions"],
     "source": "functions",
-    "runtime": "nodejs18"
+    "runtime": "nodejs18",
+    "runtimeConfig": ".runtimeconfig.json"
   },
   "firestore": {
     "rules": "firestore.rules",

@@ -89,5 +89,16 @@ service cloud.firestore {
         allow read, write: if request.auth.token.get("role", "user") == "admin"
       }
     }
+    match /transcriptions/{tid} {
+      // public, read-only
+      allow read: if true
+      allow write: if false
+
+      // public, read-only
+      match /utterances/{uid} {
+        allow read: if true
+        allow write: if false
+      }
+    }
   }
 }
@@ -0,0 +1,9 @@
+{
+  "runtime": {
+    "nodejs18": {
+      "apt": {
+        "packages": ["ffmpeg"]
+      }
+    }
+  }
+}
@@ -20,6 +20,7 @@
     "date-fns": "^2.30.0",
     "firebase-admin": "^10",
     "firebase-functions": "^3.22.0",
+    "fluent-ffmpeg": "^2.1.3",
     "fuse.js": "6.5.3",
     "handlebars": "^4.7.8",
     "js-sha256": "^0.11.0",
@@ -34,6 +35,7 @@
     "zod": "^3.20.2"
   },
   "devDependencies": {
+    "@types/fluent-ffmpeg": "^2.1.27",
     "@types/jest": "^27.4.0",
     "@types/jsdom": "^21.1.7",
     "@types/luxon": "^2.0.9",

@@ -1,7 +1,6 @@
 <html>
   <head>
     <title>Digest Email</title>
-    <link rel="stylesheet" type="text/css" href="email/style.css" />
   </head>
 
   <body style="background: white; width: 600px; min-height: 80vh; font-family: 'Nunito';

@@ -14,6 +14,7 @@ export const registerHelpers = () => {
   handlebars.registerHelper("minusFour", helpers.minusFour)
   handlebars.registerHelper("noUpdatesFormat", helpers.noUpdatesFormat)
   handlebars.registerHelper("toLowerCase", helpers.toLowerCase)
+  handlebars.registerHelper("pluralize", helpers.pluralize)
 }
 
 // Register all Handlebars partials

@@ -1,3 +1,5 @@
+import { BillDigest } from "../notifications/emailTypes"
+
 export function addCounts() {
   let sum = 0
   for (let i = 0; i < arguments.length - 1; i++) {
@@ -56,3 +58,12 @@ export function toLowerCase(aString: unknown) {
   console.error(`toLowerCase received a non-string value: ${aString}`)
   return undefined
 }
+
+// TODO: This will be replaced by I18n logic when we implement it for emails
+export function pluralize(bill: BillDigest): string {
+  if (bill.endorseCount + bill.neutralCount + bill.opposeCount === 1) {
+    return "Testimony"
+  } else {
+    return "Testimonies"
+  }
+}
@@ -1,36 +1,35 @@
 <article id="bill">
-  <div style="font-weight: 500; font-size: 22px; line-height: 125%; 
-              text-decoration-line: underline; color: #000000; margin-bottom: 24px">
-    {{this.billId}}
+  <div style="font-weight: 500; font-size: 20px; line-height: 125%; 
+              text-decoration-line: underline; color: #000000; margin-bottom: 4px">
+    <a href="https://mapletestimony.org/bills/{{this.billCourt}}/{{this.billId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">{{this.billId}}</a>
   </div>
-  <div style="font-weight: 600; font-size: 12px; line-height: 125%; 
+  <div style="font-weight: 600; font-size: 16px; line-height: 125%; 
               color: #000000; letter-spacing: 0.03em; margin-bottom: 24px">
     {{this.billName}}
   </div>
-  <div style="padding: 12px 0px 12px 36px; background: #EAE7E7;
-              border-radius: 12px; margin-bottom: 36px;">
-    <div>
-      <div style="height: 49px; font-weight: 500; font-size: 39px; line-height: 125%;
-                  letter-spacing: -0.015em; color: #000000; margin: auto; text-align: center">
-        {{addCounts this.endorseCount this.neutralCount this.opposeCount}}
+  <a href="https://mapletestimony.org/bills/{{this.billCourt}}/{{this.billId}}" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit">
+    <div style="padding: 12px 0px 12px 12px; background: #EAE7E7;
+                border-radius: 12px; margin-bottom: 12px; text-align: center">
+      <div>
+        <div style="height: 49px; font-weight: 500; font-size: 39px; line-height: 125%;
+                    letter-spacing: -0.015em; color: #000000; margin: auto; text-align: center">
+          {{addCounts this.endorseCount this.neutralCount this.opposeCount}}
+        </div>
+      </div>
+      <div style="height: 20px; font-weight: 700; font-size: 16px; line-height: 125%;
+                  letter-spacing: 0.015em; color: #3E3E3E; margin: auto; text-align: center">
+        New {{pluralize this}}
+      </div>
+      <div style="height: 19px; font-weight: 700; font-size: 14px; line-height: 100%;
+                  color: #000000; margin: auto; padding: 16px 0px 26px 0px;
+                  text-align: center">
+        <img src="https://mapletestimony.org/email/images_no-svgs/endorse.png" alt="checkmark" style="padding-right: 18px"/>
+        {{this.endorseCount}} Endorse 
+        <img src="https://mapletestimony.org/email/images_no-svgs/neutral.png" alt="dash" style="padding: 0 18px"/>
+        {{this.neutralCount}} Neutral 
+        <img src="https://mapletestimony.org/email/images_no-svgs/oppose.png" alt="x-mark" style="padding: 0 18px"/>
+        {{this.opposeCount}} Oppose
       </div>
     </div>
-    <div style="height: 20px; font-weight: 700; font-size: 16px; line-height: 125%;
-                letter-spacing: 0.015em; color: #3E3E3E; margin: auto; text-align: center">
-      New Testimonies
-    </div>
-    <div style="height: 19px; font-weight: 700; font-size: 14px; line-height: 100%;
-                color: #000000; margin: auto; padding: 16px 0px 26px 0px;
-                text-align: center">
-      <img src="email\images_no-svgs\endorse.png" alt="checkmark" style="padding-right: 18px"/>
-      {{!-- replace with link to mapletestimony.org when going live --}}
-      {{this.endorseCount}} Endorse 
-      <img src="email\images_no-svgs\neutral.png" alt="dash" style="padding: 0 18px"/>
-      {{!-- replace with link to mapletestimony.org when going live --}}
-      {{this.neutralCount}} Neutral 
-      <img src="email\images_no-svgs\oppose.png" alt="x-mark" style="padding: 0 18px"/>
-      {{!-- replace with link to mapletestimony.org when going live --}}
-      {{this.opposeCount}} Oppose
-    </div>
-  </div>
+  </a>
 </article>
@@ -17,9 +17,9 @@
   </div>
   <div>
     {{#ifGreaterThan numBillsWithNewTestimony 4}}
-      <div style="padding: 12px 0px 12px 36px; background: #EAE7E7;
+      <div style="padding: 12px 0px 12px 12px; background: #EAE7E7;
                   border-radius: 12px; margin-bottom: 36px;"> 
-        <div style="font-weight: 700; font-size: 14px; line-height: 125%; letter-spacing: 3%; margin-top: 5px">
+        <div style="font-weight: 700; font-size: 14px; line-height: 125%; letter-spacing: 3%; margin-top: 5px; text-align: center">
           {{#ifGreaterThan numBillsWithNewTestimony 5}}
             {{minusFour numBillsWithNewTestimony}} other bills you follow received testimony since your last update
           {{else}}

@@ -1,22 +1,22 @@
-<div id="logo" style="background-color: #1a3185; padding: 16px 20px 16px 50px">
+<div id="logo" style="background-color: #1a3185; padding: 16px 20px 16px 50px; text-align: center;">
   <img src="https://mapletestimony.org/email/images_no-svgs/Logo.png" alt="Maple Logo" />
 </div>
 
 <header style="background-color: #FFFFFF; padding: 24px 0px 12px;
-  gap: 16px">
+  gap: 16px; text-align: center;">
   <div>
     <h2 style="font-weight: 700; font-size: 31px; line-height: 125%; margin: auto; width: 70%; color: #1a3185">
       Here is your
       {{toLowerCase notificationFrequency}}
       report
     </h2>
     <h2 style="font-weight: 700; font-size: 31px; line-height: 125%; margin: auto; width: 80%; color: #1a3185">
-      of the Bills and Users you follow!
+      of the bills and users you follow!
     </h2>
-    <p class="subheadline blue center" style="font-weight: 600; font-size: 12px; line-height: 125%; 
+    <p class="subheadline blue center" style="font-weight: 600; font-size: 16px; line-height: 125%; 
     color: #1a3185; display: block; margin: auto; width: 30%">
       {{formatDate startDate}} - {{formatDate endDate}}
     </p>
   </div>
-  <img src="https://mapletestimony.org/email/images_no-svgs/Mail Report.png" alt="Report" style="display: block; margin: auto; width: 32%" />
+  <img src="https://mapletestimony.org/email/images_no-svgs/Mail Report.png" alt="Report" style="display: block; margin: auto; width: 16%" />
 </header>
@@ -13,7 +13,7 @@
          target="_blank"
          rel="noopener noreferrer"
       >
-        <img src="email\images_no-svgs\newspaper.png" alt="" />
+        <img src="https://mapletestimony.org/email/images_no-svgs/newspaper.png" alt="" />
         Newsfeed
       </a>
     </p>

@@ -1,4 +1,4 @@
-<div style="padding-top: 12px; padding-bottom: 20px; display: block; margin: auto; width: 65%">
+<div style="padding-top: 12px; padding-bottom: 20px; display: block; margin: auto; width: 65%; text-align: center;">
   <img src="https://mapletestimony.org/email/images_no-svgs/empty-mail.png" alt="Empty Mail" />
 </div>
 <h5 style="font-weight: 600; font-size: 25px; line-height: 125%; margin-bottom: 0px;

@@ -4,23 +4,27 @@
   <div style="font-weight: 500; font-size: 22px; line-height: 125%; color: #000000;
               margin-right: auto"
   >
-    {{this.userName}}
+    <a href="https://mapletestimony.org/profile?id={{this.userId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">{{this.userName}}</a>
   </div>
   <div style="margin-right: auto;">
     <div style="margin-right: 24px; display: inline-block">
       <div style="width: 37px; height: 76px; font-weight: 600; font-size: 61px;
-                  line-height: 125%; letter-spacing: -0.03em; color: #1A3185;
+                  line-height: 125%; letter-spacing: -0.03em; color: #000000;
                   margin-left: auto; margin-right: auto;"
       >
         {{this.newTestimonyCount}}
       </div>
       <div style="font-weight: 700; font-size: 16px; line-height: 125%; letter-spacing: 0.015em;
                   color: #000000; width: 135px"
       >
-        New Testimonies
+        {{#ifGreaterThan this.newTestimonyCount 1}}
+          New Testimonies
+        {{else}}
+          New Testimony
+        {{/ifGreaterThan}}
       </div>
     </div>
-    <table style="display: inline-block; margin: 0; padding: 0">
+    <table style="display: inline-block; margin: 0; padding: 0; font-size: 20px;">
       <tr>
         {{!-- the possibility of the 6th item being handled differently and
           the possibility of more than 6 data points makes iterating 
@@ -29,29 +33,33 @@
         {{!-- Item 1 --}}
 
         {{#if this.bills.0.billId}}
-          <td style="width: 75px">
+          <td style="width: 100px">
             <div style="text-decoration-line: underline; display: inline-block; margin-right: 15px">
-              {{this.bills.0.billId}}
+              <a href="https://mapletestimony.org/bills/{{this.bills.0.court}}/{{this.bills.0.billId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">
+                {{this.bills.0.billId}}
+              </a>
             </div>
           </td>
-          <td style="width: 75px">
+          <td style="width: 50px">
             <img
-              src="email\images_no-svgs\\{{this.bills.0.position}}.jpg"
+              src="https://mapletestimony.org/email/images_no-svgs/{{this.bills.0.position}}.jpg"
             />
           </td>
         {{/if}}
 
         {{!-- Item 2 --}}
 
         {{#if this.bills.1.billId}}
-          <td style="width: 75px">
+          <td style="width: 100px">
             <div style="text-decoration-line: underline; display: inline-block; margin-right: 15px">
-              {{this.bills.1.billId}}
+              <a href="https://mapletestimony.org/bills/{{this.bills.1.court}}/{{this.bills.1.billId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">
+                {{this.bills.1.billId}}
+              </a>
             </div>
           </td>
-          <td style="width: 75px">
+          <td style="width: 50px">
             <img
-              src="email\images_no-svgs\\{{this.bills.1.position}}.jpg"
+              src="https://mapletestimony.org/email/images_no-svgs/{{this.bills.1.position}}.jpg"
             />
           </td>
         {{/if}}
@@ -60,29 +68,33 @@
         {{!-- Item 3 --}}
 
         {{#if this.bills.2.billId}}
-          <td style="width: 75px">
+          <td style="width: 100px">
             <div style="text-decoration-line: underline; display: inline-block; margin-right: 15px">
-              {{this.bills.2.billId}}
+              <a href="https://mapletestimony.org/bills/{{this.bills.2.court}}/{{this.bills.2.billId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">
+                {{this.bills.2.billId}}
+              </a>
             </div>
           </td>
-          <td style="width: 75px">
+          <td style="width: 50px">
             <img
-              src="email\images_no-svgs\\{{this.bills.2.position}}.jpg"
+              src="https://mapletestimony.org/email/images_no-svgs/{{this.bills.2.position}}.jpg"
             />
           </td>
         {{/if}}
 
         {{!-- Item 4 --}}
 
         {{#if this.bills.3.billId}}
-          <td style="width: 75px">
+          <td style="width: 100px">
             <div style="text-decoration-line: underline; display: inline-block; margin-right: 15px">
-              {{this.bills.3.billId}}
+              <a href="https://mapletestimony.org/bills/{{this.bills.3.court}}/{{this.bills.3.billId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">
+                {{this.bills.3.billId}}
+              </a>
             </div>
           </td>
-          <td style="width: 75px">
+          <td style="width: 50px">
             <img
-              src="email\images_no-svgs\\{{this.bills.3.position}}.jpg"
+              src="https://mapletestimony.org/email/images_no-svgs/{{this.bills.3.position}}.jpg"
             />
           </td>
         {{/if}}
@@ -92,14 +104,16 @@
         {{!-- Item 5 --}}
 
         {{#if this.bills.4.billId}}
-          <td style="width: 75px">
+          <td style="width: 100px">
             <div style="text-decoration-line: underline; display: inline-block; margin-right: 15px">
-              {{this.bills.4.billId}}
+              <a href="https://mapletestimony.org/bills/{{this.bills.4.court}}/{{this.bills.4.billId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">
+                {{this.bills.4.billId}}
+              </a>
             </div>
           </td>
-          <td style="width: 75px">
+          <td style="width: 50px">
             <img
-              src="email\images_no-svgs\\{{this.bills.4.position}}.jpg"
+              src="https://mapletestimony.org/email/images_no-svgs/{{this.bills.4.position}}.jpg"
             />
           </td>
         {{/if}}
@@ -108,25 +122,27 @@
 
         {{#if this.bills.5.billId}}
           {{#if this.bills.6.billId}}
-            <td style="width: 75px">
-              <a class="orgItemText" href="https://mapletestimony.org/profile" target="_blank" rel="noopener noreferrer">
+            <td style="width: 100px">
+              <a class="orgItemText" href="https://mapletestimony.org/profile?id={{userId}}" target="_blank" rel="noopener noreferrer">
                 see more
               </a>
             </td>
-            <td style="width: 75px">
+            <td style="width: 50px">
               <div style="color: #1A3185; font-weight: bold;">
                 +
               </div>
             </td>
           {{else}}
-            <td style="width: 75px">
+            <td style="width: 100px">
               <div style="text-decoration-line: underline; display: inline-block; margin-right: 15px">
-                {{this.bills.5.billId}}
+                <a href="https://mapletestimony.org/bills/{{this.bills.5.court}}/{{this.bills.5.billId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">
+                  {{this.bills.5.billId}}
+                </a>
               </div>
             </td>
-            <td style="width: 75px">
+            <td style="width: 50px">
               <img
-                src="email\images_no-svgs\\{{this.bills.5.position}}.jpg"
+                src="https://mapletestimony.org/email/images_no-svgs/{{this.bills.5.position}}.jpg"
               />
             </td>
           {{/if}}

@@ -22,9 +22,9 @@
   </div>
   <div></div>
     {{#ifGreaterThan numUsersWithNewTestimony 4}}
-      <div style="padding: 12px 0px 12px 36px; background: #EAE7E7;
+      <div style="padding: 12px 0px 12px 12px; background: #EAE7E7;
                   border-radius: 12px; margin-bottom: 36px;"> 
-        <div style="font-weight: 700; font-size: 14px; line-height: 125%; letter-spacing: 3%; margin-top: 5px">
+        <div style="font-weight: 700; font-size: 14px; line-height: 125%; letter-spacing: 3%; margin-top: 5px; text-align: center">
           {{#ifGreaterThan numUsersWithNewTestimony 5}}
             {{minusFour numUsersWithNewTestimony}} other users you follow posted testimony since your last update
           {{else}}