#8 // explicitly pass root to dcFactory.init method

README.md

@@ -45,7 +45,7 @@ dcFactory.register(CollapsedComponent);
 
 
 // later after registering all your components, when your page is ready
-dcFactory.init();
+dcFactory.init(document.body);
 
 ```
 
@@ -67,13 +67,13 @@ Type: `string`
 
 CSS selector which will override searching by getNamespace() and be used for searching elements of given componentClass. 
 
-### dcFactory.init(root = document.body, withLazy = true)
+### dcFactory.init(root, withLazy = true)
 
 Starts the factory on a given root: finds and creates all registered components within the root
 
 #### root
 
-*Optional*<br>
+*Required*<br>
 Type: `HTMLElement`
 
 #### withLazy
@@ -139,4 +139,4 @@ Type: `HTMLElement`
 
 
 ## License
-[MIT](https://choosealicense.com/licenses/mit/)
+[MIT](https://choosealicense.com/licenses/mit/)

index.html

@@ -121,12 +121,12 @@ <h2>Simple example</h2>
 
             <p>
                 Call dcFactory.register with your components, and then starts the factory by calling
-                dcFactory.init()
+                dcFactory.init(document.body)
             </p>
 
             <script data-live-highlight>
                 dcFactory.register(CollapsedComponent);
-                dcFactory.init();
+                dcFactory.init(document.body);
             </script>
         </div>
 

src/dc-factory.js

@@ -99,7 +99,12 @@ class DcFactory {
      * @param {HTMLElement} root
      * @param {boolean} withLazy - Whether or not initialize component which marked as lazy
      */
-    init(root = document.body, withLazy = true) {
+    init(root, withLazy = true) {
+        if (!(root instanceof HTMLElement)) {
+            console.error(`Can not initialize components in ${root}. The first argument must be an HTMLElement`);
+            return;
+        }
+
         this._registredComponents.forEach(({ componentClass, selector }) => {
             this._initComponent(root, componentClass, selector, withLazy);
         });