@girder/core 5.0.0-beta.1 → 5.0.0

package/dist-lib/src/views/widgets/UserOtpManagementWidget.js

@@ -0,0 +1,105 @@
+import QRCode from 'qrcode';
+import OTPAuth from 'url-otpauth';
+
+import View from '@girder/core/views/View';
+
+import UserOtpBeginTemplate from '@girder/core/templates/widgets/userOtpBegin.pug';
+import UserOtpEnableTemplate from '@girder/core/templates/widgets/userOtpEnable.pug';
+import UserOtpDisableTemplate from '@girder/core/templates/widgets/userOtpDisable.pug';
+import '@girder/core/stylesheets/widgets/userOtpManagementWidget.styl';
+
+const UserOtpManagementWidget = View.extend({
+    events: {
+        'click #g-user-otp-initialize-enable': function () {
+            this.model.initializeEnableOtp()
+                .done((totpUri) => {
+                    this.totpUri = totpUri;
+                    this.render();
+                });
+        },
+        'click #g-user-otp-finalize-enable': function () {
+            const otpToken = this.$('#g-user-otp-token').val().trim();
+
+            if (otpToken.length !== 6) {
+                this.$('#g-account-otp-error').text('Enter a 6-digit token.');
+                return;
+            } else {
+                this.$('#g-account-otp-error').text('');
+            }
+
+            this.model.finializeEnableOtp(otpToken)
+                .done(() => {
+                    this.totpUri = undefined;
+                    this.render();
+                })
+                .fail((err) => {
+                    this.$('#g-account-otp-error').text(err.responseJSON.message);
+                });
+        },
+        'click #g-user-otp-cancel-enable': function () {
+            this.totpUri = undefined;
+            this.render();
+        },
+        'click #g-user-otp-disable': function () {
+            this.model.disableOtp()
+                .done(() => {
+                    this.render();
+                });
+        }
+    },
+
+    /**
+     * A widget for listing and editing API keys for a user.
+     *
+     * @param settings.user {UserModel} The user whose keys to show.
+     */
+    initialize: function (settings) {
+        this.model = settings.user;
+    },
+
+    render: function () {
+        if (!this.model.get('otp')) {
+            // OTP not set up
+            if (!this.totpUri) {
+                // Enablement has not started
+                this._renderBegin();
+            } else {
+                // Enablement is pending
+                this._renderConfirmation();
+            }
+        } else {
+            // OTP already enabled
+            this._renderDisable();
+        }
+
+        return this;
+    },
+
+    _renderBegin: function () {
+        this.$el.html(UserOtpBeginTemplate());
+    },
+
+    _renderConfirmation: function () {
+        // The OTP URI format is defined at https://github.com/google/google-authenticator/wiki/Key-Uri-Format
+        const totpInfo = OTPAuth.parse(this.totpUri);
+
+        this.$el.html(UserOtpEnableTemplate({
+            totpInfo: totpInfo
+        }));
+
+        // Render the OTP as a QR code
+        QRCode.toCanvas(
+            this.$('#g-user-otp-qr')[0],
+            this.totpUri,
+            {
+                errorCorrectionLevel: 'H'
+            }
+        );
+    },
+
+    _renderDisable: function () {
+        this.$el.html(UserOtpDisableTemplate());
+    }
+});
+
+export default UserOtpManagementWidget;

package/dist-lib/src/views/widgets/index.js

@@ -0,0 +1,81 @@
+import AccessWidget from './AccessWidget';
+import ApiKeyListWidget from './ApiKeyListWidget';
+import BrowserWidget from './BrowserWidget';
+import CheckedMenuWidget from './CheckedMenuWidget';
+import CollectionInfoWidget from './CollectionInfoWidget';
+import DateTimeRangeWidget from './DateTimeRangeWidget';
+import DateTimeWidget from './DateTimeWidget';
+import EditApiKeyWidget from './EditApiKeyWidget';
+import EditAssetstoreWidget from './EditAssetstoreWidget';
+import EditCollectionWidget from './EditCollectionWidget';
+import EditFileWidget from './EditFileWidget';
+import EditFolderWidget from './EditFolderWidget';
+import EditGroupWidget from './EditGroupWidget';
+import EditItemWidget from './EditItemWidget';
+import FileInfoWidget from './FileInfoWidget';
+import FileListWidget from './FileListWidget';
+import FolderInfoWidget from './FolderInfoWidget';
+import FolderListWidget from './FolderListWidget';
+import GroupAdminsWidget from './GroupAdminsWidget';
+import GroupInvitesWidget from './GroupInvitesWidget';
+import GroupMembersWidget from './GroupMembersWidget';
+import GroupModsWidget from './GroupModsWidget';
+import HierarchyWidget from './HierarchyWidget';
+import ItemBreadcrumbWidget from './ItemBreadcrumbWidget';
+import ItemListWidget from './ItemListWidget';
+import LoadingAnimation from './LoadingAnimation';
+import MarkdownWidget from './MarkdownWidget';
+import MetadataWidget from './MetadataWidget';
+import NewAssetstoreWidget from './NewAssetstoreWidget';
+import PaginateWidget from './PaginateWidget';
+import PluginConfigBreadcrumbWidget from './PluginConfigBreadcrumbWidget';
+import RootSelectorWidget from './RootSelectorWidget';
+import SearchFieldWidget from './SearchFieldWidget';
+import SearchPaginateWidget from './SearchPaginateWidget';
+import SortCollectionWidget from './SortCollectionWidget';
+import TaskProgressWidget from './TaskProgressWidget';
+import TimelineWidget from './TimelineWidget';
+import UploadWidget from './UploadWidget';
+import UserOtpManagementWidget from './UserOtpManagementWidget';
+
+export {
+    AccessWidget,
+    ApiKeyListWidget,
+    BrowserWidget,
+    CheckedMenuWidget,
+    CollectionInfoWidget,
+    DateTimeWidget,
+    DateTimeRangeWidget,
+    EditApiKeyWidget,
+    EditAssetstoreWidget,
+    EditCollectionWidget,
+    EditFileWidget,
+    EditFolderWidget,
+    EditGroupWidget,
+    EditItemWidget,
+    FileInfoWidget,
+    FileListWidget,
+    FolderInfoWidget,
+    FolderListWidget,
+    GroupAdminsWidget,
+    GroupInvitesWidget,
+    GroupMembersWidget,
+    GroupModsWidget,
+    HierarchyWidget,
+    ItemBreadcrumbWidget,
+    ItemListWidget,
+    LoadingAnimation,
+    MarkdownWidget,
+    MetadataWidget,
+    NewAssetstoreWidget,
+    PaginateWidget,
+    PluginConfigBreadcrumbWidget,
+    RootSelectorWidget,
+    SearchFieldWidget,
+    SearchPaginateWidget,
+    SortCollectionWidget,
+    TaskProgressWidget,
+    TimelineWidget,
+    UploadWidget,
+    UserOtpManagementWidget
+};

package/dist-lib/src/vite-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="vite/client" />
+
+declare module 'jquery';
+declare module 'underscore';
+declare module 'moment';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@girder/core",
   "license": "Apache-2.0",
-  "version": "5.0.0-beta.1",
+  "version": "5.0.0",
   "type": "module",
   "files": [
     "dist-lib"
@@ -31,19 +31,20 @@
     "build-only": "vite build",
     "build-lib": "BUILD_LIB=true vite build",
     "type-check": "vue-tsc --noEmit -p tsconfig.json --composite false",
-    "install-browsers": "playwright install --with-deps"
+    "install-browsers": "playwright install --with-deps",
+    "prepublishOnly": "npm run build-lib"
   },
   "dependencies": {
-    "@girder/fontello": "^3.1.20",
-    "as-jqplot": "~1.0.8",
+    "@girder/fontello": "^5.0.0-a7",
+    "apexcharts": "^4.5.0",
     "backbone": "~1.4.0",
     "bootstrap": "~3.4.1",
     "bootstrap-switch": "~3.3.4",
     "eonasdan-bootstrap-datetimepicker": "~4.17",
     "jquery": "~3.5.1",
     "jsoneditor": "~5.9.3",
-    "moment": "~2.24.0",
-    "moment-timezone": "~0.5.27",
+    "moment": "^2.24.0",
+    "moment-timezone": "^0.5.27",
     "qrcode": "~1.4.4",
     "remarkable": "~2.0.0",
     "typeface-open-sans": "^0.0.75",
@@ -52,31 +53,32 @@
     "vue": "^3.2.47"
   },
   "devDependencies": {
-    "@playwright/test": "^1.34.3",
+    "@playwright/test": "^1.55.0",
     "@rollup/plugin-inject": "^5.0.3",
     "@tsconfig/node18": "^2.0.1",
     "@types/istanbul-lib-report": "^3.0.0",
     "@types/istanbul-reports": "^3.0.1",
     "@types/jsdom": "^21.1.1",
-    "@types/node": "^18.16.16",
+    "@types/node": "^22.0.0",
     "@types/pug": "^2.0.6",
-    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue": "^6.0.0",
     "@vue/test-utils": "^2.3.2",
     "@vue/tsconfig": "^0.4.0",
+    "get-port": "^7.2.0",
     "http-server": "^14.1.1",
     "istanbul-lib-report": "^3.0.0",
     "istanbul-reports": "^3.1.5",
     "jsdom": "^22.0.0",
     "npm-run-all": "^4.1.5",
-    "playwright": "^1.34.3",
+    "playwright": "^1.55.0",
     "playwright-test-coverage": "^1.2.12",
     "pug": "^3.0.2",
     "stylus": "^0.54.5",
-    "typescript": "~5.0.4",
+    "typescript": "^5.0.4",
     "v8-to-istanbul": "^9.1.0",
-    "vite": "^4.3.5",
-    "vite-plugin-dts": "^2.3.0",
-    "vite-plugin-static-copy": "^0.16.0",
-    "vue-tsc": "^1.6.4"
+    "vite": "^8.0.0",
+    "vite-plugin-dts": "^4.0.0",
+    "vite-plugin-static-copy": "^3.0.0",
+    "vue-tsc": "^2.2.10"
   }
 }