Small refactors

dist/alpine.js

@@ -1372,8 +1372,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
 
 
-/* @flow */
-
 
 var Alpine = {
   start: function start() {
@@ -1393,17 +1391,17 @@ var Alpine = {
 
           case 3:
             this.discoverComponents(function (el) {
-              _this.initializeElement(el);
+              _this.initializeComponent(el);
             }); // It's easier and more performant to just support Turbolinks than listen
             // to MutationOberserver mutations at the document level.
 
             document.addEventListener("turbolinks:load", function () {
               _this.discoverUninitializedComponents(function (el) {
-                _this.initializeElement(el);
+                _this.initializeComponent(el);
               });
             });
             this.listenForNewUninitializedComponentsAtRunTime(function (el) {
-              _this.initializeElement(el);
+              _this.initializeComponent(el);
             });
 
           case 6:
@@ -1439,17 +1437,14 @@ var Alpine = {
         if (mutations[i].addedNodes.length > 0) {
           mutations[i].addedNodes.forEach(function (node) {
             if (node.nodeType !== 1) return;
-
-            if (node.matches('[x-data]')) {
-              callback(node);
-            }
+            if (node.matches('[x-data]')) callback(node);
           });
         }
       }
     });
     observer.observe(targetNode, observerOptions);
   },
-  initializeElement: function initializeElement(el) {
+  initializeComponent: function initializeComponent(el) {
     el.__x = new _component__WEBPACK_IMPORTED_MODULE_1__["default"](el);
   }
 };

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/alpine.min.js": "/alpine.min.js?id=e0bf24150cc024d9f3bd",
-    "/alpine.js": "/alpine.js?id=5ee4269324b1d7ef5c01"
+    "/alpine.min.js": "/alpine.min.js?id=ed3d6a73430d8228e087",
+    "/alpine.js": "/alpine.js?id=173683fa4e0715ecbb0e"
 }

src/component.js

@@ -107,16 +107,16 @@ export default class Component {
     }
 
     listenForNewElementsToInitialize() {
-        var targetNode = this.el
+        const targetNode = this.el
 
-        var observerOptions = {
+        const observerOptions = {
             childList: true,
             attributes: false,
             subtree: true,
         }
 
-        var observer = new MutationObserver((mutations) => {
-            for (var i=0; i < mutations.length; i++){
+        const observer = new MutationObserver((mutations) => {
+            for (let i=0; i < mutations.length; i++){
                 if (mutations[i].addedNodes.length > 0) {
                     mutations[i].addedNodes.forEach(node => {
                         if (node.nodeType !== 1) return
@@ -129,7 +129,7 @@ export default class Component {
                     })
                 }
               }
-        });
+        })
 
         observer.observe(targetNode, observerOptions);
     }

src/index.js

@@ -1,4 +1,3 @@
-/* @flow */
 import Component from './component'
 import { domReady, isTesting } from './utils'
 
@@ -9,19 +8,19 @@ const Alpine = {
         }
 
         this.discoverComponents(el => {
-            this.initializeElement(el)
+            this.initializeComponent(el)
         })
 
         // It's easier and more performant to just support Turbolinks than listen
         // to MutationOberserver mutations at the document level.
         document.addEventListener("turbolinks:load", () => {
             this.discoverUninitializedComponents(el => {
-                this.initializeElement(el)
+                this.initializeComponent(el)
             })
         })
 
         this.listenForNewUninitializedComponentsAtRunTime(el => {
-            this.initializeElement(el)
+            this.initializeComponent(el)
         })
     },
 
@@ -44,32 +43,30 @@ const Alpine = {
     },
 
     listenForNewUninitializedComponentsAtRunTime: function (callback) {
-        var targetNode = document.querySelector('body');
+        const targetNode = document.querySelector('body');
 
-        var observerOptions = {
+        const observerOptions = {
             childList: true,
             attributes: true,
             subtree: true,
         }
 
-        var observer = new MutationObserver((mutations) => {
-            for (var i=0; i < mutations.length; i++){
+        const observer = new MutationObserver((mutations) => {
+            for (let i=0; i < mutations.length; i++){
                 if (mutations[i].addedNodes.length > 0) {
                     mutations[i].addedNodes.forEach(node => {
                         if (node.nodeType !== 1) return
 
-                        if (node.matches('[x-data]')) {
-                            callback(node)
-                        }
+                        if (node.matches('[x-data]')) callback(node)
                     })
                 }
               }
-        });
+        })
 
         observer.observe(targetNode, observerOptions)
     },
 
-    initializeElement: function (el) {
+    initializeComponent: function (el) {
         el.__x = new Component(el)
     }
 }