wip: page update for removing changelog relation

apps/api/src/index.ts

@@ -23,12 +23,12 @@ export const app = new OpenAPIHono<{ Variables: Variables }>({
   defaultHook: handleZodError,
 })
 
-app.use(
-  '*',
-  sentry({
-    dsn: 'https://1d7428bbab0a305078cf4aa380721aa2@o4508167321354240.ingest.de.sentry.io/4508167323648080',
-  }),
-)
+// app.use(
+//   '*',
+//   sentry({
+//     dsn: 'https://1d7428bbab0a305078cf4aa380721aa2@o4508167321354240.ingest.de.sentry.io/4508167323648080',
+//   }),
+// )
 app.onError(handleError)
 app.use('*', cors())
 app.use('/v1/*', authentication)

apps/app/src/routes/page.$id.index.lazy.tsx

@@ -6,12 +6,23 @@ import {
   CardTitle,
 } from '@boring.tools/ui'
 import { Link, createLazyFileRoute } from '@tanstack/react-router'
-import { PlusCircleIcon } from 'lucide-react'
-import { usePageById } from '../hooks/usePage'
+import { CircleMinusIcon, PlusCircleIcon } from 'lucide-react'
+import { usePageById, usePageUpdate } from '../hooks/usePage'
 
 const Component = () => {
   const { id } = Route.useParams()
   const { data, isPending } = usePageById({ id })
+  const pageUpdate = usePageUpdate()
+  const removeChangelog = (id: string) => {
+    const payload = {
+      title: data?.title,
+      description: data?.description,
+      changelogIds: data?.changelogs
+        .filter((log) => log.id !== id)
+        .map((l) => l.id),
+    }
+    pageUpdate.mutate({ id, payload })
+  }
 
   return (
     <div className="flex flex-col gap-5">
@@ -33,16 +44,25 @@ const Component = () => {
               <div className="flex flex-col gap-1">
                 {data.changelogs.map((changelog) => {
                   return (
-                    <Link
-                      className="hover:bg-muted py-1 px-2 rounded transition flex gap-2 items-center"
-                      to="/changelog/$id"
-                      params={{
-                        id: changelog.id,
-                      }}
-                      key={changelog.id}
-                    >
-                      {changelog.title}
-                    </Link>
+                    <div className="flex gap-3" key={changelog.id}>
+                      <Link
+                        className="hover:bg-muted py-1 px-2 rounded transition flex gap-2 items-center w-full"
+                        to="/changelog/$id"
+                        params={{
+                          id: changelog.id,
+                        }}
+                      >
+                        {changelog.title}
+                      </Link>
+
+                      <Button
+                        size={'icon'}
+                        variant={'destructive'}
+                        onClick={() => removeChangelog(changelog.id)}
+                      >
+                        <CircleMinusIcon className="w-4 h-4" />
+                      </Button>
+                    </div>
                   )
                 })}
               </div>

packages/logger/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boring.tools/logger",
-  "module": "src/index.ts",
+  "main": "./src/index.ts",
   "type": "module",
   "devDependencies": {
     "@types/bun": "latest"

packages/schema/src/page/base.ts

@@ -6,7 +6,7 @@ export const PageOutput = z
       example: '',
     }),
     title: z.string(),
-    description: z.string(),
+    description: z.string().optional(),
     icon: z.string(),
   })
   .openapi('Page')

packages/schema/src/page/create.ts

@@ -5,7 +5,7 @@ export const PageCreateInput = z
     title: z.string().min(3).openapi({
       example: 'My page',
     }),
-    description: z.string().openapi({
+    description: z.string().optional().openapi({
       example: '',
     }),
     icon: z.string().optional().openapi({

packages/schema/src/page/update.ts

@@ -3,7 +3,20 @@ import { PageOutput } from './base'
 import { PageCreateInput } from './create'
 
 export const PageUpdateOutput = PageOutput
-export const PageUpdateInput = PageCreateInput
+export const PageUpdateInput = z
+  .object({
+    title: z.string().min(3).optional().openapi({
+      example: 'My page',
+    }),
+    description: z.string().optional().openapi({
+      example: '',
+    }),
+    icon: z.string().optional().openapi({
+      example: 'base64...',
+    }),
+    changelogIds: z.array(z.string().uuid()).optional(),
+  })
+  .openapi('Page')
 export const PageUpdateParams = z
   .object({
     id: z.string().uuid(),