Getting started with cinnamon applet

file ：
https://projects.linuxmint.com/reference/git/cinnamon-tutorials/write-applet.html

Cinnamon Applet route ：

System ：/usr/share/cinnamon/applets

user ：~/.local/share/cinnamon/applets

1. Create folder [email protected]

2. newly build icon.png

3. newly build  metadata.json

{
    "uuid": "[email protected]",
    "name": "CMDU",
    "description": "Uptime, CPU usage, memory usage, download bytes, upload bytes, download speed, upload speed",
    "icon": "force-exit"
}

4. newly build applet.js

const Applet = imports.ui.applet;
const Util = imports.misc.util;
const {GLib, Gio} = imports.gi;

function MyApplet(orientation, panel_height, instance_id) {
    this._init(orientation, panel_height, instance_id);
}

MyApplet.prototype = {
    __proto__: Applet.TextApplet.prototype,

    _init: function(orientation, panel_height, instance_id) {
        Applet.TextApplet.prototype._init.call(this, orientation, panel_height, instance_id);

        this.set_applet_label("↑ 0KB/s\n↓ 0KB/s");
        this.set_applet_tooltip(_("Uptime:\nCPU:\nMem:\nUp:\nDown:"));
        
        //https://gjs.guide/guides/gjs/asynchronous-programming.html                  
        GLib.timeout_add_seconds(GLib.PRIORITY_DEFAULT, 1, () => {            
	        var date = new Date();
            var s = date.getFullYear() + "/" + (date.getMonth()+1) + "/" + date.getDate() + "\n" + date.getHours() + ":" + date.getMinutes()+ ":" + date.getSeconds();
        	this.set_applet_label(s);
        	this.set_applet_tooltip(_("Uptime: " + this.uptime() + "\nCPU:\nMem:\nUp:\nDown:"));
        	return true; // loop
    	});
    	  
    },
    
    on_applet_clicked: function() {
        Util.spawnCommandLine("gnome-system-monitor");
    }
};

function main(metadata, orientation, panel_height, instance_id) {
    return new MyApplet(orientation, panel_height, instance_id);
}

5. Right click the taskbar - Problem solving - restart Cinnamon

  advantage ： No need to compile .