lahama 1.1.0 → 2.0.0

package/dist/lahama.js

@@ -1,6 +1,9 @@
 function withoutNulls(arr) {
     return arr.filter((item) => item != null)
 }
+const a = { };
+const b = { };
+console.log(a === b);
 
 const DOM_TYPES = {
     TEXT : 'text',
@@ -125,18 +128,18 @@ function setAttribute(el, name, value) {
     }
 }
 
-function mountDom(vdom, parentEl) {
+function mountDom(vdom, parentEl, index) {
     switch (vdom.type) {
         case DOM_TYPES.TEXT : {
-            createTextNode(vdom, parentEl);
+            createTextNode(vdom, parentEl, index);
             break
         }
         case DOM_TYPES.ELEMENT : {
-            createElementNode(vdom, parentEl);
+            createElementNode(vdom, parentEl, index);
             break
         }
         case DOM_TYPES.FRAGMENT : {
-            createFragmentNodes(vdom, parentEl);
+            createFragmentNodes(vdom, parentEl, index);
             break
         }
         default : {
@@ -144,29 +147,46 @@ function mountDom(vdom, parentEl) {
         }
     }
 }
-function createTextNode(vdom, parentEl) {
+function insert(el, parentEl, index) {
+    if (index == null) {
+        parentEl.append(el);
+        return
+    }
+    if (index < 0) {
+        throw new Error(
+            `Index must be a positive integer, got &{index}`)
+    }
+    const children = parentEl.childNodes;
+    if (index >= children.length) {
+        parentEl.append(el);
+    } else {
+        parentEl.insertBefore(el, children[index]);
+    }
+}
+function createTextNode(vdom, parentEl, index) {
     const { value } = vdom;
     const textNode = document.createTextNode(value);
     vdom.el = textNode;
-    parentEl.append(textNode);
+    insert(textNode, parentEl, index);
 }
-function createElementNode(vdom, parentEl) {
+function createElementNode(vdom, parentEl, index) {
     const { tag, props , children } = vdom;
     const element = document.createElement(tag);
     addProps(element, props , vdom);
     vdom.el = element;
+    //!function mountDom(vnode, parentEl) {
     children.forEach((child) => mountDom(child, element));
-    parentEl.append(element);
+    insert(element, parentEl, index);
 }
 function addProps(el, props, vdom) {
     const { on : events, ...attrs } = props;
     vdom.listeners = addEventListeners(events, el);
     setAttributes(el, attrs);
 }
-function createFragmentNodes(vdom, parentEl) {
+function createFragmentNodes(vdom, parentEl, index) {
     const { children } = vdom;
     vdom.el = parentEl;
-    children.forEach((child) => mountDom(child, parentEl));
+    children.forEach((child, i) => mountDom(child, parentEl, index ? index + i : null));
 }
 
 class Dispatcher {
@@ -207,6 +227,7 @@ class Dispatcher {
 function createApp({ state, view, reducers = {} }) {
     let parentEl = null;
     let vdom = null;
+    let isMounted = false;
     const dispatcher = new Dispatcher();
     const subscriptions = [dispatcher.afterEveryCommand(renderApp)];
     function emit(eventName, payload) {
@@ -220,23 +241,28 @@ function createApp({ state, view, reducers = {} }) {
         subscriptions.push(subs);
     }
     function renderApp() {
-        if (vdom) {
-            destroyDom(vdom);
-        }
-        vdom = view(state, emit);
-        mountDom(vdom, parentEl);
+        view(state, emit);
+        vdom = patchDom();
     }
     return {
         mount(_parentEl) {
+            if (isMounted) {
+                throw new Error("The application is already mounted")
+            }
             parentEl = _parentEl;
-            renderApp();
+            vdom = view(state, emit);
+            mountDom(vdom, parentEl);
+            isMounted = true;
         },
         unmount() {
             destroyDom(vdom);
             vdom = null;
             subscriptions.forEach((unsubscribe) => unsubscribe());
+            isMounted = false;
         },
     }
 }
+function patchDom(vdom, newVdom, parentEl) {
+}
 
 export { createApp, h, hFragment, hString };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lahama",
-  "version": "1.1.0",
+  "version": "2.0.0",
   "description": "",
   "main": "dist/lahama.js",
   "files": [
@@ -20,11 +20,11 @@
   "type": "module",
   "devDependencies": {
     "eslint": "^9.39.0",
-    "jsdom": "^27.1.0",
+    "jsdom": "^27.2.0",
     "rollup": "^4.52.5",
     "rollup-plugin-cleanup": "^3.2.1",
     "rollup-plugin-filesize": "^10.0.0",
-    "vitest": "^4.0.6"
+    "vitest": "^4.0.15"
   },
   "dependencies": {
     "@eslint/js": "^9.39.0",