PR is coming 🚀

Author: chicio

CHANGELOG.md

@@ -2,12 +2,17 @@
 All changes to Chicio coding will be documented in this file.
 
 ## [1.14.0](https://github.com/chicio/chicio.github.io/releases/tag/1.14.0)
-Release date: 2019-09-16.
+Release date: 2019-09-15.
 
 #### Added
 
 - new pull to refresh feature
-- updated flow
+- updated dependencies
+
+#### Fixed
+
+- flow build removes old js build
+- improved code quality with eslint
 
 ## [1.13.1](https://github.com/chicio/chicio.github.io/releases/tag/1.13.1)
 Release date: 2019-07-28.

_includes/dependencies-js-blog.html

@@ -16,5 +16,5 @@
 </script>
 <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_SVG"></script>
 <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
-<script type="text/javascript" src="/assets/js/index.blog.min.js?rev=2a525df3363619c2ec21b119236fd2d3"></script>
+<script type="text/javascript" src="/assets/js/index.blog.min.js?rev=6765c18b2245dadac96ecdf2c0786a63"></script>
 {%include service-worker.html %}

_includes/dependencies-js-home.html

@@ -1,3 +1,3 @@
 <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
-<script type="text/javascript" src="/assets/js/index.home.min.js?rev=070cb986d972317c4afe3fd535c8faa8"></script>
+<script type="text/javascript" src="/assets/js/index.home.min.js?rev=378920f826ca2ebf1d6143e1eb5670cf"></script>
 {%include service-worker.html %}

_includes/service-worker-js-blog-urls.js

@@ -1 +1 @@
-"/assets/js/index.blog.min.js?rev=2a525df3363619c2ec21b119236fd2d3",
+"/assets/js/index.blog.min.js?rev=6765c18b2245dadac96ecdf2c0786a63",

_includes/service-worker-js-home-urls.js

@@ -1 +1 @@
-"/assets/js/index.home.min.js?rev=070cb986d972317c4afe3fd535c8faa8",
+"/assets/js/index.home.min.js?rev=378920f826ca2ebf1d6143e1eb5670cf",

_js/blog/pull-to-refresh.js

@@ -1,5 +1,6 @@
 /* @flow */
 import { sendMessageToServiceWorker } from '../common/service-worker'
+import { addCssClass, removeCssClass } from '../common/css-class'
 
 const pullToRefresh = (): void => {
   if (!('serviceWorker' in navigator)) {
@@ -29,41 +30,41 @@ const pullToRefresh = (): void => {
   const isDraggingForPullToRefresh = (yMovement: number): boolean => window.scrollY <= 0 && yMovement <= 0
 
   const closePullToRefresh = (): void => {
-    pullToRefreshElement.classList.add('end-pull')
-    pullableContent.classList.add('end-pull')
+    addCssClass(pullToRefreshElement, 'end-pull')
+    addCssClass(pullableContent, 'end-pull')
     pullToRefreshElement.style.transform = ''
     pullableContent.style.transform = ''
     pullToRefreshLoaderElement.style.opacity = '0'
   }
 
   const preparePullToRefreshToStart = (): void => {
-    pullToRefreshElement.classList.add('start-pull')
-    pullToRefreshElement.classList.remove('end-pull')
-    pullableContent.classList.add('start-pull')
-    pullableContent.classList.remove('end-pull')
+    addCssClass(pullToRefreshElement, 'start-pull')
+    removeCssClass(pullToRefreshElement, 'end-pull')
+    addCssClass(pullableContent, 'start-pull')
+    removeCssClass(pullableContent, 'end-pull')
   }
 
   const showPullToRefresh = (): void => {
-    pullToRefreshElement.classList.add('visible-pull')
-    pullToRefreshElement.classList.remove('hidden-pull')
+    addCssClass(pullToRefreshElement, 'visible-pull')
+    removeCssClass(pullToRefreshElement, 'hidden-pull')
   }
 
   const setRefreshingStatus = (): void => {
     pullToRefreshStatusElement.innerHTML = 'Refreshing'
-    pullToRefreshLoaderElement.classList.add('animate')
+    addCssClass(pullToRefreshLoaderElement, 'animate')
   }
 
   const isPullToRefreshDragCompleted = (yAbsoluteMovement: number): boolean => yAbsoluteMovement >= pullToRefreshElementHeight
 
   const setRefreshStatusCompleted = (): void => {
     pullToRefreshStatusElement.innerHTML = 'Refresh completed'
-    pullToRefreshElement.classList.add('hidden-pull')
-    pullToRefreshElement.classList.remove('visible-pull')
+    addCssClass(pullToRefreshElement, 'hidden-pull')
+    removeCssClass(pullToRefreshElement, 'visible-pull')
   }
 
   const resetPullToRefreshStatus = (): void => {
     pullToRefreshStatusElement.innerHTML = 'Pull down to refresh'
-    pullToRefreshLoaderElement.classList.remove('animate')
+    removeCssClass(pullToRefreshLoaderElement, 'animate')
   }
 
   document.addEventListener('touchstart', (event: TouchEvent) => {

_js/home/scene-3D.js

@@ -13,9 +13,9 @@ const scene3D = () => {
 
 const sceneThreeJS = () => {
   PLYLoader(THREE)
-  let plyLoader = new THREE.PLYLoader()
-  let scene = new THREE.Scene()
-  let textureLoader = new THREE.TextureLoader()
+  const plyLoader = new THREE.PLYLoader()
+  const scene = new THREE.Scene()
+  const textureLoader = new THREE.TextureLoader()
   const camera = camera3D()
   const renderer = renderer3D()
   const orbit = orbitsControls(camera, renderer)
@@ -81,7 +81,7 @@ const bunny = () => new Object3D(
 )
 
 const orbitsControls = (camera, renderer) => {
-  let controls = new OrbitControls(camera, renderer.domElement)
+  const controls = new OrbitControls(camera, renderer.domElement)
   controls.enableZoom = false
   controls.autoRotate = true
   controls.enablePan = false
@@ -115,15 +115,15 @@ const lights = (scene) => {
 }
 
 const camera3D = () => {
-  let camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000)
+  const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000)
   camera.position.z = 8
   camera.position.y = 0
   camera.position.x = 0
   return camera
 }
 
 const pointLight = () => {
-  let light = new THREE.PointLight(0xffffff, 1, 20, 2)
+  const light = new THREE.PointLight(0xffffff, 1, 20, 2)
   light.power = 1700
   light.castShadow = true
   light.shadow.mapSize.width = 512
@@ -134,7 +134,7 @@ const pointLight = () => {
 }
 
 const renderer3D = () => {
-  let renderer = new THREE.WebGLRenderer({ alpha: true })
+  const renderer = new THREE.WebGLRenderer({ alpha: true })
   renderer.physicallyCorrectLights = true
   renderer.gammaInput = true
   renderer.gammaOutput = true
@@ -146,28 +146,28 @@ const renderer3D = () => {
 
 const stars = (textureLoader, completeLoad) => {
   textureLoader.load('assets/models/textures/circle.png', function (texture) {
-    let starsGeometry = new THREE.Geometry()
+    const starsGeometry = new THREE.Geometry()
     for (let i = 0; i < 10000; i++) {
-      let star = new THREE.Vector3()
+      const star = new THREE.Vector3()
       star.x = 2000 * Math.random() - 1000
       star.y = 2000 * Math.random()
       star.z = 2000 * Math.random() - 1000
       starsGeometry.vertices.push(star)
     }
-    let starsMaterial = new THREE.PointsMaterial({
+    const starsMaterial = new THREE.PointsMaterial({
       color: 0x888888,
       map: texture,
       transparent: true
     })
-    let stars = new THREE.Points(starsGeometry, starsMaterial)
+    const stars = new THREE.Points(starsGeometry, starsMaterial)
     completeLoad(stars)
   })
 }
 
 const meshWithPBRMaterial = (plyLoader, object, completeLoad) => {
   plyLoader.load(object.path, geometry => {
-    let material = new THREE.MeshPhysicalMaterial(object.properties)
-    let mesh = new THREE.Mesh(geometry, material)
+    const material = new THREE.MeshPhysicalMaterial(object.properties)
+    const mesh = new THREE.Mesh(geometry, material)
     mesh.position.set(object.position.x, object.position.y, object.position.z)
     mesh.rotation.set(object.rotation.x, object.rotation.y, object.rotation.z)
     mesh.castShadow = true
@@ -182,13 +182,13 @@ const floor = (textureLoader, completionFunction) => {
     texture.wrapS = THREE.RepeatWrapping
     texture.wrapT = THREE.RepeatWrapping
     texture.repeat.set(100, 100)
-    let floorMat = new THREE.MeshStandardMaterial({
+    const floorMat = new THREE.MeshStandardMaterial({
       roughness: 0.7,
       metalness: 0.1,
       map: texture
     })
-    let floorGeometry = new THREE.PlaneGeometry(1000, 1000)
-    let floorMesh = new THREE.Mesh(floorGeometry, floorMat)
+    const floorGeometry = new THREE.PlaneGeometry(1000, 1000)
+    const floorMesh = new THREE.Mesh(floorGeometry, floorMat)
     floorMesh.receiveShadow = true
     floorMesh.rotation.x = -Math.PI / 2.0
     floorMesh.position.y = -3

_jsbuild/blog/blog-animation.js

@@ -1,5 +1,6 @@
 /*  */
 import { sendMessageToServiceWorker } from '../common/service-worker'
+import { addCssClass, removeCssClass } from '../common/css-class'
 
 const pullToRefresh = () => {
   if (!('serviceWorker' in navigator)) {
@@ -29,41 +30,41 @@ const pullToRefresh = () => {
   const isDraggingForPullToRefresh = (yMovement) => window.scrollY <= 0 && yMovement <= 0
 
   const closePullToRefresh = () => {
-    pullToRefreshElement.classList.add('end-pull')
-    pullableContent.classList.add('end-pull')
+    addCssClass(pullToRefreshElement, 'end-pull')
+    addCssClass(pullableContent, 'end-pull')
     pullToRefreshElement.style.transform = ''
     pullableContent.style.transform = ''
     pullToRefreshLoaderElement.style.opacity = '0'
   }
 
   const preparePullToRefreshToStart = () => {
-    pullToRefreshElement.classList.add('start-pull')
-    pullToRefreshElement.classList.remove('end-pull')
-    pullableContent.classList.add('start-pull')
-    pullableContent.classList.remove('end-pull')
+    addCssClass(pullToRefreshElement, 'start-pull')
+    removeCssClass(pullToRefreshElement, 'end-pull')
+    addCssClass(pullableContent, 'start-pull')
+    removeCssClass(pullableContent, 'end-pull')
   }
 
   const showPullToRefresh = () => {
-    pullToRefreshElement.classList.add('visible-pull')
-    pullToRefreshElement.classList.remove('hidden-pull')
+    addCssClass(pullToRefreshElement, 'visible-pull')
+    removeCssClass(pullToRefreshElement, 'hidden-pull')
   }
 
   const setRefreshingStatus = () => {
     pullToRefreshStatusElement.innerHTML = 'Refreshing'
-    pullToRefreshLoaderElement.classList.add('animate')
+    addCssClass(pullToRefreshLoaderElement, 'animate')
   }
 
   const isPullToRefreshDragCompleted = (yAbsoluteMovement) => yAbsoluteMovement >= pullToRefreshElementHeight
 
   const setRefreshStatusCompleted = () => {
     pullToRefreshStatusElement.innerHTML = 'Refresh completed'
-    pullToRefreshElement.classList.add('hidden-pull')
-    pullToRefreshElement.classList.remove('visible-pull')
+    addCssClass(pullToRefreshElement, 'hidden-pull')
+    removeCssClass(pullToRefreshElement, 'visible-pull')
   }
 
   const resetPullToRefreshStatus = () => {
     pullToRefreshStatusElement.innerHTML = 'Pull down to refresh'
-    pullToRefreshLoaderElement.classList.remove('animate')
+    removeCssClass(pullToRefreshLoaderElement, 'animate')
   }
 
   document.addEventListener('touchstart', (event) => {