shipd 0.1.0

package/template/components/user-profile.tsx

@@ -0,0 +1,139 @@
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { authClient } from "@/lib/auth-client";
+import { Loader2 } from "lucide-react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useEffect, useState, useCallback } from "react";
+import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar";
+
+interface UserInfo {
+  id: string;
+  name: string;
+  image?: string | null | undefined;
+  email: string;
+  emailVerified: boolean;
+  createdAt: Date;
+  updatedAt: Date;
+}
+
+export default function UserProfile({ mini }: { mini?: boolean }) {
+  const [userInfo, setUserInfo] = useState<UserInfo | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const router = useRouter();
+
+  const fetchUserData = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+
+    try {
+      const result = await authClient.getSession();
+
+      if (!result.data?.user) {
+        router.push("/sign-in");
+        return;
+      }
+
+      setUserInfo(result.data?.user);
+    } catch (error) {
+      console.error("Error fetching user data:", error);
+      setError("Failed to load user profile. Please try refreshing the page.");
+    } finally {
+      setLoading(false);
+    }
+  }, [router]);
+
+  useEffect(() => {
+    fetchUserData();
+  }, [fetchUserData]);
+
+  const handleSignOut = async () => {
+    await authClient.signOut({
+      fetchOptions: {
+        onSuccess: () => {
+          router.push("/sign-in"); // redirect to login page
+        },
+      },
+    });
+  };
+
+  if (error) {
+    return (
+      <div
+        className={`flex gap-2 justify-start items-center w-full rounded ${mini ? "" : "px-4 pt-2 pb-3"}`}
+      >
+        <div className="text-red-500 text-sm flex-1">
+          {mini ? "Error" : error}
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <div
+          className={`flex gap-2 justify-start items-center w-full rounded ${mini ? "" : "px-4 pt-2 pb-3"}`}
+        >
+          <Avatar>
+            {loading ? (
+              <div className="flex items-center justify-center w-full h-full">
+                <Loader2 className="h-4 w-4 animate-spin" />
+              </div>
+            ) : (
+              <>
+                {userInfo?.image ? (
+                  <AvatarImage src={userInfo?.image} alt="User Avatar" />
+                ) : (
+                  <AvatarFallback>
+                    {userInfo?.name && userInfo.name.charAt(0).toUpperCase()}
+                  </AvatarFallback>
+                )}
+              </>
+            )}
+          </Avatar>
+          {mini ? null : (
+            <div className="flex items-center gap-2">
+              <p className="font-medium text-md">
+                {loading ? "Loading..." : userInfo?.name || "User"}
+              </p>
+              {loading && <Loader2 className="h-3 w-3 animate-spin" />}
+            </div>
+          )}
+        </div>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent className="w-56">
+        <DropdownMenuLabel>My Account</DropdownMenuLabel>
+        <DropdownMenuSeparator />
+        <DropdownMenuGroup>
+          <Link href="/dashboard/settings?tab=profile">
+            <DropdownMenuItem>
+              Profile
+              <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>
+            </DropdownMenuItem>
+          </Link>
+          <Link href="/dashboard/settings?tab=billing">
+            <DropdownMenuItem>
+              Billing
+              <DropdownMenuShortcut>⌘B</DropdownMenuShortcut>
+            </DropdownMenuItem>
+          </Link>
+        </DropdownMenuGroup>
+        <DropdownMenuSeparator />
+        <DropdownMenuItem onClick={handleSignOut}>
+          Log out
+          <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}

package/template/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

package/template/db/drizzle.ts

@@ -0,0 +1,14 @@
+import postgres from "postgres";
+import { drizzle } from "drizzle-orm/postgres-js";
+
+const connectionString = process.env.DATABASE_URL;
+if (!connectionString) {
+  throw new Error(
+    "Missing DATABASE_URL. Add it to your .env.local (or hosting provider env vars). " +
+      "You can use a Neon Postgres URL, Supabase, or any Postgres connection string."
+  );
+}
+
+// Disable prepared statements for Supabase compatibility
+const client = postgres(connectionString, { prepare: false });
+export const db = drizzle(client);

package/template/db/migrations/0000_worried_rawhide_kid.sql

@@ -0,0 +1,77 @@
+CREATE TABLE "account" (
+	"id" text PRIMARY KEY NOT NULL,
+	"accountId" text NOT NULL,
+	"providerId" text NOT NULL,
+	"userId" text NOT NULL,
+	"accessToken" text,
+	"refreshToken" text,
+	"idToken" text,
+	"accessTokenExpiresAt" timestamp,
+	"refreshTokenExpiresAt" timestamp,
+	"scope" text,
+	"password" text,
+	"createdAt" timestamp DEFAULT now() NOT NULL,
+	"updatedAt" timestamp DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "session" (
+	"id" text PRIMARY KEY NOT NULL,
+	"expiresAt" timestamp NOT NULL,
+	"token" text NOT NULL,
+	"createdAt" timestamp DEFAULT now() NOT NULL,
+	"updatedAt" timestamp DEFAULT now() NOT NULL,
+	"ipAddress" text,
+	"userAgent" text,
+	"userId" text NOT NULL,
+	CONSTRAINT "session_token_unique" UNIQUE("token")
+);
+--> statement-breakpoint
+CREATE TABLE "subscription" (
+	"id" text PRIMARY KEY NOT NULL,
+	"createdAt" timestamp NOT NULL,
+	"modifiedAt" timestamp,
+	"amount" integer NOT NULL,
+	"currency" text NOT NULL,
+	"recurringInterval" text NOT NULL,
+	"status" text NOT NULL,
+	"currentPeriodStart" timestamp NOT NULL,
+	"currentPeriodEnd" timestamp NOT NULL,
+	"cancelAtPeriodEnd" boolean DEFAULT false NOT NULL,
+	"canceledAt" timestamp,
+	"startedAt" timestamp NOT NULL,
+	"endsAt" timestamp,
+	"endedAt" timestamp,
+	"customerId" text NOT NULL,
+	"productId" text NOT NULL,
+	"discountId" text,
+	"checkoutId" text NOT NULL,
+	"customerCancellationReason" text,
+	"customerCancellationComment" text,
+	"metadata" text,
+	"customFieldData" text,
+	"userId" text
+);
+--> statement-breakpoint
+CREATE TABLE "user" (
+	"id" text PRIMARY KEY NOT NULL,
+	"name" text NOT NULL,
+	"email" text NOT NULL,
+	"emailVerified" boolean DEFAULT false NOT NULL,
+	"image" text,
+	"createdAt" timestamp DEFAULT now() NOT NULL,
+	"updatedAt" timestamp DEFAULT now() NOT NULL,
+	CONSTRAINT "user_email_unique" UNIQUE("email")
+);
+--> statement-breakpoint
+CREATE TABLE "verification" (
+	"id" text PRIMARY KEY NOT NULL,
+	"identifier" text NOT NULL,
+	"value" text NOT NULL,
+	"expiresAt" timestamp NOT NULL,
+	"createdAt" timestamp DEFAULT now() NOT NULL,
+	"updatedAt" timestamp DEFAULT now() NOT NULL
+);
+--> statement-breakpoint
+ALTER TABLE "account" ADD CONSTRAINT "account_userId_user_id_fk" FOREIGN KEY ("userId") REFERENCES "public"."user"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "session" ADD CONSTRAINT "session_userId_user_id_fk" FOREIGN KEY ("userId") REFERENCES "public"."user"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "subscription" ADD CONSTRAINT "subscription_userId_user_id_fk" FOREIGN KEY ("userId") REFERENCES "public"."user"("id") ON DELETE no action ON UPDATE no action;