Added HEIC, HEIF and HIF support v0.6

app/static/app.js

@@ -118,11 +118,12 @@ function formatType(filename) {
   if (extension === 'jpg' || extension === 'jpeg') return 'JPG';
   if (extension === 'png') return 'PNG';
   if (extension === 'tif' || extension === 'tiff') return 'TIFF';
+  if (extension === 'heic' || extension === 'heif' || extension === 'hif') return 'HEIF';
   return extension.toUpperCase();
 }
 
 function requiresServerPreview(photo) {
-  return photo.format === 'TIFF';
+  return photo.format === 'TIFF' || photo.format === 'HEIF';
 }
 
 function storageKey() {
@@ -176,7 +177,7 @@ async function scanFolder() {
   const photos = [];
 
   for await (const [name, handle] of state.directoryHandle.entries()) {
-    if (handle.kind !== 'file' || !/\.(jpe?g|png|tiff?)$/i.test(name)) continue;
+    if (handle.kind !== 'file' || !/\.(jpe?g|png|tiff?|heic|heif|hif)$/i.test(name)) continue;
     const file = await handle.getFile();
     const previous = stored.photos?.[name] || {};
     const unchanged = !previous.lastModified || previous.lastModified === file.lastModified;
@@ -215,7 +216,7 @@ async function scanFolder() {
   } else {
     elements.viewerContent.classList.add('hidden');
     elements.viewerEmpty.classList.remove('hidden');
-    showToast('No JPG, PNG, or TIFF files were found in that folder.', true);
+    showToast('No JPG, PNG, TIFF, HEIC, HEIF, or HIF files were found in that folder.', true);
   }
 }
 
@@ -398,7 +399,9 @@ async function selectPhoto(index, force = false) {
   active?.scrollIntoView({ block: 'nearest' });
 
   try {
-    if (requiresServerPreview(photo)) setSaveStatus('loading', 'Rendering TIFF preview…', photo.name);
+    if (requiresServerPreview(photo)) {
+      setSaveStatus('loading', `Rendering ${photo.format} preview…`, photo.name);
+    }
     const previewUrl = await getPreviewUrl(photo, file);
     if (selectionToken !== state.selectionToken || state.currentIndex !== index) return;
     elements.preview.src = previewUrl;

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>Local folder · in-place JPG, PNG and TIFF metadata</p>
+          <p>Local folder · in-place JPG, PNG, TIFF and HEIF 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, or TIFF photos.</div>
+            <div class="empty-list">Choose a folder containing JPG, PNG, TIFF, HEIC, HEIF, or HIF 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 scanned JPG, PNG, and TIFF photos."
+  "description": "Edit dates, descriptions, keywords, and locations in JPG, PNG, TIFF, and HEIF photos."
 }

app/static/service-worker.js

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