pinokiod 5.3.22 → 5.3.24

package/package.json

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

package/server/public/layout.js

@@ -208,6 +208,8 @@
     iframe.dataset.nodeId = node.id;
     iframe.name = node.id;
     iframe.src = node.src || state.defaultPath;
+    iframe.setAttribute('allow', 'fullscreen *;');
+    iframe.setAttribute('allowfullscreen', '');
 
     container.appendChild(iframe);
     rootEl.appendChild(container);

package/server/views/agents.ejs

@@ -1092,7 +1092,7 @@ body.dark .plugin-option:hover {
           </div>
         </div>
         <div class="pinokio-modal-body pinokio-modal-body--iframe">
-          <iframe src="${targetUrl}"></iframe>
+          <iframe src="${targetUrl}" allow="fullscreen *;" allowfullscreen></iframe>
         </div>
         <div class="pinokio-modal-footer pinokio-modal-footer--publish" data-publish-footer>
           <button type="button" class="pinokio-publish-close-btn" data-publish-close>Close</button>

package/server/views/app.ejs

@@ -4375,7 +4375,7 @@ header.navheader .mode-selector .community-mode-toggle {
     <div class='browserview-shell'>
       <main class='browserview'>
         <% if (type === 'files') { %>
-          <iframe class='selected' src="<%=editor_tab%>"></iframe>
+          <iframe class='selected' src="<%=editor_tab%>" allow="fullscreen *;" allowfullscreen></iframe>
         <% } %>
       </main>
       <% if (registryEnabled) { %>
@@ -4427,7 +4427,7 @@ header.navheader .mode-selector .community-mode-toggle {
               <div class='community-drawer-empty-note muted'>Load https://pinokio.co in the panel (requires network)</div>
               <button type='button' class='btn community-drawer-connect'>Load</button>
             </div>
-            <iframe class='community-frame hidden' title="Community updates"></iframe>
+            <iframe class='community-frame hidden' title="Community updates" allow="fullscreen *;" allowfullscreen></iframe>
           </div>
         </div>
       </aside>
@@ -4528,8 +4528,9 @@ header.navheader .mode-selector .community-mode-toggle {
     iframe_onerror(frame)
     frame.setAttribute(
       "allow", 
-      "clipboard-read *; clipboard-write *; accelerometer *; ambient-light-sensor *; autoplay *; battery *; camera *; display-capture *; gamepad *; geolocation *; gyroscope *; hid *; identity-credentials-get *; microphone *; midi *; otp-credentials *; serial *;"
+      "clipboard-read *; clipboard-write *; accelerometer *; ambient-light-sensor *; autoplay *; battery *; camera *; display-capture *; fullscreen *; gamepad *; geolocation *; gyroscope *; hid *; identity-credentials-get *; microphone *; midi *; otp-credentials *; serial *;"
     )
+    frame.setAttribute("allowfullscreen", "")
     document.querySelector("main").appendChild(frame)
     loaded[name] = true
   }
@@ -5708,8 +5709,9 @@ const rerenderMenuSection = (container, html) => {
           iframe_onerror(frame)
           frame.setAttribute(
             "allow", 
-            "clipboard-read *; clipboard-write *; accelerometer *; ambient-light-sensor *; autoplay *; battery *; camera *; display-capture *; gamepad *; geolocation *; gyroscope *; hid *; identity-credentials-get *; microphone *; midi *; otp-credentials *; serial *;"
+            "clipboard-read *; clipboard-write *; accelerometer *; ambient-light-sensor *; autoplay *; battery *; camera *; display-capture *; fullscreen *; gamepad *; geolocation *; gyroscope *; hid *; identity-credentials-get *; microphone *; midi *; otp-credentials *; serial *;"
           )
+          frame.setAttribute("allowfullscreen", "")
           document.querySelector("main").appendChild(frame)
           loaded[target.target] = true
           lastForegroundSignature = null
@@ -5870,8 +5872,9 @@ const rerenderMenuSection = (container, html) => {
     iframe_onerror(frame)
     frame.setAttribute(
       "allow", 
-      "clipboard-read *; clipboard-write *; accelerometer *; ambient-light-sensor *; autoplay *; battery *; camera *; display-capture *; gamepad *; geolocation *; gyroscope *; hid *; identity-credentials-get *; microphone *; midi *; otp-credentials *; serial *;"
+      "clipboard-read *; clipboard-write *; accelerometer *; ambient-light-sensor *; autoplay *; battery *; camera *; display-capture *; fullscreen *; gamepad *; geolocation *; gyroscope *; hid *; identity-credentials-get *; microphone *; midi *; otp-credentials *; serial *;"
     )
+    frame.setAttribute("allowfullscreen", "")
     document.querySelector("main").appendChild(frame)
 
     await syncTabs()
@@ -8079,7 +8082,7 @@ const rerenderMenuSection = (container, html) => {
     let reopenDiffOnCallback = false
     
     const showIframeView = (src) => {
-      const iframeMarkup = `<iframe src="${src}" frameborder="0"></iframe>`
+      const iframeMarkup = `<iframe src="${src}" frameborder="0" allow="fullscreen *;" allowfullscreen></iframe>`
       const diffBody = document.querySelector('.pinokio-modal-body--diff')
       let iframeContainer = null
       if (diffBody) {
@@ -9325,7 +9328,7 @@ const rerenderMenuSection = (container, html) => {
             <button class="pinokio-custom-terminal-close">×</button>
           </div>
           <div class="pinokio-custom-terminal-body">
-            <iframe src="${src}" frameborder="0"></iframe>
+            <iframe src="${src}" frameborder="0" allow="fullscreen *;" allowfullscreen></iframe>
           </div>
         </div>
       `
@@ -9522,7 +9525,7 @@ const rerenderMenuSection = (container, html) => {
             </div>
           </div>
           <div class="pinokio-modal-body pinokio-modal-body--iframe">
-            <iframe src="${timestampedUri}"></iframe>
+            <iframe src="${timestampedUri}" allow="fullscreen *;" allowfullscreen></iframe>
           </div>
           <div class="pinokio-modal-footer pinokio-modal-footer--publish" data-publish-footer>
             ${viewRemoteButton}
@@ -9651,7 +9654,7 @@ const rerenderMenuSection = (container, html) => {
               </div>
             </div>
             <div class="pinokio-modal-body pinokio-modal-body--iframe">
-              <iframe src="${finalUri}"></iframe>
+              <iframe src="${finalUri}" allow="fullscreen *;" allowfullscreen></iframe>
             </div>
             <div class="pinokio-modal-footer pinokio-modal-footer--publish" data-publish-footer>
               <button type="button" class="pinokio-publish-close-btn" data-publish-close>Close</button>
@@ -9788,7 +9791,7 @@ const rerenderMenuSection = (container, html) => {
                 </div>
               </div>
               <div class="pinokio-modal-body pinokio-modal-body--iframe">
-                <iframe src="${finalUri}"></iframe>
+                <iframe src="${finalUri}" allow="fullscreen *;" allowfullscreen></iframe>
               </div>
               <div class="pinokio-modal-footer pinokio-modal-footer--create">
                 <button type="button" class="pinokio-modal-secondary-btn" data-create-cancel>Cancel</button>
@@ -10057,7 +10060,7 @@ const rerenderMenuSection = (container, html) => {
               </div>
             </div>
             <div class="pinokio-modal-body pinokio-modal-body--iframe">
-              <iframe src="${finalUri}"></iframe>
+              <iframe src="${finalUri}" allow="fullscreen *;" allowfullscreen></iframe>
             </div>
             <div class="pinokio-modal-footer pinokio-modal-footer--publish" data-publish-footer>
               <button type="button" class="pinokio-publish-close-btn" data-publish-close>Close</button>

package/server/views/columns.ejs

@@ -62,9 +62,9 @@ body[data-agent='electron'] {
 <script src="/window_storage.js"></script>
 </head>
 <body class='<%=theme%>' data-agent="<%=agent%>">
-<iframe id='col0' data-src="<%= originSrc || '/home' %>"></iframe>
+<iframe id='col0' data-src="<%= originSrc || '/home' %>" allow="fullscreen *;" allowfullscreen></iframe>
 <div id="gutter" class="gutter" tabindex="0" role="separator" aria-orientation="vertical" aria-label="Resize panels" aria-valuemin="120" aria-valuemax="0" aria-valuenow="0"></div>
-<iframe id='col1' data-src="<%= targetSrc || originSrc || '/home' %>"></iframe>
+<iframe id='col1' data-src="<%= targetSrc || originSrc || '/home' %>" allow="fullscreen *;" allowfullscreen></iframe>
 
 <script>
   if (window !== window.top) {

package/server/views/container.ejs

@@ -359,7 +359,7 @@ iframe {
 </button>
 </h1>
 </header>
-<iframe class='mainframe' src="<%=src%>"></iframe>
+<iframe class='mainframe' src="<%=src%>" allow="fullscreen *;" allowfullscreen></iframe>
 <script src="/urldropdown.js"></script>
 <script>
 // Initialize URL Dropdown with restore behavior

package/server/views/explore.ejs

@@ -149,9 +149,9 @@ body main iframe {
 </header>
 <main>
 <% if (theme === "dark") { %>
-  <iframe name="<%=schema%>" src="<%=discover_dark%>" <%=agent === "electron" ? "no-referrer" : ""%>></iframe>
+  <iframe name="<%=schema%>" src="<%=discover_dark%>" <%=agent === "electron" ? "no-referrer" : ""%> allow="fullscreen *;" allowfullscreen></iframe>
 <% } else { %>
-  <iframe name="<%=schema%>" src="<%=discover_light%>" <%=agent === "electron" ? "no-referrer" : ""%>></iframe>
+  <iframe name="<%=schema%>" src="<%=discover_light%>" <%=agent === "electron" ? "no-referrer" : ""%> allow="fullscreen *;" allowfullscreen></iframe>
 <% } %>
 </main>
 <link href="/xterm.min.css" rel="stylesheet" />

package/server/views/frame.ejs

@@ -114,7 +114,7 @@ main iframe {
 <% } %>
 </header>
 <main>
-<iframe src="<%=rawpath%>"></iframe>
+<iframe src="<%=rawpath%>" allow="fullscreen *;" allowfullscreen></iframe>
 </main>
 </body>
 </html>

package/server/views/git.ejs

@@ -540,7 +540,7 @@ body.dark .change-count {
   </div>
 </main>
 <div id='term' class='hidden'>
-  <iframe name='terminal'></iframe>
+  <iframe name='terminal' allow="fullscreen *;" allowfullscreen></iframe>
 </div>
 <script>
 new TomSelect("select", {

package/server/views/mini.ejs

@@ -1104,11 +1104,12 @@ body.dark .appcanvas {
           let frame = document.createElement("iframe")
           frame.name = target.target
           frame.src = target.href
-          frame.setAttribute(
-            "allow", 
-            "clipboard-read *; clipboard-write *; accelerometer *; ambient-light-sensor *; autoplay *; battery *; camera *; display-capture *; gamepad *; geolocation *; gyroscope *; hid *; identity-credentials-get *; microphone *; midi *; otp-credentials *; serial *;"
-          )
-          document.querySelector("main").appendChild(frame)
+        frame.setAttribute(
+          "allow", 
+          "clipboard-read *; clipboard-write *; accelerometer *; ambient-light-sensor *; autoplay *; battery *; camera *; display-capture *; fullscreen *; gamepad *; geolocation *; gyroscope *; hid *; identity-credentials-get *; microphone *; midi *; otp-credentials *; serial *;"
+        )
+        frame.setAttribute("allowfullscreen", "")
+        document.querySelector("main").appendChild(frame)
           loaded[target.target] = true
         }
 

package/server/views/review.ejs

@@ -968,7 +968,7 @@ body.dark .top-menu .btn2.selected {
 </h1>
 </header>
 <div class='appcanvas'>
-<iframe src="<%=redirect_uri%>"></iframe>
+<iframe src="<%=redirect_uri%>" allow="fullscreen *;" allowfullscreen></iframe>
 </div>
 <script>
   (function () {

package/server/views/rows.ejs

@@ -62,9 +62,9 @@ body[data-agent='electron'] {
 <script src="/window_storage.js"></script>
 </head>
 <body class='<%=theme%>' data-agent="<%=agent%>">
-<iframe id='row0' data-src="<%= originSrc || '/home' %>"></iframe>
+<iframe id='row0' data-src="<%= originSrc || '/home' %>" allow="fullscreen *;" allowfullscreen></iframe>
 <div id="gutter" class="gutter" tabindex="0" role="separator" aria-orientation="horizontal" aria-label="Resize panels" aria-valuemin="120" aria-valuemax="0" aria-valuenow="0"></div>
-<iframe id='row1' data-src="<%= targetSrc || originSrc || '/home' %>"></iframe>
+<iframe id='row1' data-src="<%= targetSrc || originSrc || '/home' %>" allow="fullscreen *;" allowfullscreen></iframe>
 
 <script>
   if (window !== window.top) {

package/server/views/tools.ejs

@@ -1392,7 +1392,7 @@ const openPackageInstallModal = ({ manager, command, name, channel }) => {
         </div>
       </div>
       <div class="pinokio-modal-body pinokio-modal-body--iframe">
-        <iframe src="${shellUrl}"></iframe>
+        <iframe src="${shellUrl}" allow="fullscreen *;" allowfullscreen></iframe>
       </div>
     </div>
   `;