help me port this simple extension to GNOME 45

manokox400, 1 year ago

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

dysprosium, 1 year 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, 1 year ago

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

dysprosium, 1 year ago

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

RenardDesMers, 1 year 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, 1 year 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, 1 year ago

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

RenardDesMers, 1 year ago

No, the extension is needed for this

smpl, 1 year ago (edited 1 year 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, 1 year 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, 1 year 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, 1 year 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, 1 year 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, 1 year 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/.

joyjoy, 1 year ago

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

dysprosium, 1 year 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, 1 year ago

I would suggest looking at the GNOME developer guide.