From da716c6bc7664f0efe21d53a757b534a191afe51 Mon Sep 17 00:00:00 2001 From: freyamade Date: Tue, 7 Jan 2025 11:03:52 +0100 Subject: [PATCH 1/3] add sentry's feedback form for getting feedback about the site --- frontend/package-lock.json | 227 ++++++++++++++++++++----------------- frontend/package.json | 4 +- frontend/src/main.ts | 24 +++- 3 files changed, 146 insertions(+), 109 deletions(-) diff --git a/frontend/package-lock.json b/frontend/package-lock.json index a3685bd..8695fc4 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -9,8 +9,8 @@ "version": "0.1.0", "dependencies": { "@creativebulma/bulma-badge": "^1.0.1", - "@sentry/tracing": "^7.119.0", - "@sentry/vue": "^7.119.0", + "@sentry/tracing": "^7.120.2", + "@sentry/vue": "^8.47.0", "bulma": "^0.9.3", "dayjs": "^1.10.7", "lodash.isequal": "^4.5.0", @@ -318,149 +318,189 @@ "node": ">= 8" } }, - "node_modules/@sentry-internal/feedback": { - "version": "7.119.2", - "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-7.119.2.tgz", - "integrity": "sha512-bnR1yJWVBZfXGx675nMXE8hCXsxluCBfIFy9GQT8PTN/urxpoS9cGz+5F7MA7Xe3Q06/7TT0Mz3fcDvjkqTu3Q==", + "node_modules/@sentry-internal/browser-utils": { + "version": "8.47.0", + "resolved": "https://registry.npmjs.org/@sentry-internal/browser-utils/-/browser-utils-8.47.0.tgz", + "integrity": "sha512-vOXzYzHTKkahTLDzWWIA4EiVCQ+Gk+7xGWUlNcR2ZiEPBqYZVb5MjsUozAcc7syrSUy6WicyFjcomZ3rlCVQhg==", "dependencies": { - "@sentry/core": "7.119.2", - "@sentry/types": "7.119.2", - "@sentry/utils": "7.119.2" + "@sentry/core": "8.47.0" }, "engines": { - "node": ">=12" + "node": ">=14.18" } }, - "node_modules/@sentry-internal/replay-canvas": { - "version": "7.119.2", - "resolved": "https://registry.npmjs.org/@sentry-internal/replay-canvas/-/replay-canvas-7.119.2.tgz", - "integrity": "sha512-Lqo8IFyeKkdOrOGRqm9jCEqeBl8kINe5+c2VqULpkO/I6ql6ISwPSYnmG6yL8cCVIaT1893CLog/pS4FxCv8/Q==", + "node_modules/@sentry-internal/browser-utils/node_modules/@sentry/core": { + "version": "8.47.0", + "resolved": "https://registry.npmjs.org/@sentry/core/-/core-8.47.0.tgz", + "integrity": "sha512-iSEJZMe3DOcqBFZQAqgA3NB2lCWBc4Gv5x/SCri/TVg96wAlss4VrUunSI2Mp0J4jJ5nJcJ2ChqHSBAU48k3FA==", + "engines": { + "node": ">=14.18" + } + }, + "node_modules/@sentry-internal/feedback": { + "version": "8.47.0", + "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-8.47.0.tgz", + "integrity": "sha512-IAiIemTQIalxAOYhUENs9bZ8pMNgJnX3uQSuY7v0gknEqClOGpGkG04X/cxCmtJUj1acZ9ShTGDxoh55a+ggAQ==", "dependencies": { - "@sentry/core": "7.119.2", - "@sentry/replay": "7.119.2", - "@sentry/types": "7.119.2", - "@sentry/utils": "7.119.2" + "@sentry/core": "8.47.0" }, "engines": { - "node": ">=12" + "node": ">=14.18" } }, - "node_modules/@sentry-internal/tracing": { - "version": "7.119.2", - "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.119.2.tgz", - "integrity": "sha512-V2W+STWrafyGJhQv3ulMFXYDwWHiU6wHQAQBShsHVACiFaDrJ2kPRet38FKv4dMLlLlP2xN+ss2e5zv3tYlTiQ==", + "node_modules/@sentry-internal/feedback/node_modules/@sentry/core": { + "version": "8.47.0", + "resolved": "https://registry.npmjs.org/@sentry/core/-/core-8.47.0.tgz", + "integrity": "sha512-iSEJZMe3DOcqBFZQAqgA3NB2lCWBc4Gv5x/SCri/TVg96wAlss4VrUunSI2Mp0J4jJ5nJcJ2ChqHSBAU48k3FA==", + "engines": { + "node": ">=14.18" + } + }, + "node_modules/@sentry-internal/replay": { + "version": "8.47.0", + "resolved": "https://registry.npmjs.org/@sentry-internal/replay/-/replay-8.47.0.tgz", + "integrity": "sha512-G/S40ZBORj0HSMLw/uVC6YDEPN/dqVk901vf4VYfml686DEhJrZesfAfp5SydJumQ0NKZQrdtvny+BWnlI5H1w==", "dependencies": { - "@sentry/core": "7.119.2", - "@sentry/types": "7.119.2", - "@sentry/utils": "7.119.2" + "@sentry-internal/browser-utils": "8.47.0", + "@sentry/core": "8.47.0" }, "engines": { - "node": ">=8" + "node": ">=14.18" } }, - "node_modules/@sentry/browser": { - "version": "7.119.2", - "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.119.2.tgz", - "integrity": "sha512-Wb2RzCsJBTNCmS9KPmbVyV5GGzFXjFdUThAN9xlnN5GgemMBwdQjGu/tRYr8yJAVsRb0EOFH8IuJBNKKNnO49g==", + "node_modules/@sentry-internal/replay-canvas": { + "version": "8.47.0", + "resolved": "https://registry.npmjs.org/@sentry-internal/replay-canvas/-/replay-canvas-8.47.0.tgz", + "integrity": "sha512-M4W9UGouEeELbGbP3QsXLDVtGiQSZoWJlKwqMWyqdQgZuLoKw0S33+60t6teLVMhuQZR0UI9VJTF5coiXysnnA==", "dependencies": { - "@sentry-internal/feedback": "7.119.2", - "@sentry-internal/replay-canvas": "7.119.2", - "@sentry-internal/tracing": "7.119.2", - "@sentry/core": "7.119.2", - "@sentry/integrations": "7.119.2", - "@sentry/replay": "7.119.2", - "@sentry/types": "7.119.2", - "@sentry/utils": "7.119.2" + "@sentry-internal/replay": "8.47.0", + "@sentry/core": "8.47.0" }, "engines": { - "node": ">=8" + "node": ">=14.18" } }, - "node_modules/@sentry/core": { - "version": "7.119.2", - "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.119.2.tgz", - "integrity": "sha512-hQr3d2yWq/2lMvoyBPOwXw1IHqTrCjOsU1vYKhAa6w9vGbJZFGhKGGE2KEi/92c3gqGn+gW/PC7cV6waCTDuVA==", + "node_modules/@sentry-internal/replay-canvas/node_modules/@sentry/core": { + "version": "8.47.0", + "resolved": "https://registry.npmjs.org/@sentry/core/-/core-8.47.0.tgz", + "integrity": "sha512-iSEJZMe3DOcqBFZQAqgA3NB2lCWBc4Gv5x/SCri/TVg96wAlss4VrUunSI2Mp0J4jJ5nJcJ2ChqHSBAU48k3FA==", + "engines": { + "node": ">=14.18" + } + }, + "node_modules/@sentry-internal/replay/node_modules/@sentry/core": { + "version": "8.47.0", + "resolved": "https://registry.npmjs.org/@sentry/core/-/core-8.47.0.tgz", + "integrity": "sha512-iSEJZMe3DOcqBFZQAqgA3NB2lCWBc4Gv5x/SCri/TVg96wAlss4VrUunSI2Mp0J4jJ5nJcJ2ChqHSBAU48k3FA==", + "engines": { + "node": ">=14.18" + } + }, + "node_modules/@sentry-internal/tracing": { + "version": "7.120.2", + "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.120.2.tgz", + "integrity": "sha512-eo2F8cP6X+vr54Mp6vu+NoQEDz0M5O24Tz8jPY0T1CpiWdwCmHb7Sln+oLXeQ3/LlWdVQihBfKDBZfBdUfsBTg==", "dependencies": { - "@sentry/types": "7.119.2", - "@sentry/utils": "7.119.2" + "@sentry/core": "7.120.2", + "@sentry/types": "7.120.2", + "@sentry/utils": "7.120.2" }, "engines": { "node": ">=8" } }, - "node_modules/@sentry/integrations": { - "version": "7.119.2", - "resolved": "https://registry.npmjs.org/@sentry/integrations/-/integrations-7.119.2.tgz", - "integrity": "sha512-dCuXKvbUE3gXVVa696SYMjlhSP6CxpMH/gl4Jk26naEB8Xjsn98z/hqEoXLg6Nab73rjR9c/9AdKqBbwVMHyrQ==", + "node_modules/@sentry/browser": { + "version": "8.47.0", + "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-8.47.0.tgz", + "integrity": "sha512-K6BzHisykmbFy/wORtGyfsAlw7ShevLALzu3ReZZZ18dVubO1bjSNjkZQU9MJD5Jcb9oLwkq89n3N9XIBfvdRA==", "dependencies": { - "@sentry/core": "7.119.2", - "@sentry/types": "7.119.2", - "@sentry/utils": "7.119.2", - "localforage": "^1.8.1" + "@sentry-internal/browser-utils": "8.47.0", + "@sentry-internal/feedback": "8.47.0", + "@sentry-internal/replay": "8.47.0", + "@sentry-internal/replay-canvas": "8.47.0", + "@sentry/core": "8.47.0" }, "engines": { - "node": ">=8" + "node": ">=14.18" + } + }, + "node_modules/@sentry/browser/node_modules/@sentry/core": { + "version": "8.47.0", + "resolved": "https://registry.npmjs.org/@sentry/core/-/core-8.47.0.tgz", + "integrity": "sha512-iSEJZMe3DOcqBFZQAqgA3NB2lCWBc4Gv5x/SCri/TVg96wAlss4VrUunSI2Mp0J4jJ5nJcJ2ChqHSBAU48k3FA==", + "engines": { + "node": ">=14.18" } }, - "node_modules/@sentry/replay": { - "version": "7.119.2", - "resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.119.2.tgz", - "integrity": "sha512-nHDsBt0mlJXTWAHjzQdCzDbhV2fv8B62PPB5mu5SpI+G5h+ir3r5lR0lZZrMT8eurVowb/HnLXAs+XYVug3blg==", + "node_modules/@sentry/core": { + "version": "7.120.2", + "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.120.2.tgz", + "integrity": "sha512-eurLBFQJC7WWWYoEna25Z9I/GJjqAmH339tv52XP8sqXV7B5hRcHDcfrsT/UGHpU316M24p3lWhj0eimtCZ0SQ==", "dependencies": { - "@sentry-internal/tracing": "7.119.2", - "@sentry/core": "7.119.2", - "@sentry/types": "7.119.2", - "@sentry/utils": "7.119.2" + "@sentry/types": "7.120.2", + "@sentry/utils": "7.120.2" }, "engines": { - "node": ">=12" + "node": ">=8" } }, "node_modules/@sentry/tracing": { - "version": "7.119.2", - "resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-7.119.2.tgz", - "integrity": "sha512-L7t55Ucr58zztbM6lCtzz/c+sVyQQxKbZrmQLbecKqN/M34E4IpkSDB0GdAVKVTCbevXccB6D4WPJIptMccuQw==", + "version": "7.120.2", + "resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-7.120.2.tgz", + "integrity": "sha512-diN2TLnF/irJuuE5dmOjOFpz1JFACAU4hSUsg9z/eGsatQpdlcPXHuV9GFBcyl7vGvBjsBDIY4z527/vABAZ3w==", "dependencies": { - "@sentry-internal/tracing": "7.119.2" + "@sentry-internal/tracing": "7.120.2" }, "engines": { "node": ">=8" } }, "node_modules/@sentry/types": { - "version": "7.119.2", - "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.119.2.tgz", - "integrity": "sha512-ydq1tWsdG7QW+yFaTp0gFaowMLNVikIqM70wxWNK+u98QzKnVY/3XTixxNLsUtnAB4Y+isAzFhrc6Vb5GFdFeg==", + "version": "7.120.2", + "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.120.2.tgz", + "integrity": "sha512-FWVoiblHQJ892GaOqdXx/5/n5XDLF28z81vJ0lCY49PMh8waz8LJ0b9RSmt9tasSDl0OQ7eUlPl1xu1jTrv1NA==", "engines": { "node": ">=8" } }, "node_modules/@sentry/utils": { - "version": "7.119.2", - "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.119.2.tgz", - "integrity": "sha512-TLdUCvcNgzKP0r9YD7tgCL1PEUp42TObISridsPJ5rhpVGQJvpr+Six0zIkfDUxerLYWZoK8QMm9KgFlPLNQzA==", + "version": "7.120.2", + "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.120.2.tgz", + "integrity": "sha512-jgnQlw11mRfQrQRAXbq4zEd+tbYwHel5eqeS/oU6EImXRjmHNtS79nB8MHvJeQu1FMCpFs1Ymrrs5FICwS6VeQ==", "dependencies": { - "@sentry/types": "7.119.2" + "@sentry/types": "7.120.2" }, "engines": { "node": ">=8" } }, "node_modules/@sentry/vue": { - "version": "7.119.2", - "resolved": "https://registry.npmjs.org/@sentry/vue/-/vue-7.119.2.tgz", - "integrity": "sha512-GwBMpi8jnfeg4LPKEvXpwdILqn7RylxQLjpEb5xz/FKwOSL2P0gU2ysAb3WFuelC6NgspLOUpjmTqGWRemD39w==", + "version": "8.47.0", + "resolved": "https://registry.npmjs.org/@sentry/vue/-/vue-8.47.0.tgz", + "integrity": "sha512-MBzCWcVI4WqQTUOnHEO/PmlBRT8MGYNXBjuJhWtJo89J3CEHgZq4Jg2NgYf0q8OGshOAyra/Zv2rHUe7+9sUUg==", "dependencies": { - "@sentry/browser": "7.119.2", - "@sentry/core": "7.119.2", - "@sentry/types": "7.119.2", - "@sentry/utils": "7.119.2" + "@sentry/browser": "8.47.0", + "@sentry/core": "8.47.0" }, "engines": { - "node": ">=8" + "node": ">=14.18" }, "peerDependencies": { + "pinia": "2.x", "vue": "2.x || 3.x" + }, + "peerDependenciesMeta": { + "pinia": { + "optional": true + } + } + }, + "node_modules/@sentry/vue/node_modules/@sentry/core": { + "version": "8.47.0", + "resolved": "https://registry.npmjs.org/@sentry/core/-/core-8.47.0.tgz", + "integrity": "sha512-iSEJZMe3DOcqBFZQAqgA3NB2lCWBc4Gv5x/SCri/TVg96wAlss4VrUunSI2Mp0J4jJ5nJcJ2ChqHSBAU48k3FA==", + "engines": { + "node": ">=14.18" } }, "node_modules/@soda/friendly-errors-webpack-plugin": { @@ -8035,11 +8075,6 @@ "node": ">= 4" } }, - "node_modules/immediate": { - "version": "3.0.6", - "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz", - "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==" - }, "node_modules/import-cwd": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz", @@ -9025,14 +9060,6 @@ "node": ">= 0.8.0" } }, - "node_modules/lie": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/lie/-/lie-3.1.1.tgz", - "integrity": "sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==", - "dependencies": { - "immediate": "~3.0.5" - } - }, "node_modules/lines-and-columns": { "version": "1.2.4", "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", @@ -9123,14 +9150,6 @@ "node": ">=4.0.0" } }, - "node_modules/localforage": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/localforage/-/localforage-1.10.0.tgz", - "integrity": "sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==", - "dependencies": { - "lie": "3.1.1" - } - }, "node_modules/locate-path": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", diff --git a/frontend/package.json b/frontend/package.json index a120527..285b498 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -9,8 +9,8 @@ }, "dependencies": { "@creativebulma/bulma-badge": "^1.0.1", - "@sentry/tracing": "^7.119.0", - "@sentry/vue": "^7.119.0", + "@sentry/tracing": "^7.120.2", + "@sentry/vue": "^8.47.0", "bulma": "^0.9.3", "dayjs": "^1.10.7", "lodash.isequal": "^4.5.0", diff --git a/frontend/src/main.ts b/frontend/src/main.ts index 537069b..ef51f00 100644 --- a/frontend/src/main.ts +++ b/frontend/src/main.ts @@ -32,10 +32,28 @@ Sentry.init({ logErrors: true, release: 'savageaim@20250106', integrations: [ - new Sentry.BrowserTracing({ - routingInstrumentation: Sentry.vueRouterInstrumentation(router), + Sentry.browserTracingIntegration(), + Sentry.replayIntegration(), + Sentry.feedbackIntegration({ + colorScheme: 'dark', + showName: false, + showEmail: false, + showBranding: false, + triggerLabel: 'Feedback', + formTitle: 'Send us Feedback', + submitButtonLabel: 'Send', + messageLabel: 'Message', + messagePlaceholder: 'What would you like to tell us?', + themeDark: { + background: '#17181c', + foreground: '#F3F3EC', + accentForeground: '#F3F3EC', + accentBackground: '#5d98c4', + successColor: '#4E9381', + errorColor: '#c14762', + outline: '0.5px solid #2E53A5', + }, }), - new Sentry.Replay(), ], tracesSampleRate: 0.5, From 4527b47548254973501edb3110dcf93057adb533 Mon Sep 17 00:00:00 2001 From: freyamade Date: Tue, 7 Jan 2025 11:32:33 +0100 Subject: [PATCH 2/3] added changelog message about feedback --- frontend/src/components/modals/changelog.vue | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/frontend/src/components/modals/changelog.vue b/frontend/src/components/modals/changelog.vue index e40abc0..6d549e4 100644 --- a/frontend/src/components/modals/changelog.vue +++ b/frontend/src/components/modals/changelog.vue @@ -12,12 +12,13 @@

{{ version }}

-
expand_more Loot Solver Greed Improvements expand_more
+
expand_more Feedback Request expand_more

- Made it so that when people have Greed BIS Lists, you can still generically assign items to them without updating one of their BIS Lists if the item is not relevant. + Hey everyone! I've added a simple feedback widget to get more opinions on how the site is to use!

    -
  • For example, currently, if a WHM weapon drops from a fourth fight, and the person who gets it has Greed BIS Lists, but none for WHM, the only way to track the item was to track it manually via the form in the History section.
    • -
  • Now there is a generic "Give Item to Character" button even if they have Greed lists, to give them an item that a Character obtained without it being relevant to their Greed lists.
    • +
  • The time is coming for quite a large rewrite of the site's code to upgrade from Vue 2 to Vue 3.
    • +
  • I want to keep the site as close to how it is currently as possible, but I'm also using this as an opportunity to fix any major issues with how the site works for users like you!
    • +
  • If there is anything weird or annoying or that you would like to be able to do in this future version, please let me know using the feedback form!

From f07f86812406ef512f38960ae1290bc78de469d3 Mon Sep 17 00:00:00 2001 From: freyamade Date: Wed, 8 Jan 2025 12:09:29 +0100 Subject: [PATCH 3/3] slight update to changelog text --- frontend/src/components/modals/changelog.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/components/modals/changelog.vue b/frontend/src/components/modals/changelog.vue index 58c1948..21e299b 100644 --- a/frontend/src/components/modals/changelog.vue +++ b/frontend/src/components/modals/changelog.vue @@ -28,7 +28,7 @@

Added a little Feedback widget for another mechanism of gathering feedback for people not on Github or don't want to join the Discord.

    -
  • I need to upgrade the website UI from using Vue 2 to Vue 3, aiming to do this in the downtime after 7.2 drops.
    • +
  • I need to upgrade the website UI from using Vue 2 to Vue 3; I'm aiming to start on this in the downtime after 7.2 drops.
  • I intend to keep the site as close as possible as how it is to use currently so if you like how it works then don't worry!
  • However, if there are bugs/issues that I haven't caught, or if there is anything you think is weird or difficult to use, please let me know!
  • I want to make this site as good as I can, and I want you all to be as happy as possible using it as well, so please help me if there is anything I should know!