@tinycloud/web-sdk 3.8.0-beta.8 → 3.8.0

package/dist/ui/pending.d.ts

@@ -9,5 +9,5 @@ export interface PendingPanel {
     showLoading(): void;
     showError(retry: () => void): void;
 }
-export declare function createPendingPanel(onEscape: () => void): PendingPanel;
+export declare function createPendingPanel(onClose: () => void): PendingPanel;
 //# sourceMappingURL=pending.d.ts.map

package/dist/ui/sections/delegations.strings.d.ts

@@ -35,6 +35,11 @@ export declare const DELEGATIONS_STRINGS: {
     readonly "delegations.ask.openkey": " You'll approve it in OpenKey.";
     readonly "delegations.ask.button": "Allow delegation list";
     readonly "delegations.ask.declined": "That wasn't allowed, so nothing changed.";
+    readonly "delegations.ask.scope": "This shows every app and link that can reach your data across your whole account, and the names of what each can reach. It doesn't show keys or contents.";
+    readonly "delegations.ask.busy": "Waiting for your answer…";
+    readonly "delegations.ask.error": "The request didn't go through. Try again.";
+    readonly "delegations.ask.signin": "Sign in again to allow it.";
+    readonly "delegations.ask.native": "This app can't ask for this permission from here.";
     readonly "delegations.kind.app": "This app";
     readonly "delegations.kind.others": "Granted by you";
     readonly "delegations.kind.received": "Shared with you by {who}";

package/dist/ui/slots.d.ts

@@ -8,6 +8,7 @@ import type { ShellLayout } from "./panel";
 import type { ReceiptRequest } from "./panel-toasts";
 import type { IconName } from "./sections/ui";
 import type { StringKey } from "./strings";
+import type { UiPlatform } from "./config";
 import type { ToastRequest } from "./toast-store";
 /** Panel sections, in nav order. Ids match the full-page and sidebar mockup. */
 export type SectionId = "account" | "local-tinycloud" | "local-copy" | "delegations" | "nodes" | "storage" | "activity";
@@ -55,6 +56,8 @@ export interface HostContext {
     canHideButton(): boolean;
     /** Hides the launcher button, persists it, and closes the panel. */
     hideButton(): void;
+    /** Fires when the button's presence changes (`setButtonVisible`), so an open section can follow `canHideButton()`. Optional: a context without it never changes. */
+    onButtonChange?(cb: () => void): () => void;
 }
 /** Views the shell reads for statuses. `account` is read by Overview itself. */
 export interface DataViews {
@@ -198,11 +201,20 @@ export interface PanelClient {
         subscribe(cb: () => void): () => void;
         subscribeDelegated(cb: () => void): () => void;
     } | undefined;
-    /** Authority request for storage and sync prompts. Undefined when the client does not expose it. */
+    /**
+     * Asks for the read-only permission a tab is missing. Defined only when the page can show the SDK's permission prompt
+     * (a page signer and a manifest exist); undefined otherwise. Resolves `{ approved: false, code: "declined" }` when
+     * the user declines or closes the prompt and `code: "failed"` when the request errors. One request at a time:
+     * a second call while one is open returns the open one.
+     */
     readonly requestAuthority?: ((kind: AuthorityKind) => Promise<{
         approved: boolean;
         code?: FacadeErrorCode;
     }>) | undefined;
+    /** False when `requestAuthority` has no entry for `kind`, so a tab has no button for it. Absent: unknown. */
+    readonly canRequest?: ((kind: AuthorityKind) => boolean) | undefined;
+    /** Where the app runs (`ui.platform`). Absent: web. */
+    readonly platform?: UiPlatform | undefined;
     /** E: request log, present only in developer mode. */
     readonly requests?: RequestLogReader | undefined;
     /** Panel data for the views. Undefined unless the host supplied a data factory (harness or preview); production panels show placeholders. */

package/dist/ui/styles.d.ts

@@ -5,5 +5,5 @@
  * adoptedStyleSheets. Neutral palette only. Offsets are CSS custom properties
  * so an app can reserve space without an API.
  */
-export declare const HOST_CSS = "\n[hidden]{display:none!important}\n.layer{--b:calc(env(safe-area-inset-bottom,0px) + var(--tinycloud-ui-offset-bottom,12px));position:fixed;inset:0;pointer-events:none;font:14px/1.4 system-ui,-apple-system,\"Segoe UI\",sans-serif;color:#111827}\n.button{position:fixed;bottom:var(--b);width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #71717a;border-radius:50%;background:#fff;color:#111827;box-shadow:0 1px 3px rgba(0,0,0,.16);cursor:pointer;pointer-events:auto}\n.button svg{width:20px;height:20px}\n.button:focus-visible{outline:2px solid #111827;outline-offset:2px;box-shadow:0 0 0 6px #fafafa}\n.dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#4b5563;border:2px solid #fff}\n.layer[data-position=\"bottom-right\"] .button{right:var(--tinycloud-ui-offset-inline,12px)}\n.layer[data-position=\"bottom-left\"] .button{left:var(--tinycloud-ui-offset-inline,12px)}\n.layer[data-position=\"bottom-center\"] .button{left:50%;transform:translateX(-50%)}\n.pending{position:fixed;top:0;bottom:0;right:0;box-sizing:border-box;width:min(420px,100%);padding:20px;overflow:auto;border-left:1px solid #e4e4e7;background:#fff;color:#111827;box-shadow:-18px 0 48px -18px rgba(0,0,0,.35);pointer-events:auto}\n.layer[data-position=\"bottom-left\"] .pending{right:auto;left:0;border-left:0;border-right:1px solid #e4e4e7}\n.pending p{margin:0 0 12px;color:#71717a}\n.pending button{min-height:44px;padding:0 16px;border:1px solid #71717a;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer}\n.pending button:focus-visible{outline:2px solid #111827;outline-offset:2px;box-shadow:0 0 0 6px #fafafa}\n@media (prefers-color-scheme: dark){\n.layer{color:#fafafa}\n.button{border-color:#71717a;background:#151517;color:#fafafa}\n.button:focus-visible{outline-color:#fafafa;box-shadow:0 0 0 6px #111827}\n.dot{background:#a1a1aa;border-color:#151517}\n.pending{border-left-color:#69696b;background:#151517;color:#fafafa;box-shadow:-18px 0 48px -18px rgba(0,0,0,.6)}\n.layer[data-position=\"bottom-left\"] .pending{border-right-color:#69696b}\n.pending p{color:#a1a1aa}\n.pending button:focus-visible{outline-color:#fafafa;box-shadow:0 0 0 6px #111827}\n}\n";
+export declare const HOST_CSS = "\n[hidden]{display:none!important}\n.layer{--b:calc(env(safe-area-inset-bottom,0px) + var(--tinycloud-ui-offset-bottom,12px));position:fixed;inset:0;pointer-events:none;font:14px/1.4 system-ui,-apple-system,\"Segoe UI\",sans-serif;color:#111827}\n.button{position:fixed;bottom:var(--b);width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #71717a;border-radius:50%;background:#fff;color:#111827;box-shadow:0 1px 3px rgba(0,0,0,.16);cursor:pointer;pointer-events:auto}\n.button svg{width:20px;height:20px}\n.button:focus-visible{outline:2px solid #111827;outline-offset:2px;box-shadow:0 0 0 6px #fafafa}\n.dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#4b5563;border:2px solid #fff}\n.layer[data-position=\"bottom-right\"] .button{right:var(--tinycloud-ui-offset-inline,12px)}\n.layer[data-position=\"bottom-left\"] .button{left:var(--tinycloud-ui-offset-inline,12px)}\n.layer[data-position=\"bottom-center\"] .button{left:50%;transform:translateX(-50%)}\n.pending{position:fixed;top:0;bottom:0;right:0;box-sizing:border-box;width:min(420px,100%);padding:max(20px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));overflow:auto;border-left:1px solid #e4e4e7;background:#fff;color:#111827;box-shadow:-18px 0 48px -18px rgba(0,0,0,.35);pointer-events:auto}\n.layer[data-position=\"bottom-left\"] .pending{right:auto;left:0;border-left:0;border-right:1px solid #e4e4e7}\n.pending p{margin:0 0 12px;color:#71717a}\n.pending button{min-height:44px;padding:0 16px;border:1px solid #71717a;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer}\n.pending .pclose{display:flex;align-items:center;justify-content:center;width:44px;padding:0;margin:0 0 8px auto;border-radius:50%}\n.pending .pclose svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}\n.pending button:focus-visible{outline:2px solid #111827;outline-offset:2px;box-shadow:0 0 0 6px #fafafa}\n@media (prefers-color-scheme: dark){\n.layer{color:#fafafa}\n.button{border-color:#71717a;background:#151517;color:#fafafa}\n.button:focus-visible{outline-color:#fafafa;box-shadow:0 0 0 6px #111827}\n.dot{background:#a1a1aa;border-color:#151517}\n.pending{border-left-color:#69696b;background:#151517;color:#fafafa;box-shadow:-18px 0 48px -18px rgba(0,0,0,.6)}\n.layer[data-position=\"bottom-left\"] .pending{border-right-color:#69696b}\n.pending p{color:#a1a1aa}\n.pending button:focus-visible{outline-color:#fafafa;box-shadow:0 0 0 6px #111827}\n}\n";
 //# sourceMappingURL=styles.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinycloud/web-sdk",
-  "version": "3.8.0-beta.8",
+  "version": "3.8.0",
   "description": "A set of tools and utilities to help you build your app with TinyCloud.",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -66,11 +66,11 @@
     "@multiformats/multiaddr": "^13.0.1",
     "@multiformats/multiaddr-to-uri": "^12.0.0",
     "@noble/curves": "^1.9.7",
-    "@tinycloud/node-sdk": "3.8.0-beta.7",
-    "@tinycloud/replica": "0.4.0-beta.2",
-    "@tinycloud/sdk-core": "3.8.0-beta.5",
-    "@tinycloud/share-envelope": "1.3.1-beta.0",
-    "@tinycloud/share-sdk": "1.4.1-beta.0",
+    "@tinycloud/node-sdk": "3.8.0",
+    "@tinycloud/replica": "0.4.0",
+    "@tinycloud/sdk-core": "3.8.0",
+    "@tinycloud/share-envelope": "1.4.0",
+    "@tinycloud/share-sdk": "1.4.1",
     "@tinycloud/web-sdk-wasm": "1.7.7",
     "axios": "^1.7.9",
     "viem": "^2.45.0",