chore: run Prettier (#142)

app/entry.client.tsx

@@ -4,15 +4,15 @@
  * For more information, see https://remix.run/file-conventions/entry.client
  */
 
-import { RemixBrowser } from "@remix-run/react";
-import { startTransition, StrictMode } from "react";
-import { hydrateRoot } from "react-dom/client";
+import { RemixBrowser } from '@remix-run/react'
+import { startTransition, StrictMode } from 'react'
+import { hydrateRoot } from 'react-dom/client'
 
 startTransition(() => {
   hydrateRoot(
-      document,
-      <StrictMode>
-        <RemixBrowser />
-      </StrictMode>
-  );
-});
+    document,
+    <StrictMode>
+      <RemixBrowser />
+    </StrictMode>,
+  )
+})

app/entry.server.tsx

@@ -6,7 +6,7 @@
 
 import { PassThrough } from 'node:stream'
 import type { EntryContext } from '@remix-run/node'
-import { createReadableStreamFromReadable } from "@remix-run/node";
+import { createReadableStreamFromReadable } from '@remix-run/node'
 import { RemixServer } from '@remix-run/react'
 import { renderToPipeableStream } from 'react-dom/server'
 import { getSharedEnvs } from './utils/envs'

app/routes/_layout+/_index.tsx

@@ -1,24 +1,39 @@
-import type { MetaFunction } from "@remix-run/node";
+import type { MetaFunction } from '@remix-run/node'
 import { Link } from '@remix-run/react'
 
 export const meta: MetaFunction = () => [
   { title: 'Stripe Stack - Remix' },
-  { description: `A Stripe focused Remix Stack that integrates User Subscriptions, Authentication and Testing. Driven by Prisma ORM. Deploys to Fly.io` },
-  { keywords: 'remix, stripe, remix-stack, typescript, sqlite, postgresql, prisma, tailwindcss, fly.io' },
+  {
+    description: `A Stripe focused Remix Stack that integrates User Subscriptions, Authentication and Testing. Driven by Prisma ORM. Deploys to Fly.io`,
+  },
+  {
+    keywords:
+      'remix, stripe, remix-stack, typescript, sqlite, postgresql, prisma, tailwindcss, fly.io',
+  },
   { 'og:title': 'Stripe Stack - Remix' },
   { 'og:type': 'website' },
   { 'og:url': 'https://stripe-stack.fly.dev' },
-  { 'og:image': 'https://raw.githubusercontent.com/dev-xo/dev-xo/main/stripe-stack/assets/images/Stripe-Thumbnail.png' },
+  {
+    'og:image':
+      'https://raw.githubusercontent.com/dev-xo/dev-xo/main/stripe-stack/assets/images/Stripe-Thumbnail.png',
+  },
   { 'og:card': 'summary_large_image' },
   { 'og:creator': '@DanielKanem' },
   { 'og:site': 'https://stripe-stack.fly.dev' },
-  { 'og:description': `A Stripe focused Remix Stack that integrates User Subscriptions, Authentication and Testing. Driven by Prisma ORM. Deploys to Fly.io` },
-  { 'twitter:image': 'https://raw.githubusercontent.com/dev-xo/dev-xo/main/stripe-stack/assets/images/Stripe-Thumbnail.png' },
+  {
+    'og:description': `A Stripe focused Remix Stack that integrates User Subscriptions, Authentication and Testing. Driven by Prisma ORM. Deploys to Fly.io`,
+  },
+  {
+    'twitter:image':
+      'https://raw.githubusercontent.com/dev-xo/dev-xo/main/stripe-stack/assets/images/Stripe-Thumbnail.png',
+  },
   { 'twitter:card': 'summary_large_image' },
   { 'twitter:creator': '@DanielKanem' },
   { 'twitter:title': 'Stripe Stack - Remix' },
-  { 'twitter:description': `A Stripe focused Remix Stack that integrates User Subscriptions, Authentication and Testing. Driven by Prisma ORM. Deploys to Fly.io` },
-];
+  {
+    'twitter:description': `A Stripe focused Remix Stack that integrates User Subscriptions, Authentication and Testing. Driven by Prisma ORM. Deploys to Fly.io`,
+  },
+]
 
 export default function Index() {
   return (

app/routes/api+/webhook.ts

@@ -83,7 +83,9 @@ export async function action({ request }: ActionFunctionArgs) {
         if (!user) throw new Error('User not found.')
 
         // Cancel free subscription if user has a paid one.
-        const subscriptionsList = await stripe.subscriptions.list({ customer: customerId })
+        const subscriptionsList = await stripe.subscriptions.list({
+          customer: customerId,
+        })
         const freeSubscriptions = subscriptionsList.data
           .map((subscription) => {
             return subscription.items.data.find(

app/utils/db.server.ts

@@ -1,8 +1,8 @@
-import { PrismaClient } from "@prisma/client";
+import { PrismaClient } from '@prisma/client'
 
-import { singleton } from "./singleton.server";
+import { singleton } from './singleton.server'
 
 // Hard-code a unique key, so we can look up the client when this module gets re-imported
-const db = singleton("prisma", () => new PrismaClient());
+const db = singleton('prisma', () => new PrismaClient())
 
-export { db };
+export { db }

app/utils/singleton.server.ts

@@ -1,12 +1,9 @@
 // Borrowed & modified from https://github.com/jenseng/abuse-the-platform/blob/main/app/utils/singleton.ts
 // Thanks @jenseng!
 
-export const singleton = <Value>(
-    name: string,
-    valueFactory: () => Value
-): Value => {
-    const g = global as any;
-    g.__singletons ??= {};
-    g.__singletons[name] ??= valueFactory();
-    return g.__singletons[name];
-};
+export const singleton = <Value>(name: string, valueFactory: () => Value): Value => {
+  const g = global as any
+  g.__singletons ??= {}
+  g.__singletons[name] ??= valueFactory()
+  return g.__singletons[name]
+}

tailwind.config.ts

@@ -1,9 +1,9 @@
-import type { Config } from "tailwindcss";
+import type { Config } from 'tailwindcss'
 
 export default {
-  content: ["./app/**/*.{js,jsx,ts,tsx}"],
+  content: ['./app/**/*.{js,jsx,ts,tsx}'],
   theme: {
     extend: {},
   },
   plugins: [],
-} satisfies Config;
+} satisfies Config