asma-doc-viewer 0.1.2 → 1.0.3

package/build/state/actions.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setMainConfig = exports.SET_MAIN_CONFIG = exports.setRendererRect = exports.SET_RENDERER_RECT = exports.updateCurrentDocument = exports.UPDATE_CURRENT_DOCUMENT = exports.previousDocument = exports.PREVIOUS_DOCUMENT = exports.nextDocument = exports.NEXT_DOCUMENT = exports.setDocumentLoading = exports.SET_DOCUMENT_LOADING = exports.setAllDocuments = exports.SET_ALL_DOCUMENTS = void 0;
-// SET_DOCUMENTS
-exports.SET_ALL_DOCUMENTS = "SET_ALL_DOCUMENTS";
-var setAllDocuments = function (documents) { return ({
-    type: exports.SET_ALL_DOCUMENTS,
-    documents: documents,
-}); };
-exports.setAllDocuments = setAllDocuments;
-// SET_DOCUMENT_LOADING
-exports.SET_DOCUMENT_LOADING = "SET_DOCUMENT_LOADING";
-var setDocumentLoading = function (value) { return ({
-    type: exports.SET_DOCUMENT_LOADING,
-    value: value,
-}); };
-exports.setDocumentLoading = setDocumentLoading;
-// NEXT_DOCUMENT
-exports.NEXT_DOCUMENT = "NEXT_DOCUMENT";
-var nextDocument = function () { return ({ type: exports.NEXT_DOCUMENT }); };
-exports.nextDocument = nextDocument;
-// PREVIOUS_DOCUMENT
-exports.PREVIOUS_DOCUMENT = "PREVIOUS_DOCUMENT";
-var previousDocument = function () { return ({
-    type: exports.PREVIOUS_DOCUMENT,
-}); };
-exports.previousDocument = previousDocument;
-// UPDATE_CURRENT_DOCUMENT
-exports.UPDATE_CURRENT_DOCUMENT = "UPDATE_CURRENT_DOCUMENT";
-var updateCurrentDocument = function (document) { return ({ type: exports.UPDATE_CURRENT_DOCUMENT, document: document }); };
-exports.updateCurrentDocument = updateCurrentDocument;
-// SET_RENDERER_RECT
-exports.SET_RENDERER_RECT = "SET_RENDERER_RECT";
-var setRendererRect = function (rect) { return ({
-    type: exports.SET_RENDERER_RECT,
-    rect: rect,
-}); };
-exports.setRendererRect = setRendererRect;
-// SET_MAIN_CONFIG
-exports.SET_MAIN_CONFIG = "SET_MAIN_CONFIG";
-var setMainConfig = function (config) { return ({
-    type: exports.SET_MAIN_CONFIG,
-    config: config,
-}); };
-exports.setMainConfig = setMainConfig;

package/build/state/index.d.ts

@@ -1,10 +0,0 @@
-import React, { Dispatch, FC } from "react";
-import { DocViewerProps } from "..";
-import { MainStateActions } from "./actions";
-import { IMainState } from "./reducer";
-declare const DocViewerContext: React.Context<{
-    state: IMainState;
-    dispatch: Dispatch<MainStateActions>;
-}>;
-declare const AppProvider: FC<DocViewerProps>;
-export { DocViewerContext, AppProvider };

package/build/state/index.js

@@ -1,51 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppProvider = exports.DocViewerContext = void 0;
-var react_1 = __importStar(require("react"));
-var actions_1 = require("./actions");
-var reducer_1 = require("./reducer");
-var DocViewerContext = react_1.createContext({ state: reducer_1.initialState, dispatch: function () { return null; } });
-exports.DocViewerContext = DocViewerContext;
-var AppProvider = function (props) {
-    var children = props.children, documents = props.documents, config = props.config, pluginRenderers = props.pluginRenderers;
-    var _a = react_1.useReducer(reducer_1.mainStateReducer, __assign(__assign({}, reducer_1.initialState), { documents: documents || [], currentDocument: documents && documents.length ? documents[0] : undefined, config: config,
-        pluginRenderers: pluginRenderers })), state = _a[0], dispatch = _a[1];
-    // On inital load, and whenever they change,
-    // replace documents with the new props passed in
-    react_1.useEffect(function () {
-        dispatch(actions_1.setAllDocuments(documents));
-        config && dispatch(actions_1.setMainConfig(config));
-    }, [documents]);
-    return (react_1.default.createElement(DocViewerContext.Provider, { value: { state: state, dispatch: dispatch } }, children));
-};
-exports.AppProvider = AppProvider;

package/build/state/reducer.d.ts

@@ -1,14 +0,0 @@
-import { DocRenderer, IConfig, IDocument } from "../types";
-import { MainStateActions } from "./actions";
-export declare type IMainState = {
-    currentFileNo: number;
-    documents: IDocument[];
-    documentLoading?: boolean;
-    currentDocument?: IDocument;
-    rendererRect?: DOMRect;
-    config?: IConfig;
-    pluginRenderers?: DocRenderer[];
-};
-export declare const initialState: IMainState;
-export declare type MainStateReducer = (state: IMainState, action: MainStateActions) => IMainState;
-export declare const mainStateReducer: MainStateReducer;

package/build/state/reducer.js

@@ -1,64 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mainStateReducer = exports.initialState = void 0;
-var actions_1 = require("./actions");
-exports.initialState = {
-    currentFileNo: 0,
-    documents: [],
-    documentLoading: true,
-    currentDocument: undefined,
-    rendererRect: undefined,
-    config: {},
-    pluginRenderers: [],
-};
-var mainStateReducer = function (state, action) {
-    if (state === void 0) { state = exports.initialState; }
-    switch (action.type) {
-        case actions_1.SET_ALL_DOCUMENTS: {
-            var documents = action.documents;
-            return __assign(__assign({}, state), { documents: documents, currentDocument: documents[0] || null });
-        }
-        case actions_1.SET_DOCUMENT_LOADING: {
-            var value = action.value;
-            return __assign(__assign({}, state), { documentLoading: value });
-        }
-        case actions_1.NEXT_DOCUMENT: {
-            if (state.currentFileNo >= state.documents.length - 1)
-                return state;
-            var nextDocumentNo = state.currentFileNo + 1;
-            return __assign(__assign({}, state), { currentFileNo: nextDocumentNo, currentDocument: state.documents[nextDocumentNo], documentLoading: true });
-        }
-        case actions_1.PREVIOUS_DOCUMENT: {
-            if (state.currentFileNo <= 0)
-                return state;
-            var prevDocumentNo = state.currentFileNo - 1;
-            return __assign(__assign({}, state), { currentFileNo: state.currentFileNo - 1, currentDocument: state.documents[prevDocumentNo], documentLoading: true });
-        }
-        case actions_1.UPDATE_CURRENT_DOCUMENT: {
-            var document_1 = action.document;
-            return __assign(__assign({}, state), { currentDocument: document_1 });
-        }
-        case actions_1.SET_RENDERER_RECT: {
-            var rect = action.rect;
-            return __assign(__assign({}, state), { rendererRect: rect });
-        }
-        case actions_1.SET_MAIN_CONFIG: {
-            var config = action.config;
-            return __assign(__assign({}, state), { config: config });
-        }
-        default:
-            return state;
-    }
-};
-exports.mainStateReducer = mainStateReducer;

package/build/theme/index.d.ts

@@ -1,2 +0,0 @@
-import { ITheme } from "../types";
-export declare const defaultTheme: ITheme;

package/build/theme/index.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultTheme = void 0;
-exports.defaultTheme = {
-    primary: "#fff",
-    secondary: "#000",
-    tertiary: "#ffffff99",
-    text_primary: "#000",
-    text_secondary: "#fff",
-    text_tertiary: "#00000044",
-    disableThemeScrollbar: false,
-};

package/build/types/index.d.ts

@@ -1,39 +0,0 @@
-import { FC, ReactElement } from "react";
-import { ThemedStyledProps } from "styled-components";
-import { IMainState } from "../state/reducer";
-import { FileLoaderFunction } from "../utils/fileLoaders";
-export interface IConfig {
-    header?: IHeaderConfig;
-}
-export interface IHeaderConfig {
-    disableHeader?: boolean;
-    disableFileName?: boolean;
-    retainURLParams?: boolean;
-    overrideComponent?: IHeaderOverride;
-}
-export declare type IHeaderOverride = (state: IMainState, previousDocument: () => void, nextDocument: () => void) => ReactElement<any, any> | null;
-export interface ITheme {
-    primary?: string;
-    secondary?: string;
-    tertiary?: string;
-    text_primary?: string;
-    text_secondary?: string;
-    text_tertiary?: string;
-    disableThemeScrollbar?: boolean;
-}
-export interface IStyledProps extends ThemedStyledProps<any, any> {
-    theme: ITheme;
-}
-export interface IDocument {
-    uri: string;
-    fileType?: string;
-    fileData?: string | ArrayBuffer;
-}
-export interface DocRendererProps {
-    mainState: IMainState;
-}
-export interface DocRenderer extends FC<DocRendererProps> {
-    fileTypes: string[];
-    weight: number;
-    fileLoader?: FileLoaderFunction | null | undefined;
-}

package/build/types/index.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/build/utils/fileLoaders.d.ts

@@ -1,12 +0,0 @@
-export interface FileLoaderFuncProps {
-    documentURI: string;
-    signal: AbortSignal;
-    fileLoaderComplete: FileLoaderComplete;
-}
-export declare type FileLoaderComplete = (fileReader?: FileReader) => void;
-export declare type FileLoaderFunction = (props: FileLoaderFuncProps) => void;
-export declare const arrayBufferFileLoader: FileLoaderFunction;
-export declare const dataURLFileLoader: FileLoaderFunction;
-export declare const textFileLoader: FileLoaderFunction;
-export declare const binaryStringFileLoader: FileLoaderFunction;
-export declare const defaultFileLoader: FileLoaderFunction;

package/build/utils/fileLoaders.js

@@ -1,105 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultFileLoader = exports.binaryStringFileLoader = exports.textFileLoader = exports.dataURLFileLoader = exports.arrayBufferFileLoader = void 0;
-var _fileLoader = function (_a) {
-    var documentURI = _a.documentURI, signal = _a.signal, fileLoaderComplete = _a.fileLoaderComplete, readerTypeFunction = _a.readerTypeFunction;
-    return fetch(documentURI, { signal: signal })
-        .then(function (res) { return __awaiter(void 0, void 0, void 0, function () {
-        var blob, fileReader;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, res.blob()];
-                case 1:
-                    blob = _a.sent();
-                    fileReader = new FileReader();
-                    fileReader.addEventListener("loadend", function () {
-                        return fileLoaderComplete(fileReader);
-                    });
-                    switch (readerTypeFunction) {
-                        case "arrayBuffer":
-                            fileReader.readAsArrayBuffer(blob);
-                            break;
-                        case "binaryString":
-                            fileReader.readAsBinaryString(blob);
-                            break;
-                        case "dataURL":
-                            fileReader.readAsDataURL(blob);
-                            break;
-                        case "text":
-                            fileReader.readAsText(blob);
-                            break;
-                        default:
-                            break;
-                    }
-                    return [2 /*return*/];
-            }
-        });
-    }); })
-        .catch(function (e) {
-        return e;
-    });
-};
-var arrayBufferFileLoader = function (props) {
-    return _fileLoader(__assign(__assign({}, props), { readerTypeFunction: "arrayBuffer" }));
-};
-exports.arrayBufferFileLoader = arrayBufferFileLoader;
-var dataURLFileLoader = function (props) {
-    return _fileLoader(__assign(__assign({}, props), { readerTypeFunction: "dataURL" }));
-};
-exports.dataURLFileLoader = dataURLFileLoader;
-var textFileLoader = function (props) {
-    return _fileLoader(__assign(__assign({}, props), { readerTypeFunction: "text" }));
-};
-exports.textFileLoader = textFileLoader;
-var binaryStringFileLoader = function (props) {
-    return _fileLoader(__assign(__assign({}, props), { readerTypeFunction: "binaryString" }));
-};
-exports.binaryStringFileLoader = binaryStringFileLoader;
-exports.defaultFileLoader = exports.dataURLFileLoader;

package/build/utils/useDocumentLoader.d.ts

@@ -1,12 +0,0 @@
-import { Dispatch } from "react";
-import { MainStateActions } from "../state/actions";
-import { IMainState } from "../state/reducer";
-import { DocRenderer } from "../types";
-/**
- * Custom Hook for loading the current document into context
- */
-export declare const useDocumentLoader: () => {
-    state: IMainState;
-    dispatch: Dispatch<MainStateActions>;
-    CurrentRenderer: DocRenderer | null | undefined;
-};

package/build/utils/useDocumentLoader.js

@@ -1,82 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDocumentLoader = void 0;
-var react_1 = require("react");
-var state_1 = require("../state");
-var actions_1 = require("../state/actions");
-var fileLoaders_1 = require("./fileLoaders");
-var useRendererSelector_1 = require("./useRendererSelector");
-/**
- * Custom Hook for loading the current document into context
- */
-var useDocumentLoader = function () {
-    var _a = react_1.useContext(state_1.DocViewerContext), state = _a.state, dispatch = _a.dispatch;
-    var currentFileNo = state.currentFileNo, currentDocument = state.currentDocument;
-    var CurrentRenderer = useRendererSelector_1.useRendererSelector().CurrentRenderer;
-    var documentURI = (currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.uri) || "";
-    react_1.useEffect(function () {
-        if (!currentDocument)
-            return;
-        if (currentDocument.fileType !== undefined)
-            return;
-        var controller = new AbortController();
-        var signal = controller.signal;
-        fetch(documentURI, { method: "HEAD", signal: signal }).then(function (response) {
-            var contentTypeRaw = response.headers.get("content-type");
-            var contentTypes = (contentTypeRaw === null || contentTypeRaw === void 0 ? void 0 : contentTypeRaw.split(";")) || [];
-            var contentType = contentTypes.length ? contentTypes[0] : undefined;
-            dispatch(actions_1.updateCurrentDocument(__assign(__assign({}, currentDocument), { fileType: contentType || undefined })));
-        });
-        return function () {
-            controller.abort();
-        };
-    }, 
-    // eslint ignore added, because a warning appears for dispatch to
-    // be a dependancy of the useEffect
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [currentFileNo, documentURI]);
-    react_1.useEffect(function () {
-        var _a;
-        if (!currentDocument || CurrentRenderer === undefined)
-            return;
-        var controller = new AbortController();
-        var signal = controller.signal;
-        var fileLoaderComplete = function (fileReader) {
-            if (!currentDocument || !fileReader) {
-                dispatch(actions_1.setDocumentLoading(false));
-                return;
-            }
-            var updatedDocument = __assign({}, currentDocument);
-            if (fileReader.result !== null) {
-                updatedDocument.fileData = fileReader.result;
-            }
-            dispatch(actions_1.updateCurrentDocument(updatedDocument));
-            dispatch(actions_1.setDocumentLoading(false));
-        };
-        if (CurrentRenderer === null) {
-            dispatch(actions_1.setDocumentLoading(false));
-        }
-        else if (CurrentRenderer.fileLoader !== undefined) {
-            (_a = CurrentRenderer.fileLoader) === null || _a === void 0 ? void 0 : _a.call(CurrentRenderer, { documentURI: documentURI, signal: signal, fileLoaderComplete: fileLoaderComplete });
-        }
-        else {
-            fileLoaders_1.defaultFileLoader({ documentURI: documentURI, signal: signal, fileLoaderComplete: fileLoaderComplete });
-        }
-        return function () {
-            controller.abort();
-        };
-    }, [CurrentRenderer]);
-    return { state: state, dispatch: dispatch, CurrentRenderer: CurrentRenderer };
-};
-exports.useDocumentLoader = useDocumentLoader;

package/build/utils/useRendererSelector.d.ts

@@ -1,7 +0,0 @@
-import { DocRenderer } from "../types";
-/**
- * Custom Hook for loading the current document into context
- */
-export declare const useRendererSelector: () => {
-    CurrentRenderer: DocRenderer | null | undefined;
-};

package/build/utils/useRendererSelector.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRendererSelector = void 0;
-var react_1 = require("react");
-var state_1 = require("../state");
-/**
- * Custom Hook for loading the current document into context
- */
-var useRendererSelector = function () {
-    var _a = react_1.useContext(state_1.DocViewerContext).state, currentDocument = _a.currentDocument, pluginRenderers = _a.pluginRenderers;
-    var _b = react_1.useState(), CurrentRenderer = _b[0], setCurrentRenderer = _b[1];
-    react_1.useEffect(function () {
-        if (!currentDocument)
-            return;
-        // Do not advance if the document does not yet have a fileType
-        // This prevents prematurely showing 'no renderer' message
-        if (!currentDocument.fileType) {
-            setCurrentRenderer(undefined);
-            return;
-        }
-        var matchingRenderers = [];
-        pluginRenderers === null || pluginRenderers === void 0 ? void 0 : pluginRenderers.map(function (r) {
-            if (currentDocument.fileType === undefined)
-                return;
-            if (r.fileTypes.indexOf(currentDocument.fileType) >= 0) {
-                matchingRenderers.push(r);
-            }
-        });
-        // Compute prefered Renderer based on weight
-        var SelectedRenderer = matchingRenderers.sort(function (a, b) { return b.weight - a.weight; })[0];
-        if (SelectedRenderer && SelectedRenderer !== undefined) {
-            setCurrentRenderer(function () { return SelectedRenderer; });
-        }
-        else {
-            setCurrentRenderer(null);
-        }
-    }, [currentDocument]);
-    return { CurrentRenderer: CurrentRenderer };
-};
-exports.useRendererSelector = useRendererSelector;

package/build/utils/useWindowSize.d.ts

@@ -1,4 +0,0 @@
-export declare const useWindowSize: () => {
-    width: number | undefined;
-    height: number | undefined;
-};

package/build/utils/useWindowSize.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowSize = void 0;
-var react_1 = require("react");
-// Hook
-var useWindowSize = function () {
-    // Initialize state with undefined width/height so server and client renders match
-    // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
-    var _a = react_1.useState({
-        width: undefined,
-        height: undefined,
-    }), windowSize = _a[0], setWindowSize = _a[1];
-    react_1.useEffect(function () {
-        // Handler to call on window resize
-        function handleResize() {
-            // Set window width/height to state
-            setWindowSize({
-                width: window.innerWidth,
-                height: window.innerHeight,
-            });
-        }
-        // Add event listener
-        window.addEventListener("resize", handleResize);
-        // Call handler right away so state gets updated with initial window size
-        handleResize();
-        // setTimeout(() => {
-        //   handleResize();
-        // }, 500);
-        // Remove event listener on cleanup
-        return function () { return window.removeEventListener("resize", handleResize); };
-    }, []); // Empty array ensures that effect is only run on mount
-    return windowSize;
-};
-exports.useWindowSize = useWindowSize;