Add DNG support v0.7

app/static/app.js

@@ -120,11 +120,12 @@ function formatType(filename) {
   if (extension === 'png') return 'PNG';
   if (extension === 'tif' || extension === 'tiff') return 'TIFF';
   if (extension === 'heic' || extension === 'heif' || extension === 'hif') return 'HEIF';
+  if (extension === 'dng') return 'DNG';
   return extension.toUpperCase();
 }
 
 function requiresServerPreview(photo) {
-  return photo.format === 'TIFF' || photo.format === 'HEIF';
+  return photo.format === 'TIFF' || photo.format === 'HEIF' || photo.format === 'DNG';
 }
 
 function storageKey() {
@@ -178,7 +179,7 @@ async function scanFolder() {
   const photos = [];
 
   for await (const [name, handle] of state.directoryHandle.entries()) {
-    if (handle.kind !== 'file' || !/\.(jpe?g|png|tiff?|heic|heif|hif)$/i.test(name)) continue;
+    if (handle.kind !== 'file' || !/\.(jpe?g|png|tiff?|heic|heif|hif|dng)$/i.test(name)) continue;
     const file = await handle.getFile();
     const previous = stored.photos?.[name] || {};
     const unchanged = !previous.lastModified || previous.lastModified === file.lastModified;
@@ -217,7 +218,7 @@ async function scanFolder() {
   } else {
     elements.viewerContent.classList.add('hidden');
     elements.viewerEmpty.classList.remove('hidden');
-    showToast('No JPG, PNG, TIFF, HEIC, HEIF, or HIF files were found in that folder.', true);
+    showToast('No JPG, PNG, TIFF, HEIC, HEIF, HIF, or DNG files were found in that folder.', true);
   }
 }
 

app/static/index.html

@@ -16,7 +16,7 @@
         <div class="brand-mark" aria-hidden="true">◫</div>
         <div>
           <h1 id="app-name">Photo Date Editor</h1>
-          <p id="app-subtitle">Local folder · in-place JPG, PNG, TIFF and HEIF metadata</p>
+          <p id="app-subtitle">Local folder · in-place JPG, PNG, TIFF, HEIF and DNG metadata</p>
         </div>
       </div>
       <div class="top-actions">
@@ -74,7 +74,7 @@
             </select>
           </div>
           <div id="file-list" class="file-list" aria-live="polite">
-            <div class="empty-list">Choose a folder containing JPG, PNG, TIFF, HEIC, HEIF, or HIF photos.</div>
+            <div class="empty-list">Choose a folder containing JPG, PNG, TIFF, HEIC, HEIF, HIF, or DNG photos.</div>
           </div>
         </section>
 

app/static/manifest.webmanifest

@@ -5,5 +5,5 @@
   "display": "standalone",
   "background_color": "#0d1218",
   "theme_color": "#121820",
-  "description": "Edit dates, descriptions, keywords, and locations in JPG, PNG, TIFF, and HEIF photos."
+  "description": "Edit dates, descriptions, keywords, and locations in JPG, PNG, TIFF, HEIF, and DNG photos."
 }

app/static/service-worker.js

@@ -1,4 +1,4 @@
-const CACHE_NAME = 'photo-date-editor-v6-1';
+const CACHE_NAME = 'photo-date-editor-v7-0';
 const SHELL = ['/', '/styles.css', '/app.js', '/manifest.webmanifest', '/vendor/leaflet/leaflet.css', '/vendor/leaflet/leaflet.js'];
 
 self.addEventListener('install', (event) => {