runesmith-gtk3.js

#!/usr/bin/gjs -m
import Gtk from 'gi://Gtk?version=3.0'
import Gio from 'gi://Gio?version=2.0'
import GLib from 'gi://GLib?version=2.0'
import Handy from 'gi://Handy?version=1'
import WebKit from 'gi://WebKit2?version=4.1'
import Gdk from 'gi://Gdk'

const appID = 'com.github.johnfactotum.Runesmith'
GLib.set_prgname(appID)
GLib.set_application_name('Runesmith')

const moduleDir = GLib.path_get_dirname(GLib.filename_from_uri(import.meta.url)[0])
const modulePath = path => GLib.build_filenamev([moduleDir, path])

const application = new Gtk.Application({ applicationId: appID })
application.connect('startup', () => {
    Handy.init()
    Handy.StyleManager.get_default().color_scheme = Handy.ColorScheme.PREFER_LIGHT
})
application.connect('activate', () => {
    const webView = new WebKit.WebView()
    webView.set_background_color(new Gdk.RGBA())
    webView.load_uri(Gio.File.new_for_path(modulePath('index.html')).get_uri())
    const win = new Gtk.ApplicationWindow({
        application,
        defaultWidth: 1150,
        defaultHeight: 720,
        child: webView,
    })
    win.show_all()
})
application.run([])