text: /*
  Tencent is pleased to support the open source community by making vConsole available.
  
  Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
  
  Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
  http://opensource.org/licenses/MIT
  
  Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
  */
  
  /**
   * vConsole Storage Plugin
   */
  
  import VConsolePlugin from '../lib/plugin.ts';
  import tplTabbox from './tabbox.html';
  import tplList from './list.html';
  
  // import * as tool from '../lib/tool.ts';
  import $ from '../lib/query.ts';
  
  class VConsoleStorageTab extends VConsolePlugin {
  
    constructor(...args) {
      super(...args);
  
      this.$tabbox = $.render(tplTabbox, {});
      this.currentType = ''; // cookies, localstorage, ...
      this.typeNameMap = {
        'cookies': 'Cookies',
        'localstorage': 'LocalStorage',
        'sessionstorage': 'SessionStorage'
      }
    }
  
    onRenderTab(callback) {
      callback(this.$tabbox);
    }
  
    onAddTopBar(callback) {
      let that = this;
      let types = ['Cookies', 'LocalStorage', 'SessionStorage'];
      let btnList = [];
      for (let i = 0; i < types.length; i++) {
        btnList.push({
          name: types[i],
          data: {
            type: types[i].toLowerCase()
          },
          className: '',
          onClick: function() {
            if (!$.hasClass(this, 'vc-actived')) {
              that.currentType = this.dataset.type;
              that.renderStorage();
            } else {
              return false;
            }
          }
        });
      }
      btnList[0].className = 'vc-actived';
      callback(btnList);
    }
  
    onAddTool(callback) {
      let that = this;
      let toolList = [{
        name: 'Refresh',
        global: false,
        onClick: function(e) {
          that.renderStorage();
        }
      }, {
        name: 'ClearAll',
        global: false,
        onClick: function(e) {
          that.clearLog();
        }
      }];
      callback(toolList);
    }
  
    onReady() {
      // do nothing
    }
  
    onShow() {
      // show default panel
      if (this.currentType == '') {
        this.currentType = 'cookies';
        this.renderStorage();
      }
    }
  
    clearLog() {
      if (this.currentType && window.confirm) {
        let result = window.confirm('Remove all ' + this.typeNameMap[this.currentType] + '?');
        if (!result) {
          return false;
        }
      }
      switch (this.currentType) {
        case 'cookies':
          this.clearCookieList();
          break;
        case 'localstorage':
          this.clearLocalStorageList();
          break;
        case 'sessionstorage':
          this.clearSessionStorageList();
          break;
        default:
          return false;
      }
      this.renderStorage();
    }
  
    renderStorage() {
      let list = [];
  
      switch (this.currentType) {
        case 'cookies':
          list = this.getCookieList();
          break;
        case 'localstorage':
          list = this.getLocalStorageList();
          break;
        case 'sessionstorage':
          list = this.getSessionStorageList();
          break;
        default:
          return false;
      }
  
      let $log = $.one('.vc-log', this.$tabbox);
      if (list.length == 0) {
        $log.innerHTML = '';
      } else {
        // html encode for rendering
        for (let i=0; i<list.length; i++) {
          list[i].name = list[i].name;
          list[i].value = list[i].value;
        }
        $log.innerHTML = $.render(tplList, {list: list}, true);
      }
    }
  
    getCookieList() {
      if (!document.cookie || !navigator.cookieEnabled) {
        return [];
      }
  
      let list = [];
      let items = document.cookie.split(';');
      for (let i=0; i<items.length; i++) {
        let item = items[i].split('=');
        let name = item.shift().replace(/^ /, ''),
            value = item.join('=');
        try {
          name = decodeURIComponent(name);
          value = decodeURIComponent(value);
        } catch(e) {
          // do not print external input directly to prevent forgery (issue #345)
          // console.log(e, name, value);
        }
        list.push({
          name: name,
          value: value
        });
      }
      return list;
    }
  
    getLocalStorageList() {
      if (!window.localStorage) {
        return [];
      }
  
      try {
        let list = []
        for (var i = 0; i < localStorage.length; i++) {
          let name = localStorage.key(i),
              value = localStorage.getItem(name);
          list.push({
            name: name,
            value: value
          });
        }
        return list;
      } catch (e) {
        return [];
      }
    }
  
    getSessionStorageList() {
      if (!window.sessionStorage) {
        return [];
      }
  
      try {
        let list = []
        for (var i = 0; i < sessionStorage.length; i++) {
          let name = sessionStorage.key(i),
              value = sessionStorage.getItem(name);
          list.push({
            name: name,
            value: value
          });
        }
        return list;
      } catch (e) {
        return [];
      }
    }
  
    clearCookieList() {
      if (!document.cookie || !navigator.cookieEnabled) {
        return;
      }
      const uris = window.location.hostname.split('.');
      let list = this.getCookieList();
      for (var i=0; i<list.length; i++) {
        let name = list[i].name;
        document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 GMT`;
        document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/`;
        let uri = '.' + uris[uris.length - 1];
        for (let j = uris.length - 2; j >= 0; j--) {
          uri = '.' + uris[j] + uri;
          document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;domain=${uri};`;
        }
      }
      this.renderStorage();
    }
  
    clearLocalStorageList() {
      if (!!window.localStorage) {
        try {
          localStorage.clear();
          this.renderStorage();
        } catch (e) {
          alert('localStorage.clear() fail.');
        }
      }
    }
    clearSessionStorageList() {
      if (!!window.sessionStorage) {
        try {
          sessionStorage.clear();
          this.renderStorage();
        } catch (e) {
          alert('sessionStorage.clear() fail.');
        }
      }
    }
  
  } // END Class
  
  export default VConsoleStorageTab;