Migrate Selector to classes

src/selector_manager/model/Selector.js

@@ -1,15 +1,12 @@
-import Backbone from 'backbone';
+import { Model } from 'common';
 import { result, forEach, keys } from 'underscore';
 
 const TYPE_CLASS = 1;
 const TYPE_ID = 2;
-const { Model } = Backbone;
 
-const Selector = Model.extend(
-  {
-    idAttribute: 'name',
-
-    defaults: {
+export default class Selector extends Model {
+  defaults() {
+    return {
       name: '',
 
       label: '',
@@ -26,104 +23,101 @@ const Selector = Model.extend(
 
       // If true, can't be removed from the attacched element
       protected: false
-    },
+    };
+  }
 
-    initialize(props, opts = {}) {
-      const { config = {} } = opts;
-      const name = this.get('name');
-      const label = this.get('label');
+  initialize(props, opts = {}) {
+    const { config = {} } = opts;
+    const name = this.get('name');
+    const label = this.get('label');
 
-      if (!name) {
-        this.set('name', label);
-      } else if (!label) {
-        this.set('label', name);
-      }
+    if (!name) {
+      this.set('name', label);
+    } else if (!label) {
+      this.set('label', name);
+    }
 
-      const namePreEsc = this.get('name');
-      const { escapeName } = config;
-      const nameEsc = escapeName
-        ? escapeName(namePreEsc)
-        : Selector.escapeName(namePreEsc);
-      this.set('name', nameEsc);
-      this.em = config.em;
-    },
-
-    isId() {
-      return this.get('type') === TYPE_ID;
-    },
-
-    isClass() {
-      return this.get('type') === TYPE_CLASS;
-    },
-
-    /**
-     * Get full selector name
-     * @return {string}
-     */
-    getFullName(opts = {}) {
-      const { escape } = opts;
-      const name = this.get('name');
-      let init = '';
-
-      switch (this.get('type')) {
-        case TYPE_CLASS:
-          init = '.';
-          break;
-        case TYPE_ID:
-          init = '#';
-          break;
-      }
+    const namePreEsc = this.get('name');
+    const { escapeName } = config;
+    const nameEsc = escapeName
+      ? escapeName(namePreEsc)
+      : Selector.escapeName(namePreEsc);
+    this.set('name', nameEsc);
+    this.em = config.em;
+  }
 
-      return init + (escape ? escape(name) : name);
-    },
+  isId() {
+    return this.get('type') === TYPE_ID;
+  }
 
-    toJSON(opts = {}) {
-      const { em } = this;
-      let obj = Model.prototype.toJSON.call(this, [opts]);
-      const defaults = result(this, 'defaults');
+  isClass() {
+    return this.get('type') === TYPE_CLASS;
+  }
 
-      if (em && em.getConfig('avoidDefaults')) {
-        forEach(defaults, (value, key) => {
-          if (obj[key] === value) {
-            delete obj[key];
-          }
-        });
+  /**
+   * Get full selector name
+   * @return {string}
+   */
+  getFullName(opts = {}) {
+    const { escape } = opts;
+    const name = this.get('name');
+    let init = '';
+
+    switch (this.get('type')) {
+      case TYPE_CLASS:
+        init = '.';
+        break;
+      case TYPE_ID:
+        init = '#';
+        break;
+    }
 
-        if (obj.label === obj.name) {
-          delete obj.label;
-        }
+    return init + (escape ? escape(name) : name);
+  }
 
-        const objLen = keys(obj).length;
+  toJSON(opts = {}) {
+    const { em } = this;
+    let obj = Model.prototype.toJSON.call(this, [opts]);
+    const defaults = result(this, 'defaults');
 
-        if (objLen === 1 && obj.name) {
-          obj = obj.name;
+    if (em && em.getConfig('avoidDefaults')) {
+      forEach(defaults, (value, key) => {
+        if (obj[key] === value) {
+          delete obj[key];
         }
+      });
 
-        if (objLen === 2 && obj.name && obj.type) {
-          obj = this.getFullName();
-        }
+      if (obj.label === obj.name) {
+        delete obj.label;
       }
 
-      return obj;
-    }
-  },
-  {
-    // All type selectors: https://developer.mozilla.org/it/docs/Web/CSS/CSS_Selectors
-    // Here I define only what I need
-    TYPE_CLASS,
-
-    TYPE_ID,
-
-    /**
-     * Escape string
-     * @param {string} name
-     * @return {string}
-     * @private
-     */
-    escapeName(name) {
-      return `${name}`.trim().replace(/([^a-z0-9\w-\:]+)/gi, '-');
+      const objLen = keys(obj).length;
+
+      if (objLen === 1 && obj.name) {
+        obj = obj.name;
+      }
+
+      if (objLen === 2 && obj.name && obj.type) {
+        obj = this.getFullName();
+      }
     }
-  }
-);
 
-export default Selector;
+    return obj;
+  }
+}
+
+Selector.prototype.idAttribute = 'name';
+
+// Type selectors: https://developer.mozilla.org/it/docs/Web/CSS/CSS_Selectors
+Selector.TYPE_CLASS = TYPE_CLASS;
+Selector.TYPE_ID = TYPE_ID;
+
+/**
+ * Escape string
+ * @param {string} name
+ * @return {string}
+ * @private
+ */
+Selector.escapeName = name => {
+  return `${name}`.trim().replace(/([^a-z0-9\w-\:]+)/gi, '-');
+};