Merge pull request #27 from Unity-Lab-AI/develop

Develop

Author: hackall360

ai/chat-part1.js

@@ -86,8 +86,9 @@ document.addEventListener("DOMContentLoaded", () => {
       const updatedText = newText.trim();
 
       try {
-        memories[index] = updatedText;
-        localStorage.setItem("pollinations_memory", JSON.stringify(memories));
+        const currentMemories = this.getMemories();
+        currentMemories[index] = updatedText;
+        localStorage.setItem("pollinations_memory", JSON.stringify(currentMemories));
         console.log(`Memory at index ${index} updated to: ${updatedText}`);
         return true;
       } catch (err) {
@@ -113,4 +114,5 @@ document.addEventListener("DOMContentLoaded", () => {
   };
 
   console.log("Memory API loaded and linked to Storage-based memory system.");
+
 });

ai/chat-part2.js

@@ -1,7 +1,3 @@
-// screensaver.js
-// Handles screensaver functionality with Pollinations API integration
-// Updated with safe=false for uncensored content and cross-browser/device support
-
 document.addEventListener("DOMContentLoaded", () => {
   const screensaverContainer = document.getElementById("screensaver-container");
   const toggleScreensaverButton = document.getElementById("toggle-screensaver");
@@ -24,7 +20,6 @@ document.addEventListener("DOMContentLoaded", () => {
   let paused = false;
   let isFullscreen = false;
 
-  // Set tooltips
   toggleScreensaverButton.title = "Toggle the screensaver on/off.";
   fullscreenButton.title = "Go full screen (or exit it).";
   stopButton.title = "Stop the screensaver.";
@@ -38,7 +33,6 @@ document.addEventListener("DOMContentLoaded", () => {
   enhanceCheckbox.title = "If enabled, the prompt is 'enhanced' via an LLM.";
   privateCheckbox.title = "If enabled, the image won't appear on the public feed.";
 
-  // Utility to detect browser for compatibility adjustments
   const getBrowserInfo = () => {
     const ua = navigator.userAgent.toLowerCase();
     return {
@@ -50,7 +44,6 @@ document.addEventListener("DOMContentLoaded", () => {
     };
   };
 
-  // Utility to create audio context for cross-browser support
   const createAudioContext = () => {
     const AudioContext = window.AudioContext || window.webkitAudioContext;
     if (!AudioContext) {
@@ -60,11 +53,10 @@ document.addEventListener("DOMContentLoaded", () => {
     return new AudioContext();
   };
 
-  // Utility to play audio with cross-browser compatibility
   const playAudio = (audioUrl) => {
     return new Promise((resolve, reject) => {
       const audio = new Audio(audioUrl);
-      audio.crossOrigin = "anonymous"; // For CORS support
+      audio.crossOrigin = "anonymous";
       audio.preload = "auto";
 
       audio.play().catch((err) => {
@@ -91,7 +83,6 @@ document.addEventListener("DOMContentLoaded", () => {
     });
   };
 
-  // Save settings to localStorage
   function saveScreensaverSettings() {
     const settings = {
       prompt: promptInput.value,
@@ -104,7 +95,6 @@ document.addEventListener("DOMContentLoaded", () => {
     localStorage.setItem("screensaverSettings", JSON.stringify(settings));
   }
 
-  // Load settings from localStorage
   function loadScreensaverSettings() {
     const raw = localStorage.getItem("screensaverSettings");
     if (!raw) return;
@@ -123,17 +113,10 @@ document.addEventListener("DOMContentLoaded", () => {
 
   loadScreensaverSettings();
 
-  // Generate a random seed
   function generateSeed() {
-    const length = Math.floor(Math.random() * 8) + 1;
-    let seed = "";
-    for (let i = 0; i < length; i++) {
-      seed += Math.floor(Math.random() * 10);
-    }
-    return seed;
+    return Math.floor(Math.random() * 1000000).toString();
   }
 
-  // Get dimensions based on aspect ratio
   function getDimensions(aspect) {
     switch (aspect) {
       case "widescreen": return { width: 1280, height: 720 };
@@ -143,17 +126,14 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   }
 
-  // FIXED: Fetch a new image from Pollinations API with nolog parameter
   function fetchNewImage() {
     saveScreensaverSettings();
     let prompt = promptInput.value || "random artistic scene, high quality, detailed";
 
-    // Keep the prompt concise and clean
     if (prompt.length > 100) {
       prompt = prompt.substring(0, 100);
     }
 
-    // Add quality terms
     prompt += ", high resolution, detailed";
 
     const { width, height } = getDimensions(aspectSelect.value);
@@ -162,19 +142,15 @@ document.addEventListener("DOMContentLoaded", () => {
     const enhance = enhanceCheckbox.checked;
     const priv = privateCheckbox.checked;
 
-    // Use global config if available, otherwise hardcode safe=false
-    const safeParam = window._pollinationsAPIConfig ? `safe=${window._pollinationsAPIConfig.safe}` : "safe=false";
-    
-    // Add nolog=true parameter to prevent unwanted URL parameters
-    const url = `https://image.pollinations.ai/prompt/${encodeURIComponent(prompt)}?width=${width}&height=${height}&seed=${seed}&model=${model}&nologo=true&private=${priv}&enhance=${enhance}&${safeParam}&nolog=true`;
+    const url = `https://image.pollinations.ai/prompt/${encodeURIComponent(prompt)}?width=${width}&height=${height}&seed=${seed}&model=${model}&nologo=true&private=${priv}&enhance=${enhance}&safe=false&nolog=true`;
 
     screensaverImage.style.opacity = "0.5";
-    screensaverImage.crossOrigin = "anonymous"; // Enable CORS for cross-browser support
+    screensaverImage.crossOrigin = "anonymous";
     screensaverImage.onload = () => {
       screensaverImage.style.opacity = "1";
       const browserInfo = getBrowserInfo();
       if (browserInfo.isSafari) {
-        screensaverImage.style.webkitMaskImage = "none"; // Fix Safari rendering
+        screensaverImage.style.webkitMaskImage = "none";
       }
     };
     screensaverImage.onerror = () => {
@@ -185,7 +161,6 @@ document.addEventListener("DOMContentLoaded", () => {
     screensaverImage.src = url;
   }
 
-  // Set or reset the image interval
   function setOrResetInterval() {
     clearInterval(imageInterval);
     const intervalSeconds = parseInt(timerInput.value) || 30;
@@ -195,7 +170,6 @@ document.addEventListener("DOMContentLoaded", () => {
     window.imageInterval = imageInterval;
   }
 
-  // Start the screensaver
   function startScreensaver() {
     screensaverActive = true;
     paused = false;
@@ -221,12 +195,10 @@ document.addEventListener("DOMContentLoaded", () => {
     document.body.style.overflow = "hidden";
     window.screensaverActive = true;
 
-    // Optional audio cue for screensaver start (placeholder)
-    const audioUrl = "https://example.com/audio/start.mp3"; // Replace with actual audio API
+    const audioUrl = "https://example.com/audio/start.mp3";
     playAudio(audioUrl).catch(err => console.warn("Audio cue failed:", err));
   }
 
-  // Stop the screensaver
   function stopScreensaver() {
     screensaverActive = false;
     paused = false;
@@ -251,7 +223,6 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   }
 
-  // Toggle pause state
   function togglePause() {
     paused = !paused;
     playPauseButton.innerHTML = paused ? "▶️" : "⏸️";
@@ -260,89 +231,70 @@ document.addEventListener("DOMContentLoaded", () => {
     window.showToast(paused ? "Screensaver paused" : "Screensaver resumed");
   }
 
-  // Save the current image
   function saveImage() {
     if (!screensaverImage.src) {
       window.showToast("No image to save");
       return;
     }
-    fetch(screensaverImage.src)
-      .then(response => response.ok ? response.blob() : Promise.reject("Fetch failed"))
+    fetch(screensaverImage.src, { mode: "cors" })
+      .then(response => {
+        if (!response.ok) throw new Error("Network response was not ok");
+        return response.blob();
+      })
       .then(blob => {
-        const blobUrl = URL.createObjectURL(blob);
-        const link = document.createElement("a");
-        link.href = blobUrl;
-        link.download = "screensaver-image.png";
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-        URL.revokeObjectURL(blobUrl);
-        window.showToast("Image saved!");
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = `screensaver-image-${Date.now()}.png`;
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        URL.revokeObjectURL(url);
+        window.showToast("Image download initiated");
       })
       .catch(err => {
         console.error("Error saving image:", err);
         window.showToast("Failed to save image");
       });
   }
 
-  // Copy the current image to clipboard
   function copyImage() {
     if (!screensaverImage.src) {
       window.showToast("No image to copy");
       return;
     }
+    if (!screensaverImage.complete || screensaverImage.naturalWidth === 0) {
+      window.showToast("Image not fully loaded yet. Please try again.");
+      return;
+    }
     copyButton.textContent = "Copying...";
     const canvas = document.createElement("canvas");
     const ctx = canvas.getContext("2d");
-
-    if (screensaverImage.complete && screensaverImage.naturalWidth > 0) {
-      canvas.width = screensaverImage.naturalWidth;
-      canvas.height = screensaverImage.naturalHeight;
-      ctx.drawImage(screensaverImage, 0, 0);
-      canvas.toBlob(blob => {
-        navigator.clipboard.write([new ClipboardItem({ "image/png": blob })])
-          .then(() => {
-            copyButton.textContent = "✅ Copied!";
-            window.showToast("Image copied!");
-            setTimeout(() => copyButton.textContent = "Copy Image", 1500);
-          })
-          .catch(err => {
-            copyButton.textContent = "❌ Failed";
-            window.showToast("Copy failed");
-            setTimeout(() => copyButton.textContent = "Copy Image", 1500);
-          });
-      }, "image/png", 1.0);
-    } else {
-      const tempImg = new Image();
-      tempImg.crossOrigin = "anonymous";
-      tempImg.onload = () => {
-        canvas.width = tempImg.naturalWidth;
-        canvas.height = tempImg.naturalHeight;
-        ctx.drawImage(tempImg, 0, 0);
-        canvas.toBlob(blob => {
-          navigator.clipboard.write([new ClipboardItem({ "image/png": blob })])
-            .then(() => {
-              copyButton.textContent = "✅ Copied!";
-              window.showToast("Image copied!");
-              setTimeout(() => copyButton.textContent = "Copy Image", 1500);
-            })
-            .catch(() => {
-              copyButton.textContent = "❌ Failed";
-              window.showToast("Copy failed");
-              setTimeout(() => copyButton.textContent = "Copy Image", 1500);
-            });
-        }, "image/png", 1.0);
-      };
-      tempImg.onerror = () => {
-        copyButton.textContent = "❌ Failed";
-        window.showToast("Failed to load image");
-        setTimeout(() => copyButton.textContent = "Copy Image", 1500);
-      };
-      tempImg.src = screensaverImage.src;
-    }
+    canvas.width = screensaverImage.naturalWidth;
+    canvas.height = screensaverImage.naturalHeight;
+    ctx.drawImage(screensaverImage, 0, 0);
+    canvas.toBlob(blob => {
+      if (!blob) {
+        copyButton.textContent = "Copy Image";
+        window.showToast("Failed to copy image: Unable to create blob.");
+        return;
+      }
+      navigator.clipboard.write([new ClipboardItem({ "image/png": blob })])
+        .then(() => {
+          const dataURL = canvas.toDataURL("image/png");
+          localStorage.setItem("lastCopiedImage", dataURL);
+          copyButton.textContent = "✅ Copied!";
+          window.showToast("Image copied to clipboard and saved to local storage");
+          setTimeout(() => copyButton.textContent = "Copy Image", 1500);
+        })
+        .catch(err => {
+          copyButton.textContent = "❌ Failed";
+          window.showToast("Copy failed: " + err.message);
+          setTimeout(() => copyButton.textContent = "Copy Image", 1500);
+        });
+    }, "image/png");
   }
 
-  // Toggle fullscreen mode
   function toggleFullscreen() {
     if (!screensaverActive) {
       window.showToast("Start the screensaver first!");
@@ -367,7 +319,6 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   }
 
-  // Event listeners
   toggleScreensaverButton.addEventListener("click", () => {
     screensaverActive ? stopScreensaver() : startScreensaver();
   });
@@ -417,13 +368,21 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   });
 
-  // Cross-browser toast notification
   window.showToast = function(message, duration = 3000) {
     let toast = document.getElementById("toast-notification");
     if (!toast) {
       toast = document.createElement("div");
       toast.id = "toast-notification";
-      toast.style.cssText = "position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,0.7);color:white;padding:10px 20px;border-radius:5px;z-index:9999;transition:opacity 0.3s;";
+      toast.style.position = "fixed";
+      toast.style.top = "5%";
+      toast.style.left = "50%";
+      toast.style.transform = "translateX(-50%)";
+      toast.style.backgroundColor = "rgba(0,0,0,0.7)";
+      toast.style.color = "white";
+      toast.style.padding = "10px 20px";
+      toast.style.borderRadius = "5px";
+      toast.style.zIndex = "9999";
+      toast.style.transition = "opacity 0.3s";
       document.body.appendChild(toast);
     }
     toast.textContent = message;
@@ -432,7 +391,6 @@ document.addEventListener("DOMContentLoaded", () => {
     toast.timeout = setTimeout(() => toast.style.opacity = "0", duration);
   };
 
-  // Expose functions globally
   window.startScreensaver = startScreensaver;
   window.stopScreensaver = stopScreensaver;
   window.togglePause = togglePause;