add create space support

Author: ymc9

src/routes/(app)/create-space/+page.server.ts

@@ -0,0 +1,43 @@
+import { SpaceUserRole, type Space } from '@prisma/client';
+import { error, fail, redirect, type Actions } from '@sveltejs/kit';
+import { isPrismaClientKnownRequestError } from '@zenstackhq/runtime';
+
+export const actions = {
+    default: async ({ request, locals }) => {
+        if (!locals.user) {
+            throw error(401, 'Unauthorized');
+        }
+
+        const data = await request.formData();
+        const name = data.get('name');
+        const slug = data.get('slug');
+
+        if (typeof name !== 'string' || typeof slug !== 'string') {
+            return fail(400, { name, slug, missing: true });
+        }
+
+        let space: Space;
+        try {
+            space = await locals.db.space.create({
+                data: {
+                    name,
+                    slug,
+                    members: {
+                        create: {
+                            user: { connect: { id: locals.user.id } },
+                            role: SpaceUserRole.ADMIN,
+                        },
+                    },
+                },
+            });
+        } catch (err) {
+            if (isPrismaClientKnownRequestError(err) && err.code === 'P2002') {
+                return error(400, 'Space slug already in use');
+            } else {
+                throw err;
+            }
+        }
+
+        throw redirect(303, `/space/${space.slug}`);
+    },
+} satisfies Actions;

src/routes/(app)/create-space/+page.svelte

@@ -1 +1,52 @@
-<h1>Create Space</h1>
+<script lang="ts">
+    import { enhance } from '$app/forms';
+    import { goto } from '$app/navigation';
+
+    let name = '';
+    let slug = '';
+</script>
+
+<div class="flex items-center justify-center h-full">
+    <form method="post" use:enhance>
+        <h1 class="text-3xl mb-8">Create a space</h1>
+        <div class="flex-col space-y-4">
+            <div>
+                <label for="name" class="text-lg"> Space name </label>
+                <input
+                    name="name"
+                    type="text"
+                    required
+                    placeholder="Name of your space"
+                    class="input input-bordered w-full max-w-xs mt-2"
+                    bind:value={name}
+                    autoFocus
+                />
+            </div>
+            <div>
+                <label for="slug" class="text-lg"> Space slug </label>
+                <input
+                    name="slug"
+                    type="text"
+                    required
+                    placeholder="Slug of your space"
+                    class="input input-bordered w-full max-w-xs mt-2"
+                    bind:value={slug}
+                />
+            </div>
+        </div>
+
+        <div class="flex space-x-4 mt-6">
+            <input
+                type="submit"
+                disabled={name.length < 4 ||
+                    name.length > 20 ||
+                    !slug.match(/^[0-9a-zA-Z]{4,16}$/)}
+                value="Create"
+                class="btn btn-primary px-8"
+            />
+            <button class="btn btn-outline" on:click={() => goto('/')}>
+                Cancel
+            </button>
+        </div>
+    </form>
+</div>

src/routes/(auth)/signin/+page.server.ts

@@ -18,7 +18,6 @@ export const actions = {
         const user = await prisma.user.findFirst({
             where: { email },
         });
-        console.log(user, password);
         if (!user || !compareSync(password, user.password)) {
             return fail(401, { email, password, invalid: true });
         }