fix: use new history page

src/components/TopBar/TopBar.vue

@@ -641,7 +641,7 @@ defineExpose({
                 >
                   <ALink
                     :class="{ 'white-icon': forceWhiteIcon }"
-                    href="https://www.bilibili.com/account/history"
+                    href="https://www.bilibili.com/history"
                     :title="$t('topbar.history')"
                     type="topBar"
                   >

src/contentScripts/index.ts

@@ -50,6 +50,7 @@ function isSupportedPages(): boolean {
     // moment detail
     || /https?:\/\/(?:www\.)?bilibili\.com\/opus\/.*/.test(currentUrl)
     // history page
+    || /https?:\/\/(?:www\.)?bilibili\.com\/history.*/.test(currentUrl)
     || /https?:\/\/(?:www\.)?bilibili\.com\/account\/history.*/.test(currentUrl)
     // watcher later page
     || /https?:\/\/(?:www\.)?bilibili\.com\/watchlater\/#\/list.*/.test(currentUrl)

src/stores/mainStore.ts

@@ -70,7 +70,7 @@ export const useMainStore = defineStore('main', () => {
         page: AppPage.History,
         openInNewTab: false,
         useOriginalBiliPage: false,
-        url: `https://www.bilibili.com/account/history`,
+        url: `https://www.bilibili.com/history`,
         hasBewlyPage: true,
       },
       {

src/styles/adaptedStyles/index.ts

@@ -30,7 +30,10 @@ async function setupStyles() {
   }
 
   // history page 历史记录页
-  else if (/https?:\/\/(?:www\.)?bilibili\.com\/account\/history.*/.test(currentUrl)) {
+  else if (
+    /https?:\/\/(?:www\.)?bilibili\.com\/account\/history.*/.test(currentUrl)
+    || /https?:\/\/(?:www\.)?bilibili\.com\/history.*/.test(currentUrl)
+  ) {
     await import('./pages/historyPage.scss')
     document.documentElement.classList.add('historyPage')
   }

src/styles/adaptedStyles/pages/historyPage.scss

@@ -1,4 +1,10 @@
 .bewly-design.historyPage {
+  // #region new history page
+  .history-record.fixed {
+    position: unset;
+  }
+
+  // #region old history page
   // #region theme color adaption part
   // Increase the priority of the style inside by writing a non-existent selector in `:not()`
   :not(foobar) {
@@ -125,4 +131,5 @@
       background-color: var(--bew-content-solid) !important;
     }
   }
+  // #endregion
 }