Fix issue #17 (#18)

* fix: delete content in the dist folder

* fix: delete content in the dist folder

* fix: not ignore the dist folder

* feat: generate build

Author: ederssouza

.gitignore

@@ -8,7 +8,6 @@ pnpm-debug.log*
 lerna-debug.log*
 
 node_modules
-dist
 dist-ssr
 *.local
 

dist/vanillajs-scrollspy.cjs.js

@@ -0,0 +1,89 @@
+'use strict';
+
+class VanillaScrollspy {
+  constructor({ menu, speed = 2000, easing = 'easeOutSine' }) {
+    this.$menu = menu;
+    this.speed = speed;
+    this.easing = easing;
+  }
+
+  scrollToY(targetY = 0) {
+    let currentTime = 0;
+    const scrollTargetY = targetY;
+    const scrollY = window.scrollY || document.documentElement.scrollTop;
+    const time = Math.max(
+      0.1,
+      Math.min(Math.abs(scrollY - scrollTargetY) / this.speed, 0.8)
+    );
+
+    const easingEquations = {
+      easeOutSine(pos) {
+        return Math.sin(pos * (Math.PI / 2))
+      },
+
+      easeInOutSine(pos) {
+        return -0.5 * (Math.cos(Math.PI * pos) - 1)
+      },
+
+      easeInOutQuint(pos) {
+        if ((pos /= 0.5) < 1) return 0.5 * pos ** 5
+        return 0.5 * ((pos - 2) ** 5 + 2)
+      }
+    };
+
+    const tick = () => {
+      currentTime += 1 / 60;
+
+      const p = currentTime / time;
+      const t = easingEquations[this.easing](p);
+
+      if (p < 1) {
+        window.requestAnimationFrame(tick);
+        window.scrollTo(0, scrollY + (scrollTargetY - scrollY) * t);
+        return
+      }
+
+      window.scrollTo(0, scrollTargetY);
+    };
+
+    tick();
+  }
+
+  menuControl() {
+    const $links = this.$menu.querySelectorAll('a[href^="#"]');
+    const scrollPos = window.scrollY || document.documentElement.scrollTop;
+
+    $links.forEach((link) => {
+      const $elem = document.querySelector(link.getAttribute('href'));
+
+      return $elem.offsetTop <= scrollPos &&
+        $elem.offsetTop + $elem.clientHeight > scrollPos
+        ? link.classList.add('active')
+        : link.classList.remove('active')
+    });
+  }
+
+  animated() {
+    const $links = this.$menu.querySelectorAll('a[href^="#"]');
+    const self = this;
+
+    function control(e) {
+      e.preventDefault();
+      const $target = document.querySelector(this.hash);
+      self.scrollToY($target.offsetTop);
+    }
+
+    $links.forEach((link) => link.addEventListener('click', control));
+  }
+
+  init() {
+    this.animated();
+    document.addEventListener('scroll', () => this.menuControl());
+  }
+}
+
+function vanillaScrollspy(...args) {
+  return new VanillaScrollspy(...args)
+}
+
+module.exports = vanillaScrollspy;

dist/vanillajs-scrollspy.es.js

@@ -0,0 +1,87 @@
+class VanillaScrollspy {
+  constructor({ menu, speed = 2000, easing = 'easeOutSine' }) {
+    this.$menu = menu;
+    this.speed = speed;
+    this.easing = easing;
+  }
+
+  scrollToY(targetY = 0) {
+    let currentTime = 0;
+    const scrollTargetY = targetY;
+    const scrollY = window.scrollY || document.documentElement.scrollTop;
+    const time = Math.max(
+      0.1,
+      Math.min(Math.abs(scrollY - scrollTargetY) / this.speed, 0.8)
+    );
+
+    const easingEquations = {
+      easeOutSine(pos) {
+        return Math.sin(pos * (Math.PI / 2))
+      },
+
+      easeInOutSine(pos) {
+        return -0.5 * (Math.cos(Math.PI * pos) - 1)
+      },
+
+      easeInOutQuint(pos) {
+        if ((pos /= 0.5) < 1) return 0.5 * pos ** 5
+        return 0.5 * ((pos - 2) ** 5 + 2)
+      }
+    };
+
+    const tick = () => {
+      currentTime += 1 / 60;
+
+      const p = currentTime / time;
+      const t = easingEquations[this.easing](p);
+
+      if (p < 1) {
+        window.requestAnimationFrame(tick);
+        window.scrollTo(0, scrollY + (scrollTargetY - scrollY) * t);
+        return
+      }
+
+      window.scrollTo(0, scrollTargetY);
+    };
+
+    tick();
+  }
+
+  menuControl() {
+    const $links = this.$menu.querySelectorAll('a[href^="#"]');
+    const scrollPos = window.scrollY || document.documentElement.scrollTop;
+
+    $links.forEach((link) => {
+      const $elem = document.querySelector(link.getAttribute('href'));
+
+      return $elem.offsetTop <= scrollPos &&
+        $elem.offsetTop + $elem.clientHeight > scrollPos
+        ? link.classList.add('active')
+        : link.classList.remove('active')
+    });
+  }
+
+  animated() {
+    const $links = this.$menu.querySelectorAll('a[href^="#"]');
+    const self = this;
+
+    function control(e) {
+      e.preventDefault();
+      const $target = document.querySelector(this.hash);
+      self.scrollToY($target.offsetTop);
+    }
+
+    $links.forEach((link) => link.addEventListener('click', control));
+  }
+
+  init() {
+    this.animated();
+    document.addEventListener('scroll', () => this.menuControl());
+  }
+}
+
+function vanillaScrollspy(...args) {
+  return new VanillaScrollspy(...args)
+}
+
+export { vanillaScrollspy as default };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanillajs-scrollspy",
-  "version": "3.0.7",
+  "version": "3.0.8",
   "description": "ScrollSpy in pure JavaScript",
   "main": "dist/vanillajs-scrollspy.cjs.js",
   "module": "dist/vanillajs-scrollspy.es.js",
@@ -45,6 +45,7 @@
     "jest-environment-jsdom": "^29.0.3",
     "prettier": "^2.7.1",
     "rollup": "^2.79.1",
+    "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-terser": "^7.0.2"
   }
 }

rollup.config.js

@@ -1,6 +1,8 @@
 import { terser } from 'rollup-plugin-terser'
+import del from 'rollup-plugin-delete'
 
 export default {
+  plugins: [del({ targets: 'dist/*' })],
   input: 'src/VanillaScrollspy/index.js',
   output: [
     {