generate and format

Author: abrehamgezahegn

typescript/README.md

@@ -274,11 +274,12 @@ b7b30c1   : Make more typesafe
 You can choose a different version from the list or create new one. But bumpp is smart enough to use appropriate next version.
 
 3. Verify and confirm
-4. Push commit and tag 
+4. Push commit and tag
 
 ```
 git push --follow-tags
 ```
+
 5. The new tag will trigger a release on github actions.
 6. Go to github and create release using the new tag. Make sure you set the correct previous tag prefixed with `typescript-v`
 
@@ -317,6 +318,7 @@ git push --follow-tags
 - [ ] validate page prop somehow. not clear how to do yet. we can't use the /schema because it's HUGE and also because it's outside of /typescript. Will need to think about this.
 
 maybe do something like this?
+
 ```
 import type { Page } from "../models/generated/page/page";
 import { isPage } from "../models/generated/essential-types";
@@ -353,4 +355,4 @@ export function validatePageWithError(obj: unknown): {
 
 will require us to write a validator and we won't benefit from the defined schema jsons.
 
-- [ ] make error boundary catch errors in JsonDocRenderer.tsx body 
+- [ ] make error boundary catch errors in JsonDocRenderer.tsx body

typescript/src/models/generated/block/types/equation/equation.ts

@@ -1,6 +1,6 @@
-import type { Block } from "../../block";
+import type { BlockBase } from "../../base";
 
-export type EquationBlock = Block & {
+export type EquationBlock = BlockBase & {
   type: "equation";
   equation: {
     expression: string;

typescript/src/renderer/JsonDocRenderer.tsx

@@ -100,10 +100,15 @@ export const JsonDocRenderer = ({
   );
 
   return (
-    <div className={`jsondoc-theme-${theme}`}>
+    <div
+      className={`jsondoc-theme-${theme}`}
+      data-testid="jsondoc-renderer-root"
+    >
       <GlobalErrorBoundary onError={onError}>
         <RendererProvider value={{ devMode, resolveImageUrl }}>
-          <div className={`json-doc-renderer  ${className}`}>
+          <div
+            className={`json-doc-renderer${className ? " " + className : ""}`}
+          >
             {viewJson ? (
               <div className="flex h-screen">
                 <JsonViewPanel data={page} />

typescript/src/renderer/components/blocks/EquationBlockRenderer.tsx

@@ -23,11 +23,11 @@ export const EquationBlockRenderer: React.FC<EquationBlockRendererProps> = ({
         katex.render(equationData.expression, containerRef.current, {
           displayMode: true,
           throwOnError: false,
-          errorColor: '#cc0000',
-          strict: 'warn'
+          errorColor: "#cc0000",
+          strict: "warn",
         });
       } catch (error) {
-        console.warn('KaTeX render error:', error);
+        console.warn("KaTeX render error:", error);
         if (containerRef.current) {
           containerRef.current.textContent = equationData.expression;
         }
@@ -43,10 +43,7 @@ export const EquationBlockRenderer: React.FC<EquationBlockRendererProps> = ({
     >
       <div>
         <div className="notion-equation-display">
-          <div 
-            className="notion-equation-content"
-            ref={containerRef}
-          />
+          <div className="notion-equation-content" ref={containerRef} />
         </div>
       </div>
     </div>

typescript/src/renderer/components/blocks/ImageBlockRenderer.tsx

@@ -89,7 +89,11 @@ export const ImageBlockRenderer: React.FC<ImageBlockRendererProps> = ({
   }, [inView, imageUrl, resolveImageUrl]);
 
   useEffect(() => {
-    if (captionRef.current && imageData?.caption && imageData.caption.length > 0) {
+    if (
+      captionRef.current &&
+      imageData?.caption &&
+      imageData.caption.length > 0
+    ) {
       const element = captionRef.current;
       const isOverflowing = element.scrollHeight > element.clientHeight;
       setNeedsTruncation(isOverflowing);
@@ -149,14 +153,21 @@ export const ImageBlockRenderer: React.FC<ImageBlockRendererProps> = ({
                     <span className="btn-text">
                       {showFullCaption ? "Show less" : "Show more"}
                     </span>
-                    <svg 
-                      className={`btn-icon ${showFullCaption ? 'rotated' : ''}`}
-                      width="12" 
-                      height="12" 
-                      viewBox="0 0 12 12" 
+                    <svg
+                      className={`btn-icon ${showFullCaption ? "rotated" : ""}`}
+                      width="12"
+                      height="12"
+                      viewBox="0 0 12 12"
                       fill="currentColor"
                     >
-                      <path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" strokeWidth="1.5" fill="none" strokeLinecap="round" strokeLinejoin="round"/>
+                      <path
+                        d="M3 4.5L6 7.5L9 4.5"
+                        stroke="currentColor"
+                        strokeWidth="1.5"
+                        fill="none"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                      />
                     </svg>
                   </button>
                 )}

typescript/src/renderer/components/blocks/ToDoBlockRenderer.tsx

@@ -30,7 +30,7 @@ export const ToDoBlockRenderer: React.FC<ToDoBlockRendererProps> = ({
       <div className="pseudoHover pseudoActive">
         <input className="check" type="checkbox" checked={isChecked} readOnly />
       </div>
-      <div className={`notranslate ${isChecked ? 'checked' : ''}`.trim()}>
+      <div className={`notranslate ${isChecked ? "checked" : ""}`.trim()}>
         <RichTextRenderer richText={todoData?.rich_text || []} />
       </div>
 

typescript/src/renderer/components/dev/DevOverlay.tsx

@@ -143,7 +143,7 @@ export const DevOverlay: React.FC<DevOverlayProps> = ({
     try {
       await navigator.clipboard.writeText(JSON.stringify(block, null, 2));
     } catch (err) {
-      console.error('Failed to copy to clipboard:', err);
+      console.error("Failed to copy to clipboard:", err);
     }
   };
 
@@ -233,27 +233,27 @@ export const DevOverlay: React.FC<DevOverlayProps> = ({
               fill="currentColor"
               style={{ opacity: 0.8 }}
             >
-              <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/>
+              <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" />
             </svg>
             Copy
           </button>
           <button
-          onClick={onClose}
-          onMouseDown={(e) => e.stopPropagation()} // Prevent drag when clicking close button
-          style={{
-            background: "none",
-            border: "none",
-            color: "#ffffff",
-            cursor: "pointer",
-            fontSize: "16px",
-            padding: "4px 8px",
-            borderRadius: "4px",
-          }}
-          onMouseEnter={(e) => (e.currentTarget.style.background = "#333")}
-          onMouseLeave={(e) => (e.currentTarget.style.background = "none")}
-        >
-          ×
-        </button>
+            onClick={onClose}
+            onMouseDown={(e) => e.stopPropagation()} // Prevent drag when clicking close button
+            style={{
+              background: "none",
+              border: "none",
+              color: "#ffffff",
+              cursor: "pointer",
+              fontSize: "16px",
+              padding: "4px 8px",
+              borderRadius: "4px",
+            }}
+            onMouseEnter={(e) => (e.currentTarget.style.background = "#333")}
+            onMouseLeave={(e) => (e.currentTarget.style.background = "none")}
+          >
+            ×
+          </button>
         </div>
       </div>
       <pre

typescript/src/serialization/loader.ts

@@ -12,8 +12,6 @@ import {
   FileFile,
   ObjectType,
   Block,
-  isPage,
-  isBlock,
   ParagraphBlock,
   BulletedListItemBlock,
   NumberedListItemBlock,

typescript/tests/test-cases.md

@@ -5,4 +5,4 @@
 - 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
+- invalid block type should show error block UI