Update codebase to enhance debugging and improve user interface

The codebase has been updated throughout to improve debugging capabilities notably in the PostgresDatabaseWebhookVerifierService and create-reader modules. User interface has also been enhanced in the marketing layout and blog page. Minor reordering of entries in email-templates and adjustment of configurations in turbo.json has also been performed.

apps/web/.env

@@ -26,7 +26,6 @@ CMS_CLIENT=keystatic
 
 # KEYSTATIC
 NEXT_PUBLIC_KEYSTATIC_CONTENT_PATH=./content
-KEYSTATIC_PATH_PREFIX=apps/web
 
 # LOCALES PATH
 NEXT_PUBLIC_LOCALES_PATH=apps/web/public/locales

apps/web/app/(marketing)/_components/site-footer.tsx

@@ -7,7 +7,7 @@ import appConfig from '~/config/app.config';
 
 export function SiteFooter() {
   return (
-    <footer className={'border-t py-8 xl:py-12 2xl:py-14'}>
+    <footer className={'mt-auto border-t py-8 2xl:py-14'}>
       <div className={'px-8'}>
         <div className={'flex flex-col space-y-8 lg:flex-row lg:space-y-0'}>
           <div

apps/web/app/(marketing)/blog/[slug]/page.tsx

@@ -63,8 +63,8 @@ async function BlogPost({ params }: { params: { slug: string } }) {
   }
 
   return (
-    <div className={'container'}>
+    <div className={'container sm:max-w-none sm:p-0'}>
-      <Post post={post} content={post.content} />;
+      <Post post={post} content={post.content} />
     </div>
   );
 }

apps/web/app/(marketing)/layout.tsx

@@ -8,13 +8,13 @@ async function SiteLayout(props: React.PropsWithChildren) {
   const user = await getUser();
 
   return (
-    <>
+    <div className={'flex min-h-[100vh] flex-col'}>
       <SiteHeader user={user} />
 
       {props.children}
 
       <SiteFooter />
-    </>
+    </div>
   );
 }
 

packages/cms/keystatic/src/create-reader.ts

@@ -9,10 +9,14 @@ export async function createKeystaticReader() {
   switch (STORAGE_KIND) {
     case 'local': {
       if (process.env.NEXT_RUNTIME === 'nodejs') {
+        const path = await import('node:path');
         const { default: config } = await import('./keystatic.config');
         const { createReader } = await import('@keystatic/core/reader');
 
-        return createReader('.', config);
+        const contentPath = process.env.NEXT_PUBLIC_KEYSTATIC_CONTENT_PATH;
+        const repositoryPath = path.join(process.cwd(), contentPath as string);
+
+        return createReader(repositoryPath, config);
       } else {
         // we should never get here but the compiler requires the check
         // to ensure we don't parse the package at build time

packages/database-webhooks/src/server/services/verifier/index.ts

@@ -4,11 +4,11 @@ const WEBHOOK_SENDER_PROVIDER =
 export async function getDatabaseWebhookVerifier() {
   switch (WEBHOOK_SENDER_PROVIDER) {
     case 'postgres': {
-      const { PostgresDatabaseWebhookVerifierService } = await import(
+      const { createDatabaseWebhookVerifierService } = await import(
         './postgres-database-webhook-verifier.service'
       );
 
-      return new PostgresDatabaseWebhookVerifierService();
+      return createDatabaseWebhookVerifierService();
     }
 
     default:

packages/database-webhooks/src/server/services/verifier/postgres-database-webhook-verifier.service.ts

@@ -10,12 +10,21 @@ const webhooksSecret = z
   .min(1)
   .parse(process.env.SUPABASE_DB_WEBHOOK_SECRET);
 
-export class PostgresDatabaseWebhookVerifierService
+export function createDatabaseWebhookVerifierService() {
+  return new PostgresDatabaseWebhookVerifierService();
+}
+
+class PostgresDatabaseWebhookVerifierService
   implements DatabaseWebhookVerifierService
 {
   verifySignatureOrThrow(request: Request) {
     const header = request.headers.get('X-Supabase-Event-Signature');
 
+    console.log({
+      header,
+      webhooksSecret,
+    });
+
     if (header !== webhooksSecret) {
       throw new Error('Invalid signature');
     }

packages/email-templates/package.json

@@ -17,10 +17,10 @@
   },
   "devDependencies": {
     "@kit/eslint-config": "workspace:*",
+    "@kit/i18n": "workspace:*",
     "@kit/prettier-config": "workspace:*",
     "@kit/tailwind-config": "workspace:*",
-    "@kit/tsconfig": "workspace:*",
+    "@kit/tsconfig": "workspace:*"
-    "@kit/i18n": "workspace:*"
   },
   "eslintConfig": {
     "root": true,

packages/mailers/src/impl/resend/index.ts

@@ -44,7 +44,7 @@ export class ResendMailer implements Mailer {
     });
 
     if (!res.ok) {
-      throw new Error('Failed to send email');
+      throw new Error(`Failed to send email: ${res.statusText}`);
     }
   }
 }

turbo.json

@@ -58,15 +58,38 @@
     }
   },
   "globalEnv": [
-    "SKIP_ENV_VALIDATION",
     "STRIPE_SECRET_KEY",
     "STRIPE_WEBHOOK_SECRET",
+    "NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY",
     "NEXT_PUBLIC_PRODUCT_NAME",
+    "NEXT_PUBLIC_SITE_URL",
+    "NEXT_PUBLIC_MONITORING_PROVIDER",
     "EMAIL_SENDER",
     "EMAIL_PORT",
     "EMAIL_HOST",
     "EMAIL_TLS",
     "EMAIL_USER",
-    "EMAIL_PASSWORD"
+    "EMAIL_PASSWORD",
+    "CMS_CLIENT",
+    "LOGGER",
+    "LEMON_SQUEEZY_SECRET_KEY",
+    "LEMON_SQUEEZY_SIGNING_SECRET",
+    "LEMON_SQUEEZY_STORE_ID",
+    "KEYSTATIC_STORAGE_KIND",
+    "KEYSTATIC_STORAGE_PROJECT",
+    "KEYSTATIC_STORAGE_REPO",
+    "KEYSTATIC_STORAGE_BRANCH_PREFIX",
+    "KEYSTATIC_PATH_PREFIX",
+    "KEYSTATIC_GITHUB_TOKEN",
+    "NEXT_PUBLIC_KEYSTATIC_CONTENT_PATH",
+    "WORDPRESS_API_URL",
+    "SUPABASE_DB_WEBHOOK_SECRET",
+    "INSTRUMENTATION_SERVICE_NAME",
+    "NEXT_PUBLIC_SENTRY_DSN",
+    "CAPTCHA_SECRET_TOKEN",
+    "NEXT_PUBLIC_BASELIME_KEY",
+    "NEXT_PUBLIC_SUPABASE_URL",
+    "NEXT_PUBLIC_SUPABASE_ANON_KEY",
+    "SUPABASE_SERVICE_ROLE_KEY"
   ]
 }