style: 🚨 修复升级依赖后的报错

hymbz · hymbz · commit 38d8f20ec160 · 2025-08-11T11:15:15.000+08:00
diff --git a/.oxlintrc.json b/.oxlintrc.json
@@ -17,7 +17,9 @@
     "style": "warn"
   },
   "env": {
-    "builtin": true
+    "browser": true,
+    "worker": true,
+    "es2024": true
   },
   // 有 bug，只能使用 .eslintignore 来禁用，暂时注释
   // "ignorePatterns": [
diff --git a/src/components/DownloadButton.tsx b/src/components/DownloadButton.tsx
@@ -68,7 +68,10 @@ export const DownloadButton = () => {
       level: 0,
       comment: location.href,
     });
-    saveAs(new Blob([zipped]), `${store.title || state.rawTitle}.zip`);
+    saveAs(
+      new Blob([zipped as BlobPart]),
+      `${store.title || state.rawTitle}.zip`,
+    );
     setState('completedNum', -1);
     toast(
       state.errorNum > 0
diff --git a/src/components/IconButton/index.tsx b/src/components/IconButton/index.tsx
@@ -31,7 +31,7 @@ type IconButtonProps = {
 /** 图标按钮 */
 export const IconButton: Component<IconButtonProps> = (_props) => {
   const props = mergeProps({ placement: 'right' }, _props);
-  let buttonRef!: HTMLButtonElement;
+  let buttonRef!: HTMLButtonElement; // oxlint-disable-line no-unassigned-vars
   const handleClick: EventHandler['on:click'] = (e) => {
     if (props.disable) return;
     (props.onClick as JSX.EventHandler<HTMLElement, MouseEvent>)?.(e);
diff --git a/src/components/Manga/actions/renderPage.ts b/src/components/Manga/actions/renderPage.ts
@@ -160,7 +160,7 @@ export const imgShowState = createRootMemo<Map<number, 0 | 1 | ''>>(() => {
     : store.renderRange;
 
   const stateList = new Map<number, 0 | 1 | ''>();
-  for (let i = showRange[0]; i <= showRange[1]; i++) {
+  for (let [i] = showRange; i <= showRange[1]; i++) {
     const page = store.pageList[i];
     if (!page) continue;
     const [a, b] = page;
diff --git a/src/components/Manga/actions/switch.ts b/src/components/Manga/actions/switch.ts
@@ -1,5 +1,5 @@
 import { refs, setState, type State, store } from '../store';
-import { getImgEle, setOption } from './helper';
+import { setOption } from './helper';
 import { updatePageData } from './image';
 import { updateImgLoadType } from './imageLoad';
 import { handleImgRecognition } from './imageRecognition';
diff --git a/src/components/Manga/actions/translation/selfhosted.ts b/src/components/Manga/actions/translation/selfhosted.ts
@@ -51,7 +51,7 @@ export const selfhostedTranslation = async (url: string): Promise<string> => {
         responseType: 'json',
         data: createFormData(imgBlob, 'selfhosted-old'),
       });
-      task_id = res.response.task_id;
+      ({ task_id } = res.response);
     } catch (error) {
       log.error(error);
       throw new Error(t('translation.tip.upload_error'));
@@ -155,7 +155,7 @@ export const selfhostedTranslation = async (url: string): Promise<string> => {
 };
 
 export const [selfhostedOptions, setSelfOptions] = createEqualsSignal<
-  Array<[string, string]>
+  [string, string][]
 >([]);
 
 /** 更新部署服务的可用翻译 */
diff --git a/src/components/Manga/components/ComicImg.module.css b/src/components/Manga/components/ComicImg.module.css
@@ -100,7 +100,7 @@
   grid-auto-columns: 100%;
   grid-auto-flow: column;
   grid-auto-rows: 100%;
-  grid-row-gap: 0;
+  row-gap: 0;
   place-items: center;
 
   width: 100%;
@@ -155,8 +155,8 @@
   grid-auto-columns: 1fr;
   grid-auto-flow: row;
   grid-auto-rows: max-content;
-  grid-row-gap: 1.5em;
   grid-template-rows: unset;
+  row-gap: 1.5em;
   align-items: end;
 
   box-sizing: border-box;
@@ -202,7 +202,7 @@
 
   .mangaFlow {
     touch-action: pan-y;
-    grid-row-gap: calc(var(--scroll-mode-spacing) * 7px);
+    row-gap: calc(var(--scroll-mode-spacing) * 7px);
     height: fit-content;
   }
 
@@ -211,7 +211,7 @@
     overflow: hidden;
 
     .mangaFlow {
-      grid-column-gap: calc(var(--scroll-mode-spacing) * 7px);
+      column-gap: calc(var(--scroll-mode-spacing) * 7px);
       align-items: start;
       height: 100%;
 
diff --git a/src/components/Manga/components/EmptyTip.tsx b/src/components/Manga/components/EmptyTip.tsx
@@ -3,7 +3,7 @@ import type { Component } from 'solid-js';
 import { onAutoMount } from 'helper';
 
 export const EmptyTip: Component = () => {
-  let ref!: HTMLHeadingElement;
+  let ref!: HTMLHeadingElement; // oxlint-disable-line no-unassigned-vars
 
   onAutoMount(() => {
     let timeoutId = 0;
diff --git a/src/components/Manga/components/EndPage.tsx b/src/components/Manga/components/EndPage.tsx
@@ -28,7 +28,7 @@ export const EndPage: Component = () => {
     focus();
   };
 
-  let ref!: HTMLDivElement;
+  let ref!: HTMLDivElement; // oxlint-disable-line no-unassigned-vars
 
   const [isDrag, setIsDrag] = createSignal(false);
   const [dragY, setDragY] = createSignal(0);
diff --git a/src/components/Manga/components/Scrollbar.tsx b/src/components/Manga/components/Scrollbar.tsx
@@ -68,7 +68,7 @@ export const Scrollbar: Component = () => {
     }
 
     const tipList: string[] = [];
-    for (let i = store.showRange[0]; i <= store.showRange[1]; i++)
+    for (let [i] = store.showRange; i <= store.showRange[1]; i++)
       tipList.push(getPageTip(i));
 
     if (isOnePageMode() || isDoubleMode()) return tipList.join('\n');
diff --git a/src/components/Manga/components/SettingHotkeys.tsx b/src/components/Manga/components/SettingHotkeys.tsx
@@ -126,7 +126,7 @@ export const SettingHotkeys: Component<{ keys: string[] }> = (props) => (
 );
 
 const OtherHotkeys: Component<{ keys: string[] }> = (props) => {
-  let ref!: HTMLSelectElement;
+  let ref!: HTMLSelectElement; // oxlint-disable-line no-unassigned-vars
 
   const handleChange: EventHandler<HTMLSelectElement>['onChange'] = (e) => {
     const name = e.target.value;
diff --git a/src/components/Manga/components/SettingsItemSelect.tsx b/src/components/Manga/components/SettingsItemSelect.tsx
@@ -16,7 +16,7 @@ export type SettingsItemSelectProps<T extends string> = {
 export const SettingsItemSelect = <T extends string = string>(
   props: SettingsItemSelectProps<T>,
 ) => {
-  let ref!: HTMLSelectElement;
+  let ref!: HTMLSelectElement; // oxlint-disable-line no-unassigned-vars
 
   createEffect(() => {
     ref.value = props.options?.some(([val]) => val === props.value)
diff --git a/src/components/RangeInput.tsx b/src/components/RangeInput.tsx
@@ -11,7 +11,7 @@ export type RangeInputProps = {
 
 /** 范围输入框 */
 export const RangeInput: Component<RangeInputProps> = (props) => {
-  let ref!: HTMLTextAreaElement;
+  let ref!: HTMLTextAreaElement; // oxlint-disable-line no-unassigned-vars
 
   /** 在保持光标位置不变的情况下修改文本 */
   const editText = (text: string) => {
diff --git a/src/components/Toast/ToastItem.tsx b/src/components/Toast/ToastItem.tsx
@@ -60,7 +60,7 @@ export const ToastItem: Component<Toast> = (props) => {
     dismissToast(props.id);
   };
 
-  let scheduleRef!: HTMLDivElement;
+  let scheduleRef!: HTMLDivElement; // oxlint-disable-line no-unassigned-vars
   createEffect(() => {
     if (!props.update) return;
     resetToastUpdate(props.id);
diff --git a/src/index.ts b/src/index.ts
@@ -660,7 +660,7 @@ try {
           const img = await wait(() =>
             querySelector<HTMLImageElement>('.lazy-load-image-background img'),
           );
-          const cdn = img.src.split(id)[0];
+          const [cdn] = img.src.split(id);
 
           const imgNum = await wait(
             () => querySelectorAll('.lazy-load-image-background').length,
@@ -962,7 +962,7 @@ try {
               .split('/')
               .map(Number);
             const data = await getChapters(mangaId, chapterId);
-            const { pageCount } = data.chapters.nodes[0];
+            const [{ pageCount }] = data.chapters.nodes;
             const chapterCount = data.manga.chapters.totalCount;
 
             setState('manga', {
diff --git a/src/pwa/src/unzip/libunrar.ts b/src/pwa/src/unzip/libunrar.ts
@@ -45,7 +45,9 @@ const findImgFile = async (
 
     const filtType = await fileTypeFromBuffer(entry.fileContent);
     const url = await createObjectURL(
-      new Blob([entry.fileContent], { type: filtType?.mime || 'image/jpeg' }),
+      new Blob([entry.fileContent as BlobPart], {
+        type: filtType?.mime || 'image/jpeg',
+      }),
     );
     if (!url) throw new Error(t('pwa.alert.img_data_error'));
     return [{ name: path.join('-'), url }];
diff --git a/src/rollup-plugin/vite.ts b/src/rollup-plugin/vite.ts
@@ -22,7 +22,7 @@ const worker: PluginOption[] = [
     transform(code, path) {
       // 修改 vite 对 ?worker 模块的导入代码，改成返回 comlink 包装后的 worker
       if (path.endsWith('?worker')) {
-        const workerUrl = /Worker\(\s+"(.+?)"/.exec(code)![1];
+        const [, workerUrl] = /Worker\(\s+"(.+?)"/.exec(code)!;
         return `
 import * as Comlink from 'comlink';
 const worker = Comlink.wrap(new Worker("${workerUrl}", { type: "module" }));
diff --git a/src/site/copymanga.tsx b/src/site/copymanga.tsx
@@ -473,7 +473,7 @@ const buildChapters = async (comicName: string, hiddenType: HiddenType) => {
 
   // 目录页
   if (!id && location.href.includes('/comic/')) {
-    comicName = location.href.split('/comic/')[1];
+    [, comicName] = location.href.split('/comic/');
     if (!comicName) return;
 
     let hiddenType: HiddenType | undefined;
diff --git a/src/site/ehentai/detectAd.ts b/src/site/ehentai/detectAd.ts
@@ -27,7 +27,7 @@ export const detectAd = ({
     pageList[index] = e.href;
 
     const thumbnail = e.querySelector<HTMLElement>('[title]')!;
-    fileNameList[index] = thumbnail.title.split(/：|: /)[1];
+    [, fileNameList[index]] = thumbnail.title.split(/：|: /);
     thumbnailList[index] =
       thumbnail.tagName === 'IMG'
         ? (thumbnail as HTMLImageElement)
diff --git a/src/site/ehentai/expandTagList.tsx b/src/site/ehentai/expandTagList.tsx
@@ -61,6 +61,14 @@ export const expandTagList = (context: EhContext) => {
         html = domParse(res.responseText);
         taglist = html.querySelector<HTMLElement>('#taglist');
         if (!taglist) throw new Error('Fetch tag list error');
+
+        // 因为 eh 目录页的缩略图是用精灵图的方式实现的，
+        // 所以在这里顺便预载一下这张图，点进去后就能立刻显示缩略图了
+        const [, thumbnail] = html
+          .querySelector<HTMLElement>('#gdt div[title][style]')!
+          .style.background.split('"');
+        new Image().src = thumbnail;
+
         for (const a of taglist.querySelectorAll<HTMLAnchorElement>('a'))
           a.target = '_blank';
       } catch {
diff --git a/src/site/ehentai/index.tsx b/src/site/ehentai/index.tsx
@@ -382,7 +382,7 @@ import { tagLint } from './tagLint';
         return reloadImg(url);
       }
     }
-    setState('comicMap', '', 'imgList', i, context.imgList[i]);
+    setState('comicMap', '', 'imgList', context.imgList);
 
     for (const img of MangaImgList())
       if (img.loadType === 'error') return reloadImg(img.src);
diff --git a/src/site/ehentai/quickFavorite.tsx b/src/site/ehentai/quickFavorite.tsx
@@ -211,7 +211,7 @@ export const quickFavorite = (context: EhContext) => {
         const bottom =
           item.lastElementChild!.getBoundingClientRect().top -
           item.getBoundingClientRect().top;
-        const apiUrl = /http.+?(?=')/.exec(button.getAttribute('onclick')!)![0];
+        const [apiUrl] = /http.+?(?=')/.exec(button.getAttribute('onclick')!)!;
         addQuickFavorite(button, item, apiUrl, bottom - top, top);
       }
       break;
@@ -223,7 +223,7 @@ export const quickFavorite = (context: EhContext) => {
         const button =
           item.nextElementSibling!.querySelector<HTMLElement>('[id^=posted_]')!;
         const height = Number.parseInt(getComputedStyle(item).height, 10);
-        const apiUrl = /http.+?(?=')/.exec(button.getAttribute('onclick')!)![0];
+        const [apiUrl] = /http.+?(?=')/.exec(button.getAttribute('onclick')!)!;
         addQuickFavorite(button, item, apiUrl, height);
       }
       break;
diff --git a/src/site/yamibo.tsx b/src/site/yamibo.tsx
@@ -192,7 +192,7 @@ type History = {
       const tagDom = querySelector<HTMLAnchorElement>('.ptg.mbm.mtn > a');
       // 通过标签确定上/下一话
       if (tagDom) {
-        const tagId = tagDom.href.split('id=')[1];
+        const [, tagId] = tagDom.href.split('id=');
         const reg = /(?<=<th>\s<a href="thread-)\d+(?=-)/g;
         let threadList: number[] = [];
 
diff --git a/src/types/index.d.ts b/src/types/index.d.ts
@@ -1,3 +1,4 @@
+// oxlint-disable consistent-type-definitions
 import type { Component, JSX } from 'solid-js';
 
 declare global {
@@ -49,7 +50,7 @@ declare module 'solid-js' {
   namespace JSX {
     interface ExplicitAttributes {
       // attr:___
-      [k: string]: string;
+      [k: string]: string; // oxlint-disable-line consistent-indexed-object-style
     }
 
     type KeyboardEventSelf = KeyboardEvent & {
diff --git a/src/worker/ImageRecognition/pHash.ts b/src/worker/ImageRecognition/pHash.ts
@@ -11,7 +11,9 @@ const resizeImg = async (
   height: number,
   size = 8,
 ) => {
-  const imgBitmap = await createImageBitmap(new ImageData(data, width, height));
+  const imgBitmap = await createImageBitmap(
+    new ImageData(data as ImageDataArray, width, height),
+  );
   const canvas = new OffscreenCanvas(size, size);
   const ctx = canvas.getContext('2d')!;
   ctx.drawImage(imgBitmap, 0, 0, size, size);
diff --git a/test/site.test.ts b/test/site.test.ts
@@ -108,7 +108,7 @@ const getSiteTestInfo = () => {
       skip.push(name);
       continue;
     }
-    const [, url] = commentRes[0];
+    const [[, url]] = commentRes;
     if (!url.startsWith('http')) continue;
 
     const only = comment.includes('// only');

Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@ export const Scrollbar: Component = () => {`
`68`	`68`	`}`
`69`	`69`
`70`	`70`	`const tipList: string[] = [];`
`71`		`- for (let i = store.showRange[0]; i <= store.showRange[1]; i++)`
	`71`	`+ for (let [i] = store.showRange; i <= store.showRange[1]; i++)`
`72`	`72`	`tipList.push(getPageTip(i));`
`73`	`73`
`74`	`74`	`if (isOnePageMode() \|\| isDoubleMode()) return tipList.join('\n');`