Setup (#112)

* wip * wip * wip3 * chore: utils * feat: add command * wip * fix: key duplicate * fix: move and check * fix: use react-use instead * fix: sidebar * chore: make dynamic * chore: tablet mode * chore: fix padding * chore: link instead of inbox * fix: use dnd kit * feat: add select component * chore: use atom * refactor: remove dnd provider * feat: disabled drag when sort is not manual * search route * . * feat: accessibility * fix: search * . * . * . * fix: sidebar collapsed * ai search layout * . * . * . * . * ai responsible content * . * . * . * . * . * global topic route * global topic correct route * topic buttons * sidebar search navigation * ai * Update jazz * . * . * . * . * . * learning status * . * . * chore: content header * fix: pointer none when dragging. prevent auto click after drag end * fix: confirm * fix: prevent drag when editing * chore: remove unused fn * fix: check propagation * chore: list * chore: tweak sonner * chore: update stuff * feat: add badge * chore: close edit when create * chore: escape on manage form * refactor: remove learn path * css: responsive item * chore: separate pages and topic * reafactor: remove new-schema * feat(types): extend jazz type so it can be nullable * chore: use new types * fix: missing deps * fix: link * fix: sidebar in layout * fix: quotes * css: use medium instead semi * Actual streaming and rendering markdown response * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * chore: metadata * feat: la-editor * . * fix: editor and page * . * . * . * . * . * . * fix: remove link * chore: page sidebar * fix: remove 'replace with learning status' * fix: link * fix: link * chore: update schema * chore: use new schema * fix: instead of showing error, just do unique slug * feat: create slug * refactor apply * update package json * fix: schema personal page * chore: editor * feat: pages * fix: metadata * fix: jazz provider * feat: handling data * feat: page detail * chore: server page to id * chore: use id instead of slug * chore: update content header * chore: update link header implementation * refactor: global.css * fix: la editor use animation frame * fix: editor export ref * refactor: page detail * chore: tidy up schema * chore: adapt to new schema * fix: wrap using settimeout * fix: wrap using settimeout * . * . --------- Co-authored-by: marshennikovaolga <marshennikova@gmail.com> Co-authored-by: Nikita <github@nikiv.dev> Co-authored-by: Anselm <anselm.eickhoff@gmail.com> Co-authored-by: Damian Tarnawski <gthetarnav@gmail.com>
2026-04-26 02:08:40 +02:00 · 2024-08-08 00:57:22 +07:00
parent 228faf226a
commit 36e0e19212
143 changed files with 6967 additions and 101 deletions
--- a/web/components/custom/sidebar/partial/page-section.tsx
+++ b/web/components/custom/sidebar/partial/page-section.tsx
@@ -0,0 +1,114 @@
+import { SidebarItem } from "../sidebar"
+import { z } from "zod"
+import { useAccount } from "@/lib/providers/jazz-provider"
+import { Input } from "@/components/ui/input"
+import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover"
+import { Form, FormField, FormItem, FormLabel, FormControl, FormMessage } from "@/components/ui/form"
+import { PlusIcon } from "lucide-react"
+import { generateUniqueSlug } from "@/lib/utils"
+import { PersonalPage } from "@/lib/schema/personal-page"
+import { toast } from "sonner"
+import { Button } from "@/components/ui/button"
+import { useForm } from "react-hook-form"
+import { zodResolver } from "@hookform/resolvers/zod"
+
+const createPageSchema = z.object({
+	title: z.string({ message: "Please enter a valid title" }).min(1, { message: "Please enter a valid title" })
+})
+
+type PageFormValues = z.infer<typeof createPageSchema>
+
+export const PageSection: React.FC = () => {
+	const { me } = useAccount()
+	const personalPages = me.root?.personalPages || []
+
+	return (
+		<div className="-ml-2">
+			<div className="group mb-0.5 ml-2 mt-2 flex flex-row items-center justify-between rounded-md">
+				<div
+					role="button"
+					tabIndex={0}
+					className="text-muted-foreground hover:bg-muted/50 flex h-6 grow cursor-default items-center justify-between gap-x-0.5 self-start rounded-md px-1 text-xs font-medium"
+				>
+					<span className="group-hover:text-muted-foreground">Pages</span>
+					<CreatePageForm />
+				</div>
+			</div>
+
+			<div className="relative shrink-0">
+				<div aria-hidden="false" className="ml-2 shrink-0 pb-2">
+					{personalPages.map(
+						page => page && <SidebarItem key={page.id} url={`/pages/${page.id}`} label={page.title} />
+					)}
+				</div>
+			</div>
+		</div>
+	)
+}
+
+const CreatePageForm: React.FC = () => {
+	const { me } = useAccount()
+
+	const form = useForm<PageFormValues>({
+		resolver: zodResolver(createPageSchema),
+		defaultValues: {
+			title: ""
+		}
+	})
+
+	const onSubmit = (values: PageFormValues) => {
+		try {
+			const personalPages = me?.root?.personalPages?.toJSON() || []
+			const slug = generateUniqueSlug(personalPages, values.title)
+
+			const newPersonalPage = PersonalPage.create(
+				{
+					title: values.title,
+					slug: slug,
+					content: ""
+				},
+				{ owner: me._owner }
+			)
+
+			me.root?.personalPages?.push(newPersonalPage)
+
+			toast.success("Page created successfully")
+		} catch (error) {
+			console.error(error)
+			toast.error("Failed to create page")
+		}
+	}
+
+	return (
+		<Popover>
+			<PopoverTrigger asChild>
+				<Button type="button" size="icon" variant="ghost" aria-label="New Page" className="size-6">
+					<PlusIcon size={16} />
+				</Button>
+			</PopoverTrigger>
+			<PopoverContent align="start">
+				<Form {...form}>
+					<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+						<FormField
+							control={form.control}
+							name="title"
+							render={({ field }) => (
+								<FormItem>
+									<FormLabel>New page</FormLabel>
+									<FormControl>
+										<Input placeholder="Enter a title" {...field} />
+									</FormControl>
+									<FormMessage />
+								</FormItem>
+							)}
+						/>
+
+						<Button type="submit" size="sm" className="w-full">
+							Create page
+						</Button>
+					</form>
+				</Form>
+			</PopoverContent>
+		</Popover>
+	)
+}