Feat/add auto theme switch #24
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Signed-off-by: gitworkflows <[email protected]>
Signed-off-by: gitworkflows <[email protected]>
Signed-off-by: gitworkflows <[email protected]>
Reviewer's Guide by SourceryThis pull request implements automatic theme switching based on the user's operating system preference. It introduces a new feature that detects the user's OS theme preference (light or dark) and applies the corresponding theme defined in the app's configuration. This enhancement improves user experience by automatically adjusting the theme to match the user's system settings. Sequence diagram for automatic theme switchingsequenceDiagram
participant OS as Operating System
participant App as Application
participant Store as Vuex Store
participant Theme as Theme Manager
Note over App: Application mounted
App->>OS: Check color scheme preference
OS-->>App: Return dark/light preference
App->>App: Determine theme based on preference
App->>Store: Commit SET_THEME
App->>Theme: Update theme appearance
Class diagram for theme management componentsclassDiagram
class App {
+mounted()
+applyThemeBasedOnOSPreference()
+applyLanguage()
+hideSplash()
}
class ThemingMixin {
+updateTheme(theme)
+applyRemoteTheme(theme)
+initializeTheme()
}
App --|> ThemingMixin: uses
note for ThemingMixin "Added OS theme detection"
note for App "New method for OS theme handling"
File-Level Changes
Tips and commandsInteracting with Sourcery
Customizing Your ExperienceAccess your dashboard to:
Getting Help
|
|
Warning Rate limit exceeded@gitworkflows has exceeded the limit for the number of commits or files that can be reviewed per hour. Please wait 18 minutes and 57 seconds before requesting another review. ⌛ How to resolve this issue?After the wait time has elapsed, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout. Please see our FAQ for further information. ⛔ Files ignored due to path filters (1)
📒 Files selected for processing (1)
WalkthroughThe changes introduce a new method Changes
Sequence DiagramsequenceDiagram
participant User's OS
participant App
participant ThemeStore
User's OS->>App: System Theme Preference
App->>App: Detect Theme (Dark/Light)
App->>ThemeStore: Commit Theme
ThemeStore-->>App: Theme Applied
Poem
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media? 🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (Invoked using PR comments)
Other keywords and placeholders
CodeRabbit Configuration File (
|
⛔ Snyk checks have failed. 2 issues have been found so far.
⛔ security/snyk check is complete. 2 issues have been found. (View Details) |
❌ Deploy Preview for shipyard failed.
|
PR Reviewer Guide 🔍Here are some key observations to aid the review process:
|
CI Failure Feedback 🧐(Checks updated until commit 7067fc6)
✨ CI feedback usage guide:The CI feedback tool (
In addition to being automatically triggered, the tool can also be invoked manually by commenting on a PR: where Configuration options
See more information about the |
PR Code Suggestions ✨Explore these optional code suggestions:
|
![sourcery-ai[bot]](https://avatars.githubusercontent.com/in/48477?s=60&v=4){kind=small}
There was a problem hiding this comment.
Hey @gitworkflows - I've reviewed your changes - here's some feedback:
Overall Comments:
- The OS theme detection logic is duplicated in both App.vue and ThemingMixin.js. Please consolidate this functionality in ThemingMixin.js to avoid potential maintenance issues and inconsistent behavior.
Here's what I looked at during the review
- 🟡 General issues: 2 issues found
- 🟢 Security: all looks good
- 🟢 Testing: all looks good
- 🟢 Complexity: all looks good
- 🟢 Documentation: all looks good
Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.
| @@ -136,6 +136,14 @@ const ThemingMixin = { | |||
| } else if (hasExternal) { | |||
| this.applyRemoteTheme(this.externalThemes[initialTheme]); | |||
| } | |||
|
|
|||
| // Detect OS theme preference and apply the corresponding theme | |||
| const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; | |||
There was a problem hiding this comment.
suggestion: Consider consolidating OS theme detection logic into a single location
This code is duplicated in App.vue. Consider moving the OS theme detection and application logic into a shared utility function to improve maintainability.
| @@ -155,11 +155,21 @@ export default { | |||
| e.preventDefault(); | |||
| return 'You may have unsaved edits. Are you sure you want to exit the page?'; | |||
| }, | |||
| /* Detect and apply theme based on OS preference */ | |||
| applyThemeBasedOnOSPreference() { | |||
| const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; | |||
There was a problem hiding this comment.
suggestion: Add listener for OS theme preference changes
Consider adding a MediaQueryList listener to dynamically update the theme when the OS preference changes: window.matchMedia('(prefers-color-scheme: dark)').addListener(callback)
Suggested implementation:
/* Media query for dark mode preference */
darkModeMediaQuery: null,
/* Update theme based on dark mode preference */
updateThemeFromMediaQuery(e) {
const osTheme = e.matches ? this.appConfig.nightTheme : this.appConfig.dayTheme;
if (osTheme) {
this.$store.commit(Keys.SET_THEME, osTheme);
this.updateTheme(osTheme);
}
},
/* Set up OS theme preference detection and listening */
applyThemeBasedOnOSPreference() {
this.darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
this.updateThemeFromMediaQuery(this.darkModeMediaQuery);
this.darkModeMediaQuery.addListener(this.updateThemeFromMediaQuery);
},
/* Basic initialization tasks on app load */
async mounted() {
},
/* Clean up listeners when component is destroyed */
beforeDestroy() {
if (this.darkModeMediaQuery) {
this.darkModeMediaQuery.removeListener(this.updateThemeFromMediaQuery);
}
}
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 0
🧹 Nitpick comments (2)
src/mixins/ThemingMixin.js (1)
139-146: Consider using optional chaining formatchMediachecks.In this code block, the
window.matchMedia && window.matchMedia('...').matchespattern works fine for browsers that lack support formatchMediaby short-circuiting tofalse. However, you can simplify the readability by using optional chaining and a nullish coalescing fallback, as hinted by static analysis. This prevents potential reference errors and makes the logic slightly more modern.Below is a diff illustrating how you might implement optional chaining:
- const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; + const prefersDark = window.matchMedia?.('(prefers-color-scheme: dark)')?.matches ?? false;🧰 Tools
🪛 Biome (1.9.4)
[error] 141-141: Change to an optional chain.
Unsafe fix: Change to an optional chain.
(lint/complexity/useOptionalChain)
src/App.vue (1)
158-166: Good addition for automatic theme detection.This newly introduced method adequately detects the user’s OS-level dark/light preferences and commits the relevant theme to Vuex. However, note that you have a similar logic snippet in
ThemingMixin.js. If the interplay between these two is intentional, that’s fine. Otherwise, you might consider centralizing and reusing the logic to avoid code duplication.
📜 Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro
📒 Files selected for processing (2)
src/App.vue(1 hunks)src/mixins/ThemingMixin.js(1 hunks)
🧰 Additional context used
🪛 Biome (1.9.4)
src/mixins/ThemingMixin.js
[error] 141-141: Change to an optional chain.
Unsafe fix: Change to an optional chain.
(lint/complexity/useOptionalChain)
🔇 Additional comments (1)
src/App.vue (1)
172-172: Ensure theme application remains in sync with the mixin.
Invoking applyThemeBasedOnOSPreference during the mounted hook is a solid choice for swiftly applying the user’s preferred theme. Verify you have tested edge cases, such as switching OS preferences on the fly, to ensure your logic in both App.vue and ThemingMixin.js stays consistent and responsive.
Signed-off-by: gitworkflows <[email protected]>
|
| Status | Count |
|---|---|
| 22 | |
| 1 | |
| 186 | |
| 20 |
Click to toggle table visibility
| Name | Status | Previous | Current |
|---|---|---|---|
@babel/code-frame |
7.25.9 | 7.24.7 | |
@babel/compat-data |
7.25.9 | 7.24.7 | |
@babel/core |
7.25.9 | 7.24.7 | |
@babel/generator |
7.25.9 | 7.24.7 | |
@babel/helper-annotate-as-pure |
7.25.9 | 7.24.7 | |
@babel/helper-builder-binary-assignment-operator-visitor |
7.25.9 | 7.24.7 | |
@babel/helper-compilation-targets |
7.25.9 | 7.24.7 | |
@babel/helper-create-class-features-plugin |
7.25.9 | 7.24.7 | |
@babel/helper-create-regexp-features-plugin |
7.25.9 | 7.24.7 | |
@babel/helper-environment-visitor |
- | 7.24.7 | |
@babel/helper-function-name |
- | 7.24.7 | |
@babel/helper-hoist-variables |
- | 7.24.7 | |
@babel/helper-member-expression-to-functions |
7.25.9 | 7.24.7 | |
@babel/helper-module-imports |
7.25.9 | 7.24.7 | |
@babel/helper-module-transforms |
7.25.9 | 7.24.7 | |
@babel/helper-optimise-call-expression |
7.25.9 | 7.24.7 | |
@babel/helper-plugin-utils |
7.25.9 | 7.24.7 | |
@babel/helper-remap-async-to-generator |
7.25.9 | 7.24.7 | |
@babel/helper-replace-supers |
7.25.9 | 7.24.7 | |
@babel/helper-simple-access |
7.25.9 | 7.24.7 | |
@babel/helper-skip-transparent-expression-wrappers |
7.25.9 | 7.24.7 | |
@babel/helper-split-export-declaration |
- | 7.24.7 | |
@babel/helper-string-parser |
7.25.9 | 7.24.7 | |
@babel/helper-validator-identifier |
7.25.9 | 7.24.7 | |
@babel/helper-validator-option |
7.25.9 | 7.24.7 | |
@babel/helper-wrap-function |
7.25.9 | 7.24.7 | |
@babel/helpers |
7.25.9 | 7.24.7 | |
@babel/highlight |
7.25.9 | 7.24.7 | |
@babel/parser |
7.25.9 | 7.24.7 | |
@babel/plugin-bugfix-firefox-class-in-computed-class-key |
7.25.9 | 7.24.7 | |
@babel/plugin-bugfix-safari-class-field-initializer-scope |
7.25.9 | - | |
@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression |
7.25.9 | 7.24.7 | |
@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining |
7.25.9 | 7.24.7 | |
@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly |
7.25.9 | 7.24.7 | |
@babel/plugin-proposal-decorators |
7.25.9 | 7.24.7 | |
@babel/plugin-syntax-async-generators |
- | 7.8.4 | |
@babel/plugin-syntax-class-properties |
- | 7.12.13 | |
@babel/plugin-syntax-class-static-block |
- | 7.14.5 | |
@babel/plugin-syntax-decorators |
7.25.9 | 7.24.7 | |
@babel/plugin-syntax-export-namespace-from |
- | 7.8.3 | |
@babel/plugin-syntax-import-assertions |
7.25.9 | 7.24.7 | |
@babel/plugin-syntax-import-attributes |
7.25.9 | 7.24.7 | |
@babel/plugin-syntax-import-meta |
- | 7.10.4 | |
@babel/plugin-syntax-json-strings |
- | 7.8.3 | |
@babel/plugin-syntax-jsx |
7.25.9 | 7.24.7 | |
@babel/plugin-syntax-logical-assignment-operators |
- | 7.10.4 | |
@babel/plugin-syntax-nullish-coalescing-operator |
- | 7.8.3 | |
@babel/plugin-syntax-numeric-separator |
- | 7.10.4 | |
@babel/plugin-syntax-object-rest-spread |
- | 7.8.3 | |
@babel/plugin-syntax-optional-catch-binding |
- | 7.8.3 | |
@babel/plugin-syntax-optional-chaining |
- | 7.8.3 | |
@babel/plugin-syntax-private-property-in-object |
- | 7.14.5 | |
@babel/plugin-syntax-top-level-await |
- | 7.14.5 | |
@babel/plugin-transform-arrow-functions |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-async-generator-functions |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-async-to-generator |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-block-scoped-functions |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-block-scoping |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-class-properties |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-class-static-block |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-classes |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-computed-properties |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-destructuring |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-dotall-regex |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-duplicate-keys |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-duplicate-named-capturing-groups-regex |
7.25.9 | - | |
@babel/plugin-transform-dynamic-import |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-exponentiation-operator |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-export-namespace-from |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-for-of |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-function-name |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-json-strings |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-literals |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-logical-assignment-operators |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-member-expression-literals |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-modules-amd |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-modules-commonjs |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-modules-systemjs |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-modules-umd |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-named-capturing-groups-regex |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-new-target |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-nullish-coalescing-operator |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-numeric-separator |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-object-rest-spread |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-object-super |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-optional-catch-binding |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-optional-chaining |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-parameters |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-private-methods |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-private-property-in-object |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-property-literals |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-regenerator |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-reserved-words |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-runtime |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-shorthand-properties |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-spread |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-sticky-regex |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-template-literals |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-typeof-symbol |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-unicode-escapes |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-unicode-property-regex |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-unicode-regex |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-unicode-sets-regex |
7.25.9 | 7.24.7 | |
@babel/preset-env |
7.25.9 | 7.24.7 | |
@babel/regjsgen |
- | 0.8.0 | |
@babel/runtime |
7.25.9 | 7.24.7 | |
@babel/template |
7.25.9 | 7.24.7 | |
@babel/traverse |
7.25.9 | 7.24.7 | |
@babel/types |
7.25.9 | 7.24.7 | |
@jridgewell/sourcemap-codec |
1.5.0 | 1.4.15 | |
@parcel/watcher |
2.4.1 | - | |
@parcel/watcher-android-arm64 |
2.4.1 | - | |
@parcel/watcher-darwin-arm64 |
2.4.1 | - | |
@parcel/watcher-darwin-x64 |
2.4.1 | - | |
@parcel/watcher-freebsd-x64 |
2.4.1 | - | |
@parcel/watcher-linux-arm-glibc |
2.4.1 | - | |
@parcel/watcher-linux-arm64-glibc |
2.4.1 | - | |
@parcel/watcher-linux-arm64-musl |
2.4.1 | - | |
@parcel/watcher-linux-x64-glibc |
2.4.1 | - | |
@parcel/watcher-linux-x64-musl |
2.4.1 | - | |
@parcel/watcher-win32-arm64 |
2.4.1 | - | |
@parcel/watcher-win32-ia32 |
2.4.1 | - | |
@parcel/watcher-win32-x64 |
2.4.1 | - | |
@rtsao/scc |
1.1.0 | - | |
@sentry-internal/feedback |
7.119.2 | 7.117.0 | |
@sentry-internal/replay-canvas |
7.119.2 | 7.117.0 | |
@sentry-internal/tracing |
7.119.2 | 7.117.0 | |
@sentry/browser |
7.119.2 | 7.117.0 | |
@sentry/core |
7.119.2 | 7.117.0 | |
@sentry/integrations |
7.119.2 | 7.117.0 | |
@sentry/replay |
7.119.2 | 7.117.0 | |
@sentry/types |
7.119.2 | 7.117.0 | |
@sentry/utils |
7.119.2 | 7.117.0 | |
@sentry/vue |
7.119.2 | 7.117.0 | |
@types/eslint |
- | 8.56.10 | |
@types/eslint-scope |
- | 3.7.7 | |
@types/estree |
1.0.6 | 1.0.5 | |
@types/express |
5.0.0 | 4.17.21 | |
@types/express-serve-static-core |
5.0.0 | 4.19.3 | |
@types/http-proxy |
1.17.15 | 1.17.14 | |
@types/node |
22.7.9 | 20.14.2 | |
@types/qs |
6.9.16 | 6.9.15 | |
@types/webpack |
4.41.40 | 4.41.38 | |
@vue/babel-helper-vue-transform-on |
1.2.5 | 1.2.2 | |
@vue/babel-plugin-jsx |
1.2.5 | 1.2.2 | |
@vue/babel-plugin-resolve-type |
1.2.5 | 1.2.2 | |
@vue/compiler-core |
3.5.12 | 3.4.28 | |
@vue/compiler-dom |
3.5.12 | 3.4.28 | |
@vue/compiler-sfc |
3.5.12 | 3.4.28 | |
@vue/compiler-ssr |
3.5.12 | 3.4.28 | |
@vue/shared |
3.5.12 | 3.4.28 | |
ace-builds |
1.36.3 | 1.35.0 | |
acorn |
8.13.0 | 8.12.0 | |
ajv |
8.17.1 | 8.16.0 | |
aws4 |
1.13.2 | 1.13.0 | |
axios |
1.7.7 | 1.7.2 | |
babel-loader |
8.4.1 | 8.3.0 | |
babel-plugin-polyfill-corejs3 |
0.10.6 | 0.10.4 | |
body-parser |
1.20.3 | 1.20.2 | |
browserify-rsa |
4.1.1 | 4.1.0 | |
browserslist |
4.24.2 | 4.23.1 | |
camelcase |
5.3.1 | 6.3.0 | |
caniuse-lite |
1.0.30001669 | 1.0.30001634 | |
chokidar |
4.0.1 | 3.6.0 | |
cookie |
0.7.1 | 0.6.0 | |
core-js |
3.38.1 | 3.37.1 | |
core-js-compat |
3.38.1 | 3.37.1 | |
crypto-browserify |
3.12.1 | 3.12.0 | |
debug |
4.3.7 | 4.3.5 | |
detect-libc |
1.0.3 | - | |
electron-to-chromium |
1.5.42 | 1.4.802 | |
elliptic |
6.5.7 | 6.5.5 | |
encodeurl |
2.0.0 | 1.0.2 | |
enhanced-resolve |
5.17.1 | 5.17.0 | |
es-module-lexer |
1.5.4 | 1.5.3 | |
escalade |
3.2.0 | 3.1.2 | |
eslint-module-utils |
2.12.0 | 2.8.1 | |
eslint-plugin-import |
2.31.0 | 2.29.1 | |
esquery |
1.6.0 | 1.5.0 | |
express |
4.21.1 | 4.19.2 | |
fast-uri |
3.0.3 | - | |
finalhandler |
1.3.1 | 1.2.0 | |
follow-redirects |
1.15.9 | 1.15.6 | |
form-data |
4.0.1 | 4.0.0 | |
ignore |
5.3.2 | 5.3.1 | |
immutable |
4.3.7 | 4.3.6 | |
is-core-module |
2.15.1 | 2.13.1 | |
joi |
17.13.3 | 17.13.1 | |
jsesc |
3.0.2 | 2.5.2 | |
launch-editor |
2.9.1 | 2.6.1 | |
launch-editor-middleware |
2.9.1 | 2.6.1 | |
loglevel |
1.9.2 | 1.9.1 | |
magic-string |
0.30.12 | 0.30.10 | |
merge-descriptors |
1.0.3 | 1.0.1 | |
micromatch |
4.0.8 | 4.0.7 | |
nan |
2.22.0 | 2.20.0 | |
node-addon-api |
7.1.1 | - | |
node-releases |
2.0.18 | 2.0.14 | |
object-inspect |
1.13.2 | 1.13.1 | |
oidc-client-ts |
3.1.0 | 3.0.1 | |
path-to-regexp |
0.1.10 | 0.1.7 | |
picocolors |
1.1.1 | 1.0.1 | |
postcss |
8.4.47 | 8.4.38 | |
postcss-selector-parser |
6.1.2 | 6.1.0 | |
pump |
3.0.2 | 3.0.0 | |
qs |
6.13.0 | 6.12.1 | |
readdirp |
4.0.2 | 3.6.0 | |
regenerate-unicode-properties |
10.2.0 | 10.1.1 | |
regexp.prototype.flags |
1.5.3 | 1.5.2 | |
regexpu-core |
6.1.1 | 5.3.2 | |
regjsgen |
0.8.0 | - | |
regjsparser |
0.11.1 | 0.9.1 | |
sass |
1.80.3 | 1.77.5 | |
semver |
7.6.3 | 7.6.2 | |
send |
0.19.0 | 0.18.0 | |
serve-static |
1.16.2 | 1.15.0 | |
simple-icons |
12.4.0 | 12.2.0 | |
source-map-js |
1.2.1 | 1.2.0 | |
spdx-license-ids |
3.0.20 | 3.0.18 | |
terser |
5.36.0 | 5.31.1 | |
to-fast-properties |
- | 2.0.0 | |
typescript |
5.6.3 | 5.4.5 | |
undici-types |
6.19.8 | 5.26.5 | |
unicode-canonical-property-names-ecmascript |
2.0.1 | 2.0.0 | |
unicode-match-property-value-ecmascript |
2.2.0 | 2.1.0 | |
update-browserslist-db |
1.1.1 | 1.0.16 | |
url |
0.11.4 | 0.11.3 | |
watchpack |
2.4.2 | 2.4.1 | |
webpack |
5.95.0 | 5.92.0 |
Signed-off-by: gitworkflows <[email protected]>
|
| Status | Count |
|---|---|
| 22 | |
| 1 | |
| 186 | |
| 20 |
Click to toggle table visibility
| Name | Status | Previous | Current |
|---|---|---|---|
@babel/code-frame |
7.25.9 | 7.24.7 | |
@babel/compat-data |
7.25.9 | 7.24.7 | |
@babel/core |
7.25.9 | 7.24.7 | |
@babel/generator |
7.25.9 | 7.24.7 | |
@babel/helper-annotate-as-pure |
7.25.9 | 7.24.7 | |
@babel/helper-builder-binary-assignment-operator-visitor |
7.25.9 | 7.24.7 | |
@babel/helper-compilation-targets |
7.25.9 | 7.24.7 | |
@babel/helper-create-class-features-plugin |
7.25.9 | 7.24.7 | |
@babel/helper-create-regexp-features-plugin |
7.25.9 | 7.24.7 | |
@babel/helper-environment-visitor |
- | 7.24.7 | |
@babel/helper-function-name |
- | 7.24.7 | |
@babel/helper-hoist-variables |
- | 7.24.7 | |
@babel/helper-member-expression-to-functions |
7.25.9 | 7.24.7 | |
@babel/helper-module-imports |
7.25.9 | 7.24.7 | |
@babel/helper-module-transforms |
7.25.9 | 7.24.7 | |
@babel/helper-optimise-call-expression |
7.25.9 | 7.24.7 | |
@babel/helper-plugin-utils |
7.25.9 | 7.24.7 | |
@babel/helper-remap-async-to-generator |
7.25.9 | 7.24.7 | |
@babel/helper-replace-supers |
7.25.9 | 7.24.7 | |
@babel/helper-simple-access |
7.25.9 | 7.24.7 | |
@babel/helper-skip-transparent-expression-wrappers |
7.25.9 | 7.24.7 | |
@babel/helper-split-export-declaration |
- | 7.24.7 | |
@babel/helper-string-parser |
7.25.9 | 7.24.7 | |
@babel/helper-validator-identifier |
7.25.9 | 7.24.7 | |
@babel/helper-validator-option |
7.25.9 | 7.24.7 | |
@babel/helper-wrap-function |
7.25.9 | 7.24.7 | |
@babel/helpers |
7.25.9 | 7.24.7 | |
@babel/highlight |
7.25.9 | 7.24.7 | |
@babel/parser |
7.25.9 | 7.24.7 | |
@babel/plugin-bugfix-firefox-class-in-computed-class-key |
7.25.9 | 7.24.7 | |
@babel/plugin-bugfix-safari-class-field-initializer-scope |
7.25.9 | - | |
@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression |
7.25.9 | 7.24.7 | |
@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining |
7.25.9 | 7.24.7 | |
@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly |
7.25.9 | 7.24.7 | |
@babel/plugin-proposal-decorators |
7.25.9 | 7.24.7 | |
@babel/plugin-syntax-async-generators |
- | 7.8.4 | |
@babel/plugin-syntax-class-properties |
- | 7.12.13 | |
@babel/plugin-syntax-class-static-block |
- | 7.14.5 | |
@babel/plugin-syntax-decorators |
7.25.9 | 7.24.7 | |
@babel/plugin-syntax-export-namespace-from |
- | 7.8.3 | |
@babel/plugin-syntax-import-assertions |
7.25.9 | 7.24.7 | |
@babel/plugin-syntax-import-attributes |
7.25.9 | 7.24.7 | |
@babel/plugin-syntax-import-meta |
- | 7.10.4 | |
@babel/plugin-syntax-json-strings |
- | 7.8.3 | |
@babel/plugin-syntax-jsx |
7.25.9 | 7.24.7 | |
@babel/plugin-syntax-logical-assignment-operators |
- | 7.10.4 | |
@babel/plugin-syntax-nullish-coalescing-operator |
- | 7.8.3 | |
@babel/plugin-syntax-numeric-separator |
- | 7.10.4 | |
@babel/plugin-syntax-object-rest-spread |
- | 7.8.3 | |
@babel/plugin-syntax-optional-catch-binding |
- | 7.8.3 | |
@babel/plugin-syntax-optional-chaining |
- | 7.8.3 | |
@babel/plugin-syntax-private-property-in-object |
- | 7.14.5 | |
@babel/plugin-syntax-top-level-await |
- | 7.14.5 | |
@babel/plugin-transform-arrow-functions |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-async-generator-functions |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-async-to-generator |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-block-scoped-functions |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-block-scoping |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-class-properties |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-class-static-block |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-classes |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-computed-properties |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-destructuring |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-dotall-regex |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-duplicate-keys |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-duplicate-named-capturing-groups-regex |
7.25.9 | - | |
@babel/plugin-transform-dynamic-import |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-exponentiation-operator |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-export-namespace-from |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-for-of |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-function-name |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-json-strings |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-literals |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-logical-assignment-operators |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-member-expression-literals |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-modules-amd |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-modules-commonjs |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-modules-systemjs |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-modules-umd |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-named-capturing-groups-regex |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-new-target |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-nullish-coalescing-operator |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-numeric-separator |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-object-rest-spread |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-object-super |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-optional-catch-binding |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-optional-chaining |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-parameters |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-private-methods |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-private-property-in-object |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-property-literals |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-regenerator |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-reserved-words |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-runtime |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-shorthand-properties |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-spread |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-sticky-regex |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-template-literals |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-typeof-symbol |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-unicode-escapes |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-unicode-property-regex |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-unicode-regex |
7.25.9 | 7.24.7 | |
@babel/plugin-transform-unicode-sets-regex |
7.25.9 | 7.24.7 | |
@babel/preset-env |
7.25.9 | 7.24.7 | |
@babel/regjsgen |
- | 0.8.0 | |
@babel/runtime |
7.25.9 | 7.24.7 | |
@babel/template |
7.25.9 | 7.24.7 | |
@babel/traverse |
7.25.9 | 7.24.7 | |
@babel/types |
7.25.9 | 7.24.7 | |
@jridgewell/sourcemap-codec |
1.5.0 | 1.4.15 | |
@parcel/watcher |
2.4.1 | - | |
@parcel/watcher-android-arm64 |
2.4.1 | - | |
@parcel/watcher-darwin-arm64 |
2.4.1 | - | |
@parcel/watcher-darwin-x64 |
2.4.1 | - | |
@parcel/watcher-freebsd-x64 |
2.4.1 | - | |
@parcel/watcher-linux-arm-glibc |
2.4.1 | - | |
@parcel/watcher-linux-arm64-glibc |
2.4.1 | - | |
@parcel/watcher-linux-arm64-musl |
2.4.1 | - | |
@parcel/watcher-linux-x64-glibc |
2.4.1 | - | |
@parcel/watcher-linux-x64-musl |
2.4.1 | - | |
@parcel/watcher-win32-arm64 |
2.4.1 | - | |
@parcel/watcher-win32-ia32 |
2.4.1 | - | |
@parcel/watcher-win32-x64 |
2.4.1 | - | |
@rtsao/scc |
1.1.0 | - | |
@sentry-internal/feedback |
7.119.2 | 7.117.0 | |
@sentry-internal/replay-canvas |
7.119.2 | 7.117.0 | |
@sentry-internal/tracing |
7.119.2 | 7.117.0 | |
@sentry/browser |
7.119.2 | 7.117.0 | |
@sentry/core |
7.119.2 | 7.117.0 | |
@sentry/integrations |
7.119.2 | 7.117.0 | |
@sentry/replay |
7.119.2 | 7.117.0 | |
@sentry/types |
7.119.2 | 7.117.0 | |
@sentry/utils |
7.119.2 | 7.117.0 | |
@sentry/vue |
7.119.2 | 7.117.0 | |
@types/eslint |
- | 8.56.10 | |
@types/eslint-scope |
- | 3.7.7 | |
@types/estree |
1.0.6 | 1.0.5 | |
@types/express |
5.0.0 | 4.17.21 | |
@types/express-serve-static-core |
5.0.0 | 4.19.3 | |
@types/http-proxy |
1.17.15 | 1.17.14 | |
@types/node |
22.7.9 | 20.14.2 | |
@types/qs |
6.9.16 | 6.9.15 | |
@types/webpack |
4.41.40 | 4.41.38 | |
@vue/babel-helper-vue-transform-on |
1.2.5 | 1.2.2 | |
@vue/babel-plugin-jsx |
1.2.5 | 1.2.2 | |
@vue/babel-plugin-resolve-type |
1.2.5 | 1.2.2 | |
@vue/compiler-core |
3.5.12 | 3.4.28 | |
@vue/compiler-dom |
3.5.12 | 3.4.28 | |
@vue/compiler-sfc |
3.5.12 | 3.4.28 | |
@vue/compiler-ssr |
3.5.12 | 3.4.28 | |
@vue/shared |
3.5.12 | 3.4.28 | |
ace-builds |
1.36.3 | 1.35.0 | |
acorn |
8.13.0 | 8.12.0 | |
ajv |
8.17.1 | 8.16.0 | |
aws4 |
1.13.2 | 1.13.0 | |
axios |
1.7.7 | 1.7.2 | |
babel-loader |
8.4.1 | 8.3.0 | |
babel-plugin-polyfill-corejs3 |
0.10.6 | 0.10.4 | |
body-parser |
1.20.3 | 1.20.2 | |
browserify-rsa |
4.1.1 | 4.1.0 | |
browserslist |
4.24.2 | 4.23.1 | |
camelcase |
5.3.1 | 6.3.0 | |
caniuse-lite |
1.0.30001669 | 1.0.30001634 | |
chokidar |
4.0.1 | 3.6.0 | |
cookie |
0.7.1 | 0.6.0 | |
core-js |
3.38.1 | 3.37.1 | |
core-js-compat |
3.38.1 | 3.37.1 | |
crypto-browserify |
3.12.1 | 3.12.0 | |
debug |
4.3.7 | 4.3.5 | |
detect-libc |
1.0.3 | - | |
electron-to-chromium |
1.5.42 | 1.4.802 | |
elliptic |
6.5.7 | 6.5.5 | |
encodeurl |
2.0.0 | 1.0.2 | |
enhanced-resolve |
5.17.1 | 5.17.0 | |
es-module-lexer |
1.5.4 | 1.5.3 | |
escalade |
3.2.0 | 3.1.2 | |
eslint-module-utils |
2.12.0 | 2.8.1 | |
eslint-plugin-import |
2.31.0 | 2.29.1 | |
esquery |
1.6.0 | 1.5.0 | |
express |
4.21.1 | 4.19.2 | |
fast-uri |
3.0.3 | - | |
finalhandler |
1.3.1 | 1.2.0 | |
follow-redirects |
1.15.9 | 1.15.6 | |
form-data |
4.0.1 | 4.0.0 | |
ignore |
5.3.2 | 5.3.1 | |
immutable |
4.3.7 | 4.3.6 | |
is-core-module |
2.15.1 | 2.13.1 | |
joi |
17.13.3 | 17.13.1 | |
jsesc |
3.0.2 | 2.5.2 | |
launch-editor |
2.9.1 | 2.6.1 | |
launch-editor-middleware |
2.9.1 | 2.6.1 | |
loglevel |
1.9.2 | 1.9.1 | |
magic-string |
0.30.12 | 0.30.10 | |
merge-descriptors |
1.0.3 | 1.0.1 | |
micromatch |
4.0.8 | 4.0.7 | |
nan |
2.22.0 | 2.20.0 | |
node-addon-api |
7.1.1 | - | |
node-releases |
2.0.18 | 2.0.14 | |
object-inspect |
1.13.2 | 1.13.1 | |
oidc-client-ts |
3.1.0 | 3.0.1 | |
path-to-regexp |
0.1.10 | 0.1.7 | |
picocolors |
1.1.1 | 1.0.1 | |
postcss |
8.4.47 | 8.4.38 | |
postcss-selector-parser |
6.1.2 | 6.1.0 | |
pump |
3.0.2 | 3.0.0 | |
qs |
6.13.0 | 6.12.1 | |
readdirp |
4.0.2 | 3.6.0 | |
regenerate-unicode-properties |
10.2.0 | 10.1.1 | |
regexp.prototype.flags |
1.5.3 | 1.5.2 | |
regexpu-core |
6.1.1 | 5.3.2 | |
regjsgen |
0.8.0 | - | |
regjsparser |
0.11.1 | 0.9.1 | |
sass |
1.80.3 | 1.77.5 | |
semver |
7.6.3 | 7.6.2 | |
send |
0.19.0 | 0.18.0 | |
serve-static |
1.16.2 | 1.15.0 | |
simple-icons |
12.4.0 | 12.2.0 | |
source-map-js |
1.2.1 | 1.2.0 | |
spdx-license-ids |
3.0.20 | 3.0.18 | |
terser |
5.36.0 | 5.31.1 | |
to-fast-properties |
- | 2.0.0 | |
typescript |
5.6.3 | 5.4.5 | |
undici-types |
6.19.8 | 5.26.5 | |
unicode-canonical-property-names-ecmascript |
2.0.1 | 2.0.0 | |
unicode-match-property-value-ecmascript |
2.2.0 | 2.1.0 | |
update-browserslist-db |
1.1.1 | 1.0.16 | |
url |
0.11.4 | 0.11.3 | |
watchpack |
2.4.2 | 2.4.1 | |
webpack |
5.95.0 | 5.92.0 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
User description
Category:
Overview
Issue Number (if applicable) #00
New Vars (if applicable)
Screenshot (if applicable)
Code Quality Checklist (Please complete)
PR Type
Enhancement
Description
matchMediaAPIChanges walkthrough 📝
App.vue
Add OS theme preference detection and applicationsrc/App.vue
applyThemeBasedOnOSPreference()to detect and applytheme based on OS preference
mounted()lifecycle hook to call the new theme preferencemethod
ThemingMixin.js
Implement automatic theme switching in ThemingMixinsrc/mixins/ThemingMixin.js
between day/night themes
matchMediaAPISummary by CodeRabbit
New Features
Improvements