Update vanilla+js template and dependencies

The frontend interaction has been significantly updated, including improvements to the Greet function and the addition of an ongoing time display. Additionally, dependencies in package.json have been updated to their latest versions. Also, redundant print statement was removed from messageprocessor_call.go and changes were made to layout structure and styles in the main.go.tmpl and index.html files.

v3/internal/templates/_common/main.go.tmpl

@@ -27,17 +27,27 @@ func main() {
 	})
 	// Create window
 	app.NewWebviewWindowWithOptions(application.WebviewWindowOptions{
-		Title: "Plain Bundle",
+		Title: "Window 1",
-		CSS:   `body { background-color: rgba(255, 255, 255, 0); } .main { color: white; margin: 20%; }`,
 		Mac: application.MacWindow{
 			InvisibleTitleBarHeight: 50,
 			Backdrop:                application.MacBackdropTranslucent,
 			TitleBar:                application.MacTitleBarHiddenInset,
 		},
-
+        BackgroundColour: application.NewRGB(36, 36, 36),
 		URL: "/",
 	})
 
+    go func() {
+        for {
+            now := time.Now().Format(time.RFC1123)
+            app.Events.Emit(&application.WailsEvent{
+                Name: "time",
+                Data: now,
+            })
+            time.Sleep(time.Second)
+        }
+    }()
+
 	err := app.Run()
 
 	if err != nil {

v3/internal/templates/vanilla/frontend/index.html

@@ -17,9 +17,17 @@
             <img src="/javascript.svg" class="logo vanilla" alt="JavaScript logo"/>
         </a>
     </div>
-        <h1>Hello Wails!</h1>
+    <h1>Wails + Javascript</h1>
+    <div>
+        <p id="time">Listening for Time event...</p>
+    </div>
     <div class="card">
-            <button id="test" onclick="doGreet()">Press me!</button>
+        <label for="name">Enter your name</label>
+        <input id="name" type="text"/>
+        <button onclick="doGreet()">Press me!</button>
+    </div>
+    <div>
+        <p id="greeting">&nbsp;</p>
     </div>
     <p class="read-the-docs">
         Click on the Wails logo to learn more

v3/internal/templates/vanilla/frontend/main.js

@@ -1,9 +1,20 @@
 import {Greet} from "./bindings/main/GreetService.js";
+import {Events} from "@wailsio/runtime";
 
 window.doGreet = () => {
-    Greet('test').then((result) => {
+    let name = document.getElementById('name').value;
-        console.log(result);
+    if (!name) {
+        name = 'from Go';
+    }
+    Greet(name).then((result) => {
+        let element = document.getElementById('greeting');
+        element.innerText = result;
     }).catch((err) => {
         console.log(err);
     });
 }
+
+Events.On('time', (time) => {
+    let element = document.getElementById('time');
+    element.innerText = time.data;
+});

v3/internal/templates/vanilla/frontend/package.json

@@ -9,7 +9,7 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "vite": "^4.0.0",
+    "vite": "^5.0.0",
-    "@wailsio/runtime": "^3.0.0-alpha.6"
+    "@wailsio/runtime": "latest"
   }
 }

v3/pkg/application/messageprocessor_call.go

@@ -26,7 +26,6 @@ func (m *MessageProcessor) processCallMethod(method int, rw http.ResponseWriter,
 		m.httpError(rw, "Unable to parse arguments: %s", err.Error())
 		return
 	}
-	fmt.Println("processCallMethod", args)
 	callID := args.String("call-id")
 	if callID == nil {
 		m.Error("call-id is required")