feat: Add Docker build and publish CI for web app

.github/workflows/publish-docker.yml

@@ -0,0 +1,50 @@
+name: Publish Docker Image
+
+on:
+  push:
+    branches:
+      - "main" # Trigger on push to main branch
+    tags:
+      - "v*.*.*" # Trigger on tags like v1.0.0
+
+jobs:
+  build-and-push:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write # Needed to push to GHCR
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: ghcr.io/${{ github.repository_owner }}/inbox-zero
+          tags: |
+            # Push main branch commits as latest
+            type=raw,value=latest,enable={{is_default_branch}}
+            # Push version tags like v1.2.3, v1.2 for tags starting with v
+            type=semver,pattern={{version}},enable=${{ startsWith(github.ref, 'refs/tags/v') }}
+            type=semver,pattern={{major}}.{{minor}},enable=${{ startsWith(github.ref, 'refs/tags/v') }}
+      - name: Log in to GitHub Container Registry
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+      - name: Build and push Docker image
+        id: build-and-push
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          file: ./docker/Dockerfile.prod
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+          no-cache: true

apps/web/app/(app)/[emailAccountId]/automation/knowledge/KnowledgeBase.tsx

@@ -71,7 +71,7 @@ export function KnowledgeBase() {
           </DialogContent>
         </Dialog>
 
-        <p className="text-sm text-muted-foreground ml-4">
+        <p className="ml-4 text-sm text-muted-foreground">
           The knowledge base is used to help draft responses to emails
         </p>
       </div>
@@ -90,7 +90,7 @@ export function KnowledgeBase() {
               {data?.items.length === 0 ? (
                 <TableRow>
                   <TableCell colSpan={3}>
-                    <p className="max-w-prose text-center mx-auto my-8">
+                    <p className="mx-auto my-8 max-w-prose text-center">
                       Knowledge base entries are used to help draft responses to
                       emails.
                       <br />

apps/web/app/(app)/[emailAccountId]/automation/knowledge/KnowledgeForm.tsx

@@ -67,7 +67,10 @@ export function KnowledgeForm({
     };
 
     const result = editingItem
-      ? await updateKnowledgeAction(emailAccountId, submitData as UpdateKnowledgeBody)
+      ? await updateKnowledgeAction(
+          emailAccountId,
+          submitData as UpdateKnowledgeBody,
+        )
       : await createKnowledgeAction(emailAccountId, submitData);
 
     if (result?.serverError) {

apps/web/app/(app)/[emailAccountId]/clean/helpers.ts

@@ -14,7 +14,9 @@ export async function getJobById({
 
 export async function getLastJob({
   emailAccountId,
-}: { emailAccountId: string }) {
+}: {
+  emailAccountId: string;
+}) {
   return await prisma.cleanupJob.findFirst({
     where: { emailAccountId },
     orderBy: { createdAt: "desc" },

apps/web/app/(app)/[emailAccountId]/settings/LabelsSection.tsx

@@ -159,7 +159,9 @@ function LabelsSectionFormInner(props: {
                 });
 
                 try {
-                  await updateLabelsAction(emailAccountId, { labels: formLabels });
+                  await updateLabelsAction(emailAccountId, {
+                    labels: formLabels,
+                  });
                   toastSuccess({ description: "Updated labels!" });
                 } catch (error) {
                   console.error(error);

apps/web/app/api/google/threads/basic/route.ts

@@ -27,7 +27,7 @@ async function getGetThreads(
 
 export const GET = withEmailAccount(async (request) => {
   const emailAccountId = request.auth.emailAccountId;
-  
+
   const gmail = await getGmailClientForEmail({ emailAccountId });
 
   const { searchParams } = new URL(request.url);

apps/web/app/api/user/stats/newsletters/summary/route.ts

@@ -8,7 +8,9 @@ export type NewsletterSummaryResponse = Awaited<
 
 async function getNewsletterSummary({
   emailAccountId,
-}: { emailAccountId: string }) {
+}: {
+  emailAccountId: string;
+}) {
   const result = await prisma.newsletter.groupBy({
     where: { emailAccountId },
     by: ["status"],

apps/web/app/blog/page.tsx

@@ -206,7 +206,11 @@ const mdxPosts: Post[] = [
 export const revalidate = 60;
 
 export default async function BlogContentsPage() {
-  const posts = await sanityFetch<SanityPost[]>({ query: postsQuery });
+  // Skip Sanity fetch during build with dummy credentials
+  let posts: SanityPost[] = [];
+  if (process.env.NEXT_PUBLIC_SANITY_PROJECT_ID !== 'dummy-sanity-project-id-for-build') {
+    posts = await sanityFetch<SanityPost[]>({ query: postsQuery });
+  }
 
   return (
     <BlogLayout>

apps/web/app/blog/post/[slug]/page.tsx

@@ -10,6 +10,9 @@ import { captureException } from "@/utils/error";
 export const revalidate = 60;
 
 export async function generateStaticParams() {
+  if (process.env.NEXT_PUBLIC_SANITY_PROJECT_ID === 'dummy-sanity-project-id-for-build') {
+    return [];
+  }
   const posts = await client.fetch(postPathsQuery);
   return posts;
 }
@@ -67,5 +70,9 @@ export default async function Page(props: Props) {
   const params = await props.params;
   const post = await sanityFetch<PostType>({ query: postQuery, params });
 
+  if (!post) {
+    return <div>Blog post content unavailable.</div>;
+  }
+
   return <Post post={post} />;
 }

apps/web/app/sitemap.ts

@@ -4,6 +4,13 @@ import { sanityFetch } from "@/sanity/lib/fetch";
 import { postSlugsQuery } from "@/sanity/lib/queries";
 
 async function getBlogPosts() {
+  // Skip Sanity fetch during build with dummy credentials
+  if (
+    process.env.NEXT_PUBLIC_SANITY_PROJECT_ID ===
+    "dummy-sanity-project-id-for-build"
+  ) {
+    return []; // Return empty array directly
+  }
   const posts = await sanityFetch<{ slug: string; date: string }[]>({
     query: postSlugsQuery,
   });

apps/web/utils/ai/choose-rule/ai-choose-args.ts

@@ -113,7 +113,9 @@ export async function aiGenerateArgs({
 
 function getSystemPrompt({
   emailAccount,
-}: { emailAccount: EmailAccountWithAI }) {
+}: {
+  emailAccount: EmailAccountWithAI;
+}) {
   return `You are an AI assistant that helps people manage their emails.
 
 <key_instructions>

apps/web/utils/categorize/senders/categorize.ts

@@ -144,7 +144,9 @@ function preCategorizeSendersWithStaticRules(
 
 export async function getCategories({
   emailAccountId,
-}: { emailAccountId: string }) {
+}: {
+  emailAccountId: string;
+}) {
   const categories = await getUserCategories({ emailAccountId });
   if (categories.length === 0) throw new SafeError("No categories found");
   return { categories };

apps/web/utils/category.server.ts

@@ -12,7 +12,9 @@ export type CategoryWithRules = Prisma.CategoryGetPayload<{
 
 export const getUserCategories = async ({
   emailAccountId,
-}: { emailAccountId: string }) => {
+}: {
+  emailAccountId: string;
+}) => {
   const categories = await prisma.category.findMany({
     where: { emailAccountId },
   });
@@ -21,7 +23,9 @@ export const getUserCategories = async ({
 
 export const getUserCategoriesWithRules = async ({
   emailAccountId,
-}: { emailAccountId: string }) => {
+}: {
+  emailAccountId: string;
+}) => {
   const categories = await prisma.category.findMany({
     where: { emailAccountId },
     select: {

apps/web/utils/group/find-matching-group.ts

@@ -6,7 +6,9 @@ import { type GroupItem, GroupItemType } from "@prisma/client";
 type GroupsWithRules = Awaited<ReturnType<typeof getGroupsWithRules>>;
 export async function getGroupsWithRules({
   emailAccountId,
-}: { emailAccountId: string }) {
+}: {
+  emailAccountId: string;
+}) {
   return prisma.group.findMany({
     where: { emailAccountId, rule: { isNot: null } },
     include: { items: true, rule: { include: { actions: true } } },

apps/web/utils/redis/category.ts

@@ -55,7 +55,9 @@ export async function deleteCategory({
 
 export async function deleteCategories({
   emailAccountId,
-}: { emailAccountId: string }) {
+}: {
+  emailAccountId: string;
+}) {
   const key = getKey({ emailAccountId });
   return redis.del(key);
 }

apps/web/utils/redis/label.ts

@@ -44,7 +44,9 @@ export async function saveUserLabels({
 
 export async function deleteUserLabels({
   emailAccountId,
-}: { emailAccountId: string }) {
+}: {
+  emailAccountId: string;
+}) {
   const key = getUserLabelsKey({ emailAccountId });
   return redis.del(key);
 }

apps/web/utils/redis/reply-tracker-analyzing.ts

@@ -6,22 +6,28 @@ function getKey({ emailAccountId }: { emailAccountId: string }) {
 
 export async function startAnalyzingReplyTracker({
   emailAccountId,
-}: { emailAccountId: string }) {
+}: {
+  emailAccountId: string;
+}) {
   const key = getKey({ emailAccountId });
   // expire in 5 minutes
   await redis.set(key, "true", { ex: 5 * 60 });
 }
 
 export async function stopAnalyzingReplyTracker({
   emailAccountId,
-}: { emailAccountId: string }) {
+}: {
+  emailAccountId: string;
+}) {
   const key = getKey({ emailAccountId });
   await redis.del(key);
 }
 
 export async function isAnalyzingReplyTracker({
   emailAccountId,
-}: { emailAccountId: string }) {
+}: {
+  emailAccountId: string;
+}) {
   const key = getKey({ emailAccountId });
   const result = await redis.get(key);
   return result === "true";

apps/web/utils/reply-tracker/outbound.ts

@@ -183,7 +183,9 @@ async function resolveReplyTrackers(
 
 async function isOutboundTrackingEnabled({
   email,
-}: { email: string }): Promise<boolean> {
+}: {
+  email: string;
+}): Promise<boolean> {
   const userSettings = await prisma.emailAccount.findUnique({
     where: { email },
     select: { outboundReplyTracking: true },

apps/web/utils/swr.ts

@@ -30,15 +30,20 @@ export function processSWRResponse<
   }
   // Handle potential non-Error SWR errors (less common)
   if (swrError) {
-     return {
-       ...swrResult,
-       data: null,
-       error: { error: String(swrError) }, // Convert non-Error to string
-     } as SWRResponse<TData | null, NormalizedError>;
+    return {
+      ...swrResult,
+      data: null,
+      error: { error: String(swrError) }, // Convert non-Error to string
+    } as SWRResponse<TData | null, NormalizedError>;
   }
 
   // Handle API error returned within data
-  if (data && typeof data === 'object' && 'error' in data && typeof data.error === 'string') {
+  if (
+    data &&
+    typeof data === "object" &&
+    "error" in data &&
+    typeof data.error === "string"
+  ) {
     return {
       ...swrResult,
       data: null,
@@ -53,4 +58,4 @@ export function processSWRResponse<
     data: data as TData | null, // SWR handles undefined during load
     error: undefined,
   } as SWRResponse<TData | null, NormalizedError>;
-} 
+}

docker-compose.yml

@@ -41,6 +41,7 @@ services:
     build:
       context: .
       dockerfile: ./docker/Dockerfile.web
+    # image: ghcr.io/elie222/inbox-zero:latest
     env_file:
       - ./apps/web/.env
     depends_on: