Refactoring

src/JSUtils/ModalBuilder.js

@@ -0,0 +1,81 @@
+define(function() {
+    const Item = Object.freeze({
+        modal: "modal",
+        modalContent: "content",
+        buttonsContainer: "buttons"
+    });
+
+    class ModalBuilder {
+        constructor(document) {
+            this.document = document;
+            this.modal = this.document.createElement('div');
+            this.modalContent = this.document.createElement('div');
+            this.buttonsContainer = this.document.createElement('div');
+        }
+
+        addStyle(item, style) {
+            switch (item) {
+            case Item.modal:
+                Object.assign(this.modal.style, style);
+                break;
+            case Item.modalContent:
+                Object.assign(this.modalContent.style, style);
+                break;
+            case Item.buttonsContainer:
+                Object.assign(this.buttonsContainer.style, style);
+                break;
+
+            default:
+                break;
+            }
+            return this;
+        }
+
+        addTitle(title, color) {
+            this.title = this.document.createElement('h2');
+            this.title.textContent = title;
+            this.title.style.color = color;
+            return this;
+        }
+
+        addMessage(message) {
+            this.modalMessage = document.createElement('p');
+            message.split('\n').forEach((part, index, array) => {
+                this.modalMessage.appendChild(document.createTextNode(part));
+                if (index < array.length - 1) { // Don't add a break on the last element
+                    this.modalMessage.appendChild(document.createElement('br'));
+                }
+            });
+            return this;
+        }
+
+        addButton(title) {
+            const button = this.document.createElement('button');
+            button.textContent = title;
+            this.buttonsContainer.appendChild(button);
+            return button;
+        }
+
+        addButton(title, style) {
+            const button = this.addButton(title);
+            Object.assign(button.style, style);
+            return button;
+        }
+
+        addButton(title, style, onclick) {
+            const button = this.addButton(title, style);
+            button.onclick = onclick;
+            return button;
+        }
+
+        build() {
+            this.modalContent.appendChild(this.title);
+            this.modalContent.appendChild(this.message);
+            this.modalContent.appendChild(this.buttonsContainer);
+            this.modal.appendChild(this.modalContent);
+            return this.modal;
+        }
+    }
+
+    return ModalBuilder;
+});

src/JSUtils/SelectorStrategy.js

@@ -0,0 +1,70 @@
+define(function (require) {
+    const Strings = require('strings');
+    const HTMLUtils = require('language/HTMLUtils');
+
+    const strategies = [];
+
+    const TagSelectorStrategy = {
+        isMatch: (tokenType) =>
+            tokenType === HTMLUtils.TAG_NAME || tokenType === HTMLUtils.CLOSING_TAG,
+
+        resolve: (tagInfo) => ({
+            selectorName: tagInfo.tagName,
+            reason: null
+        })
+    };
+
+    const ClassSelectorStrategy = {
+        isMatch: (tokenType, attrName) =>
+            (tokenType === HTMLUtils.ATTR_NAME || tokenType === HTMLUtils.ATTR_VALUE) && attrName === "class",
+
+        resolve: (tagInfo) => {
+            var attributeValue = tagInfo.attr.value;
+            if (!/\S/.test(attributeValue)) {
+                return { selectorName: "", reason: Strings.ERROR_CSSQUICKEDIT_CLASSNOTFOUND };
+            }
+
+            var startIndex = attributeValue.substr(0, tagInfo.position.offset).lastIndexOf(" ");
+            var endIndex = attributeValue.indexOf(" ", tagInfo.position.offset);
+            let selectorName = "." +
+                    attributeValue.substring(
+                        startIndex === -1 ? 0 : startIndex + 1,
+                        endIndex === -1 ? attributeValue.length : endIndex
+                    );
+
+            if (selectorName === ".") {
+                return { selectorName: "", reason: Strings.ERROR_CSSQUICKEDIT_BETWEENCLASSES };
+            }
+            return { selectorName, reason: null };
+        }
+    };
+    const IdSelectorStrategy = {
+        isMatch: (tokenType, attrName) =>
+            (tokenType === HTMLUtils.ATTR_NAME || tokenType === HTMLUtils.ATTR_VALUE) && attrName === "id",
+
+        resolve: (tagInfo) => {
+            var trimmedVal = tagInfo.attr.value.trim();
+            if (trimmedVal) {
+                return { selectorName: "#" + trimmedVal, reason: null};
+            }
+            return { selectorName: "", reason: Strings.ERROR_CSSQUICKEDIT_IDNOTFOUND };
+        }
+    };
+
+    const ErrorSelectorStrategy = {
+        isMatch: () =>  true,
+        resolve: () => { return { selectorName: "", reason: Strings.ERROR_CSSQUICKEDIT_UNSUPPORTEDATTR }; }
+    };
+
+    strategies.push(TagSelectorStrategy);
+    strategies.push(ClassSelectorStrategy);
+    strategies.push(IdSelectorStrategy);
+    strategies.push(ErrorSelectorStrategy);
+
+    function getStrategy(tagInfo) {
+        const strategy = strategies.find(s => s.isMatch(tagInfo.position.tokenType, tagInfo.attr.name));
+        return strategy ? strategy : null;
+    }
+
+    return getStrategy;
+});