Merge pull request #21 from tinybirdco/eslint

fix build errors

Author: sdairs

apps/web/next.config.ts

@@ -1,5 +1,4 @@
 import type { NextConfig } from "next";
-import withMarkdoc from '@markdoc/next.js';
 
 const nextConfig: NextConfig = {};
 

apps/web/src/app/api/pipes/route.ts

@@ -6,7 +6,7 @@ export async function GET(request: NextRequest) {
   const searchParams = request.nextUrl.searchParams;
   const token = searchParams.get("token");
   const pipeName = searchParams.get("pipe");
-  
+
   if (!token || !pipeName) {
     return NextResponse.json(
       { error: "Missing required parameters" },
@@ -15,7 +15,7 @@ export async function GET(request: NextRequest) {
   }
 
   const url = new URL(`${TINYBIRD_API_URL}/${pipeName}.json`);
-  
+
   // Forward all query parameters except token and pipe
   searchParams.forEach((value, key) => {
     if (key !== "token" && key !== "pipe") {
@@ -34,7 +34,7 @@ export async function GET(request: NextRequest) {
     return NextResponse.json(data);
   } catch (error) {
     return NextResponse.json(
-      { error: "Failed to fetch data from Tinybird" },
+      { error: "Failed to fetch data from Tinybird: " + error },
       { status: 500 }
     );
   }
@@ -51,7 +51,7 @@ export async function POST(request: NextRequest) {
   }
 
   const url = new URL(`${TINYBIRD_API_URL}/${pipe}.json`);
-  
+
   // Add all params as query parameters
   Object.entries(params).forEach(([key, value]) => {
     url.searchParams.append(key, String(value));
@@ -68,7 +68,7 @@ export async function POST(request: NextRequest) {
     return NextResponse.json(data);
   } catch (error) {
     return NextResponse.json(
-      { error: "Failed to fetch data from Tinybird" },
+      { error: "Failed to fetch data from Tinybird: " + error },
       { status: 500 }
     );
   }

apps/web/src/app/favicon.ico

@@ -14,8 +14,8 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Tinynest",
+  description: "Analyze your SaaS stack",
 };
 
 export default function RootLayout({

apps/web/src/app/layout.tsx

@@ -1,15 +1,15 @@
 "use client";
 
 import { useQueryState } from 'nuqs';
-import { useState, useEffect } from 'react';
+import { useState, useEffect, Suspense } from 'react';
 import { Card } from '@/components/ui/card';
 import Link from 'next/link';
 import { checkToolState, InvalidTokenError } from '@/lib/tinybird';
 import { TOOLS, type AppGridItem, type ToolState } from '@/lib/constants';
 import TokenPrompt from '@/components/token-prompt';
 import { SectionHeader } from '@/components/section-header';
 
-export default function Home() {
+function HomeContent() {
   const [token, setToken] = useQueryState('token');
   const [toolStates, setToolStates] = useState<Record<string, ToolState>>({});
   const [isLoading, setIsLoading] = useState(false);
@@ -171,3 +171,11 @@ function AppCard({
     </Link>
   );
 }
+
+export default function Home() {
+  return (
+    <Suspense>
+      <HomeContent />
+    </Suspense>
+  );
+}

apps/web/src/app/page.tsx

@@ -3,7 +3,6 @@
 import { useQueryState } from 'nuqs'
 import { useEffect, useState } from 'react'
 import Link from 'next/link'
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { pipe } from '@/lib/tinybird'
 import MetricCard from './metric'
 import { DauChart } from './dau-chart'

apps/web/src/components/tools/auth0/dashboard.tsx

@@ -3,7 +3,6 @@
 import { useQueryState } from 'nuqs'
 import { useEffect, useState } from 'react'
 import Link from 'next/link'
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { pipe } from '@/lib/tinybird'
 import MetricCard from '../auth0/metric'
 import { DauChart } from './dau-chart'

apps/web/src/components/tools/clerk/dashboard.tsx

@@ -1,6 +1,5 @@
 "use client"
 
-import { SquareArrowOutUpRight } from 'lucide-react'
 import Link from 'next/link'
 import { useQueryState } from 'nuqs'
 
@@ -18,7 +17,7 @@ export default function ClerkReadme() {
                 </Link>
             </div>
             <div className='prose'>
-                <p className='mt-8'>You haven't configured Clerk yet.</p>
+                <p className='mt-8'>You haven&apos;t configured Clerk yet.</p>
                 <h2 className="text-xl font-bold">Configure Clerk</h2>
                 <ol>
                     <li>

apps/web/src/components/tools/clerk/readme.tsx

@@ -3,7 +3,6 @@
 import { useQueryState } from 'nuqs'
 import { useEffect, useState } from 'react'
 import Link from 'next/link'
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { pipe } from '@/lib/tinybird'
 import MetricCard from '../auth0/metric'
 import { SubsChart } from './subs-chart'

apps/web/src/components/tools/orb/dashboard.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable  @typescript-eslint/no-explicit-any */
+
 import { type ToolState } from './constants';
 
 export class InvalidTokenError extends Error {