style: prettier fix

cyntler · cyntler · commit cabb81cb540a · 2023-10-08T19:19:54.000+02:00
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -9,7 +9,7 @@ module.exports = {
 
   framework: {
     name: "@storybook/react-webpack5",
-    options: {}
+    options: {},
   },
 
   webpackFinal: async (config) => {
@@ -30,6 +30,6 @@ module.exports = {
   },
 
   docs: {
-    autodocs: true
-  }
+    autodocs: true,
+  },
 };
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -6,4 +6,4 @@ export const parameters = {
       date: /Date$/,
     },
   },
-}
+};
diff --git a/README.md b/README.md
@@ -9,26 +9,26 @@ File viewer for React.
 
 ## Supported file types
 
-| Extension | MIME Type                                                                          |
-| --------- | ---------------------------------------------------------------------------------- |
-| bmp       | image/bmp                                                                          |
-| csv       | text/csv                                                                           |
-| odt       | application/vnd.oasis.opendocument.text                                            |
-| doc       | application/msword                                                                 |
-| docx      | application/vnd.openxmlformats-officedocument.wordprocessingml.document            |
-| gif       | image/gif                                                                          |
-| htm       | text/htm                                                                           |
-| html      | text/html                                                                          |
-| jpg       | image/jpg                                                                          |
-| jpeg      | image/jpeg                                                                         |
-| pdf       | application/pdf                                                                    |
-| png       | image/png                                                                          |
-| ppt       | application/vnd.ms-powerpoint                                                      |
+| Extension | MIME Type                                                                 |
+| --------- | ------------------------------------------------------------------------- |
+| bmp       | image/bmp                                                                 |
+| csv       | text/csv                                                                  |
+| odt       | application/vnd.oasis.opendocument.text                                   |
+| doc       | application/msword                                                        |
+| docx      | application/vnd.openxmlformats-officedocument.wordprocessingml.document   |
+| gif       | image/gif                                                                 |
+| htm       | text/htm                                                                  |
+| html      | text/html                                                                 |
+| jpg       | image/jpg                                                                 |
+| jpeg      | image/jpeg                                                                |
+| pdf       | application/pdf                                                           |
+| png       | image/png                                                                 |
+| ppt       | application/vnd.ms-powerpoint                                             |
 | pptx      | application/vnd.openxmlformats-officedocument.presentationml.presentation |
-| tiff      | image/tiff                                                                         |
-| txt       | text/plain                                                                         |
-| xls       | application/vnd.ms-excel                                                           |
-| xlsx      | application/vnd.openxmlformats-officedocument.spreadsheetml.sheet                  |
+| tiff      | image/tiff                                                                |
+| txt       | text/plain                                                                |
+| xls       | application/vnd.ms-excel                                                  |
+| xlsx      | application/vnd.openxmlformats-officedocument.spreadsheetml.sheet         |
 
 ## Storybook Demo
 
diff --git a/src/DocViewer.stories.tsx b/src/DocViewer.stories.tsx
@@ -122,14 +122,14 @@ export const WithRef = () => {
 };
 
 export const NoRenderType = () => {
-    const docs = [{ uri: epsFile, fileType: "application/postscript" }];
+  const docs = [{ uri: epsFile, fileType: "application/postscript" }];
 
-    return (
-        <DocViewer
-            documents={docs}
-            initialActiveDocument={docs[0]}
-            pluginRenderers={DocViewerRenderers}
-            language="en"
-        />
-    );
+  return (
+    <DocViewer
+      documents={docs}
+      initialActiveDocument={docs[0]}
+      pluginRenderers={DocViewerRenderers}
+      language="en"
+    />
+  );
 };
diff --git a/src/DocViewer.tsx b/src/DocViewer.tsx
@@ -45,11 +45,7 @@ const DocViewer = forwardRef<DocViewerRef, DocViewerProps>((props, ref) => {
       <ThemeProvider
         theme={theme ? { ...defaultTheme, ...theme } : defaultTheme}
       >
-        <Container
-          id="react-doc-viewer"
-          data-testid="react-doc-viewer"
-          {...props}
-        >
+        <Container id="react-doc-viewer" data-testid="react-doc-viewer">
           <HeaderBar />
           <ProxyRenderer />
         </Container>
diff --git a/src/__tests__/index.test.tsx b/src/__tests__/index.test.tsx
@@ -27,7 +27,7 @@ test("renders component with unsupported file type", () => {
   expect(screen.getByTestId("react-doc-viewer")).toBeDefined();
 
   expect(
-    screen.getByText("No renderer for file type: application/postscript")
+    screen.getByText("No renderer for file type: application/postscript"),
   ).toBeInTheDocument();
 });
 
diff --git a/src/components/FileName.tsx b/src/components/FileName.tsx
@@ -13,7 +13,7 @@ export const FileName: FC<{}> = () => {
 
   const fileName = getFileName(
     currentDocument,
-    config?.header?.retainURLParams || false
+    config?.header?.retainURLParams || false,
   );
 
   return (
diff --git a/src/components/HeaderBar.tsx b/src/components/HeaderBar.tsx
@@ -15,7 +15,7 @@ export const HeaderBar: FC<{}> = () => {
   const override = config?.header?.overrideComponent?.(
     state,
     () => dispatch(previousDocument()),
-    () => dispatch(nextDocument())
+    () => dispatch(nextDocument()),
   );
 
   if (override) {
diff --git a/src/components/LoadingTimout.tsx b/src/components/LoadingTimout.tsx
@@ -11,7 +11,7 @@ export const LoadingTimeout: FC<PropsWithChildren> = ({ children }) => {
   const { state } = useContext(DocViewerContext);
   const { config } = state;
   const [shouldLoadingRender, setShouldLoadingRender] = useState(
-    config?.loadingRenderer?.showLoadingTimeout === false
+    config?.loadingRenderer?.showLoadingTimeout === false,
   );
 
   useEffect(() => {
@@ -21,7 +21,7 @@ export const LoadingTimeout: FC<PropsWithChildren> = ({ children }) => {
       },
       typeof config?.loadingRenderer?.showLoadingTimeout === "number"
         ? config.loadingRenderer.showLoadingTimeout
-        : 500
+        : 500,
     );
   }, [config?.loadingRenderer?.showLoadingTimeout]);
 
diff --git a/src/components/ProxyRenderer.tsx b/src/components/ProxyRenderer.tsx
@@ -21,12 +21,12 @@ export const ProxyRenderer: FC = () => {
       node && dispatch(setRendererRect(node?.getBoundingClientRect()));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [size]
+    [size],
   );
 
   const fileName = getFileName(
     currentDocument,
-    config?.header?.retainURLParams || false
+    config?.header?.retainURLParams || false,
   );
 
   const Contents = () => {
diff --git a/src/hooks/useDocumentLoader.ts b/src/hooks/useDocumentLoader.ts
@@ -42,29 +42,31 @@ export const useDocumentLoader = (): {
           prefetchMethod || documentURI.startsWith("blob:") ? "GET" : "HEAD",
         signal,
         headers: state?.requestHeaders,
-      }).then((response) => {
-        const contentTypeRaw = response.headers.get("content-type");
-        const contentTypes = contentTypeRaw?.split(";") || [];
-        const contentType = contentTypes.length ? contentTypes[0] : undefined;
-
-        dispatch(
-          updateCurrentDocument({
-            ...currentDocument,
-            fileType: contentType || undefined,
-          })
-        );
-      }).catch((error) => {
-        if (error?.name !== 'AbortError') {
-          throw error;
-        }
-      });
+      })
+        .then((response) => {
+          const contentTypeRaw = response.headers.get("content-type");
+          const contentTypes = contentTypeRaw?.split(";") || [];
+          const contentType = contentTypes.length ? contentTypes[0] : undefined;
+
+          dispatch(
+            updateCurrentDocument({
+              ...currentDocument,
+              fileType: contentType || undefined,
+            }),
+          );
+        })
+        .catch((error) => {
+          if (error?.name !== "AbortError") {
+            throw error;
+          }
+        });
 
       return () => {
         controller.abort();
       };
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [currentFileNo, documentURI, currentDocument]
+    [currentFileNo, documentURI, currentDocument],
   );
 
   useEffect(() => {
diff --git a/src/hooks/useRendererSelector.ts b/src/hooks/useRendererSelector.ts
@@ -31,7 +31,7 @@ export const useRendererSelector = (): {
     });
 
     const [SelectedRenderer] = matchingRenderers.sort(
-      (a, b) => b.weight - a.weight
+      (a, b) => b.weight - a.weight,
     );
 
     if (SelectedRenderer && SelectedRenderer !== undefined) {
diff --git a/src/hooks/useTranslation.ts b/src/hooks/useTranslation.ts
@@ -13,7 +13,7 @@ export const useTranslation = () => {
   const t = useCallback(
     (
       key: keyof typeof defaultTranslations,
-      variables?: Record<string, string | number>
+      variables?: Record<string, string | number>,
     ) => {
       const translations = locales[language];
 
@@ -27,7 +27,7 @@ export const useTranslation = () => {
 
       return key;
     },
-    [language, defaultTranslations]
+    [language, defaultTranslations],
   );
 
   return {
diff --git a/src/locales/sr.json b/src/locales/sr.json
@@ -1,10 +1,10 @@
 {
-    "documentNavInfo": "Dokument {{ currentFileNo }} od {{ allFilesCount }}",
-    "noRendererMessage": "Ne postoji pregledač za tip fajla: {{ fileType }}",
-    "downloadButtonLabel": "Preuzimanje fajla",
-    "brokenFile": "Vaš fajl nije dobar. Molimo Vas da probate da ga otvorite na vašem računaru.",
-    "msgPluginRecipients": "Primaoci",
-    "msgPluginSender": "Pošiljalac",
-    "pdfPluginLoading": "Učitavanje...",
-    "pdfPluginPageNumber": "Strana {{ currentPage }}/{{ allPagesCount }}"
-  }
+  "documentNavInfo": "Dokument {{ currentFileNo }} od {{ allFilesCount }}",
+  "noRendererMessage": "Ne postoji pregledač za tip fajla: {{ fileType }}",
+  "downloadButtonLabel": "Preuzimanje fajla",
+  "brokenFile": "Vaš fajl nije dobar. Molimo Vas da probate da ga otvorite na vašem računaru.",
+  "msgPluginRecipients": "Primaoci",
+  "msgPluginSender": "Pošiljalac",
+  "pdfPluginLoading": "Učitavanje...",
+  "pdfPluginPageNumber": "Strana {{ currentPage }}/{{ allPagesCount }}"
+}
diff --git a/src/locales/sr_cyr.json b/src/locales/sr_cyr.json
@@ -1,10 +1,10 @@
 {
-    "documentNavInfo": "Документ {{ currentFileNo }} od {{ allFilesCount }}",
-    "noRendererMessage": "Не постоји прегледач за тип фајла: {{ fileType }}",
-    "downloadButtonLabel": "Преузимање фајла",
-    "brokenFile": "Ваш фајл није добар. Молимо Вас да пробате да га отворите на вашем рачунару.",
-    "msgPluginRecipients": "Примаоци",
-    "msgPluginSender": "Пошиљалац",
-    "pdfPluginLoading": "Учитавање...",
-    "pdfPluginPageNumber": "Страна {{ currentPage }}/{{ allPagesCount }}"
-  }
+  "documentNavInfo": "Документ {{ currentFileNo }} od {{ allFilesCount }}",
+  "noRendererMessage": "Не постоји прегледач за тип фајла: {{ fileType }}",
+  "downloadButtonLabel": "Преузимање фајла",
+  "brokenFile": "Ваш фајл није добар. Молимо Вас да пробате да га отворите на вашем рачунару.",
+  "msgPluginRecipients": "Примаоци",
+  "msgPluginSender": "Пошиљалац",
+  "pdfPluginLoading": "Учитавање...",
+  "pdfPluginPageNumber": "Страна {{ currentPage }}/{{ allPagesCount }}"
+}
diff --git a/src/models.ts b/src/models.ts
@@ -1,5 +1,4 @@
 import { FC, ReactElement, ComponentType, PropsWithChildren } from "react";
-import { ThemedStyledProps } from "styled-components";
 import { IMainState } from "./store/mainStateReducer";
 import { FileLoaderFunction } from "./utils/fileLoaders";
 
@@ -42,7 +41,7 @@ export interface IPdfZoomConfig {
 export type IHeaderOverride = (
   state: IMainState,
   previousDocument: () => void,
-  nextDocument: () => void
+  nextDocument: () => void,
 ) => ReactElement<any, any> | null;
 
 export interface ITheme {
@@ -55,7 +54,7 @@ export interface ITheme {
   disableThemeScrollbar?: boolean;
 }
 
-export interface IStyledProps extends ThemedStyledProps<any, any> {
+export interface IStyledProps {
   theme: ITheme;
 }
 
diff --git a/src/renderers/html/index.tsx b/src/renderers/html/index.tsx
@@ -10,7 +10,7 @@ const HTMLRenderer: DocRenderer = ({ mainState: { currentDocument } }) => {
     const body: string = window.atob(bodyBase64);
 
     let iframeCont = document.getElementById(
-      "html-body"
+      "html-body",
     ) as HTMLIFrameElement | null;
     let iframe = iframeCont?.contentWindow && iframeCont.contentWindow;
     if (!iframe) return;
diff --git a/src/renderers/msdoc/index.tsx b/src/renderers/msdoc/index.tsx
@@ -11,7 +11,7 @@ const MSDocRenderer: DocRenderer = ({ mainState: { currentDocument } }) => {
         id="msdoc-iframe"
         title="msdoc-iframe"
         src={`https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(
-          currentDocument.uri
+          currentDocument.uri,
         )}`}
         frameBorder="0"
       />
diff --git a/src/renderers/pdf/index.tsx b/src/renderers/pdf/index.tsx
@@ -1,4 +1,3 @@
-// @ts-ignore
 import React from "react";
 import { pdfjs } from "react-pdf";
 import styled from "styled-components";
@@ -7,10 +6,7 @@ import PDFPages from "./components/pages/PDFPages";
 import PDFControls from "./components/PDFControls";
 import { PDFProvider } from "./state";
 
-pdfjs.GlobalWorkerOptions.workerSrc = new URL(
-  "pdfjs-dist/build/pdf.worker.min.js",
-  import.meta.url
-).toString();
+pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.js`;
 
 const PDFRenderer: DocRenderer = ({ mainState }) => {
   return (
diff --git a/src/renderers/pdf/state/reducer.ts b/src/renderers/pdf/state/reducer.ts
@@ -32,12 +32,12 @@ export const initialPDFState: IPDFState = {
 
 export type PDFStateReducer = (
   state: IPDFState,
-  action: PDFStateActions
+  action: PDFStateActions,
 ) => IPDFState;
 
 export const reducer: PDFStateReducer = (
   state = initialPDFState,
-  action: PDFStateActions
+  action: PDFStateActions,
 ): IPDFState => {
   switch (action.type) {
     case SET_ZOOM_LEVEL: {
diff --git a/src/renderers/png/index.tsx b/src/renderers/png/index.tsx
@@ -15,7 +15,11 @@ const StyledImageRenderer = styled(ImageProxyRenderer)`
     linear-gradient(45deg, transparent 75%, #e0e0e0 75%),
     linear-gradient(-45deg, transparent 75%, #e0e0e0 75%);
   background-size: 20px 20px;
-  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
+  background-position:
+    0 0,
+    0 10px,
+    10px -10px,
+    -10px 0px;
 `;
 
 const PNGRenderer: DocRenderer = (props) => <StyledImageRenderer {...props} />;
diff --git a/src/renderers/tiff/tiffToCanvas.ts b/src/renderers/tiff/tiffToCanvas.ts
diff --git a/src/setupTests.ts b/src/setupTests.ts
diff --git a/src/store/DocViewerProvider.tsx b/src/store/DocViewerProvider.tsx
diff --git a/src/store/actions.ts b/src/store/actions.ts
diff --git a/src/store/mainStateReducer.ts b/src/store/mainStateReducer.ts
diff --git a/src/utils/fileLoaders.ts b/src/utils/fileLoaders.ts
diff --git a/src/utils/getFileName.ts b/src/utils/getFileName.ts
diff --git a/tsconfig.json b/tsconfig.json

-Original file line number
+Diff line change
       date: /Date$/,
     },
   },
 -}
 +};