Biome

.changeset/config.json

@@ -1,11 +1,11 @@
 {
-  "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
-  "changelog": "@changesets/cli/changelog",
-  "commit": false,
-  "fixed": [],
-  "linked": [],
-  "access": "public",
-  "baseBranch": "main",
-  "updateInternalDependencies": "patch",
-  "ignore": []
+	"$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+	"changelog": "@changesets/cli/changelog",
+	"commit": false,
+	"fixed": [],
+	"linked": [],
+	"access": "public",
+	"baseBranch": "main",
+	"updateInternalDependencies": "patch",
+	"ignore": []
 }

.gitignore

@@ -6,15 +6,13 @@ node_modules
 .pnp.js
 .yarn/install-state.gz
 
-# testing
-/coverage
 
 # next.js
-/.next/
-/out/
+**/.next/
+**/out/
 
 # production
-/build
+**/build
 
 # misc
 .DS_Store
@@ -30,7 +28,7 @@ yarn-error.log*
 .env
 
 # vercel
-.vercel
+**/.vercel
 
 # typescript
 *.tsbuildinfo

.vscode/settings.json

@@ -1,16 +1,10 @@
 {
-  "eslint.workingDirectories": [
-    {
-      "mode": "auto"
-    }
-  ],
-  "typescript.tsdk": "./node_modules/typescript/lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true,
-  "cSpell.enableFiletypes": [
-    "mdx"
-  ],
-  "cSpell.words": [
-    "netcanvas",
-    "Tipbox"
-  ]
-}
+	"typescript.tsdk": "./node_modules/typescript/lib",
+	"typescript.enablePromptUseWorkspaceTsdk": true,
+	"cSpell.enableFiletypes": ["mdx"],
+	"cSpell.words": ["netcanvas", "Tipbox"],
+	"editor.defaultFormatter": "biomejs.biome",
+	"[typescriptreact]": {
+		"editor.defaultFormatter": "biomejs.biome"
+	}
+}

apps/analytics-web/app/_actions/actions.ts

@@ -1,36 +1,31 @@
-'use server';
+"use server";
 
-import { type EventInsertType, db } from '~/db/db';
-import { eventsTable } from '~/db/schema';
+import { type EventInsertType, db } from "~/db/db";
+import { eventsTable } from "~/db/schema";
 
 export async function getEvents() {
-  try {
-    const events = await db.query.eventsTable.findMany({
-      orderBy: (events, { desc }) => [desc(events.timestamp)],
-    });
+	try {
+		const events = await db.query.eventsTable.findMany({
+			orderBy: (events, { desc }) => [desc(events.timestamp)],
+		});
 
-    return events;
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.error('Error getting events', error);
-    return [];
-  }
+		return events;
+	} catch (error) {
+		console.error("Error getting events", error);
+		return [];
+	}
 }
 
 type Events = Awaited<ReturnType<typeof getEvents>>;
 export type Event = Events[0];
 
 export async function insertEvent(event: EventInsertType) {
-  try {
-    const insertedEvent = await db
-      .insert(eventsTable)
-      .values(event)
-      .returning();
+	try {
+		const insertedEvent = await db.insert(eventsTable).values(event).returning();
 
-    return { data: insertedEvent, error: null };
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.error('Error inserting events', error);
-    return { data: null, error: 'Error inserting events' };
-  }
+		return { data: insertedEvent, error: null };
+	} catch (error) {
+		console.error("Error inserting events", error);
+		return { data: null, error: "Error inserting events" };
+	}
 }

apps/analytics-web/app/_components/analytics/AnalyticsView.tsx

@@ -1,38 +1,38 @@
-import { getEvents } from '~/app/_actions/actions';
-import { Card, CardContent, CardHeader } from '~/components/ui/card';
-import EventsTable from './EventsTable/EventsTable';
-import RegionsTable from './RegionsTable/RegionsTable';
-import TotalAppsCard from './cards/TotalAppsCard';
-import TotalDataExported from './cards/TotalDataExported';
-import TotalErrorsCard from './cards/TotalErrorsCard';
-import TotalInterviewsCompletedCard from './cards/TotalInterviewsCompletedCard';
-import TotalInterviewsStartedCard from './cards/TotalInterviewsStartedCard';
-import TotalProtocolsInstalledCard from './cards/TotalProtocolsInstalledCard';
+import { getEvents } from "~/app/_actions/actions";
+import { Card, CardContent, CardHeader } from "~/components/ui/card";
+import EventsTable from "./EventsTable/EventsTable";
+import RegionsTable from "./RegionsTable/RegionsTable";
+import TotalAppsCard from "./cards/TotalAppsCard";
+import TotalDataExported from "./cards/TotalDataExported";
+import TotalErrorsCard from "./cards/TotalErrorsCard";
+import TotalInterviewsCompletedCard from "./cards/TotalInterviewsCompletedCard";
+import TotalInterviewsStartedCard from "./cards/TotalInterviewsStartedCard";
+import TotalProtocolsInstalledCard from "./cards/TotalProtocolsInstalledCard";
 
 export default async function AnalyticsView() {
-  const events = await getEvents();
+	const events = await getEvents();
 
-  return (
-    <div className="space-y-4">
-      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
-        <TotalAppsCard events={events} />
-        <TotalProtocolsInstalledCard events={events} />
-        <TotalInterviewsStartedCard events={events} />
-        <TotalInterviewsCompletedCard events={events} />
-        <TotalDataExported events={events} />
-        <TotalErrorsCard events={events} />
-      </div>
-      <div className="grid gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
-        <div className="lg:col-span-2">
-          <EventsTable />
-        </div>
-        <Card className="h-fit">
-          <CardHeader>Regions</CardHeader>
-          <CardContent>
-            <RegionsTable events={events} />
-          </CardContent>
-        </Card>
-      </div>
-    </div>
-  );
+	return (
+		<div className="space-y-4">
+			<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+				<TotalAppsCard events={events} />
+				<TotalProtocolsInstalledCard events={events} />
+				<TotalInterviewsStartedCard events={events} />
+				<TotalInterviewsCompletedCard events={events} />
+				<TotalDataExported events={events} />
+				<TotalErrorsCard events={events} />
+			</div>
+			<div className="grid gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
+				<div className="lg:col-span-2">
+					<EventsTable />
+				</div>
+				<Card className="h-fit">
+					<CardHeader>Regions</CardHeader>
+					<CardContent>
+						<RegionsTable events={events} />
+					</CardContent>
+				</Card>
+			</div>
+		</div>
+	);
 }

apps/analytics-web/app/_components/analytics/EventsTable/Columns.tsx

@@ -1,90 +1,73 @@
-'use client';
+"use client";
 
-import { type ColumnDef } from '@tanstack/react-table';
-import { type Dispatch, type SetStateAction } from 'react';
-import { DataTableColumnHeader } from '~/components/DataTable/column-header';
-import { MetadataDialog } from '~/components/MetadataDialog';
-import { type EventType } from './EventsTable';
-import { StackTraceDialog } from './StackTraceDialog';
-import TableFilter from './TableFilter';
-import { type Event } from '~/app/_actions/actions';
+import type { ColumnDef } from "@tanstack/react-table";
+import type { Dispatch, SetStateAction } from "react";
+import type { Event } from "~/app/_actions/actions";
+import { DataTableColumnHeader } from "~/components/DataTable/column-header";
+import { MetadataDialog } from "~/components/MetadataDialog";
+import type { EventType } from "./EventsTable";
+import { StackTraceDialog } from "./StackTraceDialog";
+import TableFilter from "./TableFilter";
 
-export const getColumns = (
-  eventTypes: EventType[],
-  setEventTypes: Dispatch<SetStateAction<EventType[]>>,
-) => {
-  const columns: ColumnDef<Event>[] = [
-    {
-      accessorKey: 'type',
-      header: ({ column }) => (
-        <div className="flex space-x-4">
-          <TableFilter eventTypes={eventTypes} setEventTypes={setEventTypes} />
-          <DataTableColumnHeader column={column} />
-        </div>
-      ),
-    },
-    {
-      accessorKey: 'timestamp',
-      header: ({ column }) => (
-        <DataTableColumnHeader column={column} title="Timestamp" />
-      ),
-      cell: ({ row }) => {
-        return (
-          <div className="break-all">
-            {row.original.timestamp.toUTCString()}
-          </div>
-        );
-      },
-    },
-    {
-      accessorKey: 'installationId',
-      header: ({ column }) => (
-        <DataTableColumnHeader column={column} title="Installation Id" />
-      ),
-      cell: ({ row }) => {
-        return <div className="break-all">{row.original.installationId}</div>;
-      },
-    },
-    {
-      accessorKey: 'name',
-      header: ({ column }) => (
-        <DataTableColumnHeader column={column} title="Name" />
-      ),
-    },
-    {
-      accessorKey: 'message',
-      header: ({ column }) => (
-        <DataTableColumnHeader column={column} title="Message" />
-      ),
-    },
-    {
-      accessorKey: 'cause',
-      header: ({ column }) => (
-        <DataTableColumnHeader column={column} title="Cause" />
-      ),
-    },
-    {
-      accessorKey: 'stack',
-      header: '',
-      cell: ({ row }) =>
-        row.original.stack && (
-          <div className="min-w-max">
-            <StackTraceDialog error={row.original} />
-          </div>
-        ),
-    },
-    {
-      accessorKey: 'metadata',
-      header: '',
-      cell: ({ row }) => {
-        return (
-          <div className="min-w-max">
-            <MetadataDialog event={row.original} />
-          </div>
-        );
-      },
-    },
-  ];
+export const getColumns = (eventTypes: EventType[], setEventTypes: Dispatch<SetStateAction<EventType[]>>) => {
+	const columns: ColumnDef<Event>[] = [
+		{
+			accessorKey: "type",
+			header: ({ column }) => (
+				<div className="flex space-x-4">
+					<TableFilter eventTypes={eventTypes} setEventTypes={setEventTypes} />
+					<DataTableColumnHeader column={column} />
+				</div>
+			),
+		},
+		{
+			accessorKey: "timestamp",
+			header: ({ column }) => <DataTableColumnHeader column={column} title="Timestamp" />,
+			cell: ({ row }) => {
+				return <div className="break-all">{row.original.timestamp.toUTCString()}</div>;
+			},
+		},
+		{
+			accessorKey: "installationId",
+			header: ({ column }) => <DataTableColumnHeader column={column} title="Installation Id" />,
+			cell: ({ row }) => {
+				return <div className="break-all">{row.original.installationId}</div>;
+			},
+		},
+		{
+			accessorKey: "name",
+			header: ({ column }) => <DataTableColumnHeader column={column} title="Name" />,
+		},
+		{
+			accessorKey: "message",
+			header: ({ column }) => <DataTableColumnHeader column={column} title="Message" />,
+		},
+		{
+			accessorKey: "cause",
+			header: ({ column }) => <DataTableColumnHeader column={column} title="Cause" />,
+		},
+		{
+			accessorKey: "stack",
+			header: "",
+			cell: ({ row }) =>
+				row.original.stack && (
+					<div className="min-w-max">
+						<StackTraceDialog error={row.original} />
+					</div>
+				),
+		},
+		{
+			accessorKey: "metadata",
+			header: "",
+			cell: ({ row }) => {
+				return (
+					<div className="min-w-max">
+						<MetadataDialog event={row.original} />
+					</div>
+				);
+			},
+		},
+	];
 
-  return columns;
+	return columns;
 };