systemprompt-mcp 0.1.18

Core MCP (Model Context Protocol) functionality for systemprompt.io OS
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

const ImageApp = {
    zoom: 1,
    minZoom: 0.5,
    maxZoom: 3,
    zoomStep: 0.25,

    init() {
        this.img = document.querySelector('.artifact-image');
        this.setupControls();
    },

    setupControls() {
        document.querySelector('.zoom-in').addEventListener('click', () => this.zoomIn());
        document.querySelector('.zoom-out').addEventListener('click', () => this.zoomOut());
        document.querySelector('.zoom-reset').addEventListener('click', () => this.resetZoom());
    },

    zoomIn() {
        if (this.zoom < this.maxZoom) {
            this.zoom += this.zoomStep;
            this.applyZoom();
        }
    },

    zoomOut() {
        if (this.zoom > this.minZoom) {
            this.zoom -= this.zoomStep;
            this.applyZoom();
        }
    },

    resetZoom() {
        this.zoom = 1;
        this.applyZoom();
    },

    applyZoom() {
        this.img.style.transform = `scale(${this.zoom})`;
    }
};

document.addEventListener('DOMContentLoaded', () => ImageApp.init());