@twreporter/core 1.4.1 → 1.4.2-rc.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.4.2-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/core@1.4.1...@twreporter/core@1.4.2-rc.0) (2022-07-27)
+
+**Note:** Version bump only for package @twreporter/core
+
+
+
+
+
 ## [1.4.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/core@1.4.1-rc.0...@twreporter/core@1.4.1) (2022-06-07)
 
 **Note:** Version bump only for package @twreporter/core

package/lib/utils/smooth-scroll.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+// NOTE:
+// 1. behavior: 'smooth' of window.scroll() is not supported by Safari, so we need a custom smooth scroll.
+// 2. The underline anchors in TOC is actually not <a> but <H1>, so we can't use 'smooth-scroll' lib
+//    which is developed specifically for <a>. Here is a workaround to copy the smooth scroll behavior
+//    of 'smoothScroll' lib. (ref: https://github.com/alicelieutier/smoothScroll/blob/master/smoothscroll.js)
+//    P.S. We don't use 'smoothScroll' directly due to it will apply smooth scroll behavior to ALL anchors
+//    in the website automatically.
+var defaultDuration = 500;
+
+function _default(el, duration, callback, context) {
+  var position = function position(start, end, elapsed, duration) {
+    if (elapsed > duration) return end;
+    return start + (end - start) * easeInOutQuint(elapsed / duration); // <-- you can change the easing funtion there
+    // return start + (end - start) * (elapsed / duration) // <-- this would give a linear scroll
+  };
+
+  var getTop = function getTop(element, start) {
+    // return value of html.getBoundingClientRect().top ... IE : 0, other browsers : -pageYOffset
+    if (element.nodeName === 'HTML') return -start;
+    return element.getBoundingClientRect().top + start;
+  };
+
+  var easeInOutQuint = function easeInOutQuint(t) {
+    return t < 0.5 ? 16 * t * t * t * t * t : 1 - Math.pow(-2 * t + 2, 5) / 2;
+  };
+
+  duration = duration || defaultDuration;
+  context = context || window;
+  var start = context.scrollTop || window.pageYOffset;
+  var end;
+
+  if (typeof el === 'number') {
+    end = parseInt(el);
+  } else {
+    end = getTop(el, start);
+  }
+
+  var clock = Date.now();
+
+  var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || function (fn) {
+    window.setTimeout(fn, 15);
+  };
+
+  var step = function step() {
+    var elapsed = Date.now() - clock;
+
+    if (context !== window) {
+      context.scrollTop = position(start, end, elapsed, duration);
+    } else {
+      window.scroll(0, position(start, end, elapsed, duration));
+    }
+
+    if (elapsed > duration) {
+      if (typeof callback === 'function') {
+        callback(el);
+      }
+    } else {
+      requestAnimationFrame(step);
+    }
+  };
+
+  step();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/core",
-  "version": "1.4.1",
+  "version": "1.4.2-rc.0",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -19,5 +19,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "073c0fdf93dbca043d66e4a5bdf2285c789c7111"
+  "gitHead": "adbbd91639cb9a74438108b97083294acf57d8cf"
 }