Standardize prettier config and format

Author: ianmacartney

.prettierrc.json

@@ -1,3 +1,4 @@
 {
-    "trailingComma": "es5"
+  "trailingComma": "all",
+  "proseWrap": "always"
 }

README.md

@@ -28,13 +28,16 @@ export const sendSms = internalAction({
 
 ### Twilio Phone Number
 
-Create a Twilio account and, if you haven't already, create a [Twilio Phone Number](https://www.twilio.com/docs/phone-numbers).
+Create a Twilio account and, if you haven't already, create a
+[Twilio Phone Number](https://www.twilio.com/docs/phone-numbers).
 
-Note the **Phone Number SID** of the phone number you'll be using, you'll need it in a moment.
+Note the **Phone Number SID** of the phone number you'll be using, you'll need
+it in a moment.
 
 ### Convex App
 
-You'll need a Convex App to use the component. Follow any of the [Convex quickstarts](https://docs.convex.dev/home) to set one up.
+You'll need a Convex App to use the component. Follow any of the
+[Convex quickstarts](https://docs.convex.dev/home) to set one up.
 
 ## Installation
 
@@ -44,7 +47,8 @@ Install the component package:
 npm install @convex-dev/twilio
 ```
 
-Create a `convex.config.ts` file in your app's `convex/` folder and install the component by calling `use`:
+Create a `convex.config.ts` file in your app's `convex/` folder and install the
+component by calling `use`:
 
 ```ts
 // convex/convex.config.ts
@@ -78,7 +82,8 @@ export const twilio = new Twilio(components.twilio, {
 });
 ```
 
-Register Twilio webhook handlers by creating an `http.ts` file in your `convex/` folder and use the client you've exported above:
+Register Twilio webhook handlers by creating an `http.ts` file in your `convex/`
+folder and use the client you've exported above:
 
 ```ts
 // http.ts
@@ -110,21 +115,30 @@ export const sendSms = internalAction({
 });
 ```
 
-By querying the message (see [below](#querying-messages)) you can check for the status ([Twilio Statuses](https://www.twilio.com/docs/messaging/api/message-resource#message-status-values)). The component subscribes to status updates and writes the most up-to-date status into the database.
+By querying the message (see [below](#querying-messages)) you can check for the
+status
+([Twilio Statuses](https://www.twilio.com/docs/messaging/api/message-resource#message-status-values)).
+The component subscribes to status updates and writes the most up-to-date status
+into the database.
 
 ## Receiving Messages
 
-To receive messages, you will associate a webhook handler provided by the component with the Twilio phone number you'd like to use.
+To receive messages, you will associate a webhook handler provided by the
+component with the Twilio phone number you'd like to use.
 
-`twilio.registerRoutes` registers two webhook HTTP handlers in your your Convex app's deployment:
+`twilio.registerRoutes` registers two webhook HTTP handlers in your your Convex
+app's deployment:
 
-- `YOUR_CONVEX_SITE_URL/twilio/message-status` - capture and store delivery status of messages you **send**.
-- `YOUR_CONVEX_SITE_URL/twilio/incoming-message` - capture and store messages **sent to** your Twilio phone number.
+- `YOUR_CONVEX_SITE_URL/twilio/message-status` - capture and store delivery
+  status of messages you **send**.
+- `YOUR_CONVEX_SITE_URL/twilio/incoming-message` - capture and store messages
+  **sent to** your Twilio phone number.
 
-Note: You may pass a custom `httpPrefix` to `Twilio` if you want to
-route Twilio endpoints somewhere other than `YOUR_CONVEX_SITE_URL/twilio/*`.
+Note: You may pass a custom `httpPrefix` to `Twilio` if you want to route Twilio
+endpoints somewhere other than `YOUR_CONVEX_SITE_URL/twilio/*`.
 
-For instance, to route to `YOUR_CONVEX_SITE_URL/custom-twilio/message-status`, set:
+For instance, to route to `YOUR_CONVEX_SITE_URL/custom-twilio/message-status`,
+set:
 
 ```ts
 export const twilio = new Twilio(components.twilio, {
@@ -134,9 +148,12 @@ export const twilio = new Twilio(components.twilio, {
 
 You can associate it with your Twilio phone number in two ways:
 
-1. Using the [Twilio console](https://console.twilio.com/) in the "Configure" tab of the phone number, under "Messaging Configuration" -> "A messsage comes in" -> "URL".
+1. Using the [Twilio console](https://console.twilio.com/) in the "Configure"
+   tab of the phone number, under "Messaging Configuration" -> "A messsage comes
+   in" -> "URL".
 
-2. By calling `registerIncomingSmsHandler` exposed by the component client, passing it the phone number's SID:
+2. By calling `registerIncomingSmsHandler` exposed by the component client,
+   passing it the phone number's SID:
 
 ```ts
 export const registerIncomingSmsHandler = internalAction({
@@ -149,9 +166,11 @@ export const registerIncomingSmsHandler = internalAction({
 });
 ```
 
-Once it is configured, incoming messages will be captured by the component and logged in the `messages` table.
+Once it is configured, incoming messages will be captured by the component and
+logged in the `messages` table.
 
-You can execute your own logic upon receiving an incoming message, by providing a callback when instantiating the Twilio Component client:
+You can execute your own logic upon receiving an incoming message, by providing
+a callback when instantiating the Twilio Component client:
 
 ```ts
 // convex/example.ts
@@ -181,7 +200,8 @@ but you can replay them manually from the Twilio "Error logs" console.
 
 To list all the mssages, use the `list` method in your Convex function.
 
-To list all the incoming or outgoing messages, use `listIncoming` and `listOutgoing` methods:
+To list all the incoming or outgoing messages, use `listIncoming` and
+`listOutgoing` methods:
 
 ```ts
 // convex/messages.ts

src/client/index.ts

@@ -41,7 +41,7 @@ export class Twilio<
       httpPrefix?: string;
       incomingMessageCallback?: MessageHandler;
       defaultOutgoingMessageCallback?: MessageHandler;
-    } & From
+    } & From,
   ) {
     this.accountSid =
       options?.TWILIO_ACCOUNT_SID ?? process.env.TWILIO_ACCOUNT_SID!;
@@ -51,7 +51,7 @@ export class Twilio<
       throw new Error(
         "Missing Twilio credentials\n\n" +
           "npx convex env set TWILIO_ACCOUNT_SID=ACxxxxx\n" +
-          "npx convex env set TWILIO_AUTH_TOKEN=xxxxx"
+          "npx convex env set TWILIO_AUTH_TOKEN=xxxxx",
       );
     }
     this.defaultFrom = options.defaultFrom;
@@ -103,7 +103,7 @@ export class Twilio<
             incomingMessageCallback:
               this.incomingMessageCallback &&
               (await createFunctionHandle(this.incomingMessageCallback)),
-          }
+          },
         );
 
         const emptyResponseTwiML = `
@@ -141,7 +141,7 @@ export class Twilio<
       } & (From["defaultFrom"] extends string
         ? { from?: string }
         : { from: string })
-    >
+    >,
   ) {
     const from = args.from ?? this.defaultFrom;
     if (!from) {
@@ -267,7 +267,7 @@ export class Twilio<
    */
   async getMessagesFrom(
     ctx: RunQueryCtx,
-    args: { from: string; limit?: number }
+    args: { from: string; limit?: number },
   ) {
     return ctx.runQuery(this.componentApi.messages.getFrom, {
       ...args,
@@ -286,7 +286,7 @@ export class Twilio<
    */
   async getMessagesByCounterparty(
     ctx: RunQueryCtx,
-    args: { counterparty: string; limit?: number }
+    args: { counterparty: string; limit?: number },
   ) {
     return ctx.runQuery(this.componentApi.messages.getByCounterparty, {
       ...args,
@@ -303,7 +303,7 @@ declare global {
 
 if (typeof Convex === "undefined") {
   throw new Error(
-    "this is Convex backend code, but it's running somewhere else!"
+    "this is Convex backend code, but it's running somewhere else!",
   );
 }
 

src/component/messages.ts

@@ -42,7 +42,7 @@ export const create = action({
         To: args.to,
         Body: args.body,
         StatusCallback: args.status_callback,
-      }
+      },
     );
     // store some properties as fields and the rest as a nested object
     const databaseMessage = convertToDatabaseMessage(message);
@@ -83,9 +83,9 @@ export const list = query({
       ctx.db
         .query("messages")
         .withIndex("by_account_sid", (q) =>
-          q.eq("account_sid", args.account_sid)
+          q.eq("account_sid", args.account_sid),
         ),
-      args.limit
+      args.limit,
     );
   },
 });
@@ -101,9 +101,9 @@ export const listIncoming = query({
       ctx.db
         .query("messages")
         .withIndex("by_account_sid_and_direction", (q) =>
-          q.eq("account_sid", args.account_sid).eq("direction", "inbound")
+          q.eq("account_sid", args.account_sid).eq("direction", "inbound"),
         ),
-      args.limit
+      args.limit,
     );
   },
 });
@@ -118,9 +118,9 @@ export const listOutgoing = query({
       ctx.db
         .query("messages")
         .withIndex("by_account_sid_and_direction", (q) =>
-          q.eq("account_sid", args.account_sid).eq("direction", "outbound-api")
+          q.eq("account_sid", args.account_sid).eq("direction", "outbound-api"),
         ),
-      args.limit
+      args.limit,
     );
   },
 });
@@ -135,7 +135,7 @@ export const getBySid = query({
     const message = await ctx.db
       .query("messages")
       .withIndex("by_sid", (q) =>
-        q.eq("account_sid", args.account_sid).eq("sid", args.sid)
+        q.eq("account_sid", args.account_sid).eq("sid", args.sid),
       )
       .first();
     return message && withoutSystemFields(message);
@@ -154,9 +154,9 @@ export const getTo = query({
       ctx.db
         .query("messages")
         .withIndex("by_to", (q) =>
-          q.eq("account_sid", args.account_sid).eq("to", args.to)
+          q.eq("account_sid", args.account_sid).eq("to", args.to),
         ),
-      args.limit
+      args.limit,
     );
   },
 });
@@ -173,9 +173,9 @@ export const getFrom = query({
       ctx.db
         .query("messages")
         .withIndex("by_from", (q) =>
-          q.eq("account_sid", args.account_sid).eq("from", args.from)
+          q.eq("account_sid", args.account_sid).eq("from", args.from),
         ),
-      args.limit
+      args.limit,
     );
   },
 });
@@ -194,9 +194,9 @@ export const getByCounterparty = query({
         .withIndex("by_counterparty", (q) =>
           q
             .eq("account_sid", args.account_sid)
-            .eq("counterparty", args.counterparty)
+            .eq("counterparty", args.counterparty),
         ),
-      args.limit
+      args.limit,
     );
   },
 });
@@ -212,7 +212,7 @@ export const updateStatus = mutation({
     const message = await ctx.db
       .query("messages")
       .withIndex("by_sid", (q) =>
-        q.eq("account_sid", args.account_sid).eq("sid", args.sid)
+        q.eq("account_sid", args.account_sid).eq("sid", args.sid),
       )
       .first();
     if (!message) {
@@ -236,7 +236,7 @@ export const getFromTwilioBySidAndInsert = action({
       args.account_sid,
       args.auth_token,
       {},
-      "GET"
+      "GET",
     );
     const databaseMessage = convertToDatabaseMessage(message);
     return ctx.runMutation(internal.messages.insert, {
@@ -299,7 +299,7 @@ function convertToDatabaseMessage(message: any) {
 
 async function takeOrCollectFields(
   query: Query<NamedTableInfo<DataModel, "messages">>,
-  limit: number | undefined
+  limit: number | undefined,
 ): Promise<Message[]> {
   let messagesPromise;
   if (limit) {

src/component/phone_numbers.ts

@@ -24,7 +24,7 @@ export const create = action({
       path,
       args.account_sid,
       args.auth_token,
-      body
+      body,
     );
     const id = await ctx.runMutation(internal.phone_numbers.insert, {
       phone_number: data,
@@ -65,13 +65,13 @@ export const get = internalQuery({
       _id: v.id("phone_numbers"),
       _creationTime: v.number(),
     }),
-    v.null()
+    v.null(),
   ),
   handler: async (ctx, args) => {
     return await ctx.db
       .query("phone_numbers")
       .withIndex("by_sid", (q) =>
-        q.eq("account_sid", args.account_sid).eq("sid", args.sid)
+        q.eq("account_sid", args.account_sid).eq("sid", args.sid),
       )
       .first();
   },
@@ -88,15 +88,15 @@ export const queryByPhoneNumber = internalQuery({
       _id: v.id("phone_numbers"),
       _creationTime: v.number(),
     }),
-    v.null()
+    v.null(),
   ),
   handler: async (ctx, args) => {
     return await ctx.db
       .query("phone_numbers")
       .withIndex("by_phone_number", (q) =>
         q
           .eq("account_sid", args.account_sid)
-          .eq("phone_number", args.phone_number)
+          .eq("phone_number", args.phone_number),
       )
       .first();
   },
@@ -123,7 +123,7 @@ export const updateSmsUrl = action({
         args.account_sid,
         args.auth_token,
         {},
-        "GET"
+        "GET",
       );
       console.log("Inserting into table");
       convexId = await ctx.runMutation(internal.phone_numbers.insert, {
@@ -160,11 +160,11 @@ export const getByPhoneNumber = internalAction({
       {
         phone_number: args.phone_number,
         account_sid: args.account_sid,
-      }
+      },
     );
     if (!phone_number) {
       console.log(
-        `Phone number ${args.phone_number} not found in table - fetching from Twilio`
+        `Phone number ${args.phone_number} not found in table - fetching from Twilio`,
       );
       const phone_number = encodeURIComponent(args.phone_number);
       const path = `IncomingPhoneNumbers.json?PhoneNumber=${phone_number}`;
@@ -173,7 +173,7 @@ export const getByPhoneNumber = internalAction({
         args.account_sid,
         args.auth_token,
         {},
-        "GET"
+        "GET",
       );
       if (data.incoming_phone_numbers.length === 0) {
         throw new Error("Phone number not found");

src/component/schema.ts

@@ -23,7 +23,7 @@ export default defineSchema({
     status: v.string(),
     subresource_uris: v.union(
       v.object({ media: v.string(), feedback: v.optional(v.string()) }),
-      v.null()
+      v.null(),
     ),
     to: v.string(),
     uri: v.string(),

src/component/utils.ts

@@ -3,7 +3,7 @@ export const twilioRequest = async function (
   account_sid: string,
   auth_token: string,
   body: Record<string, string>,
-  method: "POST" | "GET" = "POST"
+  method: "POST" | "GET" = "POST",
 ) {
   const url = `https://api.twilio.com/2010-04-01/Accounts/${account_sid}/${path}`;
   const auth = btoa(`${account_sid}:${auth_token}`);