update: app model, sidebar scheme

config/endpoints.js

@@ -1,7 +1,7 @@
 export default {
   auth_server: 'POST /auth_server',
   auth: 'POST /auth',
-  logout: 'POST /logout',
+  sessions: 'POST /sessions',
 
   get_data: 'POST /get-user-data',
   profileData: 'POST /early_user'

config/index.js

@@ -11,7 +11,10 @@ module.exports = {
 
     api_prefix: 'ycorejs_apiv3',
     app_settings_storage: 'app_settings', 
- 
+
+    session_token_storage: 'cid',
+    session_data_storage: 'data',
+    
     appTheme_container: 'app_theme',
     appTheme_desiredContrast: 4.5,
     // Contrast level AA = 4.5, Level AAA = 7

globals/sidebar_menu.js

@@ -1,51 +1,85 @@
 import * as Icons from 'components/Icons'
 
-let MenuList = [
+/**
+ * Sidebar Menu scheme
+ *
+ * @param id {string} Used for ( key_filter ) & ( router.push(id) ) [required]
+ * @param icon {any} Render an "icon" component on the list | Default => null
+ * @param title {string} Render an string on the list | Default => null
+ * @param attributes.path {string} Override path for router.push(id)
+ * @param attributes.position {string} Sets render position (Only for desktop mode) | Default => "top"
+ * @param attributes.require {string} Sets an render condition | Default => null
+ * @param attributes.desktop {boolean} Activate render for desktop clients | Default => true 
+ * @param attributes.mobile {boolean} Activate render for mobile clients | Default => true
+ */
+
+export default [
     {
         id: 'main',
-        title: 'Main',
-        path: '/main',
-        require: 'login',
         icon: <Icons.Home />,
-        mobile: true,
-        desktop: false
+        title: 'Main',
+        attributes: {
+            require: 'login',
+            desktop: false,
+        }
     },
     {
         id: 'explore',
         title: 'Explore',
-        path: '/explore',
-        require: 'login',
         icon: <Icons.Compass />,
-        mobile: true,
-        desktop: true
     },
     {
         id: 'saves',
         title: 'Saves',
-        path: '/saves',
-        require: 'login',
         icon: <Icons.Bookmark />,
-        mobile: false,
-        desktop: true
+        attributes: {
+            require: 'login',
+            mobile: false
+        }
     },
     {
         id: 'messages',
         title: 'Messages',
-        path: '/messages',
-        require: 'login',
         icon: <Icons.MessageSquare />,
-        mobile: true,
-        desktop: true
+        attributes: {
+            require: 'login'
+        }
     },
     {
         id: 'notifications',
-        title: 'Notifications',
-        path: '/notifications',
-        require: 'login',
+        title: 'Notifications',       
         icon: <Icons.Inbox/>,
-        mobile: true,
-        desktop: true
+        attributes: {
+            require: 'login'
+        }
     },
+    {
+        id: 'settings',
+        title: 'Settings',
+        icon: <Icons.Settings />,
+        attributes: {
+            position: "bottom"
+        }
+    },
+    {
+        id: 'logout',
+        title: 'Logout',
+        icon: <Icons.LogOut style={{ color: 'red', marginRight: '10px' }} />,
+        attributes: {
+            position: "bottom",
+            require: 'login'
+        }
+    },
+    {
+        id: 'login',
+        title: 'Signin',
+        icon: <Icons.LogIn style={{ color: 'blue', marginRight: '10px' }} />,
+        attributes: {
+            position: "bottom",
+            require: "guest"
+        }
+    }
 ]
 
-export default MenuList
+
+

main/index.js

@@ -44,7 +44,8 @@ function createWindow() {
     minHeight: 700,
     show: true,
     frame: false,
-    transparent: true,
+    transparent: false,
+    visualEffectState: "followWindow",
     backgroundColor: '#00ffffff',
     webPreferences: {
       experimentalFeatures: true,
@@ -76,7 +77,7 @@ function createWindow() {
       if (details.url.includes('www.google-analytics.com')) {
         // eslint-disable-next-line
         details.responseHeaders['Access-Control-Allow-Origin'] = [
-          'http://localhost:3000'
+          'http://localhost:8000'
         ];
       } else {
         // eslint-disable-next-line

out/index.html

@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>JSDoc: Home</title>
+
+    <script src="scripts/prettify/prettify.js"> </script>
+    <script src="scripts/prettify/lang-css.js"> </script>
+    <!--[if lt IE 9]>
+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
+    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
+</head>
+
+<body>
+
+<div id="main">
+
+    <h1 class="page-title">Home</h1>
+
+    
+
+
+
+    
+
+
+    <h3> </h3>
+
+
+
+
+
+
+
+
+
+
+    
+
+
+
+
+
+
+
+
+
+</div>
+
+<nav>
+    <h2><a href="index.html">Home</a></h2><h3>Global</h3><ul><li><a href="global.html#arrayRemoveByID">arrayRemoveByID</a></li><li><a href="global.html#arrayRemoveByKEY">arrayRemoveByKEY</a></li><li><a href="global.html#arrayToObject">arrayToObject</a></li><li><a href="global.html#arrayToTree">arrayToTree</a></li><li><a href="global.html#booleanFix">booleanFix</a></li><li><a href="global.html#downloadEncodedURI">downloadEncodedURI</a></li><li><a href="global.html#objectLast">objectLast</a></li><li><a href="global.html#objectRemoveByID">objectRemoveByID</a></li><li><a href="global.html#objectRemoveByKEY">objectRemoveByKEY</a></li><li><a href="global.html#objectToArray">objectToArray</a></li><li><a href="global.html#queryAncestors">queryAncestors</a></li><li><a href="global.html#queryArray">queryArray</a></li><li><a href="global.html#queryLayout">queryLayout</a></li><li><a href="global.html#queryPathKeys">queryPathKeys</a></li><li><a href="global.html#requestFullscreen">requestFullscreen</a></li><li><a href="global.html#time">time</a></li></ul>
+</nav>
+
+<br class="clear">
+
+<footer>
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.5</a> on Sun Aug 30 2020 19:34:02 GMT+0200 (hora de verano de Europa central)
+</footer>
+
+<script> prettyPrint(); </script>
+<script src="scripts/linenumber.js"> </script>
+</body>
+</html>

out/index.js.html

@@ -0,0 +1,457 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>JSDoc: Source: index.js</title>
+
+    <script src="scripts/prettify/prettify.js"> </script>
+    <script src="scripts/prettify/lang-css.js"> </script>
+    <!--[if lt IE 9]>
+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
+    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
+</head>
+
+<body>
+
+<div id="main">
+
+    <h1 class="page-title">Source: index.js</h1>
+
+    
+
+
+
+    
+    <section>
+        <article>
+            <pre class="prettyprint source linenums"><code>import moment from 'moment';
+import { format } from 'timeago.js';
+import { cloneDeep } from 'lodash';
+import store from 'store';
+import { i18n, app_config } from 'config';
+import * as errorHandlers from 'core/libs/errorhandler'
+import platform from 'platform'
+
+const { pathToRegexp } = require('path-to-regexp');
+
+export const languages = i18n ? i18n.languages.map(item => item.key) : [];
+export const defaultLanguage = i18n ? i18n.defaultLanguage : '';
+
+import './libs'
+import './cores'
+
+export const package_json = require('../../package.json');
+export const UUAID = `${package_json.name}==${package_json.UUID}`;
+
+export const app_info = {
+  appid: package_json.name,
+  stage: package_json.stage,
+  name: package_json.title,
+  version: package_json.version,
+  logo: app_config.FullLogoPath,
+  logo_dark: app_config.DarkFullLogoPath,
+  os: platform.os,
+  layout: platform.layout
+};
+
+export function imageToBase64(img, callback){
+  const reader = new FileReader()
+  reader.addEventListener('load', () => callback(reader.result))
+  reader.readAsDataURL(img)
+}
+
+export function urlToBase64(url, callback){
+  let xhr = new XMLHttpRequest();
+  xhr.onload = function() {
+      let reader = new FileReader();
+      reader.onloadend = function() {
+          callback(reader.result);
+      }
+      reader.readAsDataURL(xhr.response);
+  };
+  xhr.open('GET', url);
+  xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
+  xhr.responseType = 'blob';
+  xhr.send();
+}
+
+/**
+ * Generate a download with encoded uri
+ * 
+ * @param {object} payload - Generation Data
+ */
+export function downloadEncodedURI(payload){
+  if(!payload) return false
+  let { data, type, charset, filename } = payload
+  /**
+    * 
+    * @param {object} payload - Generation Data
+    */
+  if (!data || !type) return false
+  try {
+    if (!filename) {
+      filename = `export_${time.now()}.${type.split("/")[1]}`
+    }
+    let tmp = document.createElement('a')
+    tmp.href = `data:${type};charset=${charset},${encodeURIComponent(data)}`
+    tmp.download=filename
+    tmp.click()
+  } catch (error) {
+    errorHandlers.onError.internal_proccess(error)
+  }
+}
+
+/**
+ * Return the last object from array
+ *
+ * @param array {array}
+ * @return object
+ */
+export function objectLast(array, n) {
+  if (array == null) return void 0;
+  if (n == null) return array[array.length - 1];
+  return array.slice(Math.max(array.length - n, 0));
+}
+
+/**
+ * Object to array scheme RSA-YCORE-ARRAYPROTO.2
+ *
+ * @param object {object}
+ * @return array
+ */
+export function objectToArray(object) {
+  if(!object) return false
+  let tmp = []
+
+  const keys = Object.keys(object)
+  const values = Object.values(object)
+  const lenght = keys.length
+
+  for (let i = 0; i &lt; lenght; i++) {
+    let obj = {}
+    obj.key = keys[i]
+    obj.value = values[i]
+
+    tmp[i] = obj
+  }
+  return tmp
+}
+
+/**
+ * Object to array scheme RSA-YCORE-ARRAYPROTO.2
+ *
+ * @param object {object}
+ * @return array
+ */
+export function arrayToObject(array) {
+  if(!array) return false
+  let tmp = []
+  
+  array.forEach((e) => {
+    tmp[e.key] = e.value
+  })
+
+  return tmp
+}
+
+/**
+ * Remove an element by id from an object array
+ *
+ * @param object {object}
+ * @param id {string}
+ * @return array
+ */
+export function objectRemoveByID(object, id) {
+  let arr = objectToArray(object)
+  return arr.filter((e) => {
+    return e.id != id;
+  });
+}
+/**
+ * Remove an element by key from an object array
+ *
+ * @param object {object}
+ * @param key {string}
+ * @return array
+ */
+export function objectRemoveByKEY(object, key) {
+  let arr = objectToArray(object)
+  return arr.filter((e) => {
+    return e.key != key;
+  });
+}
+
+/**
+ * Remove an element by id from an array
+ *
+ * @param array {array}
+ * @param id {string}
+ * @return array
+ */
+export function arrayRemoveByID(arr, id) {
+  return arr.filter(function(ele) {
+    return ele.id != id;
+  });
+}
+/**
+ * Remove an element by key from an array
+ *
+ * @param array {array}
+ * @param key {string}
+ * @return array
+ */
+export function arrayRemoveByKEY(arr, key) {
+  return arr.filter(function(ele) {
+    return ele.key != key;
+  });
+}
+
+/**
+ * Global fix for convert '1, 0' to string boolean 'true, false'
+ *
+ * @param e {int} Numeric boolean reference
+ * @return bool
+ */
+export function booleanFix(e) {
+  if (e == 1) return true;
+  return false;
+}
+
+/**
+ * Request FullScreen mode
+ *
+ */
+export function requestFullscreen() {
+  var elem = document.documentElement;
+  if (elem.requestFullscreen) {
+    elem.requestFullscreen();
+  } else if (elem.mozRequestFullScreen) {
+    /* Firefox */
+    elem.mozRequestFullScreen();
+  } else if (elem.webkitRequestFullscreen) {
+    /* Chrome, Safari and Opera */
+    elem.webkitRequestFullscreen();
+  } else if (elem.msRequestFullscreen) {
+    /* IE/Edge */
+    elem.msRequestFullscreen();
+  }
+}
+
+/**
+ * Handle time basic functions
+ *
+ */
+export const time = {
+  ago: a => {
+    const format = moment(a).format('DDMMYYYY');
+    const b = new Date(format).toLocaleString();
+    return time.relativeToNow(b);
+  },
+  stmToAgo: a => {
+    const b = a * 1000;
+    return format(b);
+  },
+  relativeToNow: (a, b) => {
+    return moment(a, b || 'DDMMYYYY').fromNow();
+  },
+  now: () => {
+    return new Date().toLocaleString();
+  }
+};
+
+export function pathMatchRegexp(regexp, pathname) {
+  return pathToRegexp(regexp).exec(deLangPrefix(pathname));
+}
+
+/**
+ * Query objects that specify keys and values in an array where all values are objects.
+ * @param   {array}         array   An array where all values are objects, like [{key:1},{key:2}].
+ * @param   {string}        key     The key of the object that needs to be queried.
+ * @param   {string}        value   The value of the object that needs to be queried.
+ * @return  {object|undefined}   Return frist object when query success.
+ */
+export function queryArray(array, key, value) {
+  if (!Array.isArray(array)) {
+    return;
+  }
+  return array.find(_ => _[key] === value);
+}
+
+/**
+ * Convert an array to a tree-structured array.
+ * @param   {array}     array     The Array need to Converted.
+ * @param   {string}    id        The alias of the unique ID of the object in the array.
+ * @param   {string}    parentId       The alias of the parent ID of the object in the array.
+ * @param   {string}    children  The alias of children of the object in the array.
+ * @return  {array}    Return a tree-structured array.
+ */
+export function arrayToTree(
+  array,
+  id = 'id',
+  parentId = 'pid',
+  children = 'children',
+) {
+  const result = [];
+  const hash = {};
+  const data = cloneDeep(array);
+
+  data.forEach((item, index) => {
+    hash[data[index][id]] = data[index];
+  });
+
+  data.forEach(item => {
+    const hashParent = hash[item[parentId]];
+    if (hashParent) {
+      !hashParent[children] &amp;&amp; (hashParent[children] = []);
+      hashParent[children].push(item);
+    } else {
+      result.push(item);
+    }
+  });
+  return result;
+}
+
+/**
+ * In an array object, traverse all parent IDs based on the value of an object.
+ * @param   {array}     array     The Array need to Converted.
+ * @param   {string}    current   Specify the value of the object that needs to be queried.
+ * @param   {string}    parentId  The alias of the parent ID of the object in the array.
+ * @param   {string}    id        The alias of the unique ID of the object in the array.
+ * @return  {array}    Return a key array.
+ */
+export function queryPathKeys(array, current, parentId, id = 'id') {
+  const result = [current];
+  const hashMap = new Map();
+  array.forEach(item => hashMap.set(item[id], item));
+
+  const getPath = current => {
+    const currentParentId = hashMap.get(current)[parentId];
+    if (currentParentId) {
+      result.push(currentParentId);
+      getPath(currentParentId);
+    }
+  };
+
+  getPath(current);
+  return result;
+}
+
+/**
+ * In an array of objects, specify an object that traverses the objects whose parent ID matches.
+ * @param   {array}     array     The Array need to Converted.
+ * @param   {string}    current   Specify the object that needs to be queried.
+ * @param   {string}    parentId  The alias of the parent ID of the object in the array.
+ * @param   {string}    id        The alias of the unique ID of the object in the array.
+ * @return  {array}    Return a key array.
+ */
+export function queryAncestors(array, current, parentId, id = 'id') {
+  const result = [current];
+  const hashMap = new Map();
+  array.forEach(item => hashMap.set(item[id], item));
+
+  const getPath = current => {
+    const currentParentId = hashMap.get(current[id])[parentId];
+    if (currentParentId) {
+      result.push(hashMap.get(currentParentId));
+      getPath(hashMap.get(currentParentId));
+    }
+  };
+
+  getPath(current);
+  return result;
+}
+
+/**
+ * Query which layout should be used for the current path based on the configuration.
+ * @param   {layouts}     layouts   Layout configuration.
+ * @param   {pathname}    pathname  Path name to be queried.
+ * @return  {string}   Return frist object when query success.
+ */
+export function queryLayout(layouts, pathname) {
+  let result = 'public';
+
+  const isMatch = regepx => {
+    return regepx instanceof RegExp
+      ? regepx.test(pathname)
+      : pathToRegexp(regepx).exec(pathname);
+  };
+
+  for (const item of layouts) {
+    let include = false;
+    let exclude = false;
+    if (item.include) {
+      for (const regepx of item.include) {
+        if (isMatch(regepx)) {
+          include = true;
+          break;
+        }
+      }
+    }
+
+    if (include &amp;&amp; item.exclude) {
+      for (const regepx of item.exclude) {
+        if (isMatch(regepx)) {
+          exclude = true;
+          break;
+        }
+      }
+    }
+
+    if (include &amp;&amp; !exclude) {
+      result = item.name;
+      break;
+    }
+  }
+
+  return result;
+}
+
+export function getLocale() {
+  return store.get('locale') || defaultLanguage;
+}
+
+export function setLocale(language) {
+  if (getLocale() !== language) {
+    store.set('locale', language);
+    window.location.reload();
+  }
+}
+
+export function get_value(source,key){
+  if( !key || !source ) return false
+    try {
+        const find = source.find(item => {
+          return item.id === key
+        })
+        return find.value
+      
+    } 
+    catch (error) {
+        return false
+    }
+}
+</code></pre>
+        </article>
+    </section>
+
+
+
+
+</div>
+
+<nav>
+    <h2><a href="index.html">Home</a></h2><h3>Global</h3><ul><li><a href="global.html#arrayRemoveByID">arrayRemoveByID</a></li><li><a href="global.html#arrayRemoveByKEY">arrayRemoveByKEY</a></li><li><a href="global.html#arrayToObject">arrayToObject</a></li><li><a href="global.html#arrayToTree">arrayToTree</a></li><li><a href="global.html#booleanFix">booleanFix</a></li><li><a href="global.html#downloadEncodedURI">downloadEncodedURI</a></li><li><a href="global.html#objectLast">objectLast</a></li><li><a href="global.html#objectRemoveByID">objectRemoveByID</a></li><li><a href="global.html#objectRemoveByKEY">objectRemoveByKEY</a></li><li><a href="global.html#objectToArray">objectToArray</a></li><li><a href="global.html#queryAncestors">queryAncestors</a></li><li><a href="global.html#queryArray">queryArray</a></li><li><a href="global.html#queryLayout">queryLayout</a></li><li><a href="global.html#queryPathKeys">queryPathKeys</a></li><li><a href="global.html#requestFullscreen">requestFullscreen</a></li><li><a href="global.html#time">time</a></li></ul>
+</nav>
+
+<br class="clear">
+
+<footer>
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.5</a> on Sun Aug 30 2020 19:34:02 GMT+0200 (hora de verano de Europa central)
+</footer>
+
+<script> prettyPrint(); </script>
+<script src="scripts/linenumber.js"> </script>
+</body>
+</html>

out/scripts/linenumber.js

@@ -0,0 +1,25 @@
+/*global document */
+(() => {
+    const source = document.getElementsByClassName('prettyprint source linenums');
+    let i = 0;
+    let lineNumber = 0;
+    let lineId;
+    let lines;
+    let totalLines;
+    let anchorHash;
+
+    if (source && source[0]) {
+        anchorHash = document.location.hash.substring(1);
+        lines = source[0].getElementsByTagName('li');
+        totalLines = lines.length;
+
+        for (; i < totalLines; i++) {
+            lineNumber++;
+            lineId = `line${lineNumber}`;
+            lines[i].id = lineId;
+            if (lineId === anchorHash) {
+                lines[i].className += ' selected';
+            }
+        }
+    }
+})();

out/scripts/prettify/Apache-License-2.0.txt

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   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.

out/scripts/prettify/lang-css.js

@@ -0,0 +1,2 @@
+PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\f\r ]+/,null," \t\r\n"]],[["str",/^"(?:[^\n\f\r"\\]|\\(?:\r\n?|\n|\f)|\\[\S\s])*"/,null],["str",/^'(?:[^\n\f\r'\\]|\\(?:\r\n?|\n|\f)|\\[\S\s])*'/,null],["lang-css-str",/^url\(([^"')]*)\)/i],["kwd",/^(?:url|rgb|!important|@import|@page|@media|@charset|inherit)(?=[^\w-]|$)/i,null],["lang-css-kw",/^(-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*)\s*:/i],["com",/^\/\*[^*]*\*+(?:[^*/][^*]*\*+)*\//],["com",
+/^(?:<\!--|--\>)/],["lit",/^(?:\d+|\d*\.\d+)(?:%|[a-z]+)?/i],["lit",/^#[\da-f]{3,6}/i],["pln",/^-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*/i],["pun",/^[^\s\w"']+/]]),["css"]);PR.registerLangHandler(PR.createSimpleLexer([],[["kwd",/^-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*/i]]),["css-kw"]);PR.registerLangHandler(PR.createSimpleLexer([],[["str",/^[^"')]+/]]),["css-str"]);

out/scripts/prettify/prettify.js

@@ -0,0 +1,28 @@
+var q=null;window.PR_SHOULD_USE_CONTINUATION=!0;
+(function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:"0"<=b&&b<="7"?parseInt(a.substring(1),8):b==="u"||b==="x"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?"\\x0":"\\x")+a.toString(16);a=String.fromCharCode(a);if(a==="\\"||a==="-"||a==="["||a==="]")a="\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),a=
+[],b=[],o=f[0]==="^",c=o?1:0,i=f.length;c<i;++c){var j=f[c];if(/\\[bdsw]/i.test(j))a.push(j);else{var j=m(j),d;c+2<i&&"-"===f[c+1]?(d=m(f[c+2]),c+=2):d=j;b.push([j,d]);d<65||j>122||(d<65||j>90||b.push([Math.max(65,j)|32,Math.min(d,90)|32]),d<97||j>122||b.push([Math.max(97,j)&-33,Math.min(d,122)&-33]))}}b.sort(function(a,f){return a[0]-f[0]||f[1]-a[1]});f=[];j=[NaN,NaN];for(c=0;c<b.length;++c)i=b[c],i[0]<=j[1]+1?j[1]=Math.max(j[1],i[1]):f.push(j=i);b=["["];o&&b.push("^");b.push.apply(b,a);for(c=0;c<
+f.length;++c)i=f[c],b.push(e(i[0])),i[1]>i[0]&&(i[1]+1>i[0]&&b.push("-"),b.push(e(i[1])));b.push("]");return b.join("")}function y(a){for(var f=a.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),b=f.length,d=[],c=0,i=0;c<b;++c){var j=f[c];j==="("?++i:"\\"===j.charAt(0)&&(j=+j.substring(1))&&j<=i&&(d[j]=-1)}for(c=1;c<d.length;++c)-1===d[c]&&(d[c]=++t);for(i=c=0;c<b;++c)j=f[c],j==="("?(++i,d[i]===void 0&&(f[c]="(?:")):"\\"===j.charAt(0)&&
+(j=+j.substring(1))&&j<=i&&(f[c]="\\"+d[i]);for(i=c=0;c<b;++c)"^"===f[c]&&"^"!==f[c+1]&&(f[c]="");if(a.ignoreCase&&s)for(c=0;c<b;++c)j=f[c],a=j.charAt(0),j.length>=2&&a==="["?f[c]=h(j):a!=="\\"&&(f[c]=j.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return f.join("")}for(var t=0,s=!1,l=!1,p=0,d=a.length;p<d;++p){var g=a[p];if(g.ignoreCase)l=!0;else if(/[a-z]/i.test(g.source.replace(/\\u[\da-f]{4}|\\x[\da-f]{2}|\\[^UXux]/gi,""))){s=!0;l=!1;break}}for(var r=
+{b:8,t:9,n:10,v:11,f:12,r:13},n=[],p=0,d=a.length;p<d;++p){g=a[p];if(g.global||g.multiline)throw Error(""+g);n.push("(?:"+y(g)+")")}return RegExp(n.join("|"),l?"gi":"g")}function M(a){function m(a){switch(a.nodeType){case 1:if(e.test(a.className))break;for(var g=a.firstChild;g;g=g.nextSibling)m(g);g=a.nodeName;if("BR"===g||"LI"===g)h[s]="\n",t[s<<1]=y++,t[s++<<1|1]=a;break;case 3:case 4:g=a.nodeValue,g.length&&(g=p?g.replace(/\r\n?/g,"\n"):g.replace(/[\t\n\r ]+/g," "),h[s]=g,t[s<<1]=y,y+=g.length,
+t[s++<<1|1]=a)}}var e=/(?:^|\s)nocode(?:\s|$)/,h=[],y=0,t=[],s=0,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=document.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);m(a);return{a:h.join("").replace(/\n$/,""),c:t}}function B(a,m,e,h){m&&(a={a:m,d:a},e(a),h.push.apply(h,a.e))}function x(a,m){function e(a){for(var l=a.d,p=[l,"pln"],d=0,g=a.a.match(y)||[],r={},n=0,z=g.length;n<z;++n){var f=g[n],b=r[f],o=void 0,c;if(typeof b===
+"string")c=!1;else{var i=h[f.charAt(0)];if(i)o=f.match(i[1]),b=i[0];else{for(c=0;c<t;++c)if(i=m[c],o=f.match(i[1])){b=i[0];break}o||(b="pln")}if((c=b.length>=5&&"lang-"===b.substring(0,5))&&!(o&&typeof o[1]==="string"))c=!1,b="src";c||(r[f]=b)}i=d;d+=f.length;if(c){c=o[1];var j=f.indexOf(c),k=j+c.length;o[2]&&(k=f.length-o[2].length,j=k-c.length);b=b.substring(5);B(l+i,f.substring(0,j),e,p);B(l+i+j,c,C(b,c),p);B(l+i+k,f.substring(k),e,p)}else p.push(l+i,b)}a.e=p}var h={},y;(function(){for(var e=a.concat(m),
+l=[],p={},d=0,g=e.length;d<g;++d){var r=e[d],n=r[3];if(n)for(var k=n.length;--k>=0;)h[n.charAt(k)]=r;r=r[1];n=""+r;p.hasOwnProperty(n)||(l.push(r),p[n]=q)}l.push(/[\S\s]/);y=L(l)})();var t=m.length;return e}function u(a){var m=[],e=[];a.tripleQuotedStrings?m.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?m.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/,
+q,"'\"`"]):m.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&e.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var h=a.hashComments;h&&(a.cStyleComments?(h>1?m.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):m.push(["com",/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),e.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,q])):m.push(["com",/^#[^\n\r]*/,
+q,"#"]));a.cStyleComments&&(e.push(["com",/^\/\/[^\n\r]*/,q]),e.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));a.regexLiterals&&e.push(["lang-regex",/^(?:^^\.?|[!+-]|!=|!==|#|%|%=|&|&&|&&=|&=|\(|\*|\*=|\+=|,|-=|->|\/|\/=|:|::|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|[?@[^]|\^=|\^\^|\^\^=|{|\||\|=|\|\||\|\|=|~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\s*(\/(?=[^*/])(?:[^/[\\]|\\[\S\s]|\[(?:[^\\\]]|\\[\S\s])*(?:]|$))+\/)/]);(h=a.types)&&e.push(["typ",h]);a=(""+a.keywords).replace(/^ | $/g,
+"");a.length&&e.push(["kwd",RegExp("^(?:"+a.replace(/[\s,]+/g,"|")+")\\b"),q]);m.push(["pln",/^\s+/,q," \r\n\t\xa0"]);e.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/,q],["pun",/^.[^\s\w"-$'./@\\`]*/,q]);return x(m,e)}function D(a,m){function e(a){switch(a.nodeType){case 1:if(k.test(a.className))break;if("BR"===a.nodeName)h(a),
+a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)e(a);break;case 3:case 4:if(p){var b=a.nodeValue,d=b.match(t);if(d){var c=b.substring(0,d.index);a.nodeValue=c;(b=b.substring(d.index+d[0].length))&&a.parentNode.insertBefore(s.createTextNode(b),a.nextSibling);h(a);c||a.parentNode.removeChild(a)}}}}function h(a){function b(a,d){var e=d?a.cloneNode(!1):a,f=a.parentNode;if(f){var f=b(f,1),g=a.nextSibling;f.appendChild(e);for(var h=g;h;h=g)g=h.nextSibling,f.appendChild(h)}return e}
+for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),e;(e=a.parentNode)&&e.nodeType===1;)a=e;d.push(a)}var k=/(?:^|\s)nocode(?:\s|$)/,t=/\r\n?|\n/,s=a.ownerDocument,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=s.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);for(l=s.createElement("LI");a.firstChild;)l.appendChild(a.firstChild);for(var d=[l],g=0;g<d.length;++g)e(d[g]);m===(m|0)&&d[0].setAttribute("value",
+m);var r=s.createElement("OL");r.className="linenums";for(var n=Math.max(0,m-1|0)||0,g=0,z=d.length;g<z;++g)l=d[g],l.className="L"+(g+n)%10,l.firstChild||l.appendChild(s.createTextNode("\xa0")),r.appendChild(l);a.appendChild(r)}function k(a,m){for(var e=m.length;--e>=0;){var h=m[e];A.hasOwnProperty(h)?window.console&&console.warn("cannot override language handler %s",h):A[h]=a}}function C(a,m){if(!a||!A.hasOwnProperty(a))a=/^\s*</.test(m)?"default-markup":"default-code";return A[a]}function E(a){var m=
+a.g;try{var e=M(a.h),h=e.a;a.a=h;a.c=e.c;a.d=0;C(m,h)(a);var k=/\bMSIE\b/.test(navigator.userAgent),m=/\n/g,t=a.a,s=t.length,e=0,l=a.c,p=l.length,h=0,d=a.e,g=d.length,a=0;d[g]=s;var r,n;for(n=r=0;n<g;)d[n]!==d[n+2]?(d[r++]=d[n++],d[r++]=d[n++]):n+=2;g=r;for(n=r=0;n<g;){for(var z=d[n],f=d[n+1],b=n+2;b+2<=g&&d[b+1]===f;)b+=2;d[r++]=z;d[r++]=f;n=b}for(d.length=r;h<p;){var o=l[h+2]||s,c=d[a+2]||s,b=Math.min(o,c),i=l[h+1],j;if(i.nodeType!==1&&(j=t.substring(e,b))){k&&(j=j.replace(m,"\r"));i.nodeValue=
+j;var u=i.ownerDocument,v=u.createElement("SPAN");v.className=d[a+1];var x=i.parentNode;x.replaceChild(v,i);v.appendChild(i);e<o&&(l[h+1]=i=u.createTextNode(t.substring(b,o)),x.insertBefore(i,v.nextSibling))}e=b;e>=o&&(h+=2);e>=c&&(a+=2)}}catch(w){"console"in window&&console.log(w&&w.stack?w.stack:w)}}var v=["break,continue,do,else,for,if,return,while"],w=[[v,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"],
+"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],F=[w,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],G=[w,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"],
+H=[G,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"],w=[w,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],I=[v,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"],
+J=[v,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],v=[v,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],K=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/,N=/\S/,O=u({keywords:[F,H,w,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END"+
+I,J,v],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),A={};k(O,["default-code"]);k(x([],[["pln",/^[^<?]+/],["dec",/^<!\w[^>]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",/^<xmp\b[^>]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^<script\b[^>]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\S\s]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),
+["default-markup","htm","html","mxml","xhtml","xml","xsl"]);k(x([["pln",/^\s+/,q," \t\r\n"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w-.:]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^\s"'>]*(?:[^\s"'/>]|\/(?=\s)))/],["pun",/^[/<->]+/],["lang-js",/^on\w+\s*=\s*"([^"]+)"/i],["lang-js",/^on\w+\s*=\s*'([^']+)'/i],["lang-js",/^on\w+\s*=\s*([^\s"'>]+)/i],["lang-css",/^style\s*=\s*"([^"]+)"/i],["lang-css",/^style\s*=\s*'([^']+)'/i],["lang-css",
+/^style\s*=\s*([^\s"'>]+)/i]]),["in.tag"]);k(x([],[["atv",/^[\S\s]+/]]),["uq.val"]);k(u({keywords:F,hashComments:!0,cStyleComments:!0,types:K}),["c","cc","cpp","cxx","cyc","m"]);k(u({keywords:"null,true,false"}),["json"]);k(u({keywords:H,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:K}),["cs"]);k(u({keywords:G,cStyleComments:!0}),["java"]);k(u({keywords:v,hashComments:!0,multiLineStrings:!0}),["bsh","csh","sh"]);k(u({keywords:I,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}),
+["cv","py"]);k(u({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["perl","pl","pm"]);k(u({keywords:J,hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb"]);k(u({keywords:w,cStyleComments:!0,regexLiterals:!0}),["js"]);k(u({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes",
+hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);k(x([],[["str",/^[\S\s]+/]]),["regex"]);window.prettyPrintOne=function(a,m,e){var h=document.createElement("PRE");h.innerHTML=a;e&&D(h,e);E({g:m,i:e,h:h});return h.innerHTML};window.prettyPrint=function(a){function m(){for(var e=window.PR_SHOULD_USE_CONTINUATION?l.now()+250:Infinity;p<h.length&&l.now()<e;p++){var n=h[p],k=n.className;if(k.indexOf("prettyprint")>=0){var k=k.match(g),f,b;if(b=
+!k){b=n;for(var o=void 0,c=b.firstChild;c;c=c.nextSibling)var i=c.nodeType,o=i===1?o?b:c:i===3?N.test(c.nodeValue)?b:o:o;b=(f=o===b?void 0:o)&&"CODE"===f.tagName}b&&(k=f.className.match(g));k&&(k=k[1]);b=!1;for(o=n.parentNode;o;o=o.parentNode)if((o.tagName==="pre"||o.tagName==="code"||o.tagName==="xmp")&&o.className&&o.className.indexOf("prettyprint")>=0){b=!0;break}b||((b=(b=n.className.match(/\blinenums\b(?::(\d+))?/))?b[1]&&b[1].length?+b[1]:!0:!1)&&D(n,b),d={g:k,h:n,i:b},E(d))}}p<h.length?setTimeout(m,
+250):a&&a()}for(var e=[document.getElementsByTagName("pre"),document.getElementsByTagName("code"),document.getElementsByTagName("xmp")],h=[],k=0;k<e.length;++k)for(var t=0,s=e[k].length;t<s;++t)h.push(e[k][t]);var e=q,l=Date;l.now||(l={now:function(){return+new Date}});var p=0,d,g=/\blang(?:uage)?-([\w.]+)(?!\S)/;m()};window.PR={createSimpleLexer:x,registerLangHandler:k,sourceDecorator:u,PR_ATTRIB_NAME:"atn",PR_ATTRIB_VALUE:"atv",PR_COMMENT:"com",PR_DECLARATION:"dec",PR_KEYWORD:"kwd",PR_LITERAL:"lit",
+PR_NOCODE:"nocode",PR_PLAIN:"pln",PR_PUNCTUATION:"pun",PR_SOURCE:"src",PR_STRING:"str",PR_TAG:"tag",PR_TYPE:"typ"}})();

out/styles/jsdoc-default.css

@@ -0,0 +1,358 @@
+@font-face {
+    font-family: 'Open Sans';
+    font-weight: normal;
+    font-style: normal;
+    src: url('../fonts/OpenSans-Regular-webfont.eot');
+    src:
+        local('Open Sans'),
+        local('OpenSans'),
+        url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
+        url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
+}
+
+@font-face {
+    font-family: 'Open Sans Light';
+    font-weight: normal;
+    font-style: normal;
+    src: url('../fonts/OpenSans-Light-webfont.eot');
+    src:
+        local('Open Sans Light'),
+        local('OpenSans Light'),
+        url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
+        url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
+}
+
+html
+{
+    overflow: auto;
+    background-color: #fff;
+    font-size: 14px;
+}
+
+body
+{
+    font-family: 'Open Sans', sans-serif;
+    line-height: 1.5;
+    color: #4d4e53;
+    background-color: white;
+}
+
+a, a:visited, a:active {
+    color: #0095dd;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+header
+{
+    display: block;
+    padding: 0px 4px;
+}
+
+tt, code, kbd, samp {
+    font-family: Consolas, Monaco, 'Andale Mono', monospace;
+}
+
+.class-description {
+    font-size: 130%;
+    line-height: 140%;
+    margin-bottom: 1em;
+    margin-top: 1em;
+}
+
+.class-description:empty {
+    margin: 0;
+}
+
+#main {
+    float: left;
+    width: 70%;
+}
+
+article dl {
+    margin-bottom: 40px;
+}
+
+article img {
+  max-width: 100%;
+}
+
+section
+{
+    display: block;
+    background-color: #fff;
+    padding: 12px 24px;
+    border-bottom: 1px solid #ccc;
+    margin-right: 30px;
+}
+
+.variation {
+    display: none;
+}
+
+.signature-attributes {
+    font-size: 60%;
+    color: #aaa;
+    font-style: italic;
+    font-weight: lighter;
+}
+
+nav
+{
+    display: block;
+    float: right;
+    margin-top: 28px;
+    width: 30%;
+    box-sizing: border-box;
+    border-left: 1px solid #ccc;
+    padding-left: 16px;
+}
+
+nav ul {
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', arial, sans-serif;
+    font-size: 100%;
+    line-height: 17px;
+    padding: 0;
+    margin: 0;
+    list-style-type: none;
+}
+
+nav ul a, nav ul a:visited, nav ul a:active {
+    font-family: Consolas, Monaco, 'Andale Mono', monospace;
+    line-height: 18px;
+    color: #4D4E53;
+}
+
+nav h3 {
+    margin-top: 12px;
+}
+
+nav li {
+    margin-top: 6px;
+}
+
+footer {
+    display: block;
+    padding: 6px;
+    margin-top: 12px;
+    font-style: italic;
+    font-size: 90%;
+}
+
+h1, h2, h3, h4 {
+    font-weight: 200;
+    margin: 0;
+}
+
+h1
+{
+    font-family: 'Open Sans Light', sans-serif;
+    font-size: 48px;
+    letter-spacing: -2px;
+    margin: 12px 24px 20px;
+}
+
+h2, h3.subsection-title
+{
+    font-size: 30px;
+    font-weight: 700;
+    letter-spacing: -1px;
+    margin-bottom: 12px;
+}
+
+h3
+{
+    font-size: 24px;
+    letter-spacing: -0.5px;
+    margin-bottom: 12px;
+}
+
+h4
+{
+    font-size: 18px;
+    letter-spacing: -0.33px;
+    margin-bottom: 12px;
+    color: #4d4e53;
+}
+
+h5, .container-overview .subsection-title
+{
+    font-size: 120%;
+    font-weight: bold;
+    letter-spacing: -0.01em;
+    margin: 8px 0 3px 0;
+}
+
+h6
+{
+    font-size: 100%;
+    letter-spacing: -0.01em;
+    margin: 6px 0 3px 0;
+    font-style: italic;
+}
+
+table
+{
+    border-spacing: 0;
+    border: 0;
+    border-collapse: collapse;
+}
+
+td, th
+{
+    border: 1px solid #ddd;
+    margin: 0px;
+    text-align: left;
+    vertical-align: top;
+    padding: 4px 6px;
+    display: table-cell;
+}
+
+thead tr
+{
+    background-color: #ddd;
+    font-weight: bold;
+}
+
+th { border-right: 1px solid #aaa; }
+tr > th:last-child { border-right: 1px solid #ddd; }
+
+.ancestors, .attribs { color: #999; }
+.ancestors a, .attribs a
+{
+    color: #999 !important;
+    text-decoration: none;
+}
+
+.clear
+{
+    clear: both;
+}
+
+.important
+{
+    font-weight: bold;
+    color: #950B02;
+}
+
+.yes-def {
+    text-indent: -1000px;
+}
+
+.type-signature {
+    color: #aaa;
+}
+
+.name, .signature {
+    font-family: Consolas, Monaco, 'Andale Mono', monospace;
+}
+
+.details { margin-top: 14px; border-left: 2px solid #DDD; }
+.details dt { width: 120px; float: left; padding-left: 10px;  padding-top: 6px; }
+.details dd { margin-left: 70px; }
+.details ul { margin: 0; }
+.details ul { list-style-type: none; }
+.details li { margin-left: 30px; padding-top: 6px; }
+.details pre.prettyprint { margin: 0 }
+.details .object-value { padding-top: 0; }
+
+.description {
+    margin-bottom: 1em;
+    margin-top: 1em;
+}
+
+.code-caption
+{
+    font-style: italic;
+    font-size: 107%;
+    margin: 0;
+}
+
+.source
+{
+    border: 1px solid #ddd;
+    width: 80%;
+    overflow: auto;
+}
+
+.prettyprint.source {
+    width: inherit;
+}
+
+.source code
+{
+    font-size: 100%;
+    line-height: 18px;
+    display: block;
+    padding: 4px 12px;
+    margin: 0;
+    background-color: #fff;
+    color: #4D4E53;
+}
+
+.prettyprint code span.line
+{
+  display: inline-block;
+}
+
+.prettyprint.linenums
+{
+  padding-left: 70px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.prettyprint.linenums ol
+{
+  padding-left: 0;
+}
+
+.prettyprint.linenums li
+{
+  border-left: 3px #ddd solid;
+}
+
+.prettyprint.linenums li.selected,
+.prettyprint.linenums li.selected *
+{
+  background-color: lightyellow;
+}
+
+.prettyprint.linenums li *
+{
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  -ms-user-select: text;
+  user-select: text;
+}
+
+.params .name, .props .name, .name code {
+    color: #4D4E53;
+    font-family: Consolas, Monaco, 'Andale Mono', monospace;
+    font-size: 100%;
+}
+
+.params td.description > p:first-child,
+.props td.description > p:first-child
+{
+    margin-top: 0;
+    padding-top: 0;
+}
+
+.params td.description > p:last-child,
+.props td.description > p:last-child
+{
+    margin-bottom: 0;
+    padding-bottom: 0;
+}
+
+.disabled {
+    color: #454545;
+}

out/styles/prettify-jsdoc.css

@@ -0,0 +1,111 @@
+/* JSDoc prettify.js theme */
+
+/* plain text */
+.pln {
+  color: #000000;
+  font-weight: normal;
+  font-style: normal;
+}
+
+/* string content */
+.str {
+  color: #006400;
+  font-weight: normal;
+  font-style: normal;
+}
+
+/* a keyword */
+.kwd {
+  color: #000000;
+  font-weight: bold;
+  font-style: normal;
+}
+
+/* a comment */
+.com {
+  font-weight: normal;
+  font-style: italic;
+}
+
+/* a type name */
+.typ {
+  color: #000000;
+  font-weight: normal;
+  font-style: normal;
+}
+
+/* a literal value */
+.lit {
+  color: #006400;
+  font-weight: normal;
+  font-style: normal;
+}
+
+/* punctuation */
+.pun {
+  color: #000000;
+  font-weight: bold;
+  font-style: normal;
+}
+
+/* lisp open bracket */
+.opn {
+  color: #000000;
+  font-weight: bold;
+  font-style: normal;
+}
+
+/* lisp close bracket */
+.clo {
+  color: #000000;
+  font-weight: bold;
+  font-style: normal;
+}
+
+/* a markup tag name */
+.tag {
+  color: #006400;
+  font-weight: normal;
+  font-style: normal;
+}
+
+/* a markup attribute name */
+.atn {
+  color: #006400;
+  font-weight: normal;
+  font-style: normal;
+}
+
+/* a markup attribute value */
+.atv {
+  color: #006400;
+  font-weight: normal;
+  font-style: normal;
+}
+
+/* a declaration */
+.dec {
+  color: #000000;
+  font-weight: bold;
+  font-style: normal;
+}
+
+/* a variable name */
+.var {
+  color: #000000;
+  font-weight: normal;
+  font-style: normal;
+}
+
+/* a function name */
+.fun {
+  color: #000000;
+  font-weight: bold;
+  font-style: normal;
+}
+
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums {
+  margin-top: 0;
+  margin-bottom: 0;
+}

out/styles/prettify-tomorrow.css

@@ -0,0 +1,132 @@
+/* Tomorrow Theme */
+/* Original theme - https://github.com/chriskempson/tomorrow-theme */
+/* Pretty printing styles. Used with prettify.js. */
+/* SPAN elements with the classes below are added by prettyprint. */
+/* plain text */
+.pln {
+  color: #4d4d4c; }
+
+@media screen {
+  /* string content */
+  .str {
+    color: #718c00; }
+
+  /* a keyword */
+  .kwd {
+    color: #8959a8; }
+
+  /* a comment */
+  .com {
+    color: #8e908c; }
+
+  /* a type name */
+  .typ {
+    color: #4271ae; }
+
+  /* a literal value */
+  .lit {
+    color: #f5871f; }
+
+  /* punctuation */
+  .pun {
+    color: #4d4d4c; }
+
+  /* lisp open bracket */
+  .opn {
+    color: #4d4d4c; }
+
+  /* lisp close bracket */
+  .clo {
+    color: #4d4d4c; }
+
+  /* a markup tag name */
+  .tag {
+    color: #c82829; }
+
+  /* a markup attribute name */
+  .atn {
+    color: #f5871f; }
+
+  /* a markup attribute value */
+  .atv {
+    color: #3e999f; }
+
+  /* a declaration */
+  .dec {
+    color: #f5871f; }
+
+  /* a variable name */
+  .var {
+    color: #c82829; }
+
+  /* a function name */
+  .fun {
+    color: #4271ae; } }
+/* Use higher contrast and text-weight for printable form. */
+@media print, projection {
+  .str {
+    color: #060; }
+
+  .kwd {
+    color: #006;
+    font-weight: bold; }
+
+  .com {
+    color: #600;
+    font-style: italic; }
+
+  .typ {
+    color: #404;
+    font-weight: bold; }
+
+  .lit {
+    color: #044; }
+
+  .pun, .opn, .clo {
+    color: #440; }
+
+  .tag {
+    color: #006;
+    font-weight: bold; }
+
+  .atn {
+    color: #404; }
+
+  .atv {
+    color: #060; } }
+/* Style */
+/*
+pre.prettyprint {
+  background: white;
+  font-family: Consolas, Monaco, 'Andale Mono', monospace;
+  font-size: 12px;
+  line-height: 1.5;
+  border: 1px solid #ccc;
+  padding: 10px; }
+*/
+
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums {
+  margin-top: 0;
+  margin-bottom: 0; }
+
+/* IE indents via margin-left */
+li.L0,
+li.L1,
+li.L2,
+li.L3,
+li.L4,
+li.L5,
+li.L6,
+li.L7,
+li.L8,
+li.L9 {
+  /* */ }
+
+/* Alternate shading for lines */
+li.L1,
+li.L3,
+li.L5,
+li.L7,
+li.L9 {
+  /* */ }

package.json

@@ -42,6 +42,7 @@
     "axios": "^0.19.2",
     "babel-core": "^6.26.3",
     "classnames": "^2.2.6",
+    "cookie_js": "^1.4.0",
     "electron-config": "^2.0.0",
     "electron-is": "^3.0.0",
     "electron-log": "^4.2.4",
@@ -49,6 +50,7 @@
     "enquire-js": "^0.2.1",
     "feather-reactjs": "^2.0.13",
     "jquery": "^3.5.1",
+    "jsonwebtoken": "^8.5.1",
     "less-vars-to-js": "^1.3.0",
     "localforage": "^1.7.4",
     "lodash": "^4.17.19",

src/components/Layout/Sider/default/index.js

@@ -13,14 +13,17 @@ export default class Sider_Default extends React.PureComponent {
     this.setState({ menus: this.props.menus, loading: false })
   }
 
-  renderMenus(data){
+  renderMenus(data, position){
+    if(!position) return null
     return data.map(e => {
-      return e.desktop? (
-        <antd.Menu.Item key={e.id}>
-        {e.icon}
-        <span>{e.title}</span>
-      </antd.Menu.Item>
-      ) : null
+      if (!e.attributes) e.attributes = {}
+      let componentPosition = e.attributes.position || "top" 
+     
+      return componentPosition == position
+        ? (<antd.Menu.Item key={e.id}>
+        {e.icon} <span>{e.title}</span>
+        </antd.Menu.Item>)
+        : null
     })
   }
 
@@ -42,14 +45,12 @@ export default class Sider_Default extends React.PureComponent {
          
           <div className={styles.left_sider_menuContainer}>
               <antd.Menu
-                // style={{color: predominantColor}}
-                //className={classnames(styles.left_sider_menuItems, {[styles.matchColor]: theme.predominantColor? true : false})}
                 selectable={true}
                 className={styles.left_sider_menuItems}
                 mode="vertical"
                 onClick={handleClickMenu}
               >
-                {this.renderMenus(this.state.menus)}
+                {this.renderMenus(this.state.menus, "top")}
               </antd.Menu>
 
               <div className={styles.something_thats_pulling_me_down}>
@@ -59,15 +60,7 @@ export default class Sider_Default extends React.PureComponent {
                   mode="vertical"
                   onClick={handleClickMenu}
                 >
-                  <antd.Menu.Item key="settings">
-                    <Icons.SettingOutlined />
-                      <span>Settings</span>
-                  </antd.Menu.Item>
-
-                  <antd.Menu.Item key="logout">
-                    <Icons.LogoutOutlined style={{ color: 'red' }} />
-                       <span>Logout</span>
-                  </antd.Menu.Item>
+                  {this.renderMenus(this.state.menus, "bottom")}
                 </antd.Menu>
               </div>
           </div>

src/components/Layout/Sider/index.js

@@ -5,18 +5,72 @@ import MenuList from 'globals/sidebar_menu'
 
 import Sider_Mobile from './mobile'
 import Sider_Default from './default'
+import { connect } from 'umi'
 
+@connect(({ app }) => ({ app }))
 class Sider extends React.PureComponent {
+  state = {
+    loading: true,
+    menus: []
+  }
 
   handleClickMenu = e => {
     router.go(`/${e.key}`)
   }
 
+  requireQuery(require){
+    return new Promise(resolve => {
+      this.props.dispatch({
+        type: 'app/isUser',
+        payload: require,
+        callback: (e) => {
+          resolve(e)
+        }
+      })
+    })
+  }
+
+  async menuQuery(data){
+    if (!data) return false
+    this.setState({ loading: true })
+
+    const filterArray = (data) =>{
+      return new Promise(resolve => {
+        let menuMap = {
+          desktop: [],
+          mobile: []
+        }
+        data.forEach(async (element) => {
+          if(!element.attributes){
+            element.attributes = {}
+          }
+          let validRequire = typeof(element.attributes.require) !== 'undefined'? await this.requireQuery(element.attributes.require) : true
+          let onDekstopMode = typeof(element.attributes.desktop) !== 'undefined'? element.attributes.desktop : true
+          let onMobileMode = typeof(element.attributes.mobile) !== 'undefined'? element.attributes.mobile : true
+    
+          if (validRequire) {
+            onDekstopMode? menuMap.desktop.push(element) : null
+            onMobileMode? menuMap.mobile.push(element) : null
+          }
+        })
+        resolve(menuMap)
+      })
+    }
+
+    this.setState({ menus: await filterArray(data), loading: false })
+  }
+
+  componentDidMount(){
+    this.menuQuery(MenuList)
+  }
+
+
   render() {
     const { isMobile } = this.props
-    const sider_props = { menus: MenuList, handleClickMenu: this.handleClickMenu, logo: app_config.LogoPath }
-
-    return isMobile? <Sider_Mobile {...sider_props} /> : <Sider_Default {...sider_props} />
+    const sider_props = { handleClickMenu: this.handleClickMenu, logo: app_config.LogoPath }
+  
+    if(this.state.loading) return null
+    return isMobile? <Sider_Mobile menus={this.state.menus.mobile} {...sider_props} /> : <Sider_Default menus={this.state.menus.desktop} {...sider_props} />
   }
 }
 

src/components/Layout/Sider/mobile/index.js

@@ -7,9 +7,7 @@ export default class Sider_Mobile extends React.PureComponent {
 
   renderMenus(data){
     return data.map(e => {
-      return e.mobile? (
-        <antd.Menu.Item key={e.id} style={{ color: '#ffffff', fontSize: '18px' }} >{e.icon}</antd.Menu.Item>
-      ) : null
+      return <antd.Menu.Item key={e.id} style={{ color: '#ffffff', fontSize: '18px' }} >{e.icon}</antd.Menu.Item>
     })
   }
   

src/core/cores/session/index.js

@@ -24,8 +24,21 @@ function auth(payload, callback) {
   }
 }
 
-function deauth() {
-
+function deauth(payload, callback) {
+  if (!payload) return false;
+  const frame = { id: payload.id, type: "delete"}
+  v3_model.api_request(
+    {
+      body: frame,
+      endpoint: endpoints.sessions,
+      serverKey: payload.server_key,
+      userToken: payload.userToken,
+      verbose: true,
+    },
+    (err, res) => {
+      return callback(err, res);
+    },
+  );
 }
 
 const backup = {

src/core/index.js

@@ -404,3 +404,7 @@ export function get_value(source,key){
         return false
     }
 }
+
+export function iatToString(iat){
+  return  new Date(iat * 1000).toLocaleString()
+}

src/layouts/PrimaryLayout.js

@@ -82,7 +82,6 @@ class PrimaryLayout extends React.Component {
     }
    
     window.DarkMode = isActive(currentTheme["darkmode"])? true : false
-    console.log('USING PRIMARY')
     return (
       <React.Fragment >
         <Control />

src/models/app.js

@@ -3,9 +3,13 @@ import store from 'store';
 import { pathMatchRegexp, queryLayout } from 'core';
 import { app_config } from 'config';
 import keys from 'config/app_keys';
-import { router } from 'core/cores';
+import { router, user, session } from 'core/cores';
 import verbosity from 'core/libs/verbosity'
 import { notify } from 'core/libs/interface/notify'
+import settings from 'core/libs/settings'
+
+import jwt from 'jsonwebtoken'
+import cookie from 'cookie_js'
 
 export default {
   namespace: 'app',
@@ -16,7 +20,8 @@ export default {
     ng_services: false,
     session_valid: false,
 
-    session_token: sessionStorage.getItem('session'),
+    session_authframe: null,
+    session_token: null,
     session_data: null,
     session_uuid: null,
 
@@ -36,10 +41,11 @@ export default {
       try {
         const electron = window.require("electron")
         dispatch({ type: 'updateState', payload: { electron: electron } });
-        console.log('ELECTRON INTERFACED')
       } catch (error) {
         // nothing
       }
+      dispatch({ type: 'updateFrames' })
+      dispatch({ type: 'handleValidate' })
       dispatch({ type: 'query' });
     },
     setupHistory({ dispatch, history }) {
@@ -70,13 +76,16 @@ export default {
     *query({ payload }, { call, put, select }) {
       const service = yield select(state => state.app.service_valid);
       const session = yield select(state => state.app.session_valid);
-
-      yield put({ type: 'updateFrames' })
+      const sessionDataframe = yield select(state => state.app.session_data)
 
       if (!service) {
         console.error('❌ Cannot connect with validate session service!');
       }
-
+      
+      if (!sessionDataframe && session ) {
+        console.log('Updating dataframe!')
+        yield put({ type: 'handleUpdateData' })
+      }
 
       // if (session) {
       //   if (pathMatchRegexp(['/', '/login'], window.location.pathname)) {
@@ -96,15 +105,23 @@ export default {
       // }
     },
     *logout({ payload }, { call, put, select }) {
-      // call logout api
-      return yield put({ type: 'disconnectServices' });
+      const uuid = yield select(state => state.app.session_uuid)
+      const token = yield select(state => state.app.session_token)
+      const sk = yield select(state => state.app.server_key)
+
+      session.deauth({ id: uuid, userToken: token, server_key: sk }, (err, res) =>{
+        verbosity.debug(res)
+      })
+      yield put({ type: 'sessionErase' })
+
     },
     *login({ payload }, { call, put, select }) {
       if (!payload) return false;
-      
       const { user_id, access_token } = payload.authFrame
-  
       return yield put({ type: 'handleLogin', payload: { user_id, access_token, user_data: payload.dataFrame } })
+    },
+    *guestLogin({ payload }, { put, select }) {
+
     },
     *updateTheme({payload}, {put, select}){
       if (!payload) return false
@@ -128,6 +145,35 @@ export default {
       })
       return tmp? yield put({ type: 'handleUpdateTheme', payload: tmp }) : null
     },
+    *updateFrames({payload}, { select, put }) {
+      try {
+        const session = yield select(state => state.app.session_valid);
+        let sessionAuthframe = cookie.get(app_config.session_token_storage)
+        let sessionDataframe = sessionStorage.getItem(app_config.session_data_storage)
+        
+        if (sessionAuthframe) {
+          try {
+            sessionAuthframe = jwt.decode(sessionAuthframe)
+            yield put({ type: 'handleUpdateAuthFrames', payload: sessionAuthframe })
+          } catch (error) {
+            verbosity.error('Invalid AUTHFRAME !', error)
+            cookie.remove(app_config.session_token_storage)
+          }
+        }  
+        if (sessionDataframe) {
+          try {
+            sessionDataframe = JSON.parse(atob(sessionDataframe))
+            yield put({ type: 'handleUpdateDataFrames', payload: sessionDataframe })
+          } catch (error) {
+            verbosity.error('Invalid DATAFRAME !', error, session)  
+            sessionDataframe = null   
+            sessionStorage.clear()
+          }
+        } 
+      } catch (error) {
+        verbosity.error(error)
+      }
+    },
   },
   reducers: {
     updateState(state, { payload }) {
@@ -136,23 +182,36 @@ export default {
         ...payload,
       };
     },
-    updateFrames(state) {
-      try {
-        let sessionAuthframe = sessionStorage.getItem('session')
-        let sessionDataframe = sessionStorage.getItem('data')
-        
-        if (sessionAuthframe) {
-          sessionAuthframe = JSON.parse(atob(sessionAuthframe))
-        }  
-        if (sessionDataframe) {
-          sessionDataframe = JSON.parse(atob(sessionDataframe))
-        } 
+    handleUpdateAuthFrames(state, { payload }) {
+      state.session_authframe = payload
+      state.session_token = payload.session_token,
+      state.session_uuid = payload.session_uuid
+    },
+    handleUpdateDataFrames(state, { payload }) {
+      state.session_data = payload
+    },
+    handleValidate(state){
+      if (state.session_authframe) {
+        if (settings("session_noexpire")) {
+          state.session_valid = true
+          return 
+        }
+        const tokenExp = state.session_authframe.exp * 1000
+        const tokenExpLocale = new Date(tokenExp).toLocaleString()
+        const now = new Date().getTime()
 
-        state.session_token = sessionAuthframe.session_token,
-        state.session_uuid = sessionAuthframe.session_uuid
-        state.session_data = sessionDataframe
-      } catch (error) {
-        verbosity.error(error)
+        verbosity.log(
+          `TOKEN EXP => ${tokenExp} ${
+            settings("session_noexpire") ? '( Infinite )' : `( ${tokenExpLocale} )`
+          } || NOW => ${now}`
+        )
+     
+        if (tokenExp < now) {
+          verbosity.debug('This token is expired !!!')
+          state.session_valid = false
+        }else{
+          state.session_valid = true
+        }
       }
     },
     handleLogin(state, { payload }){
@@ -162,20 +221,86 @@ export default {
       state.session_uuid = payload.user_id
       state.session_data = payload.user_data
 
-      const sessionAuthframe = btoa(JSON.stringify({session_token: payload.access_token, session_uuid: payload.user_id}))
-      const sessionDataframe = btoa(payload.user_data)
+      const sessionData = JSON.parse(payload.user_data)
+
+      const frame = {
+        session_uuid: payload.user_id,
+        session_token: payload.access_token,
+        avatar: sessionData.avatar,
+        username: sessionData.username,
+        attributes: {
+          isAdmin: sessionData.admin,
+          isDev: sessionData.dev,
+          isPro: sessionData.is_pro
+        },
+        exp: settings("session_noexpire")
+          ? 0
+          : Math.floor(Date.now() / 1000) + 60 * 60,
+        }
+    
+        jwt.sign(frame, state.server_key, (err, token) => {
+          if (err) {
+            verbosity.error(err)
+            return false
+          }
+          cookie.set(app_config.session_token_storage, token)
+          sessionStorage.setItem(app_config.session_data_storage, btoa(payload.user_data))
+          state.session_authframe = token
+        })
+
+        notify.success('Login done!')
+        router.push('/')
+        state.session_valid = true
 
-      sessionStorage.setItem('session', sessionAuthframe)
-      sessionStorage.setItem('data', sessionDataframe)
-      notify.success('Login done!')
-      router.push('/')
     },
+    handleUpdateData(state){
+      const frame = {
+        id: state.session_uuid, 
+        access_token: state.session_token,
+        serverKey: state.server_key
+      }
+      user.get.data(frame, (err, res) => {
+          if(err) {
+            verbosity.error(err)
+          }
+          if (res) {
+              try {
+                const session_data = JSON.stringify(JSON.parse(res)["user_data"])
+                sessionStorage.setItem(app_config.session_data_storage, btoa(session_data))
+                state.session_data = session_data
+              } catch (error) {
+                verbosity.error(error)
+              }
+          }
+      })
 
+    },
     handleThemeChange(state, { payload }) {
       store.set('theme', payload);
       state.theme = payload;
     },
 
+    isUser(state, { payload, callback }){
+      if(!payload || !callback) return false
+      switch (payload) {
+        case 'login':{
+          callback(state.session_valid)
+          break;
+        }
+        case 'guest':{
+          callback(!state.session_valid)
+          break;
+        }
+        case 'dev':{
+          callback(state.session_data.dev? true : false)
+          break;
+        }
+        default:{
+          break;
+        }
+      }
+    },
+
     appControl(state, {payload}){
       if (!payload) return false
       const ipc = state.electron.ipcRenderer
@@ -210,11 +335,14 @@ export default {
       state.app_theme = payload
     },
 
-    disconnectServices(state) {
+    sessionErase(state) {
       state.service_valid = false;
       state.session_valid = false;
       state.session_data = null;
       state.session_token = null;
+      state.session_authframe = null;
+      cookie.remove(app_config.session_token_storage)
+      sessionStorage.clear()
     },
   },
 };

src/pages/debug/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { request } from 'api';
+import {v3_request} from 'api';
+import { api_request } from 'core/libs/v3_model'
 import {
   Row,
   Col,
@@ -99,12 +100,18 @@ class RequestPage extends React.Component {
       .catch(errorInfo => {
         console.log(errorInfo);
       });
-
-    request({ method, url, params, body }).then(data => {
-      this.setState({
-        result: JSON.stringify(data),
-      });
-    });
+      const frame = {
+        method,
+        endpoint: `${method} ${url}`,
+        body,
+        verbose: true
+      }
+      console.log(frame)
+      api_request(frame, (err, res) => {
+        this.setState({
+          result: res,
+        });
+      })
   };
 
   handleClickListItem = ({ method, url }) => {

src/pages/index.js

@@ -60,12 +60,18 @@ class PageIndex extends React.PureComponent {
       }
       return null
     }
+    const handleUpdateData = () => {
+      this.props.dispatch({
+        type: "app/handleUpdateData"
+      })
+    }
+
     return (
       <div>
         <antd.Card style={{ wordBreak: 'break-all' }} title={<><Icons.Redux style={{ height: '19px', marginRight: '7px' }} /> Redux state</>}>
           {AppState()}
         </antd.Card>
-        
+        <antd.Button onClick={() => handleUpdateData()} > updateData </antd.Button>
       
       </div>
     );

src/pages/login/guest.js

@@ -0,0 +1,27 @@
+import React from 'react'
+
+import * as antd from 'antd'
+
+import verbosity from 'core/libs/verbosity'
+
+import * as Icons from 'components/Icons'
+import { connect } from 'umi'
+
+@connect(({ app }) => ({ app }))
+export default class GuestSession extends React.PureComponent {
+  state = {
+    accept: false,
+  }
+  
+  render() {
+    return (
+      <div style={{}}>
+         <div>
+             
+             <h6><antd.Checkbox onChange={(e) => this.setState({accept: e.target.checked})} /> You have read and accept the TOS</h6>
+             <antd.Button disabled={!this.state.accept} onClick={() => { this.props.dispatch({ type: "guestLogin" }) }} > Continue </antd.Button>
+         </div>
+      </div>
+    )
+  }
+}

src/pages/login/index.js

@@ -1,5 +1,8 @@
 import React from 'react'
-import { app_info } from 'core'
+import { app_info, iatToString } from 'core'
+import { router } from 'core/cores/router'
+import { notify } from 'core/libs/interface/notify'
+
 import styles from './index.less'
 import classnames from 'classnames'
 
@@ -8,6 +11,7 @@ import * as Icons from 'components/Icons'
 
 import { RegistrationForm } from './register.js'
 import { NormalLoginForm } from './login.js'
+import GuestSession from './guest.js'
 
 import { app_config } from 'config'
 
@@ -17,7 +21,9 @@ export function transitionToogle() {
   })
   window.LoginComponent.toogleYulioID()
 }
+import { connect } from 'umi'
 
+@connect(({ app }) => ({ app }))
 class Login extends React.PureComponent {
   constructor(props) {
     super(props)
@@ -40,6 +46,9 @@ class Login extends React.PureComponent {
     forgot: () => {
       this.switchType.f(3)
     },
+    guest: () => {
+      this.switchType.f(4)
+    }
   }
 
   renderType(t) {
@@ -52,6 +61,8 @@ class Login extends React.PureComponent {
           return 'Register'
         case 3:
           return 'Forgot'
+        case 4: 
+          return 'Guest'
         default:
           return 'Auth'
       }
@@ -63,6 +74,8 @@ class Login extends React.PureComponent {
           return <RegistrationForm />
         case 3:
           return null
+        case 4: 
+          return <GuestSession />
         default:
           return <NormalLoginForm />
       }
@@ -79,6 +92,9 @@ class Login extends React.PureComponent {
           <antd.Button type="link" onClick={() => this.switchType.register()}>
             Create an account
           </antd.Button>
+          <antd.Button type="link" onClick={() => this.switchType.guest()}>
+            Use guest session 
+          </antd.Button>
         </div>
       )
     }
@@ -93,7 +109,34 @@ class Login extends React.PureComponent {
     }
   }
 
+  componentDidMount(){
+    if (this.props.app.session_valid) {
+      notify.info('You have already logged into an account, you can change your account by logging in again')
+    }
+  }
+  
+  componentWillUnmount(){
+    antd.Modal.destroyAll()
+  }
+
   render() {
+    const dispatchLogout = () => this.props.dispatch({ type: "app/logout" })
+    
+    const openAccountModal = () => {
+      antd.Modal.confirm({
+        title: this.props.app.session_data.username,
+        icon:  <antd.Avatar src={this.props.app.session_data.avatar} />,
+        content: 'Some descriptions',
+        onOk() {
+          router.push('/')
+        },
+        onCancel() {
+          dispatchLogout()
+        },
+        okText: <><Icons.Home/>Resume</>,
+        cancelText: <><Icons.Trash/>Logout</>
+      });
+    }
     return (
       <div
         className={classnames(styles.login_wrapper, {
@@ -123,6 +166,14 @@ class Login extends React.PureComponent {
               {this.renderType()}
               {this.renderHelperButtons()}
             </div>
+            {this.props.app.session_authframe?
+              <div className={styles.third_body}>
+                <div className={styles.last_auth} onClick={() => openAccountModal()}>
+                  <h4><antd.Avatar size="small" src={this.props.app.session_data.avatar} /> @{this.props.app.session_data.username}</h4>
+                  <h5><Icons.Clock/>Last login  <antd.Tag>{iatToString(this.props.app.session_authframe.iat || 0)}</antd.Tag></h5>
+                </div>
+              </div>
+            : null}
           </div>
         </div>
       </div>

src/pages/login/index.less

@@ -97,8 +97,32 @@
   box-shadow: 0 10px 20px 0 rgba(51,51,51,0.52);
   transition: all 300ms ease-in-out;
 }
+.third_body{
+  z-index: 50;
+  transform: translate(0, -24px);
+  float: right;
+  width: 100%;
+  max-height: -webkit-fill-available;
+  height: 120px;
+  padding: 45px 50px;
+  color: #333;
+  background-color: #fff;
+  border-radius: 12px;
+  box-shadow: 0 10px 20px 0 rgba(51, 51, 51, 0.52);
+  transition: all 300ms ease-in-out;
+  
+  .last_auth{
+    font-size: 14px;
+
+  }
+}
+.third_body:hover{
+  background-color: rgba(255, 255, 255, 0.3);
+  box-shadow: 0 10px 20px 0 rgba(51, 51, 51, 0.8);
+  transform: translate(0, -16px);
 
 
+}
 
 .helper_login_btn{
   transform: translate(-20px, -14px);