chore(release): 1.9.2

## [1.9.2](https://github.com/obsqrbtz/goose-highlighter/compare/v1.9.1...v1.9.2) (2025-11-14) ### Bug Fixes * **highlight:** prevent creating extra <span>'s ([#1](https://github.com/obsqrbtz/goose-highlighter/issues/1)) ([affddd3](affddd3dbc))
fix(highlight): prevent creating extra <span>'s (#1 )
2026-04-09 04:29:09 +03:00 · 2025-11-14 13:40:56 +03:00 · 2025-11-14 13:40:43 +03:00 · 2025-11-05 14:59:42 +03:00 · 2025-11-05 14:59:27 +03:00
6 changed files with 64 additions and 98 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,17 @@
+## [1.9.2](https://github.com/obsqrbtz/goose-highlighter/compare/v1.9.1...v1.9.2) (2025-11-14)
+
+
+### Bug Fixes
+
+* **highlight:** prevent creating extra <span>'s ([#1](https://github.com/obsqrbtz/goose-highlighter/issues/1)) ([affddd3](https://github.com/obsqrbtz/goose-highlighter/commit/affddd3dbc7de30100ca134ec65f4dc090275ca5))
+
+## [1.9.1](https://github.com/obsqrbtz/goose-highlighter/compare/v1.9.0...v1.9.1) (2025-11-05)
+
+
+### Bug Fixes
+
+* remove halowen styling ([172aa75](https://github.com/obsqrbtz/goose-highlighter/commit/172aa7583b325761af43c780db4ac61dc4bda99b))
+
 # [1.9.0](https://github.com/obsqrbtz/goose-highlighter/compare/v1.8.5...v1.9.0) (2025-10-31)


--- a/img/pumpkin.webm
+++ b/img/pumpkin.webm
--- a/manifest.json
+++ b/manifest.json
@@ -2,7 +2,7 @@
  "manifest_version": 3,
  "name": "__MSG_extension_name__",
  "description": "__MSG_extension_description__",
-  "version": "1.9.0",
+  "version": "1.9.2",
  "default_locale": "en",
  "permissions": [
    "scripting",
--- a/popup/popup.css
+++ b/popup/popup.css
@@ -6,8 +6,8 @@
  --button-bg: #222;
  --button-hover: #444;
  --button-text: white;
-  --accent: #ff6b35;
-  --accent-hover: #ff8c42;
+  --accent: #ec9c23;
+  --accent-hover: #ffb84d;
  --accent-text: #000;
  --highlight-tag: #292929;
  --highlight-tag-border: #444;
@@ -17,7 +17,7 @@
  --border-radius: 12px;
  --section-bg: #111;
  --switch-bg: #444;
-  --checkbox-accent: #ff6b35;
+  --checkbox-accent: #ec9c23;
  --checkbox-border: #666;
  --scrollbar-bg: var(--section-bg);
  --scrollbar-thumb: var(--accent);
@@ -28,10 +28,6 @@
 body {
  font-family: 'Inter', sans-serif;
  background: var(--bg-color);
-  background-image:
-    radial-gradient(circle at 20% 80%, rgba(255, 107, 53, 0.03) 0%, transparent 50%),
-    radial-gradient(circle at 80% 20%, rgba(255, 140, 0, 0.02) 0%, transparent 50%),
-    radial-gradient(circle at 40% 40%, rgba(139, 69, 19, 0.01) 0%, transparent 50%);
  color: var(--text-color);
  margin: 0;
  padding: 0;
@@ -49,7 +45,7 @@ body.light {
  --button-bg: #e0e0e0;
  --button-hover: #d0d0d0;
  --button-text: #222;
-  --accent: #ff6b35;
+  --accent: #ec9c23;
  --accent-text: #000;
  --highlight-tag: #f0f0f0;
  --highlight-tag-border: #d0d0d0;
@@ -58,7 +54,7 @@ body.light {
  --shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  --section-bg: #fff;
  --switch-bg: #ccc;
-  --checkbox-accent: #ff6b35;
+  --checkbox-accent: #ec9c23;
  --checkbox-border: #999;
 }

@@ -419,14 +415,11 @@ input[type="file"] {
  align-items: center;
  padding: 12px 16px;
  background: var(--bg-color);
-  background-image: linear-gradient(135deg, rgba(255, 107, 53, 0.05) 0%, transparent 50%);
  border-radius: 12px;
-  border: 1px solid rgba(255, 107, 53, 0.1);
  color: var(--fg-color);
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 16px;
-  box-shadow: 0 2px 8px rgba(255, 107, 53, 0.1);
 }

 .icon-toggles {
@@ -492,55 +485,6 @@ input[type="file"] {
  font-weight: 900;
 }

-/* Halloween */
-.halloween-icon {
-  color: #ff6b35;
-  text-shadow: 0 0 8px rgba(255, 107, 53, 0.3);
-  animation: halloween-glow 3s ease-in-out infinite alternate;
-}
-
-@keyframes halloween-glow {
-  0% {
-    text-shadow: 0 0 8px rgba(255, 107, 53, 0.3);
-  }
-
-  100% {
-    text-shadow: 0 0 12px rgba(255, 107, 53, 0.6), 0 0 16px rgba(255, 140, 0, 0.2);
-  }
-}
-
-.section-header:hover .halloween-icon {
-  color: #ff8c42;
-  text-shadow: 0 0 15px rgba(255, 140, 66, 0.8);
-}
-
-.flying-pumpkin-video {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  margin-left: 4px;
-  vertical-align: middle;
-  filter: drop-shadow(0 0 8px rgba(255, 107, 53, 0.4));
-  transition: filter 0.3s ease;
-  background: transparent;
-}
-
-.header-pumpkin {
-  width: 32px;
-  height: 32px;
-  margin-right: 8px;
-  margin-left: 0;
-  filter: drop-shadow(0 0 10px rgba(255, 107, 53, 0.5));
-}
-
-.title:hover .flying-pumpkin-video {
-  filter: drop-shadow(0 0 12px rgba(255, 107, 53, 0.7));
-}
-
-.title:hover .header-pumpkin {
-  filter: drop-shadow(0 0 16px rgba(255, 107, 53, 0.8));
-}
-
 label:has(input.switch) {
  display: flex;
  align-items: center;
@@ -585,9 +529,7 @@ body::-webkit-scrollbar-corner {
  --scrollbar-thumb-border: var(--section-bg);
 }

-html,
-body,
-#wordList {
+html, body, #wordList {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
 }
--- a/popup/popup.html
+++ b/popup/popup.html
@@ -8,7 +8,6 @@
  <link rel="stylesheet" href="popup.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
-
 </head>

 <body class="dark">
@@ -16,9 +15,7 @@

    <div class="header-bar">
      <span class="title">
-        <video class="flying-pumpkin-video header-pumpkin" autoplay loop muted>
-          <source src="../img/pumpkin.webm" type="video/webm">
-        </video> Goose Highlighter
+        <i class="fa-solid fa-highlighter"></i> Goose Highlighter
      </span>
      <div class="icon-toggles">
        <label class="icon-toggle" title="Toggle highlighting">
@@ -34,31 +31,27 @@

    <div class="section" data-section="exceptions">
      <div class="section-header">
-        <h2><i class="fa-solid fa-ban halloween-icon"></i> <span data-i18n="site_exceptions">Site Exceptions</span></h2>
+        <h2><i class="fa-solid fa-ban"></i> <span data-i18n="site_exceptions">Site Exceptions</span></h2>
        <button class="collapse-toggle" data-target="exceptions">
          <i class="fa-solid fa-chevron-up"></i>
        </button>
      </div>
      <div class="section-content" id="exceptions-content">
        <div class="button-row">
-          <button id="toggleExceptionBtn"><i class="fa-solid fa-ban"></i> <span id="exceptionBtnText"
-              data-i18n="add_exception">Add to Exceptions</span></button>
-          <button id="manageExceptionsBtn"><i class="fa-solid fa-list"></i> <span
-              data-i18n="manage_exceptions">Manage</span></button>
+          <button id="toggleExceptionBtn"><i class="fa-solid fa-ban"></i> <span id="exceptionBtnText" data-i18n="add_exception">Add to Exceptions</span></button>
+          <button id="manageExceptionsBtn"><i class="fa-solid fa-list"></i> <span data-i18n="manage_exceptions">Manage</span></button>
        </div>
        <div id="exceptionsPanel" class="exceptions-panel" style="display: none;">
          <h3 data-i18n="exceptions_list">Exception Sites:</h3>
          <div id="exceptionsList" class="exceptions-list"></div>
-          <button id="clearExceptionsBtn" class="danger"><i class="fa-solid fa-trash"></i> <span
-              data-i18n="clear_all">Clear All</span></button>
+          <button id="clearExceptionsBtn" class="danger"><i class="fa-solid fa-trash"></i> <span data-i18n="clear_all">Clear All</span></button>
        </div>
      </div>
    </div>

    <div class="section" data-section="lists">
      <div class="section-header">
-        <h2><i class="fa-solid fa-list halloween-icon"></i> <span data-i18n="highlight_lists">Highlight Lists</span>
-        </h2>
+        <h2><i class="fa-solid fa-list"></i> <span data-i18n="highlight_lists">Highlight Lists</span></h2>
        <button class="collapse-toggle" data-target="lists">
          <i class="fa-solid fa-chevron-up"></i>
        </button>
@@ -76,7 +69,7 @@

    <div class="section" data-section="settings">
      <div class="section-header">
-        <h2><i class="fa-solid fa-gear halloween-icon"></i> <span data-i18n="list_settings">List Settings</span></h2>
+        <h2><i class="fa-solid fa-gear"></i> <span data-i18n="list_settings">List Settings</span></h2>
        <button class="collapse-toggle" data-target="settings">
          <i class="fa-solid fa-chevron-up"></i>
        </button>
@@ -97,14 +90,13 @@
          <span data-i18n="enable_highlight">Enable Highlighting</span>
          <input type="checkbox" class="switch" id="listActive" />
        </label>
-        <button id="applyListSettingsBtn"><i class="fa-solid fa-check"></i> <span
-            data-i18n="apply">Apply</span></button>
+        <button id="applyListSettingsBtn"><i class="fa-solid fa-check"></i> <span data-i18n="apply">Apply</span></button>
      </div>
    </div>

    <div class="section" data-section="addwords">
      <div class="section-header">
-        <h2><i class="fa-solid fa-pen halloween-icon"></i> <span data-i18n="add_words">Add Words</span></h2>
+        <h2><i class="fa-solid fa-pen"></i> <span data-i18n="add_words">Add Words</span></h2>
        <button class="collapse-toggle" data-target="addwords">
          <i class="fa-solid fa-chevron-up"></i>
        </button>
@@ -117,8 +109,7 @@

    <div class="section" data-section="wordlist">
      <div class="section-header">
-        <h2><i class="fa-solid fa-tags halloween-icon"></i> <span data-i18n="word_list">Word List</span>(<span
-            id="wordCount">0</span>)
+        <h2><i class="fa-solid fa-tags"></i> <span data-i18n="word_list">Word List</span>(<span id="wordCount">0</span>)
        </h2>
        <button class="collapse-toggle" data-target="wordlist">
          <i class="fa-solid fa-chevron-up"></i>
@@ -139,7 +130,7 @@

    <div class="section" data-section="options">
      <div class="section-header">
-        <h2><i class="fa-solid fa-sliders halloween-icon"></i> <span data-i18n="options">Options</span></h2>
+        <h2><i class="fa-solid fa-sliders"></i> <span data-i18n="options">Options</span></h2>
        <button class="collapse-toggle" data-target="options">
          <i class="fa-solid fa-chevron-up"></i>
        </button>
@@ -152,8 +143,7 @@
        <div class="button-row">
          <button id="importBtn"><i class="fa-solid fa-upload"></i> <span data-i18n="import_list">Import</span></button>
          <input type="file" id="importInput" accept="application/json" hidden />
-          <button id="exportBtn"><i class="fa-solid fa-download"></i> <span
-              data-i18n="export_list">Export</span></button>
+          <button id="exportBtn"><i class="fa-solid fa-download"></i> <span data-i18n="export_list">Export</span></button>
        </div>
      </div>
    </div>
--- a/src/content/HighlightEngine.ts
+++ b/src/content/HighlightEngine.ts
@@ -151,14 +151,34 @@ export class HighlightEngine {
      for (const node of textNodes) {
        if (!node.nodeValue || !pattern.test(node.nodeValue)) continue;

-        const span = document.createElement('span');
-        span.innerHTML = node.nodeValue.replace(pattern, (match) => {
-          const lookup = matchCase ? match : match.toLowerCase();
-          const className = this.wordStyleMap.get(lookup) || 'highlighted-word-0';
-          return `<span data-gh class="${className}">${match}</span>`;
-        });
+        const fragment = document.createDocumentFragment();
+        const text = node.nodeValue;
+        let lastIndex = 0;
        
-        node.parentNode?.replaceChild(span, node);
+        pattern.lastIndex = 0;
+        let match;
+        
+        while ((match = pattern.exec(text)) !== null) {
+          if (match.index > lastIndex) {
+            fragment.appendChild(document.createTextNode(text.substring(lastIndex, match.index)));
+          }
+          
+          const lookup = matchCase ? match[0] : match[0].toLowerCase();
+          const className = this.wordStyleMap.get(lookup) || 'highlighted-word-0';
+          const highlightSpan = document.createElement('span');
+          highlightSpan.setAttribute('data-gh', '');
+          highlightSpan.className = className;
+          highlightSpan.textContent = match[0];
+          fragment.appendChild(highlightSpan);
+          
+          lastIndex = pattern.lastIndex;
+        }
+        
+        if (lastIndex < text.length) {
+          fragment.appendChild(document.createTextNode(text.substring(lastIndex)));
+        }
+
+        node.parentNode?.replaceChild(fragment, node);
      }
    } catch (e) {
      console.error('Regex error:', e);
Author	SHA1	Message	Date
semantic-release-bot	4f575d9534	chore(release): 1.9.2 ## [1.9.2](https://github.com/obsqrbtz/goose-highlighter/compare/v1.9.1...v1.9.2) (2025-11-14) ### Bug Fixes * highlight: prevent creating extra <span>'s ([#1](https://github.com/obsqrbtz/goose-highlighter/issues/1)) ([`affddd3`](`affddd3dbc`))	2025-11-14 13:40:56 +03:00
Daniel Dada	affddd3dbc	fix(highlight): prevent creating extra <span>'s (#1 )	2025-11-14 13:40:43 +03:00
semantic-release-bot	c8334f9e68	chore(release): 1.9.1 ## [1.9.1](https://github.com/obsqrbtz/goose-highlighter/compare/v1.9.0...v1.9.1) (2025-11-05) ### Bug Fixes * remove halowen styling ([`172aa75`](`172aa7583b`))	2025-11-05 14:59:42 +03:00
Daniel Dada	172aa7583b	fix: remove halowen styling	2025-11-05 14:59:27 +03:00