Updated createApp to accept only RootComponent and props

Author: erenworld

src/app.js

@@ -1,61 +1,36 @@
-import { destroyDOM } from './destroy-dom';
-import { mountDOM } from './mount-dom';
-import { Dispatcher } from './dispatcher';
-import { patchDOM } from './patch-dom';
+import { mountDOM } from "./mount-dom";
+import { destroyDOM } from './destroy-dom'
+import { hElement } from "./h";
 
-export function createApp({ state, view, reducers = {} }) {
+export function createApp(RootComponent, props = {}) {
     let parentEl = null;
-    let vdom = null; 
-    let isMounted = null;
-
-    const dispatcher = new Dispatcher(); 
-    //  Subscribed the renderApp() function to be an after-command handler
-    // so that the application is re-rendered after every command is handled.
-    const subscriptions = [dispatcher.afterEveryCommand(renderApp)]
-
-    function dispatchEvent(eventName, payload) {
-        dispatcher.dispatch(eventName, payload);
-    }
-
-    for (const actionName in reducers) {
-        const reducer = reducers[actionName];
-        const subs = dispatcher.subscribe(actionName, (payload) => {
-            state = reducer(state, payload);
-        }) 
-        subscriptions.push(subs);
-    }
-    // Draw UI.
-    function renderApp() {
-        const newVdom = view(state, emit);
-        vdom = patchDOM(vdom, newVdom, parentEl);
+    let isMounted = false;
+    let vdom = null;
+
+    // Reset internal properties of the app.
+    function reset() {
+        parentEl = null;
+        isMounted = false;
+        vdom = null;
     }
+    
     return {
-        mount(_parentEl) { // Mount to the DOM.
+        mount(_parentEl) {
             if (isMounted) {
                 throw new Error('The application is already mounted');
             }
-
             parentEl = _parentEl;
-            vdom = view(state, emit);
-            mountDOM(vdom, parentEl); // Only once.
+            vdom = hElement(RootComponent, props);
+            mountDOM(vdom, parentEl);
 
             isMounted = true;
         },
         unmount() {
+            if (!isMounted) {
+                throw new Error('The application is not mounted');
+            }
             destroyDOM(vdom);
-            vdom = null;
-            subscriptions.forEach((unsubscribe) => unsubscribe());
-
-            isMounted = false;
+            reset();
         }
     }
 }
-
-// createApp({
-//     state: { count: 0 },
-//     view: (state, dispatch) => `<div>${state.count}</div>`,
-//     reducers: {
-//       increment: (state) => ({ count: state.count + 1 })
-//     }
-// });
-

src/index.js

@@ -1,2 +1,3 @@
 export { createApp } from './app';
 export { hString, hElement, hFragment } from './h';
+export { defineComponent } from './components/component';