Support load html (#56)

* Impl loadHtml and example

* Bump to 0.0.13 (binary 0.1.11)

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 0.0.13 (binary 0.1.11) -- 2024-09-26
+
+- added `webview.loadHtml(...)`
+
 ## 0.0.12 (binary 0.1.10) -- 2024-09-26
 
 BREAKING CHANGES

Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "deno-webview"
-version = "0.1.10"
+version = "0.1.11"
 edition = "2021"
 
 [profile.release]

deno.json

@@ -1,7 +1,7 @@
 {
   "name": "@justbe/webview",
   "exports": "./src/lib.ts",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "tasks": {
     "dev": "deno run --watch main.ts",
     "gen": "deno task gen:rust && deno task gen:deno",

examples/load-html.ts

@@ -0,0 +1,12 @@
+import { createWebView } from "../src/lib.ts";
+
+using webview = await createWebView({
+  title: "Load Html Example",
+  html: "<h1>Initial html</h1>",
+});
+
+webview.on("started", async () => {
+  await webview.loadHtml("<h1>Updated html!</h1>");
+});
+
+await webview.waitUntilClosed();

src/lib.ts

@@ -38,7 +38,7 @@ export type { WebViewOptions } from "./schemas.ts";
 
 // Should match the cargo package version
 /** The version of the webview binary that's expected */
-export const BIN_VERSION = "0.1.10";
+export const BIN_VERSION = "0.1.11";
 
 type JSON =
   | string
@@ -463,6 +463,14 @@ export class WebView implements Disposable {
     return returnAck(result);
   }
 
+  /**
+   * Reloads the webview with the provided html.
+   */
+  async loadHtml(html: string): Promise<void> {
+    const result = await this.#send({ $type: "loadHtml", html });
+    return returnAck(result);
+  }
+
   /**
    * Destroys the webview and cleans up resources.
    *

src/main.rs

@@ -164,6 +164,10 @@ enum Request {
         id: String,
         minimized: Option<bool>,
     },
+    LoadHtml {
+        id: String,
+        html: String,
+    },
 }
 
 /// Responses from the webview to the client.
@@ -426,6 +430,10 @@ fn main() -> wry::Result<()> {
                             window.set_minimized(minimized);
                             res(Response::Ack { id });
                         }
+                        Request::LoadHtml { id, html } => {
+                            webview.load_html(&html).unwrap();
+                            res(Response::Ack { id });
+                        }
                     }
                 }
             }

src/schemas.ts

@@ -136,6 +136,11 @@ export type WebViewRequest =
     $type: "minimize";
     id: string;
     minimized?: boolean;
+  }
+  | {
+    $type: "loadHtml";
+    html: string;
+    id: string;
   };
 export const WebViewRequest: z.ZodType<WebViewRequest> = z.discriminatedUnion(
   "$type",
@@ -180,6 +185,11 @@ export const WebViewRequest: z.ZodType<WebViewRequest> = z.discriminatedUnion(
       id: z.string(),
       minimized: z.boolean().optional(),
     }),
+    z.object({
+      $type: z.literal("loadHtml"),
+      html: z.string(),
+      id: z.string(),
+    }),
   ],
 );