bugfix: Add ability to reset mini

lib/entity.js

@@ -43,6 +43,10 @@ export class Entity {
     return document.documentElement.contains(this.element)
   }
 
+  isEachEl() {
+    return this.element.hasAttribute(':each')
+  }
+
   isInsideEachEl() {
     if (this.element.hasAttribute(':each')) return false
     if (this.element.hasAttribute(':each.item')) return true
@@ -80,6 +84,17 @@ export class Entity {
     )
   }
 
+  setEachItemTemplate() {
+    if (this.element.dataset.childTemplate) return
+    this.element.dataset.childTemplate = this.element.innerHTML
+  }
+
+  getEachItemTemplate() {
+    const template = document.createElement('template')
+    template.innerHTML = this.element.dataset.childTemplate
+    return template.content
+  }
+
   getClosestEl(attr) {
     attr = attr.replaceAll(':', '\\:').replaceAll('.', '\\.')
 

lib/entity/attributes.js

@@ -278,7 +278,8 @@ export class Attributes {
 
     try {
       const items = await this._interpret(iterable)
-      this.childClone ||= this.entity.element.cloneNode(true).children
+      this.entity.setEachItemTemplate()
+      this.childClone ||= this.entity.getEachItemTemplate().children
 
       this.entity.element.innerHTML = ''
 

lib/main.js

@@ -42,6 +42,12 @@ export class Mini {
     console.log(`MiniJS took ${executionTime}ms to run.`)
   }
 
+  async reset() {
+    this.observer.disconnect()
+    this.state.dispose()
+    await this.init()
+  }
+
   async _domReady() {
     return new Promise((resolve) => {
       if (document.readyState == 'loading') {
@@ -108,6 +114,9 @@ const MiniJS = (() => {
     extendEvents: (events) => {
       mini.extensions.events.extend(events)
     },
+    reset: async () => {
+      await mini.reset()
+    },
   }
 })()
 

lib/state.js

@@ -297,4 +297,12 @@ export class State {
     const key = `${entityID}.${variable}`
     this.entityVariables.delete(key)
   }
+
+  dispose() {
+    Array.from(this.entities.values()).forEach((entity) => entity.dispose())
+    this.entities.clear()
+    this.variables.clear()
+    this.entityVariables.clear()
+    this.shouldUpdate = false
+  }
 }