Add QuickPhoto Addon: Elegant BBCode simplification for images

This PR introduces the QuickPhoto addon, designed to improve the user experience within the Friendica editor. It addresses the issue of long, cluttered BBCodes (monster-links) that appear when images are inserted via drag-and-drop or the image uploader.
Key Features

- Automatic Simplification: Replaces complex [url=...][img=...]...[/img][/url] structures with a human-readable shorthand: [img]filename|description[/img].
- Seamless Reconstruction: Automatically restores the full, valid Friendica BBCode before previewing or submitting a post, ensuring 100% compatibility with the server.
- Enhanced Readability: Keeps the editor clean and focus-oriented while writing long posts with multiple images.

Technical Highlights & Optimizations

- Resource Efficient: The JavaScript is strictly scoped. It only becomes active if a textarea is present and visible in the DOM.
- Zero Latency Typing: Implements requestIdleCallback and throttling (500ms) to ensure that the simplification process never interferes with the user's typing flow or causes UI lag.
- Background Throttling: Logic is suspended when the browser tab is inactive (document.hidden) to save CPU and battery life.
- LocalStorage Cache: Uses a local cache for image data (auto-cleaned after 12 hours) to ensure reliability during a single editing session.

Testing performed

- Tested with the standard "Jot" editor and the newer Compose/Comment templates.
- Verified that image previews render correctly (reconstruction triggers on preview click).
- Verified that the final post contains the correct full BBCode on the server side.
- Confirmed that Drag & Drop inserts are handled immediately.

quickphoto/quickphoto.js

@@ -0,0 +1,125 @@
+(function() {
+    const monsterPattern = /\[url=(.*?)\]\[img=(.*?)\](.*?)\[\/img\]\[\/url\]/gi;
+    let throttleTimer;
+
+    const cleanupOldEntries = () => {
+        const now = Date.now();
+        const twelveHours = 12 * 60 * 60 * 1000;
+        for (let i = 0; i < localStorage.length; i++) {
+            const key = localStorage.key(i);
+            if (key && key.startsWith('qp_')) {
+                try {
+                    const data = JSON.parse(localStorage.getItem(key));
+                    if (data && data.timestamp && (now - data.timestamp > twelveHours)) {
+                        localStorage.removeItem(key);
+                    }
+                } catch (e) { localStorage.removeItem(key); }
+            }
+        }
+    };
+
+    const simplify = (text) => {
+        if (!text || !text.includes('[url=')) return text;
+        return text.replace(monsterPattern, (match, urlPart, imgPart, existingDesc) => {
+            const fileName = imgPart.split('/').pop();
+            const storageKey = `qp_${fileName}`;
+
+            localStorage.setItem(storageKey, JSON.stringify({
+                url: urlPart,
+                img: imgPart,
+                timestamp: Date.now()
+            }));
+
+            let userDesc = existingDesc.trim() || "Bildbeschreibung";
+            return `[img]${fileName}|${userDesc}[/img]`;
+        });
+    };
+
+    const reconstruct = (text) => {
+        if (!text || !text.includes('[img]')) return text;
+        return text.replace(/\[img\](.*?)\|(.*?)\[\/img\]/g, (match, fileName, desc) => {
+            const data = localStorage.getItem(`qp_${fileName}`);
+            if (data) {
+                const parsed = JSON.parse(data);
+                const finalDesc = (desc === "Bildbeschreibung") ? "" : desc;
+                return `[url=${parsed.url}][img=${parsed.img}]${finalDesc}[/img][/url]`;
+            }
+            return match;
+        });
+    };
+
+    const applySimplify = (textarea) => {
+        if (!textarea || !textarea.value || !textarea.value.includes('[/img]')) return;
+
+        (window.requestIdleCallback || function(cb) { return setTimeout(cb, 1); })(() => {
+            const current = textarea.value;
+            const simple = simplify(current);
+            if (current !== simple) {
+                const start = textarea.selectionStart;
+                const end = textarea.selectionEnd;
+                textarea.value = simple;
+                textarea.setSelectionRange(start, end);
+            }
+        });
+    };
+
+    if (typeof jQuery !== 'undefined') {
+        const originalVal = jQuery.fn.val;
+        jQuery.fn.val = function(value) {
+            if (arguments.length === 0 && this.is('textarea')) {
+                return reconstruct(originalVal.call(this));
+            }
+            if (arguments.length > 0 && this.is('textarea')) {
+                return originalVal.call(this, simplify(value));
+            }
+            return originalVal.apply(this, arguments);
+        };
+    }
+
+    document.addEventListener('drop', (e) => {
+        if (e.target.tagName === 'TEXTAREA') {
+            setTimeout(() => applySimplify(e.target), 150);
+        }
+    }, true);
+
+    document.addEventListener('input', (e) => {
+        if (e.target.tagName === 'TEXTAREA') {
+            clearTimeout(throttleTimer);
+            throttleTimer = setTimeout(() => applySimplify(e.target), 500);
+        }
+    });
+
+    document.addEventListener('click', (e) => {
+        const btn = e.target.closest(
+            '#wall-submit-preview, #profile-jot-submit, #wall-submit-submit, #jot-submit, ' +
+            '[id^="comment-edit-submit-"], [id^="comment-edit-preview-link-"]'
+        );
+
+        if (btn) {
+            const textareas = document.querySelectorAll('textarea');
+            if (textareas.length > 0) {
+                textareas.forEach(textarea => {
+                    textarea.value = reconstruct(textarea.value);
+                    if (btn.id.includes('preview')) {
+                        setTimeout(() => applySimplify(textarea), 1000);
+                    }
+                });
+            }
+        }
+    }, true);
+
+    setInterval(() => {
+        if (document.hidden) return;
+
+        const textareas = document.querySelectorAll('textarea');
+        if (textareas.length === 0) return;
+
+        textareas.forEach(textarea => {
+            if (textarea.offsetParent !== null) {
+                applySimplify(textarea);
+            }
+        });
+    }, 2500);
+
+    cleanupOldEntries();
+})();