help me port this simple extension to GNOME 45

joyjoy, 7 months ago

FYI There’s an active fork that supports Gnome 45.

dysprosium, 7 months ago

Ah good. I couldn’t find any. But still, I’m wondering how to port extensions. I’ve got more, even some self-made.

joyjoy, 7 months ago

I would suggest looking at the GNOME developer guide.

smpl, 7 months ago (edited 7 months ago)

GNOME Shell 45 moved to ESM (ECMAScript modules). That means you MUST use the standard import declaration instead of relying on the previous imports.* approach.

gjs.guide/extensions/…/gnome-shell-45.html

So the imports in your extensions is changed from:

<span style="color:#323232;">const Clutter = imports.gi.Clutter;
</span><span style="color:#323232;">const Gio = imports.gi.Gio;
</span><span style="color:#323232;">const Main = imports.ui.main;
</span><span style="color:#323232;">const Volume = imports.ui.status.volume;
</span>

to

<span style="color:#323232;">import Clutter from 'gi://Clutter';
</span><span style="color:#323232;">import Gio from 'gi://Gio';
</span><span style="color:#323232;">import * as Main from 'resource:///org/gnome/shell/ui/main.js'
</span><span style="color:#323232;">import * as Volume from 'resource:///org/gnome/shell/ui/status/volume.js';
</span>

dysprosium, 7 months ago

well that’s what I tried, but how would I know where Volume is located in the path 'gi:// … '. Is there any way of browsing / exploring the jave files to that I can actually know what the path is?

smpl, 7 months ago

I edited my comment with an example for your code and my best advice for figuring out the path of gnome shell imports is by browsing /usr/share/gnome-shell/js/, the docs are not very helpful.

dysprosium, 7 months ago

Aha I see. Except I’m not sure if the path /usr/share/gnome-shell/js/ is correct? The folder/file js does not exist on my end.

smpl, 7 months ago

It is very likely the wrong path, I just extrapolated the path from the gnome-shell git repo. I don’t use Gnome myself, I’m on the enemy team using LXDE on Devuan ;)

smpl, 7 months ago

Just to clarify. The gi:// resources are GObject Introspection modules which are used for multilanguage bindings to native libraries. On my system, GI modules are found in /usr/share/gir-1.0/ . They’re just imported by name and sometimes version using gi:// (there are examples in the link in my first comment).

As I don’t have Gnome installed I can’t be sure of the path to gnome shell modules imported using resource://, but it’s probably the path I wrote, but without js/.

manokox400, 7 months ago

What’s the use case of this extension? It might be too confusing for the users.

dysprosium, 7 months ago

to scroll on the top panel to change volume, is the use case of course. I put the github link for reference.

I think only problem lies with the last line. Importing Volume is done differently now.

RenardDesMers, 7 months ago

Do I miss something? I already can do that in the latest fedora natively.

dysprosium, 7 months ago

that’s neat. Can it also do this, natively? extensions.gnome.org/…/panelhideswindow/

RenardDesMers, 7 months ago

No, the extension is needed for this

RenardDesMers, 7 months ago

Ah I see now way you wanted the first extension. Natively you have to scroll on the right part of the panel around the volume icon to change the volume. Not in the middle of the panel

dysprosium, 7 months ago

yeah okay so that’s the same on GNOME on every distro. The icon is too small so it takes too long to get the mouse just right just to change the volume a bit.

RenardDesMers, 7 months ago

You don’t have to be exactly on the icon iirc, just on the right most component of the panel.