iobroker.staticsfilefolder 0.0.22 → 0.0.24

package/README.md

@@ -64,6 +64,12 @@ Once configured and the instance is running (green status):
 	Placeholder for the next version (at the beginning of the line):
 	### **WORK IN PROGRESS**
 -->
+### 0.0.24
+* Resolved all remaining repochecker warnings and suggestions, migrated to standard automerge-dependabot workflow, and updated to ESLint v9 with flat config.
+
+### 0.0.23
+* Added live rendering / auto-refresh in file explorer on file additions/deletions.
+
 ### 0.0.22
 * Fixed PDF print layout to prevent vertical page overflow, and fixed zoom/scale rendering issues in PDF viewer.
 

package/io-package.json

@@ -1,20 +1,20 @@
 {
 	"common": {
 		"name": "staticsfilefolder",
-		"version": "0.0.22",
+		"version": "0.0.24",
 		"news": {
-			"0.0.22": {
-				"en": "Fixed PDF print layout to prevent vertical page overflow, and fixed zoom/scale rendering issues in PDF viewer.",
-				"de": "PDF-Drucklayout korrigiert, um vertikalen Seitenüberlauf zu verhindern, und Zoom-Rendering-Probleme im PDF-Viewer behoben.",
-				"ru": "Исправлен макет печати PDF для предотвращения вертикального переполнения страниц, и исправлены проблемы с масштабированием в просмотрщике PDF.",
-				"pt": "Corrigido o layout de impressão PDF para evitar o transbordamento vertical de páginas e corrigidos os problemas de renderização de zoom no visualizador de PDF.",
-				"nl": "PDF-afdrukopmaak gecorrigeerd om verticale pagina-overloop te voorkomen, en zoom-rendervraagstukken in PDF-viewer opgelost.",
-				"fr": "Correction de la mise en page d'impression PDF pour éviter le débordement vertical des pages, et correction des problèmes de rendu de zoom dans la visionneuse PDF.",
-				"it": "Corretto il layout di stampa PDF per prevenire l'overflow verticale della pagina e risolti i problemi di rendering dello zoom nel visualizzatore PDF.",
-				"es": "Se corrigió el diseño de impresión PDF para evitar el desbordamiento vertical de la página y se corrigieron los problemas de renderizado de zoom en el visor de PDF.",
-				"pl": "Naprawiono układ wydruku PDF, aby zapobiec pionowemu przepełnieniu stron, oraz naprawiono problemy z renderowaniem powiększenia w przeglądarce PDF.",
-				"uk": "Виправлено макет друку PDF для запобігання вертикальному переповненню сторінок, та виправлено проблеми з масштабуванням у переглядачі PDF.",
-				"zh-cn": "修复了PDF打印布局以防止垂直页面溢出，并修复了PDF查看器中的缩放渲染问题。"
+			"0.0.24": {
+				"en": "Resolved all remaining repochecker warnings and suggestions, migrated to standard automerge-dependabot workflow, and updated to ESLint v9 with flat config.",
+				"de": "Alle verbleibenden Warnungen und Vorschläge des Repocheckers behoben, auf Standard-Automerge-Dependabot-Workflow umgestellt und auf ESLint v9 mit Flat-Config aktualisiert.",
+				"ru": "Устранены все оставшиеся предупреждения и предложения repochecker, осуществлен переход на стандартный рабочий процесс автослияния dependabot и обновлен до ESLint v9 с плоской конфигурацией.",
+				"pt": "Resolvido todos os avisos e sugestões restantes do repochecker, migrado para o fluxo de trabalho padrão de mesclagem automática do dependabot e atualizado para ESLint v9 com configuração plana.",
+				"nl": "Alle resterende repochecker waarschuwingen en suggesties opgelost, gemigreerd naar de standaard automerge-dependabot workflow, en geüpgraded naar ESLint v9 met flat config.",
+				"fr": "Résolution de tous les avertissements et suggestions restants de repochecker, migration vers le flux de travail d'auto-fusion standard de dependabot et mise à jour vers ESLint v9 avec configuration plate.",
+				"it": "Risolti tutti gli avvisi e i suggerimenti rimanenti di repochecker, migrato al flusso di lavoro standard di unione automatica di dependabot e aggiornato a ESLint v9 con configurazione piatta.",
+				"es": "Se resolvieron todas las advertencias y sugerencias restantes de repochecker, se migró al flujo de trabajo estándar de fusión automática de dependabot y se actualizó a ESLint v9 con configuración plana.",
+				"pl": "Rozwiązano wszystkie pozostałe ostrzeżenia i sugestie repocheckera, zmigrowano do standardowego przepływu pracy automatycznego scalania dependabot oraz zaktualizowano do ESLint v9 z płaską konfiguracją.",
+				"uk": "Усунено всі залишені попередження та пропозиції repochecker, здійснено перехід на стандартний робочий процес автозлиття dependabot та оновлено до ESLint v9 з плоскою конфігурацією.",
+				"zh-cn": "解决了所有剩余的 repochecker 警告和建议，迁移到标准的自动合并 dependabot 工作流，并升级到具有平面配置的 ESLint v9。"
 			},
 			"0.0.15": {
 				"en": "Reverted minimum Node.js engine requirement to 20 to support GitHub Actions runners.",
@@ -99,8 +99,9 @@
 			"gokturk413 <gokturk413@gmail.com>"
 		],
 		"keywords": [
-			"ioBroker",
-			"Static Files Directory Browsing"
+			"static-files",
+			"directory-browsing",
+			"file-viewer"
 		],
 		"licenseInformation": {
 			"type": "free",

package/lib/adapter-config.d.ts

@@ -1,19 +1,20 @@
+/* eslint-disable @typescript-eslint/no-empty-object-type */
 // This file extends the AdapterConfig type from "@types/iobroker"
 // using the actual properties present in io-package.json
 // in order to provide typings for adapter.config properties
 
-import { native } from "../io-package.json";
+import type { native } from '../io-package.json';
 
 type _AdapterConfig = typeof native;
 
 // Augment the globally declared type ioBroker.AdapterConfig
 declare global {
-	namespace ioBroker {
-		interface AdapterConfig extends _AdapterConfig {
-			// Do not enter anything here!
-		}
-	}
+    namespace ioBroker {
+        interface AdapterConfig extends _AdapterConfig {
+            // Do not enter anything here!
+        }
+    }
 }
 
 // this is required so the above AdapterConfig is found by TypeScript / type checking
-export {};
+export {};

package/lib/web.js

@@ -1,88 +1,91 @@
-const express = require("express");
-const path = require("node:path");
-const fs = require("node:fs");
+const express = require('express');
+const path = require('node:path');
+const fs = require('node:fs');
 
+/**
+ * Extension class to serve static files and configuration API endpoints.
+ */
 class ExtensionExample {
-	/**
+    /**
      * @param {object} server http or https node.js object
      * @param {object} webSettings settings of the web server
      * @param {object} adapter web adapter object
      * @param {object} instanceSettings instance object with common and native
      * @param {object} app express application
      */
-	constructor(server, webSettings, adapter, instanceSettings, app) {
-		this.app = app;
-		this.adapter = adapter;
-		this.config = instanceSettings ? instanceSettings.native : {};
-		this.config.route = this.config.route || "demo";
+    constructor(server, webSettings, adapter, instanceSettings, app) {
+        this.app = app;
+        this.adapter = adapter;
+        this.config = instanceSettings ? instanceSettings.native : {};
+        this.config.route = this.config.route || 'demo';
 
-		try {
-			adapter.log.info("Install extension on /" + this.config.route);
+        try {
+            adapter.log.info(`Install extension on /${this.config.route}`);
 
-			// Serve our SPA static files from www folder
-			const wwwPath = path.join(__dirname, "../www");
-			this.app.use("/" + this.config.route, express.static(wwwPath));
+            // Serve our SPA static files from www folder
+            const wwwPath = path.join(__dirname, '../www');
+            this.app.use(`/${this.config.route}`, express.static(wwwPath));
 
-			// Serve the reports directory so files can be accessed via URL
-			if (this.config.dirname) {
-				this.app.use("/" + this.config.route + "/files", express.static(this.config.dirname));
-			}
+            // Serve the reports directory so files can be accessed via URL
+            if (this.config.dirname) {
+                this.app.use(`/${this.config.route}/files`, express.static(this.config.dirname));
+            }
 
-			// API Endpoint for configuration and system language
-			this.app.get("/" + this.config.route + "/api/config", async (req, res) => {
-				try {
-					const systemConfig = await this.adapter.getForeignObjectAsync("system.config");
-					const systemLanguage = (systemConfig && systemConfig.common && systemConfig.common.language) || "en";
-					res.json({ success: true, language: systemLanguage });
-				} catch (e) {
-					res.json({ success: false, language: "en" });
-				}
-			});
+            // API Endpoint for configuration and system language
+            this.app.get(`/${this.config.route}/api/config`, async (req, res) => {
+                try {
+                    const systemConfig = await this.adapter.getForeignObjectAsync('system.config');
+                    const systemLanguage =
+                        (systemConfig && systemConfig.common && systemConfig.common.language) || 'en';
+                    res.json({ success: true, language: systemLanguage });
+                } catch {
+                    res.json({ success: false, language: 'en' });
+                }
+            });
 
-			// API Endpoint for listing files
-			this.app.get("/" + this.config.route + "/api/list", (req, res) => {
-				try {
-					const relPath = req.query.path || "";
-					if (relPath.includes("..")) {
-						return res.status(400).json({error: "Invalid path"});
-					}
+            // API Endpoint for listing files
+            this.app.get(`/${this.config.route}/api/list`, (req, res) => {
+                try {
+                    const relPath = req.query.path || '';
+                    if (relPath.includes('..')) {
+                        return res.status(400).json({ error: 'Invalid path' });
+                    }
 
-					const targetDir = path.join(this.config.dirname, relPath);
+                    const targetDir = path.join(this.config.dirname, relPath);
 
-					if (!fs.existsSync(targetDir) || !fs.statSync(targetDir).isDirectory()) {
-						return res.status(404).json({error: "Directory not found"});
-					}
+                    if (!fs.existsSync(targetDir) || !fs.statSync(targetDir).isDirectory()) {
+                        return res.status(404).json({ error: 'Directory not found' });
+                    }
 
-					const items = fs.readdirSync(targetDir);
-					const result = [];
-					for (const item of items) {
-						try {
-							const itemPath = path.join(targetDir, item);
-							const stat = fs.statSync(itemPath);
-							result.push({
-								name: item,
-								isDirectory: stat.isDirectory(),
-								size: stat.size,
-								mtime: stat.mtimeMs,
-								birthtime: stat.birthtimeMs,
-								ext: path.extname(item).toLowerCase()
-							});
-						} catch (err) {
-							// ignore errors
-						}
-					}
+                    const items = fs.readdirSync(targetDir);
+                    const result = [];
+                    for (const item of items) {
+                        try {
+                            const itemPath = path.join(targetDir, item);
+                            const stat = fs.statSync(itemPath);
+                            result.push({
+                                name: item,
+                                isDirectory: stat.isDirectory(),
+                                size: stat.size,
+                                mtime: stat.mtimeMs,
+                                birthtime: stat.birthtimeMs,
+                                ext: path.extname(item).toLowerCase(),
+                            });
+                        } catch {
+                            // ignore errors
+                        }
+                    }
 
-					res.json({ success: true, items: result, path: relPath });
-				} catch(e) {
-					adapter.log.error("Error in /api/list: " + e);
-					res.status(500).json({error: e.toString()});
-				}
-			});
-
-		} catch (err) {
-			adapter.log.error("Error during Extension init: " + err.stack);
-		}
-	}
+                    res.json({ success: true, items: result, path: relPath });
+                } catch (e) {
+                    adapter.log.error(`Error in /api/list: ${e}`);
+                    res.status(500).json({ error: e.toString() });
+                }
+            });
+        } catch (err) {
+            adapter.log.error(`Error during Extension init: ${err.stack}`);
+        }
+    }
 }
 
-module.exports = ExtensionExample;
+module.exports = ExtensionExample;

package/main.js

@@ -1,4 +1,4 @@
-"use strict";
+'use strict';
 
 /*
  * Created with @iobroker/create-adapter v2.6.2
@@ -6,133 +6,140 @@
 
 // The adapter-core module gives you access to the core ioBroker functions
 // you need to create an adapter
-const utils = require("@iobroker/adapter-core");
+const utils = require('@iobroker/adapter-core');
 
 // Load your modules here, e.g.:
 // const fs = require("fs");
 
 class Staticsfilefolder extends utils.Adapter {
-
-	/**
-	 * @param {Partial<utils.AdapterOptions>} [options={}]
-	 */
-	constructor(options) {
-		super({
-			...options,
-			name: "staticsfilefolder",
-		});
-		this.on("ready", this.onReady.bind(this));
-		this.on("stateChange", this.onStateChange.bind(this));
-		this.on("unload", this.onUnload.bind(this));
-
-		this.watcher = null;
-	}
-
-	/**
-	 * Is called when databases are connected and adapter received configuration.
-	 */
-	async onReady() {
-		// Create state for latest file url
-		await this.setObjectNotExistsAsync("latest_file_url", {
-			type: "state",
-			common: {
-				name: "Latest File URL",
-				type: "string",
-				role: "url",
-				read: true,
-				write: false,
-			},
-			native: {},
-		});
-
-		// Create state for the latest file path
-		await this.setObjectNotExistsAsync("latest_file_path", {
-			type: "state",
-			common: {
-				name: "Latest File Path",
-				type: "string",
-				role: "value",
-				read: true,
-				write: false,
-			},
-			native: {},
-		});
-
-		if (this.config.dirname) {
-			this.log.info("Starting file observer on: " + this.config.dirname);
-			try {
-				const chokidar = require("chokidar");
-				const path = require("node:path");
-
-				this.watcher = chokidar.watch(this.config.dirname, {
-					ignored: /(^|[/\\])\../, // ignore dotfiles
-					persistent: true,
-					ignoreInitial: true // do not fire for existing files on startup
-				});
-
-				this.watcher.on("add", async (filePath) => {
-					this.log.info(`New file detected: ${filePath}`);
-
-					// Calculate relative path for URL
-					const relativePath = path.relative(this.config.dirname, filePath).replace(/\\/g, "/");
-					const route = this.config.route || "demo";
-
-					// Assuming the web adapter serves this extension under the web server's port
-					// and relative path is encoded.
-					const fileUrl = `/${route}/files/${encodeURI(relativePath)}`;
-
-					await this.setStateAsync("latest_file_url", { val: fileUrl, ack: true });
-					await this.setStateAsync("latest_file_path", { val: filePath, ack: true });
-				});
-
-				this.watcher.on("error", error => this.log.error(`Watcher error: ${error}`));
-			} catch (e) {
-				this.log.error("Failed to start file observer: " + e);
-			}
-		} else {
-			this.log.warn("Directory name not configured. File observer will not start.");
-		}
-	}
-
-	/**
-	 * Is called when adapter shuts down - callback has to be called under any circumstances!
-	 * @param {() => void} callback
-	 */
-	onUnload(callback) {
-		try {
-			if (this.watcher) {
-				this.watcher.close();
-				this.watcher = null;
-			}
-			callback();
-		} catch (e) {
-			callback();
-		}
-	}
-
-	/**
-	 * Is called if a subscribed state changes
-	 * @param {string} id
-	 * @param {ioBroker.State | null | undefined} state
-	 */
-	onStateChange(id, state) {
-		if (state) {
-			// The state was changed
-			this.log.info(`state ${id} changed: ${state.val} (ack = ${state.ack})`);
-		} else {
-			// The state was deleted
-			this.log.info(`state ${id} deleted`);
-		}
-	}
+    /**
+     * @param {Partial<utils.AdapterOptions>} [options] The adapter options.
+     */
+    constructor(options) {
+        super({
+            ...options,
+            name: 'staticsfilefolder',
+        });
+        this.on('ready', this.onReady.bind(this));
+        this.on('stateChange', this.onStateChange.bind(this));
+        this.on('unload', this.onUnload.bind(this));
+
+        this.watcher = null;
+    }
+
+    /**
+     * Is called when databases are connected and adapter received configuration.
+     */
+    async onReady() {
+        // Create state for latest file url
+        await this.setObjectNotExistsAsync('latest_file_url', {
+            type: 'state',
+            common: {
+                name: 'Latest File URL',
+                type: 'string',
+                role: 'url',
+                read: true,
+                write: false,
+            },
+            native: {},
+        });
+
+        // Create state for the latest file path
+        await this.setObjectNotExistsAsync('latest_file_path', {
+            type: 'state',
+            common: {
+                name: 'Latest File Path',
+                type: 'string',
+                role: 'value',
+                read: true,
+                write: false,
+            },
+            native: {},
+        });
+
+        if (this.config.dirname) {
+            this.log.info(`Starting file observer on: ${this.config.dirname}`);
+            try {
+                const chokidar = require('chokidar');
+                const path = require('node:path');
+
+                this.watcher = chokidar.watch(this.config.dirname, {
+                    ignored: /(^|[/\\])\../, // ignore dotfiles
+                    persistent: true,
+                    ignoreInitial: true, // do not fire for existing files on startup
+                });
+
+                this.watcher.on('add', async filePath => {
+                    this.log.info(`New file detected: ${filePath}`);
+
+                    // Calculate relative path for URL
+                    const relativePath = path.relative(this.config.dirname, filePath).replace(/\\/g, '/');
+                    const route = this.config.route || 'demo';
+
+                    // Assuming the web adapter serves this extension under the web server's port
+                    // and relative path is encoded.
+                    const fileUrl = `/${route}/files/${encodeURI(relativePath)}`;
+
+                    await this.setStateAsync('latest_file_url', {
+                        val: fileUrl,
+                        ack: true,
+                    });
+                    await this.setStateAsync('latest_file_path', {
+                        val: filePath,
+                        ack: true,
+                    });
+                });
+
+                this.watcher.on('error', error => this.log.error(`Watcher error: ${error}`));
+            } catch (e) {
+                this.log.error(`Failed to start file observer: ${e}`);
+            }
+        } else {
+            this.log.warn('Directory name not configured. File observer will not start.');
+        }
+    }
+
+    /**
+     * Is called when adapter shuts down - callback has to be called under any circumstances!
+     *
+     * @param {() => void} callback The callback function to call after unloading.
+     */
+    onUnload(callback) {
+        try {
+            if (this.watcher) {
+                this.watcher.close();
+                this.watcher = null;
+            }
+            callback();
+        } catch {
+            callback();
+        }
+    }
+
+    /**
+     * Is called if a subscribed state changes
+     *
+     * @param {string} id The state ID.
+     * @param {ioBroker.State | null | undefined} state The state object.
+     */
+    onStateChange(id, state) {
+        if (state) {
+            // The state was changed
+            this.log.info(`state ${id} changed: ${state.val} (ack = ${state.ack})`);
+        } else {
+            // The state was deleted
+            this.log.info(`state ${id} deleted`);
+        }
+    }
 }
 
 if (require.main !== module) {
-	// Export the constructor in compact mode
-	/**
-	 * @param {Partial<utils.AdapterOptions>} [options={}]
-	 */
-	module.exports = (options) => new Staticsfilefolder(options);
+    // Export the constructor in compact mode
+    /**
+     * @param {Partial<utils.AdapterOptions>} [options] The adapter options.
+     */
+    module.exports = options => new Staticsfilefolder(options);
 } else {
-	// otherwise start the instance directly
-	new Staticsfilefolder();
-}
+    // otherwise start the instance directly
+    new Staticsfilefolder();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.staticsfilefolder",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "Static Files Folder",
   "author": {
     "name": "gokturk413",
@@ -29,14 +29,15 @@
     "@alcalzone/release-script-plugin-iobroker": "^5.2.0",
     "@alcalzone/release-script-plugin-license": "^5.2.0",
     "@alcalzone/release-script-plugin-manual-review": "^5.2.0",
-    "@iobroker/adapter-dev": "^1.3.0",
+    "@iobroker/adapter-dev": "^1.5.0",
+    "@iobroker/eslint-config": "^2.3.4",
     "@iobroker/testing": "^5.2.2",
     "@tsconfig/node22": "^22.0.0",
     "@types/node": "^18.19.24",
     "@types/proxyquire": "^1.3.31",
-    "eslint": "^8.57.0",
+    "eslint": "^9.10.0",
     "proxyquire": "^2.1.3",
-    "typescript": "~5.0.4"
+    "typescript": "^5.5.4"
   },
   "main": "main.js",
   "files": [

package/www/app.js

@@ -7,6 +7,7 @@ let currentPath = '';
 let historyStack = [];
 let forwardStack = [];
 let currentItems = [];
+let pollInterval = null;
 
 // DOM Elements
 const breadcrumbEl = document.getElementById('breadcrumb');
@@ -227,6 +228,7 @@ document.addEventListener('DOMContentLoaded', () => {
     initTheme();
     initLang();
     loadPath('');
+    startPolling();
     
     // Event Listeners
     btnBack.addEventListener('click', goBack);
@@ -281,6 +283,39 @@ async function loadPath(path) {
     }
 }
 
+function startPolling() {
+    if (pollInterval) clearInterval(pollInterval);
+    pollInterval = setInterval(async () => {
+        if (document.hidden) return;
+        try {
+            const response = await fetch(`${API_URL}?path=${encodeURIComponent(currentPath)}`);
+            const data = await response.json();
+            if (data.success) {
+                const itemsChanged = JSON.stringify(data.items) !== JSON.stringify(currentItems);
+                if (itemsChanged) {
+                    currentItems = data.items;
+                    renderItems();
+                    
+                    if (currentOpenItem) {
+                        const fileStillExists = data.items.some(item => !item.isDirectory && item.name === currentOpenItem.name);
+                        if (!fileStillExists) {
+                            viewerModal.style.display = 'none';
+                            viewerBody.innerHTML = '';
+                            currentOpenItem = null;
+                            currentPdfDoc = null;
+                            currentPdfZoom = 1.5;
+                            modalPdfZoom.value = '1.5';
+                            modalPdfZoom.style.display = 'none';
+                        }
+                    }
+                }
+            }
+        } catch (e) {
+            console.warn('Polling error:', e);
+        }
+    }, 3000);
+}
+
 function navigateTo(path) {
     if (path !== currentPath) {
         historyStack.push(currentPath);