npm - blokctl - Versions diffs - 1.2.0 → 1.4.0 - Mend

blokctl 1.2.0 → 1.4.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 (693) hide show

package/dist/scaffold-repo/sdk/javascript/image-ai.html ADDED Viewed

@@ -0,0 +1,316 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Multimodal Search & Capture UI</title>
+    <link href="/sdk/javascript/bootstrap.min.css" rel="stylesheet" />
+    <style>
+      video,
+      canvas {
+        border: 1px solid #ccc;
+        margin-bottom: 10px;
+      }
+      .result-card {
+        border: 1px solid #ddd;
+        border-radius: 8px;
+        padding: 10px;
+        margin-bottom: 15px;
+        background: #f9f9f9;
+      }
+      .image-preview {
+        max-width: 100%;
+        max-height: 150px;
+        object-fit: cover;
+        border-radius: 4px;
+      }
+    </style>
+    <script src="/sdk/javascript/nanosdk.min.js"></script>
+  </head>
+  <body class="p-4">
+    <div class="container-fluid">
+      <div class="row">
+        <!-- 📸 Left Panel: Camera Capture -->
+        <div class="col-md-6">
+          <h4>📷 Automatic Camera Capture</h4>
+          <video id="video" autoplay playsinline width="100%"></video>
+          <canvas
+            id="canvas"
+            width="640"
+            height="480"
+            style="display: none"
+          ></canvas>
+          <button id="toggleBtn" class="btn btn-primary mt-2">
+            ⏯️ Start Capture
+          </button>
+          <pre
+            id="log"
+            class="mt-3 bg-light p-2"
+            style="height: 200px; overflow-y: auto"
+          ></pre>
+        </div>
+        <!-- 🔍 Right Panel: Search -->
+        <div class="col-md-6">
+          <h4>🔎 Search Images (Prompt / Image / Both)</h4>
+          <form id="searchForm">
+            <div class="mb-2">
+              <label for="prompt" class="form-label">Prompt</label>
+              <input
+                type="text"
+                id="prompt"
+                class="form-control"
+                placeholder="e.g. orange dog"
+              />
+            </div>
+            <div class="mb-2">
+              <label for="imageFile" class="form-label">Image file</label>
+              <input
+                type="file"
+                id="imageFile"
+                class="form-control"
+                accept="image/*"
+              />
+            </div>
+            <button type="submit" class="btn btn-success">🔍 Search</button>
+          </form>
+          <div class="mt-4">
+            <h6>Results:</h6>
+            <div id="results" class="row row-cols-1 g-3"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+        const video = document.getElementById("video");
+        const canvas = document.getElementById("canvas");
+        const ctx = canvas.getContext("2d");
+        const log = document.getElementById("log");
+        const toggleBtn = document.getElementById("toggleBtn");
+        const host = "http://localhost:4000";
+        const token = "";
+        const base_description =
+          "Marco's office in the [[time]], with a laptop and working.";
+        const client = new NanoSDK().createHttpClient(host, token);
+        // Start webcam
+        async function startCamera() {
+          try {
+            const stream = await navigator.mediaDevices.getUserMedia({
+              video: true,
+            });
+            video.srcObject = stream;
+            logMessage("✅ Camera started.");
+          } catch (err) {
+            logMessage("❌ Error: " + err.message);
+          }
+        }
+        function captureImageBase64() {
+          ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+          const base64 = canvas.toDataURL("image/jpeg");
+          logMessage("📸 Captured. Simulating send...");
+          try {
+            mockSendToBackend(base64);
+          } catch (error) {
+            logMessage("❌ Error: " + error.message);
+          }
+        }
+        function toggleCapture() {
+          captureImageBase64();
+        }
+        async function mockSendToBackend(base64) {
+          try {
+            // Generate vector embedding
+            const currentDescription = await updateDescription(base64);
+            const inputs = {
+              image_base64: base64,
+              description: currentDescription,
+            };
+            const response = await client.python3("embedding-clip", inputs);
+            // Save image
+            const inputs2 = {
+              base64: base64,
+              dir_path:
+                "${process.env.WORKFLOWS_PATH.replace('workflows', 'public')}",
+            };
+            const response2 = await client.nodejs("save-image", inputs2);
+            // Save vector text and image in Milvus
+            const inputs3 = {
+              text_vector: response.data.text_vector,
+              image_vector: response.data.image_vector,
+              description: currentDescription,
+              image_url: response2.data.url_path,
+            };
+            await client.python3("store-in-milvus", inputs3);
+          } catch (error) {
+            logMessage("❌ Error: " + error.message);
+          }
+          logMessage(
+            "✅ Mock sent. Base64 starts with: " + base64.substring(0, 10)
+          );
+        }
+        // Function to get the current time period (morning/afternoon/evening) with actual time
+        async function updateDescription(imageBase64) {
+          const responseDesc = await client.python3("image-description", {
+            image_base64: imageBase64,
+          });
+          return `${responseDesc.data.description} - ${getCurrentTimePeriod()}`;
+        }
+        function getCurrentTimePeriod() {
+          const now = new Date();
+          const hours = now.getHours();
+          let timePeriod;
+          if (hours >= 5 && hours < 12) {
+            timePeriod = "morning";
+          } else if (hours >= 12 && hours < 17) {
+            timePeriod = "afternoon";
+          } else {
+            timePeriod = "evening";
+          }
+          // Format hours to 12-hour format
+          let displayHours = hours % 12;
+          if (displayHours === 0) displayHours = 12;
+          // Get minutes with leading zero if needed
+          const minutes = now.getMinutes().toString().padStart(2, "0");
+          // Determine AM or PM
+          const ampm = hours >= 12 ? "pm" : "am";
+          return `${timePeriod} at ${displayHours}:${minutes}${ampm}`;
+        }
+        function logMessage(msg) {
+          const time = new Date().toLocaleTimeString();
+          log.textContent = `[${time}] ${msg}\n` + log.textContent;
+        }
+        toggleBtn.addEventListener("click", async () => await toggleCapture());
+        startCamera();
+        function convertImageToBase64Sync(file) {
+          return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = (error) => reject(error);
+            reader.readAsDataURL(file);
+          });
+        }
+        // Search form
+        document
+          .getElementById("searchForm")
+          .addEventListener("submit", async function (e) {
+            e.preventDefault();
+            const prompt = document.getElementById("prompt").value;
+            let inputs = {};
+            let promptText = true;
+            let promptImage = true;
+            if (!prompt || prompt === "") {
+              promptText = false;
+            }
+            else {
+              inputs.description = prompt;
+            }
+            const files = document.getElementById("imageFile").files;
+            if (files.length !== 0) {
+              const imageFile = document.getElementById("imageFile").files[0];
+              let imageBase64 = await convertImageToBase64Sync(imageFile);
+              inputs.image_base64 = imageBase64;
+              if (!inputs.description) {
+                inputs.description = "";
+              }
+            } else {
+              promptImage = false;
+            }
+            if (!inputs.description && !inputs.image_base64) {
+              logMessage("❌ Please provide a prompt or an image.");
+              return;
+            }
+            const response = await client.python3("embedding-clip", inputs);
+            // Search in Milvus
+            const inputs2 = {
+              top_k: 5,
+            };
+            if (promptText) {
+              inputs2.text_vector = response.data.text_vector;
+            }
+            if (promptImage) {
+              inputs2.image_vector = response.data.image_vector;
+            }
+            const response2 = await client.python3("search-in-milvus", inputs2);
+            const resultsContainer = document.getElementById("results");
+            resultsContainer.innerHTML = ""; // Clear previous
+            const results = response2.data.results;
+            if (response2.data.error) {
+              logMessage("❌ Error: " + response2.data.error);
+              return;
+            }
+            if (results.length === 0) {
+              logMessage("❌ No results found.");
+              return;
+            }
+            let totalScore = 0;
+            results.forEach((res) => {
+              if (res.score >= 0.5) {
+                const col = document.createElement("div");
+                col.className = "col";
+                col.innerHTML = `
+                  <div class="result-card">
+                    <img src="${
+                      res.image_url
+                    }" class="image-preview mb-2" alt="result" />
+                    <div><strong>${res.description}</strong></div>
+                    <small class="text-muted">Score: ${res.score.toFixed(
+                      2
+                    )}</small>
+                  </div>
+                `;
+                resultsContainer.appendChild(col);
+                totalScore += res.score;
+              }
+            });
+            logMessage(
+              `✅ Search completed. Total results: ${totalScore.toFixed(2)}`
+            );
+          });
+      });
+    </script>
+  </body>
+</html>

package/dist/scaffold-repo/sdk/javascript/nanosdk.js ADDED Viewed

@@ -0,0 +1,180 @@
+class NanoSDK {
+	createHttpClient(host, token, debug = false) {
+		const _host = host || "http://localhost:4000";
+		const _token = token || "";
+		if (!_host.includes("http://") && !_host.includes("https://")) {
+			throw new Error("Invalid host format. Please provide a valid host with http:// or https://");
+		}
+		return new NanoSDKClient({
+			host: _host,
+			token: _token,
+			debug: debug,
+		});
+	}
+}
+class NanoSDKClient {
+	constructor(config) {
+		this.host = config.host;
+		this.token = config.token;
+		this.runtimes = ["python3", "nodejs"];
+		this.version = "1.0.0";
+		this.defaultHeaders = {
+			Authorization: `Bearer ${this.token}`,
+			"x-blok-execute-node": "true",
+			"Content-Type": "application/json",
+		};
+		this.customHeaders = {};
+		this.debug = config.debug || false;
+	}
+	setHeaders(headers) {
+		this.customHeaders = { ...headers };
+	}
+	async python3(nodeName, inputs) {
+		return await this.call("runtime.python3", nodeName, inputs);
+	}
+	async nodejs(nodeName, inputs, type = "module") {
+		return await this.call(type, nodeName, inputs);
+	}
+	async call(runtime, nodeName, inputs) {
+		const requestHeader = { ...this.defaultHeaders, ...this.customHeaders };
+		if (this.debug) console.log("Request Headers", JSON.stringify(requestHeader));
+		const workflow = {
+			name: "Remote Node",
+			description: "Execution of remote node",
+			version: "1.0.0",
+			trigger: {
+				http: {
+					method: "POST",
+					path: "*",
+					accept: "application/json",
+				},
+			},
+			steps: [
+				{
+					name: "node",
+					node: nodeName,
+					type: runtime,
+				},
+			],
+			nodes: {
+				node: {
+					inputs: inputs,
+				},
+			},
+		};
+		if (this.debug) console.log("Request Workflow", JSON.stringify(workflow));
+		const base64Workflow = btoa(JSON.stringify({ request: {}, workflow: workflow }));
+		const message = {
+			Name: nodeName,
+			Message: base64Workflow,
+			Encoding: "BASE64",
+			Type: "JSON",
+		};
+		if (this.debug) console.log("Request Message", JSON.stringify(message));
+		try {
+			const sdk_response = {
+				success: false,
+				data: null,
+				rawData: null,
+				errors: null,
+				contentType: null,
+				status: null,
+			};
+			const fetchUrl = `${this.host}/${message.Name}`;
+			if (this.debug) console.log("Fetch URL", fetchUrl);
+			const response = await fetch(fetchUrl, {
+				method: "POST",
+				headers: requestHeader,
+				body: JSON.stringify(message),
+			});
+			const contentType = response.headers.get("content-type");
+			sdk_response.contentType = contentType;
+			if (!response.ok) {
+				sdk_response.success = false;
+				if (contentType?.includes("application/json")) {
+					const responseJson = await response.json();
+					sdk_response.errors = Array.isArray(responseJson)
+						? responseJson.map((error) => {
+								return {
+									status: response.status,
+									...error,
+								};
+							})
+						: [
+								{
+									status: response.status,
+									...responseJson,
+								},
+							];
+				} else {
+					sdk_response.errors = {
+						status: response.status,
+						message: response.statusText,
+					};
+				}
+				return sdk_response;
+			}
+			sdk_response.success = true;
+			sdk_response.status = response.status;
+			if (contentType?.includes("application/json")) {
+				const responseJson = await response.json();
+				sdk_response.data = responseJson;
+				return sdk_response;
+			}
+			if (contentType.includes("text/")) {
+				const responseText = await response.text();
+				sdk_response.rawData = responseText;
+				return sdk_response;
+			}
+			if (
+				contentType.includes("application/pdf") ||
+				contentType.includes("application/octet-stream") ||
+				contentType.includes("image/") ||
+				contentType.includes("application/zip")
+			) {
+				const responseBlob = await response.blob();
+				sdk_response.rawData = responseBlob;
+				return sdk_response;
+			}
+			const responseRaw = await response.text();
+			sdk_response.rawData = responseRaw;
+			return sdk_response;
+		} catch (error) {
+			return {
+				success: false,
+				data: null,
+				rawData: null,
+				contentType: null,
+				errors: [
+					{
+						status: 500,
+						message: error.message || "Unexpected error",
+					},
+				],
+			};
+		}
+	}
+}

package/dist/scaffold-repo/sdk/javascript/nanosdk.min.js ADDED Viewed

@@ -0,0 +1,100 @@
+class NanoSDK {
+	createHttpClient(host, token, debug = false) {
+		const _host = host || "http://localhost:4000";
+		const _token = token || "";
+		if (!_host.includes("http://") && !_host.includes("https://"))
+			throw new Error("Invalid host format. Please provide a valid host with http:// or https://");
+		return new NanoSDKClient({ host: _host, token: _token, debug: debug });
+	}
+}
+class NanoSDKClient {
+	constructor(config) {
+		this.host = config.host;
+		this.token = config.token;
+		this.runtimes = ["python3", "nodejs"];
+		this.version = "1.0.0";
+		this.defaultHeaders = {
+			Authorization: `Bearer ${this.token}`,
+			"x-blok-execute-node": "true",
+			"Content-Type": "application/json",
+		};
+		this.customHeaders = {};
+		this.debug = config.debug || false;
+	}
+	setHeaders(headers) {
+		this.customHeaders = { ...headers };
+	}
+	async python3(nodeName, inputs) {
+		return await this.call("runtime.python3", nodeName, inputs);
+	}
+	async nodejs(nodeName, inputs, type = "module") {
+		return await this.call(type, nodeName, inputs);
+	}
+	async call(runtime, nodeName, inputs) {
+		const requestHeader = { ...this.defaultHeaders, ...this.customHeaders };
+		if (this.debug) console.log("Request Headers", JSON.stringify(requestHeader));
+		const workflow = {
+			name: "Remote Node",
+			description: "Execution of remote node",
+			version: "1.0.0",
+			trigger: { http: { method: "POST", path: "*", accept: "application/json" } },
+			steps: [{ name: "node", node: nodeName, type: runtime }],
+			nodes: { node: { inputs: inputs } },
+		};
+		if (this.debug) console.log("Request Workflow", JSON.stringify(workflow));
+		const base64Workflow = btoa(JSON.stringify({ request: {}, workflow: workflow }));
+		const message = { Name: nodeName, Message: base64Workflow, Encoding: "BASE64", Type: "JSON" };
+		if (this.debug) console.log("Request Message", JSON.stringify(message));
+		try {
+			const sdk_response = { success: false, data: null, rawData: null, errors: null, contentType: null, status: null };
+			const fetchUrl = `${this.host}/${message.Name}`;
+			if (this.debug) console.log("Fetch URL", fetchUrl);
+			const response = await fetch(fetchUrl, { method: "POST", headers: requestHeader, body: JSON.stringify(message) });
+			const contentType = response.headers.get("content-type");
+			sdk_response.contentType = contentType;
+			if (!response.ok) {
+				sdk_response.success = false;
+				if (contentType?.includes("application/json")) {
+					const responseJson = await response.json();
+					sdk_response.errors = Array.isArray(responseJson)
+						? responseJson.map((error) => ({ status: response.status, ...error }))
+						: [{ status: response.status, ...responseJson }];
+				} else sdk_response.errors = { status: response.status, message: response.statusText };
+				return sdk_response;
+			}
+			sdk_response.success = true;
+			sdk_response.status = response.status;
+			if (contentType?.includes("application/json")) {
+				const responseJson = await response.json();
+				sdk_response.data = responseJson;
+				return sdk_response;
+			}
+			if (contentType.includes("text/")) {
+				const responseText = await response.text();
+				sdk_response.rawData = responseText;
+				return sdk_response;
+			}
+			if (
+				contentType.includes("application/pdf") ||
+				contentType.includes("application/octet-stream") ||
+				contentType.includes("image/") ||
+				contentType.includes("application/zip")
+			) {
+				const responseBlob = await response.blob();
+				sdk_response.rawData = responseBlob;
+				return sdk_response;
+			}
+			const responseRaw = await response.text();
+			sdk_response.rawData = responseRaw;
+			return sdk_response;
+		} catch (error) {
+			return {
+				success: false,
+				data: null,
+				rawData: null,
+				contentType: null,
+				errors: [{ status: 500, message: error.message || "Unexpected error" }],
+			};
+		}
+	}
+}

package/dist/scaffold-repo/sdk/javascript/pdf.html ADDED Viewed

@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>PDF Generator NanoSDK</title>
+    <script src="/sdk/javascript/nanosdk.min.js"></script>
+  </head>
+  <body>
+    <div id="output">
+        <!-- Create a button -->
+        <button onclick="runTests()">Generate PDF</button>
+    </div>
+    <script>
+      async function runTests() {
+        const host = "http://localhost:4000";
+        const token = "";
+        const client = new NanoSDK().createHttpClient(host, token);
+        // Get top 20 films by revenue
+        const inputs1 = {
+          host: "localhost",
+          port: 5432,
+          database: "dvdrental",
+          user: "${process.env.POSTGRESQL_USER}",
+          password: "${process.env.POSTGRESQL_PASSWORD}",
+          query:
+            "SELECT f.title as product, SUM(p.amount) as total, ROUND(SUM(p.amount) / COUNT(*), 2) as price, DATE_TRUNC('month', r.rental_date) AS rental_month, COUNT(*) AS quantity FROM rental r INNER JOIN inventory i ON i.inventory_id = r.inventory_id INNER JOIN film f ON f.film_id = i.film_id INNER JOIN payment p ON p.rental_id = r.rental_id GROUP BY r.inventory_id, rental_month, f.title ORDER BY total DESC LIMIT 20;",
+        };
+        const response1 = await client.nodejs("postgres-query", inputs1);
+        // Fix the data values
+        const inputs2 = {
+          array: response1.data.data,
+          map: "{ product: data.product, quantity: parseInt(data.quantity), total: parseInt(data.total), price: parseInt(data.price), rental_month: data.rental_month }",
+        };
+        const response2 = await client.nodejs("array-map", inputs2);
+        // Generate PDF
+        const inputs3 = {
+          title: "Top 20 Films by Revenue",
+          sales_data: response2.data,
+        };
+        const response3 = await client.python3("generate-pdf", inputs3);
+        // Generate Blob and Download the PDF
+        const inputs4 = {
+          base64: response3.data.pdf_base64,
+        };
+        const response4 = await client.nodejs("base64-pdf", inputs4);
+        const url = window.URL.createObjectURL(response4.rawData);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = "file.pdf"; // Filename
+        document.body.appendChild(a);
+        a.click();
+        a.remove();
+        window.URL.revokeObjectURL(url);
+      }
+    </script>
+  </body>
+</html>