@sedoo/unidoo 0.0.81 → 0.0.84

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sedoo/unidoo",
-    "version": "0.0.81",
+    "version": "0.0.84",
     "private": false,
     "scripts": {
         "build": "vue-cli-service build --target lib --name unidoo src/plugin.js",
@@ -16,6 +16,8 @@
         "src/**/*"
     ],
     "dependencies": {
+        "date-fns": "^2.28.0",
+        "date-fns-tz": "^1.3.6",
         "ol": "^6.8.1",
         "v-tooltip": "^2.1.3",
         "vue-axios": "3.2.4"
@@ -25,7 +27,7 @@
         "@vue/cli-plugin-eslint": "4.5.7",
         "@vue/cli-service": "4.5.7",
         "@vue/eslint-config-standard": "5.1.2",
-        "axios": "0.19.2",
+        "axios": "0.21.2",
         "babel-eslint": "10.1.0",
         "core-js": "3.6.5",
         "eslint": "7.10.0",

package/src/components/UnidooCaptcha.vue

@@ -13,7 +13,6 @@
 
 <script>
 
-
 export default {
   components: {
   },
@@ -45,23 +44,21 @@ export default {
   methods: {
 
     refresh() {
-      this.text=""
+      this.text = ""
       this.generateCaptcha();
     },
 
     generateCaptcha() {
-       let captcha = []
-       let charsArray =
+       const captcha = []
+       const charsArray =
         "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*";
-        let size = Number.parseInt(this.size)
+        const size = Number.parseInt(this.size)
        for (var i = 0; i < size; i++) {
-        //Eviter la repetition des characters
+        // Eviter la repetition des characters
         var index = Math.floor(Math.random() * charsArray.length + 1); 
-        if (captcha.indexOf(charsArray[index]) == -1)
-          captcha.push(charsArray[index]);
-        else i--;
+        if (captcha.indexOf(charsArray[index]) == -1) { captcha.push(charsArray[index]); } else i--;
         }
-        this.width = 20*captcha.length;
+        this.width = 20 * captcha.length;
         this.captcha = captcha;
 
          var canv = document.createElement("canvas");
@@ -72,22 +69,18 @@ export default {
       ctx.font = "25px Georgia";
       ctx.strokeText(this.captcha.join(""), 0, 30);
 
-       let captchaElement = this.$refs.captcha 
+       const captchaElement = this.$refs.captcha 
 
        if (captchaElement != null) {
          captchaElement.innerHTML = "";
          captchaElement.appendChild(canv); 
        }
-
     }
   },
   beforeMount () {
   },
   mounted() {
     this.generateCaptcha()
-    
-    
-    
   },
 
    props: {
@@ -117,5 +110,4 @@ export default {
 
 <style scoped>
 
-
 </style>

package/src/components/unidoo-heatmap/Heatmap.js

@@ -24,12 +24,12 @@ export default class CalendarHeatmap {
 
   get monthCalendar () {
     const year = this.year.getFullYear()
-    const date = new Date(year, 0, 1)
+    const date = new Date(year, 0, 1).toUnidooUTC()
     let i = 0
     return Array.from({ length: 12 },
       () => Array.from({ length: this.daysInMonth(year, i++) },
         () => {
-          const dDate = new Date(date.getFullYear(), date.getMonth(), date.getDate())
+          const dDate = new Date(date.getFullYear(), date.getMonth(), date.getDate()).toUnidooUTC()
           const dayValues = this.activities[this._keyDayParser(dDate)]
           date.setDate(date.getDate() + 1)
           return {
@@ -43,12 +43,12 @@ export default class CalendarHeatmap {
   }
 
   daysInMonth (year, month) {
-    return new Date(year, month + 1, 0).getDate()
+    return new Date(year, month + 1, 0).toUnidooUTC().getDate()
   }
 
   daysInYear(year) {
-    const start = new Date(year, 0, 0)
-    const end = new Date(year, 11, 31)
+    const start = new Date(year, 0, 0).toUnidooUTC()
+    const end = new Date(year, 11, 31).toUnidooUTC()
     const diff = end - start
     return Math.floor(diff / (1000 * 60 * 60 * 24))
   }
@@ -71,12 +71,12 @@ export default class CalendarHeatmap {
       const day = this.values.filter(d => d.date === sdate)[0];
       if (day) {
         return {
-          date: new Date(day.date),
+          date: new Date(day.date).toUnidooUTC(),
           count: day.count,
           colorIndex: this.getColorIndex(day.count)
         };
       } else {
-        return { date: new Date(entry), count: NaN, colorIndex: 0 };
+        return { date: new Date(entry).toUnidooUTC(), count: NaN, colorIndex: 0 };
       }
     }
   }
@@ -139,10 +139,10 @@ export default class CalendarHeatmap {
   }
 
   _getTimes (year) {
-    const date = new Date(year, 0, 1)
+    const date = new Date(year, 0, 1).toUnidooUTC()
     return Array.from({ length: this.daysInYear(year) }, 
       () => {
-        const dDate = new Date(date.getFullYear(), date.getMonth(), date.getDate())
+        const dDate = new Date(date.getFullYear(), date.getMonth(), date.getDate()).toUnidooUTC()
         dDate.setHours(0, 0, 0)
         const dayValues = this.activities[this._keyDayParser(dDate)]
         date.setDate(date.getDate() + 1)
@@ -169,15 +169,15 @@ export default class CalendarHeatmap {
   _decodeDate (d) {
     if (!d) return null
     const sdate = d.slice(0, -1)
-    return new Date(sdate)
+    return new Date(sdate).toUnidooUTC()
   }
 
   _parseDate (entry) {
-    return (entry instanceof Date) ? entry : (new Date(entry))
+    return (entry instanceof Date) ? entry : (new Date(entry).toUnidooUTC())
   }
 
   _keyDayParser (date) {
     const day = this._parseDate(date)
     return `${day.getFullYear()}-${day.getMonth()}-${day.getDate()}`
   }
-}
+}

package/src/components/unidoo-heatmap/UnidooHeatmap.vue

@@ -31,6 +31,7 @@ import Plugin from '../../plugin.js'
 import { VTooltip } from 'v-tooltip'
 import Heatmap from './Heatmap'
 import { DEFAULT_LOCALE, DEFAULT_RANGE_COLOR, DEFAULT_TOOLTIP_UNIT } from './consts.js'
+import { utcToZonedTime } from 'date-fns-tz'
 
 VTooltip.enabled = window.innerWidth > 768
 
@@ -86,10 +87,14 @@ export default {
     heatmapKey: {
       type: String,
       default: ""
+    },
+    timeZone: {
+      type: String,
+      default: "Europe/Paris"
     }
   },
   data: () => ({
-    now: new Date(new Date().setHours(23, 59, 59, 999)) 
+    
   }),
   watch: {
     dateValue (val) {
@@ -108,6 +113,9 @@ export default {
     }
   },
   computed: {
+    now() {
+      return new Date(new Date().setHours(23, 59, 59, 999)).toUnidooUTC();
+    },
     heatmap () {
       return new Heatmap(this.year, this.values, this.completeValue)
     },
@@ -132,6 +140,10 @@ export default {
     }
   },
   beforeMount () {
+    const self = this;
+    Date.prototype.toUnidooUTC = function() {
+        return utcToZonedTime(this, self.timeZone);
+    }
     Plugin.EventBus.$on("unidoo-heatmap-set-date", params => {
       if (this.heatmapKey) {
         if (params.key === this.heatmapKey && params.date) {
@@ -210,7 +222,7 @@ export default {
     hasPreviousDate (d) {
       if (!d || !this.isDateInYear(d)) return false;
       const syear = (this.year instanceof Date) ? this.year.getFullYear() : this.year;
-      const firstDay = new Date(syear, 0, 1);
+      const firstDay = new Date(syear, 0, 1).toUnidooUTC();
       d.setHours(0, 0, 0, 0);
       if (d <= firstDay) return false;
       return true; 
@@ -219,10 +231,10 @@ export default {
       if (!d || !this.isDateInYear(d)) return false;
       const syear = (this.year instanceof Date) ? this.year.getFullYear() : this.year;
       let lastDay = null;
-      if (new Date(syear, 0, 1).getFullYear() === new Date().getFullYear()) {
-        lastDay = new Date();
+      if (new Date(syear, 0, 1).toUnidooUTC().getFullYear() === new Date().toUnidooUTC().getFullYear()) {
+        lastDay = new Date().toUnidooUTC();
       } else {
-        lastDay = new Date(syear, 11, 31);
+        lastDay = new Date(syear, 11, 31).toUnidooUTC();
       }
       lastDay.setHours(0, 0, 0, 0);
       if (d >= lastDay) return false;
@@ -282,7 +294,7 @@ export default {
     },
     formatDate (d) {
       if (!d) return ''
-      const date = new Date(d)
+      const date = new Date(d).toUnidooUTC()
       if (!date) return ''
       const dd = date.getDate()
       const mm = date.getMonth() + 1

package/src/components/unidoo-heatmap/date-switcher.vue

@@ -89,7 +89,7 @@ export default {
     switchDate(n) {
       if (this.cleanedDate && n) {
         if ((n > 0 && this.hasNext) || (n < 0 && this.hasPrevious)) {
-          const newDate = new Date(this.cleanedDate);
+          const newDate = new Date(this.cleanedDate).toUnidooUTC();
           newDate.setDate(this.cleanedDate.getDate() + n);
           this.$unidooHeatmap.setDate(newDate, this.heatmapKey);
         }
@@ -110,7 +110,7 @@ export default {
         if (date instanceof Date) {
           return date;
         } else if (typeof date === 'string') {
-          return new Date(date);
+          return new Date(date).toUnidooUTC();
         }
       } 
       return null;

package/src/components/unidoo-player/UnidooPlayer.vue

@@ -46,27 +46,27 @@ export default {
       default: 'frame'
     },
 
-    data:{
+    data: {
       type: Object,
       default: () => null
     },
 
-    noVisibleData:{
+    noVisibleData: {
       type: Boolean,
       default: false
     },
 
-    noDataMessage:{
+    noDataMessage: {
       type: String,
       default: "No available data"
     },
 
-    noVisibleDataMessage:{
+    noVisibleDataMessage: {
       type: String,
       default: "Existing data, no quicklook available"
     },
 
-    isLoading:{
+    isLoading: {
       type: Boolean,
       default: false
     }
@@ -76,8 +76,8 @@ export default {
     entries: null
   }),
 
-  computed:{
-    hasData(){
+  computed: {
+    hasData() {
       return this.data && this.data.entries && this.data.entries.length;
     },
   }

package/src/components/unidoo-player/level-selector/level-selector.vue

@@ -177,10 +177,10 @@ export default {
       }
     },
 
-    getLegend(value){
-      if(value && this.data && this.data.legend){
+    getLegend(value) {
+      if (value && this.data && this.data.legend) {
         const legend = this.data.legend.find(el => (el.code && el.code.toUpperCase() === value.toUpperCase()));
-        if(legend) {
+        if (legend) {
           return legend.label;
         } else {
           return null;
@@ -267,7 +267,6 @@ export default {
         }
     },
 
-
     sort(array) {
       if (array) {
         if (array.length > 1) {

package/src/components/unidoo-player/unidoo-player-layout/UnidooPlayerLayout.vue

@@ -154,9 +154,9 @@ export default {
       return this.max > 0 && this.loadedFrames >= this.max + 1
     },
 
-    subBodyStyle(){
+    subBodyStyle() {
       const vh = (this.isZoomed) ? '75vh' : '43vh';
-      return { gridTemplateRows: ((this.playerBarTop) ? '10px 120px 10px ' + vh + ' 10px' : '10px ' + vh + ' 10px 120px 10px')};
+      return { gridTemplateRows: ((this.playerBarTop) ? '10px 120px 10px ' + vh + ' 10px' : '10px ' + vh + ' 10px 120px 10px') };
     }
 
   },
@@ -190,15 +190,14 @@ export default {
       }
     },
 
-    graduation(){
+    graduation() {
       this.initGraduation();
     },
 
-    sliderSize(){
+    sliderSize() {
       this.initGraduation();
     }
 
-
   },
 
   created() {
@@ -348,17 +347,17 @@ export default {
       this.$emit('reload-frames');
     },
 
-    initGraduation(){
-      let result = [];
-      if(this.graduation){
+    initGraduation() {
+      const result = [];
+      if (this.graduation) {
         const gradsLength = this.graduation.length;
         let delta = 1;
-        if(this.sliderSize && gradsLength && this.graduation[0]){
+        if (this.sliderSize && gradsLength && this.graduation[0]) {
           const firstGrad = this.graduation[0].length * 9; // nb chars * number of pixels for 1 character
           let exceed = Math.ceil(this.sliderSize - (gradsLength * firstGrad) - 30); // add 30px of margin
-          exceed = (exceed < 0) ? - exceed : 0;
+          exceed = (exceed < 0) ? -exceed : 0;
           const gradsExceed = exceed / firstGrad;
-          if(gradsLength - gradsExceed){
+          if (gradsLength - gradsExceed) {
             delta = Math.ceil(gradsLength / (gradsLength - gradsExceed)); 
           } else {
             delta = Math.ceil(gradsLength);
@@ -379,38 +378,38 @@ export default {
       this.filteredGraduation = result;
     },
 
-    initIframe(){
+    initIframe() {
       const iframe = this.$refs.sizeHandlerIframe;
-      if(iframe){
+      if (iframe) {
         const box = iframe.getBoundingClientRect();
-        this.sliderSize = box.width - 114 -9 -32 -10; // - padding and margin
+        this.sliderSize = box.width - 114 - 9 - 32 - 10; // - padding and margin
         const iframeWin = iframe.contentWindow;
         this.resizeListener = this.handleResize.bind(this);
         iframeWin.addEventListener('resize', this.resizeListener);
       }
     },
 
-    clearIframe(){
+    clearIframe() {
       const iframe = this.$refs.sizeHandlerIframe;
-      if(iframe){
+      if (iframe) {
         const iframeWin = iframe.contentWindow;
-        if(iframeWin){
+        if (iframeWin) {
           iframeWin.removeEventListener('resize', this.resizeListener);
         }
         this.resizeListener = null;
       }
     },
 
-    handleResize(){
+    handleResize() {
       // add a delay of 500ms to handle slider width resize
-      if(this.timer !== null){
+      if (this.timer !== null) {
         clearTimeout(this.timer);
       }
       const self = this;
       this.timer = setTimeout(() => {
         const box = self.$refs.sizeHandlerIframe.getBoundingClientRect();
-        const sliderWidth = box.width - 114 -9 -32 -10;
-        if(self.sliderSize != sliderWidth){
+        const sliderWidth = box.width - 114 - 9 - 32 - 10;
+        if (self.sliderSize != sliderWidth) {
           self.sliderSize = sliderWidth;
         }
         self.time = null;

package/src/components/unidoo-player/unidoo-simple-player/UnidooSimplePlayer.vue

@@ -205,7 +205,7 @@ export default {
       }
     },
 
-    refreshPreload(loadIndex){
+    refreshPreload(loadIndex) {
       this.lastFrameQualifier = this.currentQualifier;
       this.preloadFrames(loadIndex);
     },