@lisergia/core 23.0.1 → 25.0.0

package/dist/Page.js

@@ -0,0 +1,133 @@
+import Lenis from 'lenis';
+import { makeObservable, observable } from 'mobx';
+import Tempus from 'tempus';
+import { Component } from './Component.js';
+export class Page extends Component {
+    datasets = [];
+    scroll = 0;
+    scrollEnabled = true;
+    scrollOptions = {};
+    constructor({ application, classes, datasets, element, elements, scrollEnabled = true, scrollOptions = {}, }) {
+        super({
+            autoMount: false,
+            autoListeners: false,
+            classes,
+            element,
+            elements,
+        });
+        this.application = application;
+        this.datasets = datasets;
+        this.scrollEnabled = scrollEnabled;
+        this.scrollOptions = scrollOptions;
+        makeObservable(this, {
+            element: observable,
+            elements: observable,
+            components: observable,
+            scroll: observable,
+        });
+    }
+    create() {
+        super.create();
+        this.createResizeObserver();
+        this.createComponents();
+        this.createScroll();
+        this.addEventListeners();
+    }
+    createResizeObserver() {
+        this.resizeObserver = new ResizeObserver(() => {
+            this.onResize();
+        });
+        this.resizeObserver.observe(this.elements.wrapper);
+    }
+    destroyResizeObserver() {
+        this.resizeObserver.disconnect();
+    }
+    //
+    // Components.
+    //
+    components = new Set();
+    createComponents() {
+        this.datasets.forEach(({ component: Component, selector }) => {
+            const elements = this.element.querySelectorAll(selector);
+            const components = Array.from(elements).map((element) => {
+                const component = new Component({
+                    application: this.application,
+                    element: element,
+                });
+                return component;
+            });
+            components.forEach((component) => {
+                this.application.addComponent(component);
+                this.components.add(component);
+            });
+        });
+    }
+    destroyComponents() {
+        this.components.forEach((component) => {
+            this.application.removeComponent(component);
+        });
+        this.components.clear();
+    }
+    createScroll() {
+        if (!this.scrollEnabled) {
+            this.element.addEventListener('scroll', this.onScrollFallback);
+            return;
+        }
+        this.lenis = new Lenis({
+            content: this.elements.wrapper,
+            wrapper: this.element,
+            ...this.scrollOptions,
+        });
+        this.lenis.on('scroll', this.onLenisScroll);
+    }
+    onLenisScroll(event) {
+        this.onScroll(event.scroll);
+        this.emitter.emit('scroll', event);
+    }
+    destroyScroll() {
+        if (!this.scrollEnabled) {
+            this.element.removeEventListener('scroll', this.onScrollFallback);
+            return;
+        }
+        this.lenis.off('scroll', this.onLenisScroll);
+        this.lenis?.destroy();
+        this.lenis = undefined;
+    }
+    //
+    // Events.
+    //
+    onResize() {
+        this.lenis?.resize();
+    }
+    onRAF({ time }) {
+        this.lenis?.raf(time);
+    }
+    onScroll(scroll) {
+        this.scroll = scroll;
+    }
+    onScrollFallback() {
+        this.scroll = this.element.scrollTop;
+        this.emitter.emit('scroll', { scroll: this.scroll });
+    }
+    //
+    // Events.
+    //
+    addEventListeners() {
+        super.addEventListeners();
+        this.unsubscribeRaf = Tempus.add(this.onRAF);
+    }
+    removeEventListeners() {
+        super.removeEventListeners();
+        this.unsubscribeRaf?.();
+        this.unsubscribeRaf = undefined;
+    }
+    //
+    // Destroy.
+    //
+    destroy() {
+        this.destroyResizeObserver();
+        this.destroyComponents();
+        this.destroyScroll();
+        super.destroy();
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export * from './App.js';
+export * from './Component.js';
+export * from './EventEmitter.js';
+export * from './Link.js';
+export * from './Links.js';
+export * from './Page.js';
+import Tempus from 'tempus';
+export { Tempus };

package/dist/index.js

@@ -0,0 +1,8 @@
+export * from './App.js';
+export * from './Component.js';
+export * from './EventEmitter.js';
+export * from './Link.js';
+export * from './Links.js';
+export * from './Page.js';
+import Tempus from 'tempus';
+export { Tempus };

package/package.json

@@ -1,21 +1,22 @@
 {
   "name": "@lisergia/core",
-  "version": "23.0.1",
+  "version": "25.0.0",
+  "files": [
+    "dist"
+  ],
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts",
-    "dev": "tsup src/index.ts --format cjs,esm --dts --watch"
+    "build": "tsc --build --clean && tsc --build",
+    "dev": "tsc --build --watch"
   },
   "dependencies": {
-    "@lisergia/config-tsconfig": "23.0.0",
+    "@lisergia/config-tsconfig": "25.0.0",
     "auto-bind": "^5.0.1",
-    "gsap": "^3.13.0",
-    "lenis": "^1.3.1",
-    "mobx": "^6.13.7",
-    "nanoevents": "^9.1.0",
-    "tempus": "^1.0.0-dev.10",
-    "tsup": "^8.5.0"
+    "lenis": "^1.3.26",
+    "mobx": "^7.0.3",
+    "nanoevents": "^10.0.0",
+    "tempus": "^1.0.0"
   }
 }

package/CHANGELOG.md

@@ -1,254 +0,0 @@
-# @lisergia/core
-
-## 23.0.0
-
-### Major Changes
-
-- Add IS_LINKS_ENABLED flag.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@23.0.0
-
-## 22.0.0
-
-### Major Changes
-
-- Make sure Viewport unsubscribes events.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@22.0.0
-
-## 21.0.0
-
-### Major Changes
-
-- Cleanup GSAP and Lenis events.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@21.0.0
-
-## 20.0.0
-
-### Major Changes
-
-- Delete Map entries.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@20.0.0
-
-## 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
-
-- Fix bug with pushState.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@17.0.0
-
-## 16.0.0
-
-### Major Changes
-
-- Update routing popState logic.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@16.0.0
-
-## 15.0.0
-
-### Major Changes
-
-- Fix Link class URL redirect and build from Changesets.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@15.0.0
-
-## 14.0.0
-
-### Major Changes
-
-- Avoid route to contain pathname.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@14.0.0
-
-## 13.0.0
-
-### Major Changes
-
-- Add missing ScrollTrigger dependency.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@13.0.0
-
-## 12.0.0
-
-### Major Changes
-
-- Fix hashchange and popstate conflict.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@12.0.0
-
-## 11.0.0
-
-### Major Changes
-
-- Add GSAP with lagSmoothing fix.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@11.0.0
-
-## 10.0.0
-
-### Major Changes
-
-- Update ESLint configuration with sort.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@10.0.0
-
-## 9.0.0
-
-### Major Changes
-
-- Update Prettier configuration.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@9.0.0
-
-## 8.0.0
-
-### Major Changes
-
-- Fix styles reference to include-media.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@8.0.0
-
-## 7.0.0
-
-### Major Changes
-
-- Fix hash querySelector.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@7.0.0
-
-## 6.0.0
-
-### Major Changes
-
-- Fix Prettier dependency.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@6.0.0
-
-## 5.0.0
-
-### Major Changes
-
-- - Add Tempus utilities.
-  - Remove module type from packages.
-  - Add Prettier configuration as dependency.
-  - Move Front End and Back End packages to separate repositories.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@5.0.0
-
-## 4.0.0
-
-### Major Changes
-
-- Update build.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@4.0.0
-
-## 3.0.0
-
-### Major Changes
-
-- Fix issue on managers distribution.
-
-### Patch Changes
-
-- Updated dependencies
-  - @lisergia/config-tsconfig@3.0.0
-
-## 2.0.0
-
-### Major Changes
-
-- Update build and serving of npm packages.
-- Updating build and serving of npm packages.
-
-### Patch Changes
-
-- Updated dependencies
-- Updated dependencies
-  - @lisergia/config-tsconfig@2.0.0
-
-## 1.0.0
-
-### Major Changes
-
-- 9c70654: Initial release of Lisergia packages.