@lisergia/core 24.0.0 → 25.0.0

package/src/Page.ts

@@ -1,228 +0,0 @@
-import Lenis, { LenisOptions } from 'lenis'
-import { makeObservable, observable } from 'mobx'
-import GSAP from 'gsap'
-import ScrollTrigger from 'gsap/src/ScrollTrigger'
-import Tempus from 'tempus'
-
-import { ApplicationManager } from './App'
-import { Component, ComponentClasses, ComponentSelectors } from './Component'
-
-export interface PageParameters {
-  application: ApplicationManager
-  classes?: ComponentClasses
-  datasets: Array<{ component: typeof Component; selector: string }>
-  element?: HTMLElement | string
-  elements?: ComponentSelectors
-  scrollEnabled?: boolean
-  scrollOptions?: LenisOptions
-}
-
-export class Page extends Component {
-  declare element: HTMLElement
-  declare elements: {
-    wrapper: HTMLElement
-  }
-
-  declare application: ApplicationManager
-
-  datasets: Array<{
-    component: typeof Component
-    selector: string
-  }> = []
-
-  scroll: number = 0
-  scrollEnabled: boolean = true
-  scrollOptions: LenisOptions = {}
-
-  declare unsubscribeRaf: (() => void) | undefined
-
-  constructor({
-    application,
-    classes,
-    datasets,
-    element,
-    elements,
-    scrollEnabled = true,
-    scrollOptions = {},
-  }: PageParameters) {
-    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()
-  }
-
-  //
-  // Observer.
-  //
-  declare resizeObserver: ResizeObserver
-
-  createResizeObserver() {
-    this.resizeObserver = new ResizeObserver(() => {
-      this.onResize()
-    })
-
-    this.resizeObserver.observe(this.elements.wrapper)
-  }
-
-  destroyResizeObserver() {
-    this.resizeObserver.disconnect()
-  }
-
-  //
-  // Components.
-  //
-  components: Set<Component> = new Set()
-
-  createComponents() {
-    this.datasets.map(({ 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 as HTMLElement,
-        })
-
-        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()
-  }
-
-  //
-  // Scroll.
-  //
-  declare lenis: Lenis
-
-  createScroll() {
-    if (!this.scrollEnabled) {
-      this.element.addEventListener('scroll', this.onScrollFallback)
-
-      return
-    }
-
-    this.lenis = new Lenis({
-      content: this.elements.wrapper as HTMLElement,
-      wrapper: this.element,
-      ...this.scrollOptions,
-    })
-
-    GSAP.ticker.add(this.onGSAPTicker)
-    GSAP.ticker.lagSmoothing(0)
-
-    this.lenis.on('scroll', this.onLenisScroll)
-  }
-
-  onGSAPTicker(time: number) {
-    this.lenis.raf(time * 1000)
-  }
-
-  onLenisScroll(event: { scroll: number }) {
-    ScrollTrigger.update()
-
-    this.onScroll(event.scroll)
-
-    this.emitter.emit('scroll', event)
-  }
-
-  destroyScroll() {
-    if (!this.scrollEnabled) {
-      this.element.removeEventListener('scroll', this.onScrollFallback)
-
-      return
-    }
-
-    GSAP.ticker.remove(this.onGSAPTicker)
-
-    this.lenis.off('scroll', this.onLenisScroll)
-    this.lenis?.destroy()
-    this.lenis = undefined!
-  }
-
-  //
-  // Events.
-  //
-  onResize() {
-    this.lenis?.resize()
-  }
-
-  onRAF(time: number) {
-    this.lenis?.raf(time)
-  }
-
-  onScroll(scroll: number) {
-    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/src/index.ts

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

package/tsconfig.json

@@ -1,3 +0,0 @@
-{
-  "extends": "@lisergia/config-tsconfig/base.json"
-}