@jbrowse/plugin-authentication 2.18.0 → 3.0.1

package/dist/DropboxOAuthModel/DropboxIcon.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import type { SvgIconProps } from '@mui/material';
-export default function DropboxIcon(props: SvgIconProps): React.JSX.Element;
+export default function DropboxIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/DropboxOAuthModel/DropboxIcon.js

@@ -1,12 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = DropboxIcon;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 function DropboxIcon(props) {
-    return (react_1.default.createElement(material_1.SvgIcon, { ...props },
-        react_1.default.createElement("path", { d: "M3 6.2L8 9.39L13 6.2L8 3L3 6.2M13 6.2L18 9.39L23 6.2L18 3L13 6.2M3 12.55L8 15.74L13 12.55L8 9.35L3 12.55M18 9.35L13 12.55L18 15.74L23 12.55L18 9.35M8.03 16.8L13.04 20L18.04 16.8L13.04 13.61L8.03 16.8Z" })));
+    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M3 6.2L8 9.39L13 6.2L8 3L3 6.2M13 6.2L18 9.39L23 6.2L18 3L13 6.2M3 12.55L8 15.74L13 12.55L8 9.35L3 12.55M18 9.35L13 12.55L18 15.74L23 12.55L18 9.35M8.03 16.8L13.04 20L18.04 16.8L13.04 13.61L8.03 16.8Z" }) }));
 }

package/dist/DropboxOAuthModel/model.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { DropboxOAuthInternetAccountConfigModel } from './configSchema';
 import type { UriLocation } from '@jbrowse/core/util/types';
 import type { Instance } from 'mobx-state-tree';
@@ -251,7 +250,7 @@ declare const stateModelFactory: (configSchema: DropboxOAuthInternetAccountConfi
     readonly clientId: string;
     readonly scopes: string;
     state(): string | undefined;
-    readonly responseType: "code" | "token";
+    readonly responseType: "token" | "code";
     readonly refreshTokenKey: string;
 } & {
     storeRefreshToken(refreshToken: string): void;
@@ -269,7 +268,7 @@ declare const stateModelFactory: (configSchema: DropboxOAuthInternetAccountConfi
 } & {
     getFetcher(loc?: UriLocation): (input: RequestInfo, init?: RequestInit) => Promise<Response>;
 } & {
-    readonly toggleContents: React.JSX.Element;
+    readonly toggleContents: import("react/jsx-runtime").JSX.Element;
     readonly selectorLabel: string;
 } & {
     getFetcher(location?: UriLocation): (input: RequestInfo, init?: RequestInit) => Promise<Response>;

package/dist/DropboxOAuthModel/model.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const configuration_1 = require("@jbrowse/core/configuration");
 const mobx_state_tree_1 = require("mobx-state-tree");
 const OAuthModel_1 = require("../OAuthModel");
@@ -19,7 +19,7 @@ const stateModelFactory = (configSchema) => {
     })
         .views(() => ({
         get toggleContents() {
-            return react_1.default.createElement(DropboxIcon_1.default, null);
+            return (0, jsx_runtime_1.jsx)(DropboxIcon_1.default, {});
         },
         get selectorLabel() {
             return 'Enter Dropbox share link';

package/dist/ExternalTokenModel/ExternalTokenEntryForm.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 export declare const ExternalTokenEntryForm: ({ internetAccountId, handleClose, }: {
     internetAccountId: string;
     handleClose: (token?: string) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/ExternalTokenModel/ExternalTokenEntryForm.js

@@ -1,51 +1,24 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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.ExternalTokenEntryForm = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const material_1 = require("@mui/material");
 const ExternalTokenEntryForm = ({ internetAccountId, handleClose, }) => {
     const [token, setToken] = (0, react_1.useState)('');
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, maxWidth: "xl", "data-testid": "externalToken-form", onClose: () => {
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, maxWidth: "xl", "data-testid": "externalToken-form", onClose: () => {
             handleClose();
-        }, title: `Enter token for ${internetAccountId}` },
-        react_1.default.createElement(material_1.DialogContent, { style: { display: 'flex', flexDirection: 'column' } },
-            react_1.default.createElement(material_1.TextField, { required: true, label: "Enter Token", variant: "outlined", onChange: event => {
-                    setToken(event.target.value);
-                }, margin: "dense", slotProps: {
-                    htmlInput: { 'data-testid': 'entry-externalToken' },
-                } })),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", disabled: !token, onClick: () => {
-                    if (token) {
-                        handleClose(token);
-                    }
-                } }, "Add"),
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                    handleClose();
-                } }, "Cancel"))));
+        }, title: `Enter token for ${internetAccountId}`, children: [(0, jsx_runtime_1.jsx)(material_1.DialogContent, { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { required: true, label: "Enter Token", variant: "outlined", onChange: event => {
+                        setToken(event.target.value);
+                    }, margin: "dense", slotProps: {
+                        htmlInput: { 'data-testid': 'entry-externalToken' },
+                    } }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", type: "submit", disabled: !token, onClick: () => {
+                            if (token) {
+                                handleClose(token);
+                            }
+                        }, children: "Add" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
+                            handleClose();
+                        }, children: "Cancel" })] })] }));
 };
 exports.ExternalTokenEntryForm = ExternalTokenEntryForm;

package/dist/GoogleDriveOAuthModel/GoogleDriveFilehandle.d.ts

@@ -1,15 +1,15 @@
 import { RemoteFileWithRangeCache } from '@jbrowse/core/util/io';
-import type { FilehandleOptions, PolyfilledResponse, Stats } from 'generic-filehandle';
+import type { FilehandleOptions, Stats } from 'generic-filehandle2';
 export interface RequestInitWithMetadata extends RequestInit {
     metadataOnly?: boolean;
 }
 interface GoogleDriveFilehandleOptions extends FilehandleOptions {
-    fetch(input: RequestInfo, opts?: RequestInitWithMetadata): Promise<PolyfilledResponse>;
+    fetch(input: RequestInfo, opts?: RequestInitWithMetadata): Promise<Response>;
 }
 export declare class GoogleDriveFile extends RemoteFileWithRangeCache {
     private statsPromise;
     constructor(source: string, opts: GoogleDriveFilehandleOptions);
-    fetch(input: RequestInfo, opts?: RequestInitWithMetadata): Promise<PolyfilledResponse>;
+    fetch(input: RequestInfo, opts?: RequestInitWithMetadata): Promise<Response>;
     stat(): Promise<Stats>;
 }
 export {};

package/dist/GoogleDriveOAuthModel/GoogleDriveFilehandle.js

@@ -7,7 +7,7 @@ class GoogleDriveFile extends io_1.RemoteFileWithRangeCache {
         super(source, opts);
         this.statsPromise = this.fetch(source, {
             metadataOnly: true,
-        }).then((response) => response.json());
+        }).then(response => response.json());
     }
     async fetch(input, opts) {
         return super.fetch(input, opts);

package/dist/GoogleDriveOAuthModel/GoogleDriveIcon.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import type { SvgIconProps } from '@mui/material';
-export default function GoogleDriveIcon(props: SvgIconProps): React.JSX.Element;
+export default function GoogleDriveIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/GoogleDriveOAuthModel/GoogleDriveIcon.js

@@ -1,12 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = GoogleDriveIcon;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 function GoogleDriveIcon(props) {
-    return (react_1.default.createElement(material_1.SvgIcon, { ...props },
-        react_1.default.createElement("path", { d: "M7.71,3.5L1.15,15L4.58,21L11.13,9.5M9.73,15L6.3,21H19.42L22.85,15M22.28,14L15.42,2H8.58L8.57,2L15.43,14H22.28Z" })));
+    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M7.71,3.5L1.15,15L4.58,21L11.13,9.5M9.73,15L6.3,21H19.42L22.85,15M22.28,14L15.42,2H8.58L8.57,2L15.43,14H22.28Z" }) }));
 }

package/dist/GoogleDriveOAuthModel/model.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { GoogleDriveFile } from './GoogleDriveFilehandle';
 import type { GoogleDriveOAuthInternetAccountConfigModel } from './configSchema';
 import type { UriLocation } from '@jbrowse/core/util/types';
@@ -255,7 +254,7 @@ export default function stateModelFactory(configSchema: GoogleDriveOAuthInternet
     readonly clientId: string;
     readonly scopes: string;
     state(): string | undefined;
-    readonly responseType: "code" | "token";
+    readonly responseType: "token" | "code";
     readonly refreshTokenKey: string;
 } & {
     storeRefreshToken(refreshToken: string): void;
@@ -273,7 +272,7 @@ export default function stateModelFactory(configSchema: GoogleDriveOAuthInternet
 } & {
     getFetcher(loc?: UriLocation): (input: RequestInfo, init?: RequestInit) => Promise<Response>;
 } & {
-    readonly toggleContents: React.JSX.Element;
+    readonly toggleContents: import("react/jsx-runtime").JSX.Element;
     readonly selectorLabel: string;
 } & {
     getFetcher(location?: UriLocation): (input: RequestInfo, init?: RequestInitWithMetadata) => Promise<Response>;

package/dist/GoogleDriveOAuthModel/model.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = stateModelFactory;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const configuration_1 = require("@jbrowse/core/configuration");
 const mobx_state_tree_1 = require("mobx-state-tree");
 const OAuthModel_1 = require("../OAuthModel");
@@ -25,7 +25,7 @@ function stateModelFactory(configSchema) {
     })
         .views(() => ({
         get toggleContents() {
-            return react_1.default.createElement(GoogleDriveIcon_1.default, null);
+            return (0, jsx_runtime_1.jsx)(GoogleDriveIcon_1.default, {});
         },
         get selectorLabel() {
             return 'Enter Google Drive share link';

package/dist/HTTPBasicModel/HTTPBasicLoginForm.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 export declare function HTTPBasicLoginForm({ internetAccountId, handleClose, }: {
     internetAccountId: string;
     handleClose: (arg?: string) => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/HTTPBasicModel/HTTPBasicLoginForm.js

@@ -1,39 +1,16 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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.HTTPBasicLoginForm = HTTPBasicLoginForm;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const material_1 = require("@mui/material");
 function HTTPBasicLoginForm({ internetAccountId, handleClose, }) {
     const [username, setUsername] = (0, react_1.useState)('');
     const [password, setPassword] = (0, react_1.useState)('');
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, maxWidth: "xl", "data-testid": "login-httpbasic", title: `Log in for ${internetAccountId}`, onClose: () => {
+    return ((0, jsx_runtime_1.jsx)(ui_1.Dialog, { open: true, maxWidth: "xl", "data-testid": "login-httpbasic", title: `Log in for ${internetAccountId}`, onClose: () => {
             handleClose();
-        } },
-        react_1.default.createElement("form", { onSubmit: event => {
+        }, children: (0, jsx_runtime_1.jsxs)("form", { onSubmit: event => {
                 if (username && password) {
                     handleClose(btoa(`${username}:${password}`));
                 }
@@ -41,21 +18,15 @@ function HTTPBasicLoginForm({ internetAccountId, handleClose, }) {
                     handleClose();
                 }
                 event.preventDefault();
-            } },
-            react_1.default.createElement(material_1.DialogContent, { style: { display: 'flex', flexDirection: 'column' } },
-                react_1.default.createElement(material_1.TextField, { required: true, label: "Username", variant: "outlined", onChange: event => {
-                        setUsername(event.target.value);
-                    }, margin: "dense", slotProps: {
-                        htmlInput: { 'data-testid': 'login-httpbasic-username' },
-                    } }),
-                react_1.default.createElement(material_1.TextField, { required: true, label: "Password", type: "password", autoComplete: "current-password", variant: "outlined", onChange: event => {
-                        setPassword(event.target.value);
-                    }, margin: "dense", slotProps: {
-                        htmlInput: { 'data-testid': 'login-httpbasic-password' },
-                    } })),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit" }, "Submit"),
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", type: "submit", onClick: () => {
-                        handleClose();
-                    } }, "Cancel")))));
+            }, children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { required: true, label: "Username", variant: "outlined", onChange: event => {
+                                setUsername(event.target.value);
+                            }, margin: "dense", slotProps: {
+                                htmlInput: { 'data-testid': 'login-httpbasic-username' },
+                            } }), (0, jsx_runtime_1.jsx)(material_1.TextField, { required: true, label: "Password", type: "password", autoComplete: "current-password", variant: "outlined", onChange: event => {
+                                setPassword(event.target.value);
+                            }, margin: "dense", slotProps: {
+                                htmlInput: { 'data-testid': 'login-httpbasic-password' },
+                            } })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", type: "submit", children: "Submit" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", type: "submit", onClick: () => {
+                                handleClose();
+                            }, children: "Cancel" })] })] }) }));
 }

package/dist/OAuthModel/model.d.ts

@@ -159,7 +159,7 @@ declare const stateModelFactory: (configSchema: OAuthInternetAccountConfigModel)
     readonly clientId: string;
     readonly scopes: string;
     state(): string | undefined;
-    readonly responseType: "code" | "token";
+    readonly responseType: "token" | "code";
     readonly refreshTokenKey: string;
 } & {
     storeRefreshToken(refreshToken: string): void;

package/dist/OAuthModel/model.js

@@ -1,12 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const buffer_1 = require("buffer");
 const configuration_1 = require("@jbrowse/core/configuration");
 const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
 const util_1 = require("@jbrowse/core/util");
 const mobx_state_tree_1 = require("mobx-state-tree");
 const util_2 = require("./util");
 const util_3 = require("../util");
+function encode(uint8array) {
+    const output = [];
+    for (let i = 0, length = uint8array.length; i < length; i++) {
+        output.push(String.fromCharCode(uint8array[i]));
+    }
+    return btoa(output.join(''));
+}
 const stateModelFactory = (configSchema) => {
     return models_1.InternetAccount.named('OAuthInternetAccount')
         .props({
@@ -17,12 +23,11 @@ const stateModelFactory = (configSchema) => {
         let codeVerifier = undefined;
         return {
             get codeVerifierPKCE() {
-                if (codeVerifier) {
-                    return codeVerifier;
+                if (!codeVerifier) {
+                    const array = new Uint8Array(32);
+                    globalThis.crypto.getRandomValues(array);
+                    codeVerifier = (0, util_2.fixup)(encode(array));
                 }
-                const array = new Uint8Array(32);
-                globalThis.crypto.getRandomValues(array);
-                codeVerifier = (0, util_2.fixup)(buffer_1.Buffer.from(array).toString('base64'));
                 return codeVerifier;
             },
         };

package/dist/OAuthModel/util.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fixup = fixup;
 exports.generateChallenge = generateChallenge;

package/dist/index.d.ts

@@ -230,7 +230,7 @@ export default class AuthenticationPlugin extends Plugin {
             readonly clientId: string;
             readonly scopes: string;
             state(): string | undefined;
-            readonly responseType: "code" | "token";
+            readonly responseType: "token" | "code";
             readonly refreshTokenKey: string;
         } & {
             storeRefreshToken(refreshToken: string): void;
@@ -902,7 +902,7 @@ export default class AuthenticationPlugin extends Plugin {
             readonly clientId: string;
             readonly scopes: string;
             state(): string | undefined;
-            readonly responseType: "code" | "token";
+            readonly responseType: "token" | "code";
             readonly refreshTokenKey: string;
         } & {
             storeRefreshToken(refreshToken: string): void;
@@ -920,7 +920,7 @@ export default class AuthenticationPlugin extends Plugin {
         } & {
             getFetcher(loc?: import("@jbrowse/core/util").UriLocation): (input: RequestInfo, init?: RequestInit) => Promise<Response>;
         } & {
-            readonly toggleContents: import("react").JSX.Element;
+            readonly toggleContents: import("react/jsx-runtime").JSX.Element;
             readonly selectorLabel: string;
         } & {
             getFetcher(location?: import("@jbrowse/core/util").UriLocation): (input: RequestInfo, init?: RequestInit) => Promise<Response>;

package/esm/DropboxOAuthModel/DropboxIcon.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import type { SvgIconProps } from '@mui/material';
-export default function DropboxIcon(props: SvgIconProps): React.JSX.Element;
+export default function DropboxIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/esm/DropboxOAuthModel/DropboxIcon.js

@@ -1,6 +1,5 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from '@mui/material';
 export default function DropboxIcon(props) {
-    return (React.createElement(SvgIcon, { ...props },
-        React.createElement("path", { d: "M3 6.2L8 9.39L13 6.2L8 3L3 6.2M13 6.2L18 9.39L23 6.2L18 3L13 6.2M3 12.55L8 15.74L13 12.55L8 9.35L3 12.55M18 9.35L13 12.55L18 15.74L23 12.55L18 9.35M8.03 16.8L13.04 20L18.04 16.8L13.04 13.61L8.03 16.8Z" })));
+    return (_jsx(SvgIcon, { ...props, children: _jsx("path", { d: "M3 6.2L8 9.39L13 6.2L8 3L3 6.2M13 6.2L18 9.39L23 6.2L18 3L13 6.2M3 12.55L8 15.74L13 12.55L8 9.35L3 12.55M18 9.35L13 12.55L18 15.74L23 12.55L18 9.35M8.03 16.8L13.04 20L18.04 16.8L13.04 13.61L8.03 16.8Z" }) }));
 }

package/esm/DropboxOAuthModel/model.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { DropboxOAuthInternetAccountConfigModel } from './configSchema';
 import type { UriLocation } from '@jbrowse/core/util/types';
 import type { Instance } from 'mobx-state-tree';
@@ -251,7 +250,7 @@ declare const stateModelFactory: (configSchema: DropboxOAuthInternetAccountConfi
     readonly clientId: string;
     readonly scopes: string;
     state(): string | undefined;
-    readonly responseType: "code" | "token";
+    readonly responseType: "token" | "code";
     readonly refreshTokenKey: string;
 } & {
     storeRefreshToken(refreshToken: string): void;
@@ -269,7 +268,7 @@ declare const stateModelFactory: (configSchema: DropboxOAuthInternetAccountConfi
 } & {
     getFetcher(loc?: UriLocation): (input: RequestInfo, init?: RequestInit) => Promise<Response>;
 } & {
-    readonly toggleContents: React.JSX.Element;
+    readonly toggleContents: import("react/jsx-runtime").JSX.Element;
     readonly selectorLabel: string;
 } & {
     getFetcher(location?: UriLocation): (input: RequestInfo, init?: RequestInit) => Promise<Response>;

package/esm/DropboxOAuthModel/model.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ConfigurationReference } from '@jbrowse/core/configuration';
 import { types } from 'mobx-state-tree';
 import { configSchema as OAuthConfigSchema } from '../OAuthModel';
@@ -14,7 +14,7 @@ const stateModelFactory = (configSchema) => {
     })
         .views(() => ({
         get toggleContents() {
-            return React.createElement(DropboxIcon, null);
+            return _jsx(DropboxIcon, {});
         },
         get selectorLabel() {
             return 'Enter Dropbox share link';

package/esm/ExternalTokenModel/ExternalTokenEntryForm.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 export declare const ExternalTokenEntryForm: ({ internetAccountId, handleClose, }: {
     internetAccountId: string;
     handleClose: (token?: string) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/esm/ExternalTokenModel/ExternalTokenEntryForm.js

@@ -1,24 +1,20 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Dialog } from '@jbrowse/core/ui';
 import { Button, DialogActions, DialogContent, TextField } from '@mui/material';
 export const ExternalTokenEntryForm = ({ internetAccountId, handleClose, }) => {
     const [token, setToken] = useState('');
-    return (React.createElement(Dialog, { open: true, maxWidth: "xl", "data-testid": "externalToken-form", onClose: () => {
+    return (_jsxs(Dialog, { open: true, maxWidth: "xl", "data-testid": "externalToken-form", onClose: () => {
             handleClose();
-        }, title: `Enter token for ${internetAccountId}` },
-        React.createElement(DialogContent, { style: { display: 'flex', flexDirection: 'column' } },
-            React.createElement(TextField, { required: true, label: "Enter Token", variant: "outlined", onChange: event => {
-                    setToken(event.target.value);
-                }, margin: "dense", slotProps: {
-                    htmlInput: { 'data-testid': 'entry-externalToken' },
-                } })),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { variant: "contained", color: "primary", type: "submit", disabled: !token, onClick: () => {
-                    if (token) {
-                        handleClose(token);
-                    }
-                } }, "Add"),
-            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => {
-                    handleClose();
-                } }, "Cancel"))));
+        }, title: `Enter token for ${internetAccountId}`, children: [_jsx(DialogContent, { style: { display: 'flex', flexDirection: 'column' }, children: _jsx(TextField, { required: true, label: "Enter Token", variant: "outlined", onChange: event => {
+                        setToken(event.target.value);
+                    }, margin: "dense", slotProps: {
+                        htmlInput: { 'data-testid': 'entry-externalToken' },
+                    } }) }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "contained", color: "primary", type: "submit", disabled: !token, onClick: () => {
+                            if (token) {
+                                handleClose(token);
+                            }
+                        }, children: "Add" }), _jsx(Button, { variant: "contained", color: "secondary", onClick: () => {
+                            handleClose();
+                        }, children: "Cancel" })] })] }));
 };

package/esm/GoogleDriveOAuthModel/GoogleDriveFilehandle.d.ts

@@ -1,15 +1,15 @@
 import { RemoteFileWithRangeCache } from '@jbrowse/core/util/io';
-import type { FilehandleOptions, PolyfilledResponse, Stats } from 'generic-filehandle';
+import type { FilehandleOptions, Stats } from 'generic-filehandle2';
 export interface RequestInitWithMetadata extends RequestInit {
     metadataOnly?: boolean;
 }
 interface GoogleDriveFilehandleOptions extends FilehandleOptions {
-    fetch(input: RequestInfo, opts?: RequestInitWithMetadata): Promise<PolyfilledResponse>;
+    fetch(input: RequestInfo, opts?: RequestInitWithMetadata): Promise<Response>;
 }
 export declare class GoogleDriveFile extends RemoteFileWithRangeCache {
     private statsPromise;
     constructor(source: string, opts: GoogleDriveFilehandleOptions);
-    fetch(input: RequestInfo, opts?: RequestInitWithMetadata): Promise<PolyfilledResponse>;
+    fetch(input: RequestInfo, opts?: RequestInitWithMetadata): Promise<Response>;
     stat(): Promise<Stats>;
 }
 export {};

package/esm/GoogleDriveOAuthModel/GoogleDriveFilehandle.js

@@ -4,7 +4,7 @@ export class GoogleDriveFile extends RemoteFileWithRangeCache {
         super(source, opts);
         this.statsPromise = this.fetch(source, {
             metadataOnly: true,
-        }).then((response) => response.json());
+        }).then(response => response.json());
     }
     async fetch(input, opts) {
         return super.fetch(input, opts);

package/esm/GoogleDriveOAuthModel/GoogleDriveIcon.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import type { SvgIconProps } from '@mui/material';
-export default function GoogleDriveIcon(props: SvgIconProps): React.JSX.Element;
+export default function GoogleDriveIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/esm/GoogleDriveOAuthModel/GoogleDriveIcon.js

@@ -1,6 +1,5 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from '@mui/material';
 export default function GoogleDriveIcon(props) {
-    return (React.createElement(SvgIcon, { ...props },
-        React.createElement("path", { d: "M7.71,3.5L1.15,15L4.58,21L11.13,9.5M9.73,15L6.3,21H19.42L22.85,15M22.28,14L15.42,2H8.58L8.57,2L15.43,14H22.28Z" })));
+    return (_jsx(SvgIcon, { ...props, children: _jsx("path", { d: "M7.71,3.5L1.15,15L4.58,21L11.13,9.5M9.73,15L6.3,21H19.42L22.85,15M22.28,14L15.42,2H8.58L8.57,2L15.43,14H22.28Z" }) }));
 }

package/esm/GoogleDriveOAuthModel/model.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { GoogleDriveFile } from './GoogleDriveFilehandle';
 import type { GoogleDriveOAuthInternetAccountConfigModel } from './configSchema';
 import type { UriLocation } from '@jbrowse/core/util/types';
@@ -255,7 +254,7 @@ export default function stateModelFactory(configSchema: GoogleDriveOAuthInternet
     readonly clientId: string;
     readonly scopes: string;
     state(): string | undefined;
-    readonly responseType: "code" | "token";
+    readonly responseType: "token" | "code";
     readonly refreshTokenKey: string;
 } & {
     storeRefreshToken(refreshToken: string): void;
@@ -273,7 +272,7 @@ export default function stateModelFactory(configSchema: GoogleDriveOAuthInternet
 } & {
     getFetcher(loc?: UriLocation): (input: RequestInfo, init?: RequestInit) => Promise<Response>;
 } & {
-    readonly toggleContents: React.JSX.Element;
+    readonly toggleContents: import("react/jsx-runtime").JSX.Element;
     readonly selectorLabel: string;
 } & {
     getFetcher(location?: UriLocation): (input: RequestInfo, init?: RequestInitWithMetadata) => Promise<Response>;

package/esm/GoogleDriveOAuthModel/model.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ConfigurationReference } from '@jbrowse/core/configuration';
 import { types } from 'mobx-state-tree';
 import { configSchema as OAuthConfigSchema } from '../OAuthModel';
@@ -19,7 +19,7 @@ export default function stateModelFactory(configSchema) {
     })
         .views(() => ({
         get toggleContents() {
-            return React.createElement(GoogleDriveIcon, null);
+            return _jsx(GoogleDriveIcon, {});
         },
         get selectorLabel() {
             return 'Enter Google Drive share link';

package/esm/HTTPBasicModel/HTTPBasicLoginForm.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 export declare function HTTPBasicLoginForm({ internetAccountId, handleClose, }: {
     internetAccountId: string;
     handleClose: (arg?: string) => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/esm/HTTPBasicModel/HTTPBasicLoginForm.js

@@ -1,13 +1,13 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Dialog } from '@jbrowse/core/ui';
 import { Button, DialogActions, DialogContent, TextField } from '@mui/material';
 export function HTTPBasicLoginForm({ internetAccountId, handleClose, }) {
     const [username, setUsername] = useState('');
     const [password, setPassword] = useState('');
-    return (React.createElement(Dialog, { open: true, maxWidth: "xl", "data-testid": "login-httpbasic", title: `Log in for ${internetAccountId}`, onClose: () => {
+    return (_jsx(Dialog, { open: true, maxWidth: "xl", "data-testid": "login-httpbasic", title: `Log in for ${internetAccountId}`, onClose: () => {
             handleClose();
-        } },
-        React.createElement("form", { onSubmit: event => {
+        }, children: _jsxs("form", { onSubmit: event => {
                 if (username && password) {
                     handleClose(btoa(`${username}:${password}`));
                 }
@@ -15,21 +15,15 @@ export function HTTPBasicLoginForm({ internetAccountId, handleClose, }) {
                     handleClose();
                 }
                 event.preventDefault();
-            } },
-            React.createElement(DialogContent, { style: { display: 'flex', flexDirection: 'column' } },
-                React.createElement(TextField, { required: true, label: "Username", variant: "outlined", onChange: event => {
-                        setUsername(event.target.value);
-                    }, margin: "dense", slotProps: {
-                        htmlInput: { 'data-testid': 'login-httpbasic-username' },
-                    } }),
-                React.createElement(TextField, { required: true, label: "Password", type: "password", autoComplete: "current-password", variant: "outlined", onChange: event => {
-                        setPassword(event.target.value);
-                    }, margin: "dense", slotProps: {
-                        htmlInput: { 'data-testid': 'login-httpbasic-password' },
-                    } })),
-            React.createElement(DialogActions, null,
-                React.createElement(Button, { variant: "contained", color: "primary", type: "submit" }, "Submit"),
-                React.createElement(Button, { variant: "contained", color: "secondary", type: "submit", onClick: () => {
-                        handleClose();
-                    } }, "Cancel")))));
+            }, children: [_jsxs(DialogContent, { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(TextField, { required: true, label: "Username", variant: "outlined", onChange: event => {
+                                setUsername(event.target.value);
+                            }, margin: "dense", slotProps: {
+                                htmlInput: { 'data-testid': 'login-httpbasic-username' },
+                            } }), _jsx(TextField, { required: true, label: "Password", type: "password", autoComplete: "current-password", variant: "outlined", onChange: event => {
+                                setPassword(event.target.value);
+                            }, margin: "dense", slotProps: {
+                                htmlInput: { 'data-testid': 'login-httpbasic-password' },
+                            } })] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "contained", color: "primary", type: "submit", children: "Submit" }), _jsx(Button, { variant: "contained", color: "secondary", type: "submit", onClick: () => {
+                                handleClose();
+                            }, children: "Cancel" })] })] }) }));
 }

package/esm/OAuthModel/model.d.ts

@@ -159,7 +159,7 @@ declare const stateModelFactory: (configSchema: OAuthInternetAccountConfigModel)
     readonly clientId: string;
     readonly scopes: string;
     state(): string | undefined;
-    readonly responseType: "code" | "token";
+    readonly responseType: "token" | "code";
     readonly refreshTokenKey: string;
 } & {
     storeRefreshToken(refreshToken: string): void;

package/esm/OAuthModel/model.js

@@ -1,10 +1,16 @@
-import { Buffer } from 'buffer';
 import { ConfigurationReference, getConf } from '@jbrowse/core/configuration';
 import { InternetAccount } from '@jbrowse/core/pluggableElementTypes/models';
 import { isElectron } from '@jbrowse/core/util';
 import { types } from 'mobx-state-tree';
 import { fixup, generateChallenge, processError, processTokenResponse, } from './util';
 import { getResponseError } from '../util';
+function encode(uint8array) {
+    const output = [];
+    for (let i = 0, length = uint8array.length; i < length; i++) {
+        output.push(String.fromCharCode(uint8array[i]));
+    }
+    return btoa(output.join(''));
+}
 const stateModelFactory = (configSchema) => {
     return InternetAccount.named('OAuthInternetAccount')
         .props({
@@ -15,12 +21,11 @@ const stateModelFactory = (configSchema) => {
         let codeVerifier = undefined;
         return {
             get codeVerifierPKCE() {
-                if (codeVerifier) {
-                    return codeVerifier;
+                if (!codeVerifier) {
+                    const array = new Uint8Array(32);
+                    globalThis.crypto.getRandomValues(array);
+                    codeVerifier = fixup(encode(array));
                 }
-                const array = new Uint8Array(32);
-                globalThis.crypto.getRandomValues(array);
-                codeVerifier = fixup(Buffer.from(array).toString('base64'));
                 return codeVerifier;
             },
         };

package/esm/index.d.ts

@@ -230,7 +230,7 @@ export default class AuthenticationPlugin extends Plugin {
             readonly clientId: string;
             readonly scopes: string;
             state(): string | undefined;
-            readonly responseType: "code" | "token";
+            readonly responseType: "token" | "code";
             readonly refreshTokenKey: string;
         } & {
             storeRefreshToken(refreshToken: string): void;
@@ -902,7 +902,7 @@ export default class AuthenticationPlugin extends Plugin {
             readonly clientId: string;
             readonly scopes: string;
             state(): string | undefined;
-            readonly responseType: "code" | "token";
+            readonly responseType: "token" | "code";
             readonly refreshTokenKey: string;
         } & {
             storeRefreshToken(refreshToken: string): void;
@@ -920,7 +920,7 @@ export default class AuthenticationPlugin extends Plugin {
         } & {
             getFetcher(loc?: import("@jbrowse/core/util").UriLocation): (input: RequestInfo, init?: RequestInit) => Promise<Response>;
         } & {
-            readonly toggleContents: import("react").JSX.Element;
+            readonly toggleContents: import("react/jsx-runtime").JSX.Element;
             readonly selectorLabel: string;
         } & {
             getFetcher(location?: import("@jbrowse/core/util").UriLocation): (input: RequestInfo, init?: RequestInit) => Promise<Response>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-authentication",
-  "version": "2.18.0",
+  "version": "3.0.1",
   "description": "JBrowse 2 Authentication",
   "keywords": [
     "jbrowse",
@@ -36,24 +36,24 @@
     "clean": "rimraf dist esm *.tsbuildinfo"
   },
   "dependencies": {
-    "crypto-js": "^4.2.0",
-    "generic-filehandle": "^3.0.0"
-  },
-  "peerDependencies": {
-    "@jbrowse/core": "^2.0.0",
+    "@jbrowse/core": "^3.0.1",
     "@mui/material": "^6.0.0",
+    "crypto-js": "^4.2.0",
+    "generic-filehandle2": "^1.0.0",
     "mobx": "^6.0.0",
     "mobx-react": "^9.0.0",
     "mobx-state-tree": "^5.0.0",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
     "rxjs": "^7.0.0"
   },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
   "publishConfig": {
     "access": "public"
   },
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "c344ea60099cb7e460b77f15808946b24a7eee74"
+  "gitHead": "aa2f1d1a89d2361c7fd1a93fe29506fa4554f5cc"
 }