Fixing text and "no web page changes" message on mobile

changedetectionio/blueprint/ui/edit.py

@@ -52,7 +52,13 @@ def construct_blueprint(datastore: ChangeDetectionStore, update_q, queuedWatchMe
                     redirect(url_for('ui_edit.edit_page', uuid=uuid))
 
         # be sure we update with a copy instead of accidently editing the live object by reference
-        default = deepcopy(datastore.data['watching'][uuid])
+        default = None
+        while not default:
+            try:
+                default = deepcopy(datastore.data['watching'][uuid])
+            except RuntimeError as e:
+                # Dictionary changed
+                continue
 
         # Defaults for proxy choice
         if datastore.proxy_list is not None:  # When enabled

changedetectionio/blueprint/watchlist/templates/watch-overview.html

@@ -159,7 +159,7 @@ html[data-darkmode="true"] .watch-tag-list.tag-{{ class_name }} {
             <tbody>
             {%- if not watches|length -%}
             <tr>
-                <td colspan="{{ cols_required }}" style="text-wrap: wrap;">{{ _('No website watches configured, please add a URL in the box above, or') }} <a href="{{ url_for('imports.import_page')}}" >{{ _('import a list') }}</a>.</td>
+                <td colspan="{{ cols_required }}" style="text-wrap: wrap;">{{ _('No web page change detection watches configured, please add a URL in the box above, or') }} <a href="{{ url_for('imports.import_page')}}" >{{ _('import a list') }}</a>.</td>
             </tr>
             {%- endif -%}
 

changedetectionio/content_fetchers/webdriver_selenium.py

@@ -157,7 +157,17 @@ class fetcher(Fetcher):
                     import io
                     img = Image.open(io.BytesIO(screenshot_png))
                     # Convert to RGB if needed (JPEG doesn't support transparency)
-                    if img.mode != 'RGB':
+                    # Always convert non-RGB modes to RGB to ensure JPEG compatibility
+                    if img.mode in ('RGBA', 'LA', 'P', 'PA'):
+                        # Handle transparency by compositing onto white background
+                        if img.mode == 'P':
+                            img = img.convert('RGBA')
+                        background = Image.new('RGB', img.size, (255, 255, 255))
+                        if img.mode in ('RGBA', 'LA', 'PA'):
+                            background.paste(img, mask=img.split()[-1])  # Use alpha channel as mask
+                        img = background
+                    elif img.mode != 'RGB':
+                        # For other modes, direct conversion
                         img = img.convert('RGB')
                     jpeg_buffer = io.BytesIO()
                     img.save(jpeg_buffer, format='JPEG', quality=int(os.getenv("SCREENSHOT_QUALITY", 72)))

changedetectionio/static/styles/scss/parts/_watch_table-mobile.scss

@@ -125,6 +125,11 @@ $grid-gap: 0.5rem;
           border-bottom: none;
         }
 
+        // Empty state message - span full width on mobile
+        > td[colspan] {
+          grid-column: 1 / -1;
+        }
+
         > td.title-col {
           grid-column: 1 / -1;
           grid-row: 1;

changedetectionio/static/styles/scss/styles.scss

@@ -33,6 +33,31 @@
 @use "parts/login_form";
 @use "parts/tabs";
 
+// Smooth transitions for theme switching
+body,
+.pure-table,
+.pure-table thead,
+.pure-table td,
+.pure-table th,
+.pure-form input,
+.pure-form textarea,
+.pure-form select,
+.edit-form .inner,
+.pure-menu-horizontal,
+footer,
+.sticky-tab,
+#diff-jump,
+.button-tag,
+#new-watch-form,
+#new-watch-form input:not(.pure-button),
+code,
+.messages li,
+#checkbox-operations,
+.inline-warning,
+a,
+.watch-controls img {
+  transition: color 0.4s ease, background-color 0.4s ease, background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
+}
 
 body {
   color: var(--color-text);

changedetectionio/tests/test_filter_failure_notification.py

@@ -45,7 +45,7 @@ def run_filter_test(client, live_server, content_filter, app_notification_format
     uuid = client.application.config.get('DATASTORE').add_watch(url=test_url)
     res = client.get(url_for("watchlist.index"))
 
-    assert b'No website watches configured' not in res.data
+    assert b'No web page change detection watches configured' not in res.data
 
 
     client.get(url_for("ui.form_watch_checknow"), follow_redirects=True)

changedetectionio/translations/cs/LC_MESSAGES/messages.po

@@ -2008,7 +2008,7 @@ msgid "Changed"
 msgstr "Změněno"
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130
-msgid "No website watches configured, please add a URL in the box above, or"
+msgid "No web page change detection watches configured, please add a URL in the box above, or"
 msgstr ""
 "Nejsou nakonfigurována žádná sledování webových stránek, do výše "
 "uvedeného pole přidejte adresu URL nebo"

changedetectionio/translations/de/LC_MESSAGES/messages.po

@@ -2044,7 +2044,7 @@ msgid "Changed"
 msgstr "Geändert"
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130
-msgid "No website watches configured, please add a URL in the box above, or"
+msgid "No web page change detection watches configured, please add a URL in the box above, or"
 msgstr ""
 "Es sind keine Website-Überwachungen konfiguriert. Bitte fügen Sie im Feld"
 " oben eine URL hinzu, oder"
@@ -2229,7 +2229,7 @@ msgstr "Über dem Preis, um eine Benachrichtigung auszulösen"
 #: changedetectionio/processors/restock_diff/forms.py:25
 #, python-format
 msgid "Threshold in %% for price changes since the original price"
-msgstr "Schwellenwert in % für Preisänderungen seit dem ursprünglichen Preis"
+msgstr "Schwellenwert in %% für Preisänderungen seit dem ursprünglichen Preis"
 
 #: changedetectionio/processors/restock_diff/forms.py:28
 msgid "Should be between 0 and 100"

changedetectionio/translations/en_GB/LC_MESSAGES/messages.po

@@ -1989,7 +1989,7 @@ msgid "Changed"
 msgstr ""
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130
-msgid "No website watches configured, please add a URL in the box above, or"
+msgid "No web page change detection watches configured, please add a URL in the box above, or"
 msgstr ""
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130

changedetectionio/translations/en_US/LC_MESSAGES/messages.po

@@ -1989,7 +1989,7 @@ msgid "Changed"
 msgstr ""
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130
-msgid "No website watches configured, please add a URL in the box above, or"
+msgid "No web page change detection watches configured, please add a URL in the box above, or"
 msgstr ""
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130

changedetectionio/translations/fr/LC_MESSAGES/messages.po

@@ -2051,7 +2051,7 @@ msgid "Changed"
 msgstr "Modifié"
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130
-msgid "No website watches configured, please add a URL in the box above, or"
+msgid "No web page change detection watches configured, please add a URL in the box above, or"
 msgstr ""
 "Aucune surveillance de site Web configurée, veuillez ajouter une URL dans"
 " la case ci-dessus, ou"

changedetectionio/translations/it/LC_MESSAGES/messages.po

@@ -2020,7 +2020,7 @@ msgid "Changed"
 msgstr "Modifica"
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130
-msgid "No website watches configured, please add a URL in the box above, or"
+msgid "No web page change detection watches configured, please add a URL in the box above, or"
 msgstr "Nessun monitoraggio configurato, aggiungi un URL nella casella sopra, oppure"
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130

changedetectionio/translations/ko/LC_MESSAGES/messages.po

@@ -2036,7 +2036,7 @@ msgid "Changed"
 msgstr "변경됨"
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130
-msgid "No website watches configured, please add a URL in the box above, or"
+msgid "No web page change detection watches configured, please add a URL in the box above, or"
 msgstr "구성된 웹사이트 시계가 없습니다. 위 상자에 URL을 추가하세요. 또는"
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130

changedetectionio/translations/messages.pot

@@ -1988,7 +1988,7 @@ msgid "Changed"
 msgstr ""
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130
-msgid "No website watches configured, please add a URL in the box above, or"
+msgid "No web page change detection watches configured, please add a URL in the box above, or"
 msgstr ""
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130

changedetectionio/translations/zh_Hant_TW/LC_MESSAGES/messages.po

@@ -1992,7 +1992,7 @@ msgid "Changed"
 msgstr "變更"
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130
-msgid "No website watches configured, please add a URL in the box above, or"
+msgid "No web page change detection watches configured, please add a URL in the box above, or"
 msgstr "未設定網站監測任務，請在上方欄位新增 URL，或"
 
 #: changedetectionio/blueprint/watchlist/templates/watch-overview.html:130

requirements.txt

@@ -42,7 +42,7 @@ orjson~=3.11
 # jq not available on Windows so must be installed manually
 
 # Notification library
-apprise==1.9.5
+apprise==1.9.6
 
 diff_match_patch
 
@@ -70,7 +70,7 @@ lxml >=4.8.0,!=5.2.0,!=5.2.1,<7
 
 # XPath 2.0-3.1 support - 4.2.0 had issues, 4.1.5 stable
 # Consider updating to latest stable version periodically
-elementpath==5.0.4
+elementpath==5.1.0
 
 # For fast image comparison in screenshot change detection
 # opencv-python-headless is OPTIONAL (excluded from requirements.txt)