From 026d5e3dfa635a374cfbfd0000e5874bed417812 Mon Sep 17 00:00:00 2001
From: Jan Laupetin <jan@laupetin.net>
Date: Fri, 3 Oct 2025 12:06:34 +0100
Subject: [PATCH] chore: update example for webview

---
 src/ModMan/main.cpp        | 9 +++++----
 src/ModManUi/src/App.vue   | 6 +++---
 src/ModManUi/src/native.ts | 7 +++++++
 3 files changed, 15 insertions(+), 7 deletions(-)
 create mode 100644 src/ModManUi/src/native.ts

diff --git a/src/ModMan/main.cpp b/src/ModMan/main.cpp
index ae58b638..810239ac 100644
--- a/src/ModMan/main.cpp
+++ b/src/ModMan/main.cpp
@@ -6,6 +6,7 @@
 #include "webview/gtk/CustomProtocolHandlerGtk.h"
 
 #include <chrono>
+#include <format>
 #include <iostream>
 #include <thread>
 
@@ -22,15 +23,15 @@ int main()
         long count = 0;
         webview::webview w(true, nullptr);
         w.set_title("OpenAssetTools ModMan");
+        w.set_size(480, 320, WEBVIEW_HINT_NONE);
         w.set_size(480, 320, WEBVIEW_HINT_MIN);
 
         // A binding that counts up or down and immediately returns the new value.
-        w.bind("count",
+        w.bind("greet",
                [&](const std::string& req) -> std::string
                {
-                   // Imagine that req is properly parsed or use your own JSON parser.
-                   auto direction = std::stol(req.substr(1, req.size() - 1));
-                   return std::to_string(count += direction);
+                   const auto name = req.substr(2, req.size() - 4);
+                   return std::format("\"Hello from C++ {}!\"", name);
                });
 
         // A binding that creates a new thread and returns the result at a later time.
diff --git a/src/ModManUi/src/App.vue b/src/ModManUi/src/App.vue
index f25da055..6bc85569 100644
--- a/src/ModManUi/src/App.vue
+++ b/src/ModManUi/src/App.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
 import { ref } from "vue";
+import { nativeMethods } from "./native";
 
 const greetMsg = ref("");
 const name = ref("");
 
 async function greet() {
-  // Learn more about Tauri commands at https://tauri.app/develop/calling-rust/
-  // greetMsg.value = await invoke("greet", { name: name.value });
+  greetMsg.value = await nativeMethods.greet(name.value);
 }
 </script>
 
 <template>
   <main class="container">
-    <h1>Welcome to Tauri + Vue</h1>
+    <h1>Welcome to Webview + Vue</h1>
 
     <form class="row" @submit.prevent="greet">
       <input id="greet-input" v-model="name" placeholder="Enter a name..." autocomplete="off" />
diff --git a/src/ModManUi/src/native.ts b/src/ModManUi/src/native.ts
new file mode 100644
index 00000000..0b3879b9
--- /dev/null
+++ b/src/ModManUi/src/native.ts
@@ -0,0 +1,7 @@
+export interface NativeMethods{
+
+    greet: (name: string) => Promise<string>;
+}
+
+// @ts-expect-error
+export const nativeMethods: NativeMethods = window as NativeMethods;