@lisergia/core 17.0.0 → 19.0.0

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @lisergia/core@16.0.0 build
+> @lisergia/core@18.0.0 build
 > tsup src/index.ts --format cjs,esm --dts
 
 CLI Building entry: src/index.ts
@@ -9,12 +9,12 @@
 CLI Target: node16
 CJS Build start
 ESM Build start
-CJS dist/index.cjs 16.12 KB
-CJS ⚡️ Build success in 16ms
-ESM dist/index.js 13.87 KB
+ESM dist/index.js 13.91 KB
 ESM ⚡️ Build success in 17ms
+CJS dist/index.cjs 16.15 KB
+CJS ⚡️ Build success in 18ms
 DTS Build start
-DTS ⚡️ Build success in 888ms
+DTS ⚡️ Build success in 869ms
 DTS dist/index.d.cts 5.82 KB
 DTS dist/index.d.ts  5.82 KB
 ⠙

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @lisergia/core
 
+## 19.0.0
+
+### Major Changes
+
+- Cleanup elements from Component on destroy.
+
+### Patch Changes
+
+- Updated dependencies
+  - @lisergia/config-tsconfig@19.0.0
+
+## 18.0.0
+
+### Major Changes
+
+- Fix memory leak from DOMParser.
+
+### Patch Changes
+
+- Updated dependencies
+  - @lisergia/config-tsconfig@18.0.0
+
 ## 17.0.0
 
 ### Major Changes

package/dist/index.cjs

@@ -406,8 +406,8 @@ var ApplicationManager = class extends Component {
   nextPage = {};
   async onRequest({ href, response, pushState }) {
     var _a, _b;
-    const domParser = new DOMParser();
-    const dom = domParser.parseFromString(response, "text/html");
+    let domParser = new DOMParser();
+    let dom = domParser.parseFromString(response, "text/html");
     const html = dom.querySelector("html");
     const app = dom.querySelector(".app");
     this.nextPage = {
@@ -427,6 +427,8 @@ var ApplicationManager = class extends Component {
       window.history.pushState({}, this.nextPage.title, href);
     }
     this.routeHistory.push(href);
+    domParser = null;
+    dom = null;
   }
   //
   // Pop State.

package/dist/index.js

@@ -363,8 +363,8 @@ var ApplicationManager = class extends Component {
   nextPage = {};
   async onRequest({ href, response, pushState }) {
     var _a, _b;
-    const domParser = new DOMParser();
-    const dom = domParser.parseFromString(response, "text/html");
+    let domParser = new DOMParser();
+    let dom = domParser.parseFromString(response, "text/html");
     const html = dom.querySelector("html");
     const app = dom.querySelector(".app");
     this.nextPage = {
@@ -384,6 +384,8 @@ var ApplicationManager = class extends Component {
       window.history.pushState({}, this.nextPage.title, href);
     }
     this.routeHistory.push(href);
+    domParser = null;
+    dom = null;
   }
   //
   // Pop State.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lisergia/core",
-  "version": "17.0.0",
+  "version": "19.0.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
@@ -9,7 +9,7 @@
     "dev": "tsup src/index.ts --format cjs,esm --dts --watch"
   },
   "dependencies": {
-    "@lisergia/config-tsconfig": "17.0.0",
+    "@lisergia/config-tsconfig": "19.0.0",
     "auto-bind": "^5.0.1",
     "gsap": "^3.13.0",
     "lenis": "^1.3.1",

package/src/App.ts

@@ -238,16 +238,16 @@ export class ApplicationManager extends Component {
   } = {}
 
   async onRequest({ href, response, pushState }: { href: string; response: string; pushState: boolean }) {
-    const domParser = new DOMParser()
-    const dom = domParser.parseFromString(response, 'text/html')
+    let domParser: DOMParser | null = new DOMParser()
+    let dom: Document | null = domParser.parseFromString(response, 'text/html')
 
-    const html = dom.querySelector('html')!
-    const app = dom.querySelector('.app')!
+    const html = dom!.querySelector('html')!
+    const app = dom!.querySelector('.app')!
 
     this.nextPage = {
       element: app,
       template: html.dataset.template ?? this.template,
-      title: dom.title ?? document.title,
+      title: dom!.title ?? document.title,
     }
 
     if (this.transition) {
@@ -266,6 +266,9 @@ export class ApplicationManager extends Component {
     }
 
     this.routeHistory.push(href)
+
+    domParser = null
+    dom = null
   }
 
   //

package/src/Component.ts

@@ -87,6 +87,10 @@ export class Component extends EventEmitter {
     }
   }
 
+  destroyElement() {
+    this.element = undefined
+  }
+
   initElements(selectors?: ComponentSelectors) {
     for (const key in selectors) {
       const selector = selectors[key]
@@ -121,6 +125,10 @@ export class Component extends EventEmitter {
     }
   }
 
+  destroyElements() {
+    this.elements = {}
+  }
+
   addEventListeners() {}
 
   removeEventListeners() {}
@@ -129,5 +137,8 @@ export class Component extends EventEmitter {
     super.destroy()
 
     this.removeEventListeners()
+
+    this.destroyElements()
+    this.destroyElement()
   }
 }

package/src/Page.ts

@@ -212,10 +212,10 @@ export class Page extends Component {
   // Destroy.
   //
   destroy() {
-    super.destroy()
-
     this.destroyResizeObserver()
     this.destroyComponents()
     this.destroyScroll()
+
+    super.destroy()
   }
 }