fix: page title highlighting

Author: abrehamgezahegn

typescript/src/renderer/JsonDocRenderer.tsx

@@ -57,7 +57,7 @@ export const JsonDocRenderer = ({
       )}
       {/* Page title */}
       {page.properties?.title && (
-        <h1 className="json-doc-page-title">
+        <h1 className="json-doc-page-title" data-page-id={page.id}>
           {page.properties.title.title?.[0]?.plain_text || "Untitled"}
         </h1>
       )}
@@ -106,7 +106,6 @@ export const JsonDocRenderer = ({
           <div className={`json-doc-renderer  ${className}`}>
             {viewJson ? (
               <div className="flex h-screen">
-                <div className="w-1/2 overflow-y-auto">{renderedContent}</div>
                 <JsonViewPanel data={page} />
               </div>
             ) : (

typescript/src/renderer/utils/highlightUtils.ts

@@ -130,12 +130,14 @@ export function processBackref(backref: Backref): HTMLSpanElement | null {
 /**
  * Processes a backref that targets a page title
  */
-export function processPageTitleBackref(backref: Backref): HTMLSpanElement | null {
+export function processPageTitleBackref(
+  backref: Backref
+): HTMLSpanElement | null {
   // Find the specific page title element using data-page-id
   const pageTitleElement = document.querySelector(
     `[data-page-id="${backref.page_id}"]`
   );
-  
+
   if (!pageTitleElement) {
     return null;
   }

typescript/tests/test-cases.md

@@ -0,0 +1,8 @@
+- page title highlighting work
+- block highlighting should work
+- invalid backref shouldn't trigger highlighting
+- incorrect block page number shouldn't break the rendering
+- make sure all blocks are rendered
+- make sure numbered lists are correctly labeled
+- make sure bad page is gracefully handled
+- invalid block type should show error block UI