chore(package.json): update devDependencies (#173)

fix(page.tsx): update import paths for db and schema
fix(page.tsx): update import paths for db and schema
fix(page.tsx): update import paths for db and schema
fix(page.tsx): update import paths for db and schema
fix(page.tsx): update import paths for db and schema
fix(page.tsx): update import paths for db and schema
fix(page.tsx): update import paths for db and schema
fix(page.tsx): update import paths for db and schema
fix(page.tsx): update import paths for db and schema
fix(page.tsx): update import paths for db and schema
fix(page.tsx): update import paths for db and schema
fix(page.tsx): update import paths for db and schema
fix(page.tsx): update import paths for db and schema
fix(page.tsx): update import paths for db and schema
fix(page.tsx):

chore(newsletter.tsx): fix id attribute case from 'id='email'' to 'id="email"'
chore(root-layout.tsx): change variable declarations to use const instead of let
chore(root-layout.tsx): change variable declarations to use const instead of let
chore(root-layout.tsx): change variable declarations to use const instead of let
chore(root-layout.tsx): change variable declarations to use const instead of let
chore(root-layout.tsx): change variable declarations to use const instead of let
chore(root-layout.tsx): change variable declarations to use const instead of let
chore(root-layout.tsx): change variable declarations to use const instead of let
chore(root-layout.tsx): change variable declarations to use const instead of let
chore(root-layout.tsx): change variable declarations to use const instead of let
chore(root-layout.tsx): change variable declarations to use const instead of let
chore(root

chore(web): update dependencies in package.json
fix(web): update import path for db module in update-stripe-usage.ts
fix(web): update import path for db module in webhooks.ts
chore(nextjs): update dependencies in package.json
chore(root): update devDependencies in package.json
chore(db): update dependencies in package.json
chore(db): remove unused db.ts file
fix(db): update import paths and types in index.ts and types.ts

chore(db): remove tsup.config.js file
chore(emails): update devDependencies versions
chore(id): update devDependencies versions
chore(nuxt): update dependencies and devDependencies versions
chore(policies): update devDependencies versions
chore(sdk): update devDependencies versions
chore(bootstrap): update dependencies and devDependencies versions
chore(k6): update k6 dependency version
chore(migrate): update dependencies and devDependencies versions

apps/checkly/package.json

@@ -9,11 +9,11 @@
   "author": "Andreas Thomas",
   "license": "ISC",
   "devDependencies": {
-    "@types/node": "20.3.1",
+    "@types/node": "20.4.4",
     "@unkey/tsconfig": "workspace:^",
-    "checkly": "^4.0.9",
+    "checkly": "^4.0.12",
     "dotenv-cli": "^7.2.1",
-    "typescript": "latest",
+    "typescript": "^5.1.6",
     "zod": "^3.21.4"
   }
 }

apps/web/app/(authenticated)/(app)/app/[apiId]/keys/[keyId]/page.tsx

@@ -1,5 +1,5 @@
 import { getTenantId } from "@/lib/auth";
-import { db, schema, eq } from "@unkey/db";
+import { db, schema, eq } from "@/lib/db";
 import { notFound } from "next/navigation";
 import { getDailyUsage } from "@/lib/tinybird";
 import { fillRange } from "@/lib/utils";

apps/web/app/(authenticated)/(app)/app/[apiId]/keys/new/page.tsx

@@ -1,5 +1,5 @@
 import { getTenantId } from "@/lib/auth";
-import { db, schema, eq } from "@unkey/db";
+import { db, schema, eq } from "@/lib/db";
 import { redirect } from "next/navigation";
 import { CreateKey } from "@/app/(authenticated)/(app)/app/[apiId]/create-key";
 

apps/web/app/(authenticated)/(app)/app/[apiId]/keys/page.tsx

@@ -1,5 +1,5 @@
 import { getTenantId } from "@/lib/auth";
-import { db, schema, eq, type Key } from "@unkey/db";
+import { db, schema, eq, type Key } from "@/lib/db";
 import { redirect } from "next/navigation";
 
 import { ApiKeyTable } from "@/components/dashboard/api-key-table";

apps/web/app/(authenticated)/(app)/app/[apiId]/layout.tsx

@@ -4,7 +4,7 @@ import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
 import { getTenantId } from "@/lib/auth";
-import { db, eq, schema } from "@unkey/db";
+import { db, eq, schema } from "@/lib/db";
 import Link from "next/link";
 import { redirect } from "next/navigation";
 import { PropsWithChildren } from "react";

apps/web/app/(authenticated)/(app)/app/[apiId]/page.tsx

@@ -2,7 +2,7 @@ import { ColumnChart } from "@/components/dashboard/charts";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { getTenantId } from "@/lib/auth";
 import { fillRange } from "@/lib/utils";
-import { db, eq, schema } from "@unkey/db";
+import { db, eq, schema } from "@/lib/db";
 import { getTotalActiveKeys, getDailyUsage } from "@/lib/tinybird";
 import { sql } from "drizzle-orm";
 import { redirect } from "next/navigation";

apps/web/app/(authenticated)/(app)/app/apis/page.tsx

@@ -2,7 +2,7 @@ import { PageHeader } from "@/components/dashboard/page-header";
 import { CreateApiButton } from "./create-api-button";
 
 import { getTenantId } from "@/lib/auth";
-import { db, schema, eq, sql } from "@unkey/db";
+import { db, schema, eq, sql } from "@/lib/db";
 import { redirect } from "next/navigation";
 import { Separator } from "@/components/ui/separator";
 import Link from "next/link";

apps/web/app/(authenticated)/(app)/app/desktop-sidebar.tsx

@@ -4,7 +4,7 @@ import { BarChart, BookOpen, FileJson, Settings } from "lucide-react";
 import Link from "next/link";
 import { ApiLink } from "./api-link";
 import { WorkspaceSwitcher } from "./team-switcher";
-import type { Workspace } from "@unkey/db";
+import type { Workspace } from "@/lib/db";
 type Props = {
   workspace: Workspace & {
     apis: {

apps/web/app/(authenticated)/(app)/app/keys/[keyId]/page.tsx

@@ -1,4 +1,4 @@
-import { db, eq, schema } from "@unkey/db";
+import { db, eq, schema } from "@/lib/db";
 import { notFound } from "next/navigation";
 
 import { getTenantId } from "@/lib/auth";

apps/web/app/(authenticated)/(app)/app/keys/page.tsx

@@ -1,7 +1,7 @@
 import { PageHeader } from "@/components/dashboard/page-header";
 import { Separator } from "@/components/ui/separator";
 import { getTenantId } from "@/lib/auth";
-import { db, eq, schema, type Key } from "@unkey/db";
+import { db, eq, schema, type Key } from "@/lib/db";
 import { redirect } from "next/navigation";
 import { ApiKeyTable } from "@/components/dashboard/api-key-table";
 import { CreateRootKeyButton } from "./create-root-key-button";

apps/web/app/(authenticated)/(app)/app/layout.tsx

@@ -1,6 +1,6 @@
 import { DesktopSidebar } from "@/app/(authenticated)/(app)/app/desktop-sidebar";
 import { getTenantId } from "@/lib/auth";
-import { db, eq, schema } from "@unkey/db";
+import { db, eq, schema } from "@/lib/db";
 import { redirect } from "next/navigation";
 import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
 interface LayoutProps {

apps/web/app/(authenticated)/(app)/app/page.tsx

@@ -1,5 +1,5 @@
 import { getTenantId } from "@/lib/auth";
-import { db, schema, eq } from "@unkey/db";
+import { db, schema, eq } from "@/lib/db";
 import { redirect } from "next/navigation";
 
 export default async function TenantOverviewPage() {

apps/web/app/(authenticated)/(app)/app/settings/page.tsx

@@ -4,7 +4,7 @@ import { Text } from "@/components/dashboard/text";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { getTenantId } from "@/lib/auth";
 import { fillRange } from "@/lib/utils";
-import { db, eq, schema } from "@unkey/db";
+import { db, eq, schema } from "@/lib/db";
 import { getDailyUsage } from "@/lib/tinybird";
 import { redirect } from "next/navigation";
 import { Badge } from "@/components/ui/badge";

apps/web/app/(authenticated)/(app)/app/stripe/page.tsx

@@ -1,4 +1,4 @@
-import { db, eq, schema } from "@unkey/db";
+import { db, eq, schema } from "@/lib/db";
 import { getTenantId } from "@/lib/auth";
 import Stripe from "stripe";
 import { redirect } from "next/navigation";

apps/web/app/(authenticated)/(app)/app/team-switcher.tsx

@@ -18,7 +18,7 @@ import { Loading } from "@/components/dashboard/loading";
 import { cn } from "@/lib/utils";
 import { SignOutButton, useOrganization, useOrganizationList, useUser } from "@clerk/nextjs";
 import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar";
-import type { Workspace } from "@unkey/db";
+import type { Workspace } from "@/lib/db";
 type Props = {
   workspace: Workspace;
 };

apps/web/app/(authenticated)/(app)/onboarding/page.tsx

@@ -1,5 +1,5 @@
 import { getTenantId } from "@/lib/auth";
-import { db, eq, schema } from "@unkey/db";
+import { db, eq, schema } from "@/lib/db";
 import { redirect } from "next/navigation";
 import { Onboarding } from "./client";
 

apps/web/app/(landing)/blog/[slug]/page.tsx

@@ -42,7 +42,7 @@ const BlogArticleWrapper = ({ params }: { params: { slug: string } }) => {
         </FadeIn>
 
         <FadeIn>
-          <div className='max-w-5xl mx-auto prose lg:prose-md'>
+          <div className="max-w-5xl mx-auto prose lg:prose-md">
             <Content />
           </div>
         </FadeIn>

apps/web/app/(landing)/changelog/[date]/page.tsx

@@ -66,7 +66,7 @@ export default async function ChangeLogLayout({
 
         <Container className="mt-24 sm:mt-32 lg:mt-40">
           <FadeIn>
-            <div className='max-w-5xl mx-auto prose lg:prose-md'>
+            <div className="max-w-5xl mx-auto prose lg:prose-md">
               <Content />
             </div>
           </FadeIn>

apps/web/app/(landing)/page.tsx

@@ -6,7 +6,7 @@ import { StylizedImage } from "@/components/landing/stylized-image";
 import laptopImage from "@/images/computer-user.jpg";
 import { Button } from "@/components/landing/button";
 import { StatList, StatListItem } from "@/components/landing/stat-list";
-import { db, schema, sql } from "@unkey/db";
+import { db, schema, sql } from "@/lib/db";
 export const revalidate = 60;
 
 const [workspaces, apis, keys] = await Promise.all([
@@ -121,7 +121,7 @@ export default async function Home() {
             secure, manage, and scale their APIs.
           </p>
         </FadeIn>
-        <Button href='/app' className="px-8 py-3 mt-4">
+        <Button href="/app" className="px-8 py-3 mt-4">
           Start for free
         </Button>
       </Container>

apps/web/components/landing/button.tsx

@@ -21,7 +21,7 @@ export function Button({
       : "bg-neutral-950 text-white hover:bg-neutral-800",
   );
 
-  let inner = <span className="relative top-px">{children}</span>;
+  const inner = <span className="relative top-px">{children}</span>;
 
   if (href) {
     return (

apps/web/components/landing/newsletter.tsx

@@ -64,7 +64,7 @@ export function NewsletterForm() {
         <input
           type="email"
           name="email"
-          id='email'
+          id="email"
           placeholder="Email address"
           autoComplete="email"
           aria-label="Email address"

apps/web/components/landing/root-layout.tsx

@@ -215,13 +215,13 @@ function RootLayoutInner({
 }: {
   children: React.ReactNode;
 }) {
-  let panelId = useId();
-  let [expanded, setExpanded] = useState(false);
-  let openRef = useRef();
+  const panelId = useId();
+  const [expanded, setExpanded] = useState(false);
+  const openRef = useRef();
 
-  let closeRef = useRef();
-  let navRef = useRef();
-  let shouldReduceMotion = useReducedMotion();
+  const closeRef = useRef();
+  const navRef = useRef();
+  const shouldReduceMotion = useReducedMotion();
 
   useEffect(() => {
     function onClick(event: MouseEvent) {
@@ -322,8 +322,8 @@ export function RootLayout({
 }: {
   children: React.ReactNode;
 }) {
-  let pathname = usePathname();
-  let [logoHovered, setLogoHovered] = useState(false);
+  const pathname = usePathname();
+  const [logoHovered, setLogoHovered] = useState(false);
 
   return (
     <RootLayoutContext.Provider value={{ logoHovered, setLogoHovered }}>

apps/web/components/ui/command.tsx

@@ -23,7 +23,7 @@ const Command = React.forwardRef<
 ));
 Command.displayName = CommandPrimitive.displayName;
 
-interface CommandDialogProps extends DialogProps {}
+type CommandDialogProps = DialogProps;
 
 const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
   return (

apps/web/components/ui/icons.tsx

@@ -1,7 +1,5 @@
 import { Command, Loader2, X, Twitter, Mail } from "lucide-react";
-import type { Icon as LucideIcon, LucideProps } from "lucide-react";
-
-export type Icon = LucideIcon;
+import type { LucideProps } from "lucide-react";
 
 export const Icons = {
   logo: Command,

apps/web/components/ui/input.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
 
 const Input = React.forwardRef<HTMLInputElement, InputProps>(
   ({ className, type, ...props }, ref) => {

apps/web/components/ui/textarea.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
-export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
 
 const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
   ({ className, ...props }, ref) => {

apps/web/lib/db.ts

@@ -0,0 +1,24 @@
+import { drizzle } from "drizzle-orm/planetscale-serverless";
+
+import { connect } from "@planetscale/database";
+import { schema } from "@unkey/db";
+import { env } from "@/lib/env";
+
+export const db = drizzle(
+  connect({
+    host: env.DATABASE_HOST,
+    username: env.DATABASE_USERNAME,
+    password: env.DATABASE_PASSWORD,
+    // rome-ignore lint/suspicious/noExplicitAny: TODO
+    fetch: (url: string, init: any) => {
+      // rome-ignore lint/suspicious/noExplicitAny: TODO
+      (init as any)["cache"] = undefined; // Remove cache header
+      return fetch(url, init);
+    },
+  }),
+  {
+    schema,
+  },
+);
+export * from "@unkey/db";
+export * from "drizzle-orm";

apps/web/lib/formatDate.ts

@@ -1,6 +1,6 @@
 export function formatDate(dateString: string) {
-  let parts = dateString.split("-");
-  let hasDay = parts.length > 2;
+  const parts = dateString.split("-");
+  const hasDay = parts.length > 2;
 
   return new Date(`${dateString}Z`).toLocaleDateString("en-US", {
     day: hasDay ? "numeric" : undefined,

apps/web/lib/trpc/routers/api.ts

@@ -1,4 +1,4 @@
-import { db, schema, type Key } from "@unkey/db";
+import { db, schema, type Key } from "@/lib/db";
 import { TRPCError } from "@trpc/server";
 import { z } from "zod";
 

apps/web/lib/trpc/routers/key.ts

@@ -1,4 +1,4 @@
-import { db, schema, eq } from "@unkey/db";
+import { db, schema, eq } from "@/lib/db";
 import { TRPCError } from "@trpc/server";
 import { z } from "zod";
 import { t, auth } from "../trpc";

apps/web/lib/trpc/routers/workspace.ts

@@ -1,4 +1,4 @@
-import { db, schema } from "@unkey/db";
+import { db, schema } from "@/lib/db";
 import { z } from "zod";
 
 import { t, auth } from "../trpc";

apps/web/middleware.ts

@@ -1,7 +1,7 @@
 import { authMiddleware } from "@clerk/nextjs";
 import { redirectToSignIn } from "@clerk/nextjs";
 import { NextResponse } from "next/server";
-import { db, schema, eq } from "@unkey/db";
+import { db, schema, eq } from "@/lib/db";
 const DEBUG_ON = process.env.CLERK_DEBUG === "true";
 
 const checktenancy = async ({ tenantId }: { tenantId: string }) => {

apps/web/next.config.mjs

@@ -1,13 +1,14 @@
-/** @type {import('next').NextConfig} */
 import { withContentlayer } from "next-contentlayer";
 import { withSentryConfig } from "@sentry/nextjs";
 
+/** @type {import('next').NextConfig} */
 const nextConfig = {
   pageExtensions: ["tsx", "mdx", "ts", "js"],
   experimental: {
     serverActions: true,
     esmExternals: "loose",
   },
+  transpilePackages: ["@unkey/db"],
   eslint: {
     // Warning: This allows production builds to successfully complete even if
     // your project has ESLint errors.