fix lint

Author: Guseyn

eslint.config.js

@@ -15,7 +15,7 @@ export default [
 
     rules: {
       // Semicolons required
-      "semi": ["error", "always"],
+      "semi": ["error", "never"],
 
       // 2 space indentation
       "indent": ["error", 2],
@@ -25,10 +25,12 @@ export default [
       "no-undef": "off",
 
       // Style: double quotes
-      "quotes": ["error", "double"],
+      "quotes": ["error", "single"],
 
       // No trailing commas
-      "comma-dangle": ["error", "never"]
+      "comma-dangle": ["error", "never"],
+
+      "no-multi-spaces": "error"
     }
   }
 

src/E/e-for-each-template.js

@@ -1,86 +1,86 @@
-import getNodeScopedState from "#ehtml/getNodeScopedState.js?v=41ab2bfa";
-import setNodeScopedState from "#ehtml/setNodeScopedState.js?v=7806d68f";
-import evaluatedValueWithParamsFromState from "#ehtml/evaluatedValueWithParamsFromState.js?v=a8e84941";
+import getNodeScopedState from '#ehtml/getNodeScopedState.js?v=41ab2bfa'
+import setNodeScopedState from '#ehtml/setNodeScopedState.js?v=7806d68f'
+import evaluatedValueWithParamsFromState from '#ehtml/evaluatedValueWithParamsFromState.js?v=a8e84941'
 
 export default class EForEachTemplate extends HTMLTemplateElement {
   constructor () {
-    super();
-    this.ehtmlActivated = false;
+    super()
+    this.ehtmlActivated = false
   }
 
   connectedCallback () {
-    this.addEventListener("ehtml:activated", this.onEHTMLActivated, { once: true });
+    this.addEventListener('ehtml:activated', this.onEHTMLActivated, { once: true })
   }
 
   onEHTMLActivated () {
     if (this.ehtmlActivated) {
-      return;
+      return
     }
-    this.ehtmlActivated = true;
-    this.run();
+    this.ehtmlActivated = true
+    this.run()
   }
 
   run () {
-    const listExpr = this.getAttribute("data-list-to-iterate");
-    const itemName = this.getAttribute("data-item-name");
+    const listExpr = this.getAttribute('data-list-to-iterate')
+    const itemName = this.getAttribute('data-item-name')
 
     if (!listExpr) {
-      throw new Error("<template is=\"e-for-each\"> must have data-list-to-iterate");
+      throw new Error('<template is="e-for-each"> must have data-list-to-iterate')
     }
 
     if (!itemName) {
-      throw new Error("<template is=\"e-for-each\"> must have data-item-name");
+      throw new Error('<template is="e-for-each"> must have data-item-name')
     }
 
     // 1. Get inherited lexical state at this <template>
-    const state = getNodeScopedState(this);
+    const state = getNodeScopedState(this)
 
     // 2. Evaluate the list expression
     const list = evaluatedValueWithParamsFromState(
-      listExpr.replace(/\n/g, " "),
+      listExpr.replace(/\n/g, ' '),
       state,
       this
-    );
+    )
 
     if (!Array.isArray(list)) {
-      throw new Error("data-list-to-iterate must evaluate to an array");
+      throw new Error('data-list-to-iterate must evaluate to an array')
     }
 
     // 3. Prepare fragment to insert
-    const fragment = document.createDocumentFragment();
+    const fragment = document.createDocumentFragment()
 
     list.forEach((item, index) => {
       // Add index if not set
-      if (typeof item === "object" && item.index === undefined) {
-        item.index = index + 1;
+      if (typeof item === 'object' && item.index === undefined) {
+        item.index = index + 1
       }
 
       // Clone inert DOM from template
-      const cloned = this.content.cloneNode(true);
+      const cloned = this.content.cloneNode(true)
 
       // 4. Build item-level state (lexical extension)
       const itemState = {
         ...state,
         [itemName]: item
-      };
+      }
 
       // 5. Assign the new lexical state to this *iteration wrapper*
       //
       // Since `cloned` is a DocumentFragment of the template content,
       // we assign state to each root element in it.
       for (const child of cloned.childNodes) {
         if (child.nodeType === 1) {
-          setNodeScopedState(child, itemState);
+          setNodeScopedState(child, itemState)
         }
       }
 
-      fragment.appendChild(cloned);
-    });
+      fragment.appendChild(cloned)
+    })
 
     // 6. Replace <template> with generated DOM
     // MutationObserver will activate and process new nodes.
-    this.replaceWith(fragment);
+    this.replaceWith(fragment)
   }
 }
 
-customElements.define("e-for-each", EForEachTemplate, { extends: "template" });
+customElements.define('e-for-each', EForEachTemplate, { extends: 'template' })

src/E/e-form-array.js

@@ -1,27 +1,27 @@
 export default class EFormArray extends HTMLElement {
   constructor () {
-    super();
-    this.ehtmlActivated = false;
+    super()
+    this.ehtmlActivated = false
   }
 
   connectedCallback () {
-    this.addEventListener("ehtml:activated", this.onEHTMLActivated, { once: true });
+    this.addEventListener('ehtml:activated', this.onEHTMLActivated, { once: true })
   }
 
   onEHTMLActivated () {
     if (this.ehtmlActivated) {
-      return;
+      return
     }
-    this.ehtmlActivated = true;
-    this.run();
+    this.ehtmlActivated = true
+    this.run()
   }
 
   run () {
-    const name = this.getAttribute("name");
+    const name = this.getAttribute('name')
     if (name) {
-      this.name = name;
+      this.name = name
     }
   }
 }
 
-customElements.define("e-form-array", EFormArray);
+customElements.define('e-form-array', EFormArray)

src/E/e-form-dynamic-value.js

@@ -1,36 +1,36 @@
-import getNodeScopedState from "#ehtml/getNodeScopedState.js?v=41ab2bfa";
-import evaluatedStringWithParamsFromState from "#ehtml/evaluatedStringWithParamsFromState.js?v=01fa3e7e";
+import getNodeScopedState from '#ehtml/getNodeScopedState.js?v=41ab2bfa'
+import evaluatedStringWithParamsFromState from '#ehtml/evaluatedStringWithParamsFromState.js?v=01fa3e7e'
 
 export default class EFormDynamicValue extends HTMLElement {
   constructor () {
-    super();
-    this.ehtmlActivated = false;
+    super()
+    this.ehtmlActivated = false
   }
 
   connectedCallback () {
-    this.addEventListener("ehtml:activated", this.onEHTMLActivated, { once: true });
+    this.addEventListener('ehtml:activated', this.onEHTMLActivated, { once: true })
   }
 
   onEHTMLActivated () {
     if (this.ehtmlActivated) {
-      return;
+      return
     }
-    this.ehtmlActivated = true;
-    this.run();
+    this.ehtmlActivated = true
+    this.run()
   }
 
   run () {
-    this.style.display = "none";
-    this.name = this.getAttribute("name");
-    const state = getNodeScopedState(this);
+    this.style.display = 'none'
+    this.name = this.getAttribute('name')
+    const state = getNodeScopedState(this)
     this.value = () => {
       return evaluatedStringWithParamsFromState(
-        this.getAttribute("data-bound-to"),
+        this.getAttribute('data-bound-to'),
         state,
         this
-      );
-    };
+      )
+    }
   }
 }
 
-customElements.define("e-form-dynamic-value", EFormDynamicValue);
+customElements.define('e-form-dynamic-value', EFormDynamicValue)

src/E/e-form-object.js

@@ -1,27 +1,27 @@
 export default class EFormObject extends HTMLElement {
   constructor () {
-    super();
-    this.ehtmlActivated = false;
+    super()
+    this.ehtmlActivated = false
   }
 
   connectedCallback () {
-    this.addEventListener("ehtml:activated", this.onEHTMLActivated, { once: true });
+    this.addEventListener('ehtml:activated', this.onEHTMLActivated, { once: true })
   }
 
   onEHTMLActivated () {
     if (this.ehtmlActivated) {
-      return;
+      return
     }
-    this.ehtmlActivated = true;
-    this.run();
+    this.ehtmlActivated = true
+    this.run()
   }
 
   run () {
-    const name = this.getAttribute("name");
+    const name = this.getAttribute('name')
     if (name) {
-      this.name = name;
+      this.name = name
     }
   }
 }
 
-customElements.define("e-form-object", EFormObject);
+customElements.define('e-form-object', EFormObject)