From 3a8266dae8675f71a5c8c2d6cf727d5084666521 Mon Sep 17 00:00:00 2001
From: moshangqi <2509678669@qq.com>
Date: Wed, 25 Oct 2023 14:43:58 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20cr=20=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintrc.js                                  |  8 +++++++
 src/background/actionListener/tab.ts          |  6 ++---
 src/background/core/request.ts                |  6 ++---
 src/background/core/util.ts                   | 12 +++++-----
 src/components/AccountLayout/context.ts       |  1 -
 src/components/ShortItem/index.module.less    |  6 ++---
 .../SuperSideBar/container/Header/index.tsx   |  1 -
 .../SuperSideBar/core/BuiltinAssistant.tsx    | 13 +---------
 src/components/SuperSideBar/declare.ts        | 24 ++++++++++---------
 .../component/AddTagButton/index.tsx          |  4 ++--
 src/components/SuperSideBar/index.ts          |  6 ++---
 src/components/WordMarkLayout/context.ts      |  2 +-
 src/components/WordMarkLayout/index.tsx       |  2 +-
 src/components/lake-editor/editor-plugin.ts   |  1 -
 src/components/lake-editor/editor.tsx         |  2 +-
 src/core/bridge/background/index.ts           |  4 ++--
 src/core/bridge/background/stroge.ts          |  2 +-
 src/core/bridge/background/tab.ts             |  2 +-
 src/core/browser-system-link.ts               |  6 ++---
 src/hooks/useEnterShortCut.ts                 |  4 ++--
 src/hooks/useMeasure.ts                       | 19 ++++++++-------
 src/isomorphic/background/index.ts            |  1 -
 src/isomorphic/constant/wordMark.ts           |  1 -
 src/isomorphic/constants.ts                   |  1 -
 src/isomorphic/event/contentScript.ts         |  5 ++--
 src/isomorphic/i18n.ts                        |  1 -
 src/isomorphic/util.ts                        |  1 -
 src/pages/inject/ScreenShot/app.tsx           | 16 ++++++-------
 .../inject/WordMark/Inner/OperateMenu.tsx     |  1 -
 src/pages/inject/WordMark/app.tsx             |  6 ++---
 src/pages/inject/action-listener.ts           |  4 ++--
 src/pages/inject/content-scripts.ts           |  4 ++--
 webpack.config.js                             |  1 -
 33 files changed, 81 insertions(+), 92 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 5cc195b1..574ae8e8 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -80,6 +80,14 @@ const tslintConfig = {
     '@typescript-eslint/ban-ts-comment': [ 'warn' ],
     'no-shadow': 'off',
     '@typescript-eslint/no-shadow': 'error',
+    'no-multiple-empty-lines': [
+      'error',
+      {
+        max: 1,
+        maxEOF: 0,
+        maxBOF: 0,
+      },
+    ],
   },
 };
 
diff --git a/src/background/actionListener/tab.ts b/src/background/actionListener/tab.ts
index 53086399..92239651 100644
--- a/src/background/actionListener/tab.ts
+++ b/src/background/actionListener/tab.ts
@@ -12,8 +12,8 @@ export async function createTabActionListener(
   const { type, url } = request.data;
   switch (type) {
     case OperateTabEnum.screenShot: {
-      const tabs = await Chrome.tabs.query({ lastFocusedWindow: true })
-      const res =  await Chrome.tabs.captureVisibleTab(tabs[0].windowId as number);
+      const tabs = await Chrome.tabs.query({ lastFocusedWindow: true });
+      const res = await Chrome.tabs.captureVisibleTab(tabs[0].windowId as number);
       callback(res);
       break;
     }
@@ -25,7 +25,7 @@ export async function createTabActionListener(
     case OperateTabEnum.create: {
       Chrome.tabs.create({ url });
       callback(true);
-      break
+      break;
     }
     default: {
       break;
diff --git a/src/background/core/request.ts b/src/background/core/request.ts
index c5f88d59..a9fccf61 100644
--- a/src/background/core/request.ts
+++ b/src/background/core/request.ts
@@ -123,15 +123,15 @@ async function request<T>(
         action: ContentScriptEvents.ForceUpgradeVersion,
         data: {
           html: responseJson?.html,
-        }
-      })
+        },
+      });
       throw responseJson;
     }
     // 登录过期
     if (response.status === 401 && responseJson.message === 'Unauthorized') {
       Chrome.sendMessageToAllTab({
         action: ContentScriptEvents.LoginOut,
-      })
+      });
       throw responseJson;
     }
     if (!(response.status >= 200 && response.status < 300)) {
diff --git a/src/background/core/util.ts b/src/background/core/util.ts
index 2c1e9f0e..78ca989c 100644
--- a/src/background/core/util.ts
+++ b/src/background/core/util.ts
@@ -1,11 +1,11 @@
-import { IUser } from "@/isomorphic/interface";
-import Storage from "./storage";
-import { STORAGE_KEYS } from "@/config";
+import { IUser } from '@/isomorphic/interface';
+import Storage from './storage';
+import { STORAGE_KEYS } from '@/config';
 
 export const getCurrentAccount = async () => {
   const account = await Storage.get(STORAGE_KEYS.CURRENT_ACCOUNT) as IUser;
   if (!account?.login_at) {
-    return {}
-  } 
+    return {};
+  }
   return account;
-}
+};
diff --git a/src/components/AccountLayout/context.ts b/src/components/AccountLayout/context.ts
index 8ba09f37..c465c53b 100644
--- a/src/components/AccountLayout/context.ts
+++ b/src/components/AccountLayout/context.ts
@@ -12,4 +12,3 @@ export const AccountContext = createContext<IAccountContext>({
     //
   },
 });
-
diff --git a/src/components/ShortItem/index.module.less b/src/components/ShortItem/index.module.less
index 25851c40..56a70fc9 100644
--- a/src/components/ShortItem/index.module.less
+++ b/src/components/ShortItem/index.module.less
@@ -20,11 +20,11 @@
     align-items: center;
     cursor: pointer;
     padding-left: 12px;
-    font-size: 14px;
+    font-size: @font-size;
   }
 
   .tooltip {
-    font-size: 14px;
+    font-size: @font-size;
     position: absolute;
     right: 16px;
     top: 50%;
@@ -35,7 +35,7 @@
 }
 
 .error {
-  font-size: 12px;
+  font-size: @font-size-sm;
   margin-top: 4px;
   color: @red-6;
 }
diff --git a/src/components/SuperSideBar/container/Header/index.tsx b/src/components/SuperSideBar/container/Header/index.tsx
index 79eb8b14..9034f7d6 100644
--- a/src/components/SuperSideBar/container/Header/index.tsx
+++ b/src/components/SuperSideBar/container/Header/index.tsx
@@ -10,7 +10,6 @@ import SettingSvg from '@/assets/svg/setting.svg';
 import HomeSvg from '@/assets/svg/home.svg';
 import styles from './index.module.less';
 
-
 function SuperSidebarHeader() {
   const openHome = () => {
     window.open(LinkHelper.dashboard);
diff --git a/src/components/SuperSideBar/core/BuiltinAssistant.tsx b/src/components/SuperSideBar/core/BuiltinAssistant.tsx
index b199fcb1..b56eb9d0 100644
--- a/src/components/SuperSideBar/core/BuiltinAssistant.tsx
+++ b/src/components/SuperSideBar/core/BuiltinAssistant.tsx
@@ -7,15 +7,6 @@ import {
 } from '@/components/SuperSideBar/declare';
 import { IAssistantManifest } from './IAssistantManifest';
 
-function* builtinPriorityGenerator() {
-  let priority = 0;
-  while (true) {
-    yield `a${++priority}`;
-  }
-}
-
-const builtinPriorityGeneratorInstance = builtinPriorityGenerator()!;
-
 export class BuiltinAssistant implements IAssistant {
   id: number;
 
@@ -29,15 +20,13 @@ export class BuiltinAssistant implements IAssistant {
 
   priority: string;
 
-
   provider: ISideContentProvider;
 
   constructor(manifest: IAssistantManifest) {
     const builtinManifest = builtinManifests[manifest.type];
 
     this.id = manifest.id;
-    this.priority =
-      manifest.priority || builtinPriorityGeneratorInstance.next().value!;
+    this.priority = manifest.priority;
     this.type = manifest.type;
     this.label = this.getLabel(manifest.label) || builtinManifest.label;
     this.description = manifest.description || builtinManifest.description;
diff --git a/src/components/SuperSideBar/declare.ts b/src/components/SuperSideBar/declare.ts
index ce9bce60..8116399c 100644
--- a/src/components/SuperSideBar/declare.ts
+++ b/src/components/SuperSideBar/declare.ts
@@ -3,10 +3,13 @@ import { IUser } from '@/isomorphic/interface';
 import React, { MutableRefObject } from 'react';
 
 export interface IRootDrawerRef {
-  render: (conf: RootRenderProps) => void,
-  onClose: () => void,
+  render: (conf: RootRenderProps) => void;
+  onClose: () => void;
 }
-export type RootRenderProps = { title: React.ReactElement, content: React.ReactElement };
+export type RootRenderProps = {
+  title: React.ReactElement;
+  content: React.ReactElement;
+};
 
 export interface IScrollerRef {
   scrollToBottom(immediately?: boolean): void;
@@ -14,7 +17,6 @@ export interface IScrollerRef {
 
 export type IListenerRemover = () => void;
 
-
 export interface IMessageProgress {
   status?: number;
   icon?: IRenderResult;
@@ -56,13 +58,12 @@ export interface IRenderTextOptions extends IBaseRenderOptions {
   typewriter?: boolean;
 }
 
-
 export interface IRenderInputOptions extends IBaseRenderOptions {
   ref: React.MutableRefObject<any | undefined>;
   placeholder?: string;
   disabled?: boolean;
   onEnter: (text: string) => void;
-  extra?: React.ReactNode
+  extra?: React.ReactNode;
 }
 
 export type IRenderResult = React.JSX.Element | React.ReactElement | null;
@@ -121,7 +122,7 @@ export interface ISidebarRenderContext {
 
   scrollToBottom(immediately?: boolean): void;
 
-  renderDrawer: IRootDrawerRef['render']
+  renderDrawer: IRootDrawerRef['render'];
   closeDrawer(): void;
 }
 
@@ -256,7 +257,7 @@ export abstract class SideContentDatasource<
   }
 
   removeListener(listener: T) {
-    this._listeners = this._listeners.filter((it) => it !== listener);
+    this._listeners = this._listeners.filter(it => it !== listener);
   }
 
   protected notifyListener(invoker: (listener: T) => void) {
@@ -264,7 +265,7 @@ export abstract class SideContentDatasource<
   }
 
   protected notifyDatasetUpdated(params?: IDatasetUpdatedParams) {
-    this.notifyListener((listener) => listener.onDatasetUpdated?.(params));
+    this.notifyListener(listener => listener.onDatasetUpdated?.(params));
   }
 }
 
@@ -298,7 +299,9 @@ export enum AssistantType {
   ClipAssistant = 'ClipAssistant',
 }
 
-export interface IAssistant<T extends ISideContentProvider = ISideContentProvider> {
+export interface IAssistant<
+  T extends ISideContentProvider = ISideContentProvider,
+> {
   id: number;
   type: AssistantType;
   label: string;
@@ -308,4 +311,3 @@ export interface IAssistant<T extends ISideContentProvider = ISideContentProvide
   hasWatermark?: boolean;
   provider: T;
 }
-
diff --git a/src/components/SuperSideBar/impl/ClipAssistant/component/AddTagButton/index.tsx b/src/components/SuperSideBar/impl/ClipAssistant/component/AddTagButton/index.tsx
index bf193e93..7b076c10 100644
--- a/src/components/SuperSideBar/impl/ClipAssistant/component/AddTagButton/index.tsx
+++ b/src/components/SuperSideBar/impl/ClipAssistant/component/AddTagButton/index.tsx
@@ -6,7 +6,7 @@ import { __i18n } from '@/isomorphic/i18n';
 import TagMenu, { ITagMenuProps } from './TagMenu';
 import styles from './index.module.less';
 
-interface IAddTagButtonProps extends ITagMenuProps {}
+type IAddTagButtonProps = ITagMenuProps;
 
 function AddTagButton(props: IAddTagButtonProps) {
   const { tags, selectTags, updateSelectTags, updateTags } = props;
@@ -50,7 +50,7 @@ function AddTagButton(props: IAddTagButtonProps) {
       arrow={false}
     >
       <Button
-        className={classnames("add-tag-button", styles.button)}
+        className={classnames('add-tag-button', styles.button)}
         onClick={() => {
           setOpen(!open);
         }}
diff --git a/src/components/SuperSideBar/index.ts b/src/components/SuperSideBar/index.ts
index 15788132..f930e70c 100644
--- a/src/components/SuperSideBar/index.ts
+++ b/src/components/SuperSideBar/index.ts
@@ -50,7 +50,7 @@ class SuperSidebarContainer {
   get first() {
     return this.rightBarAssistants?.[0];
   }
-  
+
   initCurrentAssistant() {
     if (this._assistants.length === 0) {
       return;
@@ -159,8 +159,8 @@ class SuperSidebarContainer {
 
   addAssistant(assistant: IAssistant) {
     this._assistants.push(assistant);
-    this.notifyListener((listener) => listener.onAssistantsChanged?.());
-    this.notifyListener((listener) => listener.onManifestsChanged?.());
+    this.notifyListener(listener => listener.onAssistantsChanged?.());
+    this.notifyListener(listener => listener.onManifestsChanged?.());
   }
 }
 
diff --git a/src/components/WordMarkLayout/context.ts b/src/components/WordMarkLayout/context.ts
index e4099be7..ad0ffb66 100644
--- a/src/components/WordMarkLayout/context.ts
+++ b/src/components/WordMarkLayout/context.ts
@@ -1,5 +1,5 @@
 import { createContext } from 'react';
 import { IWordMarkConfig } from '@/isomorphic/constant/wordMark';
 
-export interface IWordMarkContext extends IWordMarkConfig {}
+export type IWordMarkContext = IWordMarkConfig;
 export const WordMarkContext = createContext<IWordMarkContext>({} as IWordMarkContext);
diff --git a/src/components/WordMarkLayout/index.tsx b/src/components/WordMarkLayout/index.tsx
index 76d33df8..943aed9a 100644
--- a/src/components/WordMarkLayout/index.tsx
+++ b/src/components/WordMarkLayout/index.tsx
@@ -26,7 +26,7 @@ function WordMarkLayout(props: IWordMarkLayoutProps) {
     }
     return true;
   };
-  
+
   useEffect(() => {
     backgroundBridge.wordMarkConfig.get().then(res => {
       setWordMarkConfig(res);
diff --git a/src/components/lake-editor/editor-plugin.ts b/src/components/lake-editor/editor-plugin.ts
index cb6ab28d..8da240ae 100644
--- a/src/components/lake-editor/editor-plugin.ts
+++ b/src/components/lake-editor/editor-plugin.ts
@@ -150,7 +150,6 @@ export function InjectEditorPlugin({ EditorPlugin, KernelPlugin, PositionUtil, O
     }
   }
 
-
   class CustomKernelPlugin extends KernelPlugin {
     static PluginName = 'CustomEditorPlugin';
 
diff --git a/src/components/lake-editor/editor.tsx b/src/components/lake-editor/editor.tsx
index 8e917ef1..b40811f3 100644
--- a/src/components/lake-editor/editor.tsx
+++ b/src/components/lake-editor/editor.tsx
@@ -152,7 +152,7 @@ export default forwardRef<IEditorRef, EditorProps>((props, ref) => {
                           typeof widget.enable === 'function'
                             ? () => (widget.enable as (ui: any) => boolean)(cardUI)
                             : () => !!widget.enable,
-                      }))
+                      })),
                     });
                   });
                   return cardUI.cardData.getOcrLocations()?.length > 0;
diff --git a/src/core/bridge/background/index.ts b/src/core/bridge/background/index.ts
index 3cb97341..4bfb5dce 100644
--- a/src/core/bridge/background/index.ts
+++ b/src/core/bridge/background/index.ts
@@ -31,13 +31,13 @@ export function callBackgroundBridge(
   data?: MapT<any>,
   callback?: OneArgFunctionT<any>,
 ) {
-  callback = callback || function () {
+  callback = callback || function() {
     // ignore
   };
   Chrome.runtime.sendMessage(
     {
       action: bridgeName,
-      data: data,
+      data,
     },
     res => {
       callback?.(res);
diff --git a/src/core/bridge/background/stroge.ts b/src/core/bridge/background/stroge.ts
index 39661ae5..1d52af71 100644
--- a/src/core/bridge/background/stroge.ts
+++ b/src/core/bridge/background/stroge.ts
@@ -10,7 +10,7 @@ export function createStorageBridge(impl: ICallBridgeImpl) {
           impl(
             BackgroundEvents.OperateStorage,
             { key, type: OperateStorageEnum.get },
-            (res) => {
+            res => {
               resolve(res);
             },
           );
diff --git a/src/core/bridge/background/tab.ts b/src/core/bridge/background/tab.ts
index 15e84352..62a5fbb9 100644
--- a/src/core/bridge/background/tab.ts
+++ b/src/core/bridge/background/tab.ts
@@ -37,7 +37,7 @@ export function createTabBridge(impl: ICallBridgeImpl) {
             },
           );
         });
-      }
+      },
     },
   };
 }
diff --git a/src/core/browser-system-link.ts b/src/core/browser-system-link.ts
index 7aecc7f8..1332dd32 100644
--- a/src/core/browser-system-link.ts
+++ b/src/core/browser-system-link.ts
@@ -1,17 +1,17 @@
 import bowser from 'bowser';
 
-const name =  bowser.getParser(navigator.userAgent).getBrowserName();
+const name = bowser.getParser(navigator.userAgent).getBrowserName();
 const isEdge = name === 'Microsoft Edge';
 
 const ChromeSystemLink = {
   cookieSetting: 'chrome://settings/cookies',
   shortCut: 'chrome://extensions/shortcuts',
-}
+};
 
 const EdgeSystemLink = {
   cookieSetting: 'edge://settings/content',
   shortCut: 'edge://extensions/shortcuts',
-}
+};
 
 function findSystemLink() {
   if (isEdge) {
diff --git a/src/hooks/useEnterShortCut.ts b/src/hooks/useEnterShortCut.ts
index f4962e56..9fa089cf 100644
--- a/src/hooks/useEnterShortCut.ts
+++ b/src/hooks/useEnterShortCut.ts
@@ -15,7 +15,7 @@ export function useEnterShortcut(props: IUseShortcutProps) {
     const onOk = (e: KeyboardEvent) => {
       e.preventDefault();
       props.onOk();
-    }
+    };
     keymaster(okKey, onOk);
     return () => keymaster.unbind(okKey);
   }, [props.onOk, okKey]);
@@ -24,7 +24,7 @@ export function useEnterShortcut(props: IUseShortcutProps) {
     const onCancel = (e: KeyboardEvent) => {
       e.preventDefault();
       props.onCancel();
-    }
+    };
     keymaster(cancelKey, onCancel);
     return () => keymaster.unbind(cancelKey);
   }, [props.onCancel, cancelKey]);
diff --git a/src/hooks/useMeasure.ts b/src/hooks/useMeasure.ts
index 29ec9456..43bf443a 100644
--- a/src/hooks/useMeasure.ts
+++ b/src/hooks/useMeasure.ts
@@ -2,9 +2,7 @@ import { useEffect, useLayoutEffect, useMemo, useState } from 'react';
 import { isEqual, pick } from 'lodash';
 import useLatest from './useLatest';
 
-const effect = typeof window !== 'undefined'
-  ? useLayoutEffect
-  : useEffect;
+const effect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 
 const defaultValue = {
   x: 0,
@@ -18,32 +16,35 @@ const defaultValue = {
   offsetHeight: 0,
   scrollHeight: 0,
   offsetWidth: 0,
-  scrollWidth: 0
+  scrollWidth: 0,
 };
 type UseMeasureRef<E extends HTMLDivElement> = (element: E) => void;
-type UseMeasureResult<E extends HTMLDivElement> = [UseMeasureRef<E>, typeof defaultValue];
+type UseMeasureResult<E extends HTMLDivElement> = [
+  UseMeasureRef<E>,
+  typeof defaultValue,
+];
 
 /** 获取元素的尺寸等信息
  * const [ref, rect] = useMeasure();
- * 
+ *
  * useEffect(() => {
  *  const 文本是否出现省略号... = rect.offsetWidth < rect.scrollWidth;
  * }, [rect])
  * <div ref={ref} />
-*/
+ */
 function useMeasure<E extends HTMLDivElement>(): UseMeasureResult<E> {
   const [el, ref] = useState<E | null>(null);
   const [rect, setRect] = useState<typeof defaultValue>(defaultValue);
   const latestRef = useLatest(el);
 
   const observer = useMemo(() => {
-    return new window.ResizeObserver((entries) => {
+    return new window.ResizeObserver(entries => {
       if (entries[0]) {
         const contentRect = entries[0].contentRect;
         if (!isEqual(entries[0].contentRect, rect)) {
           setRect({
             ...pick(contentRect, ['x', 'y', 'width', 'height', 'top', 'left', 'bottom', 'right']),
-            ...pick(latestRef.current as any, ['offsetHeight', 'scrollHeight', 'offsetWidth', 'scrollWidth'])
+            ...pick(latestRef.current as any, ['offsetHeight', 'scrollHeight', 'offsetWidth', 'scrollWidth']),
           });
         }
       }
diff --git a/src/isomorphic/background/index.ts b/src/isomorphic/background/index.ts
index 4190b2a9..c8230f56 100644
--- a/src/isomorphic/background/index.ts
+++ b/src/isomorphic/background/index.ts
@@ -1,4 +1,3 @@
-
 export enum BackgroundEvents {
   OperateStorage = 'background/operate-storage',
   OperateWindow = 'background/operate-window',
diff --git a/src/isomorphic/constant/wordMark.ts b/src/isomorphic/constant/wordMark.ts
index 1c331d6b..158baf4b 100644
--- a/src/isomorphic/constant/wordMark.ts
+++ b/src/isomorphic/constant/wordMark.ts
@@ -50,4 +50,3 @@ export const defaultWordMarkConfig: IWordMarkConfig = {
   toolbars: [WordMarkOptionTypeEnum.clipping, WordMarkOptionTypeEnum.translate],
   evokeWordMarkShortKey: '',
 };
-
diff --git a/src/isomorphic/constants.ts b/src/isomorphic/constants.ts
index 03f95c7e..d70753d0 100644
--- a/src/isomorphic/constants.ts
+++ b/src/isomorphic/constants.ts
@@ -1,4 +1,3 @@
-
 // 划词操作类型
 export enum WordMarkOptionTypeEnum {
   /**
diff --git a/src/isomorphic/event/contentScript.ts b/src/isomorphic/event/contentScript.ts
index 791fa788..827be92c 100644
--- a/src/isomorphic/event/contentScript.ts
+++ b/src/isomorphic/event/contentScript.ts
@@ -1,4 +1,3 @@
-
 export enum ContentScriptEvents {
   ScreenOcr = 'contentScript/screenOcr',
   SelectArea = 'contentScript/selectArea',
@@ -6,6 +5,6 @@ export enum ContentScriptEvents {
   ToggleSidePanel = 'contentScript/toggleSidePanel',
   WordMarkConfigChange = 'contentScript/wordMarkConfigChange',
   AddContentToClipAssistant = 'contentScript/addContentToClipAssistant',
-  ForceUpgradeVersion= 'contentScript/forceUpgradeVersion',
-  LoginOut= 'contentScript/LoginOut',
+  ForceUpgradeVersion = 'contentScript/forceUpgradeVersion',
+  LoginOut = 'contentScript/LoginOut',
 }
diff --git a/src/isomorphic/i18n.ts b/src/isomorphic/i18n.ts
index f5247425..6272b1f2 100644
--- a/src/isomorphic/i18n.ts
+++ b/src/isomorphic/i18n.ts
@@ -21,4 +21,3 @@ export const __i18n: (text: string, params?: {[key: string]: string}) => string
   en: {},
   useEn: () => true,
 });
-
diff --git a/src/isomorphic/util.ts b/src/isomorphic/util.ts
index 29a0be4f..eccbd32a 100644
--- a/src/isomorphic/util.ts
+++ b/src/isomorphic/util.ts
@@ -93,4 +93,3 @@ export async function transformUrlToFile(data: string | File) {
   }
   return file;
 }
-
diff --git a/src/pages/inject/ScreenShot/app.tsx b/src/pages/inject/ScreenShot/app.tsx
index ac99b4f6..d2e009b9 100644
--- a/src/pages/inject/ScreenShot/app.tsx
+++ b/src/pages/inject/ScreenShot/app.tsx
@@ -179,9 +179,9 @@ function App(props: IAppProps) {
       <div
         className={styles.screenBackgroundLeft}
         style={{
-          left: `0`,
-          top: `0`,
-          bottom: `0`,
+          left: '0',
+          top: '0',
+          bottom: '0',
           width: `${selectAreaLeft}px`,
         }}
       />
@@ -189,7 +189,7 @@ function App(props: IAppProps) {
         className={styles.screenBackgroundTop}
         style={{
           left: `${selectAreaLeft}px`,
-          top: `0`,
+          top: '0',
           height: `${selectAreaTop}px`,
           width: `${selectAreaRight - selectAreaLeft}px`,
         }}
@@ -198,9 +198,9 @@ function App(props: IAppProps) {
         className={styles.screenBackgroundRight}
         style={{
           left: `${selectAreaRight}px`,
-          right: `0`,
-          top: `0`,
-          bottom: `0`,
+          right: '0',
+          top: '0',
+          bottom: '0',
         }}
       />
       <div
@@ -209,7 +209,7 @@ function App(props: IAppProps) {
           left: `${selectAreaLeft}px`,
           width: `${selectAreaRight - selectAreaLeft}px`,
           top: `${selectAreaBottom}px`,
-          bottom: `0`,
+          bottom: '0',
         }}
       />
       <div
diff --git a/src/pages/inject/WordMark/Inner/OperateMenu.tsx b/src/pages/inject/WordMark/Inner/OperateMenu.tsx
index ed9b19a1..fd5270ef 100644
--- a/src/pages/inject/WordMark/Inner/OperateMenu.tsx
+++ b/src/pages/inject/WordMark/Inner/OperateMenu.tsx
@@ -10,7 +10,6 @@ import DragList from '@/components/DragList';
 import { ToolbarItem, toolbars as defaultToolbars } from '../constants';
 import styles from './OperateMenu.module.less';
 
-
 interface IOperateMenuProps {
   pinList: WordMarkOptionTypeEnum[];
   handlePin: (type: WordMarkOptionTypeEnum) => void;
diff --git a/src/pages/inject/WordMark/app.tsx b/src/pages/inject/WordMark/app.tsx
index f058acfd..919cb5a2 100644
--- a/src/pages/inject/WordMark/app.tsx
+++ b/src/pages/inject/WordMark/app.tsx
@@ -209,12 +209,12 @@ function WordMarkApp() {
     const onkeydown = (e: KeyboardEvent) => {
       e.preventDefault();
       setVisible(v => !v);
-    }
+    };
     keymaster(wordMarkContext.evokeWordMarkShortKey, onkeydown);
 
     return () => {
-      keymaster.unbind(wordMarkContext.evokeWordMarkShortKey)
-    }
+      keymaster.unbind(wordMarkContext.evokeWordMarkShortKey);
+    };
   }, [wordMarkContext]);
 
   return (
diff --git a/src/pages/inject/action-listener.ts b/src/pages/inject/action-listener.ts
index 271ccb86..c92e6781 100644
--- a/src/pages/inject/action-listener.ts
+++ b/src/pages/inject/action-listener.ts
@@ -36,7 +36,7 @@ export const initContentScriptActionListener = (context: App) => {
             sendResponse(true);
             break;
           }
-          const { isRunningInjectPage = true } = request.data || {}
+          const { isRunningInjectPage = true } = request.data || {};
           context.isOperateSelecting = true;
           isRunningInjectPage && context.hiddenSidePanel();
           new Promise(resolve => {
@@ -53,7 +53,7 @@ export const initContentScriptActionListener = (context: App) => {
           break;
         }
         case ContentScriptEvents.SelectArea: {
-          const { isRunningInjectPage = true } = request.data || {}
+          const { isRunningInjectPage = true } = request.data || {};
           if (context.isOperateSelecting) {
             sendResponse(true);
             break;
diff --git a/src/pages/inject/content-scripts.ts b/src/pages/inject/content-scripts.ts
index b5552b67..425c1fdc 100644
--- a/src/pages/inject/content-scripts.ts
+++ b/src/pages/inject/content-scripts.ts
@@ -2,7 +2,7 @@ import Chrome from '@/core/chrome';
 import { initI18N } from '@/isomorphic/i18n';
 import {
   ClipAssistantMessageActions,
-  ClipAssistantMessageKey
+  ClipAssistantMessageKey,
 } from '@/isomorphic/event/clipAssistant';
 import {
   WordMarkMessageActions,
@@ -76,7 +76,7 @@ export class App {
 
   private initRoot() {
     const div = document.createElement('div');
-    div.id = `yuque-extension-root-container`;
+    div.id = 'yuque-extension-root-container';
     div.classList.add('yuque-extension-root-container-class');
     const css = Chrome.runtime.getURL('content-scripts.css');
     fetch(css)
diff --git a/webpack.config.js b/webpack.config.js
index f86695a5..49cdded7 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -78,7 +78,6 @@ const plugins = [
     'process.env.VERSION': JSON.stringify(pkg.version),
     'process.env.BUILD_TIME': JSON.stringify(moment().format('MMDDHHmm')),
     'process.env.SERVER_HOST': JSON.stringify(SERVER_HOST),
-    'process.env.ENTRY': JSON.stringify(process.env.ENTRY),
   }),
 ];