extensions-app: Port to ESM

The extensions app is another part of the code base that is largely
separate from the main code base, and can therefore be ported to
ESM before the big switch.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2786>

.eslintrc.yml

@@ -5,5 +5,6 @@ overrides:
   - files:
       - js/ui/init.js
       - js/dbusServices/**
+      - subprojects/extensions-app/**
     parserOptions:
       sourceType: module

subprojects/extensions-app/js/gnome-extensions-app.in

@@ -1,2 +1,2 @@
 #!/bin/sh
-@gjs@ @pkgdatadir@/@app_id@ "$@"
+@gjs@ -m @pkgdatadir@/@app_id@ "$@"

subprojects/extensions-app/js/main.js

@@ -1,10 +1,12 @@
-/* exported main */
-imports.gi.versions.Adw = '1';
-imports.gi.versions.Gtk = '4.0';
+import Adw from 'gi://Adw?version=1';
+import GLib from 'gi://GLib';
+import Gio from 'gi://Gio';
+import GObject from 'gi://GObject';
+import Gtk from 'gi://Gtk?version=4.0';
+import Shew from 'gi://Shew';
 
-const Gettext = imports.gettext;
+import * as Gettext from 'gettext';
 const Package = imports.package;
-const { Adw, GLib, Gio, GObject, Gtk, Shew } = imports.gi;
 
 Package.initFormat();
 
@@ -540,9 +542,13 @@ function initEnvironment() {
     };
 }
 
-function main(argv) {
+/**
+ * @param {string[]} argv - command line arguments
+ * @returns {void}
+ */
+export async function main(argv) {
     initEnvironment();
     Package.initGettext();
 
-    new Application().run(argv);
+    await new Application().runAsync(argv);
 }

subprojects/extensions-app/js/org.gnome.Extensions.in

@@ -1,6 +1,10 @@
-imports.package.start({
+import {programInvocationName, programArgs} from 'system';
+
+imports.package.init({
     name: '@PACKAGE_NAME@',
     version: '@PACKAGE_VERSION@',
     prefix: '@prefix@',
     libdir: '@libdir@',
 });
+const {main} = await import(`${imports.package.moduledir}/main.js`);
+await main([programInvocationName, ...programArgs]);