userscripts/Userscripts Extension/editor/editor.js at master · GarthSnyder/userscripts · GitHub

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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
var ___userscripts = {
    loaded: false,
    savedCode: "",
    sessionCode: "",
    currentCursor: "auto",
    infoButton: document.getElementById("info"),
    saveButton: document.getElementById("save"),
    discardButton: document.getElementById("discard"),
    downloadButton: document.getElementById("download"),
    toggleButton: document.getElementById("toggle"),
    setEditorMessage: function(m) {
        document.getElementById("message").innerHTML = m;
    },
    setVersion: function(v) {
        document.getElementById("version").innerHTML = v;
    },
    enableButtons: function() {
        this.saveButton.removeAttribute("disabled");
        this.discardButton.removeAttribute("disabled");
    },
    disableButtons: function() {
        this.saveButton.setAttribute("disabled", true);
        this.discardButton.setAttribute("disabled", true);
    },
    getInfo: function() {
        window.webkit.messageHandlers.getInfo.postMessage("user wants info");
    },
    downloadScript: function() {
        window.webkit.messageHandlers.downloadScript.postMessage("user wants to download script");
    },
    mouseOverListen: function(e) {
        var sourceElement = e.srcElement;
        var cursorValue = getComputedStyle(sourceElement).cursor;
        if (cursorValue != this.currentCursor) {
            this.currentCursor = cursorValue;
            window.webkit.messageHandlers.setCursor.postMessage(cursorValue);
        }
    },
    discard: function() {
        this.editor.setValue(this.savedCode);
        this.disableButtons();
    },
    save: function() {
        if (!this.saveButton.disabled) {
            var code = this.editor.getValue();
            window.webkit.messageHandlers.saveCode.postMessage(escape(code));
            this.savedCode = code;
            this.sessionCode = "";
            this.setEditorMessage("All changes saved");
            this.disableButtons();
        }
    },
    setSaveDate: function(dateString) {
        var t = this;
        setTimeout(function() {
            t.setEditorMessage("Last edited on " + dateString);
        }, 1500);
    },
    loadCode: function(c) {
        var code = unescape(c);
        if (code.trim().length > 0 && this.loaded === false) {
            this.savedCode = code;
            this.editor.setValue(code);
            this.disableButtons();
            this.loaded = true;
        }
    },
    toggle: function() {
        if (document.body.classList.contains("disabled")) {
            this.toggleOn();
        } else {
            this.toggleOff();
        }
    },
    toggleOff: function() {
        document.body.classList.add("disabled");
        window.webkit.messageHandlers.setStatus.postMessage("off");
    },
    toggleOn: function() {
        document.body.classList.remove("disabled");
        window.webkit.messageHandlers.setStatus.postMessage("on");
    },
    webViewOnLoad: function() {
        if (this.loaded === false) {
            window.webkit.messageHandlers.webViewOnLoad.postMessage(this.loaded);
        }
    },
    editor: CodeMirror.fromTextArea(document.getElementById("code"), {
        mode:  "javascript",
        smartIndent: true,
        tabSize: 2,
        indentUnit: 2,
        lineWrapping: true,
        lineNumbers: true,
        autoCloseBrackets: true,
        styleActiveLine: true,
        matchBrackets: true,
        hintOptions: {useGlobalScope: true},
        extraKeys: {
            "Ctrl-Space": "autocomplete",
            "Cmd-S": function() {
                ___userscripts.save();
            },
            "Cmd-/": "toggleComment",
            Tab: function(cm) {
                var spaces = Array(cm.getOption("indentUnit") + 1).join(" ");
                cm.replaceSelection(spaces);
            }
        }
    })
};

___userscripts.editor.on("change", function(e, c) {
    var inputAction = c.origin;

    if (inputAction !== "setValue") {
        ___userscripts.sessionCode = e.getValue();
        ___userscripts.enableButtons();
    }

    if (inputAction === "undo" || inputAction === "redo") {
        if (___userscripts.sessionCode.localeCompare(___userscripts.savedCode) === 0) {
            ___userscripts.disableButtons();
        }
    }
});

___userscripts.editor.on("keydown", function(cm, e) {
    var currentLinePosition = cm.getCursor()["ch"];
    if (!cm.state.completionActive && e.metaKey === false && e.keyCode >= 65 && e.keyCode <= 90 && currentLinePosition != 0) {
        cm.showHint({completeSingle: false});
    }
});

___userscripts.infoButton.addEventListener("click", function(){___userscripts.getInfo();});
___userscripts.saveButton.addEventListener("click", function(){___userscripts.save();});
___userscripts.discardButton.addEventListener("click", function(){___userscripts.discard();});
___userscripts.downloadButton.addEventListener("click", function(){___userscripts.downloadScript();});
___userscripts.toggleButton.addEventListener("click", function(){___userscripts.toggle();});
document.addEventListener("mouseover", function(e){___userscripts.mouseOverListen(e);});
window.onload = ___userscripts.webViewOnLoad();