🐛 Fix Tauri Desktop Build Failing With TypeScript Compilation Errors

Start by running pnpm tsc --noEmit and inspect the reported files, especially src/config/them.config.ts, src/features/Dashboard/types/dashboard.ts, and src/features/Auth/v1/hooks/useSignupForm.ts. Check tsconfig.json and vite.config.ts for matching aliases, then validate with pnpm vite build and pnpm tauri build; done means the listed TypeScript, Vite, and Tauri build errors are resolved without disabled checks or temporary any types.

The Tauri desktop application build is currently failing during the beforeBuildCommand execution because the TypeScript compilation step (tsc && vite build) throws multiple errors across the codebase.

The build stops before the Tauri binary packaging process starts, making the desktop app impossible to build or distribute.

Build log reference:

---

❌ Current Problem

Running:

pnpm run tauri build

fails because of:

• Unused imports and variables
• Broken theme typing architecture
• Missing dashboard type modules
• Invalid resolver typings in signup form
• Implicit any types
• Incorrect path imports
• Build-breaking TypeScript strict-mode violations

---

🔥 Critical Issues To Fix

1. Fix Theme Configuration Type Architecture

File

src/config/them.config.ts

Errors

Property 'dark' does not exist
Property 'light' does not exist
Element implicitly has an 'any' type

Root Cause

The ThemeTokens structure is incorrectly typed and does not properly map theme modes (light and dark) to token objects.

Required Fix

• Redesign theme typing

• Ensure ThemeMode correctly indexes theme objects

• Add strict typings for:

  • light theme
  • dark theme
  • token accessors

• Ensure getTheme(mode) returns a properly inferred type

Expected Architecture

type ThemeMode = "light" | "dark";

type Theme = typeof themes.light;

const themes: Record<ThemeMode, Theme> = {
  light,
  dark,
};

---

2. Restore Missing Dashboard Types

Missing Module

@/features/Dashboard/types/dashboard

Affected Components

• AISuggestions
• ActivityFeed
• BudgetCard
• CalendarWidget
• CommunityStats
• RecentTasks
• SmartReminders
• TaskOverview
• TaskRow
• UpcomingUrgentTasks

Required Fix

Create or restore:

src/features/Dashboard/types/dashboard.ts

Add Proper Shared Types

Examples:

export interface Task {}
export interface Rewards {}
export interface ActivityItem {}
export interface CalendarData {}
export interface CommunityStats {}

Goal

• Centralized dashboard typing system
• Remove duplicated interfaces
• Improve component maintainability
• Prevent broken imports

---

3. Fix Signup Form Resolver Typing

File

src/features/Auth/v1/hooks/useSignupForm.ts

Error

Resolver type mismatch caused by inconsistent optional fields.

Problem

communityWebsite typing differs between:

• Zod schema
• Form values
• Resolver generic

Required Fix

Ensure all typings are aligned between:

• signupSchema
• z.infer<typeof signupSchema>
• useForm<T>()
• zodResolver()

Expected Fix Pattern

type SignupFormData = z.infer<typeof signupSchema>;

useForm<SignupFormData>({
  resolver: zodResolver(signupSchema),
});

---

4. Remove Unused Imports & Variables

Affected Files

src/App.tsx

const user = dashboardData.user;

src/Component/ui/Button.tsx

useTheme

src/features/Auth/v1/components/signup/ReviewStep.tsx

Image

src/features/Events/v1/Sections/Settings.tsx

getTheme

src/main.tsx

React

src/utils/reminders.ts

b

Required Fix

• Remove dead imports
• Remove unused variables
• Refactor logic if variables were intended to be used
• Ensure ESLint + TypeScript strict mode passes cleanly

---

5. Fix Implicit Any Types

File

src/features/Dashboard/components/CalendarWidget.tsx

Error

Parameter 'e' implicitly has an 'any' type

Required Fix

Add proper event typings.

Example:

data.events.forEach((e: CalendarEvent) => {})

---

6. Validate Path Alias Resolution

Several imports using:

@

may be incorrectly resolved during Tauri/Vite build.

Required Validation

Check:

• tsconfig.json
• vite.config.ts
• Tauri build environment
• alias synchronization

Ensure

paths: {
  "@/*": ["src/*"]
}

matches Vite aliases.

---

7. Ensure Production Build Stability

After fixes:

Must Pass

pnpm tsc --noEmit
pnpm vite build
pnpm tauri build

---

✅ Acceptance Criteria

• No TypeScript compilation errors
• No implicit any
• No unused imports/variables
• Dashboard type system restored
• Theme architecture fully typed
• Tauri desktop build succeeds
• Vite production build succeeds
• Strict TypeScript mode remains enabled
• No temporary any hacks
• No @ts-ignore
• No disabled compiler checks

---

📌 Additional Improvements (Recommended)

Add CI Validation

Add GitHub Actions workflow:

pnpm install
pnpm tsc --noEmit
pnpm vite build
pnpm tauri build

to prevent future regressions.

---

🧠 Notes

This issue is blocking desktop release builds and should be treated as a high-priority infrastructure/build-system fix.

Current failure originates from TypeScript validation during the Tauri build pipeline.