@monimesl/dot-simulator 0.1.0-alpha.15 → 0.1.0-alpha.16

package/dist/node/index.js

@@ -70,7 +70,8 @@ var HostCallRunner = class {
 				this.#succeed(id, await entry(call));
 				return;
 			}
-			await this.#permissions.check(call.method, entry.permission, call.signal);
+			const permission = typeof entry.permission === "function" ? entry.permission(call.params) : entry.permission;
+			await this.#permissions.check(call.method, permission, call.signal);
 			this.#succeed(id, await entry.handle(call));
 		} catch (error) {
 			this.#fail(id, error);
@@ -270,7 +271,7 @@ function startHost({ logic, ui, manifest, runtimeVersion, systemContext, handler
 }
 //#endregion
 //#region src/versions.ts
-const SIMULATOR_VERSIONS = { runtimeVersion: "0.1.0-alpha.15" };
+const SIMULATOR_VERSIONS = { runtimeVersion: "0.1.0-alpha.16" };
 //#endregion
 //#region src/paths.ts
 const CLIENT_PATH = "/__dot/";
@@ -279,6 +280,7 @@ const HTTP_PATH = `${CLIENT_PATH}network/http/`;
 const FILE_PATH = `${CLIENT_PATH}storage/file/`;
 const CACHE_PATH = `${CLIENT_PATH}storage/cache/`;
 const SECRET_PATH = `${CLIENT_PATH}storage/secret/`;
+const MEDIA_PATH = `${CLIENT_PATH}media/`;
 const TEMPORARY_FILES_PATH = `${CLIENT_PATH}files/`;
 const WEBVIEW_URL = `/dot/ui/index.html`;
 //#endregion
@@ -303,6 +305,7 @@ function simulatorPage(appName) {
       </select>
       <button id="back" type="button" title="The system back button">◀ Back</button>
       <button id="reload" type="button">Reload</button>
+      <button id="messages" type="button" aria-pressed="true" aria-controls="messages-panel" title="Show or hide the messages between the dot's two layers">Messages</button>
     </header>
     <main>
       <section class="stage">
@@ -324,7 +327,7 @@ function simulatorPage(appName) {
           <span class="home-indicator"></span>
         </div>
       </section>
-      <aside>
+      <aside id="messages-panel">
         <div class="panel-head">
           <span>Messages</span>
           <button id="clear" type="button">Clear</button>
@@ -368,6 +371,7 @@ const STYLES = `
   .dialog { width: 270px; border-radius: 14px; overflow: hidden; background: var(--dialog); color: var(--screen-text); text-align: center; font: 13px/1.35 system-ui, sans-serif; }
   .dialog-body { display: flex; flex-direction: column; gap: 4px; padding: 18px 16px 16px; }
   .dialog-title { font-size: 17px; font-weight: 600; }
+  .dialog-input { margin-top: 10px; padding: 7px 8px; border: 1px solid var(--dialog-line); border-radius: 7px; background: var(--screen); color: var(--screen-text); font: inherit; text-align: left; }
   .dialog-actions { display: flex; border-top: 1px solid var(--dialog-line); }
   .dialog-actions.stacked { flex-direction: column; }
   .dialog-actions button { flex: 1; margin: 0; padding: 11px; border: 0; border-radius: 0; background: transparent; color: #0a84ff; font-size: 17px; }
@@ -391,6 +395,8 @@ const STYLES = `
   .home-indicator { position: absolute; bottom: 8px; left: 50%; width: 134px; height: 5px; margin-left: -67px; border-radius: 3px; background: var(--screen-text); pointer-events: none; }
   #error { max-width: 640px; width: 100%; margin: 0; padding: 12px; white-space: pre-wrap; overflow-wrap: anywhere; color: #fff; background: var(--danger); border-radius: 8px; }
   aside { width: 380px; display: flex; flex-direction: column; background: var(--panel); border-left: 1px solid var(--border); }
+  aside[hidden] { display: none; }
+  #messages[aria-pressed="true"] { border-color: var(--to-service); color: var(--to-service); }
   .panel-head { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; border-bottom: 1px solid var(--border); font-weight: 600; }
   #log { flex: 1; overflow: auto; margin: 0; padding: 0; list-style: none; font: 12px/1.4 ui-monospace, monospace; }
   #log li { border-bottom: 1px solid var(--border); padding: 4px 12px; }
@@ -1197,6 +1203,28 @@ function bufferEncoding(name) {
 function failed(message) {
 	return new HostError("failed", message);
 }
+function tooLargeMessage(name) {
+	return `"${name}" is larger than 25 MB`;
+}
+//#endregion
+//#region src/media.ts
+async function runMediaCall(operation, params, files) {
+	const { name, data, contentType } = params ?? {};
+	if (typeof name !== "string" || typeof data !== "string") throw new HostError("invalid", "A file needs a name and its data");
+	const bytes = Buffer.from(data, "base64");
+	switch (operation) {
+		case "photo": return keep(files, name, "image/jpeg", bytes);
+		case "file":
+			if (bytes.length > 26214400) throw new HostError("invalid", tooLargeMessage(name));
+			return keep(files, name, typeof contentType === "string" ? contentType : "application/octet-stream", bytes);
+		default: throw new HostError("unsupported", `The simulator has no "${operation}" media call`);
+	}
+}
+async function keep(files, name, contentType, bytes) {
+	const { id, path } = await files.newPath();
+	await writeFile(path, bytes);
+	return files.add(id, path, name, contentType);
+}
 //#endregion
 //#region src/temporary-files.ts
 var TemporaryFiles = class {
@@ -1323,6 +1351,11 @@ async function startSimulator({ dotDir, reactHostDir, name = "Dot", port = DEFAU
 			answer(request, response, (params) => runSecretCall(operation, params, storage.secrets));
 			return;
 		}
+		if (pathname.startsWith(MEDIA_PATH) && request.method === "POST") {
+			const operation = pathname.slice(MEDIA_PATH.length);
+			answer(request, response, (params) => runMediaCall(operation, params, files));
+			return;
+		}
 		if (pathname.startsWith(TEMPORARY_FILES_PATH)) {
 			serveTemporaryFile(response, files, pathname.slice(TEMPORARY_FILES_PATH.length));
 			return;