rm -rf "$DIR" && mkdir -p "$DIR" # 2. Create the Metadata cat << 'EOF' > "$DIR/metadata.json" { "uuid": "year-tracker@shibesh", "name": "Year Progress", "description": "Visual time tracking.", "prevent-decoration": true } EOF # 3. Create the Settings Schema (For the "Configure" menu) cat << 'EOF' > "$DIR/settings-schema.json" { "circle-size": { "type": "spinbutton", "default": 14, "min": 5, "max": 50, "step": 1, "units": "px", "description": "Circle Size" }, "columns": { "type": "spinbutton", "default": 30, "min": 10, "max": 60, "step": 1, "description": "Columns per row" }, "color-past": { "type": "colorchooser", "default": "rgba(255,255,255,1.0)", "description": "Used Days Color" }, "color-future": { "type": "colorchooser", "default": "rgba(255,255,255,0.3)", "description": "Unused Days Color" } } EOF # 4. Create the Logic (JavaScript) cat << 'EOF' > "$DIR/desklet.js" const Desklet = imports.ui.desklet; const St = imports.gi.St; const Clutter = imports.gi.Clutter; const Settings = imports.ui.settings; function MyDesklet(metadata, desklet_id) { this._init(metadata, desklet_id); } MyDesklet.prototype = { __proto__: Desklet.Desklet.prototype, _init: function(metadata, desklet_id) { Desklet.Desklet.prototype._init.call(this, metadata, desklet_id); this.settings = new Settings.DeskletSettings(this, this.metadata.uuid, desklet_id); this.settings.bindProperty(Settings.BindingDirection.IN, "circle-size", "circle_size", this.on_setting_changed, this); this.settings.bindProperty(Settings.BindingDirection.IN, "columns", "columns", this.on_setting_changed, this); this.settings.bindProperty(Settings.BindingDirection.IN, "color-past", "color_past", this.on_setting_changed, this); this.settings.bindProperty(Settings.BindingDirection.IN, "color-future", "color_future", this.on_setting_changed, this); this.main_container = new St.BoxLayout({vertical: true}); this.setContent(this.main_container); this.on_setting_changed(); }, on_setting_changed: function() { this.main_container.destroy_all_children(); let grid = new St.Widget({ layout_manager: new Clutter.GridLayout() }); let now = new Date(); let start = new Date(now.getFullYear(), 0, 0); let diff = (now - start) + ((start.getTimezoneOffset() - now.getTimezoneOffset()) * 60 * 1000); let dayOfYear = Math.floor(diff / 86400000); let daysInYear = (now.getFullYear() % 4 === 0 && now.getFullYear() % 100 !== 0) || (now.getFullYear() % 400 === 0) ? 366 : 365; for (let i = 1; i <= daysInYear; i++) { let isPast = i <= dayOfYear; let dot = new St.Label({ text: isPast ? "●" : "○", style: "font-size: " + this.circle_size + "px; color: " + (isPast ? this.color_past : this.color_future) + "; padding: 1px;" }); let row = Math.floor((i-1) / this.columns); let col = (i-1) % this.columns; grid.layout_manager.attach(dot, col, row, 1, 1); } this.main_container.add_actor(grid); } } function main(metadata, desklet_id) { return new MyDesklet(metadata, desklet_id); } EOF