@nativedesktop/react 0.4.9 → 0.4.11

package/dist/index.js

@@ -593,7 +593,7 @@ var widgetEvents = {
   tabview: [{ name: "selectionChanged", handler: "onSelectionChanged", payload: "index" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   grid: [{ name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   listview: [{ name: "rowActivated", handler: "onRowActivated", payload: "index" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
-  webview: [{ name: "navigate", handler: "onNavigate", payload: "text" }, { name: "titleChanged", handler: "onTitleChanged", payload: "text" }, { name: "loadingChanged", handler: "onLoadingChanged", payload: "checked" }, { name: "backAvailable", handler: "onBackAvailable", payload: "checked" }, { name: "forwardAvailable", handler: "onForwardAvailable", payload: "checked" }, { name: "loadProgress", handler: "onLoadProgress", payload: "value" }, { name: "loadFailed", handler: "onLoadFailed", payload: "data" }, { name: "newWindow", handler: "onNewWindow", payload: "text" }, { name: "downloadRequested", handler: "onDownloadRequested", payload: "data" }, { name: "javaScriptResult", handler: "onJavaScriptResult", payload: "data" }, { name: "scriptMessage", handler: "onScriptMessage", payload: "data" }, { name: "schemeRequest", handler: "onSchemeRequest", payload: "data" }, { name: "cookiesResult", handler: "onCookiesResult", payload: "data" }, { name: "cookiesChanged", handler: "onCookiesChanged", payload: "data" }, { name: "faviconChanged", handler: "onFaviconChanged", payload: "data" }, { name: "findResult", handler: "onFindResult", payload: "data" }, { name: "securityChanged", handler: "onSecurityChanged", payload: "data" }, { name: "linkHover", handler: "onLinkHover", payload: "text" }, { name: "contextMenu", handler: "onContextMenu", payload: "data" }, { name: "contextMenuItemClicked", handler: "onContextMenuItemClicked", payload: "data" }, { name: "sessionSaved", handler: "onSessionSaved", payload: "data" }, { name: "audioStateChanged", handler: "onAudioStateChanged", payload: "data" }, { name: "extensionsList", handler: "onExtensionsList", payload: "data" }, { name: "extensionActions", handler: "onExtensionActions", payload: "data" }, { name: "chromeDialog", handler: "onChromeDialog", payload: "data" }, { name: "permissionRequest", handler: "onPermissionRequest", payload: "data" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
+  webview: [{ name: "navigate", handler: "onNavigate", payload: "text" }, { name: "titleChanged", handler: "onTitleChanged", payload: "text" }, { name: "loadingChanged", handler: "onLoadingChanged", payload: "checked" }, { name: "backAvailable", handler: "onBackAvailable", payload: "checked" }, { name: "forwardAvailable", handler: "onForwardAvailable", payload: "checked" }, { name: "loadProgress", handler: "onLoadProgress", payload: "value" }, { name: "loadFailed", handler: "onLoadFailed", payload: "data" }, { name: "newWindow", handler: "onNewWindow", payload: "text" }, { name: "downloadRequested", handler: "onDownloadRequested", payload: "data" }, { name: "javaScriptResult", handler: "onJavaScriptResult", payload: "data" }, { name: "scriptMessage", handler: "onScriptMessage", payload: "data" }, { name: "schemeRequest", handler: "onSchemeRequest", payload: "data" }, { name: "cookiesResult", handler: "onCookiesResult", payload: "data" }, { name: "cookiesChanged", handler: "onCookiesChanged", payload: "data" }, { name: "faviconChanged", handler: "onFaviconChanged", payload: "data" }, { name: "findResult", handler: "onFindResult", payload: "data" }, { name: "securityChanged", handler: "onSecurityChanged", payload: "data" }, { name: "linkHover", handler: "onLinkHover", payload: "text" }, { name: "contextMenu", handler: "onContextMenu", payload: "data" }, { name: "contextMenuItemClicked", handler: "onContextMenuItemClicked", payload: "data" }, { name: "sessionSaved", handler: "onSessionSaved", payload: "data" }, { name: "audioStateChanged", handler: "onAudioStateChanged", payload: "data" }, { name: "extensionsList", handler: "onExtensionsList", payload: "data" }, { name: "extensionActions", handler: "onExtensionActions", payload: "data" }, { name: "extensionsChanged", handler: "onExtensionsChanged", payload: "data" }, { name: "chromeDialog", handler: "onChromeDialog", payload: "data" }, { name: "permissionRequest", handler: "onPermissionRequest", payload: "data" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   nativeview: [{ name: "nativeEvent", handler: "onNativeEvent", payload: "data" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   splitview: [{ name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   headerbar: [{ name: "back", handler: "onBack", payload: "none" }, { name: "forward", handler: "onForward", payload: "none" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
@@ -669,7 +669,7 @@ var handlerPropNames = {
   tabview: ["onSelectionChanged", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   grid: ["onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   listview: ["onRowActivated", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
-  webview: ["onNavigate", "onTitleChanged", "onLoadingChanged", "onBackAvailable", "onForwardAvailable", "onLoadProgress", "onLoadFailed", "onNewWindow", "onDownloadRequested", "onJavaScriptResult", "onScriptMessage", "onSchemeRequest", "onCookiesResult", "onCookiesChanged", "onFaviconChanged", "onFindResult", "onSecurityChanged", "onLinkHover", "onContextMenu", "onContextMenuItemClicked", "onSessionSaved", "onAudioStateChanged", "onExtensionsList", "onExtensionActions", "onChromeDialog", "onPermissionRequest", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
+  webview: ["onNavigate", "onTitleChanged", "onLoadingChanged", "onBackAvailable", "onForwardAvailable", "onLoadProgress", "onLoadFailed", "onNewWindow", "onDownloadRequested", "onJavaScriptResult", "onScriptMessage", "onSchemeRequest", "onCookiesResult", "onCookiesChanged", "onFaviconChanged", "onFindResult", "onSecurityChanged", "onLinkHover", "onContextMenu", "onContextMenuItemClicked", "onSessionSaved", "onAudioStateChanged", "onExtensionsList", "onExtensionActions", "onExtensionsChanged", "onChromeDialog", "onPermissionRequest", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   nativeview: ["onNativeEvent", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   splitview: ["onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   headerbar: ["onBack", "onForward", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
@@ -742,7 +742,7 @@ var widgetCommands = {
   tabview: [],
   grid: [],
   listview: [],
-  webview: ["goBack", "goForward", "reload", "stop", "executeJavaScript", "setZoom", "setUserAgent", "openDevTools", "addUserScript", "removeUserScript", "clearUserScripts", "registerScriptMessage", "unregisterScriptMessage", "respondScheme", "respondPermission", "getCookies", "setCookie", "deleteCookie", "findStart", "findNext", "findPrevious", "findStop", "saveSession", "restoreSession", "setMuted", "setContextMenuItems", "listExtensions", "listExtensionActions", "installExtension", "uninstallExtension", "setExtensionEnabled", "focus"],
+  webview: ["goBack", "goForward", "reload", "stop", "executeJavaScript", "setZoom", "setUserAgent", "openDevTools", "addUserScript", "removeUserScript", "clearUserScripts", "registerScriptMessage", "unregisterScriptMessage", "respondScheme", "respondPermission", "getCookies", "setCookie", "deleteCookie", "findStart", "findNext", "findPrevious", "findStop", "saveSession", "restoreSession", "setMuted", "setContextMenuItems", "listExtensions", "watchExtensions", "listExtensionActions", "readExtensionAction", "installExtension", "uninstallExtension", "setExtensionEnabled", "focus"],
   nativeview: [],
   splitview: [],
   headerbar: [],
@@ -1934,6 +1934,8 @@ var pendingCookies = new Map;
 var pendingSessions = new Map;
 var pendingExtensions = new Map;
 var pendingActions = new Map;
+var pendingWatches = new Map;
+var pendingActionState = new Map;
 var seq2 = 0;
 function nextId(prefix) {
   return `${prefix}${++seq2}`;
@@ -2023,6 +2025,38 @@ function extensionMutation(node, command, args) {
     sendCommand(node, command, { id, ...args });
   });
 }
+var extensionsWatchers = [];
+function watchExtensions(node, listener) {
+  const id = nextId("ext");
+  return new Promise((resolve2, reject2) => {
+    pendingWatches.set(id, { resolve: resolve2, reject: reject2 });
+    extensionsWatchers.push(listener);
+    sendCommand(node, "watchExtensions", { id });
+  });
+}
+function onExtensionsChanged(e) {
+  const result = e.data;
+  if (result.id !== undefined) {
+    const call2 = pendingWatches.get(result.id);
+    if (!call2)
+      return;
+    pendingWatches.delete(result.id);
+    if (result.ok)
+      call2.resolve(result.sources ?? []);
+    else
+      call2.reject(new Error(result.error ?? "watchExtensions failed"));
+    return;
+  }
+  for (const listener of extensionsWatchers)
+    listener({ reason: result.reason ?? "" });
+}
+function readExtensionAction(node) {
+  const id = nextId("ext");
+  return new Promise((resolve2, reject2) => {
+    pendingActionState.set(id, { resolve: resolve2, reject: reject2 });
+    sendCommand(node, "readExtensionAction", { id });
+  });
+}
 function listExtensionActions(node) {
   const id = nextId("ext");
   return new Promise((resolve2, reject2) => {
@@ -2032,6 +2066,15 @@ function listExtensionActions(node) {
 }
 function onExtensionActions(e) {
   const result = e.data;
+  const state3 = pendingActionState.get(result.id);
+  if (state3) {
+    pendingActionState.delete(result.id);
+    if (result.ok && result.action)
+      state3.resolve(result.action);
+    else
+      state3.reject(new Error(result.error ?? "readExtensionAction failed"));
+    return;
+  }
   const call2 = pendingActions.get(result.id);
   if (!call2)
     return;
@@ -2395,6 +2438,7 @@ function useStoreValue(store, select) {
 }
 export {
   webviewEngine,
+  watchExtensions,
   useTransition,
   useSyncExternalStore,
   useStoreValue,
@@ -2428,6 +2472,7 @@ export {
   render,
   registerExports,
   recentDocuments,
+  readExtensionAction,
   performRefresh,
   openPath,
   openFile,
@@ -2440,6 +2485,7 @@ export {
   onOpenFileResult,
   onJavaScriptResult,
   onExtensionsList,
+  onExtensionsChanged,
   onExtensionActions,
   onCookiesResult,
   onAlertResult,

package/dist/packages/react/src/generated/intrinsics.d.ts

@@ -998,6 +998,9 @@ export declare namespace JSX {
             onExtensionActions?: (e: {
                 data: unknown;
             }) => void;
+            onExtensionsChanged?: (e: {
+                data: unknown;
+            }) => void;
             onChromeDialog?: (e: {
                 data: unknown;
             }) => void;

package/dist/packages/react/src/generated/schema-meta.d.ts

@@ -29,7 +29,7 @@ export type WidgetCommandNames = {
     "checkbox": "focus";
     "radio": "focus";
     "select": "focus";
-    "webview": "goBack" | "goForward" | "reload" | "stop" | "executeJavaScript" | "setZoom" | "setUserAgent" | "openDevTools" | "addUserScript" | "removeUserScript" | "clearUserScripts" | "registerScriptMessage" | "unregisterScriptMessage" | "respondScheme" | "respondPermission" | "getCookies" | "setCookie" | "deleteCookie" | "findStart" | "findNext" | "findPrevious" | "findStop" | "saveSession" | "restoreSession" | "setMuted" | "setContextMenuItems" | "listExtensions" | "listExtensionActions" | "installExtension" | "uninstallExtension" | "setExtensionEnabled" | "focus";
+    "webview": "goBack" | "goForward" | "reload" | "stop" | "executeJavaScript" | "setZoom" | "setUserAgent" | "openDevTools" | "addUserScript" | "removeUserScript" | "clearUserScripts" | "registerScriptMessage" | "unregisterScriptMessage" | "respondScheme" | "respondPermission" | "getCookies" | "setCookie" | "deleteCookie" | "findStart" | "findNext" | "findPrevious" | "findStop" | "saveSession" | "restoreSession" | "setMuted" | "setContextMenuItems" | "listExtensions" | "watchExtensions" | "listExtensionActions" | "readExtensionAction" | "installExtension" | "uninstallExtension" | "setExtensionEnabled" | "focus";
     "searchinput": "focus";
     "switch": "focus";
     "numberinput": "focus";

package/dist/packages/react/src/index.d.ts

@@ -7,8 +7,8 @@ export type { SpacingScale } from "./metrics.ts";
 export { getAppDataDir, ensureAppDataDir } from "./paths.ts";
 export { defineNativeComponent } from "./native-component.ts";
 export type { NativeComponentOptions, NativeComponentProps, NativeComponentRef } from "./native-component.ts";
-export { executeJavaScript, onJavaScriptResult, getCookies, onCookiesResult, saveSession, onSessionSaved, setContextMenuItems, listExtensions, onExtensionsList, listExtensionActions, onExtensionActions, installExtension, uninstallExtension, setExtensionEnabled, } from "./webview.ts";
-export type { Cookie, ContextMenuContext, ContextMenuItem, ContextMenuItemClick, ExtensionAction, InstalledExtension, } from "./webview.ts";
+export { executeJavaScript, onJavaScriptResult, getCookies, onCookiesResult, saveSession, onSessionSaved, setContextMenuItems, listExtensions, onExtensionsList, listExtensionActions, readExtensionAction, onExtensionActions, watchExtensions, onExtensionsChanged, installExtension, uninstallExtension, setExtensionEnabled, } from "./webview.ts";
+export type { Cookie, ContextMenuContext, ContextMenuItem, ContextMenuItemClick, ExtensionAction, ExtensionActionState, ExtensionsChange, InstalledExtension, } from "./webview.ts";
 export { showAlert, openFile, saveFile, showAbout, showTabOverview, onAlertResult, onOpenFileResult, onSaveFileResult, } from "./dialogs.ts";
 export type { DialogButton, ShowAlertOptions, AlertResult, OpenFileOptions as WindowOpenFileOptions, OpenFileResult as WindowOpenFileResult, SaveFileOptions as WindowSaveFileOptions, SaveFileResult as WindowSaveFileResult, ShowAboutOptions, } from "./dialogs.ts";
 export { showToast, dismissToast, onToastButtonClicked, onToastDismissed } from "./toast.ts";

package/dist/packages/react/src/webview.d.ts

@@ -39,6 +39,13 @@ export declare function onExtensionsList(e: {
 export declare function installExtension(node: NdNodeRef<"webview">, path: string): Promise<InstalledExtension[]>;
 export declare function uninstallExtension(node: NdNodeRef<"webview">, extensionId: string): Promise<InstalledExtension[]>;
 export declare function setExtensionEnabled(node: NdNodeRef<"webview">, extensionId: string, enabled: boolean): Promise<InstalledExtension[]>;
+export interface ExtensionsChange {
+    reason: string;
+}
+export declare function watchExtensions(node: NdNodeRef<"webview">, listener: (change: ExtensionsChange) => void): Promise<string[]>;
+export declare function onExtensionsChanged(e: {
+    data: unknown;
+}): void;
 export interface ExtensionAction {
     id: string;
     name: string;
@@ -49,9 +56,20 @@ export interface ExtensionAction {
     iconUrl: string;
     /** `chrome-extension://…` popup page, or "" for an action that fires `onClicked`. */
     popupUrl: string;
-    /** Always "": Chromium answers `chrome.action.getBadgeText` to the extension alone. */
+    /** Always "": read the live value with `readExtensionAction`. */
     badgeText: string;
 }
+export interface ExtensionActionState {
+    id: string;
+    tabId: number;
+    tabUrl: string;
+    popupUrl: string;
+    badgeText: string;
+    badgeColor: number[];
+    title: string;
+    enabled: boolean;
+}
+export declare function readExtensionAction(node: NdNodeRef<"webview">): Promise<ExtensionActionState>;
 export declare function listExtensionActions(node: NdNodeRef<"webview">): Promise<ExtensionAction[]>;
 export declare function onExtensionActions(e: {
     data: unknown;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nativedesktop/react",
-  "version": "0.4.9",
+  "version": "0.4.11",
   "type": "module",
   "license": "MIT",
   "homepage": "https://github.com/FormalSnake/NativeDesktop#readme",