npm - pinokiod - Versions diffs - 3.41.0 → 3.43.0 - Mend

pinokiod 3.41.0 → 3.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (82) hide show

package/kernel/api/browser/index.js +3 -1
package/kernel/api/cloudflare/index.js +3 -3
package/kernel/api/index.js +187 -51
package/kernel/api/loading/index.js +15 -0
package/kernel/api/process/index.js +7 -0
package/kernel/api/shell/index.js +0 -2
package/kernel/bin/browserless.js +22 -0
package/kernel/bin/caddy.js +36 -4
package/kernel/bin/index.js +4 -1
package/kernel/bin/setup.js +38 -5
package/kernel/connect/backend.js +110 -0
package/kernel/connect/config.js +171 -0
package/kernel/connect/index.js +18 -7
package/kernel/connect/providers/huggingface/index.js +98 -0
package/kernel/connect/providers/x/index.js +0 -1
package/kernel/environment.js +91 -19
package/kernel/git.js +46 -3
package/kernel/index.js +119 -39
package/kernel/peer.js +40 -5
package/kernel/plugin.js +3 -2
package/kernel/procs.js +27 -20
package/kernel/prototype.js +30 -16
package/kernel/router/common.js +1 -1
package/kernel/router/connector.js +1 -3
package/kernel/router/index.js +38 -4
package/kernel/router/localhost_home_router.js +5 -1
package/kernel/router/localhost_port_router.js +27 -1
package/kernel/router/localhost_static_router.js +93 -0
package/kernel/router/localhost_variable_router.js +14 -9
package/kernel/router/peer_peer_router.js +3 -0
package/kernel/router/peer_static_router.js +43 -0
package/kernel/router/peer_variable_router.js +15 -14
package/kernel/router/processor.js +26 -1
package/kernel/router/rewriter.js +59 -0
package/kernel/scripts/git/commit +11 -1
package/kernel/shell.js +8 -3
package/kernel/util.js +65 -6
package/package.json +2 -1
package/server/index.js +1037 -964
package/server/public/common.js +382 -1
package/server/public/fscreator.js +0 -1
package/server/public/loading.js +17 -0
package/server/public/notifyinput.js +0 -1
package/server/public/opener.js +4 -2
package/server/public/style.css +311 -11
package/server/socket.js +7 -1
package/server/views/app.ejs +1747 -351
package/server/views/columns.ejs +338 -0
package/server/views/connect/huggingface.ejs +353 -0
package/server/views/connect/index.ejs +410 -0
package/server/views/connect/x.ejs +43 -9
package/server/views/connect.ejs +709 -49
package/server/views/container.ejs +357 -0
package/server/views/d.ejs +251 -62
package/server/views/download.ejs +54 -10
package/server/views/editor.ejs +11 -0
package/server/views/explore.ejs +40 -15
package/server/views/file_explorer.ejs +25 -246
package/server/views/form.ejs +44 -1
package/server/views/frame.ejs +39 -1
package/server/views/github.ejs +48 -11
package/server/views/help.ejs +48 -7
package/server/views/index.ejs +119 -58
package/server/views/index2.ejs +3 -4
package/server/views/init/index.ejs +651 -197
package/server/views/install.ejs +1 -1
package/server/views/mini.ejs +47 -18
package/server/views/net.ejs +199 -67
package/server/views/network.ejs +220 -94
package/server/views/network2.ejs +3 -4
package/server/views/old_network.ejs +3 -3
package/server/views/prototype/index.ejs +48 -11
package/server/views/review.ejs +1005 -0
package/server/views/rows.ejs +341 -0
package/server/views/screenshots.ejs +1020 -0
package/server/views/settings.ejs +160 -23
package/server/views/setup.ejs +49 -7
package/server/views/setup_home.ejs +43 -10
package/server/views/shell.ejs +7 -1
package/server/views/start.ejs +14 -9
package/server/views/terminal.ejs +13 -2
package/server/views/tools.ejs +1015 -0

package/server/views/connect/index.ejs ADDED Viewed

@@ -0,0 +1,410 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title><%=name%> OAuth</title>
+    <link href="/css/fontawesome.min.css" rel="stylesheet">
+    <link href="/css/solid.min.css" rel="stylesheet">
+    <link href="/css/regular.min.css" rel="stylesheet">
+    <link href="/css/brands.min.css" rel="stylesheet">
+    <style>
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            max-width: 600px;
+            margin: 50px auto;
+            padding: 20px;
+            background: #f8fafc;
+        }
+        /*
+        .container {
+            background: white;
+            padding: 30px;
+            border-radius: 10px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        */
+        h1 {
+            text-transform: capitalize;
+            color: #1f2937;
+            margin: 0;
+            font-size: 40px;
+            margin-top: 10px;
+        }
+        .btn {
+            text-decoration: none;
+            display: inline-block;
+            background: black;
+            width: 100%;
+            color: white;
+            border: none;
+            padding: 12px 24px;
+            border-radius: 6px;
+            cursor: pointer;
+            font-size: 16px;
+            box-sizing: border-box;
+            text-align: center;
+            /*
+            margin: 10px 5px 10px 0;
+            */
+        }
+        .btn.secondary {
+            background: #6b7280;
+        }
+        #user-details {
+          margin-bottom: 20px;
+        }
+        .user-info {
+            background: #f0f9ff;
+            padding: 15px;
+            border-left: 4px solid #3b82f6;
+            /*
+            margin-top: 20px;
+            */
+        }
+        #login-section p {
+          padding: 5px 0;
+        }
+        .user-info h3 {
+          margin: 0 0 10px;
+          font-size: 30px;
+        }
+        .status {
+            padding: 12px;
+            margin: 10px 0;
+            border-radius: 6px;
+            font-weight: 500;
+        }
+        .status.success { background: #d1fae5; color: #065f46; }
+        .status.error { background: #fee2e2; color: #991b1b; }
+        .status.warning { background: #fef3c7; color: #92400e; }
+        .hidden { display: none; }
+        .profile {
+          width: 400px;
+          display: flex;
+          gap: 10px;
+          font-size: 14px;
+          box-sizing: border-box;
+        }
+        .profile img {
+          width: 100px;
+          flex-shrink: 0;
+        }
+        .profile td {
+          font-size: 14px;
+          padding: 0 10px 0 0;
+        }
+        header {
+          text-align: center;
+          padding: 50px;
+          letter-spacing: -1px;
+        }
+        .logos {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          gap: 10px;
+          font-size: 30px;
+        }
+        .logo {
+          height: 40px;
+          font-size: 40px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        }
+        p {
+          margin: 5px 0;
+          font-size: 14px;
+        }
+    </style>
+</head>
+<body>
+    <header>
+      <div class='logos'>
+        <img class='logo' src="/pinokio-black.png"/>
+        <div>+</div>
+        <% if (name === "huggingface") { %>
+          <div class='logo'>🤗</div>
+        <% } else if (name === "x") { %>
+          <i class="logo fa-brands fa-square-x-twitter"></i>
+        <% } else if (name === "pinokio") { %>
+          <img class='logo' src="/pinokio-black.png"/>
+        <% } %>
+      </div>
+      <h1><%=name%> Connect</h1>
+    </header>
+    <div class="container">
+        <% if (protocol === "https") { %>
+          <div id="status" class="status warning">
+              Checking authentication status...
+          </div>
+          <!-- Login Section -->
+          <div id="login-section">
+            <p>Click below to authenticate with <%=name%>:</p>
+            <button class="btn" onclick="login()">Login</button>
+          </div>
+          <!-- User Section -->
+          <div id="user-section" class="hidden">
+              <div class="user-info">
+                  <h3>Logged In</h3>
+                  <div id="user-details"></div>
+                  <button class="btn secondary" onclick="logout()">Logout</button>
+              </div>
+          </div>
+        <% } else { %>
+          <a class='btn' href="https://pinokio.localhost/connect/<%=name%>">Get started<a>
+        <% } %>
+    </div>
+    <% if (protocol === "https") { %>
+    <script>
+        // Configuration
+        const CLIENT_ID = "<%=config.CLIENT_ID%>"
+        const REDIRECT_URI = "<%=config.REDIRECT_URI%>"
+        const OAUTH_URL = "<%=config.OAUTH_URL%>"
+        const TOKEN_URL = "<%=config.TOKEN_URL%>"
+        const PROFILE_URL = "<%=config.PROFILE_URL%>"
+        const SCOPE = "<%=config.SCOPE%>"
+        const name = "<%=name%>"
+        // Utility functions
+        function setStatus(message, type) {
+            const status = document.getElementById('status');
+            status.textContent = message;
+            status.className = `status ${type}`;
+        }
+        function generateRandomString(length) {
+            const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+            let result = '';
+            for (let i = 0; i < length; i++) {
+                result += chars.charAt(Math.floor(Math.random() * chars.length));
+            }
+            return result;
+        }
+        // PKCE functions
+        function generateCodeVerifier() {
+            const array = new Uint8Array(32);
+            crypto.getRandomValues(array);
+            return base64URLEncode(array);
+        }
+        async function generateCodeChallenge(verifier) {
+            const encoder = new TextEncoder();
+            const data = encoder.encode(verifier);
+            const digest = await crypto.subtle.digest('SHA-256', data);
+            return base64URLEncode(new Uint8Array(digest));
+        }
+        function base64URLEncode(array) {
+            return btoa(String.fromCharCode.apply(null, array))
+                .replace(/\+/g, '-')
+                .replace(/\//g, '_')
+                .replace(/=/g, '');
+        }
+        // Token management with automatic refresh
+        async function ensureValidToken() {
+          const res = await fetch(`/connect/${name}/keys`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({})
+          });
+          const json = await res.json();
+          console.log({ json })
+          if (json && json.access_token) {
+            return json.access_token
+          } else {
+            return null
+          }
+        }
+        // OAuth functions
+        async function login() {
+            try {
+                // Clear existing data
+                localStorage.removeItem('oauth_state');
+                localStorage.removeItem('code_verifier');
+                // Generate PKCE parameters
+                const state = generateRandomString(32);
+                const codeVerifier = generateCodeVerifier();
+                const codeChallenge = await generateCodeChallenge(codeVerifier);
+                // Store for later
+                localStorage.setItem('oauth_state', state);
+                localStorage.setItem('code_verifier', codeVerifier);
+                // Build auth URL
+                const params = new URLSearchParams({
+                    client_id: CLIENT_ID,
+                    redirect_uri: REDIRECT_URI,
+                    response_type: 'code',
+                    scope: SCOPE,
+                    state: state,
+                    code_challenge: codeChallenge,
+                    code_challenge_method: 'S256'
+                });
+                const authUrl = OAUTH_URL + '?' + params.toString();
+                // Redirect
+                window.location.href = authUrl;
+            } catch (error) {
+                console.error('Login error:', error);
+                setStatus('Failed to start login', 'error');
+            }
+        }
+        async function handleOAuthCallback(code) {
+            try {
+                // Verify state
+                const urlParams = new URLSearchParams(window.location.search);
+                const returnedState = urlParams.get('state');
+                const storedState = localStorage.getItem('oauth_state');
+                if (returnedState !== storedState) {
+                    throw new Error('Invalid state parameter');
+                }
+                // Get code verifier
+                const codeVerifier = localStorage.getItem('code_verifier');
+                if (!codeVerifier) {
+                    throw new Error('Code verifier not found');
+                }
+                const res = await fetch(`/connect/${name}/login`, {
+                  method: 'POST',
+                  headers: { 'Content-Type': 'application/json' },
+                  body: JSON.stringify({
+                    client_id: CLIENT_ID,
+                    code: code,
+                    redirect_uri: REDIRECT_URI,
+                    grant_type: 'authorization_code',
+                    code_verifier: codeVerifier
+                  })
+                });
+                const response = await res.json();
+                console.log('Token response:', response)
+                // Store tokens
+                if (response.access_token) {
+                    // Cleanup
+                    localStorage.removeItem('oauth_state');
+                    localStorage.removeItem('code_verifier');
+                    window.history.replaceState({}, document.title, window.location.pathname);
+                    // Get user info
+                    await fetchUserInfo();
+                } else {
+                    throw new Error('No access token received');
+                }
+            } catch (error) {
+                console.error('OAuth callback error:', error);
+                setStatus('Authentication failed: ' + error.message, 'error');
+            }
+        }
+        async function fetchUserInfo() {
+            try {
+                // Use ensureValidToken to automatically refresh if needed
+                const token = await ensureValidToken();
+                if (!token) {
+                    throw new Error('No valid token available');
+                }
+                console.log({ token })
+                await displayUserInfo()
+            } catch (error) {
+                console.error('Error fetching user info:', error);
+                setStatus('Failed to fetch user info: ' + error.message, 'error');
+//                logout();
+            }
+        }
+        async function displayUserInfo() {
+            const res = await fetch(`/connect/${name}/profile`)
+            const profile = await res.json();
+            const userDetails = document.getElementById('user-details');
+            let rows = profile.items.map((row) => {
+              return `<tr><td>${row.key}</td><td>${row.val}</td></tr>`
+            }).join("")
+            userDetails.innerHTML = `<div class="profile">
+              <img src="${profile.image}">
+              <div class='profile-column'>
+                <table>${rows}</table>
+              </div>
+            </div>`
+            document.getElementById('login-section').className = 'hidden';
+            document.getElementById('user-section').className = '';
+            setStatus("", "hidden")
+        }
+        async function logout() {
+            document.getElementById('login-section').className = '';
+            document.getElementById('user-section').className = 'hidden';
+            setStatus('Logged out', 'warning');
+            const res = await fetch('/connect/<%=name%>/logout', {
+              method: 'POST',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({})
+            });
+            const json = await res.json();
+            location.href = location.href
+        }
+        // Utility function for making authenticated API calls with automatic refresh
+        async function makeAuthenticatedRequest(url, options = {}) {
+            const token = await ensureValidToken();
+            if (!token) {
+                throw new Error('No valid token available');
+            }
+            return fetch(url, {
+                ...options,
+                headers: {
+                    ...options.headers,
+                    'Authorization': 'Bearer ' + token
+                }
+            });
+        }
+        // Initialize on page load
+        window.addEventListener('load', async () => {
+            const urlParams = new URLSearchParams(window.location.search);
+            const code = urlParams.get('code');
+            const error = urlParams.get('error');
+            if (error) {
+                setStatus('OAuth error: ' + error, 'error');
+                return;
+            }
+            if (code) {
+                await handleOAuthCallback(code);
+                return;
+            }
+            // Check existing session with automatic refresh
+            const token = await ensureValidToken();
+            if (token) {
+                await fetchUserInfo();
+            } else {
+                setStatus('Not authenticated', 'warning');
+            }
+        });
+        // Export makeAuthenticatedRequest for external use
+        window.makeAuthenticatedRequest = makeAuthenticatedRequest;
+        window.ensureValidToken = ensureValidToken;
+    </script>
+    <% } %>
+</body>
+</html>

package/server/views/connect/x.ejs CHANGED Viewed

@@ -181,6 +181,8 @@ pre {
 }
 </style>
 <link href="/highlight.css" rel="stylesheet" />
+<script src="/popper.min.js"></script>
+<script src="/tippy-bundle.umd.min.js"></script>
 <script src="/hotkeys.min.js"></script>
 <script src="/sweetalert2.js"></script>
 <script src="/common.js"></script>
@@ -192,17 +194,49 @@ pre {
 <header class='navheader grabbable'>
 <h1>
 <a class='home' href="/"><img class='icon' src="/pinokio-black.png"></a>
-<button class='btn2' id='back'><div><i class="fa-solid fa-chevron-left"></i></div><div>Prev</div></button>
-<button class='btn2' id='forward'><div><i class="fa-solid fa-chevron-right"></i></div><div>Next</div></button>
-<button class='btn2' id='refresh-page'><div><i class="fa-solid fa-rotate-right"></i></div><div>Refresh</div></button>
+<button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
+<button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
+<button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
+<button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
 <div class='flexible'></div>
-<a href="/connect" class='btn2'><div><i class="fa-solid fa-circle-user"></i></div><div>Connect</div></a>
-<div class='nav-btns'>
-  <a class='btn2' href="<%=portal%>" target="_blank"><div><i class="fa-solid fa-question"></i></div><div>Help</div></a>
-  <a class='btn2' href="/?mode=settings"><div><i class="fa-solid fa-gear"></i></div><div>Settings</div></a>
-  <button id='new-window' title='open a new window' class='btn2' data-agent="<%=agent%>"><div><i class="fa-solid fa-plus"></i></div><div>Window</div></button>
+<a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
+  <div><i class="fa-solid fa-table-columns"></i></div>
+</a>
+<a class='btn2' href="/rows" data-tippy-content="split into 2 rows">
+  <div><i class="fa-solid fa-table-columns fa-rotate-270"></i></div>
+</a>
+<div class="dropdown-content" id="dropdown-content">
+  <button class='btn2' id='clone-win' data-tippy-content="clone this window">
+    <div><i class="fa-solid fa-clone"></i><div>clone this window</div></div>
+  </button>
+  <button id='new-window' data-tippy-content="open a new window" title='open a new window' class='btn2' data-agent="<%=agent%>">
+    <div><i class="fa-solid fa-plus"></i><div>new window</div></div>
+  </button>
 </div>
-</h1>
+<!--
+<div class="dropdown btn2">
+  <button class='btn2' id='window-management'>
+    <div><i class="fa-regular fa-window-restore"></i></div>
+  </button>
+  <div class="dropdown-content" id="dropdown-content">
+    <button class='btn2' id='clone-win' data-tippy-content="clone this window">
+      <div><i class="fa-solid fa-clone"></i><div>clone this window</div></div>
+    </button>
+    <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
+      <div><i class="fa-solid fa-table-columns"></i><div>split columns</div></div>
+    </a>
+    <a class='btn2' href="/rows" data-tippy-content="split into 2 rows">
+      <div><i class="fa-solid fa-table-columns fa-rotate-270"></i><div>split rows</div></div>
+    </a>
+    <button id='new-window' data-tippy-content="open a new window" title='open a new window' class='btn2' data-agent="<%=agent%>">
+      <div><i class="fa-solid fa-plus"></i><div>new window</div></div>
+    </button>
+  </div>
+</div>
+-->
+<button class='btn2 hidden' id='close-window' data-tippy-content='close this section'>
+  <div><i class="fa-solid fa-xmark"></i></div>
+</button>
 </h1>
 </header>
 <main>