pinokiod 3.191.0 → 3.193.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pinokiod",
-  "version": "3.191.0",
+  "version": "3.193.0",
   "description": "",
   "main": "index.js",
   "scripts": {

package/server/views/app.ejs

@@ -6739,8 +6739,6 @@ body.dark .pinokio-fork-dropdown-remote, body.dark .pinokio-publish-dropdown-rem
     init.click()
   }
   window.addEventListener('message', (event) => {
-    console.log("EVENT", event)
-
     // only process the event it's coming from pinokio
     let origin = event.origin
     if (origin) {

package/server/views/editor.ejs

@@ -593,8 +593,6 @@ document.addEventListener("DOMContentLoaded", async () => {
               document.querySelector("#error-screen").classList.add("hidden")
             })
             */
-            console.log("instance", instance)
-            console.log("EVENT", packet.event)
             instance.mark(packet.event)
             let element = document.querySelector("mark")
             element.scrollIntoView({ behavior: "smooth", block: "center" });

package/server/views/mini.ejs

@@ -1484,25 +1484,21 @@ body.dark .appcanvas {
     })
   }
   let init = document.querySelector("[data-init]")
-  console.log("init")
   if (init) {
     init.click()
   }
   /*
   window.addEventListener("hashchange", function () {
-    console.log("Hash changed:", location.hash);
     location.reload()
   });
   */
   window.addEventListener('message', (event) => {
     refresh()
-              console.log("EVENT" ,event.data)
 
     // only process the event it's coming from pinokio
     let origin = event.origin
     if (origin) {
       let port = new URL(origin).port || 80
-      console.log("port", port)
       if (String(port) === "<%=port%>") {
         console.log("Message received from the child: ", event); // Message received from child
         if (event.type === "start") {
@@ -1515,10 +1511,7 @@ body.dark .appcanvas {
             } else if (event.data.action.type === "title") {
               console.log("title", event.data)
             } else if (event.data.action.type === "location") {
-              console.log("EVENT", event)
               let url = event.data.action.url
-              console.log({ action: event.data.action })
-
               //document.querySelector("#location").value = url
               let pathname = new URL(url).pathname
               if (pathname.startsWith("/run")) {

package/server/views/shell.ejs

@@ -1163,6 +1163,20 @@ document.addEventListener("DOMContentLoaded", async () => {
         dropOverlay.className = "terminal-drop-overlay"
         dropOverlay.textContent = "Drop files to upload"
         terminalContainer.appendChild(dropOverlay)
+        const filterUniqueResources = (urls) => {
+          const seen = new Set()
+          return (Array.isArray(urls) ? urls : []).filter((item) => {
+            if (!item || typeof item.href !== "string") {
+              return false
+            }
+            const key = item.href.trim()
+            if (!key || seen.has(key)) {
+              return false
+            }
+            seen.add(key)
+            return true
+          })
+        }
         let dragDepth = 0
         const prevent = (event) => {
           event.preventDefault()
@@ -1189,20 +1203,7 @@ document.addEventListener("DOMContentLoaded", async () => {
           let remoteResources = []
           try {
             const extra = await this.collectFilesFromDataTransfer(event.dataTransfer)
-            if (extra && Array.isArray(extra.urls) && extra.urls.length) {
-              const seenUrls = new Set()
-              remoteResources = extra.urls.filter((item) => {
-                if (!item || typeof item.href !== "string") {
-                  return false
-                }
-                const key = item.href.trim()
-                if (!key || seenUrls.has(key)) {
-                  return false
-                }
-                seenUrls.add(key)
-                return true
-              })
-            }
+            remoteResources = filterUniqueResources(extra && extra.urls)
           } catch (error) {
             console.warn("Failed to collect files from drop payload", error)
           }
@@ -1221,6 +1222,36 @@ document.addEventListener("DOMContentLoaded", async () => {
           }
           this.term.focus()
         })
+        terminalContainer.addEventListener("paste", async (event) => {
+          const clipboard = event.clipboardData || window.clipboardData || null
+          if (!clipboard) {
+            return
+          }
+          const files = Array.from(clipboard.files || [])
+          let remoteResources = []
+          try {
+            const extra = await this.collectFilesFromDataTransfer(clipboard)
+            remoteResources = filterUniqueResources(extra && extra.urls)
+          } catch (error) {
+            console.warn("Failed to collect clipboard resources", error)
+          }
+          if (!files.length && (!remoteResources || remoteResources.length === 0)) {
+            return
+          }
+          event.preventDefault()
+          event.stopPropagation()
+          try {
+            if (remoteResources && remoteResources.length > 0) {
+              await this.uploadRemoteResources(remoteResources, dropOverlay)
+            }
+          } catch (error) {
+            console.warn("Clipboard remote upload failed", error)
+          }
+          if (files.length > 0) {
+            await this.uploadFiles(files, dropOverlay)
+          }
+          this.term.focus()
+        })
         term.attachCustomKeyEventHandler(event => {
           if ((event.ctrlKey || event.metaKey) && event.key === 'c') {
             const selection = term.getSelection();

package/server/views/terminal.ejs

@@ -1256,6 +1256,20 @@ document.addEventListener("DOMContentLoaded", async () => {
         dropOverlay.className = "terminal-drop-overlay"
         dropOverlay.textContent = "Drop files to upload"
         terminalContainer.appendChild(dropOverlay)
+        const filterUniqueResources = (urls) => {
+          const seen = new Set()
+          return (Array.isArray(urls) ? urls : []).filter((item) => {
+            if (!item || typeof item.href !== "string") {
+              return false
+            }
+            const key = item.href.trim()
+            if (!key || seen.has(key)) {
+              return false
+            }
+            seen.add(key)
+            return true
+          })
+        }
         let dragDepth = 0
         const prevent = (event) => {
           event.preventDefault()
@@ -1282,20 +1296,7 @@ document.addEventListener("DOMContentLoaded", async () => {
           let remoteResources = []
           try {
             const extra = await this.collectFilesFromDataTransfer(event.dataTransfer)
-            if (extra && Array.isArray(extra.urls) && extra.urls.length) {
-              const seenUrls = new Set()
-              remoteResources = extra.urls.filter((item) => {
-                if (!item || typeof item.href !== "string") {
-                  return false
-                }
-                const key = item.href.trim()
-                if (!key || seenUrls.has(key)) {
-                  return false
-                }
-                seenUrls.add(key)
-                return true
-              })
-            }
+            remoteResources = filterUniqueResources(extra && extra.urls)
           } catch (error) {
             console.warn("Failed to collect files from drop payload", error)
           }
@@ -1318,6 +1319,36 @@ document.addEventListener("DOMContentLoaded", async () => {
           }
           this.term.focus()
         })
+        terminalContainer.addEventListener("paste", async (event) => {
+          const clipboard = event.clipboardData || window.clipboardData || null
+          if (!clipboard) {
+            return
+          }
+          const files = Array.from(clipboard.files || [])
+          let remoteResources = []
+          try {
+            const extra = await this.collectFilesFromDataTransfer(clipboard)
+            remoteResources = filterUniqueResources(extra && extra.urls)
+          } catch (error) {
+            console.warn("Failed to collect clipboard resources", error)
+          }
+          if (!files.length && (!remoteResources || remoteResources.length === 0)) {
+            return
+          }
+          event.preventDefault()
+          event.stopPropagation()
+          try {
+            if (remoteResources && remoteResources.length > 0) {
+              await this.uploadRemoteResources(remoteResources, dropOverlay)
+            }
+          } catch (error) {
+            console.warn("Clipboard remote upload failed", error)
+          }
+          if (files.length > 0) {
+            await this.uploadFiles(files, dropOverlay)
+          }
+          this.term.focus()
+        })
         term.attachCustomKeyEventHandler(event => {
           if ((event.ctrlKey || event.metaKey) && event.key === 'c') {
             const selection = term.getSelection();