feat: load body by url slug

Author: winverse

apps/book-server/src/common/plugins/global/errorHandlerPlugin.mts

@@ -34,6 +34,7 @@ const errorHandlerPlugin: FastifyPluginCallback = (fastify, _, done) => {
   })
   fastify.setErrorHandler((error, request, reply) => {
     if (isHttpError(error)) {
+      console.log('isHttpError', error)
       reply.status(error.statusCode).send({
         message: error.message,
         name: error.name,

apps/book-server/src/graphql/Book.gql

@@ -11,8 +11,8 @@ type Query {
 }
 
 type Mutation {
-  deploy(input: BookIDInput!): Void! @auth
-  build(input: BookIDInput!): Void! @auth
+  deploy(input: BookIDInput!): Void @auth
+  build(input: BookIDInput!): Void @auth
 }
 
 type Subscription {

apps/book-server/src/graphql/Page.gql

@@ -28,7 +28,7 @@ type Query {
 
 type Mutation {
   create(input: CreatePageInput!): Page @auth
-  reorder(input: ReorderInput!): Void! @auth
+  reorder(input: ReorderInput!): Void @auth
 }
 
 input GetPagesInput {

apps/book-server/src/graphql/generated.ts

@@ -61,10 +61,10 @@ export type GetPagesInput = {
 }
 
 export type Mutation = {
-  build: Scalars['Void']['output']
+  build?: Maybe<Scalars['Void']['output']>
   create?: Maybe<Page>
-  deploy: Scalars['Void']['output']
-  reorder: Scalars['Void']['output']
+  deploy?: Maybe<Scalars['Void']['output']>
+  reorder?: Maybe<Scalars['Void']['output']>
 }
 
 export type MutationBuildArgs = {
@@ -322,7 +322,7 @@ export type MutationResolvers<
   ParentType extends ResolversParentTypes['Mutation'] = ResolversParentTypes['Mutation'],
 > = {
   build?: Resolver<
-    ResolversTypes['Void'],
+    Maybe<ResolversTypes['Void']>,
     ParentType,
     ContextType,
     RequireFields<MutationBuildArgs, 'input'>
@@ -334,13 +334,13 @@ export type MutationResolvers<
     RequireFields<MutationCreateArgs, 'input'>
   >
   deploy?: Resolver<
-    ResolversTypes['Void'],
+    Maybe<ResolversTypes['Void']>,
     ParentType,
     ContextType,
     RequireFields<MutationDeployArgs, 'input'>
   >
   reorder?: Resolver<
-    ResolversTypes['Void'],
+    Maybe<ResolversTypes['Void']>,
     ParentType,
     ContextType,
     RequireFields<MutationReorderArgs, 'input'>

apps/book-server/src/services/PageService/index.mts

@@ -131,8 +131,6 @@ export class PageService implements Service {
   }
 
   public async getPage(input: GetPageInput, signedWriterId?: string): Promise<Page | null> {
-    console.log('input', input)
-    console.log('signedWriterId', signedWriterId)
     if (!signedWriterId) {
       throw new UnauthorizedError('Not authorized')
     }
@@ -213,6 +211,7 @@ export class PageService implements Service {
   }
 
   public async reorder(input: ReorderInput, signedWriterId?: string): Promise<void> {
+    console.log('input', input)
     if (!signedWriterId) {
       throw new UnauthorizedError('Not authorized')
     }

apps/book-web/src/layouts/NextraLayout/NextraLayout.tsx

@@ -103,6 +103,7 @@ function NextraLayout({ children, mdxText }: Props) {
           index,
         },
       })
+      getPagesRefetch()
     }
 
     window.addEventListener(nextraCustomEventName.changeItem, changeItem)

apps/book-web/src/lib/generateBookMetadata.ts

@@ -55,7 +55,7 @@ const generatePageMap = (pages: Pages, bookUrl: string) => {
           // save key
           map.set(page.url_slug, key)
           if (page.type === 'separator') {
-            Object.assign(value, { id: page.id, type: 'separator' })
+            Object.assign(value, { id: page.url_slug, type: 'separator' })
           }
           acc[key] = value
           return acc
@@ -133,16 +133,6 @@ const generatePageMap = (pages: Pages, bookUrl: string) => {
 export const generateBookMetadata = ({ pages, bookUrl }: Args): BookMetadata => {
   const pageMap = generatePageMap(pages, bookUrl)
 
-  // if (global.window === undefined) {
-  //   const fs = require('fs')
-  //   const path = require('path')
-
-  //   fs.writeFileSync(
-  //     path.resolve(process.cwd(), './src/lib/', './context.json'),
-  //     JSON.stringify(pageMap, null, 4),
-  //   )
-  // }
-
   return {
     pageOpts: {
       frontMatter: {},

apps/book-web/src/pages/[username]/[bookTitle]/[[...pageUrlSlug]].tsx

@@ -27,13 +27,18 @@ export default Home
 export const getServerSideProps = (async (ctx) => {
   const { params, req } = ctx
   const bookUrlSlug = `/${params?.username}/${params?.bookTitle}`
-  const pageUrlSlug = `/${params?.pageUrlSlug.join('/')}` || '/'
 
-  const pages = await getPages(bookUrlSlug, req.cookies)
+  let pageUrlSlug = params?.pageUrlSlug ? `/${params?.pageUrlSlug?.join('/')}` : ''
 
-  if (pages) {
-    generateBookMetadata({ pages: pages, bookUrl: bookUrlSlug })
+  if (!pageUrlSlug) {
+    const pages = await getPages(bookUrlSlug, req.cookies)
+
+    if (!pages) {
+      throw new Error('failed get book metadata')
+    }
+    pageUrlSlug = pages[0].url_slug
   }
+
   const page = await getPage(bookUrlSlug, pageUrlSlug, req.cookies)
   const mdxText = page?.body ?? ''
   //   const mdxText = `

packages/nextra-editor/src/components/sidebar/index.tsx

@@ -104,8 +104,6 @@ export function Sidebar({
     [docsDirectories],
   )
 
-
-
   useEffect(() => {
     setSortableItems(initSotableItems)
   }, [initSotableItems])

packages/nextra-editor/src/components/sidebar/sortable-tree/index.tsx

@@ -232,7 +232,7 @@ function SortableTree({ items, sidebarRef, showSidebar, onItemsChanged }: Props)
         {
           detail: {
             bookUrlSlug,
-            targetUrlSlug: activeTreeItem.id.replace(bookUrlSlug, ''),
+            targetUrlSlug: `${activeTreeItem.id.replace(bookUrlSlug, '')}`,
             parentUrlSlug: String(parentId).replace(bookUrlSlug, ''),
             index: newParentItem
               ? newParentItem.childrenIds.findIndex((id) => id === activeTreeItem.id)