fix(insights app): dev mode crash

Author: wmertens

packages/insights/src/routes/index.tsx

@@ -11,7 +11,7 @@ export default component$(() => {
   return (
     <Layout>
       <Container position="center" width="small">
-        <div class="felx-nowrap flex min-h-[calc(100vh-76px)] flex-col items-center justify-center">
+        <div class="flex-nowrap flex min-h-[calc(100vh-76px)] flex-col items-center justify-center">
           <div class="rounded-lg bg-white p-10 text-center shadow-sm">
             <h1 class="h1 mb-20">Welcome</h1>
             <Button

packages/insights/src/routes/layout.tsx

@@ -6,6 +6,18 @@ import type { GetSessionResult } from '@auth/qwik';
 
 export type SessionData = Awaited<GetSessionResult>['data'];
 
+// Uncomment the following to mock an authenticated user
+// export const onRequest = async ({ sharedMap, env }: { sharedMap: Map<string, any>; env: any }) => {
+//   sharedMap.set('session', {
+//     expires: new Date(0).toString(),
+//     user: {
+//       id: 'user',
+//       name: 'user',
+//       email: 'user@localhost',
+//     },
+//   } as SessionData);
+// };
+
 export const useUserSession = routeLoader$(({ sharedMap, redirect, url }) => {
   const session = sharedMap.get('session') as SessionData;
   if (session && url.pathname === '/') {

packages/insights/vite.config.ts

@@ -7,6 +7,21 @@ import tsconfigPaths from 'vite-tsconfig-paths';
 import tailwindcss from '@tailwindcss/vite';
 
 export default defineConfig({
+  environments: {
+    client: {
+      optimizeDeps: {
+        exclude: ['@auth/qwik', '@modular-forms/qwik'],
+      },
+    },
+    ssr: {
+      build: {
+        sourcemap: true,
+      },
+      resolve: {
+        noExternal: ['@auth/qwik', '@modular-forms/qwik'],
+      },
+    },
+  },
   plugins: [
     macroPlugin({ preset: 'pandacss' }),
     qwikRouter(),
@@ -22,7 +37,4 @@ export default defineConfig({
       'Cache-Control': 'public, max-age=600',
     },
   },
-  optimizeDeps: {
-    include: ['@auth/core'],
-  },
 });