twilio-labs · sbrij001 · Sep 5, 2024 · Sep 5, 2024 · Sep 8, 2024 · Sep 8, 2024
diff --git a/hello-voice/assets/index.html b/hello-voice/assets/index.html
@@ -1,92 +1,137 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>Get started with your Twilio Functions!</title>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="x-ua-compatible" content="ie=edge" />
+    <title>Get started with your Twilio Functions!</title>
 
-        <link rel="icon" href="https://twilio-labs.github.io/function-templates/static/v1/favicon.ico">
-        <link rel="stylesheet" href="https://twilio-labs.github.io/function-templates/static/v1/ce-paste-theme.css">
+    <link
+      rel="icon"
+      href="https://twilio-labs.github.io/function-templates/static/v1/favicon.ico"
+    />
+    <link
+      rel="stylesheet"
+      href="https://twilio-labs.github.io/function-templates/static/v1/ce-paste-theme.css"
+    />
 
-        <script src="https://twilio-labs.github.io/function-templates/static/v1/ce-helpers.js" defer></script>
-        <script>
-         window.addEventListener('DOMContentLoaded', (_event) => {
-             inputPrependBaseURL();
-         });
-        </script>
-    </head>
-    <body>
-        <div class="page-top">
-            <header>
-                <div id="twilio-logo">
-                    <a href="https://www.twilio.com/" target="_blank" rel="noopener">
-                        <svg class="logo" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 60 60">
-                            <title>Twilio Logo</title><path class="cls-1" d="M30,15A15,15,0,1,0,45,30,15,15,0,0,0,30,15Zm0,26A11,11,0,1,1,41,30,11,11,0,0,1,30,41Zm6.8-14.7a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,36.8,26.3Zm0,7.4a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,36.8,33.7Zm-7.4,0a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,29.4,33.7Zm0-7.4a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,29.4,26.3Z"/></svg>
-                    </a>
-                </div>
-                <nav>
-                    <span>Your Twilio application</span>
-                    <aside>
-                        <svg class="icon" role="img" aria-hidden="true" width="100%" height="100%" viewBox="0 0 20 20" aria-labelledby="NewIcon-1577"><path fill="currentColor" fill-rule="evenodd" d="M6.991 7.507c.003-.679 1.021-.675 1.019.004-.012 2.956 1.388 4.41 4.492 4.48.673.016.66 1.021-.013 1.019-2.898-.011-4.327 1.446-4.48 4.506-.033.658-1.01.639-1.018-.02-.03-3.027-1.382-4.49-4.481-4.486-.675 0-.682-1.009-.008-1.019 3.02-.042 4.478-1.452 4.49-4.484zm.505 2.757l-.115.242c-.459.9-1.166 1.558-2.115 1.976l.176.08c.973.465 1.664 1.211 2.083 2.22l.02.05.088-.192c.464-.973 1.173-1.685 2.123-2.124l.039-.018-.118-.05c-.963-.435-1.667-1.117-2.113-2.034l-.068-.15zm10.357-8.12c.174.17.194.434.058.625l-.058.068-1.954 1.905 1.954 1.908a.482.482 0 010 .694.512.512 0 01-.641.056l-.07-.056-1.954-1.908-1.954 1.908a.511.511 0 01-.71 0 .482.482 0 01-.058-.626l.058-.068 1.954-1.908-1.954-1.905a.482.482 0 010-.693.512.512 0 01.64-.057l.07.057 1.954 1.905 1.954-1.905a.511.511 0 01.71 0z"></path></svg>
-                        Live
-                    </aside>
-                </nav>
-            </header>
+    <script
+      src="https://twilio-labs.github.io/function-templates/static/v1/ce-helpers.js"
+      defer
+    ></script>
+    <script>
+      window.addEventListener('DOMContentLoaded', (_event) => {
+        inputPrependBaseURL();
+      });
+    </script>
+  </head>
+  <body>
+    <div class="page-top">
+      <header>
+        <div id="twilio-logo">
+          <a href="https://www.twilio.com/" target="_blank" rel="noopener">
+            <svg
+              class="logo"
+              data-name="Layer 1"
+              xmlns="http://www.w3.org/2000/svg"
+              viewbox="0 0 60 60"
+            >
+              <title>Twilio Logo</title>
+              <path
+                class="cls-1"
+                d="M30,15A15,15,0,1,0,45,30,15,15,0,0,0,30,15Zm0,26A11,11,0,1,1,41,30,11,11,0,0,1,30,41Zm6.8-14.7a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,36.8,26.3Zm0,7.4a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,36.8,33.7Zm-7.4,0a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,29.4,33.7Zm0-7.4a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,29.4,26.3Z"
+              />
+            </svg>
+          </a>
         </div>
-        <main>
-            <div class="content">
-                <h1>
-                    <img src="https://twilio-labs.github.io/function-templates/static/v1/success.svg" />
-                    <div>
-                        <p>Welcome!</p>
-                        <p>Your live application with Twilio is ready to use!</p>
-                    </div>
-                </h1>
-                <section>
-                    <h2>Get started with your application</h2>
-                    <p>
-                        Follow these steps to try out your new app:
-                    </p>
-                    <p>
-                        This app is a basic Twilio Voice TwiML template Function that will return the
-                        <a href="https://www.twilio.com/docs/voice/twiml"
-                           target="_blank"
-                           rel="noopener">TwiML</a>
-                        to say "Hello World"
-                    </p>
-                    <ol class="steps">
-                        <li>Call your Twilio phone number</li>
-                        <li>Be greeted by a robot voice saying "Hello World"</li>
-                    </ol>
-                </section>
+        <nav>
+          <span>Your Twilio application</span>
+          <aside>
+            <svg
+              class="icon"
+              role="img"
+              aria-hidden="true"
+              width="100%"
+              height="100%"
+              viewBox="0 0 20 20"
+              aria-labelledby="NewIcon-1577"
+            >
+              <path
+                fill="currentColor"
+                fill-rule="evenodd"
+                d="M6.991 7.507c.003-.679 1.021-.675 1.019.004-.012 2.956 1.388 4.41 4.492 4.48.673.016.66 1.021-.013 1.019-2.898-.011-4.327 1.446-4.48 4.506-.033.658-1.01.639-1.018-.02-.03-3.027-1.382-4.49-4.481-4.486-.675 0-.682-1.009-.008-1.019 3.02-.042 4.478-1.452 4.49-4.484zm.505 2.757l-.115.242c-.459.9-1.166 1.558-2.115 1.976l.176.08c.973.465 1.664 1.211 2.083 2.22l.02.05.088-.192c.464-.973 1.173-1.685 2.123-2.124l.039-.018-.118-.05c-.963-.435-1.667-1.117-2.113-2.034l-.068-.15zm10.357-8.12c.174.17.194.434.058.625l-.058.068-1.954 1.905 1.954 1.908a.482.482 0 010 .694.512.512 0 01-.641.056l-.07-.056-1.954-1.908-1.954 1.908a.511.511 0 01-.71 0 .482.482 0 01-.058-.626l.058-.068 1.954-1.908-1.954-1.905a.482.482 0 010-.693.512.512 0 01.64-.057l.07.057 1.954 1.905 1.954-1.905a.511.511 0 01.71 0z"
+              ></path>
+            </svg>
+            Live
+          </aside>
+        </nav>
+      </header>
+    </div>
+    <main>
+      <div class="content">
+        <h1>
+          <img
+            src="https://twilio-labs.github.io/function-templates/static/v1/success.svg"
+          />
+          <div>
+            <p>Welcome!</p>
+            <p>Your live application with Twilio is ready to use!</p>
+          </div>
+        </h1>
+        <section>
+          <h2>Get started with your application</h2>
+          <p>Follow these steps to try out your new app:</p>
+          <p>
+            This app is a basic Twilio Voice TwiML template Function that will
+            return the
+            <a
+              href="https://www.twilio.com/docs/voice/twiml"
+              target="_blank"
+              rel="noopener"
+              >TwiML</a
+            >
+            to say "Hello World"
+          </p>
+          <ol class="steps">
+            <li>Call your Twilio phone number</li>
+            <li>Be greeted by a robot voice saying "Hello World"</li>
+          </ol>
+        </section>
 
-                <section>
-                    <!-- APP_INFO_V2 -->
-                </section>
-                <section>
-                    <h2>Troubleshooting</h2>
-                    <ul>
-                        <li>
-                            Check the
-                            <a href="https://www.twilio.com/console/phone-numbers/incoming"
-                               target="_blank"
-                               rel="noopener">
-                                phone number configuration
-                            </a>
-                            and make sure the Twilio phone number you want for your app has a voice webhook
-                            configured to point at the following URL
-                            <form>
-                                <label for="twilio-webhook">Webhook URL</label>
-                                <input type="text" id="twilio-webhook" class="function-root" readonly=true value="/hello-voice">
-                            </form>
-                        </li>
-                    </ul>
-                </section>
-            </div>
-        </main>
-        <footer>
-            <span class="statement">We can't wait to see what you build.</span>
-        </footer>
-    </body>
+        <section>
+          <!-- APP_INFO_V2 -->
+        </section>
+        <section>
+          <h2>Troubleshooting</h2>
+          <ul>
+            <li>
+              Check the
+              <a
+                href="https://www.twilio.com/console/phone-numbers/incoming"
+                target="_blank"
+                rel="noopener"
+              >
+                phone number configuration
+              </a>
+              and make sure the Twilio phone number you want for your app has a
+              voice webhook configured to point at the following URL
+              <form>
+                <label for="twilio-webhook">Webhook URL</label>
+                <input
+                  type="text"
+                  id="twilio-webhook"
+                  class="function-root"
+                  readonly="true"
+                  value="/hello-voice"
+                />
+              </form>
+            </li>
+          </ul>
+        </section>
+      </div>
+    </main>
+    <footer>
+      <span class="statement">We can't wait to see what you build.</span>
+    </footer>
+  </body>
 </html>
diff --git a/hello-voice/changelog.md b/hello-voice/changelog.md
@@ -3,6 +3,7 @@
 ## [Unreleased]
 
 ## [1.0.0]
+
 ### Added
-- Initial release.
 
+- Initial release.
diff --git a/hello-voice/functions/hello-voice.protected.js b/hello-voice/functions/hello-voice.protected.js
@@ -1,5 +1,14 @@
+/*
+ * hello-voice.protected.js
+ * This file contains an AWS Lambda function handler that generates a Twilio Voice Response. When triggered, it creates a TwiML response that instructs Twilio to speak "Hello World" to the caller.
+ */
+
+// This is an AWS Lambda function handler for a Twilio Voice Response
 exports.handler = function (context, event, callback) {
+  // Create a new TwiML VoiceResponse object
   const twiml = new Twilio.twiml.VoiceResponse();
+  // Add a 'Say' verb to the TwiML response, which will speak the text 'Hello World' to the caller
   twiml.say('Hello World');
+  // End the function by calling the callback with the generated TwiML response
   callback(null, twiml);
 };
diff --git a/masked-number/.env b/masked-number/.env
@@ -2,7 +2,7 @@
 # format: phone_number
 # required: true
 # link: https://www.twilio.com/docs/glossary/what-e164
-MY_PHONE_NUMBER=+12223334444
+MY_PHONE_NUMBER=+1234567890
 
 # description: The path to the webhook
 # configurable: false