From 0650c40199b23d43f2a1292bcc066ffb890d081e Mon Sep 17 00:00:00 2001
From: sHa <sha@shadoll.dev>
Date: Wed, 11 Jun 2025 22:36:48 +0300
Subject: [PATCH] feat: Add PWA support with service worker and caching

- Implemented service worker registration in main.js
- Added icons for PWA in manifest.json
- Created a basic service worker (sw.js) for caching static assets
- Generated a list of files to cache using a Node.js script (generate-pwa-cache-list.js)
- Added icon images (icon-192.png and icon-512.png) for PWA
- Defined PWA manifest with app details and icon references
---
 .github/workflows/gh-pages.yml     |   4 +++
 .gitignore                         |   1 +
 Makefile                           |  14 +++++---
 ToDo.md                            |  14 ++++----
 package.json                       |   3 +-
 public/icon-192.png                | Bin 0 -> 3412 bytes
 public/icon-512.png                | Bin 0 -> 10006 bytes
 public/index.html                  |  14 ++++++++
 public/manifest.json               |  20 +++++++++++
 public/sw.js                       |  54 +++++++++++++++++++++++++++++
 scripts/generate-pwa-cache-list.js |  45 ++++++++++++++++++++++++
 scripts/generateFavicons.js        |  14 +++++++-
 src/main.js                        |   6 ++++
 13 files changed, 175 insertions(+), 14 deletions(-)
 create mode 100644 public/icon-192.png
 create mode 100644 public/icon-512.png
 create mode 100644 public/manifest.json
 create mode 100644 public/sw.js
 create mode 100644 scripts/generate-pwa-cache-list.js

diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
index 392205a..8376b5f 100644
--- a/.github/workflows/gh-pages.yml
+++ b/.github/workflows/gh-pages.yml
@@ -37,6 +37,9 @@ jobs:
       - name: Generate SVG variants
         run: node scripts/generate-svg-variants.js
 
+      - name: Generate PWA cache list
+        run: node scripts/generate-pwa-cache-list.js
+
       - name: Prepare Pages artifact
         run: |
           mkdir -p ./gh-pages-artifact/build
@@ -50,6 +53,7 @@ jobs:
           cp -r public/data ./gh-pages-artifact/
           cp -r public/logos ./gh-pages-artifact/
           cp -r public/logos_gen ./gh-pages-artifact/
+          cp public/pwa-files-to-cache.json ./gh-pages-artifact/
           if [ -f public/CNAME ]; then
             cp public/CNAME ./gh-pages-artifact/CNAME
           fi
diff --git a/.gitignore b/.gitignore
index fde3786..3c95cd1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,6 +8,7 @@ yarn.lock
 
 # Build output
 public/build/
+public/pwa-files-to-cache.json
 
 # macOS specific files
 .DS_Store
diff --git a/Makefile b/Makefile
index 1720ee6..5115b14 100644
--- a/Makefile
+++ b/Makefile
@@ -6,21 +6,19 @@ CONTAINER_NAME = slogos-dev
 DEV_PORT = 5006
 
 # Main targets
-.PHONY: all build start stop restart logs clean scan-logos dev rebuild favicon deps-favicon build-with-favicons sync-packages convert-colors generate-svg-variants
+.PHONY: all build start stop restart logs clean scan-logos dev rebuild favicon build-with-favicons generate-svg-variants pwa-cache-list run update-lock
 
 all: build start
 
-# Development mode with hot reloading
-dev:
+dev: pwa-cache-list
 	$(DOCKER_COMPOSE) -f compose.dev.yml up --build
 
-# Build the Docker container
 build:
 	@echo "Building the Logo Gallery container..."
 	$(DOCKER_COMPOSE) -f compose.dev.yml build
 
 # Start the application in the background
-start:
+start: pwa-cache-list
 	@echo "Starting Logo Gallery application on port $(DEV_PORT)..."
 	$(DOCKER_COMPOSE) -f compose.dev.yml up -d
 	@echo "Application is running at http://localhost:$(DEV_PORT)"
@@ -81,3 +79,9 @@ generate-svg-variants:
 	@echo "Generating SVG variants with color sets..."
 	$(DOCKER_COMPOSE) -f compose.dev.yml run --rm $(CONTAINER_NAME) node scripts/generate-svg-variants.js
 	@echo "SVG variants have been generated"
+
+# Generate PWA cache list
+pwa-cache-list:
+	@echo "Generating PWA cache list..."
+	$(DOCKER_COMPOSE) -f compose.dev.yml run --rm $(CONTAINER_NAME) npm run pwa-cache-list
+
diff --git a/ToDo.md b/ToDo.md
index 1842fc2..45359db 100644
--- a/ToDo.md
+++ b/ToDo.md
@@ -1,7 +1,7 @@
-[] Improove: To the tiny card add the color chooser. It should be one circle that display current color, on click it should open color picker.
-[] Improove: In the preview page, add full header.
-[] Improove: Split header into two parts: static top and dynamic bottom.
-[] Improove: In the preview page, add possibility select custom color for each target.
-[] Strategy: Add differents base/collections of images: Flags,
-[] Strategy: WebApp, PWA
-[] Improove: Add to filter Image variants - just logo, line logo, square logo
+[ ] Improove: To the tiny card add the color chooser. It should be one circle that display current color, on click it should open color picker.
+[ ] Improove: In the preview page, add full header.
+[ ] Improove: Split header into two parts: static top and dynamic bottom.
+[ ] Improove: In the preview page, add possibility select custom color for each target.
+[ ] Strategy: Add differents base/collections of images: Flags,
+[v] Strategy: WebApp, PWA
+[ ] Improove: Add to filter Image variants - just logo, line logo, square logo
diff --git a/package.json b/package.json
index b166d2e..94860b7 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,8 @@
     "scan-logos": "node scripts/scanLogos.js",
     "generate-favicons": "node scripts/generateFavicons.js",
     "generate-variants": "node scripts/generate-svg-variants.js",
-    "variants": "npm run generate-variants"
+    "variants": "npm run generate-variants",
+    "pwa-cache-list": "node scripts/generate-pwa-cache-list.js"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^17.0.0",
diff --git a/public/icon-192.png b/public/icon-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..15f7b7de7e74f4444643e3077a1dbffe1c725282
GIT binary patch
literal 3412
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

literal 0
HcmV?d00001

diff --git a/public/icon-512.png b/public/icon-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..88452e2651f16df40803978f71eac70081e633fd
GIT binary patch
literal 10006
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
Tn0kT#yU|&i+n7~C-J|{&RZw3y

literal 0
HcmV?d00001

diff --git a/public/index.html b/public/index.html
index 6a098e9..376dd29 100644
--- a/public/index.html
+++ b/public/index.html
@@ -12,6 +12,20 @@
   <link rel="icon" href="favicon.png" sizes="32x32">
   <link rel="icon" href="favicon.ico" sizes="any">
   <link rel="apple-touch-icon" href="apple-touch-icon.png">
+
+  <!-- Manifest and theme color for PWA -->
+  <link rel="manifest" href="/manifest.json">
+  <meta name="theme-color" content="#ffffff">
+  <!-- To test PWA in Safari: Open Web Inspector > Storage tab. You should see 'Service Workers' and 'Manifest'. -->
+  <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      if ('serviceWorker' in navigator) {
+        navigator.serviceWorker.register('/sw.js').then(function(reg) {
+          console.log('Service worker registered.', reg);
+        });
+      }
+    });
+  </script>
 </head>
 <body>
   <div id="app"></div>
diff --git a/public/manifest.json b/public/manifest.json
new file mode 100644
index 0000000..24e51bd
--- /dev/null
+++ b/public/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "Logo Gallery",
+  "description": "A collection of company and brand logos accessible via GitHub Pages",
+  "start_url": ".",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#ffffff",
+  "icons": [
+    {
+      "src": "/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}
diff --git a/public/sw.js b/public/sw.js
new file mode 100644
index 0000000..f2d370f
--- /dev/null
+++ b/public/sw.js
@@ -0,0 +1,54 @@
+// Basic service worker for caching static assets
+// List of all files in the public folder to cache
+const CACHE_NAME = 'pwa-cache-v5';
+
+self.addEventListener('install', event => {
+  event.waitUntil(
+    fetch('/pwa-files-to-cache.json')
+      .then(response => response.json())
+      .then(files => {
+        return caches.open(CACHE_NAME).then(cache => {
+          return cache.addAll(files);
+        });
+      })
+      .catch(err => {
+        console.error('Failed to fetch pwa-files-to-cache.json', err);
+      })
+  );
+  self.skipWaiting();
+});
+
+self.addEventListener('activate', event => {
+  event.waitUntil(
+    caches.keys().then(cacheNames => {
+      return Promise.all(
+        cacheNames.filter(name => name !== CACHE_NAME).map(name => caches.delete(name))
+      );
+    })
+  );
+  self.clients.claim();
+});
+
+self.addEventListener('fetch', event => {
+  if (event.request.method !== 'GET') return;
+  const url = new URL(event.request.url);
+  // Remove query params for cache matching for static files
+  let cacheKey = url.pathname;
+  // Only do this for files we know are static (e.g., /data/, /logos/, /logos_gen/, /public/)
+  if (cacheKey.startsWith('/data/') || cacheKey.startsWith('/logos/') || cacheKey.startsWith('/logos_gen/')) {
+    // ignore query params
+  } else {
+    cacheKey = event.request.url;
+  }
+  event.respondWith(
+    caches.match(cacheKey).then(response => {
+      if (response) return response;
+      return fetch(event.request).catch(() => {
+        if (event.request.mode === 'navigate') {
+          return caches.match('/index.html');
+        }
+        return Response.error();
+      });
+    })
+  );
+});
diff --git a/scripts/generate-pwa-cache-list.js b/scripts/generate-pwa-cache-list.js
new file mode 100644
index 0000000..26708fb
--- /dev/null
+++ b/scripts/generate-pwa-cache-list.js
@@ -0,0 +1,45 @@
+// Moved from project root to scripts directory for consistency
+// Node.js script to generate a list of all files in public, logos, and logos_gen for PWA caching
+const fs = require('fs');
+const path = require('path');
+
+const projectRoot = path.join(__dirname, '..');
+const publicDir = path.join(projectRoot, 'public');
+const logosDir = path.join(projectRoot, 'logos');
+const logosGenDir = path.join(projectRoot, 'logos_gen');
+
+// List of files to ignore
+const IGNORED_FILES = ['.DS_Store', 'CNAME', 'pwa-files-to-cache.json', '.gitignore'];
+
+function walkDir(dir, baseUrl = '') {
+  let results = [];
+  fs.readdirSync(dir).forEach(file => {
+    if (IGNORED_FILES.includes(file)) return; // Ignore listed files
+    const filePath = path.join(dir, file);
+    const relPath = path.join(baseUrl, file).replace(/\\/g, '/');
+    if (fs.statSync(filePath).isDirectory()) {
+      results = results.concat(walkDir(filePath, relPath));
+    } else {
+      results.push('/' + relPath);
+    }
+  });
+  return results;
+}
+
+function safeWalkDir(dir, baseUrl = '') {
+  if (!fs.existsSync(dir)) return [];
+  return walkDir(dir, baseUrl);
+}
+
+const publicFiles = walkDir(publicDir, '').filter(f => !f.endsWith('sw.js'));
+const logosFiles = safeWalkDir(logosDir, 'logos');
+const logosGenFiles = safeWalkDir(logosGenDir, 'logos_gen');
+
+const allFiles = Array.from(new Set([...publicFiles, ...logosFiles, ...logosGenFiles]));
+
+fs.writeFileSync(
+  path.join(publicDir, 'pwa-files-to-cache.json'),
+  JSON.stringify(allFiles, null, 2)
+);
+
+console.log('PWA files-to-cache list generated with', allFiles.length, 'files.');
diff --git a/scripts/generateFavicons.js b/scripts/generateFavicons.js
index a4ea807..6465028 100644
--- a/scripts/generateFavicons.js
+++ b/scripts/generateFavicons.js
@@ -10,6 +10,8 @@ const srcSvgPath = path.join(__dirname, '../public/favicon.svg');
 const pngOutputPath = path.join(__dirname, '../public/apple-touch-icon.png');
 const icoOutputPath = path.join(__dirname, '../public/favicon.ico');
 const faviconPngPath = path.join(__dirname, '../public/favicon.png');
+const icon192Path = path.join(__dirname, '../public/icon-192.png');
+const icon512Path = path.join(__dirname, '../public/icon-512.png');
 
 // Ensure the favicon.svg file exists
 if (!fs.existsSync(srcSvgPath)) {
@@ -55,10 +57,20 @@ async function generateFavicons() {
     fs.copyFileSync(faviconPngPath, icoOutputPath);
     console.log(`Created ${icoOutputPath} (Note: This is actually a PNG file renamed to .ico)`);
 
+    // Generate icon-192.png for PWA
+    const icon192 = await jimp.read(tempPngPath);
+    await icon192.resize(192, 192).writeAsync(icon192Path);
+    console.log(`Created ${icon192Path}`);
+
+    // Generate icon-512.png for PWA
+    const icon512 = await jimp.read(tempPngPath);
+    await icon512.resize(512, 512).writeAsync(icon512Path);
+    console.log(`Created ${icon512Path}`);
+
     // Clean up temporary file
     fs.unlinkSync(tempPngPath);
 
-    console.log('Favicon generation completed successfully!');
+    console.log('Favicon and PWA icon generation completed successfully!');
   } catch (error) {
     console.error('Error generating favicons:', error);
     process.exit(1);
diff --git a/src/main.js b/src/main.js
index c53db90..c35c960 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,3 +1,9 @@
 import App from './App.svelte';
 
 new App({ target: document.getElementById('app') });
+
+if ('serviceWorker' in navigator) {
+  window.addEventListener('load', () => {
+    navigator.serviceWorker.register('/sw.js');
+  });
+}