From a10c23ac1977b83aadf47c44aee9ad7614cbbdc9 Mon Sep 17 00:00:00 2001 From: yama-dev Date: Wed, 29 Jan 2020 21:59:54 +0900 Subject: [PATCH 1/3] update version text. --- README.md | 2 +- dist/js-scroll-effect-module.js | 2 +- package.json | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 89f38a8..42aa345 100644 --- a/README.md +++ b/README.md @@ -26,7 +26,7 @@ Add effect according to scroll. - npm -> [https://www.npmjs.com/package/js-scroll-effect-module](https://www.npmjs.com/package/js-scroll-effect-module) -- Standalone(CDN) -> [https://cdn.jsdelivr.net/gh/yama-dev/js-scroll-effect-module@v0.7.2/dist/js-scroll-effect-module.js](https://cdn.jsdelivr.net/gh/yama-dev/js-scroll-effect-module@v0.7.2/dist/js-scroll-effect-module.js) +- Standalone(CDN) -> [https://cdn.jsdelivr.net/gh/yama-dev/js-scroll-effect-module@v0.8.0/dist/js-scroll-effect-module.js](https://cdn.jsdelivr.net/gh/yama-dev/js-scroll-effect-module@v0.8.0/dist/js-scroll-effect-module.js) - Zip -> [yama-dev/js-scroll-effect-module](https://github.com/yama-dev/js-scroll-effect-module/releases/latest) diff --git a/dist/js-scroll-effect-module.js b/dist/js-scroll-effect-module.js index 393e65d..40cd1d1 100644 --- a/dist/js-scroll-effect-module.js +++ b/dist/js-scroll-effect-module.js @@ -1,6 +1,6 @@ /*! * @yama-dev/js-scroll-effect-module - * Version 0.7.2 + * Version 0.8.0 * Repository https://github.com/yama-dev/js-scroll-effect-module * Copyright yama-dev * Licensed MIT diff --git a/package.json b/package.json index 2b464f1..a231244 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "js-scroll-effect-module", - "version": "0.7.2", + "version": "0.8.0", "description": "Add effect at scroll.", "keywords": [ "scroll", From abb63b3761ce6533528ae59f367461fe91bf20cb Mon Sep 17 00:00:00 2001 From: yama-dev Date: Wed, 29 Jan 2020 22:00:54 +0900 Subject: [PATCH 2/3] adjust build setting. --- src/js-scroll-effect-module.js | 2 +- webpack.config.js | 144 +++++++++++++++++---------------- 2 files changed, 74 insertions(+), 72 deletions(-) diff --git a/src/js-scroll-effect-module.js b/src/js-scroll-effect-module.js index 22d033f..8338b5d 100644 --- a/src/js-scroll-effect-module.js +++ b/src/js-scroll-effect-module.js @@ -1,7 +1,7 @@ import * as DOM from '@yama-dev/js-dom/core/'; -export class SCROLL_EFFECT_MODULE { +export default class SCROLL_EFFECT_MODULE { constructor(options={}){ diff --git a/webpack.config.js b/webpack.config.js index 26239ce..abb16d9 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -1,71 +1,73 @@ -const pkg = require('./package.json'); - -const comment = `@yama-dev/${pkg.name} -Version ${pkg.version} -Repository ${pkg.repository.url} -Copyright ${pkg.author} -Licensed ${pkg.license}`; - -const env = process.env.NODE_ENV; - -const webpack = require('webpack'); - -const webpackPlugEnv = new webpack.EnvironmentPlugin({ - NODE_ENV: 'development', - DEBUG: false, - VERSION: pkg.version -}); - -const webpackPlugBnr = new webpack.BannerPlugin({ - banner: comment, -}); - -const babelPlugin = [ - '@babel/plugin-transform-object-assign' -]; - -const config = { - mode: env || 'development', - entry: { - 'js-scroll-effect-module': './src/js-scroll-effect-module.js', - }, - output: { - path: `${__dirname}/dist`, - filename: '[name].js', - libraryTarget: 'umd' - }, - module: { - rules: [ - { - enforce: 'pre', - test: /\.(js)$/, - exclude: /node_modules/, - loader: 'eslint-loader', - }, - { - test: /\.js$/, - exclude: /node_modules[//\/](?!(@yama\-dev)\/).*/, - use: { - loader: 'babel-loader', - options: { - presets: [ - [ - '@babel/preset-env', - { - modules: false - } - ] - ], - plugins: babelPlugin - } - } - } - ] - }, - plugins: [ - webpackPlugEnv, - webpackPlugBnr - ] -}; - -module.exports = config; +const pkg = require('./package.json'); + +const comment = `@yama-dev/${pkg.name} +Version ${pkg.version} +Repository ${pkg.repository.url} +Copyright ${pkg.author} +Licensed ${pkg.license}`; + +const env = process.env.NODE_ENV; + +const webpack = require('webpack'); + +const webpackPlugEnv = new webpack.EnvironmentPlugin({ + NODE_ENV: 'development', + DEBUG: false, + VERSION: pkg.version +}); + +const webpackPlugBnr = new webpack.BannerPlugin({ + banner: comment, +}); + +const babelPlugin = [ + '@babel/plugin-transform-object-assign' +]; + +const config = { + mode: env || 'development', + entry: { + 'js-scroll-effect-module': './src/js-scroll-effect-module.js', + }, + output: { + path: `${__dirname}/dist`, + filename: '[name].js', + library: 'SCROLL_EFFECT_MODULE', + libraryExport: 'default', + libraryTarget: 'umd' + }, + module: { + rules: [ + { + enforce: 'pre', + test: /\.(js)$/, + exclude: /node_modules/, + loader: 'eslint-loader', + }, + { + test: /\.js$/, + exclude: /node_modules[//\/](?!(@yama\-dev)\/).*/, + use: { + loader: 'babel-loader', + options: { + presets: [ + [ + '@babel/preset-env', + { + modules: false + } + ] + ], + plugins: babelPlugin + } + } + } + ] + }, + plugins: [ + webpackPlugEnv, + webpackPlugBnr + ] +}; + +module.exports = config; From 3811985f0f7299d80df4e648fe3d82104b0df053 Mon Sep 17 00:00:00 2001 From: yama-dev Date: Wed, 29 Jan 2020 22:01:08 +0900 Subject: [PATCH 3/3] build. --- dist/js-scroll-effect-module.js | 2 +- package.json | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/dist/js-scroll-effect-module.js b/dist/js-scroll-effect-module.js index 40cd1d1..6141843 100644 --- a/dist/js-scroll-effect-module.js +++ b/dist/js-scroll-effect-module.js @@ -5,4 +5,4 @@ * Copyright yama-dev * Licensed MIT */ -!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var n=e();for(var i in n)("object"==typeof exports?exports:t)[i]=n[i]}}(window,(function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=0)}([function(t,e,n){"use strict";function i(t){try{return t instanceof HTMLElement}catch(t){return!1}}function o(t){if(!t)return!1;var e;if(!Array.isArray(t)&&!t.length||function(t){try{return"string"==typeof t}catch(t){return!1}}(t))e=i(t)?Array(t):Array.prototype.slice.call(document.querySelectorAll(t));else{if(!i(t[0]))return!1;e=Array.prototype.slice.call(t)}return 0===e.length&&(e=null),e}function a(t,e){return i(t)?t.classList.contains(e):document.querySelector(t).classList.contains(e)}function r(t,e){var n=o(t);if(!n)return!1;n.map((function(t){t.classList.add(e)}))}function s(t,e){var n=o(t);if(!n)return!1;n.map((function(t){t.classList.remove(e)}))}function l(){return(l=Object.assign||function(t){for(var e=1;e0&&void 0!==arguments[0]?arguments[0]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.Version="0.7.2",this.State={NumScrolltopPre:window.pageYOffset,NumScrolltop:window.pageYOffset,NumAcceleration:0,PosList:[],PosListFixPre:[],PosListFix:[],PosListNoneFix:[]};this.Config=l({elem:null,firstElem:null,displayRatio:.8,displayReverse:!1,firstDelay:10,firstDelaySteps:100,addClassNameActive:"is-active",acceleration:!1,on:{Scroll:null,Change:null,In:null,Out:null,Acceleration:null}},n),"complete"==document.readyState||"interactive"==document.readyState?(this.CacheDom(),this.BindEvent()):document.addEventListener("DOMContentLoaded",(function(){e.CacheDom(),e.BindEvent()}))}var e,n,i;return e=t,(n=[{key:"BindEvent",value:function(){var t=this;setTimeout((function(){t.Update(),t.StoreElementStateAtPosList("load")}),this.Config.firstDelay),window.addEventListener("resize",(function(){t.Update()})),window.addEventListener("scroll",(function(){t.StoreElementStateAtPosList("scroll")}))}},{key:"CacheDom",value:function(){this.$elemItem=o(this.Config.elem),this.$elemItemFirst=o(this.Config.firstElem)}},{key:"CacheDomSize",value:function(){this.NumWindowHeight=window.innerHeight}},{key:"SetDom",value:function(){var t=this;this.State.PosList=[],this.State.NumScrolltop=window.pageYOffset;var e=o(this.$elemItem);e&&e.map((function(e,n){var i={index:n,pos:e.getBoundingClientRect().top+t.State.NumScrolltop,count:0};t.State.PosList.push(i)}))}},{key:"Update",value:function(){this.CacheDom(),this.CacheDomSize(),this.SetDom()}},{key:"Refresh",value:function(){this.Update(),this.Clear(),this.ActionChange()}},{key:"Clear",value:function(){var t=this;this.State.PosList.map((function(e,n){s(t.$elemItem[n],t.Config.addClassNameActive)}))}},{key:"StoreElementStateAtPosList",value:function(t){var e=this;this.State.PosListFix=[],this.State.PosListNoneFix=[],this.State.NumScrolltop=window.pageYOffset,this.State.PosList.map((function(n,i){e.State.NumScrolltop+e.NumWindowHeight*e.Config.displayRatio>n.pos?("load"===t&&n.count++,e.State.PosListFix.push(n)):e.State.PosListNoneFix.push(n)})),this.Config.acceleration&&(Math.abs(this.State.NumAcceleration)<=Math.abs(this.State.NumScrolltop-this.State.NumScrolltopPre)&&(this.State.NumAcceleration=this.State.NumScrolltop-this.State.NumScrolltopPre,this.State.NumAcceleration>=100&&(this.State.NumAcceleration=100),this.State.NumAcceleration<=-100&&(this.State.NumAcceleration=-100),clearInterval(this.Interval),this.CheckAcceleration()),this.Config.on.Acceleration&&"function"==typeof this.Config.on.Acceleration&&this.Config.on.Acceleration(this.State.NumAcceleration)),"load"===t?this.ActionChangeFirst():"scroll"===t&&this.State.PosListFixPre.length!==this.State.PosListFix.length&&this.ActionChange(),this.Config.on.Scroll&&"function"==typeof this.Config.on.Scroll&&this.Config.on.Scroll(this.State.NumScrolltop),this.State.NumScrolltopPre=this.State.NumScrolltop,this.State.PosListFixPre=this.State.PosListFix}},{key:"CheckAcceleration",value:function(){var t=this;this.Interval=setInterval((function(){var e=Math.pow(1.02,Math.abs(t.State.NumAcceleration))-.6;t.State.NumAcceleration>0?t.State.NumAcceleration=t.State.NumAcceleration-e:t.State.NumAcceleration<0&&(t.State.NumAcceleration=t.State.NumAcceleration+e),t.State.NumAcceleration=Math.ceil(100*t.State.NumAcceleration)/100,t.State.NumAcceleration>-.8&&t.State.NumAcceleration<.8&&(t.State.NumAcceleration=0,clearInterval(t.Interval)),t.Config.on.Acceleration&&"function"==typeof t.Config.on.Acceleration&&t.Config.on.Acceleration(t.State.NumAcceleration)}),10)}},{key:"ActionChangeFirst",value:function(){var t=this,e=0;this.$elemItemFirst?function n(){setTimeout((function(){t.Config.addClassNameActive&&r(t.$elemItemFirst[e],t.Config.addClassNameActive),++e0&&void 0!==arguments[0]?arguments[0]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.Version="0.8.0",this.State={NumScrolltopPre:window.pageYOffset,NumScrolltop:window.pageYOffset,NumAcceleration:0,PosList:[],PosListFixPre:[],PosListFix:[],PosListNoneFix:[]};this.Config=l({elem:null,firstElem:null,displayRatio:.8,displayReverse:!1,firstDelay:10,firstDelaySteps:100,addClassNameActive:"is-active",acceleration:!1,on:{Scroll:null,Change:null,In:null,Out:null,Acceleration:null}},n),"complete"==document.readyState||"interactive"==document.readyState?(this.CacheDom(),this.BindEvent()):document.addEventListener("DOMContentLoaded",(function(){e.CacheDom(),e.BindEvent()}))}var e,n,i;return e=t,(n=[{key:"BindEvent",value:function(){var t=this;setTimeout((function(){t.Update(),t.StoreElementStateAtPosList("load")}),this.Config.firstDelay),window.addEventListener("resize",(function(){t.Update()})),window.addEventListener("scroll",(function(){t.StoreElementStateAtPosList("scroll")}))}},{key:"CacheDom",value:function(){this.$elemItem=o(this.Config.elem),this.$elemItemFirst=o(this.Config.firstElem)}},{key:"CacheDomSize",value:function(){this.NumWindowHeight=window.innerHeight}},{key:"SetDom",value:function(){var t=this;this.State.PosList=[],this.State.NumScrolltop=window.pageYOffset;var e=o(this.$elemItem);e&&e.map((function(e,n){var i={index:n,pos:e.getBoundingClientRect().top+t.State.NumScrolltop,count:0};t.State.PosList.push(i)}))}},{key:"Update",value:function(){this.CacheDom(),this.CacheDomSize(),this.SetDom()}},{key:"Refresh",value:function(){this.Update(),this.Clear(),this.ActionChange()}},{key:"Clear",value:function(){var t=this;this.State.PosList.map((function(e,n){s(t.$elemItem[n],t.Config.addClassNameActive)}))}},{key:"StoreElementStateAtPosList",value:function(t){var e=this;this.State.PosListFix=[],this.State.PosListNoneFix=[],this.State.NumScrolltop=window.pageYOffset,this.State.PosList.map((function(n,i){e.State.NumScrolltop+e.NumWindowHeight*e.Config.displayRatio>n.pos?("load"===t&&n.count++,e.State.PosListFix.push(n)):e.State.PosListNoneFix.push(n)})),this.Config.acceleration&&(Math.abs(this.State.NumAcceleration)<=Math.abs(this.State.NumScrolltop-this.State.NumScrolltopPre)&&(this.State.NumAcceleration=this.State.NumScrolltop-this.State.NumScrolltopPre,this.State.NumAcceleration>=100&&(this.State.NumAcceleration=100),this.State.NumAcceleration<=-100&&(this.State.NumAcceleration=-100),clearInterval(this.Interval),this.CheckAcceleration()),this.Config.on.Acceleration&&"function"==typeof this.Config.on.Acceleration&&this.Config.on.Acceleration(this.State.NumAcceleration)),"load"===t?this.ActionChangeFirst():"scroll"===t&&this.State.PosListFixPre.length!==this.State.PosListFix.length&&this.ActionChange(),this.Config.on.Scroll&&"function"==typeof this.Config.on.Scroll&&this.Config.on.Scroll(this.State.NumScrolltop),this.State.NumScrolltopPre=this.State.NumScrolltop,this.State.PosListFixPre=this.State.PosListFix}},{key:"CheckAcceleration",value:function(){var t=this;this.Interval=setInterval((function(){var e=Math.pow(1.02,Math.abs(t.State.NumAcceleration))-.6;t.State.NumAcceleration>0?t.State.NumAcceleration=t.State.NumAcceleration-e:t.State.NumAcceleration<0&&(t.State.NumAcceleration=t.State.NumAcceleration+e),t.State.NumAcceleration=Math.ceil(100*t.State.NumAcceleration)/100,t.State.NumAcceleration>-.8&&t.State.NumAcceleration<.8&&(t.State.NumAcceleration=0,clearInterval(t.Interval)),t.Config.on.Acceleration&&"function"==typeof t.Config.on.Acceleration&&t.Config.on.Acceleration(t.State.NumAcceleration)}),10)}},{key:"ActionChangeFirst",value:function(){var t=this,e=0;this.$elemItemFirst?function n(){setTimeout((function(){t.Config.addClassNameActive&&r(t.$elemItemFirst[e],t.Config.addClassNameActive),++e