[gnome-builder/ebassi/js-template] templates: Refresh the GNOME JavaScript project

[Emmanuele Bassi <ebassi src gnome org>]

commit 607c3f23087dbbf8a9cef9fdc75b9c2ce3f0dd16
Author: Emmanuele Bassi <ebassi gnome org>
Date:   Tue Mar 1 11:28:12 2022 +0000

    templates: Refresh the GNOME JavaScript project
    
    The JavaScript template is completely different from the templates for
    other languages, which makes it harder to document.
    
    Let's make it easier to transfer knowledge by having templates with a
    similar structure.

 .../resources/src/main-gtk4.js.tmpl                | 70 ++++++++++++----------
 1 file changed, 37 insertions(+), 33 deletions(-)
---
diff --git a/src/plugins/meson-templates/resources/src/main-gtk4.js.tmpl 
b/src/plugins/meson-templates/resources/src/main-gtk4.js.tmpl
index d1a3feeb6..aeeee9e4e 100644
--- a/src/plugins/meson-templates/resources/src/main-gtk4.js.tmpl
+++ b/src/plugins/meson-templates/resources/src/main-gtk4.js.tmpl
@@ -11,43 +11,47 @@ import { {{PreFix}}Window } from './window.js';
 pkg.initGettext();
 pkg.initFormat();
 
-export function main(argv) {
-    const application = new {{if is_adwaita}}Adw{{else}}Gtk{{end}}.Application({
-        application_id: '{{appid}}',
-        flags: Gio.ApplicationFlags.FLAGS_NONE,
-    });
-
-    const quit_action = new Gio.SimpleAction({name: 'quit'});
-    quit_action.connect('activate', action => {
-      application.quit();
-    });
-    application.add_action(quit_action);
-    application.set_accels_for_action('app.quit', ["<primary>q"]);
-
-    const show_about_action = new Gio.SimpleAction({name: 'about'});
-    show_about_action.connect('activate', action => {
-      let aboutParams = {
-        authors: [
-          '{{author}}'
-        ],
-        version: '{{project_version}}',
-        program_name: '{{name}}',
-        transient_for: application.activeWindow,
-        modal: true
-      };
-      const aboutDialog = new Gtk.AboutDialog(aboutParams);
-      aboutDialog.show();
-    });
-    application.add_action(show_about_action);
-
-    application.connect('activate', app => {
-        let activeWindow = app.activeWindow;
+export const {{PreFix}}Application = GObject.registerClass({
+    GTypeName: '{{PreFix}}Application',
+}, class {{PreFix}}Application extends {{if is_adwaita}}Adw{{else}}Gtk{{end}.Application {
+    _init() {
+        super._init({application_id: '{{appid}}', flags: Gio.ApplicationFlags.FLAGS_NONE});
+
+        const quit_action = new Gio.SimpleAction({name: 'quit'});
+        quit_action.connect('activate', action => {
+            this.quit();
+        });
+        this.add_action(quit_action);
+        this.set_accels_for_action('app.quit', ["<primary>q"]);
+
+        const show_about_action = new Gio.SimpleAction({name: 'about'});
+        show_about_action.connect('activate', action => {
+            let aboutParams = {
+                authors: [
+                    '{{author}}'
+                ],
+                version: '{{project_version}}',
+                program_name: '{{name}}',
+                transient_for: this.activeWindow,
+                modal: true,
+            };
+            const aboutDialog = new Gtk.AboutDialog(aboutParams);
+            aboutDialog.show();
+        });
+        this.add_action(show_about_action);
+    }
+
+    vfunc_activate() {
+        let activeWindow = this.activeWindow
 
         if (!activeWindow)
-            activeWindow = new {{PreFix}}Window(app);
+            activeWindow = new {{PreFix}}Window(this);
 
         activeWindow.present();
-    });
+    }
+});
 
+export function main(argv) {
+    const application = new {{PreFix}}Application()
     return application.run(argv);
 }