Only use named exports

Author: agentcooper

src/components/AreaHighlight.tsx

@@ -58,5 +58,3 @@ export function AreaHighlight({
     </div>
   );
 }
-
-export default AreaHighlight;

src/components/MouseMonitor.tsx

@@ -7,7 +7,7 @@ interface Props {
   children: JSX.Element;
 }
 
-class MouseMonitor extends Component<Props> {
+export class MouseMonitor extends Component<Props> {
   container: HTMLDivElement | null = null;
   unsubscribe = () => {};
 
@@ -58,5 +58,3 @@ class MouseMonitor extends Component<Props> {
     );
   }
 }
-
-export default MouseMonitor;

src/components/MouseSelection.tsx

@@ -26,7 +26,7 @@ interface Props {
   onChange: (isVisible: boolean) => void;
 }
 
-class MouseSelection extends Component<Props, State> {
+export class MouseSelection extends Component<Props, State> {
   state: State = {
     locked: false,
     start: null,
@@ -206,5 +206,3 @@ class MouseSelection extends Component<Props, State> {
     );
   }
 }
-
-export default MouseSelection;

src/components/PdfHighlighter.tsx

@@ -1,5 +1,3 @@
-import styles from "../style/PdfHighlighter.module.css";
-
 import debounce from "debounce";
 import type { PDFDocumentProxy } from "pdfjs-dist";
 import type { EventBus, PDFViewer } from "pdfjs-dist/legacy/web/pdf_viewer.mjs";
@@ -10,16 +8,17 @@ import React, {
 } from "react";
 import { type Root, createRoot } from "react-dom/client";
 import { scaledToViewport, viewportToScaled } from "../lib/coordinates";
-import getAreaAsPng from "../lib/get-area-as-png";
-import getBoundingRect from "../lib/get-bounding-rect";
-import getClientRects from "../lib/get-client-rects";
+import { getAreaAsPNG } from "../lib/get-area-as-png";
+import { getBoundingRect } from "../lib/get-bounding-rect";
+import { getClientRects } from "../lib/get-client-rects";
 import {
   findOrCreateContainerLayer,
   getPageFromElement,
   getPagesFromRange,
   getWindow,
   isHTMLElement,
 } from "../lib/pdfjs-dom";
+import styles from "../style/PdfHighlighter.module.css";
 import type {
   IHighlight,
   LTWH,
@@ -29,7 +28,7 @@ import type {
   ScaledPosition,
 } from "../types";
 import { HighlightLayer } from "./HighlightLayer";
-import MouseSelection from "./MouseSelection";
+import { MouseSelection } from "./MouseSelection";
 import { TipContainer } from "./TipContainer";
 
 export type T_ViewportHighlight<T_HT> = { position: Position } & T_HT;
@@ -307,7 +306,7 @@ export class PdfHighlighter<T_HT extends IHighlight> extends PureComponent<
   screenshot(position: LTWH, pageNumber: number) {
     const canvas = this.viewer.getPageView(pageNumber - 1).canvas;
 
-    return getAreaAsPng(canvas, position);
+    return getAreaAsPNG(canvas, position);
   }
 
   hideTipAndSelection = () => {

src/components/PdfLoader.tsx

@@ -114,5 +114,3 @@ export class PdfLoader extends Component<Props, State> {
     return null;
   }
 }
-
-export default PdfLoader;

src/components/Popup.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import MouseMonitor from "./MouseMonitor";
+import { MouseMonitor } from "./MouseMonitor";
 
 interface Props {
   onMouseOver: (content: JSX.Element) => void;

src/components/Tip.tsx

@@ -94,5 +94,3 @@ export class Tip extends Component<Props, State> {
     );
   }
 }
-
-export default Tip;

src/lib/get-area-as-png.ts

@@ -1,7 +1,10 @@
 import type { LTWHP } from "../types.js";
 import { isHTMLCanvasElement } from "./pdfjs-dom";
 
-const getAreaAsPNG = (canvas: HTMLCanvasElement, position: LTWHP): string => {
+export const getAreaAsPNG = (
+  canvas: HTMLCanvasElement,
+  position: LTWHP,
+): string => {
   const { left, top, width, height } = position;
 
   const doc = canvas ? canvas.ownerDocument : null;
@@ -37,5 +40,3 @@ const getAreaAsPNG = (canvas: HTMLCanvasElement, position: LTWHP): string => {
 
   return newCanvas.toDataURL("image/png");
 };
-
-export default getAreaAsPNG;

src/lib/get-bounding-rect.ts

@@ -1,6 +1,6 @@
 import type { LTWHP } from "../types.js";
 
-const getBoundingRect = (clientRects: Array<LTWHP>): LTWHP => {
+export const getBoundingRect = (clientRects: Array<LTWHP>): LTWHP => {
   const rects = Array.from(clientRects).map((rect) => {
     const { left, top, width, height, pageNumber } = rect;
 
@@ -50,5 +50,3 @@ const getBoundingRect = (clientRects: Array<LTWHP>): LTWHP => {
     pageNumber,
   };
 };
-
-export default getBoundingRect;

src/lib/get-client-rects.ts

@@ -1,6 +1,5 @@
 import type { LTWHP, Page } from "../types.js";
-
-import optimizeClientRects from "./optimize-client-rects";
+import { optimizeClientRects } from "./optimize-client-rects";
 
 const isClientRectInsidePageRect = (clientRect: DOMRect, pageRect: DOMRect) => {
   if (clientRect.top < pageRect.top) {
@@ -19,7 +18,7 @@ const isClientRectInsidePageRect = (clientRect: DOMRect, pageRect: DOMRect) => {
   return true;
 };
 
-const getClientRects = (
+export const getClientRects = (
   range: Range,
   pages: Page[],
   shouldOptimize = true,
@@ -54,5 +53,3 @@ const getClientRects = (
 
   return shouldOptimize ? optimizeClientRects(rects) : rects;
 };
-
-export default getClientRects;

src/lib/optimize-client-rects.ts

@@ -45,7 +45,9 @@ const extendWidth = (A: LTWHP, B: LTWHP) => {
   A.width = Math.max(B.width - A.left + B.left, A.width);
 };
 
-const optimizeClientRects = (clientRects: Array<LTWHP>): Array<LTWHP> => {
+export const optimizeClientRects = (
+  clientRects: Array<LTWHP>,
+): Array<LTWHP> => {
   const rects = sort(clientRects);
 
   const toRemove = new Set();
@@ -88,5 +90,3 @@ const optimizeClientRects = (clientRects: Array<LTWHP>): Array<LTWHP> => {
 
   return firstPass.filter((rect) => !toRemove.has(rect));
 };
-
-export default optimizeClientRects;