Refactor handleNode to improve line break detection logic

- Removed the inline checkBreakLineHappened function and exported forceBreakLineTags and forceBreakLineTagsUpper for better modularity.
- Introduced a new import for checkBreakLineHappened to enhance code organization and maintainability.

Author: HaloWang

pages/content/src/checkBreakLineHappened.ts

@@ -0,0 +1,48 @@
+import { forceBreakLineTagsUpper, forceBreakLineTags } from './handleNode';
+
+export const checkBreakLineHappened = (node: HTMLElement) => {
+  const computedStyle = window.getComputedStyle(node);
+  if (computedStyle.display === 'none' || computedStyle.visibility === 'hidden' || computedStyle.opacity === '0') {
+    return false;
+  }
+
+  if (forceBreakLineTagsUpper.includes(node.nodeName) || forceBreakLineTags.includes(node.nodeName)) {
+    return true;
+  }
+
+  // 获取文本内容
+  const textContent = node.textContent?.trim();
+  if (!textContent) return false;
+
+  // 方法1: 检查 white-space 属性
+  if (computedStyle.whiteSpace === 'nowrap') {
+    return false; // 强制不换行，所以没有折行
+  }
+
+  // 方法2: 检查元素高度是否大于行高
+  const lineHeight = parseFloat(computedStyle.lineHeight) || parseFloat(computedStyle.fontSize) * 1.2;
+  const elementHeight = node.offsetHeight;
+
+  // 如果元素高度明显大于行高，说明发生了折行
+  if (elementHeight > lineHeight * 1.5) {
+    return true;
+  }
+
+  // 方法3: 检查是否有换行符
+  if (textContent.includes('\n') || textContent.includes('\r')) {
+    return true;
+  }
+
+  // 方法4: 检查文本长度和容器宽度的比例
+  const elementWidth = node.offsetWidth;
+  const fontSize = parseFloat(computedStyle.fontSize);
+  const estimatedCharWidth = fontSize * 0.6; // 估算每个字符的平均宽度
+  const estimatedTextWidth = textContent.length * estimatedCharWidth;
+
+  // 如果估算的文本宽度明显大于容器宽度，很可能发生折行
+  if (estimatedTextWidth > elementWidth * 1.2) {
+    return true;
+  }
+
+  return false;
+};

pages/content/src/handleNode.ts

@@ -1,3 +1,4 @@
+import { checkBreakLineHappened } from './checkBreakLineHappened';
 import { getPriority } from './getPriority';
 import { state } from './state';
 import { ignoreHref, isChinese, isUrl, queryWS, formatTranslation } from '@extension/shared';
@@ -11,55 +12,8 @@ const checkingTypeUpper = checkingTypeLower.map(item => item.toUpperCase());
 const checkingTypes = checkingTypeLower.concat(checkingTypeUpper);
 let tick = 0;
 
-const forceBreakLineTags = ['ul', 'ol', 'li'];
-const forceBreakLineTagsUpper = forceBreakLineTags.map(item => item.toUpperCase());
-
-const checkBreakLineHappened = (node: HTMLElement) => {
-  const computedStyle = window.getComputedStyle(node);
-  if (computedStyle.display === 'none' || computedStyle.visibility === 'hidden' || computedStyle.opacity === '0') {
-    return false;
-  }
-
-  if (forceBreakLineTagsUpper.includes(node.nodeName) || forceBreakLineTags.includes(node.nodeName)) {
-    return true;
-  }
-
-  // 获取文本内容
-  const textContent = node.textContent?.trim();
-  if (!textContent) return false;
-
-  // 方法1: 检查 white-space 属性
-  if (computedStyle.whiteSpace === 'nowrap') {
-    return false; // 强制不换行，所以没有折行
-  }
-
-  // 方法2: 检查元素高度是否大于行高
-  const lineHeight = parseFloat(computedStyle.lineHeight) || parseFloat(computedStyle.fontSize) * 1.2;
-  const elementHeight = node.offsetHeight;
-
-  // 如果元素高度明显大于行高，说明发生了折行
-  if (elementHeight > lineHeight * 1.5) {
-    return true;
-  }
-
-  // 方法3: 检查是否有换行符
-  if (textContent.includes('\n') || textContent.includes('\r')) {
-    return true;
-  }
-
-  // 方法4: 检查文本长度和容器宽度的比例
-  const elementWidth = node.offsetWidth;
-  const fontSize = parseFloat(computedStyle.fontSize);
-  const estimatedCharWidth = fontSize * 0.6; // 估算每个字符的平均宽度
-  const estimatedTextWidth = textContent.length * estimatedCharWidth;
-
-  // 如果估算的文本宽度明显大于容器宽度，很可能发生折行
-  if (estimatedTextWidth > elementWidth * 1.2) {
-    return true;
-  }
-
-  return false;
-};
+export const forceBreakLineTags = ['ul', 'ol', 'li'];
+export const forceBreakLineTagsUpper = forceBreakLineTags.map(item => item.toUpperCase());
 
 export const handleNode = (_node: Node): boolean => {
   const currentUrl = window.location.href;