feat(onboarding): create-workspace flow
- /onboarding page (server component): redirects to /sign-in if not authed,
to /dashboard if user already has a team. Otherwise renders form.
- createWorkspaceAction:
* teams.create (user becomes owner via session SDK)
* tablesDB.createRow on tenant_settings (admin SDK) with team-scoped permissions:
Permission.read(Role.team(id)), update(owner|admin), delete(owner)
* account.updatePrefs({ activeTenant }) — persisted source of truth
* isletmem-tenant cookie for fast access
* redirect to /dashboard
- setActiveTenantAction stub for future workspace switcher
- lib/appwrite/tenant.ts: getUserTeams, getActiveTenantId helpers (server-only)
- tenant-types.ts holds WorkspaceState + ACTIVE_TENANT_COOKIE (no 'use server')
This commit is contained in:
kovakmedya
@@ -0,0 +1,112 @@
|
||||
"use client";
|
||||
|
||||
import { useActionState } from "react";
|
||||
import { Building2, Loader2, ShieldCheck } from "lucide-react";
|
||||
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
|
||||
import { Input } from "@/components/ui/input";
|
||||
import { Label } from "@/components/ui/label";
|
||||
import { Logo } from "@/components/logo";
|
||||
import { createWorkspaceAction } from "@/lib/appwrite/tenant-actions";
|
||||
import { initialWorkspaceState } from "@/lib/appwrite/tenant-types";
|
||||
|
||||
export function CreateWorkspaceForm({ userName }: { userName?: string }) {
|
||||
const [state, formAction, isPending] = useActionState(
|
||||
createWorkspaceAction,
|
||||
initialWorkspaceState,
|
||||
);
|
||||
|
||||
return (
|
||||
<div className="flex flex-col gap-6">
|
||||
<div className="flex items-center justify-center gap-2 font-medium">
|
||||
<div className="bg-primary text-primary-foreground flex size-9 items-center justify-center rounded-md">
|
||||
<Logo size={22} />
|
||||
</div>
|
||||
<span className="text-xl font-semibold">İşletmem</span>
|
||||
</div>
|
||||
|
||||
<Card>
|
||||
<CardHeader className="text-center">
|
||||
<div className="bg-primary/10 text-primary mx-auto mb-2 flex size-12 items-center justify-center rounded-full">
|
||||
<Building2 className="size-6" />
|
||||
</div>
|
||||
<CardTitle className="text-2xl">
|
||||
{userName ? `Hoş geldiniz, ${userName}` : "Çalışma alanı oluştur"}
|
||||
</CardTitle>
|
||||
<CardDescription>
|
||||
Şirketinizin bilgilerini girin — birkaç saniyede çalışma alanınız hazır.
|
||||
</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<form action={formAction} className="flex flex-col gap-5">
|
||||
<div className="grid gap-3">
|
||||
<Label htmlFor="companyName">Şirket adı *</Label>
|
||||
<Input
|
||||
id="companyName"
|
||||
name="companyName"
|
||||
type="text"
|
||||
placeholder="KovakSoft Yazılım Ltd."
|
||||
autoComplete="organization"
|
||||
required
|
||||
autoFocus
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="grid gap-3">
|
||||
<Label htmlFor="companyTaxId">
|
||||
Vergi numarası <span className="text-muted-foreground text-xs">(opsiyonel)</span>
|
||||
</Label>
|
||||
<Input
|
||||
id="companyTaxId"
|
||||
name="companyTaxId"
|
||||
type="text"
|
||||
placeholder="1234567890"
|
||||
inputMode="numeric"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="grid gap-3">
|
||||
<Label htmlFor="companyPhone">
|
||||
Telefon <span className="text-muted-foreground text-xs">(opsiyonel)</span>
|
||||
</Label>
|
||||
<Input
|
||||
id="companyPhone"
|
||||
name="companyPhone"
|
||||
type="tel"
|
||||
placeholder="+90 555 123 45 67"
|
||||
autoComplete="tel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{state.error && (
|
||||
<p className="text-destructive text-sm text-center" role="alert">
|
||||
{state.error}
|
||||
</p>
|
||||
)}
|
||||
|
||||
<Button type="submit" className="w-full" disabled={isPending}>
|
||||
{isPending ? (
|
||||
<>
|
||||
<Loader2 className="size-4 animate-spin" />
|
||||
Hazırlanıyor...
|
||||
</>
|
||||
) : (
|
||||
"Çalışma alanını oluştur"
|
||||
)}
|
||||
</Button>
|
||||
|
||||
<p className="text-muted-foreground flex items-center justify-center gap-1.5 text-xs">
|
||||
<ShieldCheck className="size-3.5" />
|
||||
Verileriniz yalnızca sizin ekibinize özel — multi-tenant izolasyon
|
||||
</p>
|
||||
</form>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
<p className="text-muted-foreground text-center text-xs">
|
||||
Bu bilgileri daha sonra Profil ayarlarından düzenleyebilirsiniz.
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
import type { Metadata } from "next";
|
||||
import { redirect } from "next/navigation";
|
||||
|
||||
import { getCurrentUser } from "@/lib/appwrite/server";
|
||||
import { getUserTeams } from "@/lib/appwrite/tenant";
|
||||
import { CreateWorkspaceForm } from "./components/create-workspace-form";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "İşletmem — Çalışma alanı oluştur",
|
||||
description: "İşletmem için ilk çalışma alanınızı kurun.",
|
||||
};
|
||||
|
||||
export default async function OnboardingPage() {
|
||||
const user = await getCurrentUser();
|
||||
if (!user) redirect("/sign-in");
|
||||
|
||||
const teams = await getUserTeams();
|
||||
if (teams && teams.total > 0) {
|
||||
redirect("/dashboard");
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="bg-muted flex min-h-svh flex-col items-center justify-center p-6 md:p-10">
|
||||
<div className="w-full max-w-md">
|
||||
<CreateWorkspaceForm userName={user.name?.split(" ")[0]} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,101 @@
|
||||
"use server";
|
||||
|
||||
import { cookies } from "next/headers";
|
||||
import { redirect } from "next/navigation";
|
||||
import { AppwriteException, ID, Permission, Role } from "node-appwrite";
|
||||
|
||||
import { createAdminClient, createSessionClient } from "./server";
|
||||
import { DATABASE_ID, TABLES } from "./schema";
|
||||
import { ACTIVE_TENANT_COOKIE, type WorkspaceState } from "./tenant-types";
|
||||
|
||||
function appwriteError(e: unknown): string {
|
||||
if (e instanceof AppwriteException) {
|
||||
if (e.type === "team_already_exists") return "Bu isimde bir çalışma alanı zaten var.";
|
||||
if (e.type === "general_unauthorized_scope") return "Yetki hatası. Tekrar giriş yapın.";
|
||||
return e.message || "Beklenmeyen bir hata oluştu.";
|
||||
}
|
||||
return "Bağlantı hatası. Tekrar deneyin.";
|
||||
}
|
||||
|
||||
async function setActiveTenantCookie(tenantId: string) {
|
||||
(await cookies()).set(ACTIVE_TENANT_COOKIE, tenantId, {
|
||||
path: "/",
|
||||
httpOnly: true,
|
||||
sameSite: "strict",
|
||||
secure: process.env.NODE_ENV === "production",
|
||||
maxAge: 60 * 60 * 24 * 365,
|
||||
});
|
||||
}
|
||||
|
||||
export async function createWorkspaceAction(
|
||||
_prev: WorkspaceState,
|
||||
formData: FormData,
|
||||
): Promise<WorkspaceState> {
|
||||
const companyName = String(formData.get("companyName") ?? "").trim();
|
||||
const companyTaxId = String(formData.get("companyTaxId") ?? "").trim() || undefined;
|
||||
const companyPhone = String(formData.get("companyPhone") ?? "").trim() || undefined;
|
||||
|
||||
if (!companyName) {
|
||||
return { ok: false, error: "Şirket adı zorunlu." };
|
||||
}
|
||||
|
||||
let teamId: string;
|
||||
|
||||
try {
|
||||
const session = await createSessionClient();
|
||||
const user = await session.account.get();
|
||||
|
||||
const team = await session.teams.create(ID.unique(), companyName, ["owner"]);
|
||||
teamId = team.$id;
|
||||
|
||||
const admin = createAdminClient();
|
||||
await admin.tablesDB.createRow(
|
||||
DATABASE_ID,
|
||||
TABLES.tenantSettings,
|
||||
ID.unique(),
|
||||
{
|
||||
tenantId: teamId,
|
||||
companyName,
|
||||
companyTaxId,
|
||||
companyPhone,
|
||||
createdBy: user.$id,
|
||||
},
|
||||
[
|
||||
Permission.read(Role.team(teamId)),
|
||||
Permission.update(Role.team(teamId, "owner")),
|
||||
Permission.update(Role.team(teamId, "admin")),
|
||||
Permission.delete(Role.team(teamId, "owner")),
|
||||
],
|
||||
);
|
||||
|
||||
await session.account.updatePrefs({
|
||||
...(user.prefs ?? {}),
|
||||
activeTenant: teamId,
|
||||
});
|
||||
|
||||
await setActiveTenantCookie(teamId);
|
||||
} catch (e) {
|
||||
return { ok: false, error: appwriteError(e) };
|
||||
}
|
||||
|
||||
redirect("/dashboard");
|
||||
}
|
||||
|
||||
export async function setActiveTenantAction(tenantId: string) {
|
||||
try {
|
||||
const { account } = await createSessionClient();
|
||||
const user = await account.get();
|
||||
|
||||
const teams = await (await createSessionClient()).teams.list();
|
||||
const owns = teams.teams.some((t) => t.$id === tenantId);
|
||||
if (!owns) {
|
||||
return { ok: false, error: "Bu çalışma alanına erişiminiz yok." };
|
||||
}
|
||||
|
||||
await account.updatePrefs({ ...(user.prefs ?? {}), activeTenant: tenantId });
|
||||
await setActiveTenantCookie(tenantId);
|
||||
return { ok: true };
|
||||
} catch (e) {
|
||||
return { ok: false, error: appwriteError(e) };
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
export type WorkspaceState = {
|
||||
ok: boolean;
|
||||
error?: string;
|
||||
};
|
||||
|
||||
export const initialWorkspaceState: WorkspaceState = { ok: false };
|
||||
|
||||
export const ACTIVE_TENANT_COOKIE = "isletmem-tenant";
|
||||
@@ -0,0 +1,31 @@
|
||||
import "server-only";
|
||||
|
||||
import { cookies } from "next/headers";
|
||||
|
||||
import { createSessionClient } from "./server";
|
||||
import { ACTIVE_TENANT_COOKIE } from "./tenant-types";
|
||||
|
||||
export async function getUserTeams() {
|
||||
try {
|
||||
const { teams } = await createSessionClient();
|
||||
return await teams.list();
|
||||
} catch {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
export async function getActiveTenantId(): Promise<string | null> {
|
||||
const cookie = (await cookies()).get(ACTIVE_TENANT_COOKIE)?.value;
|
||||
if (cookie) return cookie;
|
||||
|
||||
try {
|
||||
const { account } = await createSessionClient();
|
||||
const user = await account.get();
|
||||
const fromPrefs = (user.prefs as Record<string, unknown> | undefined)?.activeTenant;
|
||||
if (typeof fromPrefs === "string" && fromPrefs.length > 0) return fromPrefs;
|
||||
} catch {
|
||||
return null;
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
Reference in New Issue
Block a user