Gnome extension research

extension.js

//Importing Native Modules 
const ExtensionUtils = imports.misc.extensionUtils;
const Me = ExtensionUtils.getCurrentExtension();

//Importing GObject-Introspection namespaces
const St = imports.gi.St;

//Importing Gnome-Shell UI
const Main = imports.ui.main;



class Extension {
    constructor() {
        this.label = null;
        this.button = null;
    }

    enable() {
        this.button = new St.Bin({
            style_class: 'panel-button',
            reactive: true,
            can_focus: true,
            x_fill: true,
            y_fill: false,
            track_hover: true
        });
        this.icon = new St.Icon({
            icon_name: 'system-run-symbolic',
            style_class: 'system-status-icon'
        });


        this.button.set_child(this.icon);
        // Use panel from Main namespace to insert button at the beginning of panel's right box.
        Main.panel._rightBox.insert_child_at_index(this.button, 0);
    }


    disable() {
        Main.panel._rightBox.remove_child(this.button);
    }
};




// Init() function is first function that will be initialized, then enable() and disable() will follow. 
function init() {
    return new Extension();
}