diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..08281f6
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,141 @@
+# ---> Go
+# Binaries for programs and plugins
+*.exe
+*.exe~
+*.dll
+*.so
+*.dylib
+
+# Test binary, built with `go test -c`
+*.test
+
+# Output of the go coverage tool, specifically when used with LiteIDE
+*.out
+
+# Dependency directories (remove the comment below to include it)
+# vendor/
+
+# ---> Node
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+.env.production
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+*yarn.lock
+*package-lock.json
+*log/
+*downloadFiles/
\ No newline at end of file
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..ffb06bd
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,65 @@
+{
+   // 使用 IntelliSense 了解相关属性。 
+   // 悬停以查看现有属性的描述。
+   // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
+   "version": "0.2.0",
+   "configurations": [
+      {
+         "type": "node",
+         "request": "launch",
+         "name": "启动 API",
+         "program": "${workspaceRoot}/api/server.js",
+         "env": {
+            "NODE_ENV": "development"
+         },
+         "args": [
+            "-p 4700",
+            // "-f http://localhost:4700",
+            // 研发
+            "-g postgres://postgres:123@10.8.30.166:5432/hr-dev",
+            "--redisHost localhost",
+            "--redisPort 6379",
+            // "--apiEmisUrl http://10.8.30.112:14000",
+            // 测试
+            "--apiEmisUrl http://10.8.30.161:1111",
+            "--qnak XuDgkao6cL0HidoMAPnA5OB10Mc_Ew08mpIfRJK5",
+            "--qnsk yewcieZLzKZuDfig0wLZ9if9jKp2P_1jd3CMJPSa",
+            "--qnbkt dev-hr",
+            // "--qndmn http://resources.anxinyun.cn",
+            "--qndmn http://rjkwed13l.hn-bkt.clouddn.com",
+            
+            // 似乎不能传空 先注释 * 2
+            // "--clickHouseUser ",
+            // "--clickHousePassword ",
+
+            "--clickHousePort 30123",
+
+            // 开发
+            // "--clickHouseUrl http://10.8.30.71",
+            // "--clickHousePepEmis pepca_dev",
+            // "--clickHouseCamworkflow camworkflow",
+            // "--clickHouseHr hr_dev",
+
+            // 测试
+            "--clickHouseUrl http://10.8.30.161",
+            "--clickHousePepEmis pg_pepca",
+         ]
+      },
+      {
+         "type": "node",
+         "request": "launch",
+         "name": "run mocha",
+         "program": "${workspaceRoot}/node_modules/mocha/bin/_mocha",
+         "stopOnEntry": false,
+         "args": [
+            "app/test/*.test.js",
+            "--no-timeouts"
+         ],
+         "cwd": "${workspaceRoot}",
+         "runtimeExecutable": null,
+         "env": {
+            "NODE_ENV": "development"
+         }
+      }
+   ]
+}
\ No newline at end of file
diff --git a/api/Dockerfile b/api/Dockerfile
new file mode 100644
index 0000000..74ac3c3
--- /dev/null
+++ b/api/Dockerfile
@@ -0,0 +1,36 @@
+# FROM repository.anxinyun.cn/devops/node:12-dev as builder
+
+# COPY . /var/app
+
+# WORKDIR /var/app
+
+# EXPOSE 8080
+
+# RUN npm config set registry=http://10.8.30.22:7000
+# RUN echo "{\"time\":\"$BUILD_TIMESTAMP\",\"build\": \"$BUILD_NUMBER\",\"revision\": \"$SVN_REVISION_1\",\"URL\":\"$SVN_URL_1\"}" > version.json
+# RUN npm cache clean -f
+# RUN rm -rf package-lock.json
+# RUN npm install --registry http://10.8.30.22:7000
+
+# FROM registry.cn-hangzhou.aliyuncs.com/fs-devops/node:12
+
+# COPY --from=builder --chown=node /var/app  /home/node/app
+
+# WORKDIR /home/node/app
+
+# CMD ["node", "server.js"]
+
+
+# 旧版本构建方式
+
+FROM repository.anxinyun.cn/base-images/nodejs12:20.10.12.2
+
+COPY . /var/app
+
+WORKDIR /var/app
+
+EXPOSE 8080
+
+CMD ["-u", "http://localhost:8088"]
+
+ENTRYPOINT [ "node", "server.js" ]
\ No newline at end of file
diff --git a/api/app/index.js b/api/app/index.js
new file mode 100644
index 0000000..e1436de
--- /dev/null
+++ b/api/app/index.js
@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = require('./lib');
\ No newline at end of file
diff --git a/api/app/lib/controllers/auth/index.js b/api/app/lib/controllers/auth/index.js
new file mode 100644
index 0000000..7c23a36
--- /dev/null
+++ b/api/app/lib/controllers/auth/index.js
@@ -0,0 +1,72 @@
+'use strict';
+const Hex = require('crypto-js/enc-hex');
+const MD5 = require('crypto-js/md5');
+const moment = require('moment');
+const uuid = require('uuid');
+
+async function login (ctx, next) {
+   // const transaction = await ctx.fs.dc.orm.transaction();
+   try {
+      const params = ctx.request.body;
+
+      const emisLoginRes = await ctx.app.fs.emisRequest.post('login', {
+         data: params
+      })
+
+      if (!emisLoginRes) {
+         throw "无此用户，请使用正确的登录信息"
+      } else {
+
+         emisLoginRes.authorized = true
+         emisLoginRes.expired = moment().add(1, 'day')
+         emisLoginRes.hrUserInfo = undefined
+
+         await ctx.redis.hmset(emisLoginRes.token, {
+            expired: moment().add(1, 'day'),
+            userInfo: JSON.stringify(emisLoginRes)
+         });
+
+         ctx.status = 200;
+         ctx.body = emisLoginRes;
+      }
+      // await transaction.commit();
+   } catch (error) {
+      // await transaction.rollback();
+      ctx.fs.logger.error(`path: ${ctx.path}, error: ${error}`);
+      ctx.status = 400;
+      let message = typeof error == 'string' ? error
+         : error.response.body.message || "登录失败"
+      if (message == '账号或密码错误') {
+         message = '无此用户，请使用正确的登录信息'
+      }
+
+      ctx.body = {
+         message: message
+      }
+   }
+}
+
+async function logout (ctx) {
+   try {
+      const models = ctx.fs.dc.models;
+      const params = ctx.request.body;
+
+      await ctx.app.fs.emisRequest.put('logout', {
+         data: params
+      })
+      await ctx.redisTools.hdelall(token);
+
+      ctx.status = 204;
+   } catch (error) {
+      ctx.fs.logger.error(`path: ${ctx.path}, error: ${error}`);
+      ctx.status = 400;
+      ctx.body = {
+
+      }
+   }
+}
+
+module.exports = {
+   login,
+   logout,
+};
\ No newline at end of file
diff --git a/api/app/lib/index.js b/api/app/lib/index.js
new file mode 100644
index 0000000..9b996bf
--- /dev/null
+++ b/api/app/lib/index.js
@@ -0,0 +1,56 @@
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const utils = require('./utils')
+const routes = require('./routes');
+const redisConnect = require('./service/redis')
+const socketConect = require('./service/socket')
+const paasRequest = require('./service/paasRequest');
+const authenticator = require('./middlewares/authenticator');
+const clickHouseClient = require('./service/clickHouseClient')
+// const schedule = require('./schedule')
+// const apiLog = require('./middlewares/api-log');
+
+module.exports.entry = function (app, router, opts) {
+   app.fs.logger.log('info', '[FS-AUTH]', 'Inject auth and api mv into router.');
+
+   app.fs.api = app.fs.api || {};
+   app.fs.opts = opts || {};
+   app.fs.utils = app.fs.utils || {};
+   app.fs.api.authAttr = app.fs.api.authAttr || {};
+   app.fs.api.logAttr = app.fs.api.logAttr || {};
+
+   // 顺序固定 ↓ 
+   redisConnect(app, opts)
+   socketConect(app, opts)
+
+   // 实例其他平台请求方法
+   paasRequest(app, opts)
+
+   // clickHouse 数据库 client 
+   clickHouseClient(app, opts)
+
+   // 工具类函数
+   utils(app, opts)
+
+   // // 定时任务
+   // schedule(app, opts)
+
+   // 鉴权中间件
+   router.use(authenticator(app, opts));
+
+   // 日志记录
+   // router.use(apiLog(app, opts));
+
+   router = routes(app, router, opts);
+};
+
+module.exports.models = function (dc) { // dc = { orm: Sequelize对象, ORM: Sequelize, models: {} }
+
+   // 模型关系摘出来 初始化之后再定义关系才行
+   fs.readdirSync(path.join(__dirname, '/models')).forEach((filename) => {
+      require(`./models/${filename}`)(dc)
+   });
+
+};
diff --git a/api/app/lib/middlewares/api-log.js b/api/app/lib/middlewares/api-log.js
new file mode 100644
index 0000000..fb17f66
--- /dev/null
+++ b/api/app/lib/middlewares/api-log.js
@@ -0,0 +1,83 @@
+/**
+ * Created by PengPeng on 2017/4/26.
+ */
+'use strict';
+
+const moment = require('moment');
+const pathToRegexp = require('path-to-regexp');
+
+function factory(app, opts) {
+    async function sendToEsAsync(producer, payloads) {
+        return new Promise((resolve, reject) => {
+            producer.send(payloads, function (err) {
+                if (err) {
+                    reject(err);
+                } else {
+                    resolve();
+                }
+            });
+        })
+    }
+
+    async function logger(ctx, next) {
+        const { path, method } = ctx;
+        const start = Date.now();
+
+        // 等待路由处理
+        await next();
+
+        try {
+            let logAttr = null;
+            for (let prop in app.fs.api.logAttr) {
+                let keys = [];
+                let re = pathToRegexp(prop.replace(/\:[A-Za-z_\-]+\b/g, '(\\d+)'), keys);
+                if (re.test(`${method}${path}`)) {
+                    logAttr = app.fs.api.logAttr[prop];
+                    break;
+                }
+            }
+            let parameter = null, parameterShow = null, user_id, _token, app_key;
+            if (ctx.fs.api) {
+                const { actionParameter, actionParameterShow, userId, token, appKey } = ctx.fs.api;
+                parameter = actionParameter;
+                parameterShow = actionParameterShow;
+                user_id = userId;
+                _token = token;
+                app_key = appKey;
+            }
+            const producer = ctx.fs.kafka.producer;
+
+            const message = {
+                log_time: moment().toISOString(),
+                method: method,
+                content: logAttr ? logAttr.content : '',
+                parameter: JSON.stringify(parameter) || JSON.stringify(ctx.request.body),
+                parameter_show: parameterShow,
+                visible: logAttr ? logAttr.visible : true,
+                cost: Date.now() - start,
+                status_code: ctx.status,
+                url: ctx.request.url,
+                user_agent: ctx.request.headers["user-agent"],
+                user_id: user_id,
+                session: _token,
+                app_key: app_key,
+                header: JSON.stringify(ctx.request.headers),
+                ip: ctx.request.headers["x-real-ip"] || ctx.ip
+            };
+
+            const payloads = [{
+                topic: `${opts.kafka.topicPrefix}`,
+                messages: [JSON.stringify(message)],
+                partition: 0
+            }];
+
+            // await sendToEsAsync(producer, payloads);
+
+        } catch (e) {
+            ctx.fs.logger.error(`日志记录失败: ${e}`);
+        }
+    }
+    return logger;
+}
+
+module.exports = factory;
diff --git a/api/app/lib/middlewares/authenticator.js b/api/app/lib/middlewares/authenticator.js
new file mode 100644
index 0000000..90000bf
--- /dev/null
+++ b/api/app/lib/middlewares/authenticator.js
@@ -0,0 +1,162 @@
+/**
+ * Created by PengLing on 2017/3/27.
+ */
+'use strict';
+
+const pathToRegexp = require('path-to-regexp');
+const util = require('util');
+const moment = require('moment');
+
+class ExcludesUrls {
+   constructor(opts) {
+      this.allUrls = undefined;
+      this.reload(opts);
+   }
+
+   sanitizePath (path) {
+      if (!path) return '/';
+      const p = '/' + path.replace(/^\/+/i, '').replace(/\/+$/, '').replace(/\/{2,}/, '/');
+      return p;
+   }
+
+   reload (opts) {
+      // load all url
+      if (!this.allUrls) {
+         this.allUrls = opts;
+         let that = this;
+         this.allUrls.forEach(function (url, i, arr) {
+            if (typeof url === "string") {
+               url = { p: url, o: '*' };
+               arr[i] = url;
+            }
+            const keys = [];
+            let eachPath = url.p;
+            url.p = (!eachPath || eachPath === '(.*)' || util.isRegExp(eachPath)) ? eachPath : that.sanitizePath(eachPath);
+            url.pregexp = pathToRegexp(eachPath, keys);
+         });
+      }
+   }
+
+   isExcluded (path, method) {
+      return this.allUrls.some(function (url) {
+         return !url.auth
+            && url.pregexp.test(path)
+            && (url.o === '*' || url.o.indexOf(method) !== -1);
+      });
+   }
+}
+
+/**
+ * 判断Url是否不鉴权
+ * @param {*} opts {exclude: [*] or []}，'*'或['*']:跳过所有路由; []:所有路由都要验证
+ * @param {*} path 当前request的path
+ * @param {*} method 当前request的method
+ */
+let isPathExcluded = function (opts, path, method) {
+   let excludeAll = Boolean(opts.exclude && opts.exclude.length && opts.exclude[0] == '*');
+   let excludes = null;
+   if (!excludeAll) {
+      let excludeOpts = opts.exclude || [];
+      excludeOpts.push({ p: '/login', o: 'POST' });
+      excludeOpts.push({ p: '/logout', o: 'PUT' });
+      excludes = new ExcludesUrls(excludeOpts);
+   }
+   let excluded = excludeAll || excludes.isExcluded(path, method);
+   return excluded;
+};
+
+let authorizeToken = async function (ctx, token) {
+   let startTime = moment()
+   let rslt = null;
+   const tokenFormatRegexp = /^(\{{0,1}([0-9a-fA-F]){8}-([0-9a-fA-F]){4}-([0-9a-fA-F]){4}-([0-9a-fA-F]){4}-([0-9a-fA-F]){12}\}{0,1})$/g;
+   if (token && tokenFormatRegexp.test(token)) {
+      try {
+         const expired = await ctx.redis.hget(token, 'expired');
+
+         // const authorizeRes = await ctx.app.fs.emisRequest.get('authorize', {
+         //    query: { token }
+         // })
+         // const { userInfo, expired } = authorizeRes;
+
+
+         // TODO 从项企 clickhouse 数据库中查 token 并更新
+         if (expired && moment().valueOf() <= moment(expired).valueOf()) {
+            const userInfo = JSON.parse(await ctx.redis.hmget(token, 'userInfo'));
+            const { pomsUserInfo: pomsUser } = userInfo
+
+            // const pomsUser = await ctx.app.fs.dc.models.User.findOne({
+            //    where: {
+            //       pepUserId: userInfo.id
+            //    }
+            // }) || {}
+            
+            rslt = {
+               'authorized': userInfo.authorized,
+               'resources': (userInfo || {}).resources || [],
+            };
+            ctx.fs.api.userId = pomsUser.id;
+            ctx.fs.api.userInfo = pomsUser;
+            ctx.fs.api.pepUserId = userInfo.id;
+            ctx.fs.api.pepUserInfo = userInfo;
+            ctx.fs.api.token = token;
+         }
+      } catch (err) {
+         const { error } = err.response || {};
+         ctx.fs.logger.log('[anxinyun]', '[AUTH] failed', (error || {}).message || `cannot GET /users/${token}`);
+      }
+   }
+   return rslt;
+};
+
+let isResourceAvailable = function (resources, options) {
+   let authCode = null;
+   // authorize user by authorization attribute
+   const { authAttr, method, path } = options;
+   for (let prop in authAttr) {
+      let keys = [];
+      let re = pathToRegexp(prop.replace(/\:[A-Za-z_\-]+\b/g, '(\\d+)'), keys);
+      if (re.test(`${method}${path}`)) {
+         authCode = authAttr[prop];
+         break;
+      }
+   }
+   return !authCode || (resources || []).some(code => code === authCode);
+};
+
+function factory (app, opts) {
+   return async function auth (ctx, next) {
+      const { path, method, header, query } = ctx;
+      ctx.fs.logger.log('[AUTH] start', path, method);
+      ctx.fs.api = ctx.fs.api || {};
+      ctx.fs.port = opts.port;
+      ctx.redis = app.redis;
+      ctx.redisTools = app.redisTools;
+      let error = null;
+      if (path) {
+         if (!isPathExcluded(opts, path, method)) {
+            const user = await authorizeToken(ctx, header.token || query.token);
+            if (user && user.authorized) {
+               // if (!isResourceAvailable(user.resources, { authAttr: app.fs.auth.authAttr, path, method })) {
+               //     error = { status: 403, name: 'Forbidden' }
+               // } else {
+               //     error = { status: 401, name: 'Unauthorized' }
+               // }
+            } else {
+               error = { status: 401, name: 'Unauthorized' }
+            }
+         }
+      } else {
+         error = { status: 401, name: 'Unauthorized' };
+      }
+      if (error) {
+         ctx.fs.logger.log('[AUTH] failed', path, method);
+         ctx.status = error.status;
+         ctx.body = error.name;
+      } else {
+         ctx.fs.logger.log('[AUTH] passed', path, method);
+         await next();
+      }
+   }
+}
+
+module.exports = factory;
diff --git a/api/app/lib/models/holiday.js b/api/app/lib/models/holiday.js
new file mode 100644
index 0000000..1521b96
--- /dev/null
+++ b/api/app/lib/models/holiday.js
@@ -0,0 +1,43 @@
+/* eslint-disable*/
+'use strict';
+
+module.exports = dc => {
+  const DataTypes = dc.ORM;
+  const sequelize = dc.orm;
+  const Holiday = sequelize.define("holiday", {
+    day: {
+      type: DataTypes.DATEONLY,
+      allowNull: false,
+      defaultValue: null,
+      comment: null,
+      primaryKey: true,
+      field: "day",
+      autoIncrement: false,
+      unique: "holiday_day_uindex"
+    },
+    holiday: {
+      type: DataTypes.JSONB,
+      allowNull: true,
+      defaultValue: null,
+      comment: null,
+      primaryKey: false,
+      field: "holiday",
+      autoIncrement: false
+    },
+    type: {
+      type: DataTypes.STRING,
+      allowNull: true,
+      defaultValue: null,
+      comment: "workday 工作日 / dayoff 休息日 / festivals 节假日",
+      primaryKey: false,
+      field: "type",
+      autoIncrement: false
+    }
+  }, {
+    tableName: "holiday",
+    comment: "",
+    indexes: []
+  });
+  dc.models.Holiday = Holiday;
+  return Holiday;
+};
\ No newline at end of file
diff --git a/api/app/lib/routes/auth/index.js b/api/app/lib/routes/auth/index.js
new file mode 100644
index 0000000..c4df619
--- /dev/null
+++ b/api/app/lib/routes/auth/index.js
@@ -0,0 +1,11 @@
+'use strict';
+
+const auth = require('../../controllers/auth');
+
+module.exports = function (app, router, opts) {
+   app.fs.api.logAttr['POST/login'] = { content: '登录', visible: true };
+   router.post('/login', auth.login);
+
+   app.fs.api.logAttr['PUT/logout'] = { content: '登出', visible: false };
+   router.put('/logout', auth.logout);
+};
\ No newline at end of file
diff --git a/api/app/lib/routes/index.js b/api/app/lib/routes/index.js
new file mode 100644
index 0000000..39cbc75
--- /dev/null
+++ b/api/app/lib/routes/index.js
@@ -0,0 +1,17 @@
+'use strict';
+
+const path = require('path');
+const fs = require('fs');
+
+module.exports = function (app, router, opts) {
+   fs.readdirSync(__dirname).forEach((filename) => {
+      if (filename.indexOf('.') !== 0 && fs.lstatSync(path.join(__dirname, filename)).isDirectory()) {
+         fs.readdirSync(path.join(__dirname, filename)).forEach((api) => {
+            if (api.indexOf('.') == 0 || api.indexOf('.js') == -1) return;
+            require(`./${filename}/${api}`)(app, router, opts);
+         });
+      }
+   });
+
+   return router;
+};
diff --git a/api/app/lib/service/clickHouseClient.js b/api/app/lib/service/clickHouseClient.js
new file mode 100644
index 0000000..f688681
--- /dev/null
+++ b/api/app/lib/service/clickHouseClient.js
@@ -0,0 +1,36 @@
+'use strict';
+const { ClickHouse } = require('clickhouse');
+
+function factory (app, opts) {
+   if (opts.clickHouse) {
+      try {
+         app.fs.clickHouse = {}
+         const { url, port, user, password, db = [] } = opts.clickHouse
+         for (let d of db) {
+            if (d.name && d.db) {
+               app.fs.clickHouse[d.name] = new ClickHouse({
+                  url: url,
+                  port: port,
+                  debug: opts.dev,
+                  format: "json",
+                  basicAuth: user && password ? {
+                     username: user,
+                     password: password,
+                  } : null,
+                  config: {
+                     database: d.db,
+                  },
+               })
+               console.info(`ClickHouse ${d.name} 初始化完成`);
+            } else {
+               throw 'opts.clickHouse 参数错误！'
+            }
+         }
+      } catch (error) {
+         console.error(error)
+         process.exit(-1);
+      }
+   }
+}
+
+module.exports = factory;
\ No newline at end of file
diff --git a/api/app/lib/service/paasRequest.js b/api/app/lib/service/paasRequest.js
new file mode 100644
index 0000000..1cfa081
--- /dev/null
+++ b/api/app/lib/service/paasRequest.js
@@ -0,0 +1,67 @@
+'use strict';
+const request = require('superagent')
+
+class paasRequest {
+   constructor(root, { query = {} } = {}, option) {
+      this.root = root;
+      this.query = query
+      this.option = option
+   }
+
+   #buildUrl = (url) => {
+      return `${this.root}/${url}`;
+   }
+
+   #resultHandler = (resolve, reject) => {
+      return (err, res) => {
+         if (err) {
+            reject(err);
+         } else {
+            resolve(res[this.option.dataWord]);
+         }
+      };
+   }
+
+   get = (url, { query = {}, header = {} } = {}) => {
+      return new Promise((resolve, reject) => {
+         request.get(this.#buildUrl(url)).set(header).query(Object.assign(query, this.query)).end(this.#resultHandler(resolve, reject));
+      })
+   }
+
+   post = (url, { data = {}, query = {}, header = {} } = {}) => {
+      return new Promise((resolve, reject) => {
+         request.post(this.#buildUrl(url)).set(header).query(Object.assign(query, this.query)).send(data).end(this.#resultHandler(resolve, reject));
+      })
+   }
+
+   put = (url, { data = {}, header = {}, query = {}, } = {}) => {
+      return new Promise((resolve, reject) => {
+         request.put(this.#buildUrl(url)).set(header).query(Object.assign(query, this.query)).send(data).end(this.#resultHandler(resolve, reject));
+      })
+   }
+
+   delete = (url, { header = {}, query = {} } = {}) => {
+      return new Promise((resolve, reject) => {
+         request.delete(this.#buildUrl(url)).set(header).query(Object.assign(query, this.query)).end(this.#resultHandler(resolve, reject));
+      })
+   }
+}
+
+function factory (app, opts) {
+   if (opts.pssaRequest) {
+      try {
+         for (let r of opts.pssaRequest) {
+            if (r.name && r.root) {
+               app.fs[r.name] = new paasRequest(r.root, { ...(r.params || {}) }, { dataWord: r.dataWord || 'body' })
+            } else {
+               throw 'opts.pssaRequest 参数错误！'
+            }
+         }
+      } catch (error) {
+         console.error(error)
+         process.exit(-1);
+      }
+   }
+}
+
+module.exports = factory;
diff --git a/api/app/lib/service/redis.js b/api/app/lib/service/redis.js
new file mode 100644
index 0000000..92a4745
--- /dev/null
+++ b/api/app/lib/service/redis.js
@@ -0,0 +1,41 @@
+'use strict';
+// https://github.com/luin/ioredis
+const redis = require("ioredis")
+
+module.exports = async function factory (app, opts) {
+   let client = opts.redis.pwd ?
+      new redis.Cluster([
+         {
+            host: opts.redis.host,
+            port: opts.redis.port
+         }
+      ], {
+         redisOptions: {
+            password: opts.redis.pwd,
+         },
+      })
+      : new redis(opts.redis.port, opts.redis.host, {
+         password: opts.redis.pwd,
+      });
+
+   client.on("error", function (err) {
+      app.fs.logger.error('info', '[FS-AUTH-REDIS]', `redis connect error. ${opts.redis.host + ':' + opts.redis.port}`);
+      // console.error("Error :", err);
+      // process.exit(-1);
+   });
+
+   client.on('connect', function () {
+      console.info(`redis connect success ${opts.redis.host + ':' + opts.redis.port}`);
+   })
+
+   // 自定义方法
+   async function hdelall (key) {
+      const obj = await client.hgetall(key);
+      await client.hdel(key, Object.keys(obj))
+   }
+
+   app.redis = client
+   app.redisTools = {
+      hdelall,
+   }
+}
diff --git a/api/app/lib/service/socket.js b/api/app/lib/service/socket.js
new file mode 100644
index 0000000..eb666ba
--- /dev/null
+++ b/api/app/lib/service/socket.js
@@ -0,0 +1,15 @@
+'use strict';
+const moment = require('moment')
+
+module.exports = async function factory (app, opts) {
+
+   app.socket.on('connection', async (socket) => {
+      console.info('WEB_SOCKET token：' + socket.handshake.query.token + ' 已连接：id ' + socket.id + ' 时间：' + moment(socket.handshake.time).format());
+
+      socket.on('disconnecting', async (reason) => {
+         const connectSeconds = moment().diff(moment(socket.handshake.time), 'seconds')
+
+         console.info('WEB_SOCKET token：' + socket.handshake.query.token + ' 已断开连接：' + reason + ' 连接时长：' + connectSeconds + 's');
+      })
+   })
+}
diff --git a/api/app/lib/utils/constant.js b/api/app/lib/utils/constant.js
new file mode 100644
index 0000000..8012eca
--- /dev/null
+++ b/api/app/lib/utils/constant.js
@@ -0,0 +1,20 @@
+'use strict';
+
+module.exports = function (app, opts) {
+
+   const dayType = {
+      dayoff: '普假',
+      workday: '工作日',
+      festivals: '法定假',
+   }
+
+   const overtimeType = {
+      '发放加班补偿': '折算',
+      '调休': '调休'
+   }
+
+   return {
+      dayType,
+      overtimeType,
+   }
+}
\ No newline at end of file
diff --git a/api/app/lib/utils/index.js b/api/app/lib/utils/index.js
new file mode 100644
index 0000000..19d9745
--- /dev/null
+++ b/api/app/lib/utils/index.js
@@ -0,0 +1,17 @@
+'use strict';
+
+const path = require('path');
+const fs = require('fs');
+
+module.exports = async function (app, opts) {
+   fs.readdirSync(__dirname).forEach((filename) => {
+      if (!['index.js'].some(f => filename == f)) {
+         const utils = require(`./${filename}`)(app, opts)
+         console.log(`载入 ${filename} 工具集成功`);
+         app.fs.utils = {
+            ...app.fs.utils,
+            ...utils,
+         }
+      }
+   });
+};
diff --git a/api/app/lib/utils/xlsxDownload.js b/api/app/lib/utils/xlsxDownload.js
new file mode 100644
index 0000000..bcd060a
--- /dev/null
+++ b/api/app/lib/utils/xlsxDownload.js
@@ -0,0 +1,82 @@
+'use strict';
+const fs = require('fs');
+const xlsx = require('better-xlsx');
+const path = require('path')
+const moment = require('moment')
+
+
+module.exports = function (app, opts) {
+
+   //递归创建目录 同步方法  
+   async function makeDir (dir) {
+      if (!fs.existsSync(dir)) {
+         makeDir(path.dirname(dir))
+         fs.mkdirSync(dir, function (err) {
+            if (err) {
+               throw err
+            }
+         });
+      }
+   }
+
+   async function simpleExcelDown ({ data = [], header = [], fileName = moment().format('YYYY-MM-DD HH:mm:ss') } = {}) {
+      const fileDirPath = path.join(__dirname, `../../downloadFiles`)
+      makeDir(fileDirPath)
+      const file = new xlsx.File();
+      const sheet_1 = file.addSheet('sheet_1');
+
+      // header
+      const headerStyle = new xlsx.Style();
+      headerStyle.align.h = 'center';
+      headerStyle.align.v = 'center';
+      headerStyle.border.right = 'thin';
+      headerStyle.border.rightColor = '#000000';
+      headerStyle.border.bottom = 'thin';
+      headerStyle.border.bottomColor = '#000000';
+
+      const headerRow = sheet_1.addRow();
+      const indexCell = headerRow.addCell();
+      indexCell.value = '序号'
+      indexCell.style = headerStyle
+      for (let h of header) {
+         const cell = headerRow.addCell();
+         cell.value = h.title;
+         cell.style = headerStyle
+      }
+
+      // data
+      const style = new xlsx.Style();
+      style.align.h = 'left';
+      style.align.v = 'center';
+      style.border.right = 'thin';
+      style.border.rightColor = '#000000';
+      style.border.bottom = 'thin';
+      style.border.bottomColor = '#000000';
+      for (let i = 0; i < data.length; i++) {
+         const row = sheet_1.addRow();
+         const indexCell = row.addCell();
+         indexCell.value = i + 1
+         indexCell.style = headerStyle
+         for (let h of header) {
+            const cell = row.addCell();
+            cell.value = data[i][h.key] || h.defaultValue || '';
+            cell.style = style
+         }
+      }
+
+      const savePath = path.join(fileDirPath, fileName)
+      await new Promise(function (resolve, reject) {
+         file.saveAs()
+            .pipe(fs.createWriteStream(savePath))
+            .on('finish', () => {
+               resolve()
+            });
+      })
+      return savePath
+   }
+
+   return {
+      simpleExcelDown,
+      makeDir
+   }
+}
\ No newline at end of file
diff --git a/api/config.js b/api/config.js
new file mode 100644
index 0000000..c20c7b2
--- /dev/null
+++ b/api/config.js
@@ -0,0 +1,182 @@
+'use strict';
+/*jslint node:true*/
+const path = require('path');
+const os = require('os');
+const moment = require('moment');
+const args = require('args');
+
+const dev = process.env.NODE_ENV == 'development';
+
+// 启动参数
+args.option(['p', 'port'], '启动端口');
+args.option(['g', 'pg'], 'postgre 服务 URL');
+
+args.option('redisHost', 'redisHost');
+args.option('redisPort', 'redisPort');
+// args.option('redisPswd', 'redisPassword');
+
+args.option('apiEmisUrl', '企业管理 api');
+
+// 七牛云存储参数
+args.option('qnak', 'qiniuAccessKey');
+args.option('qnsk', 'qiniuSecretKey');
+args.option('qnbkt', 'qiniuBucket');
+args.option('qndmn', 'qiniuDomain');
+
+// clickHouse
+args.option('clickHouseUrl', 'clickHouse Url');
+args.option('clickHousePort', 'clickHouse Port');
+args.option('clickHousePepEmis', 'clickHouse 项企数据库名称');
+
+const flags = args.parse(process.argv);
+
+const RC_DB = process.env.RC_DB || flags.pg;
+
+// Redis 参数
+const IOTA_REDIS_SERVER_HOST = process.env.IOTA_REDIS_SERVER_HOST || flags.redisHost || "localhost";//redis IP
+const IOTA_REDIS_SERVER_PORT = process.env.IOTA_REDIS_SERVER_PORT || flags.redisPort || "6379";//redis 端口
+const IOTA_REDIS_SERVER_PWD = process.env.IOTA_REDIS_SERVER_PWD || flags.redisPswd || "";//redis 密码
+
+// 企业管理 api
+const API_EMIS_URL = process.env.API_EMIS_URL || flags.apiEmisUrl;
+
+// 七牛云存储参数
+const QINIU_DOMAIN_QNDMN_RESOURCE = process.env.ANXINCLOUD_QINIU_DOMAIN_QNDMN_RESOURCE || flags.qndmn;
+const QINIU_BUCKET_RESOURCE = process.env.ANXINCLOUD_QINIU_BUCKET_RESOURCE || flags.qnbkt;
+const QINIU_AK = process.env.ANXINCLOUD_QINIU_ACCESSKEY || flags.qnak;
+const QINIU_SK = process.env.ANXINCLOUD_QINIU_SECRETKEY || flags.qnsk;
+
+// clickHouse
+const CLICKHOUST_URL = process.env.CLICKHOUST_URL || flags.clickHouseUrl
+const CLICKHOUST_PORT = process.env.CLICKHOUST_PORT || flags.clickHousePort
+const CLICKHOUST_USER = process.env.CLICKHOUST_USER || flags.clickHouseUser
+const CLICKHOUST_PASSWORD = process.env.CLICKHOUST_PASSWORD || flags.clickHousePassword
+const CLICKHOUST_PEP_EMIS = process.env.CLICKHOUST_PEP_EMIS || flags.clickHousePepEmis
+
+if (
+   !RC_DB
+   || !IOTA_REDIS_SERVER_HOST || !IOTA_REDIS_SERVER_PORT
+   || !API_EMIS_URL
+   || !QINIU_DOMAIN_QNDMN_RESOURCE || !QINIU_BUCKET_RESOURCE || !QINIU_AK || !QINIU_SK
+   || !CLICKHOUST_URL || !CLICKHOUST_PORT
+   || !CLICKHOUST_PEP_EMIS
+) {
+   console.log('缺少启动参数，异常退出');
+   args.showHelp();
+   process.exit(-1);
+}
+
+const product = {
+   port: flags.port || 8080,
+   staticDirs: ['static'],
+   mws: [
+      {
+         entry: require('@fs/attachment').entry,
+         opts: {
+            qiniu: {
+               domain: QINIU_DOMAIN_QNDMN_RESOURCE,
+               bucket: QINIU_BUCKET_RESOURCE,
+               accessKey: QINIU_AK,
+               secretKey: QINIU_SK
+            },
+            maxSize: 104857600, // 100M
+         }
+      }, {
+         entry: require('./app').entry,
+         opts: {
+            dev,
+            exclude: [
+
+            ], // 不做认证的路由，也可以使用 exclude: ["*"]  跳过所有路由
+            qiniu: {
+               domain: QINIU_DOMAIN_QNDMN_RESOURCE,
+               bucket: QINIU_BUCKET_RESOURCE,
+               accessKey: QINIU_AK,
+               secretKey: QINIU_SK
+            },
+            redis: {
+               host: IOTA_REDIS_SERVER_HOST,
+               port: IOTA_REDIS_SERVER_PORT,
+               pwd: IOTA_REDIS_SERVER_PWD
+            },
+            sms: {
+               ///阿里云-安心云
+               accessKey: 'LTAI5tAFdjz7j38aNF2C9Qe8',
+               accessSecret: '1trYkmiqfBtvZL6BxkNH2uQcQQPs0S'
+            },
+            pssaRequest: [{
+               name: 'emisRequest',
+               root: API_EMIS_URL
+            },],
+            clickHouse: {
+               url: CLICKHOUST_URL,
+               port: CLICKHOUST_PORT,
+               user: CLICKHOUST_USER,
+               password: CLICKHOUST_PASSWORD,
+               db: [
+                  {
+                     name: 'pepEmis',
+                     db: CLICKHOUST_PEP_EMIS
+                  }
+               ]
+            }
+         }
+      }
+   ],
+   dc: {
+      url: RC_DB,
+      opts: {
+         pool: {
+            max: 80,
+            min: 10,
+            idle: 10000
+         },
+         define: {
+            freezeTableName: true, // 固定表名
+            timestamps: false // 不含列 "createAt"/"updateAt"/"DeleteAt"
+         },
+         timezone: '+08:00',
+         logging: false
+      },
+      models: [require('./app').models]
+   },
+   logger: {
+      level: 'info',
+      json: false,
+      filename: path.join(__dirname, 'log', 'runtime.log'),
+      colorize: false,
+      maxsize: 1024 * 1024 * 5,
+      rotationFormat: false,
+      zippedArchive: true,
+      maxFiles: 10,
+      prettyPrint: true,
+      label: '',
+      timestamp: () => moment().format('YYYY-MM-DD HH:mm:ss.SSS'),
+      eol: os.EOL,
+      tailable: true,
+      depth: null,
+      showLevel: true,
+      maxRetries: 1
+   }
+};
+
+const development = {
+   port: product.port,
+   staticDirs: product.staticDirs,
+   mws: product.mws,
+   dc: product.dc,
+   logger: product.logger
+};
+
+if (dev) {
+   // mws
+   for (let mw of development.mws) {
+      // if (mw.opts.exclude) mw.opts.exclude = ['*']; // 使用 ['*'] 跳过所有路由
+   }
+   // logger
+   development.logger.filename = path.join(__dirname, 'log', 'development.log');
+   development.logger.level = 'debug';
+   development.dc.opts.logging = console.log;
+}
+
+module.exports = dev ? development : product;
diff --git a/api/package.json b/api/package.json
new file mode 100644
index 0000000..5ed11ec
--- /dev/null
+++ b/api/package.json
@@ -0,0 +1,42 @@
+{
+    "name": "smart-emergency",
+    "version": "1.0.0",
+    "description": "fs smart emergency api",
+    "main": "server.js",
+    "scripts": {
+        "test": "set DEBUG=true&&\"node_modules/.bin/mocha\" --harmony --reporter spec app/test/*.test.js",
+        "start": "set NODE_ENV=development&&node server -p 4000 -g postgres://postgres:123@10.8.30.32:5432/video_access -f http://localhost:4000",
+        "start:linux": "export NODE_ENV=development&&node server -p 4000 -g postgres://FashionAdmin:123456@10.8.30.39:5432/pm1",
+        "automate": "sequelize-automate -c sequelize-automate.config.js"
+    },
+    "author": "",
+    "license": "MIT",
+    "repository": {},
+    "dependencies": {
+        "@fs/attachment": "^1.0.0",
+        "args": "^3.0.7",
+        "better-xlsx": "^0.7.6",
+        "clickhouse": "^2.6.0",
+        "crypto-js": "^4.0.0",
+        "file-saver": "^2.0.2",
+        "fs-web-server-scaffold": "^2.0.2",
+        "ioredis": "^5.0.4",
+        "kafka-node": "^2.2.3",
+        "koa-convert": "^1.2.0",
+        "koa-proxy": "^0.9.0",
+        "moment": "^2.24.0",
+        "mqtt": "^4.3.7",
+        "node-schedule": "^2.1.0",
+        "nodemailer": "^6.7.7",
+        "path": "^0.12.7",
+        "path-to-regexp": "^3.0.0",
+        "pg": "^7.9.0",
+        "redis": "^3.1.2",
+        "request": "^2.88.2",
+        "superagent": "^3.5.2",
+        "uuid": "^3.3.2"
+    },
+    "devDependencies": {
+        "mocha": "^6.0.2"
+    }
+}
diff --git a/api/sequelize-automate.config.js b/api/sequelize-automate.config.js
new file mode 100644
index 0000000..6a31e50
--- /dev/null
+++ b/api/sequelize-automate.config.js
@@ -0,0 +1,35 @@
+module.exports = {
+   // 数据库配置 与 sequelize 相同
+   dbOptions: {
+      database: 'hr-dev',
+      username: 'postgres',
+      password: '123',
+      dialect: 'postgres',
+      host: '10.8.30.166',
+      port: 5432,
+      define: {
+         underscored: false,
+         freezeTableName: false,
+         charset: 'utf8mb4',
+         timezone: '+00: 00',
+         dialectOptions: {
+            collate: 'utf8_general_ci',
+         },
+         timestamps: false,
+      },
+   },
+   options: {
+      type: 'freesun', // 指定 models 代码风格
+      camelCase: true, // Models 文件中代码是否使用驼峰命名
+      modalNameSuffix: false, // 模型名称是否带 ‘Model’ 后缀
+      fileNameCamelCase: false, // Model 文件名是否使用驼峰法命名，默认文件名会使用表名，如 `user_post.js`；如果为 true，则文件名为 `userPost.js`
+      dir: './app/lib/models', // 指定输出 models 文件的目录
+      typesDir: 'models', // 指定输出 TypeScript 类型定义的文件目录，只有 TypeScript / Midway 等会有类型定义
+      emptyDir: false, // ！！！ 谨慎操作 生成 models 之前是否清空 `dir` 以及 `typesDir`
+      tables: ['overtime_day','vacate_day'], // 指定生成哪些表的 models，如 ['user', 'user_post']；如果为 null，则忽略改属性
+      skipTables: [], // 指定跳过哪些表的 models，如 ['user']；如果为 null，则忽略改属性
+      tsNoCheck: false, // 是否添加 `@ts-nocheck` 注释到 models 文件中
+      ignorePrefix: [], // 生成的模型名称忽略的前缀，因为 项目中有以下表名是以 t_ 开头的，在实际模型中不需要， 可以添加多个 [ 't_data_', 't_',] ,长度较长的 前缀放前面
+      attrLength: false, // 在生成模型的字段中 是否生成 如 var（128）这种格式，公司一般使用 String ，则配置为 false
+   },
+}
\ No newline at end of file
diff --git a/api/server.js b/api/server.js
new file mode 100644
index 0000000..9d1454d
--- /dev/null
+++ b/api/server.js
@@ -0,0 +1,12 @@
+/**
+ * Created by rain on 2016/1/25.
+ */
+
+'use strict';
+/*jslint node:true*/
+//from koa
+
+const scaffold = require('fs-web-server-scaffold');
+const config = require('./config');
+
+module.exports = scaffold(config);
\ No newline at end of file
diff --git a/jenkinsfile_poms_api b/jenkinsfile_poms_api
new file mode 100644
index 0000000..c3e7a7d
--- /dev/null
+++ b/jenkinsfile_poms_api
@@ -0,0 +1,19 @@
+pipeline {
+    agent {
+        node{
+            label 'jnlp-slave'
+        }
+    }
+    
+    stages {
+        stage('Testing pep-report-api ......') {
+            steps {
+                sh 'switch-auth.sh  anxinyun' 
+                buildName "#${BUILD_NUMBER}  ~/fs-cloud/${JOB_NAME}:${IMAGE_VERSION}"
+                buildDescription "registry.cn-hangzhou.aliyuncs.com/${CLOUD}/${JOB_NAME}:${IMAGE_VERSION}"
+                sh 'docker build -t registry.cn-hangzhou.aliyuncs.com/${CLOUD}/${JOB_NAME}:${IMAGE_VERSION} ./api' 
+                sh 'docker push registry.cn-hangzhou.aliyuncs.com/${CLOUD}/${JOB_NAME}:${IMAGE_VERSION}' 
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/jenkinsfile_poms_web b/jenkinsfile_poms_web
new file mode 100644
index 0000000..cf1543b
--- /dev/null
+++ b/jenkinsfile_poms_web
@@ -0,0 +1,19 @@
+pipeline {
+    agent {
+        node{
+            label 'jnlp-slave'
+        }
+    }
+    
+    stages {
+        stage('Testing pep-report-web ......') {
+            steps {
+                sh 'switch-auth.sh  anxinyun' 
+                buildName "#${BUILD_NUMBER}  ~/fs-cloud/${JOB_NAME}:${IMAGE_VERSION}"
+                buildDescription "registry.cn-hangzhou.aliyuncs.com/${CLOUD}/${JOB_NAME}:${IMAGE_VERSION}"
+                sh 'docker build -t registry.cn-hangzhou.aliyuncs.com/${CLOUD}/${JOB_NAME}:${IMAGE_VERSION} ./web' 
+                sh 'docker push registry.cn-hangzhou.aliyuncs.com/${CLOUD}/${JOB_NAME}:${IMAGE_VERSION}' 
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/web/.babelrc b/web/.babelrc
new file mode 100644
index 0000000..6c96eb8
--- /dev/null
+++ b/web/.babelrc
@@ -0,0 +1,17 @@
+{
+  "presets": [
+    "@babel/preset-react",
+    "@babel/preset-env"
+  ],
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-object-rest-spread",
+    // ["import", {
+    // //   "libraryName": "antd",
+    //   "libraryDirectory": "es"
+    // }]
+  ],
+  "env": {
+    "development": {}
+  }
+}
diff --git a/web/.vscode/extensions.json b/web/.vscode/extensions.json
new file mode 100644
index 0000000..0925499
--- /dev/null
+++ b/web/.vscode/extensions.json
@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "formulahendry.code-runner"
+    ]
+}
\ No newline at end of file
diff --git a/web/.vscode/launch.json b/web/.vscode/launch.json
new file mode 100644
index 0000000..d4d2f5b
--- /dev/null
+++ b/web/.vscode/launch.json
@@ -0,0 +1,26 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Server",
+            "type": "node",
+            "request": "launch",
+            "program": "${workspaceRoot}/server.js",
+            "args": [
+                "-p 5700",
+                "-u http://127.0.0.1:4000",
+                "--apiHrUrl http://localhost:4700",
+                "--qnak XuDgkao6cL0HidoMAPnA5OB10Mc_Ew08mpIfRJK5",
+                "--qnsk yewcieZLzKZuDfig0wLZ9if9jKp2P_1jd3CMJPSa",
+                "--qnbkt dev-hr",
+                "--qndmn http://rjkwed13l.hn-bkt.clouddn.com",
+                // "-v 0.2.0",
+                // "-h 22"
+            ],
+            "outputCapture": "std",
+            "env": {
+                "NODE_ENV": "development"
+            }
+        }
+    ]
+}
\ No newline at end of file
diff --git a/web/.vscode/settings.json b/web/.vscode/settings.json
new file mode 100644
index 0000000..f5f67f5
--- /dev/null
+++ b/web/.vscode/settings.json
@@ -0,0 +1,4 @@
+// 将设置放入此文件中以覆盖默认值和用户设置。
+{
+    "editor.fontSize": 16,
+}
\ No newline at end of file
diff --git a/web/Dockerfile b/web/Dockerfile
new file mode 100644
index 0000000..3991885
--- /dev/null
+++ b/web/Dockerfile
@@ -0,0 +1,40 @@
+# FROM repository.anxinyun.cn/devops/node:12-dev as builder
+
+# COPY . /var/app
+
+# WORKDIR /var/app
+
+# EXPOSE 8080
+
+# RUN npm config set registry=http://10.8.30.22:7000
+# RUN echo "{\"time\":\"$BUILD_TIMESTAMP\",\"build\": \"$BUILD_NUMBER\",\"revision\": \"$SVN_REVISION_1\",\"URL\":\"$SVN_URL_1\"}" > version.json
+# RUN npm cache clean -f
+# RUN npm install --registry http://10.8.30.22:7000
+# RUN npm run build
+# RUN rm  -rf client/src
+# RUN rm  -rf node_modules
+# RUN npm install --production --registry http://10.8.30.22:7000
+
+# FROM registry.cn-hangzhou.aliyuncs.com/fs-devops/node-16:7.22-06-20
+
+# COPY --from=builder --chown=node /var/app  /home/node/app
+
+# WORKDIR /home/node/app
+
+# CMD ["node", "server.js"]
+
+
+# 旧版本构建方式
+
+
+FROM repository.anxinyun.cn/base-images/nodejs12:20.10.12.2
+
+COPY . /var/app
+
+WORKDIR /var/app
+
+EXPOSE 8080
+
+CMD ["-u", "http://localhost:8088"]
+
+ENTRYPOINT [ "node", "server.js" ]
\ No newline at end of file
diff --git a/web/client/assets/fonts/DINExp.ttf b/web/client/assets/fonts/DINExp.ttf
new file mode 100644
index 0000000..0a83634
Binary files /dev/null and b/web/client/assets/fonts/DINExp.ttf differ
diff --git a/web/client/assets/fonts/YouSheBiaoTiHei-2.ttf b/web/client/assets/fonts/YouSheBiaoTiHei-2.ttf
new file mode 100644
index 0000000..3729151
Binary files /dev/null and b/web/client/assets/fonts/YouSheBiaoTiHei-2.ttf differ
diff --git a/web/client/assets/images/background/console.png b/web/client/assets/images/background/console.png
new file mode 100644
index 0000000..02add22
Binary files /dev/null and b/web/client/assets/images/background/console.png differ
diff --git a/web/client/assets/images/background/header.png b/web/client/assets/images/background/header.png
new file mode 100644
index 0000000..59900ca
Binary files /dev/null and b/web/client/assets/images/background/header.png differ
diff --git a/web/client/assets/images/background/loginBackground.gif b/web/client/assets/images/background/loginBackground.gif
new file mode 100644
index 0000000..46f9f99
Binary files /dev/null and b/web/client/assets/images/background/loginBackground.gif differ
diff --git a/web/client/assets/images/background/loginBackgroundimg.png b/web/client/assets/images/background/loginBackgroundimg.png
new file mode 100644
index 0000000..ed709cd
Binary files /dev/null and b/web/client/assets/images/background/loginBackgroundimg.png differ
diff --git a/web/client/assets/images/background/loginText.png b/web/client/assets/images/background/loginText.png
new file mode 100644
index 0000000..21fb0fe
Binary files /dev/null and b/web/client/assets/images/background/loginText.png differ
diff --git a/web/client/assets/images/background/loginbg.png b/web/client/assets/images/background/loginbg.png
new file mode 100644
index 0000000..4713d09
Binary files /dev/null and b/web/client/assets/images/background/loginbg.png differ
diff --git a/web/client/assets/images/background/logo.png b/web/client/assets/images/background/logo.png
new file mode 100644
index 0000000..a81edce
Binary files /dev/null and b/web/client/assets/images/background/logo.png differ
diff --git a/web/client/assets/images/background/notice.png b/web/client/assets/images/background/notice.png
new file mode 100644
index 0000000..e00a54f
Binary files /dev/null and b/web/client/assets/images/background/notice.png differ
diff --git a/web/client/assets/images/background/topchoose.png b/web/client/assets/images/background/topchoose.png
new file mode 100644
index 0000000..44c8165
Binary files /dev/null and b/web/client/assets/images/background/topchoose.png differ
diff --git a/web/client/assets/images/background/user_login.png b/web/client/assets/images/background/user_login.png
new file mode 100644
index 0000000..7681ad4
Binary files /dev/null and b/web/client/assets/images/background/user_login.png differ
diff --git a/web/client/assets/images/background/username.png b/web/client/assets/images/background/username.png
new file mode 100644
index 0000000..d29c1c2
Binary files /dev/null and b/web/client/assets/images/background/username.png differ
diff --git a/web/client/assets/images/background/videoPlayBg.png b/web/client/assets/images/background/videoPlayBg.png
new file mode 100644
index 0000000..fa4e863
Binary files /dev/null and b/web/client/assets/images/background/videoPlayBg.png differ
diff --git a/web/client/assets/images/background/xiangqi.png b/web/client/assets/images/background/xiangqi.png
new file mode 100644
index 0000000..9742f78
Binary files /dev/null and b/web/client/assets/images/background/xiangqi.png differ
diff --git a/web/client/assets/images/console/suo.png b/web/client/assets/images/console/suo.png
new file mode 100644
index 0000000..92e3599
Binary files /dev/null and b/web/client/assets/images/console/suo.png differ
diff --git a/web/client/assets/images/console/yonghu.png b/web/client/assets/images/console/yonghu.png
new file mode 100644
index 0000000..e67e296
Binary files /dev/null and b/web/client/assets/images/console/yonghu.png differ
diff --git a/web/client/assets/images/hrImg/!.png b/web/client/assets/images/hrImg/!.png
new file mode 100644
index 0000000..f9c334f
Binary files /dev/null and b/web/client/assets/images/hrImg/!.png differ
diff --git a/web/client/assets/images/hrImg/V.png b/web/client/assets/images/hrImg/V.png
new file mode 100644
index 0000000..fd5a097
Binary files /dev/null and b/web/client/assets/images/hrImg/V.png differ
diff --git a/web/client/assets/images/hrImg/back.png b/web/client/assets/images/hrImg/back.png
new file mode 100644
index 0000000..6914924
Binary files /dev/null and b/web/client/assets/images/hrImg/back.png differ
diff --git a/web/client/assets/images/hrImg/defaultAvatar.png b/web/client/assets/images/hrImg/defaultAvatar.png
new file mode 100644
index 0000000..ebf478e
Binary files /dev/null and b/web/client/assets/images/hrImg/defaultAvatar.png differ
diff --git a/web/client/assets/images/hrImg/department.png b/web/client/assets/images/hrImg/department.png
new file mode 100644
index 0000000..34957a8
Binary files /dev/null and b/web/client/assets/images/hrImg/department.png differ
diff --git a/web/client/assets/images/hrImg/detailBgc.png b/web/client/assets/images/hrImg/detailBgc.png
new file mode 100644
index 0000000..713bfc1
Binary files /dev/null and b/web/client/assets/images/hrImg/detailBgc.png differ
diff --git a/web/client/assets/images/hrImg/export.png b/web/client/assets/images/hrImg/export.png
new file mode 100644
index 0000000..2227ba8
Binary files /dev/null and b/web/client/assets/images/hrImg/export.png differ
diff --git a/web/client/assets/images/hrImg/information.png b/web/client/assets/images/hrImg/information.png
new file mode 100644
index 0000000..28add9d
Binary files /dev/null and b/web/client/assets/images/hrImg/information.png differ
diff --git a/web/client/assets/images/hrImg/man.png b/web/client/assets/images/hrImg/man.png
new file mode 100644
index 0000000..791bab2
Binary files /dev/null and b/web/client/assets/images/hrImg/man.png differ
diff --git a/web/client/assets/images/hrImg/mc.png b/web/client/assets/images/hrImg/mc.png
new file mode 100644
index 0000000..e26217e
Binary files /dev/null and b/web/client/assets/images/hrImg/mc.png differ
diff --git a/web/client/assets/images/hrImg/name.png b/web/client/assets/images/hrImg/name.png
new file mode 100644
index 0000000..98532da
Binary files /dev/null and b/web/client/assets/images/hrImg/name.png differ
diff --git a/web/client/assets/images/hrImg/newsetup.png b/web/client/assets/images/hrImg/newsetup.png
new file mode 100644
index 0000000..ebbf5de
Binary files /dev/null and b/web/client/assets/images/hrImg/newsetup.png differ
diff --git a/web/client/assets/images/hrImg/number.png b/web/client/assets/images/hrImg/number.png
new file mode 100644
index 0000000..edea2b9
Binary files /dev/null and b/web/client/assets/images/hrImg/number.png differ
diff --git a/web/client/assets/images/hrImg/position.png b/web/client/assets/images/hrImg/position.png
new file mode 100644
index 0000000..a93fc5f
Binary files /dev/null and b/web/client/assets/images/hrImg/position.png differ
diff --git a/web/client/assets/images/hrImg/post.png b/web/client/assets/images/hrImg/post.png
new file mode 100644
index 0000000..fd0e1f8
Binary files /dev/null and b/web/client/assets/images/hrImg/post.png differ
diff --git a/web/client/assets/images/hrImg/resume.png b/web/client/assets/images/hrImg/resume.png
new file mode 100644
index 0000000..974058b
Binary files /dev/null and b/web/client/assets/images/hrImg/resume.png differ
diff --git a/web/client/assets/images/hrImg/upload.png b/web/client/assets/images/hrImg/upload.png
new file mode 100644
index 0000000..058bcc0
Binary files /dev/null and b/web/client/assets/images/hrImg/upload.png differ
diff --git a/web/client/assets/images/hrImg/woman.png b/web/client/assets/images/hrImg/woman.png
new file mode 100644
index 0000000..08bb1cf
Binary files /dev/null and b/web/client/assets/images/hrImg/woman.png differ
diff --git a/web/client/assets/images/hrImg/year.png b/web/client/assets/images/hrImg/year.png
new file mode 100644
index 0000000..50db588
Binary files /dev/null and b/web/client/assets/images/hrImg/year.png differ
diff --git a/web/client/assets/js/jessibuca/decoder.js b/web/client/assets/js/jessibuca/decoder.js
new file mode 100644
index 0000000..b4dbfae
--- /dev/null
+++ b/web/client/assets/js/jessibuca/decoder.js
@@ -0,0 +1 @@
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(require("path"),require("fs"),require("crypto")):"function"==typeof define&&define.amd?define(["path","fs","crypto"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).path,e.fs,e.crypto$1)}(this,(function(e,r,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),i=n(r),a=n(t);var s=function(e,r){return e(r={exports:{}},r.exports),r.exports}((function(e){var r,t=void 0!==t?t:{},n={};for(r in t)t.hasOwnProperty(r)&&(n[r]=t[r]);var s,u,c,f,l,d="./this.program",p="object"==typeof window,h="function"==typeof importScripts,m="object"==typeof process&&"object"==typeof process.versions&&"string"==typeof process.versions.node,v="";m?(v=h?o.default.dirname(v)+"/":__dirname+"/",s=function(e,r){return f||(f=i.default),l||(l=o.default),e=l.normalize(e),f.readFileSync(e,r?null:"utf8")},c=function(e){var r=s(e,!0);return r.buffer||(r=new Uint8Array(r)),k(r.buffer),r},u=function(e,r,t){f||(f=i.default),l||(l=o.default),e=l.normalize(e),f.readFile(e,(function(e,n){e?t(e):r(n.buffer)}))},process.argv.length>1&&(d=process.argv[1].replace(/\\/g,"/")),process.argv.slice(2),e.exports=t,process.on("uncaughtException",(function(e){if(!(e instanceof Zr))throw e})),process.on("unhandledRejection",ee),t.inspect=function(){return"[Emscripten Module object]"}):(p||h)&&(h?v=self.location.href:"undefined"!=typeof document&&document.currentScript&&(v=document.currentScript.src),v=0!==v.indexOf("blob:")?v.substr(0,v.lastIndexOf("/")+1):"",s=function(e){var r=new XMLHttpRequest;return r.open("GET",e,!1),r.send(null),r.responseText},h&&(c=function(e){var r=new XMLHttpRequest;return r.open("GET",e,!1),r.responseType="arraybuffer",r.send(null),new Uint8Array(r.response)}),u=function(e,r,t){var n=new XMLHttpRequest;n.open("GET",e,!0),n.responseType="arraybuffer",n.onload=function(){200==n.status||0==n.status&&n.response?r(n.response):t()},n.onerror=t,n.send(null)});var y,g,w=t.print||console.log.bind(console),E=t.printErr||console.warn.bind(console);for(r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);function b(e){b.shown||(b.shown={}),b.shown[e]||(b.shown[e]=1,E(e))}n=null,t.arguments,t.thisProgram&&(d=t.thisProgram),t.quit,t.wasmBinary&&(y=t.wasmBinary),t.noExitRuntime,"object"!=typeof WebAssembly&&ee("no native wasm support detected");var _=!1;function k(e,r){e||ee("Assertion failed: "+r)}var T="undefined"!=typeof TextDecoder?new TextDecoder("utf8"):void 0;function P(e,r,t){for(var n=r+t,o=r;e[o]&&!(o>=n);)++o;if(o-r>16&&e.subarray&&T)return T.decode(e.subarray(r,o));for(var i="";r<o;){var a=e[r++];if(128&a){var s=63&e[r++];if(192!=(224&a)){var u=63&e[r++];if((a=224==(240&a)?(15&a)<<12|s<<6|u:(7&a)<<18|s<<12|u<<6|63&e[r++])<65536)i+=String.fromCharCode(a);else{var c=a-65536;i+=String.fromCharCode(55296|c>>10,56320|1023&c)}}else i+=String.fromCharCode((31&a)<<6|s)}else i+=String.fromCharCode(a)}return i}function C(e,r){return e?P($,e,r):""}function A(e,r,t,n){if(!(n>0))return 0;for(var o=t,i=t+n-1,a=0;a<e.length;++a){var s=e.charCodeAt(a);if(s>=55296&&s<=57343)s=65536+((1023&s)<<10)|1023&e.charCodeAt(++a);if(s<=127){if(t>=i)break;r[t++]=s}else if(s<=2047){if(t+1>=i)break;r[t++]=192|s>>6,r[t++]=128|63&s}else if(s<=65535){if(t+2>=i)break;r[t++]=224|s>>12,r[t++]=128|s>>6&63,r[t++]=128|63&s}else{if(t+3>=i)break;r[t++]=240|s>>18,r[t++]=128|s>>12&63,r[t++]=128|s>>6&63,r[t++]=128|63&s}}return r[t]=0,t-o}function D(e,r,t){return A(e,$,r,t)}function S(e){for(var r=0,t=0;t<e.length;++t){var n=e.charCodeAt(t);n>=55296&&n<=57343&&(n=65536+((1023&n)<<10)|1023&e.charCodeAt(++t)),n<=127?++r:r+=n<=2047?2:n<=65535?3:4}return r}var F,x,$,R,M,O,I,j,U,N,B="undefined"!=typeof TextDecoder?new TextDecoder("utf-16le"):void 0;function L(e,r){for(var t=e,n=t>>1,o=n+r/2;!(n>=o)&&M[n];)++n;if((t=n<<1)-e>32&&B)return B.decode($.subarray(e,t));for(var i="",a=0;!(a>=r/2);++a){var s=R[e+2*a>>1];if(0==s)break;i+=String.fromCharCode(s)}return i}function W(e,r,t){if(void 0===t&&(t=2147483647),t<2)return 0;for(var n=r,o=(t-=2)<2*e.length?t/2:e.length,i=0;i<o;++i){var a=e.charCodeAt(i);R[r>>1]=a,r+=2}return R[r>>1]=0,r-n}function z(e){return 2*e.length}function H(e,r){for(var t=0,n="";!(t>=r/4);){var o=O[e+4*t>>2];if(0==o)break;if(++t,o>=65536){var i=o-65536;n+=String.fromCharCode(55296|i>>10,56320|1023&i)}else n+=String.fromCharCode(o)}return n}function V(e,r,t){if(void 0===t&&(t=2147483647),t<4)return 0;for(var n=r,o=n+t-4,i=0;i<e.length;++i){var a=e.charCodeAt(i);if(a>=55296&&a<=57343)a=65536+((1023&a)<<10)|1023&e.charCodeAt(++i);if(O[r>>2]=a,(r+=4)+4>o)break}return O[r>>2]=0,r-n}function X(e){for(var r=0,t=0;t<e.length;++t){var n=e.charCodeAt(t);n>=55296&&n<=57343&&++t,r+=4}return r}t.INITIAL_MEMORY;var G=[],q=[],Y=[];var K=0,J=null;function Q(e){K++,t.monitorRunDependencies&&t.monitorRunDependencies(K)}function Z(e){if(K--,t.monitorRunDependencies&&t.monitorRunDependencies(K),0==K&&J){var r=J;J=null,r()}}function ee(e){throw t.onAbort&&t.onAbort(e),E(e+=""),_=!0,e="abort("+e+"). Build with -s ASSERTIONS=1 for more info.",new WebAssembly.RuntimeError(e)}t.preloadedImages={},t.preloadedAudios={};var re,te,ne;function oe(e){return e.startsWith("data:application/octet-stream;base64,")}function ie(e){return e.startsWith("file://")}function ae(e){try{if(e==re&&y)return new Uint8Array(y);if(c)return c(e);throw"both async and sync fetching of the wasm failed"}catch(e){ee(e)}}function se(e){for(;e.length>0;){var r=e.shift();if("function"!=typeof r){var n=r.func;"number"==typeof n?void 0===r.arg?N.get(n)():N.get(n)(r.arg):n(void 0===r.arg?null:r.arg)}else r(t)}}function ue(){var e=new Error;if(!e.stack){try{throw new Error}catch(r){e=r}if(!e.stack)return"(no stack trace available)"}return e.stack.toString()}oe(re="decoder.wasm")||(re=function(e){return t.locateFile?t.locateFile(e,v):v+e}(re));var ce={splitPath:function(e){return/^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/.exec(e).slice(1)},normalizeArray:function(e,r){for(var t=0,n=e.length-1;n>=0;n--){var o=e[n];"."===o?e.splice(n,1):".."===o?(e.splice(n,1),t++):t&&(e.splice(n,1),t--)}if(r)for(;t;t--)e.unshift("..");return e},normalize:function(e){var r="/"===e.charAt(0),t="/"===e.substr(-1);return(e=ce.normalizeArray(e.split("/").filter((function(e){return!!e})),!r).join("/"))||r||(e="."),e&&t&&(e+="/"),(r?"/":"")+e},dirname:function(e){var r=ce.splitPath(e),t=r[0],n=r[1];return t||n?(n&&(n=n.substr(0,n.length-1)),t+n):"."},basename:function(e){if("/"===e)return"/";var r=(e=(e=ce.normalize(e)).replace(/\/$/,"")).lastIndexOf("/");return-1===r?e:e.substr(r+1)},extname:function(e){return ce.splitPath(e)[3]},join:function(){var e=Array.prototype.slice.call(arguments,0);return ce.normalize(e.join("/"))},join2:function(e,r){return ce.normalize(e+"/"+r)}};var fe={resolve:function(){for(var e="",r=!1,t=arguments.length-1;t>=-1&&!r;t--){var n=t>=0?arguments[t]:he.cwd();if("string"!=typeof n)throw new TypeError("Arguments to path.resolve must be strings");if(!n)return"";e=n+"/"+e,r="/"===n.charAt(0)}return(r?"/":"")+(e=ce.normalizeArray(e.split("/").filter((function(e){return!!e})),!r).join("/"))||"."},relative:function(e,r){function t(e){for(var r=0;r<e.length&&""===e[r];r++);for(var t=e.length-1;t>=0&&""===e[t];t--);return r>t?[]:e.slice(r,t-r+1)}e=fe.resolve(e).substr(1),r=fe.resolve(r).substr(1);for(var n=t(e.split("/")),o=t(r.split("/")),i=Math.min(n.length,o.length),a=i,s=0;s<i;s++)if(n[s]!==o[s]){a=s;break}var u=[];for(s=a;s<n.length;s++)u.push("..");return(u=u.concat(o.slice(a))).join("/")}},le={ttys:[],init:function(){},shutdown:function(){},register:function(e,r){le.ttys[e]={input:[],output:[],ops:r},he.registerDevice(e,le.stream_ops)},stream_ops:{open:function(e){var r=le.ttys[e.node.rdev];if(!r)throw new he.ErrnoError(43);e.tty=r,e.seekable=!1},close:function(e){e.tty.ops.flush(e.tty)},flush:function(e){e.tty.ops.flush(e.tty)},read:function(e,r,t,n,o){if(!e.tty||!e.tty.ops.get_char)throw new he.ErrnoError(60);for(var i=0,a=0;a<n;a++){var s;try{s=e.tty.ops.get_char(e.tty)}catch(e){throw new he.ErrnoError(29)}if(void 0===s&&0===i)throw new he.ErrnoError(6);if(null==s)break;i++,r[t+a]=s}return i&&(e.node.timestamp=Date.now()),i},write:function(e,r,t,n,o){if(!e.tty||!e.tty.ops.put_char)throw new he.ErrnoError(60);try{for(var i=0;i<n;i++)e.tty.ops.put_char(e.tty,r[t+i])}catch(e){throw new he.ErrnoError(29)}return n&&(e.node.timestamp=Date.now()),i}},default_tty_ops:{get_char:function(e){if(!e.input.length){var r=null;if(m){var t=Buffer.alloc(256),n=0;try{n=f.readSync(process.stdin.fd,t,0,256,null)}catch(e){if(!e.toString().includes("EOF"))throw e;n=0}r=n>0?t.slice(0,n).toString("utf-8"):null}else"undefined"!=typeof window&&"function"==typeof window.prompt?null!==(r=window.prompt("Input: "))&&(r+="\n"):"function"==typeof readline&&null!==(r=readline())&&(r+="\n");if(!r)return null;e.input=Hr(r,!0)}return e.input.shift()},put_char:function(e,r){null===r||10===r?(w(P(e.output,0)),e.output=[]):0!=r&&e.output.push(r)},flush:function(e){e.output&&e.output.length>0&&(w(P(e.output,0)),e.output=[])}},default_tty1_ops:{put_char:function(e,r){null===r||10===r?(E(P(e.output,0)),e.output=[]):0!=r&&e.output.push(r)},flush:function(e){e.output&&e.output.length>0&&(E(P(e.output,0)),e.output=[])}}};function de(e){e=function(e,r){return Math.ceil(e/r)*r}(e,65536);var r=Qr(65536,e);return r?(function(e,r){$.fill(0,e,e+r)}(r,e),r):0}var pe={ops_table:null,mount:function(e){return pe.createNode(null,"/",16895,0)},createNode:function(e,r,t,n){if(he.isBlkdev(t)||he.isFIFO(t))throw new he.ErrnoError(63);pe.ops_table||(pe.ops_table={dir:{node:{getattr:pe.node_ops.getattr,setattr:pe.node_ops.setattr,lookup:pe.node_ops.lookup,mknod:pe.node_ops.mknod,rename:pe.node_ops.rename,unlink:pe.node_ops.unlink,rmdir:pe.node_ops.rmdir,readdir:pe.node_ops.readdir,symlink:pe.node_ops.symlink},stream:{llseek:pe.stream_ops.llseek}},file:{node:{getattr:pe.node_ops.getattr,setattr:pe.node_ops.setattr},stream:{llseek:pe.stream_ops.llseek,read:pe.stream_ops.read,write:pe.stream_ops.write,allocate:pe.stream_ops.allocate,mmap:pe.stream_ops.mmap,msync:pe.stream_ops.msync}},link:{node:{getattr:pe.node_ops.getattr,setattr:pe.node_ops.setattr,readlink:pe.node_ops.readlink},stream:{}},chrdev:{node:{getattr:pe.node_ops.getattr,setattr:pe.node_ops.setattr},stream:he.chrdev_stream_ops}});var o=he.createNode(e,r,t,n);return he.isDir(o.mode)?(o.node_ops=pe.ops_table.dir.node,o.stream_ops=pe.ops_table.dir.stream,o.contents={}):he.isFile(o.mode)?(o.node_ops=pe.ops_table.file.node,o.stream_ops=pe.ops_table.file.stream,o.usedBytes=0,o.contents=null):he.isLink(o.mode)?(o.node_ops=pe.ops_table.link.node,o.stream_ops=pe.ops_table.link.stream):he.isChrdev(o.mode)&&(o.node_ops=pe.ops_table.chrdev.node,o.stream_ops=pe.ops_table.chrdev.stream),o.timestamp=Date.now(),e&&(e.contents[r]=o,e.timestamp=o.timestamp),o},getFileDataAsTypedArray:function(e){return e.contents?e.contents.subarray?e.contents.subarray(0,e.usedBytes):new Uint8Array(e.contents):new Uint8Array(0)},expandFileStorage:function(e,r){var t=e.contents?e.contents.length:0;if(!(t>=r)){r=Math.max(r,t*(t<1048576?2:1.125)>>>0),0!=t&&(r=Math.max(r,256));var n=e.contents;e.contents=new Uint8Array(r),e.usedBytes>0&&e.contents.set(n.subarray(0,e.usedBytes),0)}},resizeFileStorage:function(e,r){if(e.usedBytes!=r)if(0==r)e.contents=null,e.usedBytes=0;else{var t=e.contents;e.contents=new Uint8Array(r),t&&e.contents.set(t.subarray(0,Math.min(r,e.usedBytes))),e.usedBytes=r}},node_ops:{getattr:function(e){var r={};return r.dev=he.isChrdev(e.mode)?e.id:1,r.ino=e.id,r.mode=e.mode,r.nlink=1,r.uid=0,r.gid=0,r.rdev=e.rdev,he.isDir(e.mode)?r.size=4096:he.isFile(e.mode)?r.size=e.usedBytes:he.isLink(e.mode)?r.size=e.link.length:r.size=0,r.atime=new Date(e.timestamp),r.mtime=new Date(e.timestamp),r.ctime=new Date(e.timestamp),r.blksize=4096,r.blocks=Math.ceil(r.size/r.blksize),r},setattr:function(e,r){void 0!==r.mode&&(e.mode=r.mode),void 0!==r.timestamp&&(e.timestamp=r.timestamp),void 0!==r.size&&pe.resizeFileStorage(e,r.size)},lookup:function(e,r){throw he.genericErrors[44]},mknod:function(e,r,t,n){return pe.createNode(e,r,t,n)},rename:function(e,r,t){if(he.isDir(e.mode)){var n;try{n=he.lookupNode(r,t)}catch(e){}if(n)for(var o in n.contents)throw new he.ErrnoError(55)}delete e.parent.contents[e.name],e.parent.timestamp=Date.now(),e.name=t,r.contents[t]=e,r.timestamp=e.parent.timestamp,e.parent=r},unlink:function(e,r){delete e.contents[r],e.timestamp=Date.now()},rmdir:function(e,r){var t=he.lookupNode(e,r);for(var n in t.contents)throw new he.ErrnoError(55);delete e.contents[r],e.timestamp=Date.now()},readdir:function(e){var r=[".",".."];for(var t in e.contents)e.contents.hasOwnProperty(t)&&r.push(t);return r},symlink:function(e,r,t){var n=pe.createNode(e,r,41471,0);return n.link=t,n},readlink:function(e){if(!he.isLink(e.mode))throw new he.ErrnoError(28);return e.link}},stream_ops:{read:function(e,r,t,n,o){var i=e.node.contents;if(o>=e.node.usedBytes)return 0;var a=Math.min(e.node.usedBytes-o,n);if(a>8&&i.subarray)r.set(i.subarray(o,o+a),t);else for(var s=0;s<a;s++)r[t+s]=i[o+s];return a},write:function(e,r,t,n,o,i){if(!n)return 0;var a=e.node;if(a.timestamp=Date.now(),r.subarray&&(!a.contents||a.contents.subarray)){if(i)return a.contents=r.subarray(t,t+n),a.usedBytes=n,n;if(0===a.usedBytes&&0===o)return a.contents=r.slice(t,t+n),a.usedBytes=n,n;if(o+n<=a.usedBytes)return a.contents.set(r.subarray(t,t+n),o),n}if(pe.expandFileStorage(a,o+n),a.contents.subarray&&r.subarray)a.contents.set(r.subarray(t,t+n),o);else for(var s=0;s<n;s++)a.contents[o+s]=r[t+s];return a.usedBytes=Math.max(a.usedBytes,o+n),n},llseek:function(e,r,t){var n=r;if(1===t?n+=e.position:2===t&&he.isFile(e.node.mode)&&(n+=e.node.usedBytes),n<0)throw new he.ErrnoError(28);return n},allocate:function(e,r,t){pe.expandFileStorage(e.node,r+t),e.node.usedBytes=Math.max(e.node.usedBytes,r+t)},mmap:function(e,r,t,n,o,i){if(0!==r)throw new he.ErrnoError(28);if(!he.isFile(e.node.mode))throw new he.ErrnoError(43);var a,s,u=e.node.contents;if(2&i||u.buffer!==F){if((n>0||n+t<u.length)&&(u=u.subarray?u.subarray(n,n+t):Array.prototype.slice.call(u,n,n+t)),s=!0,!(a=de(t)))throw new he.ErrnoError(48);x.set(u,a)}else s=!1,a=u.byteOffset;return{ptr:a,allocated:s}},msync:function(e,r,t,n,o){if(!he.isFile(e.node.mode))throw new he.ErrnoError(43);return 2&o||pe.stream_ops.write(e,r,0,n,t,!1),0}}};var he={root:null,mounts:[],devices:{},streams:[],nextInode:1,nameTable:null,currentPath:"/",initialized:!1,ignorePermissions:!0,ErrnoError:null,genericErrors:{},filesystems:null,syncFSRequests:0,lookupPath:function(e,r){if(r=r||{},!(e=fe.resolve(he.cwd(),e)))return{path:"",node:null};var t={follow_mount:!0,recurse_count:0};for(var n in t)void 0===r[n]&&(r[n]=t[n]);if(r.recurse_count>8)throw new he.ErrnoError(32);for(var o=ce.normalizeArray(e.split("/").filter((function(e){return!!e})),!1),i=he.root,a="/",s=0;s<o.length;s++){var u=s===o.length-1;if(u&&r.parent)break;if(i=he.lookupNode(i,o[s]),a=ce.join2(a,o[s]),he.isMountpoint(i)&&(!u||u&&r.follow_mount)&&(i=i.mounted.root),!u||r.follow)for(var c=0;he.isLink(i.mode);){var f=he.readlink(a);if(a=fe.resolve(ce.dirname(a),f),i=he.lookupPath(a,{recurse_count:r.recurse_count}).node,c++>40)throw new he.ErrnoError(32)}}return{path:a,node:i}},getPath:function(e){for(var r;;){if(he.isRoot(e)){var t=e.mount.mountpoint;return r?"/"!==t[t.length-1]?t+"/"+r:t+r:t}r=r?e.name+"/"+r:e.name,e=e.parent}},hashName:function(e,r){for(var t=0,n=0;n<r.length;n++)t=(t<<5)-t+r.charCodeAt(n)|0;return(e+t>>>0)%he.nameTable.length},hashAddNode:function(e){var r=he.hashName(e.parent.id,e.name);e.name_next=he.nameTable[r],he.nameTable[r]=e},hashRemoveNode:function(e){var r=he.hashName(e.parent.id,e.name);if(he.nameTable[r]===e)he.nameTable[r]=e.name_next;else for(var t=he.nameTable[r];t;){if(t.name_next===e){t.name_next=e.name_next;break}t=t.name_next}},lookupNode:function(e,r){var t=he.mayLookup(e);if(t)throw new he.ErrnoError(t,e);for(var n=he.hashName(e.id,r),o=he.nameTable[n];o;o=o.name_next){var i=o.name;if(o.parent.id===e.id&&i===r)return o}return he.lookup(e,r)},createNode:function(e,r,t,n){var o=new he.FSNode(e,r,t,n);return he.hashAddNode(o),o},destroyNode:function(e){he.hashRemoveNode(e)},isRoot:function(e){return e===e.parent},isMountpoint:function(e){return!!e.mounted},isFile:function(e){return 32768==(61440&e)},isDir:function(e){return 16384==(61440&e)},isLink:function(e){return 40960==(61440&e)},isChrdev:function(e){return 8192==(61440&e)},isBlkdev:function(e){return 24576==(61440&e)},isFIFO:function(e){return 4096==(61440&e)},isSocket:function(e){return 49152==(49152&e)},flagModes:{r:0,"r+":2,w:577,"w+":578,a:1089,"a+":1090},modeStringToFlags:function(e){var r=he.flagModes[e];if(void 0===r)throw new Error("Unknown file open mode: "+e);return r},flagsToPermissionString:function(e){var r=["r","w","rw"][3&e];return 512&e&&(r+="w"),r},nodePermissions:function(e,r){return he.ignorePermissions||(!r.includes("r")||292&e.mode)&&(!r.includes("w")||146&e.mode)&&(!r.includes("x")||73&e.mode)?0:2},mayLookup:function(e){var r=he.nodePermissions(e,"x");return r||(e.node_ops.lookup?0:2)},mayCreate:function(e,r){try{he.lookupNode(e,r);return 20}catch(e){}return he.nodePermissions(e,"wx")},mayDelete:function(e,r,t){var n;try{n=he.lookupNode(e,r)}catch(e){return e.errno}var o=he.nodePermissions(e,"wx");if(o)return o;if(t){if(!he.isDir(n.mode))return 54;if(he.isRoot(n)||he.getPath(n)===he.cwd())return 10}else if(he.isDir(n.mode))return 31;return 0},mayOpen:function(e,r){return e?he.isLink(e.mode)?32:he.isDir(e.mode)&&("r"!==he.flagsToPermissionString(r)||512&r)?31:he.nodePermissions(e,he.flagsToPermissionString(r)):44},MAX_OPEN_FDS:4096,nextfd:function(e,r){e=e||0,r=r||he.MAX_OPEN_FDS;for(var t=e;t<=r;t++)if(!he.streams[t])return t;throw new he.ErrnoError(33)},getStream:function(e){return he.streams[e]},createStream:function(e,r,t){he.FSStream||(he.FSStream=function(){},he.FSStream.prototype={object:{get:function(){return this.node},set:function(e){this.node=e}},isRead:{get:function(){return 1!=(2097155&this.flags)}},isWrite:{get:function(){return 0!=(2097155&this.flags)}},isAppend:{get:function(){return 1024&this.flags}}});var n=new he.FSStream;for(var o in e)n[o]=e[o];e=n;var i=he.nextfd(r,t);return e.fd=i,he.streams[i]=e,e},closeStream:function(e){he.streams[e]=null},chrdev_stream_ops:{open:function(e){var r=he.getDevice(e.node.rdev);e.stream_ops=r.stream_ops,e.stream_ops.open&&e.stream_ops.open(e)},llseek:function(){throw new he.ErrnoError(70)}},major:function(e){return e>>8},minor:function(e){return 255&e},makedev:function(e,r){return e<<8|r},registerDevice:function(e,r){he.devices[e]={stream_ops:r}},getDevice:function(e){return he.devices[e]},getMounts:function(e){for(var r=[],t=[e];t.length;){var n=t.pop();r.push(n),t.push.apply(t,n.mounts)}return r},syncfs:function(e,r){"function"==typeof e&&(r=e,e=!1),he.syncFSRequests++,he.syncFSRequests>1&&E("warning: "+he.syncFSRequests+" FS.syncfs operations in flight at once, probably just doing extra work");var t=he.getMounts(he.root.mount),n=0;function o(e){return he.syncFSRequests--,r(e)}function i(e){if(e)return i.errored?void 0:(i.errored=!0,o(e));++n>=t.length&&o(null)}t.forEach((function(r){if(!r.type.syncfs)return i(null);r.type.syncfs(r,e,i)}))},mount:function(e,r,t){var n,o="/"===t,i=!t;if(o&&he.root)throw new he.ErrnoError(10);if(!o&&!i){var a=he.lookupPath(t,{follow_mount:!1});if(t=a.path,n=a.node,he.isMountpoint(n))throw new he.ErrnoError(10);if(!he.isDir(n.mode))throw new he.ErrnoError(54)}var s={type:e,opts:r,mountpoint:t,mounts:[]},u=e.mount(s);return u.mount=s,s.root=u,o?he.root=u:n&&(n.mounted=s,n.mount&&n.mount.mounts.push(s)),u},unmount:function(e){var r=he.lookupPath(e,{follow_mount:!1});if(!he.isMountpoint(r.node))throw new he.ErrnoError(28);var t=r.node,n=t.mounted,o=he.getMounts(n);Object.keys(he.nameTable).forEach((function(e){for(var r=he.nameTable[e];r;){var t=r.name_next;o.includes(r.mount)&&he.destroyNode(r),r=t}})),t.mounted=null;var i=t.mount.mounts.indexOf(n);t.mount.mounts.splice(i,1)},lookup:function(e,r){return e.node_ops.lookup(e,r)},mknod:function(e,r,t){var n=he.lookupPath(e,{parent:!0}).node,o=ce.basename(e);if(!o||"."===o||".."===o)throw new he.ErrnoError(28);var i=he.mayCreate(n,o);if(i)throw new he.ErrnoError(i);if(!n.node_ops.mknod)throw new he.ErrnoError(63);return n.node_ops.mknod(n,o,r,t)},create:function(e,r){return r=void 0!==r?r:438,r&=4095,r|=32768,he.mknod(e,r,0)},mkdir:function(e,r){return r=void 0!==r?r:511,r&=1023,r|=16384,he.mknod(e,r,0)},mkdirTree:function(e,r){for(var t=e.split("/"),n="",o=0;o<t.length;++o)if(t[o]){n+="/"+t[o];try{he.mkdir(n,r)}catch(e){if(20!=e.errno)throw e}}},mkdev:function(e,r,t){return void 0===t&&(t=r,r=438),r|=8192,he.mknod(e,r,t)},symlink:function(e,r){if(!fe.resolve(e))throw new he.ErrnoError(44);var t=he.lookupPath(r,{parent:!0}).node;if(!t)throw new he.ErrnoError(44);var n=ce.basename(r),o=he.mayCreate(t,n);if(o)throw new he.ErrnoError(o);if(!t.node_ops.symlink)throw new he.ErrnoError(63);return t.node_ops.symlink(t,n,e)},rename:function(e,r){var t,n,o=ce.dirname(e),i=ce.dirname(r),a=ce.basename(e),s=ce.basename(r);if(t=he.lookupPath(e,{parent:!0}).node,n=he.lookupPath(r,{parent:!0}).node,!t||!n)throw new he.ErrnoError(44);if(t.mount!==n.mount)throw new he.ErrnoError(75);var u,c=he.lookupNode(t,a),f=fe.relative(e,i);if("."!==f.charAt(0))throw new he.ErrnoError(28);if("."!==(f=fe.relative(r,o)).charAt(0))throw new he.ErrnoError(55);try{u=he.lookupNode(n,s)}catch(e){}if(c!==u){var l=he.isDir(c.mode),d=he.mayDelete(t,a,l);if(d)throw new he.ErrnoError(d);if(d=u?he.mayDelete(n,s,l):he.mayCreate(n,s))throw new he.ErrnoError(d);if(!t.node_ops.rename)throw new he.ErrnoError(63);if(he.isMountpoint(c)||u&&he.isMountpoint(u))throw new he.ErrnoError(10);if(n!==t&&(d=he.nodePermissions(t,"w")))throw new he.ErrnoError(d);he.hashRemoveNode(c);try{t.node_ops.rename(c,n,s)}catch(e){throw e}finally{he.hashAddNode(c)}}},rmdir:function(e){var r=he.lookupPath(e,{parent:!0}).node,t=ce.basename(e),n=he.lookupNode(r,t),o=he.mayDelete(r,t,!0);if(o)throw new he.ErrnoError(o);if(!r.node_ops.rmdir)throw new he.ErrnoError(63);if(he.isMountpoint(n))throw new he.ErrnoError(10);r.node_ops.rmdir(r,t),he.destroyNode(n)},readdir:function(e){var r=he.lookupPath(e,{follow:!0}).node;if(!r.node_ops.readdir)throw new he.ErrnoError(54);return r.node_ops.readdir(r)},unlink:function(e){var r=he.lookupPath(e,{parent:!0}).node,t=ce.basename(e),n=he.lookupNode(r,t),o=he.mayDelete(r,t,!1);if(o)throw new he.ErrnoError(o);if(!r.node_ops.unlink)throw new he.ErrnoError(63);if(he.isMountpoint(n))throw new he.ErrnoError(10);r.node_ops.unlink(r,t),he.destroyNode(n)},readlink:function(e){var r=he.lookupPath(e).node;if(!r)throw new he.ErrnoError(44);if(!r.node_ops.readlink)throw new he.ErrnoError(28);return fe.resolve(he.getPath(r.parent),r.node_ops.readlink(r))},stat:function(e,r){var t=he.lookupPath(e,{follow:!r}).node;if(!t)throw new he.ErrnoError(44);if(!t.node_ops.getattr)throw new he.ErrnoError(63);return t.node_ops.getattr(t)},lstat:function(e){return he.stat(e,!0)},chmod:function(e,r,t){var n;"string"==typeof e?n=he.lookupPath(e,{follow:!t}).node:n=e;if(!n.node_ops.setattr)throw new he.ErrnoError(63);n.node_ops.setattr(n,{mode:4095&r|-4096&n.mode,timestamp:Date.now()})},lchmod:function(e,r){he.chmod(e,r,!0)},fchmod:function(e,r){var t=he.getStream(e);if(!t)throw new he.ErrnoError(8);he.chmod(t.node,r)},chown:function(e,r,t,n){var o;"string"==typeof e?o=he.lookupPath(e,{follow:!n}).node:o=e;if(!o.node_ops.setattr)throw new he.ErrnoError(63);o.node_ops.setattr(o,{timestamp:Date.now()})},lchown:function(e,r,t){he.chown(e,r,t,!0)},fchown:function(e,r,t){var n=he.getStream(e);if(!n)throw new he.ErrnoError(8);he.chown(n.node,r,t)},truncate:function(e,r){if(r<0)throw new he.ErrnoError(28);var t;"string"==typeof e?t=he.lookupPath(e,{follow:!0}).node:t=e;if(!t.node_ops.setattr)throw new he.ErrnoError(63);if(he.isDir(t.mode))throw new he.ErrnoError(31);if(!he.isFile(t.mode))throw new he.ErrnoError(28);var n=he.nodePermissions(t,"w");if(n)throw new he.ErrnoError(n);t.node_ops.setattr(t,{size:r,timestamp:Date.now()})},ftruncate:function(e,r){var t=he.getStream(e);if(!t)throw new he.ErrnoError(8);if(0==(2097155&t.flags))throw new he.ErrnoError(28);he.truncate(t.node,r)},utime:function(e,r,t){var n=he.lookupPath(e,{follow:!0}).node;n.node_ops.setattr(n,{timestamp:Math.max(r,t)})},open:function(e,r,n,o,i){if(""===e)throw new he.ErrnoError(44);var a;if(n=void 0===n?438:n,n=64&(r="string"==typeof r?he.modeStringToFlags(r):r)?4095&n|32768:0,"object"==typeof e)a=e;else{e=ce.normalize(e);try{a=he.lookupPath(e,{follow:!(131072&r)}).node}catch(e){}}var s=!1;if(64&r)if(a){if(128&r)throw new he.ErrnoError(20)}else a=he.mknod(e,n,0),s=!0;if(!a)throw new he.ErrnoError(44);if(he.isChrdev(a.mode)&&(r&=-513),65536&r&&!he.isDir(a.mode))throw new he.ErrnoError(54);if(!s){var u=he.mayOpen(a,r);if(u)throw new he.ErrnoError(u)}512&r&&he.truncate(a,0),r&=-131713;var c=he.createStream({node:a,path:he.getPath(a),flags:r,seekable:!0,position:0,stream_ops:a.stream_ops,ungotten:[],error:!1},o,i);return c.stream_ops.open&&c.stream_ops.open(c),!t.logReadFiles||1&r||(he.readFiles||(he.readFiles={}),e in he.readFiles||(he.readFiles[e]=1)),c},close:function(e){if(he.isClosed(e))throw new he.ErrnoError(8);e.getdents&&(e.getdents=null);try{e.stream_ops.close&&e.stream_ops.close(e)}catch(e){throw e}finally{he.closeStream(e.fd)}e.fd=null},isClosed:function(e){return null===e.fd},llseek:function(e,r,t){if(he.isClosed(e))throw new he.ErrnoError(8);if(!e.seekable||!e.stream_ops.llseek)throw new he.ErrnoError(70);if(0!=t&&1!=t&&2!=t)throw new he.ErrnoError(28);return e.position=e.stream_ops.llseek(e,r,t),e.ungotten=[],e.position},read:function(e,r,t,n,o){if(n<0||o<0)throw new he.ErrnoError(28);if(he.isClosed(e))throw new he.ErrnoError(8);if(1==(2097155&e.flags))throw new he.ErrnoError(8);if(he.isDir(e.node.mode))throw new he.ErrnoError(31);if(!e.stream_ops.read)throw new he.ErrnoError(28);var i=void 0!==o;if(i){if(!e.seekable)throw new he.ErrnoError(70)}else o=e.position;var a=e.stream_ops.read(e,r,t,n,o);return i||(e.position+=a),a},write:function(e,r,t,n,o,i){if(n<0||o<0)throw new he.ErrnoError(28);if(he.isClosed(e))throw new he.ErrnoError(8);if(0==(2097155&e.flags))throw new he.ErrnoError(8);if(he.isDir(e.node.mode))throw new he.ErrnoError(31);if(!e.stream_ops.write)throw new he.ErrnoError(28);e.seekable&&1024&e.flags&&he.llseek(e,0,2);var a=void 0!==o;if(a){if(!e.seekable)throw new he.ErrnoError(70)}else o=e.position;var s=e.stream_ops.write(e,r,t,n,o,i);return a||(e.position+=s),s},allocate:function(e,r,t){if(he.isClosed(e))throw new he.ErrnoError(8);if(r<0||t<=0)throw new he.ErrnoError(28);if(0==(2097155&e.flags))throw new he.ErrnoError(8);if(!he.isFile(e.node.mode)&&!he.isDir(e.node.mode))throw new he.ErrnoError(43);if(!e.stream_ops.allocate)throw new he.ErrnoError(138);e.stream_ops.allocate(e,r,t)},mmap:function(e,r,t,n,o,i){if(0!=(2&o)&&0==(2&i)&&2!=(2097155&e.flags))throw new he.ErrnoError(2);if(1==(2097155&e.flags))throw new he.ErrnoError(2);if(!e.stream_ops.mmap)throw new he.ErrnoError(43);return e.stream_ops.mmap(e,r,t,n,o,i)},msync:function(e,r,t,n,o){return e&&e.stream_ops.msync?e.stream_ops.msync(e,r,t,n,o):0},munmap:function(e){return 0},ioctl:function(e,r,t){if(!e.stream_ops.ioctl)throw new he.ErrnoError(59);return e.stream_ops.ioctl(e,r,t)},readFile:function(e,r){if((r=r||{}).flags=r.flags||0,r.encoding=r.encoding||"binary","utf8"!==r.encoding&&"binary"!==r.encoding)throw new Error('Invalid encoding type "'+r.encoding+'"');var t,n=he.open(e,r.flags),o=he.stat(e).size,i=new Uint8Array(o);return he.read(n,i,0,o,0),"utf8"===r.encoding?t=P(i,0):"binary"===r.encoding&&(t=i),he.close(n),t},writeFile:function(e,r,t){(t=t||{}).flags=t.flags||577;var n=he.open(e,t.flags,t.mode);if("string"==typeof r){var o=new Uint8Array(S(r)+1),i=A(r,o,0,o.length);he.write(n,o,0,i,void 0,t.canOwn)}else{if(!ArrayBuffer.isView(r))throw new Error("Unsupported data type");he.write(n,r,0,r.byteLength,void 0,t.canOwn)}he.close(n)},cwd:function(){return he.currentPath},chdir:function(e){var r=he.lookupPath(e,{follow:!0});if(null===r.node)throw new he.ErrnoError(44);if(!he.isDir(r.node.mode))throw new he.ErrnoError(54);var t=he.nodePermissions(r.node,"x");if(t)throw new he.ErrnoError(t);he.currentPath=r.path},createDefaultDirectories:function(){he.mkdir("/tmp"),he.mkdir("/home"),he.mkdir("/home/web_user")},createDefaultDevices:function(){he.mkdir("/dev"),he.registerDevice(he.makedev(1,3),{read:function(){return 0},write:function(e,r,t,n,o){return n}}),he.mkdev("/dev/null",he.makedev(1,3)),le.register(he.makedev(5,0),le.default_tty_ops),le.register(he.makedev(6,0),le.default_tty1_ops),he.mkdev("/dev/tty",he.makedev(5,0)),he.mkdev("/dev/tty1",he.makedev(6,0));var e=function(){if("object"==typeof crypto&&"function"==typeof crypto.getRandomValues){var e=new Uint8Array(1);return function(){return crypto.getRandomValues(e),e[0]}}if(m)try{var r=a.default;return function(){return r.randomBytes(1)[0]}}catch(e){}return function(){ee("randomDevice")}}();he.createDevice("/dev","random",e),he.createDevice("/dev","urandom",e),he.mkdir("/dev/shm"),he.mkdir("/dev/shm/tmp")},createSpecialDirectories:function(){he.mkdir("/proc");var e=he.mkdir("/proc/self");he.mkdir("/proc/self/fd"),he.mount({mount:function(){var r=he.createNode(e,"fd",16895,73);return r.node_ops={lookup:function(e,r){var t=+r,n=he.getStream(t);if(!n)throw new he.ErrnoError(8);var o={parent:null,mount:{mountpoint:"fake"},node_ops:{readlink:function(){return n.path}}};return o.parent=o,o}},r}},{},"/proc/self/fd")},createStandardStreams:function(){t.stdin?he.createDevice("/dev","stdin",t.stdin):he.symlink("/dev/tty","/dev/stdin"),t.stdout?he.createDevice("/dev","stdout",null,t.stdout):he.symlink("/dev/tty","/dev/stdout"),t.stderr?he.createDevice("/dev","stderr",null,t.stderr):he.symlink("/dev/tty1","/dev/stderr"),he.open("/dev/stdin",0),he.open("/dev/stdout",1),he.open("/dev/stderr",1)},ensureErrnoError:function(){he.ErrnoError||(he.ErrnoError=function(e,r){this.node=r,this.setErrno=function(e){this.errno=e},this.setErrno(e),this.message="FS error"},he.ErrnoError.prototype=new Error,he.ErrnoError.prototype.constructor=he.ErrnoError,[44].forEach((function(e){he.genericErrors[e]=new he.ErrnoError(e),he.genericErrors[e].stack="<generic error, no stack>"})))},staticInit:function(){he.ensureErrnoError(),he.nameTable=new Array(4096),he.mount(pe,{},"/"),he.createDefaultDirectories(),he.createDefaultDevices(),he.createSpecialDirectories(),he.filesystems={MEMFS:pe}},init:function(e,r,n){he.init.initialized=!0,he.ensureErrnoError(),t.stdin=e||t.stdin,t.stdout=r||t.stdout,t.stderr=n||t.stderr,he.createStandardStreams()},quit:function(){he.init.initialized=!1;var e=t._fflush;e&&e(0);for(var r=0;r<he.streams.length;r++){var n=he.streams[r];n&&he.close(n)}},getMode:function(e,r){var t=0;return e&&(t|=365),r&&(t|=146),t},findObject:function(e,r){var t=he.analyzePath(e,r);return t.exists?t.object:null},analyzePath:function(e,r){try{e=(n=he.lookupPath(e,{follow:!r})).path}catch(e){}var t={isRoot:!1,exists:!1,error:0,name:null,path:null,object:null,parentExists:!1,parentPath:null,parentObject:null};try{var n=he.lookupPath(e,{parent:!0});t.parentExists=!0,t.parentPath=n.path,t.parentObject=n.node,t.name=ce.basename(e),n=he.lookupPath(e,{follow:!r}),t.exists=!0,t.path=n.path,t.object=n.node,t.name=n.node.name,t.isRoot="/"===n.path}catch(e){t.error=e.errno}return t},createPath:function(e,r,t,n){e="string"==typeof e?e:he.getPath(e);for(var o=r.split("/").reverse();o.length;){var i=o.pop();if(i){var a=ce.join2(e,i);try{he.mkdir(a)}catch(e){}e=a}}return a},createFile:function(e,r,t,n,o){var i=ce.join2("string"==typeof e?e:he.getPath(e),r),a=he.getMode(n,o);return he.create(i,a)},createDataFile:function(e,r,t,n,o,i){var a=r?ce.join2("string"==typeof e?e:he.getPath(e),r):e,s=he.getMode(n,o),u=he.create(a,s);if(t){if("string"==typeof t){for(var c=new Array(t.length),f=0,l=t.length;f<l;++f)c[f]=t.charCodeAt(f);t=c}he.chmod(u,146|s);var d=he.open(u,577);he.write(d,t,0,t.length,0,i),he.close(d),he.chmod(u,s)}return u},createDevice:function(e,r,t,n){var o=ce.join2("string"==typeof e?e:he.getPath(e),r),i=he.getMode(!!t,!!n);he.createDevice.major||(he.createDevice.major=64);var a=he.makedev(he.createDevice.major++,0);return he.registerDevice(a,{open:function(e){e.seekable=!1},close:function(e){n&&n.buffer&&n.buffer.length&&n(10)},read:function(e,r,n,o,i){for(var a=0,s=0;s<o;s++){var u;try{u=t()}catch(e){throw new he.ErrnoError(29)}if(void 0===u&&0===a)throw new he.ErrnoError(6);if(null==u)break;a++,r[n+s]=u}return a&&(e.node.timestamp=Date.now()),a},write:function(e,r,t,o,i){for(var a=0;a<o;a++)try{n(r[t+a])}catch(e){throw new he.ErrnoError(29)}return o&&(e.node.timestamp=Date.now()),a}}),he.mkdev(o,i,a)},forceLoadFile:function(e){if(e.isDevice||e.isFolder||e.link||e.contents)return!0;if("undefined"!=typeof XMLHttpRequest)throw new Error("Lazy loading should have been performed (contents set) in createLazyFile, but it was not. Lazy loading only works in web workers. Use --embed-file or --preload-file in emcc on the main thread.");if(!s)throw new Error("Cannot load without read() or XMLHttpRequest.");try{e.contents=Hr(s(e.url),!0),e.usedBytes=e.contents.length}catch(e){throw new he.ErrnoError(29)}},createLazyFile:function(e,r,t,n,o){function i(){this.lengthKnown=!1,this.chunks=[]}if(i.prototype.get=function(e){if(!(e>this.length-1||e<0)){var r=e%this.chunkSize,t=e/this.chunkSize|0;return this.getter(t)[r]}},i.prototype.setDataGetter=function(e){this.getter=e},i.prototype.cacheLength=function(){var e=new XMLHttpRequest;if(e.open("HEAD",t,!1),e.send(null),!(e.status>=200&&e.status<300||304===e.status))throw new Error("Couldn't load "+t+". Status: "+e.status);var r,n=Number(e.getResponseHeader("Content-length")),o=(r=e.getResponseHeader("Accept-Ranges"))&&"bytes"===r,i=(r=e.getResponseHeader("Content-Encoding"))&&"gzip"===r,a=1048576;o||(a=n);var s=this;s.setDataGetter((function(e){var r=e*a,o=(e+1)*a-1;if(o=Math.min(o,n-1),void 0===s.chunks[e]&&(s.chunks[e]=function(e,r){if(e>r)throw new Error("invalid range ("+e+", "+r+") or no bytes requested!");if(r>n-1)throw new Error("only "+n+" bytes available! programmer error!");var o=new XMLHttpRequest;if(o.open("GET",t,!1),n!==a&&o.setRequestHeader("Range","bytes="+e+"-"+r),"undefined"!=typeof Uint8Array&&(o.responseType="arraybuffer"),o.overrideMimeType&&o.overrideMimeType("text/plain; charset=x-user-defined"),o.send(null),!(o.status>=200&&o.status<300||304===o.status))throw new Error("Couldn't load "+t+". Status: "+o.status);return void 0!==o.response?new Uint8Array(o.response||[]):Hr(o.responseText||"",!0)}(r,o)),void 0===s.chunks[e])throw new Error("doXHR failed!");return s.chunks[e]})),!i&&n||(a=n=1,n=this.getter(0).length,a=n,w("LazyFiles on gzip forces download of the whole file when length is accessed")),this._length=n,this._chunkSize=a,this.lengthKnown=!0},"undefined"!=typeof XMLHttpRequest){if(!h)throw"Cannot do synchronous binary XHRs outside webworkers in modern browsers. Use --embed-file or --preload-file in emcc";var a=new i;Object.defineProperties(a,{length:{get:function(){return this.lengthKnown||this.cacheLength(),this._length}},chunkSize:{get:function(){return this.lengthKnown||this.cacheLength(),this._chunkSize}}});var s={isDevice:!1,contents:a}}else s={isDevice:!1,url:t};var u=he.createFile(e,r,s,n,o);s.contents?u.contents=s.contents:s.url&&(u.contents=null,u.url=s.url),Object.defineProperties(u,{usedBytes:{get:function(){return this.contents.length}}});var c={};return Object.keys(u.stream_ops).forEach((function(e){var r=u.stream_ops[e];c[e]=function(){return he.forceLoadFile(u),r.apply(null,arguments)}})),c.read=function(e,r,t,n,o){he.forceLoadFile(u);var i=e.node.contents;if(o>=i.length)return 0;var a=Math.min(i.length-o,n);if(i.slice)for(var s=0;s<a;s++)r[t+s]=i[o+s];else for(s=0;s<a;s++)r[t+s]=i.get(o+s);return a},u.stream_ops=c,u},createPreloadedFile:function(e,r,n,o,i,a,s,c,f,l){Browser.init();var d=r?fe.resolve(ce.join2(e,r)):e;function p(n){function u(t){l&&l(),c||he.createDataFile(e,r,t,o,i,f),a&&a(),Z()}var p=!1;t.preloadPlugins.forEach((function(e){p||e.canHandle(d)&&(e.handle(n,d,u,(function(){s&&s(),Z()})),p=!0)})),p||u(n)}Q(),"string"==typeof n?function(e,r,t,n){var o=n?"":"al "+e;u(e,(function(t){k(t,'Loading data file "'+e+'" failed (no arrayBuffer).'),r(new Uint8Array(t)),o&&Z()}),(function(r){if(!t)throw'Loading data file "'+e+'" failed.';t()})),o&&Q()}(n,(function(e){p(e)}),s):p(n)},indexedDB:function(){return window.indexedDB||window.mozIndexedDB||window.webkitIndexedDB||window.msIndexedDB},DB_NAME:function(){return"EM_FS_"+window.location.pathname},DB_VERSION:20,DB_STORE_NAME:"FILE_DATA",saveFilesToDB:function(e,r,t){r=r||function(){},t=t||function(){};var n=he.indexedDB();try{var o=n.open(he.DB_NAME(),he.DB_VERSION)}catch(e){return t(e)}o.onupgradeneeded=function(){w("creating db"),o.result.createObjectStore(he.DB_STORE_NAME)},o.onsuccess=function(){var n=o.result.transaction([he.DB_STORE_NAME],"readwrite"),i=n.objectStore(he.DB_STORE_NAME),a=0,s=0,u=e.length;function c(){0==s?r():t()}e.forEach((function(e){var r=i.put(he.analyzePath(e).object.contents,e);r.onsuccess=function(){++a+s==u&&c()},r.onerror=function(){s++,a+s==u&&c()}})),n.onerror=t},o.onerror=t},loadFilesFromDB:function(e,r,t){r=r||function(){},t=t||function(){};var n=he.indexedDB();try{var o=n.open(he.DB_NAME(),he.DB_VERSION)}catch(e){return t(e)}o.onupgradeneeded=t,o.onsuccess=function(){var n=o.result;try{var i=n.transaction([he.DB_STORE_NAME],"readonly")}catch(e){return void t(e)}var a=i.objectStore(he.DB_STORE_NAME),s=0,u=0,c=e.length;function f(){0==u?r():t()}e.forEach((function(e){var r=a.get(e);r.onsuccess=function(){he.analyzePath(e).exists&&he.unlink(e),he.createDataFile(ce.dirname(e),ce.basename(e),r.result,!0,!0,!0),++s+u==c&&f()},r.onerror=function(){u++,s+u==c&&f()}})),i.onerror=t},o.onerror=t}},me={mappings:{},DEFAULT_POLLMASK:5,umask:511,calculateAt:function(e,r,t){if("/"===r[0])return r;var n;if(-100===e)n=he.cwd();else{var o=he.getStream(e);if(!o)throw new he.ErrnoError(8);n=o.path}if(0==r.length){if(!t)throw new he.ErrnoError(44);return n}return ce.join2(n,r)},doStat:function(e,r,t){try{var n=e(r)}catch(e){if(e&&e.node&&ce.normalize(r)!==ce.normalize(he.getPath(e.node)))return-54;throw e}return O[t>>2]=n.dev,O[t+4>>2]=0,O[t+8>>2]=n.ino,O[t+12>>2]=n.mode,O[t+16>>2]=n.nlink,O[t+20>>2]=n.uid,O[t+24>>2]=n.gid,O[t+28>>2]=n.rdev,O[t+32>>2]=0,ne=[n.size>>>0,(te=n.size,+Math.abs(te)>=1?te>0?(0|Math.min(+Math.floor(te/4294967296),4294967295))>>>0:~~+Math.ceil((te-+(~~te>>>0))/4294967296)>>>0:0)],O[t+40>>2]=ne[0],O[t+44>>2]=ne[1],O[t+48>>2]=4096,O[t+52>>2]=n.blocks,O[t+56>>2]=n.atime.getTime()/1e3|0,O[t+60>>2]=0,O[t+64>>2]=n.mtime.getTime()/1e3|0,O[t+68>>2]=0,O[t+72>>2]=n.ctime.getTime()/1e3|0,O[t+76>>2]=0,ne=[n.ino>>>0,(te=n.ino,+Math.abs(te)>=1?te>0?(0|Math.min(+Math.floor(te/4294967296),4294967295))>>>0:~~+Math.ceil((te-+(~~te>>>0))/4294967296)>>>0:0)],O[t+80>>2]=ne[0],O[t+84>>2]=ne[1],0},doMsync:function(e,r,t,n,o){var i=$.slice(e,e+t);he.msync(r,i,o,t,n)},doMkdir:function(e,r){return"/"===(e=ce.normalize(e))[e.length-1]&&(e=e.substr(0,e.length-1)),he.mkdir(e,r,0),0},doMknod:function(e,r,t){switch(61440&r){case 32768:case 8192:case 24576:case 4096:case 49152:break;default:return-28}return he.mknod(e,r,t),0},doReadlink:function(e,r,t){if(t<=0)return-28;var n=he.readlink(e),o=Math.min(t,S(n)),i=x[r+o];return D(n,r,t+1),x[r+o]=i,o},doAccess:function(e,r){if(-8&r)return-28;var t;if(!(t=he.lookupPath(e,{follow:!0}).node))return-44;var n="";return 4&r&&(n+="r"),2&r&&(n+="w"),1&r&&(n+="x"),n&&he.nodePermissions(t,n)?-2:0},doDup:function(e,r,t){var n=he.getStream(t);return n&&he.close(n),he.open(e,r,0,t,t).fd},doReadv:function(e,r,t,n){for(var o=0,i=0;i<t;i++){var a=O[r+8*i>>2],s=O[r+(8*i+4)>>2],u=he.read(e,x,a,s,n);if(u<0)return-1;if(o+=u,u<s)break}return o},doWritev:function(e,r,t,n){for(var o=0,i=0;i<t;i++){var a=O[r+8*i>>2],s=O[r+(8*i+4)>>2],u=he.write(e,x,a,s,n);if(u<0)return-1;o+=u}return o},varargs:void 0,get:function(){return me.varargs+=4,O[me.varargs-4>>2]},getStr:function(e){return C(e)},getStreamFromFD:function(e){var r=he.getStream(e);if(!r)throw new he.ErrnoError(8);return r},get64:function(e,r){return e}};function ve(e){switch(e){case 1:return 0;case 2:return 1;case 4:return 2;case 8:return 3;default:throw new TypeError("Unknown type size: "+e)}}var ye=void 0;function ge(e){for(var r="",t=e;$[t];)r+=ye[$[t++]];return r}var we={},Ee={},be={};function _e(e){if(void 0===e)return"_unknown";var r=(e=e.replace(/[^a-zA-Z0-9_]/g,"$")).charCodeAt(0);return r>=48&&r<=57?"_"+e:e}function ke(e,r){return e=_e(e),new Function("body","return function "+e+'() {\n    "use strict";    return body.apply(this, arguments);\n};\n')(r)}function Te(e,r){var t=ke(r,(function(e){this.name=r,this.message=e;var t=new Error(e).stack;void 0!==t&&(this.stack=this.toString()+"\n"+t.replace(/^Error(:[^\n]*)?\n/,""))}));return t.prototype=Object.create(e.prototype),t.prototype.constructor=t,t.prototype.toString=function(){return void 0===this.message?this.name:this.name+": "+this.message},t}var Pe=void 0;function Ce(e){throw new Pe(e)}var Ae=void 0;function De(e){throw new Ae(e)}function Se(e,r,t){function n(r){var n=t(r);n.length!==e.length&&De("Mismatched type converter count");for(var o=0;o<e.length;++o)Fe(e[o],n[o])}e.forEach((function(e){be[e]=r}));var o=new Array(r.length),i=[],a=0;r.forEach((function(e,r){Ee.hasOwnProperty(e)?o[r]=Ee[e]:(i.push(e),we.hasOwnProperty(e)||(we[e]=[]),we[e].push((function(){o[r]=Ee[e],++a===i.length&&n(o)})))})),0===i.length&&n(o)}function Fe(e,r,t){if(t=t||{},!("argPackAdvance"in r))throw new TypeError("registerType registeredInstance requires argPackAdvance");var n=r.name;if(e||Ce('type "'+n+'" must have a positive integer typeid pointer'),Ee.hasOwnProperty(e)){if(t.ignoreDuplicateRegistrations)return;Ce("Cannot register type '"+n+"' twice")}if(Ee[e]=r,delete be[e],we.hasOwnProperty(e)){var o=we[e];delete we[e],o.forEach((function(e){e()}))}}function xe(e){if(!(this instanceof He))return!1;if(!(e instanceof He))return!1;for(var r=this.$$.ptrType.registeredClass,t=this.$$.ptr,n=e.$$.ptrType.registeredClass,o=e.$$.ptr;r.baseClass;)t=r.upcast(t),r=r.baseClass;for(;n.baseClass;)o=n.upcast(o),n=n.baseClass;return r===n&&t===o}function $e(e){Ce(e.$$.ptrType.registeredClass.name+" instance already deleted")}var Re=!1;function Me(e){}function Oe(e){e.count.value-=1,0===e.count.value&&function(e){e.smartPtr?e.smartPtrType.rawDestructor(e.smartPtr):e.ptrType.registeredClass.rawDestructor(e.ptr)}(e)}function Ie(e){return"undefined"==typeof FinalizationGroup?(Ie=function(e){return e},e):(Re=new FinalizationGroup((function(e){for(var r=e.next();!r.done;r=e.next()){var t=r.value;t.ptr?Oe(t):console.warn("object already deleted: "+t.ptr)}})),Ie=function(e){return Re.register(e,e.$$,e.$$),e},Me=function(e){Re.unregister(e.$$)},Ie(e))}function je(){if(this.$$.ptr||$e(this),this.$$.preservePointerOnDelete)return this.$$.count.value+=1,this;var e,r=Ie(Object.create(Object.getPrototypeOf(this),{$$:{value:(e=this.$$,{count:e.count,deleteScheduled:e.deleteScheduled,preservePointerOnDelete:e.preservePointerOnDelete,ptr:e.ptr,ptrType:e.ptrType,smartPtr:e.smartPtr,smartPtrType:e.smartPtrType})}}));return r.$$.count.value+=1,r.$$.deleteScheduled=!1,r}function Ue(){this.$$.ptr||$e(this),this.$$.deleteScheduled&&!this.$$.preservePointerOnDelete&&Ce("Object already scheduled for deletion"),Me(this),Oe(this.$$),this.$$.preservePointerOnDelete||(this.$$.smartPtr=void 0,this.$$.ptr=void 0)}function Ne(){return!this.$$.ptr}var Be=void 0,Le=[];function We(){for(;Le.length;){var e=Le.pop();e.$$.deleteScheduled=!1,e.delete()}}function ze(){return this.$$.ptr||$e(this),this.$$.deleteScheduled&&!this.$$.preservePointerOnDelete&&Ce("Object already scheduled for deletion"),Le.push(this),1===Le.length&&Be&&Be(We),this.$$.deleteScheduled=!0,this}function He(){}var Ve={};function Xe(e,r,t){if(void 0===e[r].overloadTable){var n=e[r];e[r]=function(){return e[r].overloadTable.hasOwnProperty(arguments.length)||Ce("Function '"+t+"' called with an invalid number of arguments ("+arguments.length+") - expects one of ("+e[r].overloadTable+")!"),e[r].overloadTable[arguments.length].apply(this,arguments)},e[r].overloadTable=[],e[r].overloadTable[n.argCount]=n}}function Ge(e,r,t,n,o,i,a,s){this.name=e,this.constructor=r,this.instancePrototype=t,this.rawDestructor=n,this.baseClass=o,this.getActualType=i,this.upcast=a,this.downcast=s,this.pureVirtualFunctions=[]}function qe(e,r,t){for(;r!==t;)r.upcast||Ce("Expected null or instance of "+t.name+", got an instance of "+r.name),e=r.upcast(e),r=r.baseClass;return e}function Ye(e,r){if(null===r)return this.isReference&&Ce("null is not a valid "+this.name),0;r.$$||Ce('Cannot pass "'+Ar(r)+'" as a '+this.name),r.$$.ptr||Ce("Cannot pass deleted object as a pointer of type "+this.name);var t=r.$$.ptrType.registeredClass;return qe(r.$$.ptr,t,this.registeredClass)}function Ke(e,r){var t;if(null===r)return this.isReference&&Ce("null is not a valid "+this.name),this.isSmartPointer?(t=this.rawConstructor(),null!==e&&e.push(this.rawDestructor,t),t):0;r.$$||Ce('Cannot pass "'+Ar(r)+'" as a '+this.name),r.$$.ptr||Ce("Cannot pass deleted object as a pointer of type "+this.name),!this.isConst&&r.$$.ptrType.isConst&&Ce("Cannot convert argument of type "+(r.$$.smartPtrType?r.$$.smartPtrType.name:r.$$.ptrType.name)+" to parameter type "+this.name);var n=r.$$.ptrType.registeredClass;if(t=qe(r.$$.ptr,n,this.registeredClass),this.isSmartPointer)switch(void 0===r.$$.smartPtr&&Ce("Passing raw pointer to smart pointer is illegal"),this.sharingPolicy){case 0:r.$$.smartPtrType===this?t=r.$$.smartPtr:Ce("Cannot convert argument of type "+(r.$$.smartPtrType?r.$$.smartPtrType.name:r.$$.ptrType.name)+" to parameter type "+this.name);break;case 1:t=r.$$.smartPtr;break;case 2:if(r.$$.smartPtrType===this)t=r.$$.smartPtr;else{var o=r.clone();t=this.rawShare(t,Cr((function(){o.delete()}))),null!==e&&e.push(this.rawDestructor,t)}break;default:Ce("Unsupporting sharing policy")}return t}function Je(e,r){if(null===r)return this.isReference&&Ce("null is not a valid "+this.name),0;r.$$||Ce('Cannot pass "'+Ar(r)+'" as a '+this.name),r.$$.ptr||Ce("Cannot pass deleted object as a pointer of type "+this.name),r.$$.ptrType.isConst&&Ce("Cannot convert argument of type "+r.$$.ptrType.name+" to parameter type "+this.name);var t=r.$$.ptrType.registeredClass;return qe(r.$$.ptr,t,this.registeredClass)}function Qe(e){return this.fromWireType(I[e>>2])}function Ze(e){return this.rawGetPointee&&(e=this.rawGetPointee(e)),e}function er(e){this.rawDestructor&&this.rawDestructor(e)}function rr(e){null!==e&&e.delete()}function tr(e,r,t){if(r===t)return e;if(void 0===t.baseClass)return null;var n=tr(e,r,t.baseClass);return null===n?null:t.downcast(n)}function nr(){return Object.keys(ar).length}function or(){var e=[];for(var r in ar)ar.hasOwnProperty(r)&&e.push(ar[r]);return e}function ir(e){Be=e,Le.length&&Be&&Be(We)}var ar={};function sr(e,r){return r=function(e,r){for(void 0===r&&Ce("ptr should not be undefined");e.baseClass;)r=e.upcast(r),e=e.baseClass;return r}(e,r),ar[r]}function ur(e,r){return r.ptrType&&r.ptr||De("makeClassHandle requires ptr and ptrType"),!!r.smartPtrType!==!!r.smartPtr&&De("Both smartPtrType and smartPtr must be specified"),r.count={value:1},Ie(Object.create(e,{$$:{value:r}}))}function cr(e){var r=this.getPointee(e);if(!r)return this.destructor(e),null;var t=sr(this.registeredClass,r);if(void 0!==t){if(0===t.$$.count.value)return t.$$.ptr=r,t.$$.smartPtr=e,t.clone();var n=t.clone();return this.destructor(e),n}function o(){return this.isSmartPointer?ur(this.registeredClass.instancePrototype,{ptrType:this.pointeeType,ptr:r,smartPtrType:this,smartPtr:e}):ur(this.registeredClass.instancePrototype,{ptrType:this,ptr:e})}var i,a=this.registeredClass.getActualType(r),s=Ve[a];if(!s)return o.call(this);i=this.isConst?s.constPointerType:s.pointerType;var u=tr(r,this.registeredClass,i.registeredClass);return null===u?o.call(this):this.isSmartPointer?ur(i.registeredClass.instancePrototype,{ptrType:i,ptr:u,smartPtrType:this,smartPtr:e}):ur(i.registeredClass.instancePrototype,{ptrType:i,ptr:u})}function fr(e,r,t,n,o,i,a,s,u,c,f){this.name=e,this.registeredClass=r,this.isReference=t,this.isConst=n,this.isSmartPointer=o,this.pointeeType=i,this.sharingPolicy=a,this.rawGetPointee=s,this.rawConstructor=u,this.rawShare=c,this.rawDestructor=f,o||void 0!==r.baseClass?this.toWireType=Ke:n?(this.toWireType=Ye,this.destructorFunction=null):(this.toWireType=Je,this.destructorFunction=null)}function lr(e,r,n){return e.includes("j")?function(e,r,n){var o=t["dynCall_"+e];return n&&n.length?o.apply(null,[r].concat(n)):o.call(null,r)}(e,r,n):N.get(r).apply(null,n)}function dr(e,r){var t,n,o,i=(e=ge(e)).includes("j")?(t=e,n=r,o=[],function(){o.length=arguments.length;for(var e=0;e<arguments.length;e++)o[e]=arguments[e];return lr(t,n,o)}):N.get(r);return"function"!=typeof i&&Ce("unknown function pointer with signature "+e+": "+r),i}var pr=void 0;function hr(e){var r=Kr(e),t=ge(r);return Xr(r),t}function mr(e,r){var t=[],n={};throw r.forEach((function e(r){n[r]||Ee[r]||(be[r]?be[r].forEach(e):(t.push(r),n[r]=!0))})),new pr(e+": "+t.map(hr).join([", "]))}function vr(e,r){for(var t=[],n=0;n<e;n++)t.push(O[(r>>2)+n]);return t}function yr(e){for(;e.length;){var r=e.pop();e.pop()(r)}}function gr(e,r){if(!(e instanceof Function))throw new TypeError("new_ called with constructor type "+typeof e+" which is not a function");var t=ke(e.name||"unknownFunctionName",(function(){}));t.prototype=e.prototype;var n=new t,o=e.apply(n,r);return o instanceof Object?o:n}function wr(e,r,t,n,o){var i=r.length;i<2&&Ce("argTypes array size mismatch! Must at least get return value and 'this' types!");for(var a=null!==r[1]&&null!==t,s=!1,u=1;u<r.length;++u)if(null!==r[u]&&void 0===r[u].destructorFunction){s=!0;break}var c="void"!==r[0].name,f="",l="";for(u=0;u<i-2;++u)f+=(0!==u?", ":"")+"arg"+u,l+=(0!==u?", ":"")+"arg"+u+"Wired";var d="return function "+_e(e)+"("+f+") {\nif (arguments.length !== "+(i-2)+") {\nthrowBindingError('function "+e+" called with ' + arguments.length + ' arguments, expected "+(i-2)+" args!');\n}\n";s&&(d+="var destructors = [];\n");var p=s?"destructors":"null",h=["throwBindingError","invoker","fn","runDestructors","retType","classParam"],m=[Ce,n,o,yr,r[0],r[1]];a&&(d+="var thisWired = classParam.toWireType("+p+", this);\n");for(u=0;u<i-2;++u)d+="var arg"+u+"Wired = argType"+u+".toWireType("+p+", arg"+u+"); // "+r[u+2].name+"\n",h.push("argType"+u),m.push(r[u+2]);if(a&&(l="thisWired"+(l.length>0?", ":"")+l),d+=(c?"var rv = ":"")+"invoker(fn"+(l.length>0?", ":"")+l+");\n",s)d+="runDestructors(destructors);\n";else for(u=a?1:2;u<r.length;++u){var v=1===u?"thisWired":"arg"+(u-2)+"Wired";null!==r[u].destructorFunction&&(d+=v+"_dtor("+v+"); // "+r[u].name+"\n",h.push(v+"_dtor"),m.push(r[u].destructorFunction))}return c&&(d+="var ret = retType.fromWireType(rv);\nreturn ret;\n"),d+="}\n",h.push(d),gr(Function,h).apply(null,m)}function Er(e,r,t){return e instanceof Object||Ce(t+' with invalid "this": '+e),e instanceof r.registeredClass.constructor||Ce(t+' incompatible with "this" of type '+e.constructor.name),e.$$.ptr||Ce("cannot call emscripten binding method "+t+" on deleted object"),qe(e.$$.ptr,e.$$.ptrType.registeredClass,r.registeredClass)}var br=[],_r=[{},{value:void 0},{value:null},{value:!0},{value:!1}];function kr(e){e>4&&0==--_r[e].refcount&&(_r[e]=void 0,br.push(e))}function Tr(){for(var e=0,r=5;r<_r.length;++r)void 0!==_r[r]&&++e;return e}function Pr(){for(var e=5;e<_r.length;++e)if(void 0!==_r[e])return _r[e];return null}function Cr(e){switch(e){case void 0:return 1;case null:return 2;case!0:return 3;case!1:return 4;default:var r=br.length?br.pop():_r.length;return _r[r]={refcount:1,value:e},r}}function Ar(e){if(null===e)return"null";var r=typeof e;return"object"===r||"array"===r||"function"===r?e.toString():""+e}function Dr(e,r){switch(r){case 2:return function(e){return this.fromWireType(j[e>>2])};case 3:return function(e){return this.fromWireType(U[e>>3])};default:throw new TypeError("Unknown float type: "+e)}}function Sr(e,r,t){switch(r){case 0:return t?function(e){return x[e]}:function(e){return $[e]};case 1:return t?function(e){return R[e>>1]}:function(e){return M[e>>1]};case 2:return t?function(e){return O[e>>2]}:function(e){return I[e>>2]};default:throw new TypeError("Unknown integer type: "+e)}}function Fr(e){return e||Ce("Cannot use deleted val. handle = "+e),_r[e].value}function xr(e,r){var t=Ee[e];return void 0===t&&Ce(r+" has unknown type "+hr(e)),t}var $r={};var Rr=[];function Mr(e,r){return(e>>>0)+4294967296*r}function Or(e,r){if(e<=0)return e;var t=r<=32?Math.abs(1<<r-1):Math.pow(2,r-1);return e>=t&&(r<=32||e>t)&&(e=-2*t+e),e}function Ir(e,r){return e>=0?e:r<=32?2*Math.abs(1<<r-1)+e:Math.pow(2,r)+e}function jr(e){if(!e||!e.callee||!e.callee.name)return[null,"",""];e.callee.toString();var r=e.callee.name,t="(",n=!0;for(var o in e){var i=e[o];n||(t+=", "),n=!1,t+="number"==typeof i||"string"==typeof i?i:"("+typeof i+")"}t+=")";var a=e.callee.caller;return n&&(t=""),[e=a?a.arguments:[],r,t]}function Ur(e,r){24&e&&(r=r.replace(/\s+$/,""),r+=(r.length>0?"\n":"")+function(e){var r=ue(),t=r.lastIndexOf("_emscripten_log"),n=r.lastIndexOf("_emscripten_get_callstack"),o=r.indexOf("\n",Math.max(t,n))+1;r=r.slice(o),32&e&&b("EM_LOG_DEMANGLE is deprecated; ignoring"),8&e&&"undefined"==typeof emscripten_source_map&&(b('Source map information is not available, emscripten_log with EM_LOG_C_STACK will be ignored. Build with "--pre-js $EMSCRIPTEN/src/emscripten-source-map.min.js" linker flag to add source map loading to code.'),e^=8,e|=16);var i=null;if(128&e)for(i=jr(arguments);i[1].includes("_emscripten_");)i=jr(i[0]);var a=r.split("\n");r="";var s=new RegExp("\\s*(.*?)@(.*?):([0-9]+):([0-9]+)"),u=new RegExp("\\s*(.*?)@(.*):(.*)(:(.*))?"),c=new RegExp("\\s*at (.*?) \\((.*):(.*):(.*)\\)");for(var f in a){var l=a[f],d="",p="",h=0,m=0,v=c.exec(l);if(v&&5==v.length)d=v[1],p=v[2],h=v[3],m=v[4];else{if((v=s.exec(l))||(v=u.exec(l)),!(v&&v.length>=4)){r+=l+"\n";continue}d=v[1],p=v[2],h=v[3],m=0|v[4]}var y=!1;if(8&e){var g=emscripten_source_map.originalPositionFor({line:h,column:m});(y=g&&g.source)&&(64&e&&(g.source=g.source.substring(g.source.replace(/\\/g,"/").lastIndexOf("/")+1)),r+="    at "+d+" ("+g.source+":"+g.line+":"+g.column+")\n")}(16&e||!y)&&(64&e&&(p=p.substring(p.replace(/\\/g,"/").lastIndexOf("/")+1)),r+=(y?"     = "+d:"    at "+d)+" ("+p+":"+h+":"+m+")\n"),128&e&&i[0]&&(i[1]==d&&i[2].length>0&&(r=r.replace(/\s+$/,""),r+=" with values: "+i[1]+i[2]+"\n"),i=jr(i[0]))}return r.replace(/\s+$/,"")}(e)),1&e?4&e?E(r):2&e?console.warn(r):512&e?console.info(r):256&e?console.debug(r):w(r):6&e?E(r):w(r)}var Nr={};function Br(){if(!Br.strings){var e={USER:"web_user",LOGNAME:"web_user",PATH:"/",PWD:"/",HOME:"/home/web_user",LANG:("object"==typeof navigator&&navigator.languages&&navigator.languages[0]||"C").replace("-","_")+".UTF-8",_:d||"./this.program"};for(var r in Nr)void 0===Nr[r]?delete e[r]:e[r]=Nr[r];var t=[];for(var r in e)t.push(r+"="+e[r]);Br.strings=t}return Br.strings}var Lr=function(e,r,t,n){e||(e=this),this.parent=e,this.mount=e.mount,this.mounted=null,this.id=he.nextInode++,this.name=r,this.mode=t,this.node_ops={},this.stream_ops={},this.rdev=n},Wr=365,zr=146;function Hr(e,r,t){var n=t>0?t:S(e)+1,o=new Array(n),i=A(e,o,0,o.length);return r&&(o.length=i),o}Object.defineProperties(Lr.prototype,{read:{get:function(){return(this.mode&Wr)===Wr},set:function(e){e?this.mode|=Wr:this.mode&=-366}},write:{get:function(){return(this.mode&zr)===zr},set:function(e){e?this.mode|=zr:this.mode&=-147}},isFolder:{get:function(){return he.isDir(this.mode)}},isDevice:{get:function(){return he.isChrdev(this.mode)}}}),he.FSNode=Lr,he.staticInit(),function(){for(var e=new Array(256),r=0;r<256;++r)e[r]=String.fromCharCode(r);ye=e}(),Pe=t.BindingError=Te(Error,"BindingError"),Ae=t.InternalError=Te(Error,"InternalError"),He.prototype.isAliasOf=xe,He.prototype.clone=je,He.prototype.delete=Ue,He.prototype.isDeleted=Ne,He.prototype.deleteLater=ze,fr.prototype.getPointee=Ze,fr.prototype.destructor=er,fr.prototype.argPackAdvance=8,fr.prototype.readValueFromPointer=Qe,fr.prototype.deleteObject=rr,fr.prototype.fromWireType=cr,t.getInheritedInstanceCount=nr,t.getLiveInheritedInstances=or,t.flushPendingDeletes=We,t.setDelayFunction=ir,pr=t.UnboundTypeError=Te(Error,"UnboundTypeError"),t.count_emval_handles=Tr,t.get_first_emval=Pr;var Vr={y:function(e,r,t){me.varargs=t;try{var n=me.getStreamFromFD(e);switch(r){case 0:return(o=me.get())<0?-28:he.open(n.path,n.flags,0,o).fd;case 1:case 2:case 13:case 14:return 0;case 3:return n.flags;case 4:var o=me.get();return n.flags|=o,0;case 12:o=me.get();return R[o+0>>1]=2,0;case 16:case 8:default:return-28;case 9:return i=28,O[qr()>>2]=i,-1}}catch(e){return void 0!==he&&e instanceof he.ErrnoError||ee(e),-e.errno}var i},x:function(e,r,t){me.varargs=t;try{var n=me.getStr(e),o=t?me.get():0;return he.open(n,r,o).fd}catch(e){return void 0!==he&&e instanceof he.ErrnoError||ee(e),-e.errno}},s:function(e,r,t,n,o){},D:function(e,r,t,n,o){var i=ve(t);Fe(e,{name:r=ge(r),fromWireType:function(e){return!!e},toWireType:function(e,r){return r?n:o},argPackAdvance:8,readValueFromPointer:function(e){var n;if(1===t)n=x;else if(2===t)n=R;else{if(4!==t)throw new TypeError("Unknown boolean type size: "+r);n=O}return this.fromWireType(n[e>>i])},destructorFunction:null})},n:function(e,r,n,o,i,a,s,u,c,f,l,d,p){l=ge(l),a=dr(i,a),u&&(u=dr(s,u)),f&&(f=dr(c,f)),p=dr(d,p);var h=_e(l);!function(e,r,n){t.hasOwnProperty(e)?((void 0===n||void 0!==t[e].overloadTable&&void 0!==t[e].overloadTable[n])&&Ce("Cannot register public name '"+e+"' twice"),Xe(t,e,e),t.hasOwnProperty(n)&&Ce("Cannot register multiple overloads of a function with the same number of arguments ("+n+")!"),t[e].overloadTable[n]=r):(t[e]=r,void 0!==n&&(t[e].numArguments=n))}(h,(function(){mr("Cannot construct "+l+" due to unbound types",[o])})),Se([e,r,n],o?[o]:[],(function(r){var n,i;r=r[0],i=o?(n=r.registeredClass).instancePrototype:He.prototype;var s=ke(h,(function(){if(Object.getPrototypeOf(this)!==c)throw new Pe("Use 'new' to construct "+l);if(void 0===d.constructor_body)throw new Pe(l+" has no accessible constructor");var e=d.constructor_body[arguments.length];if(void 0===e)throw new Pe("Tried to invoke ctor of "+l+" with invalid number of parameters ("+arguments.length+") - expected ("+Object.keys(d.constructor_body).toString()+") parameters instead!");return e.apply(this,arguments)})),c=Object.create(i,{constructor:{value:s}});s.prototype=c;var d=new Ge(l,s,c,p,n,a,u,f),m=new fr(l,d,!0,!1,!1),v=new fr(l+"*",d,!1,!1,!1),y=new fr(l+" const*",d,!1,!0,!1);return Ve[e]={pointerType:v,constPointerType:y},function(e,r,n){t.hasOwnProperty(e)||De("Replacing nonexistant public symbol"),void 0!==t[e].overloadTable&&void 0!==n?t[e].overloadTable[n]=r:(t[e]=r,t[e].argCount=n)}(h,s),[m,v,y]}))},i:function(e,r,t,n,o,i){k(r>0);var a=vr(r,t);o=dr(n,o),Se([],[e],(function(e){var t="constructor "+(e=e[0]).name;if(void 0===e.registeredClass.constructor_body&&(e.registeredClass.constructor_body=[]),void 0!==e.registeredClass.constructor_body[r-1])throw new Pe("Cannot register multiple constructors with identical number of parameters ("+(r-1)+") for class '"+e.name+"'! Overload resolution is currently only performed using the parameter count, not actual type info!");return e.registeredClass.constructor_body[r-1]=function(){mr("Cannot construct "+e.name+" due to unbound types",a)},Se([],a,(function(n){return n.splice(1,0,null),e.registeredClass.constructor_body[r-1]=wr(t,n,null,o,i),[]})),[]}))},f:function(e,r,t,n,o,i,a,s){var u=vr(t,n);r=ge(r),i=dr(o,i),Se([],[e],(function(e){var n=(e=e[0]).name+"."+r;function o(){mr("Cannot call "+n+" due to unbound types",u)}r.startsWith("@@")&&(r=Symbol[r.substring(2)]),s&&e.registeredClass.pureVirtualFunctions.push(r);var c=e.registeredClass.instancePrototype,f=c[r];return void 0===f||void 0===f.overloadTable&&f.className!==e.name&&f.argCount===t-2?(o.argCount=t-2,o.className=e.name,c[r]=o):(Xe(c,r,n),c[r].overloadTable[t-2]=o),Se([],u,(function(o){var s=wr(n,o,e,i,a);return void 0===c[r].overloadTable?(s.argCount=t-2,c[r]=s):c[r].overloadTable[t-2]=s,[]})),[]}))},I:function(e,r,t,n,o,i,a,s,u,c){r=ge(r),o=dr(n,o),Se([],[e],(function(e){var n=(e=e[0]).name+"."+r,f={get:function(){mr("Cannot access "+n+" due to unbound types",[t,a])},enumerable:!0,configurable:!0};return f.set=u?function(){mr("Cannot access "+n+" due to unbound types",[t,a])}:function(e){Ce(n+" is a read-only property")},Object.defineProperty(e.registeredClass.instancePrototype,r,f),Se([],u?[t,a]:[t],(function(t){var a=t[0],f={get:function(){var r=Er(this,e,n+" getter");return a.fromWireType(o(i,r))},enumerable:!0};if(u){u=dr(s,u);var l=t[1];f.set=function(r){var t=Er(this,e,n+" setter"),o=[];u(c,t,l.toWireType(o,r)),yr(o)}}return Object.defineProperty(e.registeredClass.instancePrototype,r,f),[]})),[]}))},C:function(e,r){Fe(e,{name:r=ge(r),fromWireType:function(e){var r=_r[e].value;return kr(e),r},toWireType:function(e,r){return Cr(r)},argPackAdvance:8,readValueFromPointer:Qe,destructorFunction:null})},l:function(e,r,t){var n=ve(t);Fe(e,{name:r=ge(r),fromWireType:function(e){return e},toWireType:function(e,r){if("number"!=typeof r&&"boolean"!=typeof r)throw new TypeError('Cannot convert "'+Ar(r)+'" to '+this.name);return r},argPackAdvance:8,readValueFromPointer:Dr(r,n),destructorFunction:null})},c:function(e,r,t,n,o){r=ge(r),-1===o&&(o=4294967295);var i=ve(t),a=function(e){return e};if(0===n){var s=32-8*t;a=function(e){return e<<s>>>s}}var u=r.includes("unsigned");Fe(e,{name:r,fromWireType:a,toWireType:function(e,t){if("number"!=typeof t&&"boolean"!=typeof t)throw new TypeError('Cannot convert "'+Ar(t)+'" to '+this.name);if(t<n||t>o)throw new TypeError('Passing a number "'+Ar(t)+'" from JS side to C/C++ side to an argument of type "'+r+'", which is outside the valid range ['+n+", "+o+"]!");return u?t>>>0:0|t},argPackAdvance:8,readValueFromPointer:Sr(r,i,0!==n),destructorFunction:null})},b:function(e,r,t){var n=[Int8Array,Uint8Array,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array][r];function o(e){var r=I,t=r[e>>=2],o=r[e+1];return new n(F,o,t)}Fe(e,{name:t=ge(t),fromWireType:o,argPackAdvance:8,readValueFromPointer:o},{ignoreDuplicateRegistrations:!0})},m:function(e,r){var t="std::string"===(r=ge(r));Fe(e,{name:r,fromWireType:function(e){var r,n=I[e>>2];if(t)for(var o=e+4,i=0;i<=n;++i){var a=e+4+i;if(i==n||0==$[a]){var s=C(o,a-o);void 0===r?r=s:(r+=String.fromCharCode(0),r+=s),o=a+1}}else{var u=new Array(n);for(i=0;i<n;++i)u[i]=String.fromCharCode($[e+4+i]);r=u.join("")}return Xr(e),r},toWireType:function(e,r){r instanceof ArrayBuffer&&(r=new Uint8Array(r));var n="string"==typeof r;n||r instanceof Uint8Array||r instanceof Uint8ClampedArray||r instanceof Int8Array||Ce("Cannot pass non-string to std::string");var o=(t&&n?function(){return S(r)}:function(){return r.length})(),i=Gr(4+o+1);if(I[i>>2]=o,t&&n)D(r,i+4,o+1);else if(n)for(var a=0;a<o;++a){var s=r.charCodeAt(a);s>255&&(Xr(i),Ce("String has UTF-16 code units that do not fit in 8 bits")),$[i+4+a]=s}else for(a=0;a<o;++a)$[i+4+a]=r[a];return null!==e&&e.push(Xr,i),i},argPackAdvance:8,readValueFromPointer:Qe,destructorFunction:function(e){Xr(e)}})},h:function(e,r,t){var n,o,i,a,s;t=ge(t),2===r?(n=L,o=W,a=z,i=function(){return M},s=1):4===r&&(n=H,o=V,a=X,i=function(){return I},s=2),Fe(e,{name:t,fromWireType:function(e){for(var t,o=I[e>>2],a=i(),u=e+4,c=0;c<=o;++c){var f=e+4+c*r;if(c==o||0==a[f>>s]){var l=n(u,f-u);void 0===t?t=l:(t+=String.fromCharCode(0),t+=l),u=f+r}}return Xr(e),t},toWireType:function(e,n){"string"!=typeof n&&Ce("Cannot pass non-string to C++ string type "+t);var i=a(n),u=Gr(4+i+r);return I[u>>2]=i>>s,o(n,u+4,i+r),null!==e&&e.push(Xr,u),u},argPackAdvance:8,readValueFromPointer:Qe,destructorFunction:function(e){Xr(e)}})},E:function(e,r){Fe(e,{isVoid:!0,name:r=ge(r),argPackAdvance:0,fromWireType:function(){},toWireType:function(e,r){}})},v:function(e,r,t){e=Fr(e),r=xr(r,"emval::as");var n=[],o=Cr(n);return O[t>>2]=o,r.toWireType(n,e)},e:function(e,r,t,n){var o,i;(e=Rr[e])(r=Fr(r),t=void 0===(i=$r[o=t])?ge(o):i,null,n)},p:kr,d:function(e,r){for(var t=function(e,r){for(var t=new Array(e),n=0;n<e;++n)t[n]=xr(O[(r>>2)+n],"parameter "+n);return t}(e,r),n=t[0],o=n.name+"_$"+t.slice(1).map((function(e){return e.name})).join("_")+"$",i=["retType"],a=[n],s="",u=0;u<e-1;++u)s+=(0!==u?", ":"")+"arg"+u,i.push("argType"+u),a.push(t[1+u]);var c="return function "+_e("methodCaller_"+o)+"(handle, name, destructors, args) {\n",f=0;for(u=0;u<e-1;++u)c+="    var arg"+u+" = argType"+u+".readValueFromPointer(args"+(f?"+"+f:"")+");\n",f+=t[u+1].argPackAdvance;for(c+="    var rv = handle[name]("+s+");\n",u=0;u<e-1;++u)t[u+1].deleteObject&&(c+="    argType"+u+".deleteObject(arg"+u+");\n");n.isVoid||(c+="    return retType.toWireType(destructors, rv);\n"),c+="};\n",i.push(c);var l,d,p=gr(Function,i).apply(null,a);return l=p,d=Rr.length,Rr.push(l),d},o:function(e){e>4&&(_r[e].refcount+=1)},q:function(e){yr(_r[e].value),kr(e)},B:function(e,r){return Cr((e=xr(e,"_emval_take_value")).readValueFromPointer(r))},a:function(){ee()},G:function e(){return void 0===e.start&&(e.start=Date.now()),1e3*(Date.now()-e.start)|0},H:function(e,r,t){var n=function(e,r){var t=e,n=r;function o(e){var r;return n=function(e,r){return"double"!==r&&"i64"!==r||7&e&&(e+=4),e}(n,e),"double"===e?(r=U[n>>3],n+=8):"i64"==e?(r=[O[n>>2],O[n+4>>2]],n+=8):(e="i32",r=O[n>>2],n+=4),r}for(var i,a,s,u,c=[];;){var f=t;if(0===(i=x[t>>0]))break;if(a=x[t+1>>0],37==i){var l=!1,d=!1,p=!1,h=!1,m=!1;e:for(;;){switch(a){case 43:l=!0;break;case 45:d=!0;break;case 35:p=!0;break;case 48:if(h)break e;h=!0;break;case 32:m=!0;break;default:break e}t++,a=x[t+1>>0]}var v=0;if(42==a)v=o("i32"),t++,a=x[t+1>>0];else for(;a>=48&&a<=57;)v=10*v+(a-48),t++,a=x[t+1>>0];var y,g=!1,w=-1;if(46==a){if(w=0,g=!0,t++,42==(a=x[t+1>>0]))w=o("i32"),t++;else for(;;){var E=x[t+1>>0];if(E<48||E>57)break;w=10*w+(E-48),t++}a=x[t+1>>0]}switch(w<0&&(w=6,g=!1),String.fromCharCode(a)){case"h":104==x[t+2>>0]?(t++,y=1):y=2;break;case"l":108==x[t+2>>0]?(t++,y=8):y=4;break;case"L":case"q":case"j":y=8;break;case"z":case"t":case"I":y=4;break;default:y=null}switch(y&&t++,a=x[t+1>>0],String.fromCharCode(a)){case"d":case"i":case"u":case"o":case"x":case"X":case"p":var b=100==a||105==a;s=o("i"+8*(y=y||4)),8==y&&(s=117==a?(s[0]>>>0)+4294967296*(s[1]>>>0):Mr(s[0],s[1])),y<=4&&(s=(b?Or:Ir)(s&Math.pow(256,y)-1,8*y));var _=Math.abs(s),k="";if(100==a||105==a)C=Or(s,8*y).toString(10);else if(117==a)C=Ir(s,8*y).toString(10),s=Math.abs(s);else if(111==a)C=(p?"0":"")+_.toString(8);else if(120==a||88==a){if(k=p&&0!=s?"0x":"",s<0){s=-s,C=(_-1).toString(16);for(var T=[],P=0;P<C.length;P++)T.push((15-parseInt(C[P],16)).toString(16));for(C=T.join("");C.length<2*y;)C="f"+C}else C=_.toString(16);88==a&&(k=k.toUpperCase(),C=C.toUpperCase())}else 112==a&&(0===_?C="(nil)":(k="0x",C=_.toString(16)));if(g)for(;C.length<w;)C="0"+C;for(s>=0&&(l?k="+"+k:m&&(k=" "+k)),"-"==C.charAt(0)&&(k="-"+k,C=C.substr(1));k.length+C.length<v;)d?C+=" ":h?C="0"+C:k=" "+k;(C=k+C).split("").forEach((function(e){c.push(e.charCodeAt(0))}));break;case"f":case"F":case"e":case"E":case"g":case"G":var C;if(s=o("double"),isNaN(s))C="nan",h=!1;else if(isFinite(s)){var A=!1,D=Math.min(w,20);if(103==a||71==a){A=!0,w=w||1;var S=parseInt(s.toExponential(D).split("e")[1],10);w>S&&S>=-4?(a=(103==a?"f":"F").charCodeAt(0),w-=S+1):(a=(103==a?"e":"E").charCodeAt(0),w--),D=Math.min(w,20)}101==a||69==a?(C=s.toExponential(D),/[eE][-+]\d$/.test(C)&&(C=C.slice(0,-1)+"0"+C.slice(-1))):102!=a&&70!=a||(C=s.toFixed(D),0===s&&((u=s)<0||0===u&&1/u==-1/0)&&(C="-"+C));var F=C.split("e");if(A&&!p)for(;F[0].length>1&&F[0].includes(".")&&("0"==F[0].slice(-1)||"."==F[0].slice(-1));)F[0]=F[0].slice(0,-1);else for(p&&-1==C.indexOf(".")&&(F[0]+=".");w>D++;)F[0]+="0";C=F[0]+(F.length>1?"e"+F[1]:""),69==a&&(C=C.toUpperCase()),s>=0&&(l?C="+"+C:m&&(C=" "+C))}else C=(s<0?"-":"")+"inf",h=!1;for(;C.length<v;)d?C+=" ":C=!h||"-"!=C[0]&&"+"!=C[0]?(h?"0":" ")+C:C[0]+"0"+C.slice(1);a<97&&(C=C.toUpperCase()),C.split("").forEach((function(e){c.push(e.charCodeAt(0))}));break;case"s":var R=o("i8*"),M=R?Yr(R):"(null)".length;if(g&&(M=Math.min(M,w)),!d)for(;M<v--;)c.push(32);if(R)for(P=0;P<M;P++)c.push($[R++>>0]);else c=c.concat(Hr("(null)".substr(0,M),!0));if(d)for(;M<v--;)c.push(32);break;case"c":for(d&&c.push(o("i8"));--v>0;)c.push(32);d||c.push(o("i8"));break;case"n":var I=o("i32*");O[I>>2]=c.length;break;case"%":c.push(i);break;default:for(P=f;P<t+2;P++)c.push(x[P>>0])}t+=2}else c.push(i),t+=1}return c}(r,t);Ur(e,P(n,0))},t:function(e){$.length,ee("OOM")},u:function(e,r){var t=0;return Br().forEach((function(n,o){var i=r+t;O[e+4*o>>2]=i,function(e,r,t){for(var n=0;n<e.length;++n)x[r++>>0]=e.charCodeAt(n);t||(x[r>>0]=0)}(n,i),t+=n.length+1})),0},w:function(e,r){var t=Br();O[e>>2]=t.length;var n=0;return t.forEach((function(e){n+=e.length+1})),O[r>>2]=n,0},k:function(e){try{var r=me.getStreamFromFD(e);return he.close(r),0}catch(e){return void 0!==he&&e instanceof he.ErrnoError||ee(e),e.errno}},z:function(e,r){try{var t=me.getStreamFromFD(e),n=t.tty?2:he.isDir(t.mode)?3:he.isLink(t.mode)?7:4;return x[r>>0]=n,0}catch(e){return void 0!==he&&e instanceof he.ErrnoError||ee(e),e.errno}},A:function(e,r,t,n){try{var o=me.getStreamFromFD(e),i=me.doReadv(o,r,t);return O[n>>2]=i,0}catch(e){return void 0!==he&&e instanceof he.ErrnoError||ee(e),e.errno}},r:function(e,r,t,n,o){try{var i=me.getStreamFromFD(e),a=4294967296*t+(r>>>0),s=9007199254740992;return a<=-s||a>=s?-61:(he.llseek(i,a,n),ne=[i.position>>>0,(te=i.position,+Math.abs(te)>=1?te>0?(0|Math.min(+Math.floor(te/4294967296),4294967295))>>>0:~~+Math.ceil((te-+(~~te>>>0))/4294967296)>>>0:0)],O[o>>2]=ne[0],O[o+4>>2]=ne[1],i.getdents&&0===a&&0===n&&(i.getdents=null),0)}catch(e){return void 0!==he&&e instanceof he.ErrnoError||ee(e),e.errno}},j:function(e,r,t,n){try{var o=me.getStreamFromFD(e),i=me.doWritev(o,r,t);return O[n>>2]=i,0}catch(e){return void 0!==he&&e instanceof he.ErrnoError||ee(e),e.errno}},F:function(e){var r=Date.now();return O[e>>2]=r/1e3|0,O[e+4>>2]=r%1e3*1e3|0,0},g:function(e){}};!function(){var e={a:Vr};function r(e,r){var n,o,i=e.exports;t.asm=i,g=t.asm.J,n=g.buffer,F=n,t.HEAP8=x=new Int8Array(n),t.HEAP16=R=new Int16Array(n),t.HEAP32=O=new Int32Array(n),t.HEAPU8=$=new Uint8Array(n),t.HEAPU16=M=new Uint16Array(n),t.HEAPU32=I=new Uint32Array(n),t.HEAPF32=j=new Float32Array(n),t.HEAPF64=U=new Float64Array(n),N=t.asm.N,o=t.asm.K,q.unshift(o),Z()}function n(e){r(e.instance)}function o(r){return function(){if(!y&&(p||h)){if("function"==typeof fetch&&!ie(re))return fetch(re,{credentials:"same-origin"}).then((function(e){if(!e.ok)throw"failed to load wasm binary file at '"+re+"'";return e.arrayBuffer()})).catch((function(){return ae(re)}));if(u)return new Promise((function(e,r){u(re,(function(r){e(new Uint8Array(r))}),r)}))}return Promise.resolve().then((function(){return ae(re)}))}().then((function(r){return WebAssembly.instantiate(r,e)})).then((function(e){return e})).then(r,(function(e){E("failed to asynchronously prepare wasm: "+e),ee(e)}))}if(Q(),t.instantiateWasm)try{return t.instantiateWasm(e,r)}catch(e){return E("Module.instantiateWasm callback failed with error: "+e),!1}y||"function"!=typeof WebAssembly.instantiateStreaming||oe(re)||ie(re)||"function"!=typeof fetch?o(n):fetch(re,{credentials:"same-origin"}).then((function(r){return WebAssembly.instantiateStreaming(r,e).then(n,(function(e){return E("wasm streaming compile failed: "+e),E("falling back to ArrayBuffer instantiation"),o(n)}))}))}(),t.___wasm_call_ctors=function(){return(t.___wasm_call_ctors=t.asm.K).apply(null,arguments)};var Xr=t._free=function(){return(Xr=t._free=t.asm.L).apply(null,arguments)},Gr=t._malloc=function(){return(Gr=t._malloc=t.asm.M).apply(null,arguments)},qr=t.___errno_location=function(){return(qr=t.___errno_location=t.asm.O).apply(null,arguments)},Yr=t._strlen=function(){return(Yr=t._strlen=t.asm.P).apply(null,arguments)},Kr=t.___getTypeName=function(){return(Kr=t.___getTypeName=t.asm.Q).apply(null,arguments)};t.___embind_register_native_and_builtin_types=function(){return(t.___embind_register_native_and_builtin_types=t.asm.R).apply(null,arguments)};var Jr,Qr=t._memalign=function(){return(Qr=t._memalign=t.asm.S).apply(null,arguments)};function Zr(e){this.name="ExitStatus",this.message="Program terminated with exit("+e+")",this.status=e}function et(e){function r(){Jr||(Jr=!0,t.calledRun=!0,_||(t.noFSInit||he.init.initialized||he.init(),he.ignorePermissions=!1,se(q),t.onRuntimeInitialized&&t.onRuntimeInitialized(),function(){if(t.postRun)for("function"==typeof t.postRun&&(t.postRun=[t.postRun]);t.postRun.length;)e=t.postRun.shift(),Y.unshift(e);var e;se(Y)}()))}K>0||(!function(){if(t.preRun)for("function"==typeof t.preRun&&(t.preRun=[t.preRun]);t.preRun.length;)e=t.preRun.shift(),G.unshift(e);var e;se(G)}(),K>0||(t.setStatus?(t.setStatus("Running..."),setTimeout((function(){setTimeout((function(){t.setStatus("")}),1),r()}),1)):r()))}if(t.dynCall_ijiii=function(){return(t.dynCall_ijiii=t.asm.T).apply(null,arguments)},t.dynCall_viiijj=function(){return(t.dynCall_viiijj=t.asm.U).apply(null,arguments)},t.dynCall_jij=function(){return(t.dynCall_jij=t.asm.V).apply(null,arguments)},t.dynCall_jii=function(){return(t.dynCall_jii=t.asm.W).apply(null,arguments)},t.dynCall_jiji=function(){return(t.dynCall_jiji=t.asm.X).apply(null,arguments)},t._ff_h264_cabac_tables=83749,J=function e(){Jr||et(),Jr||(J=e)},t.run=et,t.preInit)for("function"==typeof t.preInit&&(t.preInit=[t.preInit]);t.preInit.length>0;)t.preInit.pop()();et(),e.exports=t}));const u="initVideo",c="render",f="playAudio",l="print",d="printErr",p="initAudio",h="audioCode",m="videoCode",v=1,y=2,g="init",w="decode",E="audioDecode",b="videoDecode",_="close",k="key",T="delta";(()=>{try{if("object"==typeof WebAssembly&&"function"==typeof WebAssembly.instantiate){const e=new WebAssembly.Module(Uint8Array.of(0,97,115,109,1,0,0,0));if(e instanceof WebAssembly.Module)return new WebAssembly.Instance(e)instanceof WebAssembly.Instance}}catch(e){}})(),Date.now||(Date.now=function(){return(new Date).getTime()}),s.print=function(e){postMessage({cmd:l,text:e})},s.printErr=function(e){postMessage({cmd:d,text:e})},s.postRun=function(){var e=[],r={};"VideoEncoder"in self&&(r={hasInit:!1,isEmitInfo:!1,offscreenCanvas:null,offscreenCanvasCtx:null,decoder:new VideoDecoder({output:function(e){r.isEmitInfo||(t.opt.debug&&console.log("Jessibuca: [worker] Webcodecs Video Decoder initSize"),postMessage({cmd:u,w:e.codedWidth,h:e.codedHeight}),r.isEmitInfo=!0,r.offscreenCanvas=new OffscreenCanvas(e.codedWidth,e.codedHeight),r.offscreenCanvasCtx=r.offscreenCanvas.getContext("2d")),r.offscreenCanvasCtx.drawImage(e,0,0,e.codedWidth,e.codedHeight);let n=r.offscreenCanvas.transferToImageBitmap();postMessage({cmd:c,buffer:n,delay:t.delay,ts:0},[n]),setTimeout((function(){e.close?e.close():e.destroy()}),100)},error:function(e){console.error(e)}}),decode:function(e,n){const o=e[0]>>4==1;if(r.hasInit){const t=new EncodedVideoChunk({data:e.slice(5),timestamp:n,type:o?k:T});r.decoder.decode(t)}else if(o&&0===e[1]){const n=15&e[0];t.setVideoCodec(n);const o=function(e){let r=e.subarray(1,4),t="avc1.";for(let e=0;e<3;e++){let n=r[e].toString(16);n.length<2&&(n="0"+n),t+=n}return{codec:t,description:e}}(e.slice(5));r.decoder.configure(o),r.hasInit=!0}},reset(){r.hasInit=!1,r.isEmitInfo=!1,r.offscreenCanvas=null,r.offscreenCanvasCtx=null}});var t={opt:{},useOffscreen:function(){return!this.opt.forceNoOffscreen&&"undefined"!=typeof OffscreenCanvas},initAudioPlanar:function(e,r){postMessage({cmd:p,sampleRate:r,channels:e});var t=[],n=[],o=0;this.playAudioPlanar=function(r,i,a){for(var u=i,c=[],l=0,d=0;d<2;d++){var p=s.HEAPU32[(r>>2)+d]>>2;c[d]=s.HEAPF32.subarray(p,p+u)}if(o){if(!(u>=(i=1024-o)))return o+=u,t[0]=Float32Array.of(...t[0],...c[0]),void(2==e&&(t[1]=Float32Array.of(...t[1],...c[1])));n[0]=Float32Array.of(...t[0],...c[0].subarray(0,i)),2==e&&(n[1]=Float32Array.of(...t[1],...c[1].subarray(0,i))),postMessage({cmd:f,buffer:n,ts:a},n.map((e=>e.buffer))),l=i,u-=i}for(o=u;o>=1024;o-=1024)n[0]=c[0].slice(l,l+=1024),2==e&&(n[1]=c[1].slice(l-1024,l)),postMessage({cmd:f,buffer:n,ts:a},n.map((e=>e.buffer)));o&&(t[0]=c[0].slice(l),2==e&&(t[1]=c[1].slice(l)))}},setVideoCodec:function(e){postMessage({cmd:m,code:e})},setAudioCodec:function(e){postMessage({cmd:h,code:e})},setVideoSize:function(e,r){postMessage({cmd:u,w:e,h:r});var n=e*r,o=n>>2;t.useOffscreen()?(this.offscreenCanvas=new OffscreenCanvas(e,r),this.offscreenCanvasGL=this.offscreenCanvas.getContext("webgl"),this.webglObj=(e=>{var r=["attribute vec4 vertexPos;","attribute vec4 texturePos;","varying vec2 textureCoord;","void main()","{","gl_Position = vertexPos;","textureCoord = texturePos.xy;","}"].join("\n"),t=["precision highp float;","varying highp vec2 textureCoord;","uniform sampler2D ySampler;","uniform sampler2D uSampler;","uniform sampler2D vSampler;","const mat4 YUV2RGB = mat4","(","1.1643828125, 0, 1.59602734375, -.87078515625,","1.1643828125, -.39176171875, -.81296875, .52959375,","1.1643828125, 2.017234375, 0, -1.081390625,","0, 0, 0, 1",");","void main(void) {","highp float y = texture2D(ySampler,  textureCoord).r;","highp float u = texture2D(uSampler,  textureCoord).r;","highp float v = texture2D(vSampler,  textureCoord).r;","gl_FragColor = vec4(y, u, v, 1) * YUV2RGB;","}"].join("\n"),n=e.createShader(e.VERTEX_SHADER);e.shaderSource(n,r),e.compileShader(n),e.getShaderParameter(n,e.COMPILE_STATUS)||console.log("Vertex shader failed to compile: "+e.getShaderInfoLog(n));var o=e.createShader(e.FRAGMENT_SHADER);e.shaderSource(o,t),e.compileShader(o),e.getShaderParameter(o,e.COMPILE_STATUS)||console.log("Fragment shader failed to compile: "+e.getShaderInfoLog(o));var i=e.createProgram();e.attachShader(i,n),e.attachShader(i,o),e.linkProgram(i),e.getProgramParameter(i,e.LINK_STATUS)||console.log("Program failed to compile: "+e.getProgramInfoLog(i)),e.useProgram(i);var a=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,a),e.bufferData(e.ARRAY_BUFFER,new Float32Array([1,1,-1,1,1,-1,-1,-1]),e.STATIC_DRAW);var s=e.getAttribLocation(i,"vertexPos");e.enableVertexAttribArray(s),e.vertexAttribPointer(s,2,e.FLOAT,!1,0,0);var u=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,u),e.bufferData(e.ARRAY_BUFFER,new Float32Array([1,0,0,0,1,1,0,1]),e.STATIC_DRAW);var c=e.getAttribLocation(i,"texturePos");function f(r,t){var n=e.createTexture();return e.bindTexture(e.TEXTURE_2D,n),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,null),e.uniform1i(e.getUniformLocation(i,r),t),n}e.enableVertexAttribArray(c),e.vertexAttribPointer(c,2,e.FLOAT,!1,0,0);var l=f("ySampler",0),d=f("uSampler",1),p=f("vSampler",2);return{render:function(r,t,n,o,i){e.viewport(0,0,r,t),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,l),e.texImage2D(e.TEXTURE_2D,0,e.LUMINANCE,r,t,0,e.LUMINANCE,e.UNSIGNED_BYTE,n),e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,d),e.texImage2D(e.TEXTURE_2D,0,e.LUMINANCE,r/2,t/2,0,e.LUMINANCE,e.UNSIGNED_BYTE,o),e.activeTexture(e.TEXTURE2),e.bindTexture(e.TEXTURE_2D,p),e.texImage2D(e.TEXTURE_2D,0,e.LUMINANCE,r/2,t/2,0,e.LUMINANCE,e.UNSIGNED_BYTE,i),e.drawArrays(e.TRIANGLE_STRIP,0,4)},destroy:function(){try{e.deleteProgram(i),e.deleteBuffer(a),e.deleteBuffer(u),e.deleteTexture(l),e.deleteTexture(d),e.deleteBuffer(p)}catch(e){}}}})(this.offscreenCanvasGL),this.draw=function(t,i,a,u){this.webglObj.render(e,r,s.HEAPU8.subarray(i,i+n),s.HEAPU8.subarray(a,a+o),s.HEAPU8.subarray(u,u+o));let f=this.offscreenCanvas.transferToImageBitmap();postMessage({cmd:c,buffer:f,delay:this.delay,ts:t},[f])}):this.draw=function(e,r,t,i){var a=[s.HEAPU8.subarray(r,r+n),s.HEAPU8.subarray(t,t+o),s.HEAPU8.subarray(i,i+o)].map((e=>Uint8Array.from(e)));postMessage({cmd:c,output:a,delay:this.delay,ts:e},a.map((e=>e.buffer)))}},getDelay:function(e){return e?(this.firstTimestamp=e,this.startTimestamp=Date.now(),this.delay=-1,this.getDelay=function(e){return e&&(this.delay=Date.now()-this.startTimestamp-(e-this.firstTimestamp)),this.delay},-1):-1},init:function(){t.opt.debug&&console.log("Jessibuca: [worker] init");const n=e=>{t.opt.useWCS&&t.useOffscreen()&&e.type===y&&r.decode?r.decode(e.payload,e.ts):e.decoder.decode(e.payload,e.ts)};this.stopId=setInterval((()=>{if(e.length)if(this.dropping){for(r=e.shift();!r.isIFrame&&e.length;)r=e.shift();r.isIFrame&&(this.dropping=!1,n(r))}else{var r=e[0];if(-1===this.getDelay(r.ts))e.shift(),n(r);else if(this.delay>this.opt.videoBuffer+1e3)this.dropping=!0;else for(;e.length&&(r=e[0],this.getDelay(r.ts)>this.opt.videoBuffer);)e.shift(),n(r)}}),10)},close:function(){this.opt.debug&&console.log("Jessibuca: [worker]: close"),clearInterval(this.stopId),this.stopId=null,n.clear(),o.clear(),r.reset&&r.reset(),this.firstTimestamp=0,this.startTimestamp=0,this.delay=-1,this.webglObj&&(this.webglObj.destroy(),this.offscreenCanvas=null,this.offscreenCanvasGL=null,this.offscreenCanvasCtx=null),e=[],delete this.playAudioPlanar,delete this.draw},pushBuffer:function(r,t){t.type===v?e.push({ts:t.ts,payload:r,decoder:n,type:v}):t.type===y&&e.push({ts:t.ts,payload:r,decoder:o,type:y,isIFrame:t.isIFrame})}},n=new s.AudioDecoder(t),o=new s.VideoDecoder(t);postMessage({cmd:g}),self.onmessage=function(e){var r=e.data;switch(r.cmd){case g:t.opt=JSON.parse(r.opt),n.sample_rate=r.sampleRate,t.init();break;case w:t.pushBuffer(r.buffer,r.options);break;case E:n.decode(r.buffer,r.ts);break;case b:o.decode(r.buffer,r.ts);break;case _:t.close()}}}}));
diff --git a/web/client/assets/js/jessibuca/decoder.wasm b/web/client/assets/js/jessibuca/decoder.wasm
new file mode 100644
index 0000000..7ea58df
Binary files /dev/null and b/web/client/assets/js/jessibuca/decoder.wasm differ
diff --git a/web/client/assets/js/jessibuca/jessibuca.js b/web/client/assets/js/jessibuca/jessibuca.js
new file mode 100644
index 0000000..32e245d
--- /dev/null
+++ b/web/client/assets/js/jessibuca/jessibuca.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).jessibuca=t()}(this,(function(){"use strict";const e=0,t=1,i="flv",n="m7s",o={videoBuffer:1e3,isResize:!0,isFullResize:!1,isFlv:!1,debug:!1,loadingTimeout:10,heartTimeout:10,timeout:10,supportDblclickFullscreen:!1,showBandwidth:!1,keepScreenOn:!1,isNotMute:!1,hasAudio:!0,hasVideo:!0,operateBtns:{fullscreen:!1,screenshot:!1,play:!1,audio:!1,record:!1},hasControl:!1,loadingText:"",background:"",decoder:"/assets/js/jessibuca/decoder.js",url:"",rotate:0,forceNoOffscreen:!0,hiddenAutoPause:!1,protocol:t,demuxType:i,useWCS:!1,useMSE:!1,useOffscreen:!1},r="init",s="initVideo",a="render",A="playAudio",c="initAudio",d="audioCode",l="videoCode",u=1,h=2,f=8,p=9,g="init",m="decode",b="audioDecode",y="close",v={fullscreen:"fullscreen$2",webFullscreen:"webFullscreen",decoderWorkerInit:"decoderWorkerInit",play:"play",playing:"playing",pause:"pause",mute:"mute",load:"load",loading:"loading",videoInfo:"videoInfo",timeUpdate:"timeUpdate",audioInfo:"audioInfo",log:"log",error:"error",kBps:"kBps",timeout:"timeout",delayTimeout:"delayTimeout",loadingTimeout:"loadingTimeout",stats:"stats",performance:"performance",record:"record",recording:"recording",recordingTimestamp:"recordingTimestamp",recordStart:"recordStart",recordEnd:"recordEnd",recordCreateError:"recordCreateError",buffer:"buffer",videoFrame:"videoFrame",start:"start",metadata:"metadata",resize:"resize",streamEnd:"streamEnd",streamSuccess:"streamSuccess",streamMessage:"streamMessage",streamError:"streamError",volumechange:"volumechange",destroy:"destroy",mseSourceOpen:"mseSourceOpen",mseSourceClose:"mseSourceClose",mseSourceBufferError:"mseSourceBufferError",mseSourceBufferBusy:"mseSourceBufferBusy",videoWaiting:"videoWaiting",videoTimeUpdate:"videoTimeUpdate",videoSyncAudio:"videoSyncAudio"},w={load:v.load,timeUpdate:v.timeUpdate,videoInfo:v.videoInfo,audioInfo:v.audioInfo,error:v.error,kBps:v.kBps,log:v.log,start:v.start,timeout:v.timeout,loadingTimeout:v.loadingTimeout,delayTimeout:v.delayTimeout,fullscreen:"fullscreen",play:v.play,pause:v.pause,mute:v.mute,stats:v.stats,performance:v.performance,recordingTimestamp:v.recordingTimestamp,recordStart:v.recordStart,recordEnd:v.recordEnd},E={playError:"playIsNotPauseOrUrlIsNull",fetchError:"fetchError",websocketError:"websocketError",webcodecsH265NotSupport:"webcodecsH265NotSupport",mediaSourceH265NotSupport:"mediaSourceH265NotSupport",wasmDecodeError:"wasmDecodeError"},S="notConnect",R="open",C="close",B="error",k={download:"download",base64:"base64",blob:"blob"},I={7:"H264(AVC)",12:"H265(HEVC)"},T=7,x=12,L={10:"AAC",7:"ALAW",8:"MULAW"},D=32,O=33,j=34,U=0,F=1,P=2,M="mp4",V="webm",Q="webcodecs",N="webgl",W="offscreen",G="key",H="delta",J='video/mp4; codecs="avc1.64002A"',q="ended",z="open",X="closed";class Y{constructor(e){this.log=function(t){if(e._opt.debug){for(var i=arguments.length,n=new Array(i>1?i-1:0),o=1;o<i;o++)n[o-1]=arguments[o];console.log(`Jessibuca: [${t}]`,...n)}},this.warn=function(t){if(e._opt.debug){for(var i=arguments.length,n=new Array(i>1?i-1:0),o=1;o<i;o++)n[o-1]=arguments[o];console.warn(`Jessibuca: [${t}]`,...n)}},this.error=function(t){if(e._opt.debug){for(var i=arguments.length,n=new Array(i>1?i-1:0),o=1;o<i;o++)n[o-1]=arguments[o];console.error(`Jessibuca: [${t}]`,...n)}}}}class Z{constructor(e){this.destroys=[],this.proxy=this.proxy.bind(this),this.master=e}proxy(e,t,i){let n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(!e)return;if(Array.isArray(t))return t.map((t=>this.proxy(e,t,i,n)));e.addEventListener(t,i,n);const o=()=>e.removeEventListener(t,i,n);return this.destroys.push(o),o}destroy(){this.master.debug.log("Events","destroy"),this.destroys.forEach((e=>e()))}}var K="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function _(e,t){return e(t={exports:{}},t.exports),t.exports}var $=_((function(e){!function(){var t="undefined"!=typeof window&&void 0!==window.document?window.document:{},i=e.exports,n=function(){for(var e,i=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],n=0,o=i.length,r={};n<o;n++)if((e=i[n])&&e[1]in t){for(n=0;n<e.length;n++)r[i[0][n]]=e[n];return r}return!1}(),o={change:n.fullscreenchange,error:n.fullscreenerror},r={request:function(e,i){return new Promise(function(o,r){var s=function(){this.off("change",s),o()}.bind(this);this.on("change",s);var a=(e=e||t.documentElement)[n.requestFullscreen](i);a instanceof Promise&&a.then(s).catch(r)}.bind(this))},exit:function(){return new Promise(function(e,i){if(this.isFullscreen){var o=function(){this.off("change",o),e()}.bind(this);this.on("change",o);var r=t[n.exitFullscreen]();r instanceof Promise&&r.then(o).catch(i)}else e()}.bind(this))},toggle:function(e,t){return this.isFullscreen?this.exit():this.request(e,t)},onchange:function(e){this.on("change",e)},onerror:function(e){this.on("error",e)},on:function(e,i){var n=o[e];n&&t.addEventListener(n,i,!1)},off:function(e,i){var n=o[e];n&&t.removeEventListener(n,i,!1)},raw:n};n?(Object.defineProperties(r,{isFullscreen:{get:function(){return Boolean(t[n.fullscreenElement])}},element:{enumerable:!0,get:function(){return t[n.fullscreenElement]}},isEnabled:{enumerable:!0,get:function(){return Boolean(t[n.fullscreenEnabled])}}}),i?e.exports=r:window.screenfull=r):i?e.exports={isEnabled:!1}:window.screenfull={isEnabled:!1}}()}));function ee(){}function te(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";const t=e.split(","),i=atob(t[1]),n=t[0].replace("data:","").replace(";base64","");let o=i.length,r=new Uint8Array(o);for(;o--;)r[o]=i.charCodeAt(o);return new File([r],"file",{type:n})}function ie(e,t){const i=document.createElement("a");i.download=t,i.href=URL.createObjectURL(e),i.click(),URL.revokeObjectURL(e)}function ne(){return(new Date).getTime()}function oe(e,t,i){return Math.max(Math.min(e,Math.max(t,i)),Math.min(t,i))}function re(e,t,i){if(e)return"object"==typeof t&&Object.keys(t).forEach((i=>{re(e,i,t[i])})),e.style[t]=i,e}function se(e,t){let i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(!e)return 0;const n=getComputedStyle(e,null).getPropertyValue(t);return i?parseFloat(n):n}function ae(){return performance&&"function"==typeof performance.now?performance.now():Date.now()}function Ae(e){let t=0,i=ae();return n=>{t+=n;const o=ae(),r=o-i;r>=1e3&&(e(t/r*1e3),i=o,t=0)}}function ce(e){if(null==e||""===e)return"0 KB/S";let t=parseFloat(e);return t=t.toFixed(2),t+"KB/S"}function de(e){return null==e}function le(e){return!de(e)}$.isEnabled,(()=>{try{if("object"==typeof WebAssembly&&"function"==typeof WebAssembly.instantiate){const e=new WebAssembly.Module(Uint8Array.of(0,97,115,109,1,0,0,0));if(e instanceof WebAssembly.Module)return new WebAssembly.Instance(e)instanceof WebAssembly.Instance}}catch(e){}})();class ue{on(e,t,i){const n=this.e||(this.e={});return(n[e]||(n[e]=[])).push({fn:t,ctx:i}),this}once(e,t,i){const n=this;function o(){n.off(e,o);for(var r=arguments.length,s=new Array(r),a=0;a<r;a++)s[a]=arguments[a];t.apply(i,s)}return o._=t,this.on(e,o,i)}emit(e){const t=((this.e||(this.e={}))[e]||[]).slice();for(var i=arguments.length,n=new Array(i>1?i-1:0),o=1;o<i;o++)n[o-1]=arguments[o];for(let e=0;e<t.length;e+=1)t[e].fn.apply(t[e].ctx,n);return this}off(e,t){const i=this.e||(this.e={});if(!e)return Object.keys(i).forEach((e=>{delete i[e]})),void delete this.e;const n=i[e],o=[];if(n&&t)for(let e=0,i=n.length;e<i;e+=1)n[e].fn!==t&&n[e].fn._!==t&&o.push(n[e]);return o.length?i[e]=o:delete i[e],this}}class he extends ue{constructor(){super(),this.init=!1}updateVideoInfo(e){e.encTypeCode&&(this.videoInfo.encType=I[e.encTypeCode]),e.width&&(this.videoInfo.width=e.width),e.height&&(this.videoInfo.height=e.height),this.videoInfo.encType&&this.videoInfo.height&&this.videoInfo.width&&!this.init&&(this.player.emit(v.videoInfo,this.videoInfo),this.init=!0)}}class fe extends he{constructor(e){super(),this.player=e;const t=document.createElement("canvas");t.style.position="absolute",t.style.top=0,t.style.left=0,this.$videoElement=t,e.$container.appendChild(this.$videoElement),this.context2D=null,this.contextGl=null,this.contextGlRender=null,this.contextGlDestroy=null,this.bitmaprenderer=null,this.renderType=null,this.videoInfo={width:"",height:"",encType:""},this._initCanvasRender(),this.player.debug.log("CanvasVideo","init")}_initContextGl(){this.contextGl=function(e){let t=null;const i=["webgl","experimental-webgl","moz-webgl","webkit-3d"];let n=0;for(;!t&&n<i.length;){const o=i[n];try{let i={preserveDrawingBuffer:!0};t=e.getContext(o,i)}catch(e){t=null}t&&"function"==typeof t.getParameter||(t=null),++n}return t}(this.$videoElement);const e=(e=>{var t=["attribute vec4 vertexPos;","attribute vec4 texturePos;","varying vec2 textureCoord;","void main()","{","gl_Position = vertexPos;","textureCoord = texturePos.xy;","}"].join("\n"),i=["precision highp float;","varying highp vec2 textureCoord;","uniform sampler2D ySampler;","uniform sampler2D uSampler;","uniform sampler2D vSampler;","const mat4 YUV2RGB = mat4","(","1.1643828125, 0, 1.59602734375, -.87078515625,","1.1643828125, -.39176171875, -.81296875, .52959375,","1.1643828125, 2.017234375, 0, -1.081390625,","0, 0, 0, 1",");","void main(void) {","highp float y = texture2D(ySampler,  textureCoord).r;","highp float u = texture2D(uSampler,  textureCoord).r;","highp float v = texture2D(vSampler,  textureCoord).r;","gl_FragColor = vec4(y, u, v, 1) * YUV2RGB;","}"].join("\n"),n=e.createShader(e.VERTEX_SHADER);e.shaderSource(n,t),e.compileShader(n),e.getShaderParameter(n,e.COMPILE_STATUS)||console.log("Vertex shader failed to compile: "+e.getShaderInfoLog(n));var o=e.createShader(e.FRAGMENT_SHADER);e.shaderSource(o,i),e.compileShader(o),e.getShaderParameter(o,e.COMPILE_STATUS)||console.log("Fragment shader failed to compile: "+e.getShaderInfoLog(o));var r=e.createProgram();e.attachShader(r,n),e.attachShader(r,o),e.linkProgram(r),e.getProgramParameter(r,e.LINK_STATUS)||console.log("Program failed to compile: "+e.getProgramInfoLog(r)),e.useProgram(r);var s=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,s),e.bufferData(e.ARRAY_BUFFER,new Float32Array([1,1,-1,1,1,-1,-1,-1]),e.STATIC_DRAW);var a=e.getAttribLocation(r,"vertexPos");e.enableVertexAttribArray(a),e.vertexAttribPointer(a,2,e.FLOAT,!1,0,0);var A=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,A),e.bufferData(e.ARRAY_BUFFER,new Float32Array([1,0,0,0,1,1,0,1]),e.STATIC_DRAW);var c=e.getAttribLocation(r,"texturePos");function d(t,i){var n=e.createTexture();return e.bindTexture(e.TEXTURE_2D,n),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,null),e.uniform1i(e.getUniformLocation(r,t),i),n}e.enableVertexAttribArray(c),e.vertexAttribPointer(c,2,e.FLOAT,!1,0,0);var l=d("ySampler",0),u=d("uSampler",1),h=d("vSampler",2);return{render:function(t,i,n,o,r){e.viewport(0,0,t,i),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,l),e.texImage2D(e.TEXTURE_2D,0,e.LUMINANCE,t,i,0,e.LUMINANCE,e.UNSIGNED_BYTE,n),e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,u),e.texImage2D(e.TEXTURE_2D,0,e.LUMINANCE,t/2,i/2,0,e.LUMINANCE,e.UNSIGNED_BYTE,o),e.activeTexture(e.TEXTURE2),e.bindTexture(e.TEXTURE_2D,h),e.texImage2D(e.TEXTURE_2D,0,e.LUMINANCE,t/2,i/2,0,e.LUMINANCE,e.UNSIGNED_BYTE,r),e.drawArrays(e.TRIANGLE_STRIP,0,4)},destroy:function(){try{e.deleteProgram(r),e.deleteBuffer(s),e.deleteBuffer(A),e.deleteTexture(l),e.deleteTexture(u),e.deleteBuffer(h)}catch(e){}}}})(this.contextGl);this.contextGlRender=e.render,this.contextGlDestroy=e.destroy}_initContext2D(){this.context2D=this.$videoElement.getContext("2d")}_initCanvasRender(){this.player._opt.useWCS&&!this._supportOffscreen()?(this.renderType=Q,this._initContext2D()):this._supportOffscreen()?(this.renderType=W,this._bindOffscreen()):(this.renderType=N,this._initContextGl())}_supportOffscreen(){return"function"==typeof this.$videoElement.transferControlToOffscreen&&this.player._opt.useOffscreen}_bindOffscreen(){this.bitmaprenderer=this.$videoElement.getContext("bitmaprenderer")}initCanvasViewSize(){this.$videoElement.width=this.videoInfo.width,this.$videoElement.height=this.videoInfo.height,this.resize()}render(e){switch(this.player.videoTimestamp=e.ts,this.renderType){case W:this.bitmaprenderer.transferFromImageBitmap(e.buffer);break;case N:this.contextGlRender(this.$videoElement.width,this.$videoElement.height,e.output[0],e.output[1],e.output[2]);break;case Q:this.context2D.drawImage(e.videoFrame,0,0,this.$videoElement.width,this.$videoElement.height)}}screenshot(e,t,i,n){e=e||ne(),n=n||k.download;const o={png:"image/png",jpeg:"image/jpeg",webp:"image/webp"};let r=.92;!o[t]&&k[t]&&(n=t,t="png",i=void 0),"string"==typeof i&&(n=i,i=void 0),void 0!==i&&(r=Number(i));const s=this.$videoElement.toDataURL(o[t]||o.png,r),a=te(s);return n===k.base64?s:n===k.blob?a:void(n===k.download&&ie(a,e))}clearView(){switch(this.renderType){case W:(function(e,t){const i=document.createElement("canvas");return i.width=e,i.height=t,createImageBitmap(i,0,0,e,t)})(this.$videoElement.width,this.$videoElement.height).then((e=>{this.bitmaprenderer.transferFromImageBitmap(e)}));break;case N:this.contextGl.clear(this.contextGl.COLOR_BUFFER_BIT);break;case Q:this.context2D.clearRect(0,0,this.$videoElement.width,this.$videoElement.height)}}resize(){this.player.debug.log("canvasVideo","resize");const e=this.player._opt,t=this.player.width;let i=this.player.height;e.hasControl&&(i-=38);let n=this.$videoElement.width,o=this.$videoElement.height;const r=e.rotate;let s=(t-n)/2,a=(i-o)/2;270!==r&&90!==r||(n=this.$videoElement.height,o=this.$videoElement.width);const A=t/n,c=i/o;let d=A>c?c:A;e.isResize||A!==c&&(d=A+","+c),e.isFullResize&&(d=A>c?A:c);let l="scale("+d+")";r&&(l+=" rotate("+r+"deg)"),this.$videoElement.style.transform=l,this.$videoElement.style.left=s+"px",this.$videoElement.style.top=a+"px"}destroy(){this.contextGl&&(this.contextGl=null),this.context2D&&(this.context2D=null),this.contextGlRender&&(this.contextGlDestroy&&this.contextGlDestroy(),this.contextGlDestroy=null,this.contextGlRender=null),this.bitmaprenderer&&(this.bitmaprenderer=null),this.renderType=null,this.videoInfo={width:"",height:"",encType:"",encTypeCode:""},this.player.$container.removeChild(this.$videoElement),this.init=!1,this.off(),this.player.debug.log("CanvasVideoLoader","destroy")}}class pe extends he{constructor(e){super(),this.player=e;const t=document.createElement("video");t.muted=!0,t.style.position="absolute",t.style.top=0,t.style.left=0,e.$container.appendChild(t),this.$videoElement=t,this.videoInfo={width:"",height:"",encType:""},this.resize();const{proxy:i}=this.player.events;i(this.$videoElement,"canplay",(()=>{this.player.debug.log("Video","canplay")})),i(this.$videoElement,"waiting",(()=>{this.player.emit(v.videoWaiting)})),i(this.$videoElement,"timeupdate",(e=>{})),this.player.debug.log("Video","init")}play(){this.$videoElement.play()}clearView(){}screenshot(e,t,i,n){e=e||ne(),n=n||k.download;let o=.92;!{png:"image/png",jpeg:"image/jpeg",webp:"image/webp"}[t]&&k[t]&&(n=t,t="png",i=void 0),"string"==typeof i&&(n=i,i=void 0),void 0!==i&&(o=Number(i));const r=this.$videoElement;let s=document.createElement("canvas");s.width=r.videoWidth,s.height=r.videoHeight;s.getContext("2d").drawImage(r,0,0,s.width,s.height);const a=s.toDataURL(k[t]||k.png,o),A=te(a);return n===k.base64?a:n===k.blob?A:void(n===k.download&&ie(A,e))}initCanvasViewSize(){this.resize()}resize(){this.$videoElement.width=this.player.width,this.$videoElement.height=this.player._opt.hasControl?this.player.height-38:this.player.height;const e=this.player._opt;let t="contain";const i=e.rotate;e.isResize||(t="fill"),e.isFullResize&&(t="none"),this.$videoElement.style.objectFit=t,this.$videoElement.style.transform="rotate("+i+"deg)"}destroy(){this.player.$container.removeChild(this.$videoElement),this.init=!1,this.off(),this.player.debug.log("Video","destroy")}}class ge{constructor(e){return new(ge.getLoaderFactory(e._opt))(e)}static getLoaderFactory(e){return e.useMSE?pe:fe}}class me extends ue{constructor(e){super(),this.bufferList=[],this.player=e,this.scriptNode=null,this.hasInitScriptNode=!1,this.audioContextChannel=null,this.audioContext=new(window.AudioContext||window.webkitAudioContext),this.gainNode=this.audioContext.createGain();const t=this.audioContext.createBufferSource();t.buffer=this.audioContext.createBuffer(1,1,22050),t.connect(this.audioContext.destination),t.noteOn?t.noteOn(0):t.start(0),this.audioBufferSourceNode=t,this.mediaStreamAudioDestinationNode=this.audioContext.createMediaStreamDestination(),this.audioEnabled(!0),this.gainNode.gain.value=0,this.playing=!1,this.audioSyncVideoOption={diff:null},this.audioInfo={encType:"",channels:"",sampleRate:""},this.init=!1,this.on(v.videoSyncAudio,(e=>{this.player.debug.log("AudioContext",`videoSyncAudio , audioTimestamp: ${e.audioTimestamp},videoTimestamp: ${e.videoTimestamp},diff:${e.diff}`),this.audioSyncVideoOption=e})),this.player.debug.log("AudioContext","init")}updateAudioInfo(e){e.encTypeCode&&(this.audioInfo.encType=L[e.encTypeCode]),e.channels&&(this.audioInfo.channels=e.channels),e.sampleRate&&(this.audioInfo.sampleRate=e.sampleRate),this.audioInfo.sampleRate&&this.audioInfo.channels&&this.audioInfo.encType&&!this.init&&(this.player.emit(v.audioInfo,this.audioInfo),this.init=!0)}get isPlaying(){return this.playing}get isMute(){return 0===this.gainNode.gain.value||this.isStateSuspended()}get volume(){return this.gainNode.gain.value}get bufferSize(){return this.bufferList.length}initScriptNode(){if(this.playing=!0,this.hasInitScriptNode)return;const e=this.audioInfo.channels,t=this.audioContext.createScriptProcessor(1024,0,e);t.onaudioprocess=t=>{const i=t.outputBuffer;if(this.bufferList.length&&this.playing){if(!this.player._opt.useWCS&&!this.player._opt.useMSE){if(this.audioSyncVideoOption.diff>200)return void this.player.debug.warn("AudioContext",`audioSyncVideoOption more than diff :${this.audioSyncVideoOption.diff}`);if(this.audioSyncVideoOption.diff<-200){this.player.debug.warn("AudioContext",`audioSyncVideoOption less than diff :${this.audioSyncVideoOption.diff}`);let e=this.bufferList.shift();for(;e.ts-this.player.videoTimestamp<-200&&this.bufferList.length>0;)e=this.bufferList.shift();if(0===this.bufferList.length)return}}if(0===this.bufferList.length)return;const t=this.bufferList.shift();t&&t.ts&&(this.player.audioTimestamp=t.ts);for(let n=0;n<e;n++){const e=t.buffer[n],o=i.getChannelData(n);for(let t=0;t<1024;t++)o[t]=e[t]||0}}},t.connect(this.gainNode),this.scriptNode=t,this.gainNode.connect(this.audioContext.destination),this.gainNode.connect(this.mediaStreamAudioDestinationNode),this.hasInitScriptNode=!0}mute(e){e?(this.isMute||this.player.emit(v.mute,e),this.setVolume(0),this.audioEnabled(!1),this.clear()):(this.isMute&&this.player.emit(v.mute,e),this.setVolume(.5),this.audioEnabled(!0))}setVolume(e){e=parseFloat(e).toFixed(2),isNaN(e)||(this.audioEnabled(!0),e=oe(e,0,1),this.gainNode.gain.value=e,this.gainNode.gain.setValueAtTime(e,this.audioContext.currentTime),this.player.emit(v.volumechange,this.player.volume))}closeAudio(){this.hasInitScriptNode&&(this.scriptNode&&this.scriptNode.disconnect(this.gainNode),this.gainNode&&this.gainNode.disconnect(this.audioContext.destination),this.gainNode&&this.gainNode.disconnect(this.mediaStreamAudioDestinationNode)),this.clear()}audioEnabled(e){e?"suspended"===this.audioContext.state&&this.audioContext.resume():"running"===this.audioContext.state&&this.audioContext.suspend()}isStateRunning(){return"running"===this.audioContext.state}isStateSuspended(){return"suspended"===this.audioContext.state}clear(){this.bufferList=[]}play(e,t){this.bufferList.push({buffer:e,ts:t}),this.bufferList.length>20&&(this.player.debug.warn("AudioContext",`bufferList is large: ${this.bufferList.length}`),this.bufferList.length>50&&this.bufferList.shift())}pause(){this.audioSyncVideoOption={diff:null},this.playing=!1,this.clear()}resume(){this.playing=!0}destroy(){this.closeAudio(),this.audioContext.close(),this.audioContext=null,this.gainNode=null,this.init=!1,this.scriptNode&&(this.scriptNode.onaudioprocess=ee,this.scriptNode=null),this.audioBufferSourceNode=null,this.mediaStreamAudioDestinationNode=null,this.hasInitScriptNode=!1,this.audioSyncVideoOption={diff:null},this.off(),this.player.debug.log("AudioContext","destroy")}}class be{constructor(e){return new(be.getLoaderFactory())(e)}static getLoaderFactory(){return me}}class ye extends ue{constructor(e){super(),this.player=e,this.playing=!1,this.abortController=new AbortController,this.streamRate=Ae((t=>{e.emit(v.kBps,(t/1024).toFixed(2))})),e.debug.log("FetchStream","init")}fetchStream(e){const{demux:t}=this.player;fetch(e,{signal:this.abortController.signal}).then((e=>{const i=e.body.getReader();this.emit(v.streamSuccess);const n=()=>{i.read().then((e=>{let{done:i,value:o}=e;i?t.close():(this.streamRate&&this.streamRate(o.byteLength),t.dispatch(o),n())})).catch((e=>{t.close(),this.emit(E.fetchError,e),this.player.emit(v.error,E.fetchError),this.abort()}))};n()})).catch((e=>{this.abort(),this.emit(E.fetchError,e),this.player.emit(v.error,E.fetchError)}))}abort(){this.abortController&&(this.abortController.abort(),this.abortController=null)}destroy(){this.abort(),this.off(),this.streamRate=null,this.player.debug.log("FetchStream","destroy")}}class ve extends ue{constructor(e){super(),this.player=e,this.socket=null,this.socketStatus=S,this.wsUrl=null,this.streamRate=Ae((t=>{e.emit(v.kBps,(t/1024).toFixed(2))}))}_createWebSocket(){const e=this.player,{debug:t,events:{proxy:i},demux:n}=e;this.socket=new WebSocket(this.wsUrl),this.socket.binaryType="arraybuffer",i(this.socket,"open",(()=>{this.emit(v.streamSuccess),t.log("websocketLoader","socket open"),this.socketStatus=R})),i(this.socket,"message",(e=>{this.streamRate&&this.streamRate(e.data.byteLength),this._handleMessage(e.data)})),i(this.socket,"close",(()=>{t.log("websocketLoader","socket close"),this.emit(v.streamEnd),this.socketStatus=C})),i(this.socket,"error",(e=>{t.log("websocketLoader","socket error"),this.emit(E.websocketError,e),this.player.emit(v.error,E.websocketError),this.socketStatus=B,n.close(),t.log("websocketLoader","socket error:",e)}))}_handleMessage(e){const{demux:t}=this.player;t.dispatch(e)}fetchStream(e){this.wsUrl=e,this._createWebSocket()}destroy(){this.socket&&(this.socket.close(),this.socket=null),this.socketStatus=S,this.streamRate=null,this.off(),this.player.debug.log("websocketLoader","destroy")}}class we{constructor(e){return new(we.getLoaderFactory(e._opt.protocol))(e)}static getLoaderFactory(i){return i===t?ye:i===e?ve:void 0}}var Ee=_((function(e){function t(e,o){if(!e)throw"First parameter is required.";o=new i(e,o=o||{type:"video"});var r=this;function s(t){t&&(o.initCallback=function(){t(),t=o.initCallback=null});var i=new n(e,o);(h=new i(e,o)).record(),u("recording"),o.disableLogs||console.log("Initialized recorderType:",h.constructor.name,"for output-type:",o.type)}function a(e){if(e=e||function(){},h){if("paused"===r.state)return r.resumeRecording(),void setTimeout((function(){a(e)}),1);"recording"===r.state||o.disableLogs||console.warn('Recording state should be: "recording", however current state is: ',r.state),o.disableLogs||console.log("Stopped recording "+o.type+" stream."),"gif"!==o.type?h.stop(t):(h.stop(),t()),u("stopped")}else p();function t(t){if(h){Object.keys(h).forEach((function(e){"function"!=typeof h[e]&&(r[e]=h[e])}));var i=h.blob;if(!i){if(!t)throw"Recording failed.";h.blob=i=t}if(i&&!o.disableLogs&&console.log(i.type,"->",m(i.size)),e){var n;try{n=d.createObjectURL(i)}catch(e){}"function"==typeof e.call?e.call(r,n):e(n)}o.autoWriteToDisk&&c((function(e){var t={};t[o.type+"Blob"]=e,T.Store(t)}))}else"function"==typeof e.call?e.call(r,""):e("")}}function A(e){postMessage((new FileReaderSync).readAsDataURL(e))}function c(e,t){if(!e)throw"Pass a callback function over getDataURL.";var i=t?t.blob:(h||{}).blob;if(!i)return o.disableLogs||console.warn("Blob encoder did not finish its job yet."),void setTimeout((function(){c(e,t)}),1e3);if("undefined"==typeof Worker||navigator.mozGetUserMedia){var n=new FileReader;n.readAsDataURL(i),n.onload=function(t){e(t.target.result)}}else{var r=function(e){try{var t=d.createObjectURL(new Blob([e.toString(),"this.onmessage =  function (eee) {"+e.name+"(eee.data);}"],{type:"application/javascript"})),i=new Worker(t);return d.revokeObjectURL(t),i}catch(e){}}(A);r.onmessage=function(t){e(t.data)},r.postMessage(i)}}function l(e){e=e||0,"paused"!==r.state?"stopped"!==r.state&&(e>=r.recordingDuration?a(r.onRecordingStopped):(e+=1e3,setTimeout((function(){l(e)}),1e3))):setTimeout((function(){l(e)}),1e3)}function u(e){r&&(r.state=e,"function"==typeof r.onStateChanged.call?r.onStateChanged.call(r,e):r.onStateChanged(e))}var h,f='It seems that recorder is destroyed or "startRecording" is not invoked for '+o.type+" recorder.";function p(){!0!==o.disableLogs&&console.warn(f)}var g={startRecording:function(t){return o.disableLogs||console.log("RecordRTC version: ",r.version),t&&(o=new i(e,t)),o.disableLogs||console.log("started recording "+o.type+" stream."),h?(h.clearRecordedData(),h.record(),u("recording"),r.recordingDuration&&l(),r):(s((function(){r.recordingDuration&&l()})),r)},stopRecording:a,pauseRecording:function(){h?"recording"===r.state?(u("paused"),h.pause(),o.disableLogs||console.log("Paused recording.")):o.disableLogs||console.warn("Unable to pause the recording. Recording state: ",r.state):p()},resumeRecording:function(){h?"paused"===r.state?(u("recording"),h.resume(),o.disableLogs||console.log("Resumed recording.")):o.disableLogs||console.warn("Unable to resume the recording. Recording state: ",r.state):p()},initRecorder:s,setRecordingDuration:function(e,t){if(void 0===e)throw"recordingDuration is required.";if("number"!=typeof e)throw"recordingDuration must be a number.";return r.recordingDuration=e,r.onRecordingStopped=t||function(){},{onRecordingStopped:function(e){r.onRecordingStopped=e}}},clearRecordedData:function(){h?(h.clearRecordedData(),o.disableLogs||console.log("Cleared old recorded data.")):p()},getBlob:function(){if(h)return h.blob;p()},getDataURL:c,toURL:function(){if(h)return d.createObjectURL(h.blob);p()},getInternalRecorder:function(){return h},save:function(e){h?b(h.blob,e):p()},getFromDisk:function(e){h?t.getFromDisk(o.type,e):p()},setAdvertisementArray:function(e){o.advertisement=[];for(var t=e.length,i=0;i<t;i++)o.advertisement.push({duration:i,image:e[i]})},blob:null,bufferSize:0,sampleRate:0,buffer:null,reset:function(){"recording"!==r.state||o.disableLogs||console.warn("Stop an active recorder."),h&&"function"==typeof h.clearRecordedData&&h.clearRecordedData(),h=null,u("inactive"),r.blob=null},onStateChanged:function(e){o.disableLogs||console.log("Recorder state changed:",e)},state:"inactive",getState:function(){return r.state},destroy:function(){var e=o.disableLogs;o={disableLogs:!0},r.reset(),u("destroyed"),g=r=null,E.AudioContextConstructor&&(E.AudioContextConstructor.close(),E.AudioContextConstructor=null),o.disableLogs=e,o.disableLogs||console.log("RecordRTC is destroyed.")},version:"5.6.2"};if(!this)return r=g,g;for(var y in g)this[y]=g[y];return r=this,g}function i(e,t){return t.recorderType||t.type||(t.audio&&t.video?t.type="video":t.audio&&!t.video&&(t.type="audio")),t.recorderType&&!t.type&&(t.recorderType===k||t.recorderType===B||t.recorderType===O?t.type="video":t.recorderType===x?t.type="gif":t.recorderType===C?t.type="audio":t.recorderType===R&&(v(e,"audio").length&&v(e,"video").length||!v(e,"audio").length&&v(e,"video").length?t.type="video":v(e,"audio").length&&!v(e,"video").length&&(t.type="audio"))),"undefined"!=typeof MediaRecorder&&"requestData"in MediaRecorder.prototype&&(t.mimeType||(t.mimeType="video/webm"),t.type||(t.type=t.mimeType.split("/")[0]),t.bitsPerSecond),t.type||(t.mimeType&&(t.type=t.mimeType.split("/")[0]),t.type||(t.type="audio")),t}function n(e,t){var i;return(f||l||u)&&(i=C),"undefined"!=typeof MediaRecorder&&"requestData"in MediaRecorder.prototype&&!f&&(i=R),"video"===t.type&&(f||u)&&(i=k,"undefined"!=typeof ReadableStream&&(i=O)),"gif"===t.type&&(i=x),"canvas"===t.type&&(i=B),S()&&i!==B&&i!==x&&"undefined"!=typeof MediaRecorder&&"requestData"in MediaRecorder.prototype&&(v(e,"video").length||v(e,"audio").length)&&("audio"===t.type?"function"==typeof MediaRecorder.isTypeSupported&&MediaRecorder.isTypeSupported("audio/webm")&&(i=R):"function"==typeof MediaRecorder.isTypeSupported&&MediaRecorder.isTypeSupported("video/webm")&&(i=R)),e instanceof Array&&e.length&&(i=D),t.recorderType&&(i=t.recorderType),!t.disableLogs&&i&&i.name&&console.log("Using recorderType:",i.name||i.constructor.name),!i&&p&&(i=R),i}function o(e){this.addStream=function(t){t&&(e=t)},this.mediaType={audio:!0,video:!0},this.startRecording=function(){var i,n=this.mediaType,o=this.mimeType||{audio:null,video:null,gif:null};if("function"!=typeof n.audio&&S()&&!v(e,"audio").length&&(n.audio=!1),"function"!=typeof n.video&&S()&&!v(e,"video").length&&(n.video=!1),"function"!=typeof n.gif&&S()&&!v(e,"video").length&&(n.gif=!1),!n.audio&&!n.video&&!n.gif)throw"MediaStream must have either audio or video tracks.";if(n.audio&&(i=null,"function"==typeof n.audio&&(i=n.audio),this.audioRecorder=new t(e,{type:"audio",bufferSize:this.bufferSize,sampleRate:this.sampleRate,numberOfAudioChannels:this.numberOfAudioChannels||2,disableLogs:this.disableLogs,recorderType:i,mimeType:o.audio,timeSlice:this.timeSlice,onTimeStamp:this.onTimeStamp}),n.video||this.audioRecorder.startRecording()),n.video){i=null,"function"==typeof n.video&&(i=n.video);var r=e;if(S()&&n.audio&&"function"==typeof n.audio){var s=v(e,"video")[0];h?((r=new g).addTrack(s),i&&i===k&&(i=R)):(r=new g).addTrack(s)}this.videoRecorder=new t(r,{type:"video",video:this.video,canvas:this.canvas,frameInterval:this.frameInterval||10,disableLogs:this.disableLogs,recorderType:i,mimeType:o.video,timeSlice:this.timeSlice,onTimeStamp:this.onTimeStamp,workerPath:this.workerPath,webAssemblyPath:this.webAssemblyPath,frameRate:this.frameRate,bitrate:this.bitrate}),n.audio||this.videoRecorder.startRecording()}if(n.audio&&n.video){var a=this,A=!0===S();(n.audio instanceof C&&n.video||!0!==n.audio&&!0!==n.video&&n.audio!==n.video)&&(A=!1),!0===A?(a.audioRecorder=null,a.videoRecorder.startRecording()):a.videoRecorder.initRecorder((function(){a.audioRecorder.initRecorder((function(){a.videoRecorder.startRecording(),a.audioRecorder.startRecording()}))}))}n.gif&&(i=null,"function"==typeof n.gif&&(i=n.gif),this.gifRecorder=new t(e,{type:"gif",frameRate:this.frameRate||200,quality:this.quality||10,disableLogs:this.disableLogs,recorderType:i,mimeType:o.gif}),this.gifRecorder.startRecording())},this.stopRecording=function(e){e=e||function(){},this.audioRecorder&&this.audioRecorder.stopRecording((function(t){e(t,"audio")})),this.videoRecorder&&this.videoRecorder.stopRecording((function(t){e(t,"video")})),this.gifRecorder&&this.gifRecorder.stopRecording((function(t){e(t,"gif")}))},this.pauseRecording=function(){this.audioRecorder&&this.audioRecorder.pauseRecording(),this.videoRecorder&&this.videoRecorder.pauseRecording(),this.gifRecorder&&this.gifRecorder.pauseRecording()},this.resumeRecording=function(){this.audioRecorder&&this.audioRecorder.resumeRecording(),this.videoRecorder&&this.videoRecorder.resumeRecording(),this.gifRecorder&&this.gifRecorder.resumeRecording()},this.getBlob=function(e){var t={};return this.audioRecorder&&(t.audio=this.audioRecorder.getBlob()),this.videoRecorder&&(t.video=this.videoRecorder.getBlob()),this.gifRecorder&&(t.gif=this.gifRecorder.getBlob()),e&&e(t),t},this.destroy=function(){this.audioRecorder&&(this.audioRecorder.destroy(),this.audioRecorder=null),this.videoRecorder&&(this.videoRecorder.destroy(),this.videoRecorder=null),this.gifRecorder&&(this.gifRecorder.destroy(),this.gifRecorder=null)},this.getDataURL=function(e){function t(e,t){if("undefined"!=typeof Worker){var i=function(e){var t,i=d.createObjectURL(new Blob([e.toString(),"this.onmessage =  function (eee) {"+e.name+"(eee.data);}"],{type:"application/javascript"})),n=new Worker(i);if(void 0!==d)t=d;else{if("undefined"==typeof webkitURL)throw"Neither URL nor webkitURL detected.";t=webkitURL}return t.revokeObjectURL(i),n}((function(e){postMessage((new FileReaderSync).readAsDataURL(e))}));i.onmessage=function(e){t(e.data)},i.postMessage(e)}else{var n=new FileReader;n.readAsDataURL(e),n.onload=function(e){t(e.target.result)}}}this.getBlob((function(i){i.audio&&i.video?t(i.audio,(function(n){t(i.video,(function(t){e({audio:n,video:t})}))})):i.audio?t(i.audio,(function(t){e({audio:t})})):i.video&&t(i.video,(function(t){e({video:t})}))}))},this.writeToDisk=function(){t.writeToDisk({audio:this.audioRecorder,video:this.videoRecorder,gif:this.gifRecorder})},this.save=function(e){(e=e||{audio:!0,video:!0,gif:!0}).audio&&this.audioRecorder&&this.audioRecorder.save("string"==typeof e.audio?e.audio:""),e.video&&this.videoRecorder&&this.videoRecorder.save("string"==typeof e.video?e.video:""),e.gif&&this.gifRecorder&&this.gifRecorder.save("string"==typeof e.gif?e.gif:"")}}t.version="5.6.2",e.exports=t,t.getFromDisk=function(e,t){if(!t)throw"callback is mandatory.";console.log("Getting recorded "+("all"===e?"blobs":e+" blob ")+" from disk!"),T.Fetch((function(i,n){"all"!==e&&n===e+"Blob"&&t&&t(i),"all"===e&&t&&t(i,n.replace("Blob",""))}))},t.writeToDisk=function(e){console.log("Writing recorded blob(s) to disk!"),(e=e||{}).audio&&e.video&&e.gif?e.audio.getDataURL((function(t){e.video.getDataURL((function(i){e.gif.getDataURL((function(e){T.Store({audioBlob:t,videoBlob:i,gifBlob:e})}))}))})):e.audio&&e.video?e.audio.getDataURL((function(t){e.video.getDataURL((function(e){T.Store({audioBlob:t,videoBlob:e})}))})):e.audio&&e.gif?e.audio.getDataURL((function(t){e.gif.getDataURL((function(e){T.Store({audioBlob:t,gifBlob:e})}))})):e.video&&e.gif?e.video.getDataURL((function(t){e.gif.getDataURL((function(e){T.Store({videoBlob:t,gifBlob:e})}))})):e.audio?e.audio.getDataURL((function(e){T.Store({audioBlob:e})})):e.video?e.video.getDataURL((function(e){T.Store({videoBlob:e})})):e.gif&&e.gif.getDataURL((function(e){T.Store({gifBlob:e})}))},o.getFromDisk=t.getFromDisk,o.writeToDisk=t.writeToDisk,t.MRecordRTC=o;var r;(r=void 0!==K?K:null)&&"undefined"==typeof window&&void 0!==K&&(K.navigator={userAgent:"Fake/5.0 (FakeOS) AppleWebKit/123 (KHTML, like Gecko) Fake/12.3.4567.89 Fake/123.45",getUserMedia:function(){}},K.console||(K.console={}),void 0!==K.console.log&&void 0!==K.console.error||(K.console.error=K.console.log=K.console.log||function(){console.log(arguments)}),"undefined"==typeof document&&(r.document={documentElement:{appendChild:function(){return""}}},document.createElement=document.captureStream=document.mozCaptureStream=function(){var e={getContext:function(){return e},play:function(){},pause:function(){},drawImage:function(){},toDataURL:function(){return""},style:{}};return e},r.HTMLVideoElement=function(){}),"undefined"==typeof location&&(r.location={protocol:"file:",href:"",hash:""}),"undefined"==typeof screen&&(r.screen={width:0,height:0}),void 0===d&&(r.URL={createObjectURL:function(){return""},revokeObjectURL:function(){return""}}),r.window=K);var s=window.requestAnimationFrame;if(void 0===s)if("undefined"!=typeof webkitRequestAnimationFrame)s=webkitRequestAnimationFrame;else if("undefined"!=typeof mozRequestAnimationFrame)s=mozRequestAnimationFrame;else if("undefined"!=typeof msRequestAnimationFrame)s=msRequestAnimationFrame;else if(void 0===s){var a=0;s=function(e,t){var i=(new Date).getTime(),n=Math.max(0,16-(i-a)),o=setTimeout((function(){e(i+n)}),n);return a=i+n,o}}var A=window.cancelAnimationFrame;void 0===A&&("undefined"!=typeof webkitCancelAnimationFrame?A=webkitCancelAnimationFrame:"undefined"!=typeof mozCancelAnimationFrame?A=mozCancelAnimationFrame:"undefined"!=typeof msCancelAnimationFrame?A=msCancelAnimationFrame:void 0===A&&(A=function(e){clearTimeout(e)}));var c=window.AudioContext;void 0===c&&("undefined"!=typeof webkitAudioContext&&(c=webkitAudioContext),"undefined"!=typeof mozAudioContext&&(c=mozAudioContext));var d=window.URL;void 0===d&&"undefined"!=typeof webkitURL&&(d=webkitURL),"undefined"!=typeof navigator&&void 0===navigator.getUserMedia&&(void 0!==navigator.webkitGetUserMedia&&(navigator.getUserMedia=navigator.webkitGetUserMedia),void 0!==navigator.mozGetUserMedia&&(navigator.getUserMedia=navigator.mozGetUserMedia));var l=!(-1===navigator.userAgent.indexOf("Edge")||!navigator.msSaveBlob&&!navigator.msSaveOrOpenBlob),u=!!window.opera||-1!==navigator.userAgent.indexOf("OPR/"),h=navigator.userAgent.toLowerCase().indexOf("firefox")>-1&&"netscape"in window&&/ rv:/.test(navigator.userAgent),f=!u&&!l&&!!navigator.webkitGetUserMedia||y()||-1!==navigator.userAgent.toLowerCase().indexOf("chrome/"),p=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);p&&!f&&-1!==navigator.userAgent.indexOf("CriOS")&&(p=!1,f=!0);var g=window.MediaStream;function m(e){if(0===e)return"0 Bytes";var t=parseInt(Math.floor(Math.log(e)/Math.log(1e3)),10);return(e/Math.pow(1e3,t)).toPrecision(3)+" "+["Bytes","KB","MB","GB","TB"][t]}function b(e,t){if(!e)throw"Blob object is required.";if(!e.type)try{e.type="video/webm"}catch(e){}var i=(e.type||"video/webm").split("/")[1];if(-1!==i.indexOf(";")&&(i=i.split(";")[0]),t&&-1!==t.indexOf(".")){var n=t.split(".");t=n[0],i=n[1]}var o=(t||Math.round(9999999999*Math.random())+888888888)+"."+i;if(void 0!==navigator.msSaveOrOpenBlob)return navigator.msSaveOrOpenBlob(e,o);if(void 0!==navigator.msSaveBlob)return navigator.msSaveBlob(e,o);var r=document.createElement("a");r.href=d.createObjectURL(e),r.download=o,r.style="display:none;opacity:0;color:transparent;",(document.body||document.documentElement).appendChild(r),"function"==typeof r.click?r.click():(r.target="_blank",r.dispatchEvent(new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0}))),d.revokeObjectURL(r.href)}function y(){return"undefined"!=typeof window&&"object"==typeof window.process&&"renderer"===window.process.type||(!("undefined"==typeof process||"object"!=typeof process.versions||!process.versions.electron)||"object"==typeof navigator&&"string"==typeof navigator.userAgent&&navigator.userAgent.indexOf("Electron")>=0)}function v(e,t){return e&&e.getTracks?e.getTracks().filter((function(e){return e.kind===(t||"audio")})):[]}function w(e,t){"srcObject"in t?t.srcObject=e:"mozSrcObject"in t?t.mozSrcObject=e:t.srcObject=e}void 0===g&&"undefined"!=typeof webkitMediaStream&&(g=webkitMediaStream),void 0!==g&&void 0===g.prototype.stop&&(g.prototype.stop=function(){this.getTracks().forEach((function(e){e.stop()}))}),t.invokeSaveAsDialog=b,t.getTracks=v,t.getSeekableBlob=function(e,t){if("undefined"==typeof EBML)throw new Error("Please link: https://www.webrtc-experiment.com/EBML.js");var i=new EBML.Reader,n=new EBML.Decoder,o=EBML.tools,r=new FileReader;r.onload=function(e){n.decode(this.result).forEach((function(e){i.read(e)})),i.stop();var r=o.makeMetadataSeekable(i.metadatas,i.duration,i.cues),s=this.result.slice(i.metadataSize),a=new Blob([r,s],{type:"video/webm"});t(a)},r.readAsArrayBuffer(e)},t.bytesToSize=m,t.isElectron=y;var E={};function S(){if(h||p||l)return!0;var e,t,i=navigator.userAgent,n=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return(f||u)&&(e=i.indexOf("Chrome"),n=i.substring(e+7)),-1!==(t=n.indexOf(";"))&&(n=n.substring(0,t)),-1!==(t=n.indexOf(" "))&&(n=n.substring(0,t)),o=parseInt(""+n,10),isNaN(o)&&(n=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),o>=49}function R(e,t){var i=this;if(void 0===e)throw'First argument "MediaStream" is required.';if("undefined"==typeof MediaRecorder)throw"Your browser does not support the Media Recorder API. Please try other modules e.g. WhammyRecorder or StereoAudioRecorder.";if("audio"===(t=t||{mimeType:"video/webm"}).type){var n;if(v(e,"video").length&&v(e,"audio").length)navigator.mozGetUserMedia?(n=new g).addTrack(v(e,"audio")[0]):n=new g(v(e,"audio")),e=n;t.mimeType&&-1!==t.mimeType.toString().toLowerCase().indexOf("audio")||(t.mimeType=f?"audio/webm":"audio/ogg"),t.mimeType&&"audio/ogg"!==t.mimeType.toString().toLowerCase()&&navigator.mozGetUserMedia&&(t.mimeType="audio/ogg")}var o,r=[];function s(){i.timestamps.push((new Date).getTime()),"function"==typeof t.onTimeStamp&&t.onTimeStamp(i.timestamps[i.timestamps.length-1],i.timestamps)}function a(e){return o&&o.mimeType?o.mimeType:e.mimeType||"video/webm"}function A(){r=[],o=null,i.timestamps=[]}this.getArrayOfBlobs=function(){return r},this.record=function(){i.blob=null,i.clearRecordedData(),i.timestamps=[],c=[],r=[];var n=t;t.disableLogs||console.log("Passing following config over MediaRecorder API.",n),o&&(o=null),f&&!S()&&(n="video/vp8"),"function"==typeof MediaRecorder.isTypeSupported&&n.mimeType&&(MediaRecorder.isTypeSupported(n.mimeType)||(t.disableLogs||console.warn("MediaRecorder API seems unable to record mimeType:",n.mimeType),n.mimeType="audio"===t.type?"audio/webm":"video/webm"));try{o=new MediaRecorder(e,n),t.mimeType=n.mimeType}catch(t){o=new MediaRecorder(e)}n.mimeType&&!MediaRecorder.isTypeSupported&&"canRecordMimeType"in o&&!1===o.canRecordMimeType(n.mimeType)&&(t.disableLogs||console.warn("MediaRecorder API seems unable to record mimeType:",n.mimeType)),o.ondataavailable=function(e){if(e.data&&c.push("ondataavailable: "+m(e.data.size)),"number"!=typeof t.timeSlice)!e.data||!e.data.size||e.data.size<100||i.blob?i.recordingCallback&&(i.recordingCallback(new Blob([],{type:a(n)})),i.recordingCallback=null):(i.blob=t.getNativeBlob?e.data:new Blob([e.data],{type:a(n)}),i.recordingCallback&&(i.recordingCallback(i.blob),i.recordingCallback=null));else if(e.data&&e.data.size&&(r.push(e.data),s(),"function"==typeof t.ondataavailable)){var o=t.getNativeBlob?e.data:new Blob([e.data],{type:a(n)});t.ondataavailable(o)}},o.onstart=function(){c.push("started")},o.onpause=function(){c.push("paused")},o.onresume=function(){c.push("resumed")},o.onstop=function(){c.push("stopped")},o.onerror=function(e){e&&(e.name||(e.name="UnknownError"),c.push("error: "+e),t.disableLogs||(-1!==e.name.toString().toLowerCase().indexOf("invalidstate")?console.error("The MediaRecorder is not in a state in which the proposed operation is allowed to be executed.",e):-1!==e.name.toString().toLowerCase().indexOf("notsupported")?console.error("MIME type (",n.mimeType,") is not supported.",e):-1!==e.name.toString().toLowerCase().indexOf("security")?console.error("MediaRecorder security error",e):"OutOfMemory"===e.name?console.error("The UA has exhaused the available memory. User agents SHOULD provide as much additional information as possible in the message attribute.",e):"IllegalStreamModification"===e.name?console.error("A modification to the stream has occurred that makes it impossible to continue recording. An example would be the addition of a Track while recording is occurring. User agents SHOULD provide as much additional information as possible in the message attribute.",e):"OtherRecordingError"===e.name?console.error("Used for an fatal error other than those listed above. User agents SHOULD provide as much additional information as possible in the message attribute.",e):"GenericError"===e.name?console.error("The UA cannot provide the codec or recording option that has been requested.",e):console.error("MediaRecorder Error",e)),function(e){if(!i.manuallyStopped&&o&&"inactive"===o.state)return delete t.timeslice,void o.start(6e5);setTimeout(void 0,1e3)}(),"inactive"!==o.state&&"stopped"!==o.state&&o.stop())},"number"==typeof t.timeSlice?(s(),o.start(t.timeSlice)):o.start(36e5),t.initCallback&&t.initCallback()},this.timestamps=[],this.stop=function(e){e=e||function(){},i.manuallyStopped=!0,o&&(this.recordingCallback=e,"recording"===o.state&&o.stop(),"number"==typeof t.timeSlice&&setTimeout((function(){i.blob=new Blob(r,{type:a(t)}),i.recordingCallback(i.blob)}),100))},this.pause=function(){o&&"recording"===o.state&&o.pause()},this.resume=function(){o&&"paused"===o.state&&o.resume()},this.clearRecordedData=function(){o&&"recording"===o.state&&i.stop(A),A()},this.getInternalRecorder=function(){return o},this.blob=null,this.getState=function(){return o&&o.state||"inactive"};var c=[];this.getAllStates=function(){return c},void 0===t.checkForInactiveTracks&&(t.checkForInactiveTracks=!1);i=this;!function n(){if(o&&!1!==t.checkForInactiveTracks)return!1===function(){if("active"in e){if(!e.active)return!1}else if("ended"in e&&e.ended)return!1;return!0}()?(t.disableLogs||console.log("MediaStream seems stopped."),void i.stop()):void setTimeout(n,1e3)}(),this.name="MediaStreamRecorder",this.toString=function(){return this.name}}function C(e,i){if(!v(e,"audio").length)throw"Your stream has no audio tracks.";var n,o=this,r=[],s=[],a=!1,A=0,c=2,l=(i=i||{}).desiredSampRate;function u(){if(!1===i.checkForInactiveTracks)return!0;if("active"in e){if(!e.active)return!1}else if("ended"in e&&e.ended)return!1;return!0}function h(e,t){function i(e,t){var i,n=e.numberOfAudioChannels,o=e.leftBuffers.slice(0),r=e.rightBuffers.slice(0),s=e.sampleRate,a=e.internalInterleavedLength,A=e.desiredSampRate;function c(e,t,i){var n=Math.round(e.length*(t/i)),o=[],r=Number((e.length-1)/(n-1));o[0]=e[0];for(var s=1;s<n-1;s++){var a=s*r,A=Number(Math.floor(a)).toFixed(),c=Number(Math.ceil(a)).toFixed(),l=a-A;o[s]=d(e[A],e[c],l)}return o[n-1]=e[e.length-1],o}function d(e,t,i){return e+(t-e)*i}function l(e,t){for(var i=new Float64Array(t),n=0,o=e.length,r=0;r<o;r++){var s=e[r];i.set(s,n),n+=s.length}return i}function u(e,t,i){for(var n=i.length,o=0;o<n;o++)e.setUint8(t+o,i.charCodeAt(o))}2===n&&(o=l(o,a),r=l(r,a),A&&(o=c(o,A,s),r=c(r,A,s))),1===n&&(o=l(o,a),A&&(o=c(o,A,s))),A&&(s=A),2===n&&(i=function(e,t){for(var i=e.length+t.length,n=new Float64Array(i),o=0,r=0;r<i;)n[r++]=e[o],n[r++]=t[o],o++;return n}(o,r)),1===n&&(i=o);var h=i.length,f=new ArrayBuffer(44+2*h),p=new DataView(f);u(p,0,"RIFF"),p.setUint32(4,36+2*h,!0),u(p,8,"WAVE"),u(p,12,"fmt "),p.setUint32(16,16,!0),p.setUint16(20,1,!0),p.setUint16(22,n,!0),p.setUint32(24,s,!0),p.setUint32(28,s*n*2,!0),p.setUint16(32,2*n,!0),p.setUint16(34,16,!0),u(p,36,"data"),p.setUint32(40,2*h,!0);for(var g=h,m=44,b=0;b<g;b++)p.setInt16(m,32767*i[b],!0),m+=2;if(t)return t({buffer:f,view:p});postMessage({buffer:f,view:p})}if(e.noWorker)i(e,(function(e){t(e.buffer,e.view)}));else{var n,o,r,s=(n=i,o=d.createObjectURL(new Blob([n.toString(),";this.onmessage =  function (eee) {"+n.name+"(eee.data);}"],{type:"application/javascript"})),(r=new Worker(o)).workerURL=o,r);s.onmessage=function(e){t(e.data.buffer,e.data.view),d.revokeObjectURL(s.workerURL),s.terminate()},s.postMessage(e)}}!0===i.leftChannel&&(c=1),1===i.numberOfAudioChannels&&(c=1),(!c||c<1)&&(c=2),i.disableLogs||console.log("StereoAudioRecorder is set to record number of channels: "+c),void 0===i.checkForInactiveTracks&&(i.checkForInactiveTracks=!0),this.record=function(){if(!1===u())throw"Please make sure MediaStream is active.";w(),S=y=!1,a=!0,void 0!==i.timeSlice&&C()},this.stop=function(e){e=e||function(){},a=!1,h({desiredSampRate:l,sampleRate:b,numberOfAudioChannels:c,internalInterleavedLength:A,leftBuffers:r,rightBuffers:1===c?[]:s,noWorker:i.noWorker},(function(t,i){o.blob=new Blob([i],{type:"audio/wav"}),o.buffer=new ArrayBuffer(i.buffer.byteLength),o.view=i,o.sampleRate=l||b,o.bufferSize=m,o.length=A,S=!1,e&&e(o.blob)}))},void 0===t.Storage&&(t.Storage={AudioContextConstructor:null,AudioContext:window.AudioContext||window.webkitAudioContext}),t.Storage.AudioContextConstructor&&"closed"!==t.Storage.AudioContextConstructor.state||(t.Storage.AudioContextConstructor=new t.Storage.AudioContext);var f=t.Storage.AudioContextConstructor,p=f.createMediaStreamSource(e),g=[0,256,512,1024,2048,4096,8192,16384],m=void 0===i.bufferSize?4096:i.bufferSize;if(-1===g.indexOf(m)&&(i.disableLogs||console.log("Legal values for buffer-size are "+JSON.stringify(g,null,"\t"))),f.createJavaScriptNode)n=f.createJavaScriptNode(m,c,c);else{if(!f.createScriptProcessor)throw"WebAudio API has no support on this browser.";n=f.createScriptProcessor(m,c,c)}p.connect(n),i.bufferSize||(m=n.bufferSize);var b=void 0!==i.sampleRate?i.sampleRate:f.sampleRate||44100;(b<22050||b>96e3)&&(i.disableLogs||console.log("sample-rate must be under range 22050 and 96000.")),i.disableLogs||i.desiredSampRate&&console.log("Desired sample-rate: "+i.desiredSampRate);var y=!1;function w(){r=[],s=[],A=0,S=!1,a=!1,y=!1,f=null,o.leftchannel=r,o.rightchannel=s,o.numberOfAudioChannels=c,o.desiredSampRate=l,o.sampleRate=b,o.recordingLength=A,R={left:[],right:[],recordingLength:0}}function E(){n&&(n.onaudioprocess=null,n.disconnect(),n=null),p&&(p.disconnect(),p=null),w()}this.pause=function(){y=!0},this.resume=function(){if(!1===u())throw"Please make sure MediaStream is active.";if(!a)return i.disableLogs||console.log("Seems recording has been restarted."),void this.record();y=!1},this.clearRecordedData=function(){i.checkForInactiveTracks=!1,a&&this.stop(E),E()},this.name="StereoAudioRecorder",this.toString=function(){return this.name};var S=!1;n.onaudioprocess=function(e){if(!y)if(!1===u()&&(i.disableLogs||console.log("MediaStream seems stopped."),n.disconnect(),a=!1),a){S||(S=!0,i.onAudioProcessStarted&&i.onAudioProcessStarted(),i.initCallback&&i.initCallback());var t=e.inputBuffer.getChannelData(0),d=new Float32Array(t);if(r.push(d),2===c){var l=e.inputBuffer.getChannelData(1),h=new Float32Array(l);s.push(h)}A+=m,o.recordingLength=A,void 0!==i.timeSlice&&(R.recordingLength+=m,R.left.push(d),2===c&&R.right.push(h))}else p&&(p.disconnect(),p=null)},f.createMediaStreamDestination?n.connect(f.createMediaStreamDestination()):n.connect(f.destination),this.leftchannel=r,this.rightchannel=s,this.numberOfAudioChannels=c,this.desiredSampRate=l,this.sampleRate=b,o.recordingLength=A;var R={left:[],right:[],recordingLength:0};function C(){a&&"function"==typeof i.ondataavailable&&void 0!==i.timeSlice&&(R.left.length?(h({desiredSampRate:l,sampleRate:b,numberOfAudioChannels:c,internalInterleavedLength:R.recordingLength,leftBuffers:R.left,rightBuffers:1===c?[]:R.right},(function(e,t){var n=new Blob([t],{type:"audio/wav"});i.ondataavailable(n),setTimeout(C,i.timeSlice)})),R={left:[],right:[],recordingLength:0}):setTimeout(C,i.timeSlice))}}function B(e,t){if("undefined"==typeof html2canvas)throw"Please link: https://www.webrtc-experiment.com/screenshot.js";(t=t||{}).frameInterval||(t.frameInterval=10);var i=!1;["captureStream","mozCaptureStream","webkitCaptureStream"].forEach((function(e){e in document.createElement("canvas")&&(i=!0)}));var n,o,r,s=!(!window.webkitRTCPeerConnection&&!window.webkitGetUserMedia||!window.chrome),a=50,A=navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);if(s&&A&&A[2]&&(a=parseInt(A[2],10)),s&&a<52&&(i=!1),t.useWhammyRecorder&&(i=!1),i)if(t.disableLogs||console.log("Your browser supports both MediRecorder API and canvas.captureStream!"),e instanceof HTMLCanvasElement)n=e;else{if(!(e instanceof CanvasRenderingContext2D))throw"Please pass either HTMLCanvasElement or CanvasRenderingContext2D.";n=e.canvas}else navigator.mozGetUserMedia&&(t.disableLogs||console.error("Canvas recording is NOT supported in Firefox."));this.record=function(){if(r=!0,i&&!t.useWhammyRecorder){var e;"captureStream"in n?e=n.captureStream(25):"mozCaptureStream"in n?e=n.mozCaptureStream(25):"webkitCaptureStream"in n&&(e=n.webkitCaptureStream(25));try{var s=new g;s.addTrack(v(e,"video")[0]),e=s}catch(e){}if(!e)throw"captureStream API are NOT available.";(o=new R(e,{mimeType:t.mimeType||"video/webm"})).record()}else h.frames=[],u=(new Date).getTime(),l();t.initCallback&&t.initCallback()},this.getWebPImages=function(i){if("canvas"===e.nodeName.toLowerCase()){var n=h.frames.length;h.frames.forEach((function(e,i){var o=n-i;t.disableLogs||console.log(o+"/"+n+" frames remaining"),t.onEncodingCallback&&t.onEncodingCallback(o,n);var r=e.image.toDataURL("image/webp",1);h.frames[i].image=r})),t.disableLogs||console.log("Generating WebM"),i()}else i()},this.stop=function(e){r=!1;var n=this;i&&o?o.stop(e):this.getWebPImages((function(){h.compile((function(i){t.disableLogs||console.log("Recording finished!"),n.blob=i,n.blob.forEach&&(n.blob=new Blob([],{type:"video/webm"})),e&&e(n.blob),h.frames=[]}))}))};var c=!1;function d(){h.frames=[],r=!1,c=!1}function l(){if(c)return u=(new Date).getTime(),setTimeout(l,500);if("canvas"===e.nodeName.toLowerCase()){var i=(new Date).getTime()-u;return u=(new Date).getTime(),h.frames.push({image:(n=document.createElement("canvas"),o=n.getContext("2d"),n.width=e.width,n.height=e.height,o.drawImage(e,0,0),n),duration:i}),void(r&&setTimeout(l,t.frameInterval))}var n,o;html2canvas(e,{grabMouse:void 0===t.showMousePointer||t.showMousePointer,onrendered:function(e){var i=(new Date).getTime()-u;if(!i)return setTimeout(l,t.frameInterval);u=(new Date).getTime(),h.frames.push({image:e.toDataURL("image/webp",1),duration:i}),r&&setTimeout(l,t.frameInterval)}})}this.pause=function(){c=!0,o instanceof R&&o.pause()},this.resume=function(){c=!1,o instanceof R?o.resume():r||this.record()},this.clearRecordedData=function(){r&&this.stop(d),d()},this.name="CanvasRecorder",this.toString=function(){return this.name};var u=(new Date).getTime(),h=new I.Video(100)}function k(e,t){function i(e){e=void 0!==e?e:10;var t=(new Date).getTime()-A;return t?r?(A=(new Date).getTime(),setTimeout(i,100)):(A=(new Date).getTime(),a.paused&&a.play(),l.drawImage(a,0,0,d.width,d.height),c.frames.push({duration:t,image:d.toDataURL("image/webp")}),void(o||setTimeout(i,e,e))):setTimeout(i,e,e)}function n(e,t,i,n,o){var r=document.createElement("canvas");r.width=d.width,r.height=d.height;var s,a,A,c=r.getContext("2d"),l=[],u=-1===t,h=t&&t>0&&t<=e.length?t:e.length,f=0,p=0,g=0,m=Math.sqrt(Math.pow(255,2)+Math.pow(255,2)+Math.pow(255,2)),b=i&&i>=0&&i<=1?i:0,y=n&&n>=0&&n<=1?n:0,v=!1;a=-1,A=(s={length:h,functionToLoop:function(t,i){var n,o,r,s=function(){!v&&r-n<=r*y||(u&&(v=!0),l.push(e[i])),t()};if(v)s();else{var a=new Image;a.onload=function(){c.drawImage(a,0,0,d.width,d.height);var e=c.getImageData(0,0,d.width,d.height);n=0,o=e.data.length,r=e.data.length/4;for(var t=0;t<o;t+=4){var i={r:e.data[t],g:e.data[t+1],b:e.data[t+2]};Math.sqrt(Math.pow(i.r-f,2)+Math.pow(i.g-p,2)+Math.pow(i.b-g,2))<=m*b&&n++}s()},a.src=e[i].image}},callback:function(){(l=l.concat(e.slice(h))).length<=0&&l.push(e[e.length-1]),o(l)}}).length,function e(){++a!==A?setTimeout((function(){s.functionToLoop(e,a)}),1):s.callback()}()}(t=t||{}).frameInterval||(t.frameInterval=10),t.disableLogs||console.log("Using frames-interval:",t.frameInterval),this.record=function(){t.width||(t.width=320),t.height||(t.height=240),t.video||(t.video={width:t.width,height:t.height}),t.canvas||(t.canvas={width:t.width,height:t.height}),d.width=t.canvas.width||320,d.height=t.canvas.height||240,l=d.getContext("2d"),t.video&&t.video instanceof HTMLVideoElement?(a=t.video.cloneNode(),t.initCallback&&t.initCallback()):(a=document.createElement("video"),w(e,a),a.onloadedmetadata=function(){t.initCallback&&t.initCallback()},a.width=t.video.width,a.height=t.video.height),a.muted=!0,a.play(),A=(new Date).getTime(),c=new I.Video,t.disableLogs||(console.log("canvas resolutions",d.width,"*",d.height),console.log("video width/height",a.width||d.width,"*",a.height||d.height)),i(t.frameInterval)};var o=!1;this.stop=function(e){e=e||function(){},o=!0;var i=this;setTimeout((function(){n(c.frames,-1,null,null,(function(n){c.frames=n,t.advertisement&&t.advertisement.length&&(c.frames=t.advertisement.concat(c.frames)),c.compile((function(t){i.blob=t,i.blob.forEach&&(i.blob=new Blob([],{type:"video/webm"})),e&&e(i.blob)}))}))}),10)};var r=!1;function s(){c.frames=[],o=!0,r=!1}this.pause=function(){r=!0},this.resume=function(){r=!1,o&&this.record()},this.clearRecordedData=function(){o||this.stop(s),s()},this.name="WhammyRecorder",this.toString=function(){return this.name};var a,A,c,d=document.createElement("canvas"),l=d.getContext("2d")}void 0!==c?E.AudioContext=c:"undefined"!=typeof webkitAudioContext&&(E.AudioContext=webkitAudioContext),t.Storage=E,t.MediaStreamRecorder=R,t.StereoAudioRecorder=C,t.CanvasRecorder=B,t.WhammyRecorder=k;var I=function(){function e(e){this.frames=[],this.duration=e||1,this.quality=.8}function t(e){function t(e,t,i){return[{data:e,id:231}].concat(i.map((function(e){var i=function(e){var t=0;e.keyframe&&(t|=128);e.invisible&&(t|=8);e.lacing&&(t|=e.lacing<<1);e.discardable&&(t|=1);if(e.trackNum>127)throw"TrackNumber > 127 not supported";return[128|e.trackNum,e.timecode>>8,255&e.timecode,t].map((function(e){return String.fromCharCode(e)})).join("")+e.frame}({discardable:0,frame:e.data.slice(4),invisible:0,keyframe:1,lacing:0,trackNum:1,timecode:Math.round(t)});return t+=e.duration,{data:i,id:163}})))}function i(e){for(var t=[];e>0;)t.push(255&e),e>>=8;return new Uint8Array(t.reverse())}function n(e){var t=[];e=(e.length%8?new Array(9-e.length%8).join("0"):"")+e;for(var i=0;i<e.length;i+=8)t.push(parseInt(e.substr(i,8),2));return new Uint8Array(t)}function o(e){for(var t=[],r=0;r<e.length;r++){var s=e[r].data;"object"==typeof s&&(s=o(s)),"number"==typeof s&&(s=n(s.toString(2))),"string"==typeof s&&(s=new Uint8Array(s.split("").map((function(e){return e.charCodeAt(0)}))));var a=s.size||s.byteLength||s.length,A=Math.ceil(Math.ceil(Math.log(a)/Math.log(2))/8),c=a.toString(2),d=new Array(7*A+7+1-c.length).join("0")+c,l=new Array(A).join("0")+"1"+d;t.push(i(e[r].id)),t.push(n(l)),t.push(s)}return new Blob(t,{type:"video/webm"})}function r(e,t){return parseInt(e.substr(t+4,4).split("").map((function(e){var t=e.charCodeAt(0).toString(2);return new Array(8-t.length+1).join("0")+t})).join(""),2)}function s(e){for(var t=0,i={};t<e.length;){var n=e.substr(t,4),o=r(e,t),a=e.substr(t+4+4,o);t+=8+o,i[n]=i[n]||[],"RIFF"===n||"LIST"===n?i[n].push(s(a)):i[n].push(a)}return i}var a=new function(e){var i=function(e){if(!e[0])return void postMessage({error:"Something went wrong. Maybe WebP format is not supported in the current browser."});for(var t=e[0].width,i=e[0].height,n=e[0].duration,o=1;o<e.length;o++)n+=e[o].duration;return{duration:n,width:t,height:i}}(e);if(!i)return[];for(var n,r=[{id:440786851,data:[{data:1,id:17030},{data:1,id:17143},{data:4,id:17138},{data:8,id:17139},{data:"webm",id:17026},{data:2,id:17031},{data:2,id:17029}]},{id:408125543,data:[{id:357149030,data:[{data:1e6,id:2807729},{data:"whammy",id:19840},{data:"whammy",id:22337},{data:(n=i.duration,[].slice.call(new Uint8Array(new Float64Array([n]).buffer),0).map((function(e){return String.fromCharCode(e)})).reverse().join("")),id:17545}]},{id:374648427,data:[{id:174,data:[{data:1,id:215},{data:1,id:29637},{data:0,id:156},{data:"und",id:2274716},{data:"V_VP8",id:134},{data:"VP8",id:2459272},{data:1,id:131},{id:224,data:[{data:i.width,id:176},{data:i.height,id:186}]}]}]}]}],s=0,a=0;s<e.length;){var A=[],c=0;do{A.push(e[s]),c+=e[s].duration,s++}while(s<e.length&&c<3e4);var d={id:524531317,data:t(a,0,A)};r[1].data.push(d),a+=c}return o(r)}(e.map((function(e){var t=function(e){for(var t=e.RIFF[0].WEBP[0],i=t.indexOf("
*"),n=0,o=[];n<4;n++)o[n]=t.charCodeAt(i+3+n);return{width:16383&(o[1]<<8|o[0]),height:16383&(o[3]<<8|o[2]),data:t,riff:e}}(s(atob(e.image.slice(23))));return t.duration=e.duration,t})));postMessage(a)}return e.prototype.add=function(e,t){if("canvas"in e&&(e=e.canvas),"toDataURL"in e&&(e=e.toDataURL("image/webp",this.quality)),!/^data:image\/webp;base64,/gi.test(e))throw"Input must be formatted properly as a base64 encoded DataURI of type image/webp";this.frames.push({image:e,duration:t||this.duration})},e.prototype.compile=function(e){var i,n,o,r=(i=t,n=d.createObjectURL(new Blob([i.toString(),"this.onmessage =  function (eee) {"+i.name+"(eee.data);}"],{type:"application/javascript"})),o=new Worker(n),d.revokeObjectURL(n),o);r.onmessage=function(t){t.data.error?console.error(t.data.error):e(t.data)},r.postMessage(this.frames)},{Video:e}}();t.Whammy=I;var T={init:function(){var e=this;if("undefined"!=typeof indexedDB&&void 0!==indexedDB.open){var t,i=this.dbName||location.href.replace(/\/|:|#|%|\.|\[|\]/g,""),n=indexedDB.open(i,1);n.onerror=e.onError,n.onsuccess=function(){((t=n.result).onerror=e.onError,t.setVersion)?1!==t.version?t.setVersion(1).onsuccess=function(){o(t),r()}:r():r()},n.onupgradeneeded=function(e){o(e.target.result)}}else console.error("IndexedDB API are not available in this browser.");function o(t){t.createObjectStore(e.dataStoreName)}function r(){var i=t.transaction([e.dataStoreName],"readwrite");function n(t){i.objectStore(e.dataStoreName).get(t).onsuccess=function(i){e.callback&&e.callback(i.target.result,t)}}e.videoBlob&&i.objectStore(e.dataStoreName).put(e.videoBlob,"videoBlob"),e.gifBlob&&i.objectStore(e.dataStoreName).put(e.gifBlob,"gifBlob"),e.audioBlob&&i.objectStore(e.dataStoreName).put(e.audioBlob,"audioBlob"),n("audioBlob"),n("videoBlob"),n("gifBlob")}},Fetch:function(e){return this.callback=e,this.init(),this},Store:function(e){return this.audioBlob=e.audioBlob,this.videoBlob=e.videoBlob,this.gifBlob=e.gifBlob,this.init(),this},onError:function(e){console.error(JSON.stringify(e,null,"\t"))},dataStoreName:"recordRTC",dbName:null};function x(e,t){if("undefined"==typeof GIFEncoder){var i=document.createElement("script");i.src="https://www.webrtc-experiment.com/gif-recorder.js",(document.body||document.documentElement).appendChild(i)}t=t||{};var n=e instanceof CanvasRenderingContext2D||e instanceof HTMLCanvasElement;this.record=function(){"undefined"!=typeof GIFEncoder&&c?(n||(t.width||(t.width=d.offsetWidth||320),t.height||(t.height=d.offsetHeight||240),t.video||(t.video={width:t.width,height:t.height}),t.canvas||(t.canvas={width:t.width,height:t.height}),r.width=t.canvas.width||320,r.height=t.canvas.height||240,d.width=t.video.width||320,d.height=t.video.height||240),(u=new GIFEncoder).setRepeat(0),u.setDelay(t.frameRate||200),u.setQuality(t.quality||10),u.start(),"function"==typeof t.onGifRecordingStarted&&t.onGifRecordingStarted(),h=s((function e(i){if(!0!==f.clearedRecordedData){if(o)return setTimeout((function(){e(i)}),100);h=s(e),void 0===typeof l&&(l=i),i-l<90||(!n&&d.paused&&d.play(),n||a.drawImage(d,0,0,r.width,r.height),t.onGifPreview&&t.onGifPreview(r.toDataURL("image/png")),u.addFrame(a),l=i)}})),t.initCallback&&t.initCallback()):setTimeout(f.record,1e3)},this.stop=function(e){e=e||function(){},h&&A(h),this.blob=new Blob([new Uint8Array(u.stream().bin)],{type:"image/gif"}),e(this.blob),u.stream().bin=[]};var o=!1;this.pause=function(){o=!0},this.resume=function(){o=!1},this.clearRecordedData=function(){f.clearedRecordedData=!0,u&&(u.stream().bin=[])},this.name="GifRecorder",this.toString=function(){return this.name};var r=document.createElement("canvas"),a=r.getContext("2d");n&&(e instanceof CanvasRenderingContext2D?r=(a=e).canvas:e instanceof HTMLCanvasElement&&(a=e.getContext("2d"),r=e));var c=!0;if(!n){var d=document.createElement("video");d.muted=!0,d.autoplay=!0,d.playsInline=!0,c=!1,d.onloadedmetadata=function(){c=!0},w(e,d),d.play()}var l,u,h=null,f=this}function L(e,t){t=t||"multi-streams-mixer";var i=[],n=!1,o=document.createElement("canvas"),r=o.getContext("2d");o.style.opacity=0,o.style.position="absolute",o.style.zIndex=-1,o.style.top="-1000em",o.style.left="-1000em",o.className=t,(document.body||document.documentElement).appendChild(o),this.disableLogs=!1,this.frameInterval=10,this.width=360,this.height=240,this.useGainNode=!0;var s=this,a=window.AudioContext;void 0===a&&("undefined"!=typeof webkitAudioContext&&(a=webkitAudioContext),"undefined"!=typeof mozAudioContext&&(a=mozAudioContext));var A=window.URL;void 0===A&&"undefined"!=typeof webkitURL&&(A=webkitURL),"undefined"!=typeof navigator&&void 0===navigator.getUserMedia&&(void 0!==navigator.webkitGetUserMedia&&(navigator.getUserMedia=navigator.webkitGetUserMedia),void 0!==navigator.mozGetUserMedia&&(navigator.getUserMedia=navigator.mozGetUserMedia));var c=window.MediaStream;void 0===c&&"undefined"!=typeof webkitMediaStream&&(c=webkitMediaStream),void 0!==c&&void 0===c.prototype.stop&&(c.prototype.stop=function(){this.getTracks().forEach((function(e){e.stop()}))});var d={};function l(){if(!n){var e=i.length,t=!1,r=[];if(i.forEach((function(e){e.stream||(e.stream={}),e.stream.fullcanvas?t=e:r.push(e)})),t)o.width=t.stream.width,o.height=t.stream.height;else if(r.length){o.width=e>1?2*r[0].width:r[0].width;var a=1;3!==e&&4!==e||(a=2),5!==e&&6!==e||(a=3),7!==e&&8!==e||(a=4),9!==e&&10!==e||(a=5),o.height=r[0].height*a}else o.width=s.width||360,o.height=s.height||240;t&&t instanceof HTMLVideoElement&&u(t),r.forEach((function(e,t){u(e,t)})),setTimeout(l,s.frameInterval)}}function u(e,t){if(!n){var i=0,o=0,s=e.width,a=e.height;1===t&&(i=e.width),2===t&&(o=e.height),3===t&&(i=e.width,o=e.height),4===t&&(o=2*e.height),5===t&&(i=e.width,o=2*e.height),6===t&&(o=3*e.height),7===t&&(i=e.width,o=3*e.height),void 0!==e.stream.left&&(i=e.stream.left),void 0!==e.stream.top&&(o=e.stream.top),void 0!==e.stream.width&&(s=e.stream.width),void 0!==e.stream.height&&(a=e.stream.height),r.drawImage(e,i,o,s,a),"function"==typeof e.stream.onRender&&e.stream.onRender(r,i,o,s,a,t)}}function h(e){var i=document.createElement("video");return function(e,t){"srcObject"in t?t.srcObject=e:"mozSrcObject"in t?t.mozSrcObject=e:t.srcObject=e}(e,i),i.className=t,i.muted=!0,i.volume=0,i.width=e.width||s.width||360,i.height=e.height||s.height||240,i.play(),i}function f(t){i=[],(t=t||e).forEach((function(e){if(e.getTracks().filter((function(e){return"video"===e.kind})).length){var t=h(e);t.stream=e,i.push(t)}}))}void 0!==a?d.AudioContext=a:"undefined"!=typeof webkitAudioContext&&(d.AudioContext=webkitAudioContext),this.startDrawingFrames=function(){l()},this.appendStreams=function(t){if(!t)throw"First parameter is required.";t instanceof Array||(t=[t]),t.forEach((function(t){var n=new c;if(t.getTracks().filter((function(e){return"video"===e.kind})).length){var o=h(t);o.stream=t,i.push(o),n.addTrack(t.getTracks().filter((function(e){return"video"===e.kind}))[0])}if(t.getTracks().filter((function(e){return"audio"===e.kind})).length){var r=s.audioContext.createMediaStreamSource(t);s.audioDestination=s.audioContext.createMediaStreamDestination(),r.connect(s.audioDestination),n.addTrack(s.audioDestination.stream.getTracks().filter((function(e){return"audio"===e.kind}))[0])}e.push(n)}))},this.releaseStreams=function(){i=[],n=!0,s.gainNode&&(s.gainNode.disconnect(),s.gainNode=null),s.audioSources.length&&(s.audioSources.forEach((function(e){e.disconnect()})),s.audioSources=[]),s.audioDestination&&(s.audioDestination.disconnect(),s.audioDestination=null),s.audioContext&&s.audioContext.close(),s.audioContext=null,r.clearRect(0,0,o.width,o.height),o.stream&&(o.stream.stop(),o.stream=null)},this.resetVideoStreams=function(e){!e||e instanceof Array||(e=[e]),f(e)},this.name="MultiStreamsMixer",this.toString=function(){return this.name},this.getMixedStream=function(){n=!1;var t=function(){var e;f(),"captureStream"in o?e=o.captureStream():"mozCaptureStream"in o?e=o.mozCaptureStream():s.disableLogs||console.error("Upgrade to latest Chrome or otherwise enable this flag: chrome://flags/#enable-experimental-web-platform-features");var t=new c;return e.getTracks().filter((function(e){return"video"===e.kind})).forEach((function(e){t.addTrack(e)})),o.stream=t,t}(),i=function(){d.AudioContextConstructor||(d.AudioContextConstructor=new d.AudioContext);s.audioContext=d.AudioContextConstructor,s.audioSources=[],!0===s.useGainNode&&(s.gainNode=s.audioContext.createGain(),s.gainNode.connect(s.audioContext.destination),s.gainNode.gain.value=0);var t=0;if(e.forEach((function(e){if(e.getTracks().filter((function(e){return"audio"===e.kind})).length){t++;var i=s.audioContext.createMediaStreamSource(e);!0===s.useGainNode&&i.connect(s.gainNode),s.audioSources.push(i)}})),!t)return;return s.audioDestination=s.audioContext.createMediaStreamDestination(),s.audioSources.forEach((function(e){e.connect(s.audioDestination)})),s.audioDestination.stream}();return i&&i.getTracks().filter((function(e){return"audio"===e.kind})).forEach((function(e){t.addTrack(e)})),e.forEach((function(e){e.fullcanvas})),t}}function D(e,t){e=e||[];var i,n,o=this;(t=t||{elementClass:"multi-streams-mixer",mimeType:"video/webm",video:{width:360,height:240}}).frameInterval||(t.frameInterval=10),t.video||(t.video={}),t.video.width||(t.video.width=360),t.video.height||(t.video.height=240),this.record=function(){var o;i=new L(e,t.elementClass||"multi-streams-mixer"),(o=[],e.forEach((function(e){v(e,"video").forEach((function(e){o.push(e)}))})),o).length&&(i.frameInterval=t.frameInterval||10,i.width=t.video.width||360,i.height=t.video.height||240,i.startDrawingFrames()),t.previewStream&&"function"==typeof t.previewStream&&t.previewStream(i.getMixedStream()),(n=new R(i.getMixedStream(),t)).record()},this.stop=function(e){n&&n.stop((function(t){o.blob=t,e(t),o.clearRecordedData()}))},this.pause=function(){n&&n.pause()},this.resume=function(){n&&n.resume()},this.clearRecordedData=function(){n&&(n.clearRecordedData(),n=null),i&&(i.releaseStreams(),i=null)},this.addStreams=function(o){if(!o)throw"First parameter is required.";o instanceof Array||(o=[o]),e.concat(o),n&&i&&(i.appendStreams(o),t.previewStream&&"function"==typeof t.previewStream&&t.previewStream(i.getMixedStream()))},this.resetVideoStreams=function(e){i&&(!e||e instanceof Array||(e=[e]),i.resetVideoStreams(e))},this.getMixer=function(){return i},this.name="MultiStreamRecorder",this.toString=function(){return this.name}}function O(e,t){var i,n,o;function r(){return new ReadableStream({start:function(n){var o=document.createElement("canvas"),r=document.createElement("video"),s=!0;r.srcObject=e,r.muted=!0,r.height=t.height,r.width=t.width,r.volume=0,r.onplaying=function(){o.width=t.width,o.height=t.height;var e=o.getContext("2d"),a=1e3/t.frameRate,A=setInterval((function(){if(i&&(clearInterval(A),n.close()),s&&(s=!1,t.onVideoProcessStarted&&t.onVideoProcessStarted()),e.drawImage(r,0,0),"closed"!==n._controlledReadableStream.state)try{n.enqueue(e.getImageData(0,0,t.width,t.height))}catch(e){}}),a)},r.play()}})}function s(e,A){if(!t.workerPath&&!A)return i=!1,void fetch("https://unpkg.com/webm-wasm@latest/dist/webm-worker.js").then((function(t){t.arrayBuffer().then((function(t){s(e,t)}))}));if(!t.workerPath&&A instanceof ArrayBuffer){var c=new Blob([A],{type:"text/javascript"});t.workerPath=d.createObjectURL(c)}t.workerPath||console.error("workerPath parameter is missing."),(n=new Worker(t.workerPath)).postMessage(t.webAssemblyPath||"https://unpkg.com/webm-wasm@latest/dist/webm-wasm.wasm"),n.addEventListener("message",(function(e){"READY"===e.data?(n.postMessage({width:t.width,height:t.height,bitrate:t.bitrate||1200,timebaseDen:t.frameRate||30,realtime:t.realtime}),r().pipeTo(new WritableStream({write:function(e){i?console.error("Got image, but recorder is finished!"):n.postMessage(e.data.buffer,[e.data.buffer])}}))):e.data&&(o||a.push(e.data))}))}"undefined"!=typeof ReadableStream&&"undefined"!=typeof WritableStream||console.error("Following polyfill is strongly recommended: https://unpkg.com/@mattiasbuelens/web-streams-polyfill/dist/polyfill.min.js"),(t=t||{}).width=t.width||640,t.height=t.height||480,t.frameRate=t.frameRate||30,t.bitrate=t.bitrate||1200,t.realtime=t.realtime||!0,this.record=function(){a=[],o=!1,this.blob=null,s(e),"function"==typeof t.initCallback&&t.initCallback()},this.pause=function(){o=!0},this.resume=function(){o=!1};var a=[];this.stop=function(e){i=!0;var t=this;!function(e){n?(n.addEventListener("message",(function(t){null===t.data&&(n.terminate(),n=null,e&&e())})),n.postMessage(null)):e&&e()}((function(){t.blob=new Blob(a,{type:"video/webm"}),e(t.blob)}))},this.name="WebAssemblyRecorder",this.toString=function(){return this.name},this.clearRecordedData=function(){a=[],o=!1,this.blob=null},this.blob=null}t.DiskStorage=T,t.GifRecorder=x,t.MultiStreamRecorder=D,t.RecordRTCPromisesHandler=function(e,i){if(!this)throw'Use "new RecordRTCPromisesHandler()"';if(void 0===e)throw'First argument "MediaStream" is required.';var n=this;n.recordRTC=new t(e,i),this.startRecording=function(){return new Promise((function(e,t){try{n.recordRTC.startRecording(),e()}catch(e){t(e)}}))},this.stopRecording=function(){return new Promise((function(e,t){try{n.recordRTC.stopRecording((function(i){n.blob=n.recordRTC.getBlob(),n.blob&&n.blob.size?e(i):t("Empty blob.",n.blob)}))}catch(e){t(e)}}))},this.pauseRecording=function(){return new Promise((function(e,t){try{n.recordRTC.pauseRecording(),e()}catch(e){t(e)}}))},this.resumeRecording=function(){return new Promise((function(e,t){try{n.recordRTC.resumeRecording(),e()}catch(e){t(e)}}))},this.getDataURL=function(e){return new Promise((function(e,t){try{n.recordRTC.getDataURL((function(t){e(t)}))}catch(e){t(e)}}))},this.getBlob=function(){return new Promise((function(e,t){try{e(n.recordRTC.getBlob())}catch(e){t(e)}}))},this.getInternalRecorder=function(){return new Promise((function(e,t){try{e(n.recordRTC.getInternalRecorder())}catch(e){t(e)}}))},this.reset=function(){return new Promise((function(e,t){try{e(n.recordRTC.reset())}catch(e){t(e)}}))},this.destroy=function(){return new Promise((function(e,t){try{e(n.recordRTC.destroy())}catch(e){t(e)}}))},this.getState=function(){return new Promise((function(e,t){try{e(n.recordRTC.getState())}catch(e){t(e)}}))},this.blob=null,this.version="5.6.2"},t.WebAssemblyRecorder=O}));class Se extends ue{constructor(e){super(),this.player=e,this.fileName="",this.fileType=V,this.isRecording=!1,this.recordingTimestamp=0,this.recordingInterval=null,e.debug.log("Recorder","init")}setFileName(e,t){this.fileName=e,M!==t&&V!==t||(this.fileType=t)}get recording(){return this.isRecording}get recordTime(){return this.recordingTimestamp}startRecord(){const e=this.player.debug,t={type:"video",mimeType:"video/webm;codecs=h264",onTimeStamp:t=>{e.log("Recorder","record timestamp :"+t)},disableLogs:!this.player._opt.debug};try{const e=this.player.video.$videoElement.captureStream(25),i=this.player.audio.mediaStreamAudioDestinationNode.stream;e.addTrack(i.getAudioTracks()[0]),this.recorder=Ee(e,t)}catch(t){e.error("Recorder",t),this.emit(v.recordCreateError)}this.recorder&&(this.isRecording=!0,this.emit(v.recording,!0),this.recorder.startRecording(),e.log("Recorder","start recording"),this.player.emit(v.recordStart),this.recordingInterval=window.setInterval((()=>{this.recordingTimestamp+=1,this.player.emit(v.recordingTimestamp,this.recordingTimestamp)}),1e3))}stopRecordAndSave(){this.recorder&&this.isRecording&&this.recorder.stopRecording((()=>{this.player.debug.log("Recorder","stop recording"),this.player.emit(v.recordEnd),function(e,t,i){const n=window.URL.createObjectURL(e),o=document.createElement("a");o.href=n,o.download=(t||ne())+"."+(i||FILE_SUFFIX.webm),o.click(),window.URL.revokeObjectURL(n)}(this.recorder.getBlob(),this.fileName,this.fileType),this._reset(),this.emit(v.recording,!1)}))}_reset(){this.isRecording=!1,this.recordingTimestamp=0,this.recorder&&(this.recorder.destroy(),this.recorder=null),this.fileName=null,this.recordingInterval&&clearInterval(this.recordingInterval),this.recordingInterval=null}destroy(){this._reset(),this.player.debug.log("Recorder","destroy"),this.player=null}}class Re{constructor(e){return new(Re.getLoaderFactory())(e)}static getLoaderFactory(){return Se}}class Ce{constructor(e){this.player=e,this.decoderWorker=new Worker(e._opt.decoder),this._initDecoderWorker(),e.debug.log("decoderWorker","init")}_initDecoderWorker(){const{debug:e,events:{proxy:t}}=this.player;this.decoderWorker.onmessage=t=>{const i=t.data;switch(i.cmd){case r:e.log("decoderWorker","onmessage:",r),this.player.loaded||this.player.emit(v.load),this.player.emit(v.decoderWorkerInit),this._initWork();break;case l:e.log("decoderWorker","onmessage:",l,i.code),this.player.video.updateVideoInfo({encTypeCode:i.code});break;case d:e.log("decoderWorker","onmessage:",d,i.code),this.player.audio.updateAudioInfo({encTypeCode:i.code});break;case s:e.log("decoderWorker","onmessage:",s,`width:${i.w},height:${i.h}`),this.player.video.updateVideoInfo({width:i.w,height:i.h}),this.player.video.initCanvasViewSize();break;case c:e.log("decoderWorker","onmessage:",c,`channels:${i.channels},sampleRate:${i.sampleRate}`),this.player.audio.updateAudioInfo(i),this.player.audio.initScriptNode(i);break;case a:this.player.handleRender(),this.player.video.render(i),this.player.emit(v.timeUpdate,i.ts),this.player.updateStats({fps:!0,ts:i.ts,buf:i.delay});break;case A:this.player.playing&&this.player.audio.play(i.buffer,i.ts);break;default:this.player[i.cmd]&&this.player[i.cmd](i)}}}_initWork(){this.decoderWorker.postMessage({cmd:g,opt:JSON.stringify(this.player._opt),sampleRate:this.player.audio.audioContext.sampleRate})}decodeVideo(e,t,i){const n={type:h,ts:Math.max(t,0),isIFrame:i};this.decoderWorker.postMessage({cmd:m,buffer:e,options:n},[e.buffer])}decodeAudio(e,t){this.player._opt.useWCS&&!this.player._opt.useOffscreen||this.player._opt.useMSE?this._decodeAudioNoDelay(e,t):this._decodeAudio(e,t)}_decodeAudio(e,t){const i={type:u,ts:Math.max(t,0)};this.decoderWorker.postMessage({cmd:m,buffer:e,options:i},[e.buffer])}_decodeAudioNoDelay(e,t){this.decoderWorker.postMessage({cmd:b,buffer:e,ts:Math.max(t,0)},[e.buffer])}destroy(){this.player.debug.log("decoderWorker","destroy"),this.decoderWorker.postMessage({cmd:y}),this.decoderWorker.terminate(),this.decoderWorker=null,this.player=null}}class Be extends ue{constructor(e){super(),this.player=e,this.stopId=null,this.firstTimestamp=null,this.startTimestamp=null,this.delay=-1,this.bufferList=[],this.dropping=!1,this.initInterval()}getDelay(e){return e?(this.firstTimestamp?e&&(this.delay=Date.now()-this.startTimestamp-(e-this.firstTimestamp)):(this.firstTimestamp=e,this.startTimestamp=Date.now(),this.delay=-1),this.delay):-1}initInterval(){const e=this.player._opt.videoBuffer;this.player.debug.log("common dumex","init Interval");let t=()=>{let t;if(this.bufferList.length)if(this.dropping){for(t=this.bufferList.shift();!t.isIFrame&&this.bufferList.length;)t=this.bufferList.shift();t.isIFrame&&(this.dropping=!1,this._doDecoderDecode(t))}else if(t=this.bufferList[0],-1===this.getDelay(t.ts))this.bufferList.shift(),this._doDecoderDecode(t);else if(this.delay>e+1e3)this.dropping=!0;else for(;this.bufferList.length&&(t=this.bufferList[0],this.getDelay(t.ts)>e);)this.bufferList.shift(),this._doDecoderDecode(t)};t(),this.stopId=setInterval(t,10)}_doDecode(e,t,i,n){const o=this.player,{decoderWorker:r}=o;let s={ts:i,type:t,isIFrame:!1};o._opt.useWCS&&!o._opt.useOffscreen||o._opt.useMSE?(t===h&&(s.isIFrame=n),this.pushBuffer(e,s)):t===h?r.decodeVideo(e,i,n):t===u&&r.decodeAudio(e,i)}_doDecoderDecode(e){const t=this.player,{decoderWorker:i,webcodecsDecoder:n,mseDecoder:o}=t;e.type===u?i.decodeAudio(e.payload,e.ts):e.type===h&&(t._opt.useWCS&&!t._opt.useOffscreen?n.decodeVideo(e.payload,e.ts,e.isIFrame):t._opt.useMSE&&o.decodeVideo(e.payload,e.ts,e.isIFrame))}pushBuffer(e,t){t.type===u?this.bufferList.push({ts:t.ts,payload:e,type:u}):t.type===h&&this.bufferList.push({ts:t.ts,payload:e,type:h,isIFrame:t.isIFrame})}close(){}destroy(){this.stopId&&(clearInterval(this.stopId),this.stopId=null),this.firstTimestamp=null,this.startTimestamp=null,this.delay=-1,this.bufferList=[],this.dropping=!1,this.off()}}class ke extends Be{constructor(e){super(e),this.input=this._inputFlv(),this.flvDemux=this.dispatchFlvData(this.input),e.debug.log("FlvDemux","init")}dispatch(e){this.flvDemux(e)}*_inputFlv(){yield 9;const e=new ArrayBuffer(4),t=new Uint8Array(e),i=new Uint32Array(e),n=this.player;for(;;){t[3]=0;const e=yield 15,o=e[4];t[0]=e[7],t[1]=e[6],t[2]=e[5];const r=i[0];t[0]=e[10],t[1]=e[9],t[2]=e[8];let s=i[0];16777215===s&&(t[3]=e[11],s=i[0]);const a=yield r;switch(o){case f:n._opt.hasAudio&&(n.updateStats({abps:a.byteLength}),a.byteLength>0&&this._doDecode(a,u,s));break;case p:if(n._opt.hasVideo){n.updateStats({vbps:a.byteLength});const e=a[0]>>4==1;a.byteLength>0&&this._doDecode(a,h,s,e)}}}}dispatchFlvData(e){let t=e.next(),i=null;return n=>{let o=new Uint8Array(n);if(i){let e=new Uint8Array(i.length+o.length);e.set(i),e.set(o,i.length),o=e,i=null}for(;o.length>=t.value;){let i=o.slice(t.value);t=e.next(o.slice(0,t.value)),o=i}o.length>0&&(i=o)}}close(){this.input&&this.input.return(null)}destroy(){super.destroy(),this.input=null,this.flvDemux=null,this.player.debug.log("FlvDemux","destroy")}}class Ie extends Be{constructor(e){super(e),e.debug.log("M7sDemux","init")}dispatch(e){const t=this.player,i=new DataView(e),n=i.getUint8(0),o=i.getUint32(1,!1);switch(n){case u:if(t._opt.hasAudio){const i=new Uint8Array(e,5);t.updateStats({abps:i.byteLength}),i.byteLength>0&&this._doDecode(i,n,o)}break;case h:if(t._opt.hasVideo&&i.byteLength>5){const r=new Uint8Array(e,5),s=i.getUint8(5)>>4==1;t.updateStats({vbps:r.byteLength}),r.byteLength>0&&this._doDecode(r,n,o,s)}}}destroy(){super.destroy(),this.player.debug.log("M7sDemux","destroy")}}class Te{constructor(e){return new(Te.getLoaderFactory(e._opt.demuxType))(e)}static getLoaderFactory(e){return e===n?Ie:e===i?ke:void 0}}class xe extends ue{constructor(e){super(),this.player=e,this.hasInit=!1,this.isInitInfo=!1,this.decoder=null,this.initDecoder(),e.debug.log("Webcodecs","init")}initDecoder(){const e=this;this.decoder=new VideoDecoder({output(t){e.handleDecode(t)},error(t){e.handleError(t)}})}handleDecode(e){this.isInitInfo||(this.player.video.updateVideoInfo({width:e.codedWidth,height:e.codedHeight}),this.player.video.initCanvasViewSize(),this.isInitInfo=!0),this.player.handleRender(),this.player.video.render({videoFrame:e}),this.player.updateStats({fps:!0,ts:0,buf:this.player.demux.delay}),setTimeout((function(){e.close?e.close():e.destroy()}),100)}handleError(e){this.player.debug.log("Webcodecs","VideoDecoder handleError",e)}decodeVideo(e,t,i){if(this.hasInit){const n=new EncodedVideoChunk({data:e.slice(5),timestamp:t,type:i?G:H});this.decoder.decode(n)}else if(i&&0===e[1]){const t=15&e[0];if(this.player.video.updateVideoInfo({encTypeCode:t}),t===x)return void this.emit(E.webcodecsH265NotSupport);const i=function(e){let t=e.subarray(1,4),i="avc1.";for(let e=0;e<3;e++){let n=t[e].toString(16);n.length<2&&(n="0"+n),i+=n}return{codec:i,description:e}}(e.slice(5));this.decoder.configure(i),this.hasInit=!0}}destroy(){this.decoder.close(),this.decoder=null,this.hasInit=!1,this.isInitInfo=!1,this.off(),this.player.debug.log("Webcodecs","destroy"),this.player=null}}const Le={play:"播放",pause:"暂停",audio:"",mute:"",screenshot:"截图",loading:"加载",fullscreen:"全屏",fullscreenExit:"退出全屏",record:"录制",recordStop:"停止录制"};var De=Object.keys(Le).reduce(((e,t)=>(e[t]=`\n    <i class="jessibuca-icon jessibuca-icon-${t}"></i>\n    ${Le[t]?`<span class="icon-title-tips"><span class="icon-title">${Le[t]}</span></span>`:""}\n`,e)),{}),Oe=(e,t)=>{const{events:{proxy:i}}=e,n=document.createElement("object");n.setAttribute("aria-hidden","true"),n.setAttribute("tabindex",-1),n.type="text/html",n.data="about:blank",re(n,{display:"block",position:"absolute",top:"0",left:"0",height:"100%",width:"100%",overflow:"hidden",pointerEvents:"none",zIndex:"-1"});let o=e.width,r=e.height;i(n,"load",(()=>{i(n.contentDocument.defaultView,"resize",(()=>{e.width===o&&e.height===r||(o=e.width,r=e.height,e.emit(v.resize))}))})),e.$container.appendChild(n),e.on(v.destroy,(()=>{e.$container.removeChild(n)})),e.on(v.volumechange,(()=>{!function(e){if(0===e)re(t.$volumeOn,"display","none"),re(t.$volumeOff,"display","flex"),re(t.$volumeHandle,"top","48px");else if(t.$volumeHandle&&t.$volumePanel){const i=se(t.$volumePanel,"height")||60,n=se(t.$volumeHandle,"height"),o=i-(i-n)*e-n;re(t.$volumeHandle,"top",`${o}px`),re(t.$volumeOn,"display","flex"),re(t.$volumeOff,"display","none")}t.$volumePanelText&&(t.$volumePanelText.innerHTML=parseInt(100*e))}(e.volume)})),e.on(v.loading,(e=>{re(t.$loading,"display",e?"flex":"none"),re(t.$poster,"display","none"),e&&re(t.$playBig,"display","none")}));try{const i=()=>{re(t.$fullscreenExit,"display",e.fullscreen?"flex":"none"),re(t.$fullscreen,"display",e.fullscreen?"none":"flex")};$.on("change",i),e.events.destroys.push((()=>{$.off("change",i)}))}catch(e){}e.on(v.recording,(()=>{re(t.$record,"display",e.recording?"none":"flex"),re(t.$recordStop,"display",e.recording?"flex":"none")})),e.on(v.recordingTimestamp,(e=>{})),e.on(v.playing,(e=>{re(t.$play,"display",e?"none":"flex"),re(t.$playBig,"display",e?"none":"block"),re(t.$pause,"display",e?"flex":"none"),re(t.$screenshot,"display",e?"flex":"none"),re(t.$record,"display",e?"flex":"none"),re(t.$fullscreen,"display",e?"flex":"none"),e||t.$speed&&(t.$speed.innerHTML=ce(""))})),e.on(v.kBps,(e=>{const i=ce(e);t.$speed&&(t.$speed.innerHTML=i)}))};function je(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}je('@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.jessibuca-container .jessibuca-icon{cursor:pointer;width:16px;height:16px}.jessibuca-container .jessibuca-poster{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;pointer-events:none}.jessibuca-container .jessibuca-play-big{position:absolute;display:none;height:100%;width:100%;background:rgba(0,0,0,.4);background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACgklEQVRoQ+3ZPYsTQRjA8eeZZCFlWttAwCIkZOaZJt8hlvkeHrlccuAFT6wEG0FQOeQQLCIWih6chQgKgkkKIyqKCVYip54IWmiQkTmyYhFvd3Zn3yDb7szu/7cv7GaDkPEFM94PK0DSZ9DzDAyHw7uI2HRDlVJX5/N5r9FoHCYdr/fvCRiNRmpJ6AEidoUQ15NG+AH8BgD2n9AHANAmohdJQfwAfgGA4xF4bjabnW21Whob62ILoKNfAsAGEd2PU2ATcNSNiDf0/cE5/xAHxDpgEf0NADaJ6HLUiKgAbvcjpdSGlPJZVJCoAUfdSqkLxWLxTLlc/mkbEgtgET1TSnWklLdtIuIEuN23crlcp16vv7cBSQKgu38AwBYRXQyLSArg3hsjRDxNRE+CQhIF/BN9qVAobFYqle+mkLQAdLd+8K0T0U0TRJoAbvc9fVkJId75gaQRoLv1C2STiPTb7rFLWgE6+g0RncwyYEJEtawCvjDGmpzzp5kD6NfxfD7frtVqB17xen2a7oG3ALBm+oMoFQBEPD+dTvtBfpImDXjIGFvjnD/3c7ksG5MU4HDxWeZa0HB3XhKAXcdxOn5vUi9gnIDXSqm2lHLPK8pkfVyAbSLqm4T5HRs1YB8RO0KIid8g03FRAT4rpbpSyh3TINPxUQB2GGM9zvkn05gg420CJovLZT9ISNA5tgB9ItoOGhFmnh/AcZ/X9xhj65zzV2Eiwsz1A1j2B8dHAOgS0W6YnduY6wkYj8d3lFKn/j66Ea84jtOrVqtfbQSE3YYnYDAY5Eql0hYAnNDv6kKIx2F3anO+J8DmzqLY1goQxVE12ebqDJgcrSjGrs5AFEfVZJt/AF0m+jHzUTtnAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-position:50%;cursor:pointer;background-size:48px 48px}.jessibuca-container .jessibuca-play-big:hover{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACEElEQVRoQ+2ZXStEQRjH/3/yIXwDdz7J+i7kvdisXCk3SiFJW27kglBcSFFKbqwQSa4krykuKB09Naf2Yndn5jgzc06d53Znd36/mWfeniVyHsw5PwqB0DOonYEoijYBlOpAFwCMkHwLDS/9mwhEDUCfAAyTXA4tYSLwC6CtCegegH6S56FETAR+AHRoACcBTJAUWa+RloBAXwAYIrnt0yBNgZi7qtbHgw8RFwLC/QFglOScawlXAjH3gUqrE1cirgVi7mkAYyS/0xbxJSDcdwAGSa6nKeFTIOZeUyL3aYiEEBDuLwDjJGf+KxFKIOY+BdBL8iipSGiBmHtWbbuftiJZERBuOfgGSK7aSGRJIObeUml1ayKSRQHhlgtkiaTcdltGVgUE+ppkV54FaiS78yrwqlLoOI8Cch2XV548W7WRpTVwA6DP9kGUFYEpAOUkT9LQAvtq1M+0udKkQSgBqSlJWWYxKXj8vRACK+o6bbRIdYI+Ba7U7rKjg7L53JdAhWTZBsy0rWuBXZUuNVMg23auBF7UIl2yBbJt70JAoKV6/WwLk6R9mgKSJlJ1kLTxFmkJyCla8UZd15GJQKvyumyJ8gy8DAEvfZoINPqD41EtUjmUgoaJwAaAnjrKebVI34OSq85NBNqlCAWgE0CV5GEWwI3vQlmCbcSinYFCwPEIFDPgeIC1P1/MgHaIHDf4Aydx2TF7wnKeAAAAAElFTkSuQmCC")}.jessibuca-container .jessibuca-loading{display:none;flex-direction:column;justify-content:center;align-items:center;position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.jessibuca-container .jessibuca-loading-text{line-height:20px;font-size:13px;color:#fff;margin-top:10px}.jessibuca-container .jessibuca-controls{background-color:#161616;display:flex;flex-direction:column;justify-content:flex-end;position:absolute;z-index:40;left:0;right:0;bottom:0;height:38px;padding-left:13px;padding-right:13px;font-size:14px;color:#fff;opacity:0;visibility:hidden;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.jessibuca-container .jessibuca-controls .jessibuca-controls-item{position:relative;display:flex;justify-content:center;padding:0 8px}.jessibuca-container .jessibuca-controls .jessibuca-controls-item:hover .icon-title-tips{visibility:visible;opacity:1}.jessibuca-container .jessibuca-controls .jessibuca-fullscreen,.jessibuca-container .jessibuca-controls .jessibuca-fullscreen-exit,.jessibuca-container .jessibuca-controls .jessibuca-icon-audio,.jessibuca-container .jessibuca-controls .jessibuca-microphone-close,.jessibuca-container .jessibuca-controls .jessibuca-pause,.jessibuca-container .jessibuca-controls .jessibuca-play,.jessibuca-container .jessibuca-controls .jessibuca-record,.jessibuca-container .jessibuca-controls .jessibuca-record-stop,.jessibuca-container .jessibuca-controls .jessibuca-screenshot{display:none}.jessibuca-container .jessibuca-controls .jessibuca-icon-audio,.jessibuca-container .jessibuca-controls .jessibuca-icon-mute{z-index:1}.jessibuca-container .jessibuca-controls .jessibuca-controls-bottom{display:flex;justify-content:space-between;height:100%}.jessibuca-container .jessibuca-controls .jessibuca-controls-bottom .jessibuca-controls-left,.jessibuca-container .jessibuca-controls .jessibuca-controls-bottom .jessibuca-controls-right{display:flex;align-items:center}.jessibuca-container.jessibuca-controls-show .jessibuca-controls{opacity:1;visibility:visible}.jessibuca-container.jessibuca-hide-cursor *{cursor:none!important}.jessibuca-container.jessibuca-fullscreen-web{position:fixed;z-index:9999;left:0;top:0;right:0;bottom:0;width:100%!important;height:100%!important;background:#000}.jessibuca-container .jessibuca-icon-loading{width:50px;height:50px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAHHklEQVRoQ91bfYwdVRX/nTvbPuuqlEQM0q4IRYMSP0KkaNTEEAokNUEDFr9iEIOiuCC2++4dl+Tti9nOmbfWFgryESPhH7V+IIpG8SN+Fr8qqKgQEKoUkQREwXTLs8495mze1tf35s2bfTu7ndf758y55/x+c879OvcMYYnbxMTEy4IgOImIxkRkrYisNsasUrPe+wNE9C8ielRE9iVJsndmZubBpYRES6E8DMNXeu83ENHrAJwO4OUARvrY+i+ABwDcLSJ7jDF3RlF0f9H4CiNcrVZPCIJgk4hcCOCNBQH9EYBveO93NRqNx4rQuWjCExMT64IguEJE3kdEq4sA1alDRDTsb02SZOfMzMxDi7ExMGFr7THGGCciVwKYG5PL0HTMb69UKtNTU1Ozg9gbiLC1diMRXQ/gxEGMFtDnQRHZHMfxHQvVtWDCzrkdANSredvfRWQ3Ee0F8DCAJwDs994nQRCM6qxNROu892uI6A0ATs2rWER2xHF8VV55lctN2Dl3LICvA3hzDgMPENFXROT2SqVyb71efzZHnzkRnRNGRkY2isj5AM7K0e/HAN7OzP/MIZuP8OTk5FiSJDpjnpylVER+YIzZEUXRN/MY7ydTrVbXE9FlRPT+LFkiesh7f1Ycx4/009nXw9balxDRLwC8OEPZ/SLi4jjWCCi8WWtfA2CKiN6WofzxIAhePz09/dfMj5P1slqtPj8IgntEZF0vORH51Ozs7NU7d+5sFs60Q2EYhpeKyDUZq8LDInJ6HMdP98KS6WHn3E8BvKlHZx2X72Xmry410Xb91trTiOjLAF7Rw+5uZu6FufcYds7pl7wiTSkRPSUi5zHzr5eT7LytWq32gmaz+a0MZ1zDzB9LxZ72sFqtbjDGfLcHmWeI6IwoinTfe8RarVYzzWbzJxnb2A3M/P1OgF0hPT4+XhkdHd0H4LgUNv8xxpy5devW3x4xpm2Gt2zZMjoyMnJ363DSCemJ/fv3j3XOLV2EnXMNXQ57hPIFURTdVgay8xhaq4geKVem4Jph5mr788MIV6vVtcYY9W5XI6Iboij6SJnIzmNxzl0E4Itp2IIgWDs9Pf23+XeHEQ7D8EYR+VBKx8eYeU0ZybaR1s3OxhSMNzLzh7sIb968+YUrVqxQ7z6na6ATlS6UOzG2Qlv366bj3bMHDx4c27Zt25P6/JCHnXO6Cf90yhe6l5lfXWbvto3nm4no0hSHXRVFkR56/k/YWvsbItJ0zGFNRC6K4/hLQ0JYt8FdW0si2hNF0RmHCLcSbWnr6pPM/CIAMgyEFaNz7tsAzuvEmyTJKZotmQtpa+04EV2bQuo6Zh4fFrItwu8C8PmUSP1oHMfXzxEOw3CXiGzqFPLen9NoNL43TIQ19UREmmRY0YF7FzO/k5xzLwWgYdCZaZj13h/faDT+PUyEW15OO/T8MQiCjUr4HAC6Ee/MG/+MmfNkN0r3Pay124jo4x3ADuiBRwl/EMBNKTF/SxzHl5SOTQ5AzrnLANyQsjxdooRrmk1I0TPFzPUc+ksnYq09l4i+k8aJrLXbiajr7EhEV0ZRlDZzl45gJyDNhRljfpkCdLt6WF2vIdDZPsDMnys9uxSA1tpXEdHvU1599qgknHHqu/moDOlWNkTTyu2rTGKMOfeonLQ0lFunv08AOBPAXu/9jkajsafnsgTgVma+eBjHcBbmrI3HXcxc1D1vab5b1tbyQKVSOb5erz9TGrQFAMk8POhWLI7jOwuwUxoV/Y6Hn2Hmy0uDtgAgc4RbZQt/Ttl7PrVy5crj6vW6L8BWKVS057TuAqAX0p3t3cz8hVKgLQDEIcLW2suJ6LoUnX9i5tMKsFUKFYcIZ6VpAWxiZr2xG/p2WCI+4yDxeKVSWXM0jOXDCE9OTq5JkuTRNDcS0U1RFKWdqobK612XaWEYflJEru7BYuhDu4tw66ShxSFpd0laD7meme8ZKre2gU0teXDOnQ2gV3q2FBfig37wnjUevVI/auhIlzwMSnYOe1bnPkUtWrXznuUualkM2b6EtWzJGKMlBaf0MrScZUuLJduXsAq07l1/DuCEDIP3iUi4VIVpRRCd19G3Ek8FtfTQe//DrAI1lSu69LBIogsirMK1Wm11s9n8GoC35AByH4DbvPe3r1q16g8LKS7NoXtRIrk83G4ha/bugURL93cD+Mt8+TAR6YT3j0ql8rtBC70HZb1gwmooDMO3eu+vJaKTBjXc6rfPe39ho9H41SL15O4+EOFWiGv5n2sViz83t8VuwWW9pRyY8Dxu59zJIqJVAhcP+JPHI8y8bL8SLJrwPHH9jYeI3kFEF+Ssmp/rqjN7HMe6lV2WVhjhdrRhGJ7a+lFrPYDXAtB667Q/X5723p+tNwLLwrbf1rIIEBryxpgTkyQZA6DlFccS0fMA6G84d6RVvBZht5eO/wEB1Kvsoc6vtAAAAABJRU5ErkJggg==") no-repeat 50%;background-size:100% 100%;animation:rotation 1s linear infinite}.jessibuca-container .jessibuca-icon-screenshot{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAE5UlEQVRoQ+1YW2sdVRT+1s7JxbsoVkEUrIIX0ouz15zYNA+N1RdtQfCltlUfvLbqL/BCwZ8grbHtizQqPojgBSr0JkiMmT2nxgapqBURtPVCq7HxJCeZJVPmxDlzZubMmXOSEsnAvOy917fXt9e39tp7E5b4R0vcfywTuNgRbBgBx3HuJqLVzPzmYjprjHkcwAlmLqXNm4XAISLaSESPaq2HF4OE67rbRGRYRA7btn1fbgLGmKsA/Azg0gBkGzO/vZAkHMd5hIiqc5wHcCMz/5k0Z2oExsfHV1QqldPAf8lORNu11m8tBAljzFYAYWxRSl1vWdZvuQj4RsYYF4AVBlgIOVVlE55HRIxt23ZuCfmGjuOsJ6LPoiAistW27XfaEYmIbOYhPc9bXywWR1oiEJDYQkR1zrYjEjGyqfqbKd8a7kJVtLgQ+30i8pht2wfyRKIdmJkJBPkQTbILfudJ7CTZNBvVpggEcgpvc/ML38zESbLJsxBNE/A9biX0rdjGyTQXgbxyapdsarb0PMlXtWnGoXbKpm0Essqp3bJpK4E0OXmed3+hUBDP8w5FI91M0rdcyLLILElOCbaZilSWeXMncRx4klTCY1spfG3dhZJWx3GcDUR0EEB3ZMw0ET2gtT6SZWWzjmlrBIJCl0hAKfWgZVmHszqXZVxbCSxpCS2JJA6umIhe8ZKKVLPbaBJ+S9toqVRa53nedgAbAKwIwH4FcAzAa0R0l4i8F7PPz189k6RFRA+LyNcAXojDV0oNW5b1eW4Cxpg9AHZkSaaa6hhzb065uDSCH2LmRB8Sk9gY4293g43Qo/1pV80m8yQMfZSZ781cB1zXHRKRZ2IMpgD8A+DamL4ZItqitX4/jbQx5iEA7wLoihn3V/ACckWMJN/QWj9b1x5tGBsbW6uUOh5pPy0iL3Z2dn6ilJqanp5ep5TaJSLhF4NppdRNaU8gPmapVLrO87yfIoXuWyJ6uVKp+HmFjo6OQSJ6FcBtYT+UUmstyxqvkWuUgDFmP4AnQu2/e563qlgs+u9DNZ8xZhRAX7VRRPbath0XuXk7Y8xeAE+FgL6fnJzsHRwcLIfBR0ZGLunq6poAsDLUvp+Zw7b1r9PGmJMAbg8Z7WDmoThZuK67WkS+DD18fcPMdzSQUBR/EzN/nIC/SUQ+DPXV4dclsTHmHAD/SfHCNzc3t7Kvr++HJKeMMacA3BL0nyuXyzcPDAxMxo0fHR29slAo/Ajg6qD/fE9Pzw29vb1/x42fmJi4vFwu+5G/LOg/y8zXNJLQ2dAES5JANMQ7mfn1jBI6ycx3NiMhItqstf4oAX+ziHwQ6qvDj5NQNIn/ALCKmX+JSeIvABRD7fuY+ekGBPYBeDI05tTMzExvf3+/vz2Hk91/ET8RSeI6/DoCpVJpjed5fmKGvzMAXpqdnT3oed5Ud3d3v4jsAqBr9Ei0Rmv9VRqBBPzvROQVETnq2xJRdRu9tRF+bCVOKWT+Kvl/TSIFk6SW/LAjKfjV5K8rZABi8dOOEv7FI7Z8x6zwEWbemLbyMfJr5qiSiJ96oclymBOR3bZtP9+M89WxxpjdAHY2sN3DzM8ljWl4I3Nd9x7/OE1ENcdpETnmH3e11n41zv0l4J8RkU+J6AAz+xtF4teQQG7PFslwmcAiLfSyhC72Qv9/I/Avns2OT7QJskoAAAAASUVORK5CYII=") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-screenshot:hover{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAED0lEQVRoQ+2ZycsdRRTFf2ejqHFAMQqiYBTUoElUHLNx3GgCgpuYRF2o0UT9CxwQ/BMkMSbZSKLiQgQHUDCJgjiAxiEiESdEcJbEedgcKaj3UV+/6q7u/jovPPkK3qbr1ql76p5bt6qemPKmKfefeQKHOoLFCNg+H1gi6fFJOmv7VmCvpD1N87Yh8ApwNXCzpB2TIGF7DRDm2inpmt4EbB8LfAMcGUHWSHryYJKwfRMwmuMP4BRJv9TN2RgB2wuB72BWsq+V9MTBIGF7NZBiGzhJ0o+9CIRBtt8FLqgADC6nRDbpVO9Iuqi3hCKB5cDrGZDVkp4aIhIV2aSQyyW9MScCkcQqIOfsnCORkc3I31b5VtyFRmg1IQ7dt0ja3icSQ2C2JhAjUU2ykd+dE7tBNp2i2olAJJFuc+nCt564QTadF6IzgUhiVGiqyinKaQjZpJP2ItBXTkPJZhACXeU0pGwGI9BWTkPLZlACBTldG4o5EA6E1dY66edcyNrs8Q36zg1vVaTazNs7iXPgDVJJzYs7VRvHRzaDEohyugJ4CTi84sg/wHWSdnVxsGQ7aQLXS9pZcqpL/6AEplpCU5HE8YpJ9YrXUKQ6baN1+HPaRm1fBqwFQnKGK2ZoPwCvAo8Ai4FnMpPMHMwapHUj8DFwbw3+Dklv9iZgexOwvktSRduxU2VDlErwmyXV+lCbxLbDdndlCT3TX3vV7JgnKfRuSVflfMkSsL0ZuDMz4E/gL+CETN+/wCpJzzaRtn0D8DRwWMbu1/gCcnSm7zFJd1W/jxGwvQx4r2IYnlbuA14GAomQFw8B6YtBKFSnNj2BxEJ3IvB1pdB9CjwQ8yqYhcg/DJxZ8WOZpA/SbzkC24DbEqOfgPMkBRKzmu23gEuSj1sk5SI3Y2J7C3BHMuZz4FxJf6fgto8APgIWJd+3SUrHjr9O294HnJUMWi8pSGqs2V4CvJ88fH0i6eyChKr4KyS9WIO/Ang+6RvDz0XgABCeFEdtkaQv65yy/QVweuwPY0+T9FuNQ8cAXwHHxf7wdHiypN9r7BfEl8GjYv9+SceXJLQ/mSDYTh2Baog3SHq0pYT2STqno4RWSnqhBn8l8FzSN4bfJol/jkn8bXUS228DFyfft0paVyCwFbg9sQkSDEkctueZZju8iO+tJPEYfo7A0piYKd73wP3xnB+20cvjNnphxdmlkj4sEMjhfwY8COyOY0fb6Bkl/K6FLKxS+M1KpDhJY8mvrG5doRwlf66QZfGbjhLh4pEt35kV3iUp/IvTunU8qtTil/7gaHOY2yjpntaez9b5RmBDYewmSXfX2RRvZLYvbThOh+NuqMa9Ww1+yLnXgO2SwkZR24oEens2oYHzBCa00PMSOtQL/f+NwH+Hg8hAnbrYgQAAAABJRU5ErkJggg==") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-play{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACgklEQVRoQ+3ZPYsTQRjA8eeZZCFlWttAwCIkZOaZJt8hlvkeHrlccuAFT6wEG0FQOeQQLCIWih6chQgKgkkKIyqKCVYip54IWmiQkTmyYhFvd3Zn3yDb7szu/7cv7GaDkPEFM94PK0DSZ9DzDAyHw7uI2HRDlVJX5/N5r9FoHCYdr/fvCRiNRmpJ6AEidoUQ15NG+AH8BgD2n9AHANAmohdJQfwAfgGA4xF4bjabnW21Whob62ILoKNfAsAGEd2PU2ATcNSNiDf0/cE5/xAHxDpgEf0NADaJ6HLUiKgAbvcjpdSGlPJZVJCoAUfdSqkLxWLxTLlc/mkbEgtgET1TSnWklLdtIuIEuN23crlcp16vv7cBSQKgu38AwBYRXQyLSArg3hsjRDxNRE+CQhIF/BN9qVAobFYqle+mkLQAdLd+8K0T0U0TRJoAbvc9fVkJId75gaQRoLv1C2STiPTb7rFLWgE6+g0RncwyYEJEtawCvjDGmpzzp5kD6NfxfD7frtVqB17xen2a7oG3ALBm+oMoFQBEPD+dTvtBfpImDXjIGFvjnD/3c7ksG5MU4HDxWeZa0HB3XhKAXcdxOn5vUi9gnIDXSqm2lHLPK8pkfVyAbSLqm4T5HRs1YB8RO0KIid8g03FRAT4rpbpSyh3TINPxUQB2GGM9zvkn05gg420CJovLZT9ISNA5tgB9ItoOGhFmnh/AcZ/X9xhj65zzV2Eiwsz1A1j2B8dHAOgS0W6YnduY6wkYj8d3lFKn/j66Ea84jtOrVqtfbQSE3YYnYDAY5Eql0hYAnNDv6kKIx2F3anO+J8DmzqLY1goQxVE12ebqDJgcrSjGrs5AFEfVZJt/AF0m+jHzUTtnAAAAAElFTkSuQmCC") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-play:hover{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACEElEQVRoQ+2ZXStEQRjH/3/yIXwDdz7J+i7kvdisXCk3SiFJW27kglBcSFFKbqwQSa4krykuKB09Naf2Yndn5jgzc06d53Znd36/mWfeniVyHsw5PwqB0DOonYEoijYBlOpAFwCMkHwLDS/9mwhEDUCfAAyTXA4tYSLwC6CtCegegH6S56FETAR+AHRoACcBTJAUWa+RloBAXwAYIrnt0yBNgZi7qtbHgw8RFwLC/QFglOScawlXAjH3gUqrE1cirgVi7mkAYyS/0xbxJSDcdwAGSa6nKeFTIOZeUyL3aYiEEBDuLwDjJGf+KxFKIOY+BdBL8iipSGiBmHtWbbuftiJZERBuOfgGSK7aSGRJIObeUml1ayKSRQHhlgtkiaTcdltGVgUE+ppkV54FaiS78yrwqlLoOI8Cch2XV548W7WRpTVwA6DP9kGUFYEpAOUkT9LQAvtq1M+0udKkQSgBqSlJWWYxKXj8vRACK+o6bbRIdYI+Ba7U7rKjg7L53JdAhWTZBsy0rWuBXZUuNVMg23auBF7UIl2yBbJt70JAoKV6/WwLk6R9mgKSJlJ1kLTxFmkJyCla8UZd15GJQKvyumyJ8gy8DAEvfZoINPqD41EtUjmUgoaJwAaAnjrKebVI34OSq85NBNqlCAWgE0CV5GEWwI3vQlmCbcSinYFCwPEIFDPgeIC1P1/MgHaIHDf4Aydx2TF7wnKeAAAAAElFTkSuQmCC") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-pause{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABA0lEQVRoQ+1YwQqCUBAcfWXXsLr2AXWTPXno8yVB8AP6Aa3oHI+kCDqYaawJljSe133uzO44bx0M/HEG/v1gAd9mkAyQgY4I/F8LJUlyrQFtD2AtIkcNoFEU+Z7n7QD4DfFHEVlocrVmgAUAIAOl3mILPcDgEFcUhyrUKMGUUcroc3NQRimj9XJBGaWMvvPydKN0o6/9QTdKN6rZANxj6EbpRulGuZnjYqs8BbyR8Ub2Izeys+u6yyAIDpo/ehzHM2NMDsA0xFsRmWhyfTIDWSXxCEBmrd2EYXjSHJqm6bQoii2AOYBL5Z0xgFxEVppcrQvQJO0zhgX0iXbdWWSADHRE4AZQ731AhEUeNwAAAABJRU5ErkJggg==") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-pause:hover{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAA7klEQVRoQ+2YSwrCQBBEX6HiVvxsPYDewfN7By/gD9ciQkvERQwJdBSiYs0mEDo96aruombEjy/9+P/jAj7NoBkwA28i8H8tFBFRA9oeWEo6ZgCNiDGwAYpn3TpKmmVytWbABQBmoNRbbqEHGB7iiuJYhRol2DJqGX1uDsuoZdRmLuNZSzGWUcuoZdRHSp/IylNgK2ErYSthK3FHwLcSvpXIjoLt9Jfa6TMwl3TIMBkRE2AH9BriL5KGmVyvWIltJXEfKN6tJJ0ym0bECFgDU+Ba+WZQFCdpkcnVuoBM0i5jXECXaNftZQbMwJsI3AAPN3dAQflHegAAAABJRU5ErkJggg==") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-record{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAC+UlEQVRoQ+1ZS2sTURT+zlDJYE3XSq219QHVuEjnJDT+Bff9Abqw2voAEfGxqygUqWhVFHGl/yMLu9BwByxk5SNI66ML6U7axjhHbmhgWiftncxoOiV3FcI53z3f/e65594zhIQPSnj86BBot4IdBToKRFyBnbeFlFIScVEiuYvIWC6Xe2YK8pcC7SYA4CMzH4mDQBXAqilQBDsLQLfPf9FxnF4i8kwwmypARI+Wl5dvmIBEsUmlUkNE9NaHsVCpVAZGR0d/m+A2JSAid3K53E0TkCg2pVKpz7KseR/GfKVSGYxMAMA0M1+JEpyJb6lUOm5ZVnkrAsVisaunp+esiByr1Wp3R0ZGvmifzZK4XQQWHMc52MgBpdQuAOcAXABwuB400ZTjONdaIjA7O5u2bVsnWU1EujzP+5nP5xdMVjvIJkCBD8x8VCm1G8AYgAkAAxt8Z5j5YmgCSqlTAJ4D2OcD/AXgATNfbYVEAIFPIvKKiE4D6GuCea8xX6gtpJT6DmBvECgRFRzHeROWRAABE4iWCbwHEFhkPM/L5vP5dyaz+23+KwHXdR3P854S0YG1ILSCuthNMfNM2OC1/RYENLY+ygcBnPfht6ZAA6BYLNr6dyqVokKhsGpaNQ2TWJstreXaE2aed133sojcj41AKyvdzCdAgSXLsk4MDw9/a/i4rntbRPxFNZoC/5jAV2be759DKTUJ4FZSFFi0bbs/k8noy2R9dAjEuWU2YgXkQOK3kD6BMsysi2Z9JC2Jdcw/ALzwPO+xvmcl7Rj177JVEbkO4BARjSflFDJJuW1dBxJPoCIiL4noDIB1BS0pW6j+oJmbm+uuVqvjRKQfLr0bZHnIzJf0f6HeAybahrUJqAPruhLlcnnPysqKfpXp11n/Gv62zoHAroS+AafT6QkiGrIsazKbzX7eVIHEt1US39gCkOzWYthkjNE+tuZujDGZQ8XRXn8N4KT5lLFZ6uaYPt+nwyDuvC80YdhvB9uOAu1WoaNAR4GIK/AHvdr+QAexB7EAAAAASUVORK5CYII=") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-record:hover{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACfUlEQVRoQ+2ZSYsUQRCFvycK4nJXXEbHBdwO4kn/gv9CD467ICIutxEFkREdFUU86T/xojcPntyQcT2INw+uISFVkD1Wd2dWlU7nUHlqisiX+fJFZGREi8yHMt8/HYG5VrBToFOg4QnMPxcyM2t4KE2nT0i6EwvylwIjQOCFpE1tEPgGfI0FamC3AFgazP8IrJL0KwZzkAI3gLMxIA1ttgCPA4w3wHpJP2NwBxG4KOlcDEgTGzNbA8wEGP57vA0CU5JONtlczFwz2wY8HUbAzBYCB4CtwCVJb33OIAXmioC70LoyBsxsEXAQOApsLIhelnS6FgEzW+5BBvwA/FS+SPJFa40KBZ5L2mxmS4AJ4IjHxCzwaUnHkgmY2V7gLrAyAPwOXJN0qg6DCgIvgQfAPsDjo2pcKddLciEz+wCs6AO6W9KjVBIVBGIgahN4BvRLMjslPYlZPbT53wR2AbeBtcUmXEFPdh5U06mbd/shBBzbr/Jx4FCAX0+BEsDMFocEYrNmFcE+BD4XsXZL0oyZnQCutkagzkn3m1NBwDe/Q9L74MAuFEqUn5op8I8JvJO0elacTALnc1HAH3Njkvwx+WeYWUegTa/pwaqIgexdyIN4uyRPmqULZRXEvulPwD3gpr+zcrtGQxfzRHYG2AAczuUWiom3kc4D2RN4BdwH9gM9CS0XFyoLGu9UuN974eIFVDiuSzruH5LqgRhtU20q8kBPV8LMlhVVmVdnYwX+SMdAZVeieAF7eeltmElJr4cpkH1bJfvGVvatxdR4bMu+teZuWxtKxWncXn8I7EldtQV7vz79fp9KwZp//9CksB8F206BuVahU6BToOEJ/Ab7+KdABdTt8AAAAABJRU5ErkJggg==") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-recordStop{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAGDElEQVRoQ82ZaahVVRTHf//moKKggQawcmg0olGl0awvRoMVBRGFlQ1YQZIZqRVKmJmFgVk59EFQykYjgmajbJ7n2WiAbKKCBq0Vfznndd723Lvvve/5bMH9cvfaa63/2WuvaYteoIjYHDgEOAAYDOwIbA/4f9PvwHfAt8DbwGvAS5L8f49Ine6OCO89CTgFOBrYqU1Z3wBPAUskPdDm3i72jgBExCXAWGBQp4qTfR8CMyXd0a68tgBExEjgBmCfdhW1yP8eMFHS/S3y0xKAiNgQmA2MaUHwB8DnwNfAbwX/FsDOwG7Ani3I8ElcLOnvHG8WQET0Ax4C9msi7BHgbuAFSXaHhhQRewBDgZOBE5qwvuV1SSuayWsKICIcVZ4Atq4R8mdxKnMkfZT7UnXrEeE7dD7gO7VpDc/PwAhJrzaS3xBAROzrUFcJhVUZjhrjJX3cieHpnogYUNytUTXy/gAOlvROna5aABHhGG5f3qZmk33ztt4wvAbIBcCcBicxSNLKdK0RgNeB/RPmVcBxkp5eF8aXMiPiKODRGpd6XZJduhutBSAipgNX1Bg/tJkv9iao4u4tBzZJ5N4oaXz1v24AImIvwLE4peGSnDX7jCLC2f3JGoV7S3q//D8F8DJwULJpgiQnrz6niLgSmJYofkXSwWsBiIgRwGPNmPscARARDqGp7zu0Orz/l4kjYhlweGLk4Ebhq8oXEc6wGwH/tAhyA2C1JGfsphQRTqBvJkzLJB3ZBaBIKGkGXSqpWab013FWvacooXO21K07256WS4QRsRQ4PhHgsPrxmjsQEZOB6xKGIZJebGZVRDwOHNOJ5ZU9j0s6NqPnUJcpCc9kSVNKAA5ZQyoMn0gamDMsIj4rCrQca7P1zyT1zwmIiE+AKt9yScNUFGuuZaoxd7okR4Ccfzq997S0fleSy5acrjQ//QUMNADXH/cmu0dKcoWZE+r2MKs8I+YdSW5Dc7rcizycMI0ygKuA6ysLjiT9JX3RgtC+BLArYJet5q4JBuBG5aKKsV/ZryWt/p8BcJj2R3VjVNJsA1gEnFH5821JzZqXLtaI6LMTsNIafYsM4L6iOyoNe1FSNSI1PIj1AMCh1CG1pPsNYEkxGin/fFVSWg/VglgPAF4BDqwYs8QAFgDnVP78SJIzbJbWAwBXC9VRzgIDcLVXjfm/AP0kuR/NhbY+uwMR4e7QDf6WFaOmGYBHJbcnlh7USvPSlycQEXYdu1CVxhiARxzPJwsXSarrTbux9TEAh3qH/CqtKSU2Az5NZpsPSTqxBRdy49/SfWki60NJ2WFXTUXqwdmAsphbCJxZUeIGfltJvg8NKSIMfPcc0Mx6tpiLiK2AH4qeoxS3UNJZJYC6emicpJkZAOOAGT0EcLmkmzvQM8oz1BLAxsX8vjqBWynJ86FcJDoLGO4OC8jOMgthnrX696Qkn35Oh+dB21aYfgJ2kLSqqzCKiGuAaxNJkyRNzSlYl+sNmq2pkiZZbxWAJ8g/Aj6NksI+3kplui5AFL2271m1AvVJb1fmqXSsMhGYkhjznqSeNi0d4YsIz3/SCNXNK+omcy5ZPVKv0r2STu3Iig431dRolrRCkvuCLqoD4BlM3Th7nqTzOrSnrW0RcSdQp+tASX4gbAzAK8Ub2KwarQ8Cp0vy20CvU5FUFwN1SfRSSbemSpu9D9wCXFZjpacDoyU925sIIuIw4K5k8lCqmCWpzpbmb2QRMRc4t4GhfiOYJunLngCJiF2Aq4ELG8iZL6mRDflHvohwpnXGrSM/VM8DFkt6rh0gxRd3K3s24BBeRzMkpaP+bnzZR77iTvgLuOR29mxEDnmer7rk9dPT98CvBbNreGdSD8s8WT4i81rpjD5G0vzcR2kJQAHCs5ubgKZjwERhednrHvAa2eaPMFaSm6UstQyglBQRDm92qWwJnNXencGnZpdp67W+bQAVIKOLCz6sTUNTdjdTcyW5N2+bOgZQAeLHQLuV5/UeM6ZZPDXKfa1nqs/4QUXSG21bXdnQYwBV5RHhy2rXcmh0E+5GxOTGyCWwp34fSCovd09sX7P3X2uzPXCoLsVMAAAAAElFTkSuQmCC") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-recordStop:hover{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAHn0lEQVRoQ81ZbYxcVRl+nnvu7ErSEmtqDdKwO3e2LWJLSEuFNiofFv9AUIpfiSFqCzt31lITGgEjHxKIKVirqXbnzpZSf5BAoHwIhpiAgDVSwBaU1rZLd+7skiIJKCWVpOzOPfc1d3dn986dO3Nn9kvuz3ve87zPc857znnPe4gZ+BZvlzPMed4XDG2sBGWFAGcRXET6ZwTwIsZpgbxL4B0ID/nKf8370Hz1xE08PV33nDKACDOO/roQ15K4TASfbQWLxL9E8AKJvcWs+WQrfcO2UxKQcfSNAn8TwKVTdVzdT/oJbi/aZl+reC0JsArelRDeC8jnW3XUnL0cofC2Ys58ojl7oDkBj4hKv697CXQnA8sxCEsE3hbKh4E9hfMEOBuUNMBzkzAE6Ct9SvXgW9RJtokC0r+VDqb8pyByfgOwZ0g84mv1cqmH/Y2cpntlmUG9BgauEcHVdW3JN6RsXF3axKFGeA0FdBVGVvpi/AnAJ2NAhkHpBU3H7eabSSMV1271yVL63g0C3gigPcbmA/r+umJP28F6+HUFZPLDy4XqVQCjW2HkexJQN7s2j0+FeLRPZqd0idL3Algfg/cRRa8u5toPx/mKFZDJyyKhPgZgQU0nssfNqvxMEK8RktdZoThxM2G0qaUDG/hetC1WgOXo1wG5IGJcNkS+OpBLvTgb5CuYXfnypT75x2hICfh6yVYrEwWknfJ9BH8cJU/fX9MoFmdS1Pja2w+gLYwrkF+U7NTN4X9VM9CxUz6nlD5So5JyeTGbemEmSSZhZQrly0T4fNROa3Xe0A95tPK/SoDleH8DcGF1J97q2ipYYHP+WY6+BZCtEccHXNtcXSPA6iuvg89nGxnPuQIAlqMPAhKJfVnn2qlge588iS3H2wfgS1XxJXpFve0rbNexS9JKwzQIvxmRvsDQCt7QDSwl2ad7h8+nof4Rsdvn2uYlEwKCAwW+jp6gT7u2Wf+kBBCcqjT8RwFZkUQktp18AzS+mXQQWo73NICrqjHU0uAcGl0DlqPvAOSusIFP/+LBbNsrjYhZjvccgK9MiXylk+A5N2de0QijszBykSHGy1XRQd5RzKq7RwVkHG+/ABdPGBADbtZckkTMcjw3mIgku0btArgl28wkYViONxBQndSN/SXbXMvRZM3UQS4zuedS7nOzqVuSQfXh6afW/Kdrq+VJvmLOpxFQLaHleEH+8VgE4ErXNp9JArUcfQiQROeNcXjYtVXiGhq7i+AP1ZsM1tNy9E8A+XmowfdFZQZzHPw4CejMS6dBHYRs6OzirbTyXi+IXIjsiXPeUekX76L3cRJw6Z1ivnWWDgb17BCvXloF7yEIvjP5k4dcWzW6vEyYzmUIje+W0ZB9KFgDjwO4JqTqFdc2J3ekBtMw9wK8YCu9KETpiWAG9kJwbejnQdc2I/lQvIr/g4ADAFaF2OwNZmAPgO9P/pQ3XTu1LCn+60xpM90iNs3tQmP+yv2RUs4eWk55K8Dwnn/Kb1cdgz/gB0ls5nIGzumVBaahgwv+/AleIluZcbxuAQpV+6vvX9jM5WUuBWR6R1aJYQQhFOKPbnY55TU++FL1aDPn2irublplNpcCrILOQaQ3TMCArGXnHvmEGtHFcG2TxFPFrPm15BAqHwPY1HqpjyX9rp1KLHbFZKRv++2qazwb9R4E8N2Qk7IxohYObOapRiLSjlckYCUJbdTeTDLXtUPO9Nv0fwCYIawHXdu8riIgJh/iFtdW2xsKKOgtFNk2HQEQ3uTm1K9a9UPB+qCGOipgVUFSJ0W/W1WBE7zn5sxFSeTSee86EpdT4ImBxFpmgEcfSgglwPMl2wxmv+FnOV5QD1oYMjq5gOozB7MsTyRGVkHfCZGfVe1G4O1FW92T5GA22+MuWwK5p2Snbh8djIrz83bKvI+Ufh9AKrxT+aKsZjLT2RAxdtfWxeoMFJ7frj5dOaeqyioZR98mkLurycgR107N0ntAUuiUj0bL8YxERU1p0Sp4gxB0VEETj7lZ8xuzMcr1MGNytCBehtys2Vkd5hGE8bJeXDl7t2ub18+FiEze2yVEjS+D/qqBbNtrDQUEjWNvYLIjSlaA36sR9e2BzRyeDSHBocph/TCBmkOU4OairX4T9Vv3fcByyr8G+KMaosSAaNlQ6kn9ZSZFWIXyFyH8XbjyUMEXkR2lXKqWS2R11/CxHO9+ABtjiQryMNRWN8u3piOka5cs9rX+KQA7Fod4wM2a8RySBIyGU768TcgtdUieJrEbvjxczKX+2oqQ8REPrrLfAzAvri8h24p2Klrqj+wvTXhNO95GjqXcqp45KUcF3CfAAaEcN+H/25e2/wb2BkfmezAWUrgEgtWEfDnhtVJD0O3mzAeS6CW+UlYArMLwCoj6JYCGZcCIw8pij3vAq8dtH6g3udn2Q0nkg/amBVTA0gXveopsaea9txkCkzZynOC2Vl/rWxYwMSN5b8PoAifWtkY0Yi14CcT9rm0Gd/OWvykLqHjq7Bu5QIm6QkQuAbG85hSPUiKGIDhM8s+a+tnB7ra/t8w61GHaAsLOl+2W+WVdPpfaWCzBE63BM0fbfTlF4KQo/0RKpY71b+To4p6J73/tXyc1fevA3AAAAABJRU5ErkJggg==") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-fullscreen{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAHTElEQVRoQ+1Zb4xcVRX/nZl5u2/LrrO0EFKoBYpVaRu3u/e+3WlDZJdIRLQhNLIiEggxqURIjGmqTTAmWiRpjH4wghq+KIQYupYQEvEDmEVdyu7OfbPbzQaEYqtSwTb4Z3aV7s6b9445mzvm7XRm3oy7oanZ82ny5txzz++ec8+/S7jIiS5y/bEG4EJbcJkFpqenryqXy6cbKBUB+AeANIBuAG8AuAzAn06ePOkNDw+H9dZOTU11h2H4EwB7ALwL4FIA7wFw7O9aSxkAE9H9SqnHazGc50LGGFFQlGuW/pbNZq/aunXrYtICY8xmAD8C8HEAnUn8sf9/oLX+SiKAQqFweRRFvwewvgbzmwA+BOAkgEsAZAG85rpubseOHaVmlTHGfBTAYwA6gKU7WCaiOWaWPT9mv1eLO6S1/mYiAGPMddYtUtXMRPRVx3F+FkXRup07d/7FGDMEYExrHTSrfIVvfHx8Uy6XO22MWae1fu/IkSPpbdu2pRcWFmpakYgeVEo92gyAdQCKADI1HZL581rrp4lIfHPV6Pjx45cEQfCvBgL3a62/nwhgZmbm0lKp9OeYf56rMqmc9v4oikb6+/v/uhoIGigvAUGChdBBrfXhRAD5fL6XiCZsZDhHRAeY+VBVlIiYeTQMw725XG5uJSDqKc/M9xDR1wFsF/lEdKdS6ulEABMTExvS6fQMgCsBhPPz825nZ+dnieinANrjApj5mSAI7t61a9fC/+JSDZS/t62t7WgQBH+0IVoA7GsqjDIz+b4vCyXcnSuXy9fmcrkz+Xz+TgB3ENHeqlN43HXdB7dv3x60AqKR8p7nPXHixIn2YrEo7itRipn5057n/SrRAhbA320eEAGbtdbvyvfJycn16XR6BIBEnzg9PD8//63BwcGwGRBJylcEG2MkbEtUFAS3NgVAmI0xkl23Wt/bppR6rSK0UChcGUXRcwBUFYjDWuuDSffBHpBk82XEzPfKyVc+Wlf+HQDJGQLgDs/zjiZawJrudQBXAzirlNpIRMs2nJiY+HA6nRYQH4kJ7NZaS/htSBLlgiB4jJnFJZeoWnn7jYwxDxCRJK/LmXnI87yXEgHEzHs2m81urlce5PP5fiL6BYAPAmhrJZmNjo5murq6ngdwcy3lK0rKYc7Nze1n5gNE9Cml1HgiAGviguu6A0nlge/7N83Nzf12aGionHTy1f+Pjo5KdBuOu00tGZKpmfmHAJ5oygJjY2Nd3d3di0nKt6rwSvjFK6Iocnp7e/+ZaIGVbHSh1q51ZBfq5Cv7rllgzQIrPIGLwoUkqdVLqssASCKbnp6+ure3VyrSRGLmVHWpkbioRYbx8fErHMcZbKofsGMVKRHu01pLc1+XJMGUSqXPEdGTrZQSIlAycVdX1+FSqXRw9+7dUvXWJFE+k8lI53e71vrZphKZMeYPMvvJZDK3SfNea1GsZpoH8EWl1NFmLTE7O9u2sLDwNoANAA65rvtwrcw/NTV1TRiGp2w/8AXP836eCMAWWicAXENEvymXy/sGBgakvP4v1ajnzzDzl7TWzyX1A1KquK4r7hkf2xxQSn2vem2sHwijKLqlv7//xUQAtpyW6YBMJUJm3hNvJBo0I3XL3fim1kVfAHB9/Dsz3+95nkztlsgClYr1BgBRKpW6oa+v75VEAMJgjDkrNbj8jndCzXZSSXfU930l/bRtWyvsC+KKAEYq98kYIzy3W4abtNajiQCsBQTAByzzsNZ6ZLWUrygwOTl5YyqVEgXjriQjzVcdx9nb09Nz1vf9F5j5EzK5Y+ZBz/NeTgRw7Nixjra2NpkLycBW5jK3OY7zUq2hU6NmJMkK8r/v+3uYWXrsZdMOAM86jnN3EAS/BjAgjgDgy1rrHycCsBNkCZ9X2DtwIxGNVS9cqfLWPalQKNzFzN8GcK2dQCxtRUTSxPQx827L+13P876WCMA27W8BOG82Wlm8GsrHZNHIyEhqy5YtvwTwyXqWI6KHlFKPJAKwYVSiULVZl9aupvJxZexIU+J8TRBE9B2l1DcSAdjLKneg1nh9fzabfbRYLG4qlUpvd3R0bCqXy7tOnTr1VKOHjVqb2jC5j4gmwzAM0+l0OgzDVCqVkvGhuO8yYuZHPM97KBGA7/vXM/O0TBpqMMvo+x17waWGkhLgMrGK1vrJpCRWkRcrD+STvCvIXiJLhgNdddzoAa21vCmcR8uKOWPMRgBSPrRSpcpY8T6l1FNJ0UfeBTKZjNyxlqg60cUXL1PUupBsIO9XMkqX96v4mFvcS0Z+Mg86TUTtzCxvCh1E9BmllPxXk+zrzxQRzTBzJxG5zCzuIjJ32DG+WCOuk1hFqoKlfNSMBWSU5zDzFnEPInqLmSWpbZANARzRWr8jQHt6ev4tAuX34uLi+iiKiknjdskzlepzdna2s729PSgWi24YhuszmYxn99sYRdHSGx0RnUmlUqf7+vqO1zuYVlylJbO/X8xrAN6vk15zoQt90v+3FvgPXUePXrKTg9MAAAAASUVORK5CYII=") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-fullscreen:hover{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFvklEQVRoQ+2ZaaiVVRSGn9fS0iabCNO0eSaosAmplKJRxMiygSQCixQipBKMoDRBon5EI/0pQ8JuRQTVj4omo+FH04/muVum2GCDWVYr3ss+8t3vfud8+3guXi6cBYc7nD2sd6+11/BuMcxFw1x/ugCG2oL9LBAR44HeFkr9B/wMbAOMBT4B9gC+BiZL+rfZ3Ijw+PuB6cA6YFdgAzAy/V41NQB/rpL0QNWAAS4UEVbQm+XKj8B4SX/VTYiIicC9wMnAjnXjC9/fKemaWgARsSfwEbBbxeDPgAOBL4AdgF2AD4ETJP2dq0xEHArcA4yGvjv4D/Br2vOo9P/ycosl3ZQD4IDkFiMqBl8LPASMkfRdREwFVknalKt8Y1xETJDUGxFea0NE2CX9aWbF+ZLuzgEwBlgPbNtEqYuAlZLsl4MmEWGL/t5iwQWS7sgB4Iv1TcE//yyZ1Ke9AOiR9MNgIGihvAOCrWJZKGlZDoCjgTdTZLDy1wGLS1HCkehF4DxJ9t0tlhbKXwbcAByRFp8taWUOgN2B94G9AZ/A9sD5wIPAdqUFngAuBTZuiUu1UH4O8DjwVQrR3nZuVhiNCEcFT3S4swX2k7QmImYDs3zqJRCOzfOBTe2AaKW8pOUR4cPy/tbH9+0cSc/mWMATfkp5wAtMlLQuAXNo7QEcfYqyBLjZFssBUad8IVI5bDsqWs7OAuCREeHselCaeLgkx/o+iQi71lPAsSUQyyQtrLsM6SB8h8oyxydf2Meu/CrgnGGZJcluNUDKpYRN9zEwCVgLjJPUb8OIODiBOKSw2lhJDr8tJSIc5ZzE7JIN6ad8OijrNQ9w8nJynSrppRwAjXhs5e0+lYklIo4DHgP2AUa1k8wiwjnmGeB0YIDyBSv4MB2yHQnPkvRGDgAjfxs4vq48iIhpwCuSXAq0JRHh6HZB0W2qFnCmBu4CludaYCen8zrl29K2w8Hp0o+U9EutBTrca0imdzuyITn2wqZdC3Qt0OEJDAsXcnHXLKmWSwn/PUmSK9JaiYgR5VKjdlKbAyJiL+DU3H7AtIpLhMslublvKinBXAg83E4pkWodZ2J3WO60XPVWSlLend9MSU9mJbKI+DxxPzPcvDdJ8Y2a6TfgCjcguZaIiFHA94ArTnd7S6oyf0TsC3yZ+oFLJD1SCyAVWp8Cnvxy6oRcXm+Winp+DXClK9S6fiAiXKrYPYu0jYu128tzI6LRD7gzPFPS8zkAXAGaHXDF6InTi41Ei2akablbAm8XfQ44rKSMmTezdn2SgLpinQK4nJ8i6fVaAGmyS2nX4JbNnVBuJ1V3RyPCzZD7abetDdmYXNFsRx/PFBEeMzMNmCbJRMIAqWpoDGDnNNIlb89gKV844VMSiKIrmdL8ILEdayPCljotMXeOQq/lADDdZ17IhK1daAbgTqiKdGrajNRZIZ2wSV732GW2w9HGbMcL7kvSJb5a0n05AEzqOnw69hqAT2pVxcSOlE8AbP2LgVvMfiQGorGVm5hjgJPSP26TdH0OADft3wJV3GhjfsfKF1zJILzX08AZLSy3SNLSHACOPnaXslkHXfmiMqnZd5xvBuJWSTfmAHCC8h2ootfdYJshnpASkX+eCKxo9bBRtWkKk3OBt5KrmgO1JUwf2n3LslTSohwAjs/vmmmoGGyGYnW64Da9SwBfdlOBLieyGOtCeeAt/K7gvbyWyQEnuiqZJ8l0zAAph9FxgMuHdqpUx23XTivqoo/fBdIdqxta/r5foit+WQZgF/IlNgFlxfx+VaS57V5O8eaD/Jbmu2Lqw+H3XEn+rlLS6887iTz285ILOruL1zwyrWFrFHWyVXwv+/JRjgVM5Vnp/ZN7GIyTmgsvb/iopNVObJL+8IIpyfnOrK+j2yNidKP6jAiD8CF5Xc+fnA7PXtB4o3Od1SvpvWYH046rtGv2rTK+C2CrHHOLTboW6FqgwxP4Hz4mJ0+J869tAAAAAElFTkSuQmCC") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-fullscreenExit{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADd0lEQVRoQ+2Zz2sdVRTHv+fJBDW6anDVXen6wZszYxYBiYgtFGst3VSDunKjpS0GpUlqfjVpsVVs6aaL0or4YxMVFCJZ2ZLdPUP+gq5bQnTxtNAkfTnlhnnlkmQy9yV9780rudt77tzv5/y4v4bQ4Y06XD/2ANodwec/AiJygJnvtdvTWfPnRkBEJAiCN8rl8kMfiPn5+Ve7u7v3rays0Orq6lJfX99/PuN2auMDoAD+BvA2M6/mTWSMOUtE48D6AjHGzN/kjdlNvy+AnWOOmQ/lTSYiEwDOWzsimgrDcCRvzG76GwGw8/zJzO9sN6GInAMwbW1UdSSKoqndCMwb6wNwGsB39Q+p6h/M/C4R2dTa1AoHYBWKyCkA1+pqiWi2Wq0e7e/vf7yRoJAAKcQggMtuJKIoOtoxACnE0/xOi/SXMAxPuhCFjUBdpIjYVWXSEf0TM3/g9BeriDMKdSPEz8z8vrU1xgwT0YXCrEJZy1iSJKOqOub0/8jMA0mSfKKqNwoPkHp7ioiGHIhRIvpHVa93BEBa2JcAfOlALAHo6RgAKzRJkk9V1S6xL7kpV4idOM31taxaIKJHqmpPnMMA9hcOQES2PDJkAT1XAAC+ZebPfWB3auNzmLObVsNRUNUXVHUujuM7OxXnMy4XwOcj29mIyOuq+lapVGrYCelKpkEQ3CyXy4tbzdN0AGPMxr2iYZ+sra3FcRybtgCIiK2BKw2rdgaUSqWoUqlIkQAepFDdAF7cBq5ERI9rtdr1OI7tmE2t6SmUEYFHAEaexYW/1QC2EF+ru5GIvg7D0D2GNJxprQY4o6qv1I/b6SpzOYqiLxpWng5oOQAzXxWRWwA+dkRfYOb1p5hGW6sBJpn5KytSRG4D+KguWFXHoyhy7xdeLC0F2ChSRL4H8OFuINoKYIUbY34gogHH3eeZef1K6tPaDpCm068A3nMEDzHzxY4BUNWSiPxORO6z5aDPPlGICNQ9bYyZIaLjjudzIQoFkKbTbwCO+UI0HcB9J/LdeY0xs0R02IGYYObRrWqiFQCfEZEtSHsfmGZm+4qxbbM/hQD8BeBNa0hEM2EYnmgLgP3lFARBT1dXly4vL//b29tbzQNIU+llAHeJaLFSqRzJes5vegR8xGbZLCwsHKzVav8z8/0sm0ID+MDvAfh4qZk2exFopnd9vv0ELrXBQO7fD10AAAAASUVORK5CYII=") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-fullscreenExit:hover{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAC/ElEQVRoQ+2Zy49NQRCHvx+ReK6IlZ34E7CUiCAR4xEbTLCyQRATYswwb2IQZDYWgojHZpCQECts+ResiQwLj0RClNSkb9Lu3HtPz7mZc8+V6eXt6tP1VVV3VdcVbT7U5vozC9BqD/7/HjCzlZLet9rS9fbP9ICZvQPWSfqRAmFmS4ClMHm+JiR9S1mXVyYFwIBXwEZJv7I2MrPjQH8A6JN0OWtNM/OpAL7HS0mbsjYzswGgN8gNS+rJWtPM/HQAfJ9nkrY22tDMTgMjQaZH0nAzCmatTQE4ClyNPvQU2CbJQ2vKKB2Aa2hmR4DrkbbPgQ5Jv6sJSgkQILqA0dgTkjraBiBAxPHtPz2UtDuGKK0HKkqamd8qg5HS9yXtjebLdYjrHNRqiAeS9gQvnQGGSnML1bvGzOwc0BfN35PUaWYHgRulBwjW9ju+O4JwqM/AWFsABIgLwKkIYgJY1jYAAeJQuGIXVIVcKTKxh8WfBin9J+AVpx/eFWUEqFkyNACKp0rhgWYArkg6kQibSyylmPOklQdibijBX+fSLHFRJkDid+qKmdlaYENOI0zeEcBNSZ9qbVIEQHWuyGOTNZLetgrAz8ClPFpHa1ZL8rf5lFGEB2oBfAxQi4D5DeDmAP7mGJPka0oD4LnDr9imH/xFe8AP4vLIjBclxWXItCOtaIBjwOKo3HaFRyWdnLbmYUHhAJKumdkt4ECk9JCkSitmWixFAwxKOjt5uZvdBvZH2vZLit8XSSBFA/yjpJndAfY1A9FSgOCJu0BnBNErqfIkzfRCywECxCNgR6Rtt6TzmdqHBmyKXG4ZM4sTWc04NzNPWE+AuG3ZlZInSuGBinXMbBzYGVkrE6JUACGcHgPbUyGKAIj7REmZ18y897o5ghiQ5E/bltRChwE/kF7Xj0jyLkbDYWbzgBfA+iA4LmlXqwD8LydvszjAF0lfswBCKC0E3gBeP22p186f8RBKUbaejJmtAr5L+lBPptQAKfCzAClWmkmZWQ/MpHVTvv0X9iFAQGQyevIAAAAASUVORK5CYII=") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-audio{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACrUlEQVRoQ+2ZPYgTURCAZzbBXJnCeL2Cnb87b9MEtPBUrrMQFAtrtT5/ClGs9LBWWz0RtbBUFCF4oJDsbO68wsLA2YqQSmLlvpEHu7IuMdlLcus+yUKKhJfZ+ebnvZl5CJY/aLn+MAP41x7M1QPMfFtr/crzvHfTAs8FoNPp1LTWzwHgqIg0lFLvrQHwfX8BER8DwC6jNCIecF13wwoA3/dvIuKNpLJa60Oe560XGoCZd4rICiKeTCtaeABmPg4AJmRqg6xcaABmvg4At4aFRyEBhoVM4UMoCplHADCfJTEL5YEsIVNID5iQAYCHALCYxeq5b6PMfF5EBAAEESthGK7W6/XPRpFWq7W3VCqtZg2ZcT3g+/6i4zjzIlLSWn/yPO/DIGMNLCWY2Sj/+xGRK0qpZfNDEASnROTFVi0fr8+aA8z8Ld6KEfGt67oLYwMAwEUium8EREn7OgeAjwCwPyo/nrque3YSgAtE9GDaAM1mc65arc4Zuf1+P2w0Gt9jJZl5DQAORt+fENG5wgEw8zUAMB/zbBBRwyqAIAjuiMjlSOlNItpjFUCqWl0josMzgChR/9hGAWBbknjmAdPhDdqa0gfZzAMJKyVP4v8hhJYRcSni+0JEu63ahZj5anyQici6UuqIVQDdbrfS6/UqRulyufyTiH5sF8AlIro37VpoWEHIzGZ2tM+sEZFnSqkzk9RCS0R01wjIsZz+mug53hDRia0AnI4bGgDYISItz/M2jYC8Gpp2u30MEWuO4zha665Sqp0ZYFStX/iWchRAItFGzoHSsrJ2ZFl1mHg6bfVYJeGJv85CC++BpIJZ5kSFC6G0ha0e7mYJqcJ7IOkRay84UhD2XjHFIFZf8iW9YcYoYRi+tO6aNeupOs66iU/icV46zf/MAKZpzXFk/QL+JG1PUPhRiQAAAABJRU5ErkJggg==") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-audio:hover{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACSElEQVRoQ+2Zu4sUQRCHf5+C+gf4yBXMfMYHGvjCzEBQDIzV+HwEohipGKupD0QNDE8UEwUFTe68wEDhTMVUMFJ+0tArzbjs9u3Ojt0wBR0M9MzUV1XdXVWNKhcq1189wP/2YKcesH1d0nPgdVvgnQDY3iTpqaT9kuaAt9UA2D4o6aGkzVHpXcByFQC2r0q60lB2D7BUNIDtjZIeSDoyRNGyAWwfiiET4n6YlAtg+7Kka2PCozyAMSHT5CkLIIbMfUlbMhdmOQCZIVOeB2LI3JN0NNPq6bTZe8D2aUmOY72kN8DnoIXt7eF5FSEzkQdsB+OEsFwr6RPwbpixhqYStoPyqVwAbkaAY5KeTWD5wStZHrD9XdJgK34FhBP9H8kFOAvciQBhn3/RAcBHSTvjfx4DJ6cBOAPcbRvA9gZJYQT5DfwYKGl7UdLu+PwIOFUiwCVJYQRZBuZqA7gh6XxUegXYVhtAmq0uAnt7gLhQm9vorBZx74Hcc6D3QLKH/z2JGyVnlYs4pCfzEe4rsLW2XehicpAtAftqAwiZbhhBfgE/ZwVwDrjddi40KiG0HXpHO+KcJ8CJaXKheeBWBOgqnf6W1BwvgcOrATieFDTrJL0HViJAVwXNgVgPrJH0BfiQDTDKtREiNK7KLSnHASQLLacP1PxcVkWWq8PU3emq2yqJJ0b1Qsv2QKpdZp+orBBqmrfq5m5mSJXtgUZI1XnB0YCo94opCal6L/ka3ghtlIXqrllzT9VJ5k19Ek/y0zbf6QHatOYk3/oDujC8QMWgjf4AAAAASUVORK5CYII=") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-mute{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAKYklEQVRoQ+1Z+3NV1Rld397nXJIbIGBARTQgohGNQZJLEtFSMmpfan10aJ1OZzqd/jOd/g3t9AetD2KLCiigNFUgj/tIQoh1SqBRwVqNYgp53XvP2V9nped0Lpebl/LQmZ4ZZpjkZJ+99voe61tb8C1/5Fu+f/wfwPVm8DIG+vv7H1bVWufcp9baUefcWCqVKi5lo11dXV5NTc06EblPRNoAtABYqapD1tq9zrmelpaWaRHRpaxb6d3LAGSz2d+IyAbn3FljTG+xWEy3t7efW+yHuru7q621t3med7+qPgigGcCdAPIAuowxzyUSiaONjY2Fxa4533uVABwEsA3ARQDHAez1fb9769atn823kKrKyZMnVxUKhdtFJKWq3wWQAnAzgBoAH6vqQWvtH8nAUlmd69uXAcjlci+q6sMA1gL4BMB+Vd2fSCR6K4HYs2eP3bRp0zJjDN/f7Jzjphk2PPkN0YcDACOqekhVO5PJZPZqMvBLAI8BeATAagBnARwRkT97ntdXDmJ4eHj59PT0emPMVufcA9y8iNwBoA6AjQCEAE5dEwDpdPo2EXlQRJ4G8B0A6yImDqjqvnImstnsOlVtFZHvA9gJ4C4AfhnlLAJnABxW1T3V1dWZq8aAqppMJrM+AvE4gB8CuKGUCd/3jzU1NX3JuB8cHNwchuGjBKyq7QCWV4jXawcg/ng6nb7ZWrtTVX8C4CEAtxCEiLzBZAzD8ERNTc1YoVBY6ZxjtXkyYoDvxaETL3ftAfDLvb29t1prufnHohBZQxCqmmVJVNVjQRB8VF1dXeece0hVfxAlcD1wSZe/dgCy2Wy97/sz1topAIWpqambRKTDGPOsqu4AUAvgPICMiBxU1SMzMzMfJJPJG1SVYB+P6n8pE6xCpxebA8PDw4mJiYkqHqLnedPzldxKZfRXqvqliJwtFosjXEBVG0Xkp9wcgMYoLr4EMAjgDRE5PD09PVpTU1MXhiHrP6sY8+G2kjIaJ/HLCyXxiRMnbiwWi7cqk0zkbCqV+nzRfSCbzXay6ojISQDHVq5c+Y+JiYl1zrmnnHNPiwjre5yoFwAwnN6MQfi+v8bzvF0EoaqsYgw7wyokIm86515aCEAul9vinNtujHFBEKTb2tpOLQXApwA+EJHjzrnX8/l8jicbBAE3z4S+P+qs8ZrjERMHABxiOFVVVd2oqruMMT9WVTY2gjgXFYCXAfTNFxa5XI7sMRT57Nu+fXt6KQAosNj2uwB0iki3tXZ1GIbPAOA/hlCybMF/A8gxnBjnQRB86Ps+QbAZMrG3RlqIDfGlCxcu9OzatcsNDg5S4NWqqm+tpbgbb2pqmh4YGHjIOfczfoPvt7S0HF0qgDEROaKqPK1jUeKyzj8jIk1lDJQzsb8ExHrn3E4RmZUmqsqceWV0dLS3oaGhKp/P3yMid3N9Y8xnVKuFQoHgm0WEADwRefGrAPhYRP5CBoIg6BaRWmstw4EMUOhValYEEjNxwDl3yPf9j4MguMkYs9M5x80yPA9fvHhxqKamZo21ltKd+ULBNyoiB/L5fMbzvDuMMVQCy5xzf2ptbe1eKgPUP7MACoVCj+d5q4wxTwCIc2DFPMqUOdEP4HWWWM/zzhWLRXb2LSISOOeGkskkf7YhyitulKLvfRF5XkQOOeduFpEnVLVaRF5taWnpXSqAD6NG1VksFnuXCIDfIog0O7Yx5kgYhp8ZYyipYa39Ynx8fKa2trbBOccDeRbA7QCGVfX3IkLgdSLCUsxcey2VSvVdawD8XtwnWJ2YR2dqa2svnjt3jsrUiwAwJH8OYBMBAPgdN/xNAVCaE2855w4mk8m/UYVGM8RG6iwRoXznxDYLwDm3T0TWiAibZlJEXrseIVTKeJwTrzKcEonEaYIYGhpanc/nycCvRaRRVf8uIn+IBiiG0DcGAMF8QW3IzYVheKitrW2UP0yn048YY34BoDV655UwDF83xqyKc4A5cb0ZiNn4XFXfBfCC53lHtm3bNp7NZjm5dQCgHE+q6lFjzEHn3IqIgerrmcSVCgfdjTe5Kd/3M9PT0zO+76+PbBdK8DOq2kPpEZXRqq+aAx+xjLIPhGHYW9LIWPYoC+brA/O0CLhosnuHGkdV+4wxDC+OpRxlLyQSidGZmZnN1tonnXMJ+kjNzc0EVfGpZKtQC/2LjYzzK0VdJCWeiqrGffN04rm+w3mAQ00imtZo0bxFJpxzRycnJ8fr6uqqwzBU3/enpqamUiKyW0SoYjtTqRTL8JIA0E75K4A9xpjjFFwAqIXIAAGUi7n5Tp2/m4yaG4f9G6OXeUizboeI9J4+ffrT3bt3kyFkMpkHjDEssRKG4StLlRKcxCglqAD3MoRokVhr2fJ3A6CYK3cdFgLAuYGHwpLqAWDcU/9QwB02xuwLw/Dd1tZWgmJ1utcY8wgNBpbelpaWoaUwMCAiH3Hudc4dcc4Ne55H04oDCk+ldKBZaOPx78kAxdowLUsRIQBWn1nLRkTeJtu+7x+n28GJrFAo3Gmttc65kVQqRfCLC6FMJvPbSDWeofCanJz854oVK2hwcd79UVTyKL4Yz4t9ZiJfiALxqIgkVPVRAN8r8Z32s+aLSF8ikaCqTUxOTi6bmpqa7Ojo4N8vDkB/fz/dNYbRuLX2cw4YuVyuyhhzZxiG7SLCmZdT2UYArNOLeWjkciamOfaqqn5ijGmKGOXAE7sdbxtj9pY6gP8di+d2sS+rQl1dXVVr1651Y2NjrqOjg9UDXKSnp2d1IpHgpptVdbuI0DKnilwVzbzzAZm1VTgTR0NSfxAEN/i+z1mA1S2eCRgqByImepubm8cWOp1F39Awod57771ksVjkgH+3qpIpzrtbANy0QGLPAqC85ogYy2P6Tr7vP6iqnDViB5DNjjlBWdHb1tbGPjHns2gA8QpUkhs3blxrjOHGyQJ1zD2RhcIGV2nNS4ytVCrVIyKzJTM2zyIvlt4qq9MsE5W82HIkSwYQh1Qul1sJoF5EtkbOA9mgLGbFKl/3EgATExN9peHZ19e3ng5gpH8uYWIuVzwG8pUAxH+czWbpJqwPw/DeyMjaDoD/Z7MqrVIEMOvMOef2VLofKGMidsU5Qx+iig2CoGf58uXjjY2NE6UsfC0AXIgh1dDQQEeOecEEZ25QL3HKihveggCYY319fbdUYIJ9gobYc6p6prW1lU32f8/XBhCvxAGF10uqui262GNusGpRhvDhnM24fkFE0nMZW2TC8zzmAjs/c4ylukdVOa29H88SVySEyhMqm81yBKSpu4VMiMgOVaX0YCOcva4yxjw/3x0ZmcjlcrxnI5Ps+mtUdYTgwzD8sLwqXTEGSqtUfX09PR/aKIxldvAGOt0A3nHOvRwEwfEdO3ZMz1UbR0ZGlp0/f/4WEam31vL+4by19hQ7dPnNzhUHEG9qYGBgVRAEd0UNj2YYWThjjHmrUChk2tvbKfDmfHjX7Pt+te/7nAnYUKcqhd1VA8Dkrq+vXxcxQdnAewbOAb1BEAwtBCAq16azs3N2j5TalSTFVQMw3+leyd996wH8BxA4v3x6wGifAAAAAElFTkSuQmCC") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-mute:hover{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAHsUlEQVRoQ+2Z969VVRCFv7H33nvvvfcSe2+xxJgY4z9j/Bs0/mABFQXBhl1sgNjQSCyoiL2BDaxs873MJsfDuZd7gfeQxJ3cvAfv3HP22rNmzZo5wRq+Yg3fP/8DWN0RXCYCpZSzgM2Br4GPgW8j4s9hNlpKWQfYETgUOB44GtgMmA1MBF4BFkdEGea+Xdd2AbgF2B2YD0wHZkbEZ4M+qJSyIbArcARwMnAUsC/wO/AscCfwQkT8Meg9+13XBeBx4EjgZ+ClPLGXI+KbfjcqpXivLYA9gWOA0/PnDsDGwOeA977bCAwb1V7P7gIwDpBG2wJfAg/nZ3oXiFLK2sD6ef0+uWlp48kbSddfwAfAVOB+YNZoRuBG4CLgbGDLpNLTwIPAjDaIUsomwM7A4cCJyfm9ga0Bwbn+Bt4fKwDyV+5eAZyayWgkHgGmmBdNEKUUk/U44DzgNGA/YN1WyBWBucATwH3Aq6MZgbXyRAVxMXABsFUrEi9GxILkvbQ5JwGfABiR9ho7APXJpRSTzxO9CjgF2ClBPJrJ+JYSm/Io2Mvyeq+r1Km3G3sAPrmUsktu3pyQItskiFkpiS8CnybfBXl+5sBu8K8qP3YASik+/DdgEaBWbw+cCVwHnJRF7gd5nJEwwT9JmglC2hmRZiRUoQ8HzYFSynrABhk+C17PQtolozcBC/Kklb7FwCHANbk5f3d5zZuAlDI5rdoqj/pvxMwHBaHKaE3ie5eXxKWU7QCjb6WeHxHfDVMH1GlV521AinyUSnR5Jqr6XhP1JzUdeKwBQpqdkSBUMf+tMAjA68YPAOBA4FhgSToBJbhzdUVADyQlrMKTgdfyZJVVE1qLYGWta2FGQpm1UPldT1AQl2ZhE4R2xGgZAetJT1qUUoyeVDQCUyJi5jAA/JJlX99iNF7OgnYl4EcKbdS64Y8JtNJpXoKwGJrYFjm9kPliBDRznq4GT+No3ZCqHoY/zaVr8xnjI+KFYQEojz7M05JGPsQICOCwVgTakdB6mBOCsEIrxdWamDMT0iSapAcBB+T99Vq6Vb8nTQWgqx23IgCMwDONCAhAOghAo9dVrARSI1Hp5H1UMUG4WekpODcqrQQm1aw5ioDfU920Ih6YHuuBiJAFA+fASOY3ABhuXeYljRzYtNcNkwavZ/4YRblvJExM5dTN+38aPTfpx9/nAHdlHgnI52nNJ0WEtn4oAIax5oBfHgaAD5LLJp72WRDSoyb+91ln9s8Dsb5owd8Bbk/gyrFSbK49FBEzxhpAs05IC/NIGbXH0JnKbQFIyeuBvRLAbW44VW+1A2jmxJMZjXd1odlD7JER0L7bsRkBAeh4zQ9ltEZgzCnUjLh0MicmJZ0+TBD2Gkbg5pTm94A7snmSQv8ZAIKR956iEjs1IlQczaJ14obsJ7xGibV4mnOVQpNXRxJ35Zx+Zhpwj5GIiIWlFOVSo6j5ky4WLBNflTMCqtBqS+IuEMqnfshEVe91vUqsYxddsImubJsDyqjFTgBD54AevymjtZDphbQF/epAnxIxYh+sMc9nsiqPUse2VOeqOZRednk2SNrqiREhqKHqwFdZyOxfNXUC0I0KwGFVr0rc6zkWMM2bG7Jbsy6oTEZC2pjo0sUiah/iWObqdLH3R4QyPBQA7fRz2YBXANWNCqBt5vqdun/7NTepadOpujykOu2QItoMI+RyuuFh6ZYnDGslPAHD7Mk4BvTmypoAPBXNXHvqsDwAUsND8aQtYvJeu2Ak9EZq/7SIEJTqdHCOdewjTHjtx8AReCP7XBsVT8gC45BLWfNUmg3N8jZe/24E5Lb38nAEoPrIfYE9VaOd0w6jZHGTbh9EhNcMDODWDKeKIPIvsh/Qo1+Ykqf5ks+DLtXG++lwjazfdRRzbgOENcIaYGLrar1GN/prRPj9gQHIP2lkuNVuGwzlzBOxU7LntSvTCph4gyyHAwLQF1mRPVGpaERteOq0w0hI26UTQGdP/abYXS2lmzWZlkSE6iEnvc7S76alkP2q2q2LtGrK1X6rjlWsATZJWguHZfYCqlvtCeoE0Eg4AbSx6rsGfkNTSnGTqo+8tYsyUsqdPt+mpV9iVwBWWVvEEXuccyersEWrTgAtdkZipHOLCOtEzzUwgHqHdJImtRs3Cs5F7bYsRBa4rnu2B1uO10ckszE8U+Xs3FSnnrPYNpKhATQoZUNu+bcyGwk/5ong2vdtA5DjTXqqSnUo1o5E51S8AlkhAI1oSBsfrm6b4OaGvyuDTZUSQHMyt8z7gVYk6lTc4uaoRoXSTiyMiF+aUVgpABkNtdpCZ16Y4OaGUbHLqnkxCABzzHFkOxLSyeT31dTciLCOLF0rDaARDVVKVXJq4Rsac0PV0ke57LOVUe207906B1sZCXPBnDDHlGpP325tTu0lVgmF2glVSlGlPEUT3Eg4DFbvBVdfVzl56PmOLNXOg/D7RtQa4YxW8PPaqrTKItBSKR8qCLksJWzgLWbaaOvASxFhgexcpRQrsAehSCgWTsOdj/7YfrOzygE0gFjgfN0kDaSVUbAaa6N9xaTB67nyXbP0UQxUrEVdtBtNACa3Rc9ISCOLne5Tdzt7eQBSIEzsukedwTIvxkcNQL/TXZV/W+MB/AMANfVPjBGemwAAAABJRU5ErkJggg==") no-repeat 50%;background-size:100% 100%}.jessibuca-container .jessibuca-icon-text{font-size:14px;width:30px}.jessibuca-container .jessibuca-speed{font-size:14px;color:#fff}.jessibuca-container .jessibuca-quality-menu-list{position:absolute;left:50%;bottom:100%;visibility:hidden;opacity:0;transform:translateX(-50%);transition:visibility .3s,opacity .3s;background-color:rgba(0,0,0,.5);border-radius:4px}.jessibuca-container .jessibuca-quality-menu-list.jessibuca-quality-menu-shown{visibility:visible;opacity:1}.jessibuca-container .icon-title-tips{pointer-events:none;position:absolute;left:50%;bottom:100%;visibility:hidden;opacity:0;transform:translateX(-50%);transition:visibility .3s ease 0s,opacity .3s ease 0s;background-color:rgba(0,0,0,.5);border-radius:4px}.jessibuca-container .icon-title{display:inline-block;padding:5px 10px;font-size:12px;white-space:nowrap;color:#fff}.jessibuca-container .jessibuca-quality-menu{padding:8px 0}.jessibuca-container .jessibuca-quality-menu-item{display:block;height:25px;margin:0;padding:0 10px;cursor:pointer;font-size:14px;text-align:center;width:50px;color:hsla(0,0%,100%,.5);transition:color .3s,background-color .3s}.jessibuca-container .jessibuca-quality-menu-item:hover{background-color:hsla(0,0%,100%,.2)}.jessibuca-container .jessibuca-quality-menu-item:focus{outline:none}.jessibuca-container .jessibuca-quality-menu-item.jessibuca-quality-menu-item-active{color:#2298fc}.jessibuca-container .jessibuca-volume-panel-wrap{position:absolute;left:50%;bottom:100%;visibility:hidden;opacity:0;transform:translateX(-50%) translateY(22%);transition:visibility .3s,opacity .3s;background-color:rgba(0,0,0,.5);border-radius:4px;height:120px;width:50px;overflow:hidden}.jessibuca-container .jessibuca-volume-panel-wrap.jessibuca-volume-panel-wrap-show{visibility:visible;opacity:1}.jessibuca-container .jessibuca-volume-panel{cursor:pointer;position:absolute;top:21px;height:60px;width:50px;overflow:hidden}.jessibuca-container .jessibuca-volume-panel-text{position:absolute;left:0;top:0;width:50px;height:20px;line-height:20px;text-align:center;color:#fff;font-size:12px}.jessibuca-container .jessibuca-volume-panel-handle{position:absolute;top:48px;left:50%;width:12px;height:12px;border-radius:12px;margin-left:-6px;background:#fff}.jessibuca-container .jessibuca-volume-panel-handle:before{bottom:-54px;background:#fff}.jessibuca-container .jessibuca-volume-panel-handle:after{bottom:6px;background:hsla(0,0%,100%,.2)}.jessibuca-container .jessibuca-volume-panel-handle:after,.jessibuca-container .jessibuca-volume-panel-handle:before{content:"";position:absolute;display:block;left:50%;width:3px;margin-left:-1px;height:60px}');class Ue{constructor(e){var t;this.player=e,((e,t)=>{e.$container.classList.add("jessibuca-controls-show");const i=e._opt,n=i.operateBtns;e.$container.insertAdjacentHTML("beforeend",`\n            ${i.background?`<div class="jessibuca-poster" style="background-image: url(${i.background})"></div>`:""}\n            <div class="jessibuca-loading">\n                ${De.loading}\n                ${i.loadingText?`<div class="jessibuca-loading-text">${i.loadingText}</div>`:""}\n            </div>\n            ${i.hasControl&&n.play?'<div class="jessibuca-play-big"></div>':""}\n            ${i.hasControl?`\n                <div class="jessibuca-controls">\n                    <div class="jessibuca-controls-bottom">\n                        <div class="jessibuca-controls-left">\n                            ${i.showBandwidth?'<div class="jessibuca-controls-item jessibuca-speed"></div>':""}\n                        </div>\n                        <div class="jessibuca-controls-right">\n                             ${n.audio?`\n                                 <div class="jessibuca-controls-item jessibuca-volume">\n                                     ${De.audio}\n                                     ${De.mute}\n                                     <div class="jessibuca-volume-panel-wrap">\n                                          <div class="jessibuca-volume-panel">\n                                                 <div class="jessibuca-volume-panel-handle"></div>\n                                          </div>\n                                          <div class="jessibuca-volume-panel-text"></div>\n                                     </div>\n                                 </div>\n                             `:""}\n                             ${n.play?`<div class="jessibuca-controls-item jessibuca-play">${De.play}</div><div class="jessibuca-controls-item jessibuca-pause">${De.pause}</div>`:""}\n                             ${n.screenshot?`<div class="jessibuca-controls-item jessibuca-screenshot">${De.screenshot}</div>`:""}\n                             ${n.record?` <div class="jessibuca-controls-item jessibuca-record">${De.record}</div><div class="jessibuca-controls-item jessibuca-record-stop">${De.recordStop}</div>`:""}\n                             ${n.fullscreen?`<div class="jessibuca-controls-item jessibuca-fullscreen">${De.fullscreen}</div><div class="jessibuca-controls-item jessibuca-fullscreen-exit">${De.fullscreenExit}</div>`:""}\n                        </div>\n                    </div>\n                </div>\n            `:""}\n\n        `),Object.defineProperty(t,"$poster",{value:e.$container.querySelector(".jessibuca-poster")}),Object.defineProperty(t,"$loading",{value:e.$container.querySelector(".jessibuca-loading")}),Object.defineProperty(t,"$play",{value:e.$container.querySelector(".jessibuca-play")}),Object.defineProperty(t,"$playBig",{value:e.$container.querySelector(".jessibuca-play-big")}),Object.defineProperty(t,"$pause",{value:e.$container.querySelector(".jessibuca-pause")}),Object.defineProperty(t,"$controls",{value:e.$container.querySelector(".jessibuca-controls")}),Object.defineProperty(t,"$fullscreen",{value:e.$container.querySelector(".jessibuca-fullscreen")}),Object.defineProperty(t,"$fullscreen",{value:e.$container.querySelector(".jessibuca-fullscreen")}),Object.defineProperty(t,"$volume",{value:e.$container.querySelector(".jessibuca-volume")}),Object.defineProperty(t,"$volumePanelWrap",{value:e.$container.querySelector(".jessibuca-volume-panel-wrap")}),Object.defineProperty(t,"$volumePanelText",{value:e.$container.querySelector(".jessibuca-volume-panel-text")}),Object.defineProperty(t,"$volumePanel",{value:e.$container.querySelector(".jessibuca-volume-panel")}),Object.defineProperty(t,"$volumeHandle",{value:e.$container.querySelector(".jessibuca-volume-panel-handle")}),Object.defineProperty(t,"$volumeOn",{value:e.$container.querySelector(".jessibuca-icon-audio")}),Object.defineProperty(t,"$volumeOff",{value:e.$container.querySelector(".jessibuca-icon-mute")}),Object.defineProperty(t,"$fullscreen",{value:e.$container.querySelector(".jessibuca-fullscreen")}),Object.defineProperty(t,"$fullscreenExit",{value:e.$container.querySelector(".jessibuca-fullscreen-exit")}),Object.defineProperty(t,"$record",{value:e.$container.querySelector(".jessibuca-record")}),Object.defineProperty(t,"$recordStop",{value:e.$container.querySelector(".jessibuca-record-stop")}),Object.defineProperty(t,"$screenshot",{value:e.$container.querySelector(".jessibuca-screenshot")}),Object.defineProperty(t,"$speed",{value:e.$container.querySelector(".jessibuca-speed")})})(e,this),Oe(e,this),t=this,Object.defineProperty(t,"controlsRect",{get:()=>t.$controls.getBoundingClientRect()}),((e,t)=>{const{events:{proxy:i}}=e;function n(e){const{bottom:i,height:n}=t.$volumePanel.getBoundingClientRect(),{height:o}=t.$volumeHandle.getBoundingClientRect();return oe(i-e.y-o/2,0,n-o/2)/(n-o)}i(window,["click","contextmenu"],(i=>{i.composedPath().indexOf(e.$container)>-1?t.isFocus=!0:t.isFocus=!1})),i(window,"orientationchange",(()=>{setTimeout((()=>{e.resize()}),300)})),i(t.$controls,"click",(e=>{e.stopPropagation()})),i(t.$pause,"click",(t=>{e.pause()})),i(t.$play,"click",(t=>{e.play()})),i(t.$playBig,"click",(t=>{e.play()})),i(t.$volume,"mouseover",(()=>{t.$volumePanelWrap.classList.add("jessibuca-volume-panel-wrap-show")})),i(t.$volume,"mouseout",(()=>{t.$volumePanelWrap.classList.remove("jessibuca-volume-panel-wrap-show")})),i(t.$volumeOn,"click",(i=>{i.stopPropagation(),re(t.$volumeOn,"display","none"),re(t.$volumeOff,"display","block"),e.lastVolume=e.volume,e.volume=0})),i(t.$volumeOff,"click",(i=>{i.stopPropagation(),re(t.$volumeOn,"display","block"),re(t.$volumeOff,"display","none"),e.volume=e.lastVolume||.5})),i(t.$screenshot,"click",(t=>{t.stopPropagation(),e.video.screenshot()})),i(t.$volumePanel,"click",(t=>{t.stopPropagation(),e.volume=n(t)})),i(t.$volumeHandle,"mousedown",(()=>{t.isVolumeDroging=!0})),i(t.$volumeHandle,"mousemove",(i=>{t.isVolumeDroging&&(e.volume=n(i))})),i(document,"mouseup",(()=>{t.isVolumeDroging&&(t.isVolumeDroging=!1)})),i(t.$record,"click",(t=>{t.stopPropagation(),e.recording=!0})),i(t.$recordStop,"click",(t=>{t.stopPropagation(),e.recording=!1})),i(t.$fullscreen,"click",(t=>{t.stopPropagation(),e.fullscreen=!0})),i(t.$fullscreenExit,"click",(t=>{t.stopPropagation(),e.fullscreen=!1}))})(e,this),this.player.debug.log("Control","init")}autoSize(){const e=this.player;e.$container.style.padding="0 0";const t=e.width,i=e.height,n=t/i,o=e.audio.$videoElement.width/e.audio.$videoElement.height;if(n>o){const n=(t-i*o)/2;e.$container.style.padding=`0 ${n}px`}else{const n=(i-t/o)/2;e.$container.style.padding=`${n}px 0`}}destroy(){this.player.debug.log("control","destroy"),this.$poster&&this.player.$container.removeChild(this.$poster),this.player.$container.removeChild(this.$loading),this.$controls&&this.player.$container.removeChild(this.$controls),this.player=null}}je(".jessibuca-container{position:relative;width:100%;height:100%;overflow:hidden}.jessibuca-container.jessibuca-fullscreen-web{position:fixed;z-index:9999;left:0;top:0;right:0;bottom:0;width:100%!important;height:100%!important;background:#000}");class Fe{static init(){Fe.types={avc1:[],avcC:[],hvc1:[],hvcC:[],btrt:[],dinf:[],dref:[],esds:[],ftyp:[],hdlr:[],mdat:[],mdhd:[],mdia:[],mfhd:[],minf:[],moof:[],moov:[],mp4a:[],mvex:[],mvhd:[],sdtp:[],stbl:[],stco:[],stsc:[],stsd:[],stsz:[],stts:[],tfdt:[],tfhd:[],traf:[],trak:[],trun:[],trex:[],tkhd:[],vmhd:[],smhd:[]};for(let e in Fe.types)Fe.types.hasOwnProperty(e)&&(Fe.types[e]=[e.charCodeAt(0),e.charCodeAt(1),e.charCodeAt(2),e.charCodeAt(3)]);let e=Fe.constants={};e.FTYP=new Uint8Array([105,115,111,109,0,0,0,1,105,115,111,109,97,118,99,49]),e.STSD_PREFIX=new Uint8Array([0,0,0,0,0,0,0,1]),e.STTS=new Uint8Array([0,0,0,0,0,0,0,0]),e.STSC=e.STCO=e.STTS,e.STSZ=new Uint8Array([0,0,0,0,0,0,0,0,0,0,0,0]),e.HDLR_VIDEO=new Uint8Array([0,0,0,0,0,0,0,0,118,105,100,101,0,0,0,0,0,0,0,0,0,0,0,0,86,105,100,101,111,72,97,110,100,108,101,114,0]),e.HDLR_AUDIO=new Uint8Array([0,0,0,0,0,0,0,0,115,111,117,110,0,0,0,0,0,0,0,0,0,0,0,0,83,111,117,110,100,72,97,110,100,108,101,114,0]),e.DREF=new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,12,117,114,108,32,0,0,0,1]),e.SMHD=new Uint8Array([0,0,0,0,0,0,0,0]),e.VMHD=new Uint8Array([0,0,0,1,0,0,0,0,0,0,0,0])}static box(e){let t=8,i=null,n=Array.prototype.slice.call(arguments,1),o=n.length;for(let e=0;e<o;e++)t+=n[e].byteLength;i=new Uint8Array(t),i[0]=t>>>24&255,i[1]=t>>>16&255,i[2]=t>>>8&255,i[3]=255&t,i.set(e,4);let r=8;for(let e=0;e<o;e++)i.set(n[e],r),r+=n[e].byteLength;return i}static generateInitSegment(e){let t=Fe.box(Fe.types.ftyp,Fe.constants.FTYP),i=Fe.moov(e),n=new Uint8Array(t.byteLength+i.byteLength);return n.set(t,0),n.set(i,t.byteLength),n}static moov(e){let t=Fe.mvhd(e.timescale,e.duration),i=Fe.trak(e),n=Fe.mvex(e);return Fe.box(Fe.types.moov,t,i,n)}static mvhd(e,t){return Fe.box(Fe.types.mvhd,new Uint8Array([0,0,0,0,0,0,0,0,0,0,0,0,e>>>24&255,e>>>16&255,e>>>8&255,255&e,t>>>24&255,t>>>16&255,t>>>8&255,255&t,0,1,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,64,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,255,255,255,255]))}static trak(e){return Fe.box(Fe.types.trak,Fe.tkhd(e),Fe.mdia(e))}static tkhd(e){let t=e.id,i=e.duration,n=e.presentWidth,o=e.presentHeight;return Fe.box(Fe.types.tkhd,new Uint8Array([0,0,0,7,0,0,0,0,0,0,0,0,t>>>24&255,t>>>16&255,t>>>8&255,255&t,0,0,0,0,i>>>24&255,i>>>16&255,i>>>8&255,255&i,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,64,0,0,0,n>>>8&255,255&n,0,0,o>>>8&255,255&o,0,0]))}static mdia(e){return Fe.box(Fe.types.mdia,Fe.mdhd(e),Fe.hdlr(e),Fe.minf(e))}static mdhd(e){let t=e.timescale,i=e.duration;return Fe.box(Fe.types.mdhd,new Uint8Array([0,0,0,0,0,0,0,0,0,0,0,0,t>>>24&255,t>>>16&255,t>>>8&255,255&t,i>>>24&255,i>>>16&255,i>>>8&255,255&i,85,196,0,0]))}static hdlr(e){let t=null;return t="audio"===e.type?Fe.constants.HDLR_AUDIO:Fe.constants.HDLR_VIDEO,Fe.box(Fe.types.hdlr,t)}static minf(e){let t=null;return t="audio"===e.type?Fe.box(Fe.types.smhd,Fe.constants.SMHD):Fe.box(Fe.types.vmhd,Fe.constants.VMHD),Fe.box(Fe.types.minf,t,Fe.dinf(),Fe.stbl(e))}static dinf(){return Fe.box(Fe.types.dinf,Fe.box(Fe.types.dref,Fe.constants.DREF))}static stbl(e){return Fe.box(Fe.types.stbl,Fe.stsd(e),Fe.box(Fe.types.stts,Fe.constants.STTS),Fe.box(Fe.types.stsc,Fe.constants.STSC),Fe.box(Fe.types.stsz,Fe.constants.STSZ),Fe.box(Fe.types.stco,Fe.constants.STCO))}static stsdOld(e){return"audio"===e.type?Fe.box(Fe.types.stsd,Fe.constants.STSD_PREFIX,Fe.mp4a(e)):"avc"===e.videoType?Fe.box(Fe.types.stsd,Fe.constants.STSD_PREFIX,Fe.avc1(e)):Fe.box(Fe.types.stsd,Fe.constants.STSD_PREFIX,Fe.hvc1(e))}static stsd(e){return"audio"===e.type?Fe.box(Fe.types.stsd,Fe.constants.STSD_PREFIX,Fe.mp4a(e)):"avc"===e.videoType?Fe.box(Fe.types.stsd,Fe.constants.STSD_PREFIX,Fe.avc1(e)):Fe.box(Fe.types.stsd,Fe.constants.STSD_PREFIX,Fe.hvc1(e))}static mp4a(e){let t=e.channelCount,i=e.audioSampleRate,n=new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,t,0,16,0,0,0,0,i>>>8&255,255&i,0,0]);return Fe.box(Fe.types.mp4a,n,Fe.esds(e))}static esds(e){let t=e.config||[],i=t.length,n=new Uint8Array([0,0,0,0,3,23+i,0,1,0,4,15+i,64,21,0,0,0,0,0,0,0,0,0,0,0,5].concat([i]).concat(t).concat([6,1,2]));return Fe.box(Fe.types.esds,n)}static avc1(e){let t=e.avcc;const i=e.codecWidth,n=e.codecHeight;let o=new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,i>>>8&255,255&i,n>>>8&255,255&n,0,72,0,0,0,72,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,24,255,255]);return Fe.box(Fe.types.avc1,o,Fe.box(Fe.types.avcC,t))}static hvc1(e){let t=e.avcc;const i=e.codecWidth,n=e.codecHeight;let o=new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,i>>>8&255,255&i,n>>>8&255,255&n,0,72,0,0,0,72,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,24,255,255]);return Fe.box(Fe.types.hvc1,o,Fe.box(Fe.types.hvcC,t))}static mvex(e){return Fe.box(Fe.types.mvex,Fe.trex(e))}static trex(e){let t=e.id,i=new Uint8Array([0,0,0,0,t>>>24&255,t>>>16&255,t>>>8&255,255&t,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0,1]);return Fe.box(Fe.types.trex,i)}static moof(e,t){return Fe.box(Fe.types.moof,Fe.mfhd(e.sequenceNumber),Fe.traf(e,t))}static mfhd(e){let t=new Uint8Array([0,0,0,0,e>>>24&255,e>>>16&255,e>>>8&255,255&e]);return Fe.box(Fe.types.mfhd,t)}static traf(e,t){let i=e.id,n=Fe.box(Fe.types.tfhd,new Uint8Array([0,0,0,0,i>>>24&255,i>>>16&255,i>>>8&255,255&i])),o=Fe.box(Fe.types.tfdt,new Uint8Array([0,0,0,0,t>>>24&255,t>>>16&255,t>>>8&255,255&t])),r=Fe.sdtp(e),s=Fe.trun(e,r.byteLength+16+16+8+16+8+8);return Fe.box(Fe.types.traf,n,o,s,r)}static sdtpOld(e){let t=new Uint8Array(5),i=e.flags;return t[4]=i.isLeading<<6|i.dependsOn<<4|i.isDependedOn<<2|i.hasRedundancy,Fe.box(Fe.types.sdtp,t)}static sdtp(e){let t=new Uint8Array(5),i=e.flags;return t[4]=i.isLeading<<6|i.dependsOn<<4|i.isDependedOn<<2|i.hasRedundancy,Fe.box(Fe.types.sdtp,t)}static trun(e,t){let i=new Uint8Array(28);t+=36,i.set([0,0,15,1,0,0,0,1,t>>>24&255,t>>>16&255,t>>>8&255,255&t],0);let n=e.duration,o=e.size,r=e.flags,s=e.cts;return i.set([n>>>24&255,n>>>16&255,n>>>8&255,255&n,o>>>24&255,o>>>16&255,o>>>8&255,255&o,r.isLeading<<2|r.dependsOn,r.isDependedOn<<6|r.hasRedundancy<<4|r.isNonSync,0,0,s>>>24&255,s>>>16&255,s>>>8&255,255&s],12),Fe.box(Fe.types.trun,i)}static mdat(e){return Fe.box(Fe.types.mdat,e)}}Fe.init();class Pe{constructor(e){this.TAG="ExpGolomb",this._buffer=e,this._buffer_index=0,this._total_bytes=e.byteLength,this._total_bits=8*e.byteLength,this._current_word=0,this._current_word_bits_left=0}destroy(){this._buffer=null}_fillCurrentWord(){let e=this._total_bytes-this._buffer_index,t=Math.min(4,e),i=new Uint8Array(4);i.set(this._buffer.subarray(this._buffer_index,this._buffer_index+t)),this._current_word=new DataView(i.buffer).getUint32(0,!1),this._buffer_index+=t,this._current_word_bits_left=8*t}readBits(e){if(e<=this._current_word_bits_left){let t=this._current_word>>>32-e;return this._current_word<<=e,this._current_word_bits_left-=e,t}let t=this._current_word_bits_left?this._current_word:0;t>>>=32-this._current_word_bits_left;let i=e-this._current_word_bits_left;this._fillCurrentWord();let n=Math.min(i,this._current_word_bits_left),o=this._current_word>>>32-n;return this._current_word<<=n,this._current_word_bits_left-=n,t=t<<n|o,t}readBool(){return 1===this.readBits(1)}readByte(){return this.readBits(8)}_skipLeadingZero(){let e;for(e=0;e<this._current_word_bits_left;e++)if(0!=(this._current_word&2147483648>>>e))return this._current_word<<=e,this._current_word_bits_left-=e,e;return this._fillCurrentWord(),e+this._skipLeadingZero()}readUEG(){let e=this._skipLeadingZero();return this.readBits(e+1)-1}readSEG(){let e=this.readUEG();return 1&e?e+1>>>1:-1*(e>>>1)}}class Me{static _ebsp2rbsp(e){let t=e,i=t.byteLength,n=new Uint8Array(i),o=0;for(let e=0;e<i;e++)e>=2&&3===t[e]&&0===t[e-1]&&0===t[e-2]||(n[o]=t[e],o++);return new Uint8Array(n.buffer,0,o)}static parseSPS(e){let t=Me._ebsp2rbsp(e),i=new Pe(t);i.readByte();let n=i.readByte();i.readByte();let o=i.readByte();i.readUEG();let r=Me.getProfileString(n),s=Me.getLevelString(o),a=1,A=420,c=[0,420,422,444],d=8;if((100===n||110===n||122===n||244===n||44===n||83===n||86===n||118===n||128===n||138===n||144===n)&&(a=i.readUEG(),3===a&&i.readBits(1),a<=3&&(A=c[a]),d=i.readUEG()+8,i.readUEG(),i.readBits(1),i.readBool())){let e=3!==a?8:12;for(let t=0;t<e;t++)i.readBool()&&(t<6?Me._skipScalingList(i,16):Me._skipScalingList(i,64))}i.readUEG();let l=i.readUEG();if(0===l)i.readUEG();else if(1===l){i.readBits(1),i.readSEG(),i.readSEG();let e=i.readUEG();for(let t=0;t<e;t++)i.readSEG()}let u=i.readUEG();i.readBits(1);let h=i.readUEG(),f=i.readUEG(),p=i.readBits(1);0===p&&i.readBits(1),i.readBits(1);let g=0,m=0,b=0,y=0;i.readBool()&&(g=i.readUEG(),m=i.readUEG(),b=i.readUEG(),y=i.readUEG());let v=1,w=1,E=0,S=!0,R=0,C=0;if(i.readBool()){if(i.readBool()){let e=i.readByte(),t=[1,12,10,16,40,24,20,32,80,18,15,64,160,4,3,2],n=[1,11,11,11,33,11,11,11,33,11,11,33,99,3,2,1];e>0&&e<16?(v=t[e-1],w=n[e-1]):255===e&&(v=i.readByte()<<8|i.readByte(),w=i.readByte()<<8|i.readByte())}if(i.readBool()&&i.readBool(),i.readBool()&&(i.readBits(4),i.readBool()&&i.readBits(24)),i.readBool()&&(i.readUEG(),i.readUEG()),i.readBool()){let e=i.readBits(32),t=i.readBits(32);S=i.readBool(),R=t,C=2*e,E=R/C}}let B=1;1===v&&1===w||(B=v/w);let k=0,I=0;if(0===a)k=1,I=2-p;else{k=3===a?1:2,I=(1===a?2:1)*(2-p)}let T=16*(h+1),x=16*(f+1)*(2-p);T-=(g+m)*k,x-=(b+y)*I;let L=Math.ceil(T*B);return i.destroy(),i=null,{profile_string:r,level_string:s,bit_depth:d,ref_frames:u,chroma_format:A,chroma_format_string:Me.getChromaFormatString(A),frame_rate:{fixed:S,fps:E,fps_den:C,fps_num:R},sar_ratio:{width:v,height:w},codec_size:{width:T,height:x},present_size:{width:L,height:x}}}static _skipScalingList(e,t){let i=8,n=8,o=0;for(let r=0;r<t;r++)0!==n&&(o=e.readSEG(),n=(i+o+256)%256),i=0===n?i:n}static getProfileString(e){switch(e){case 66:return"Baseline";case 77:return"Main";case 88:return"Extended";case 100:return"High";case 110:return"High10";case 122:return"High422";case 244:return"High444";default:return"Unknown"}}static getLevelString(e){return(e/10).toFixed(1)}static getChromaFormatString(e){switch(e){case 420:return"4:2:0";case 422:return"4:2:2";case 444:return"4:4:4";default:return"Unknown"}}}class Ve extends ue{constructor(e){super(),this.player=e,this.isAvc=!0,this.mediaSource=new window.MediaSource,this.sourceBuffer=null,this.hasInit=!1,this.isInitInfo=!1,this.cacheTrack={},this.timeInit=!1,this.sequenceNumber=0,this.mediaSourceOpen=!1,this.bufferList=[],this.dropping=!1,this.player.video.$videoElement.src=window.URL.createObjectURL(this.mediaSource);const{debug:t,events:{proxy:i}}=e;i(this.mediaSource,"sourceopen",(()=>{this.mediaSourceOpen=!0,this.player.emit(v.mseSourceOpen)})),i(this.mediaSource,"sourceclose",(()=>{this.player.emit(v.mseSourceClose)})),e.debug.log("MediaSource","init")}get state(){return this.mediaSource.readyState}get isStateOpen(){return this.state===z}get isStateClosed(){return this.state===X}get isStateEnded(){return this.state===q}get duration(){return this.mediaSource.duration}set duration(e){this.mediaSource.duration=e}decodeVideo(e,t,i){const n=this.player;if(this.hasInit)this._decodeVideo(e,t,i);else if(i&&0===e[1]){const o=15&e[0];if(n.video.updateVideoInfo({encTypeCode:o}),o===x)return void this.emit(E.mediaSourceH265NotSupport);this._decodeConfigurationRecord(e,t,i,o),this.hasInit=!0}}_doDecode(){const e=this.bufferList.shift();e&&this._decodeVideo(e.payload,e.ts,e.isIframe)}_decodeConfigurationRecord(e,t,i,n){let o=e.slice(5),r={};n===T?r=function(e){const t={},i=new DataView(e.buffer);let n=i.getUint8(0),o=i.getUint8(1);if(i.getUint8(2),i.getUint8(3),1!==n||0===o)return;const r=1+(3&i.getUint8(4));if(3!==r&&4!==r)return;let s=31&i.getUint8(5);if(0===s)return;let a=6;for(let n=0;n<s;n++){let o=i.getUint16(a,!1);if(a+=2,0===o)continue;let r=new Uint8Array(e.buffer,a,o);a+=o;let s=Me.parseSPS(r);if(0!==n)continue;t.codecWidth=s.codec_size.width,t.codecHeight=s.codec_size.height,t.presentWidth=s.present_size.width,t.presentHeight=s.present_size.height,t.profile=s.profile_string,t.level=s.level_string,t.bitDepth=s.bit_depth,t.chromaFormat=s.chroma_format,t.sarRatio=s.sar_ratio,t.frameRate=s.frame_rate,!1!==s.frame_rate.fixed&&0!==s.frame_rate.fps_num&&0!==s.frame_rate.fps_den||(t.frameRate={});let A=t.frameRate.fps_den,c=t.frameRate.fps_num;t.refSampleDuration=t.timescale*(A/c);let d=r.subarray(1,4),l="avc1.";for(let e=0;e<3;e++){let t=d[e].toString(16);t.length<2&&(t="0"+t),l+=t}t.codec=l}let A=i.getUint8(a);if(0!==A){a++;for(let t=0;t<A;t++){let t=i.getUint16(a,!1);a+=2,0!==t&&(new Uint8Array(e.buffer,a,t),a+=t)}return t.videoType="avc",t}}(o):n===x&&(r=function(e){const t={videoType:"hevc"};let i=23;if(e[i]!==D)return t;i+=2,i+=1;const n=e[i+1]|e[i]<<8;i+=2;const o=e.slice(i,i+n);if(console.log(Uint8Array.from(o)),i+=n,e[i]!==O)return t;i+=2,i+=1;const r=e[i+1]|e[i]<<8;i+=2;const s=e.slice(i,i+r);if(console.log(Uint8Array.from(s)),i+=r,e[i]!==j)return t;i+=2,i+=1;const a=e[i+1]|e[i]<<8;i+=2;const A=e.slice(i,i+a);console.log(Uint8Array.from(A));let c=Uint8Array.from(s),d=class{static parseSPS(e){}}.parseSPS(c);return t.codecWidth=d.codec_size.width,t.codecHeight=d.codec_size.height,t.presentWidth=d.present_size.width,t.presentHeight=d.present_size.height,t.profile=d.profile_string,t.level=d.level_string,t.bitDepth=d.bit_depth,t.chromaFormat=d.chroma_format,t.sarRatio=d.sar_ratio,t}(o));const s={id:1,type:"video",timescale:1e3,duration:0,avcc:o,codecWidth:r.codecWidth,codecHeight:r.codecHeight,videoType:r.videoType},a=Fe.generateInitSegment(s);this.isAvc=!0,this.appendBuffer(a.buffer),this.sequenceNumber=0,this.cacheTrack=null,this.timeInit=!1}_decodeVideo(e,t,i){const n=this.player;let o=e.slice(5),r=o.byteLength,s=t;const a=n.video.$videoElement;if(a.buffered.length>1&&(this.removeBuffer(a.buffered.start(0),a.buffered.end(0)),this.timeInit=!1),a.drop&&s-this.cacheTrack.dts>1e3)a.drop=!1,this.cacheTrack={};else if(this.cacheTrack&&s>this.cacheTrack.dts){let e=8+this.cacheTrack.size,i=new Uint8Array(e);i[0]=e>>>24&255,i[1]=e>>>16&255,i[2]=e>>>8&255,i[3]=255&e,i.set(Fe.types.mdat,4),i.set(this.cacheTrack.data,8),this.cacheTrack.duration=s-this.cacheTrack.dts;let o=Fe.moof(this.cacheTrack,this.cacheTrack.dts),r=new Uint8Array(o.byteLength+i.byteLength);r.set(o,0),r.set(i,o.byteLength),this.appendBuffer(r.buffer),n.handleRender(),n.updateStats({fps:!0,ts:t,buf:n.demux.delay})}else n.debug.log("MediaSource","timeInit set false , cacheTrack = {}"),this.timeInit=!1,this.cacheTrack={};this.cacheTrack.id=1,this.cacheTrack.sequenceNumber=++this.sequenceNumber,this.cacheTrack.size=r,this.cacheTrack.dts=s,this.cacheTrack.cts=0,this.cacheTrack.isKeyframe=i,this.cacheTrack.data=o,this.cacheTrack.flags={isLeading:0,dependsOn:i?2:1,isDependedOn:i?1:0,hasRedundancy:0,isNonSync:i?0:1},this.timeInit||1!==a.buffered.length||(n.debug.log("MediaSource","timeInit set true"),this.timeInit=!0,a.currentTime=a.buffered.end(0)),!this.isInitInfo&&a.videoWidth>0&&a.videoHeight>0&&(n.debug.log("MediaSource",`updateVideoInfo: ${a.videoWidth},${a.videoHeight}`),n.video.updateVideoInfo({width:a.videoWidth,height:a.videoHeight}),n.video.initCanvasViewSize(),this.isInitInfo=!0)}appendBuffer(e){const{debug:t,events:{proxy:i}}=this.player;null===this.sourceBuffer&&(this.sourceBuffer=this.mediaSource.addSourceBuffer(J),i(this.sourceBuffer,"error",(e=>{this.player.emit(v.mseSourceBufferError,e)}))),!1===this.sourceBuffer.updating&&this.isStateOpen?this.sourceBuffer.appendBuffer(e):this.isStateClosed?this.player.emit(v.mseSourceBufferError,"mediaSource is not attached to video or mediaSource is closed"):this.isStateEnded?this.player.emit(v.mseSourceBufferError,"mediaSource is closed"):!0===this.sourceBuffer.updating&&(this.player.emit(v.mseSourceBufferBusy),this.dropSourceBuffer(!0))}stop(){this.isStateOpen&&this.sourceBuffer&&this.sourceBuffer.abort(),this.endOfStream()}dropSourceBuffer(e){const t=this.player.video.$videoElement;this.dropping=e,t.buffered.length>0&&t.buffered.end(0)-t.currentTime>1&&(t.currentTime=t.buffered.end(0))}removeBuffer(e,t){if(this.isStateOpen&&!1===this.sourceBuffer.updating)try{this.sourceBuffer.remove(e,t)}catch(e){console.error(e)}}endOfStream(){this.isStateOpen&&this.mediaSource.endOfStream()}destroy(){this.stop(),this.bufferList=[],this.mediaSource=null,this.mediaSourceOpen=!1,this.sourceBuffer=null,this.hasInit=!1,this.isInitInfo=!1,this.sequenceNumber=0,this.cacheTrack=null,this.timeInit=!1,this.off(),this.player.debug.log("MediaSource","destroy")}}const Qe=()=>"undefined"!=typeof navigator&&parseFloat((""+(/CPU.*OS ([0-9_]{3,4})[0-9_]{0,1}|(CPU like).*AppleWebKit.*Mobile/i.exec(navigator.userAgent)||[0,""])[1]).replace("undefined","3_2").replace("_",".").replace("_",""))<10&&!window.MSStream,Ne=()=>"wakeLock"in navigator;class We{constructor(e){if(this.player=e,this.enabled=!1,Ne()){this._wakeLock=null;const e=()=>{null!==this._wakeLock&&"visible"===document.visibilityState&&this.enable()};document.addEventListener("visibilitychange",e),document.addEventListener("fullscreenchange",e)}else Qe()?this.noSleepTimer=null:(this.noSleepVideo=document.createElement("video"),this.noSleepVideo.setAttribute("title","No Sleep"),this.noSleepVideo.setAttribute("playsinline",""),this._addSourceToVideo(this.noSleepVideo,"webm","data:video/webm;base64,GkXfowEAAAAAAAAfQoaBAUL3gQFC8oEEQvOBCEKChHdlYm1Ch4EEQoWBAhhTgGcBAAAAAAAVkhFNm3RALE27i1OrhBVJqWZTrIHfTbuMU6uEFlSua1OsggEwTbuMU6uEHFO7a1OsghV17AEAAAAAAACkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVSalmAQAAAAAAAEUq17GDD0JATYCNTGF2ZjU1LjMzLjEwMFdBjUxhdmY1NS4zMy4xMDBzpJBlrrXf3DCDVB8KcgbMpcr+RImIQJBgAAAAAAAWVK5rAQAAAAAAD++uAQAAAAAAADLXgQFzxYEBnIEAIrWcg3VuZIaFVl9WUDiDgQEj44OEAmJaAOABAAAAAAAABrCBsLqBkK4BAAAAAAAPq9eBAnPFgQKcgQAitZyDdW5khohBX1ZPUkJJU4OBAuEBAAAAAAAAEZ+BArWIQOdwAAAAAABiZIEgY6JPbwIeVgF2b3JiaXMAAAAAAoC7AAAAAAAAgLUBAAAAAAC4AQN2b3JiaXMtAAAAWGlwaC5PcmcgbGliVm9yYmlzIEkgMjAxMDExMDEgKFNjaGF1ZmVudWdnZXQpAQAAABUAAABlbmNvZGVyPUxhdmM1NS41Mi4xMDIBBXZvcmJpcyVCQ1YBAEAAACRzGCpGpXMWhBAaQlAZ4xxCzmvsGUJMEYIcMkxbyyVzkCGkoEKIWyiB0JBVAABAAACHQXgUhIpBCCGEJT1YkoMnPQghhIg5eBSEaUEIIYQQQgghhBBCCCGERTlokoMnQQgdhOMwOAyD5Tj4HIRFOVgQgydB6CCED0K4moOsOQghhCQ1SFCDBjnoHITCLCiKgsQwuBaEBDUojILkMMjUgwtCiJqDSTX4GoRnQXgWhGlBCCGEJEFIkIMGQcgYhEZBWJKDBjm4FITLQagahCo5CB+EIDRkFQCQAACgoiiKoigKEBqyCgDIAAAQQFEUx3EcyZEcybEcCwgNWQUAAAEACAAAoEiKpEiO5EiSJFmSJVmSJVmS5omqLMuyLMuyLMsyEBqyCgBIAABQUQxFcRQHCA1ZBQBkAAAIoDiKpViKpWiK54iOCISGrAIAgAAABAAAEDRDUzxHlETPVFXXtm3btm3btm3btm3btm1blmUZCA1ZBQBAAAAQ0mlmqQaIMAMZBkJDVgEACAAAgBGKMMSA0JBVAABAAACAGEoOogmtOd+c46BZDppKsTkdnEi1eZKbirk555xzzsnmnDHOOeecopxZDJoJrTnnnMSgWQqaCa0555wnsXnQmiqtOeeccc7pYJwRxjnnnCateZCajbU555wFrWmOmkuxOeecSLl5UptLtTnnnHPOOeecc84555zqxekcnBPOOeecqL25lpvQxTnnnE/G6d6cEM4555xzzjnnnHPOOeecIDRkFQAABABAEIaNYdwpCNLnaCBGEWIaMulB9+gwCRqDnELq0ehopJQ6CCWVcVJKJwgNWQUAAAIAQAghhRRSSCGFFFJIIYUUYoghhhhyyimnoIJKKqmooowyyyyzzDLLLLPMOuyssw47DDHEEEMrrcRSU2011lhr7jnnmoO0VlprrbVSSimllFIKQkNWAQAgAAAEQgYZZJBRSCGFFGKIKaeccgoqqIDQkFUAACAAgAAAAABP8hzRER3RER3RER3RER3R8RzPESVREiVREi3TMjXTU0VVdWXXlnVZt31b2IVd933d933d+HVhWJZlWZZlWZZlWZZlWZZlWZYgNGQVAAACAAAghBBCSCGFFFJIKcYYc8w56CSUEAgNWQUAAAIACAAAAHAUR3EcyZEcSbIkS9IkzdIsT/M0TxM9URRF0zRV0RVdUTdtUTZl0zVdUzZdVVZtV5ZtW7Z125dl2/d93/d93/d93/d93/d9XQdCQ1YBABIAADqSIymSIimS4ziOJElAaMgqAEAGAEAAAIriKI7jOJIkSZIlaZJneZaomZrpmZ4qqkBoyCoAABAAQAAAAAAAAIqmeIqpeIqoeI7oiJJomZaoqZoryqbsuq7ruq7ruq7ruq7ruq7ruq7ruq7ruq7ruq7ruq7ruq7ruq4LhIasAgAkAAB0JEdyJEdSJEVSJEdygNCQVQCADACAAAAcwzEkRXIsy9I0T/M0TxM90RM901NFV3SB0JBVAAAgAIAAAAAAAAAMybAUy9EcTRIl1VItVVMt1VJF1VNVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVN0zRNEwgNWQkAkAEAkBBTLS3GmgmLJGLSaqugYwxS7KWxSCpntbfKMYUYtV4ah5RREHupJGOKQcwtpNApJq3WVEKFFKSYYyoVUg5SIDRkhQAQmgHgcBxAsixAsiwAAAAAAAAAkDQN0DwPsDQPAAAAAAAAACRNAyxPAzTPAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABA0jRA8zxA8zwAAAAAAAAA0DwP8DwR8EQRAAAAAAAAACzPAzTRAzxRBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABA0jRA8zxA8zwAAAAAAAAAsDwP8EQR0DwRAAAAAAAAACzPAzxRBDzRAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAEOAAABBgIRQasiIAiBMAcEgSJAmSBM0DSJYFTYOmwTQBkmVB06BpME0AAAAAAAAAAAAAJE2DpkHTIIoASdOgadA0iCIAAAAAAAAAAAAAkqZB06BpEEWApGnQNGgaRBEAAAAAAAAAAAAAzzQhihBFmCbAM02IIkQRpgkAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAGHAAAAgwoQwUGrIiAIgTAHA4imUBAIDjOJYFAACO41gWAABYliWKAABgWZooAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAYcAAACDChDBQashIAiAIAcCiKZQHHsSzgOJYFJMmyAJYF0DyApgFEEQAIAAAocAAACLBBU2JxgEJDVgIAUQAABsWxLE0TRZKkaZoniiRJ0zxPFGma53meacLzPM80IYqiaJoQRVE0TZimaaoqME1VFQAAUOAAABBgg6bE4gCFhqwEAEICAByKYlma5nmeJ4qmqZokSdM8TxRF0TRNU1VJkqZ5niiKommapqqyLE3zPFEURdNUVVWFpnmeKIqiaaqq6sLzPE8URdE0VdV14XmeJ4qiaJqq6roQRVE0TdNUTVV1XSCKpmmaqqqqrgtETxRNU1Vd13WB54miaaqqq7ouEE3TVFVVdV1ZBpimaaqq68oyQFVV1XVdV5YBqqqqruu6sgxQVdd1XVmWZQCu67qyLMsCAAAOHAAAAoygk4wqi7DRhAsPQKEhKwKAKAAAwBimFFPKMCYhpBAaxiSEFEImJaXSUqogpFJSKRWEVEoqJaOUUmopVRBSKamUCkIqJZVSAADYgQMA2IGFUGjISgAgDwCAMEYpxhhzTiKkFGPOOScRUoox55yTSjHmnHPOSSkZc8w556SUzjnnnHNSSuacc845KaVzzjnnnJRSSuecc05KKSWEzkEnpZTSOeecEwAAVOAAABBgo8jmBCNBhYasBABSAQAMjmNZmuZ5omialiRpmud5niiapiZJmuZ5nieKqsnzPE8URdE0VZXneZ4oiqJpqirXFUXTNE1VVV2yLIqmaZqq6rowTdNUVdd1XZimaaqq67oubFtVVdV1ZRm2raqq6rqyDFzXdWXZloEsu67s2rIAAPAEBwCgAhtWRzgpGgssNGQlAJABAEAYg5BCCCFlEEIKIYSUUggJAAAYcAAACDChDBQashIASAUAAIyx1lprrbXWQGettdZaa62AzFprrbXWWmuttdZaa6211lJrrbXWWmuttdZaa6211lprrbXWWmuttdZaa6211lprrbXWWmuttdZaa6211lprrbXWWmstpZRSSimllFJKKaWUUkoppZRSSgUA+lU4APg/2LA6wknRWGChISsBgHAAAMAYpRhzDEIppVQIMeacdFRai7FCiDHnJKTUWmzFc85BKCGV1mIsnnMOQikpxVZjUSmEUlJKLbZYi0qho5JSSq3VWIwxqaTWWoutxmKMSSm01FqLMRYjbE2ptdhqq7EYY2sqLbQYY4zFCF9kbC2m2moNxggjWywt1VprMMYY3VuLpbaaizE++NpSLDHWXAAAd4MDAESCjTOsJJ0VjgYXGrISAAgJACAQUooxxhhzzjnnpFKMOeaccw5CCKFUijHGnHMOQgghlIwx5pxzEEIIIYRSSsaccxBCCCGEkFLqnHMQQgghhBBKKZ1zDkIIIYQQQimlgxBCCCGEEEoopaQUQgghhBBCCKmklEIIIYRSQighlZRSCCGEEEIpJaSUUgohhFJCCKGElFJKKYUQQgillJJSSimlEkoJJYQSUikppRRKCCGUUkpKKaVUSgmhhBJKKSWllFJKIYQQSikFAAAcOAAABBhBJxlVFmGjCRcegEJDVgIAZAAAkKKUUiktRYIipRikGEtGFXNQWoqocgxSzalSziDmJJaIMYSUk1Qy5hRCDELqHHVMKQYtlRhCxhik2HJLoXMOAAAAQQCAgJAAAAMEBTMAwOAA4XMQdAIERxsAgCBEZohEw0JweFAJEBFTAUBigkIuAFRYXKRdXECXAS7o4q4DIQQhCEEsDqCABByccMMTb3jCDU7QKSp1IAAAAAAADADwAACQXAAREdHMYWRobHB0eHyAhIiMkAgAAAAAABcAfAAAJCVAREQ0cxgZGhscHR4fICEiIyQBAIAAAgAAAAAggAAEBAQAAAAAAAIAAAAEBB9DtnUBAAAAAAAEPueBAKOFggAAgACjzoEAA4BwBwCdASqwAJAAAEcIhYWIhYSIAgIABhwJ7kPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99YAD+/6tQgKOFggADgAqjhYIAD4AOo4WCACSADqOZgQArADECAAEQEAAYABhYL/QACIBDmAYAAKOFggA6gA6jhYIAT4AOo5mBAFMAMQIAARAQABgAGFgv9AAIgEOYBgAAo4WCAGSADqOFggB6gA6jmYEAewAxAgABEBAAGAAYWC/0AAiAQ5gGAACjhYIAj4AOo5mBAKMAMQIAARAQABgAGFgv9AAIgEOYBgAAo4WCAKSADqOFggC6gA6jmYEAywAxAgABEBAAGAAYWC/0AAiAQ5gGAACjhYIAz4AOo4WCAOSADqOZgQDzADECAAEQEAAYABhYL/QACIBDmAYAAKOFggD6gA6jhYIBD4AOo5iBARsAEQIAARAQFGAAYWC/0AAiAQ5gGACjhYIBJIAOo4WCATqADqOZgQFDADECAAEQEAAYABhYL/QACIBDmAYAAKOFggFPgA6jhYIBZIAOo5mBAWsAMQIAARAQABgAGFgv9AAIgEOYBgAAo4WCAXqADqOFggGPgA6jmYEBkwAxAgABEBAAGAAYWC/0AAiAQ5gGAACjhYIBpIAOo4WCAbqADqOZgQG7ADECAAEQEAAYABhYL/QACIBDmAYAAKOFggHPgA6jmYEB4wAxAgABEBAAGAAYWC/0AAiAQ5gGAACjhYIB5IAOo4WCAfqADqOZgQILADECAAEQEAAYABhYL/QACIBDmAYAAKOFggIPgA6jhYICJIAOo5mBAjMAMQIAARAQABgAGFgv9AAIgEOYBgAAo4WCAjqADqOFggJPgA6jmYECWwAxAgABEBAAGAAYWC/0AAiAQ5gGAACjhYICZIAOo4WCAnqADqOZgQKDADECAAEQEAAYABhYL/QACIBDmAYAAKOFggKPgA6jhYICpIAOo5mBAqsAMQIAARAQABgAGFgv9AAIgEOYBgAAo4WCArqADqOFggLPgA6jmIEC0wARAgABEBAUYABhYL/QACIBDmAYAKOFggLkgA6jhYIC+oAOo5mBAvsAMQIAARAQABgAGFgv9AAIgEOYBgAAo4WCAw+ADqOZgQMjADECAAEQEAAYABhYL/QACIBDmAYAAKOFggMkgA6jhYIDOoAOo5mBA0sAMQIAARAQABgAGFgv9AAIgEOYBgAAo4WCA0+ADqOFggNkgA6jmYEDcwAxAgABEBAAGAAYWC/0AAiAQ5gGAACjhYIDeoAOo4WCA4+ADqOZgQObADECAAEQEAAYABhYL/QACIBDmAYAAKOFggOkgA6jhYIDuoAOo5mBA8MAMQIAARAQABgAGFgv9AAIgEOYBgAAo4WCA8+ADqOFggPkgA6jhYID+oAOo4WCBA+ADhxTu2sBAAAAAAAAEbuPs4EDt4r3gQHxghEr8IEK"),this._addSourceToVideo(this.noSleepVideo,"mp4","data:video/mp4;base64,AAAAHGZ0eXBNNFYgAAACAGlzb21pc28yYXZjMQAAAAhmcmVlAAAGF21kYXTeBAAAbGliZmFhYyAxLjI4AABCAJMgBDIARwAAArEGBf//rdxF6b3m2Ui3lizYINkj7u94MjY0IC0gY29yZSAxNDIgcjIgOTU2YzhkOCAtIEguMjY0L01QRUctNCBBVkMgY29kZWMgLSBDb3B5bGVmdCAyMDAzLTIwMTQgLSBodHRwOi8vd3d3LnZpZGVvbGFuLm9yZy94MjY0Lmh0bWwgLSBvcHRpb25zOiBjYWJhYz0wIHJlZj0zIGRlYmxvY2s9MTowOjAgYW5hbHlzZT0weDE6MHgxMTEgbWU9aGV4IHN1Ym1lPTcgcHN5PTEgcHN5X3JkPTEuMDA6MC4wMCBtaXhlZF9yZWY9MSBtZV9yYW5nZT0xNiBjaHJvbWFfbWU9MSB0cmVsbGlzPTEgOHg4ZGN0PTAgY3FtPTAgZGVhZHpvbmU9MjEsMTEgZmFzdF9wc2tpcD0xIGNocm9tYV9xcF9vZmZzZXQ9LTIgdGhyZWFkcz02IGxvb2thaGVhZF90aHJlYWRzPTEgc2xpY2VkX3RocmVhZHM9MCBucj0wIGRlY2ltYXRlPTEgaW50ZXJsYWNlZD0wIGJsdXJheV9jb21wYXQ9MCBjb25zdHJhaW5lZF9pbnRyYT0wIGJmcmFtZXM9MCB3ZWlnaHRwPTAga2V5aW50PTI1MCBrZXlpbnRfbWluPTI1IHNjZW5lY3V0PTQwIGludHJhX3JlZnJlc2g9MCByY19sb29rYWhlYWQ9NDAgcmM9Y3JmIG1idHJlZT0xIGNyZj0yMy4wIHFjb21wPTAuNjAgcXBtaW49MCBxcG1heD02OSBxcHN0ZXA9NCB2YnZfbWF4cmF0ZT03NjggdmJ2X2J1ZnNpemU9MzAwMCBjcmZfbWF4PTAuMCBuYWxfaHJkPW5vbmUgZmlsbGVyPTAgaXBfcmF0aW89MS40MCBhcT0xOjEuMDAAgAAAAFZliIQL8mKAAKvMnJycnJycnJycnXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXiEASZACGQAjgCEASZACGQAjgAAAAAdBmjgX4GSAIQBJkAIZACOAAAAAB0GaVAX4GSAhAEmQAhkAI4AhAEmQAhkAI4AAAAAGQZpgL8DJIQBJkAIZACOAIQBJkAIZACOAAAAABkGagC/AySEASZACGQAjgAAAAAZBmqAvwMkhAEmQAhkAI4AhAEmQAhkAI4AAAAAGQZrAL8DJIQBJkAIZACOAAAAABkGa4C/AySEASZACGQAjgCEASZACGQAjgAAAAAZBmwAvwMkhAEmQAhkAI4AAAAAGQZsgL8DJIQBJkAIZACOAIQBJkAIZACOAAAAABkGbQC/AySEASZACGQAjgCEASZACGQAjgAAAAAZBm2AvwMkhAEmQAhkAI4AAAAAGQZuAL8DJIQBJkAIZACOAIQBJkAIZACOAAAAABkGboC/AySEASZACGQAjgAAAAAZBm8AvwMkhAEmQAhkAI4AhAEmQAhkAI4AAAAAGQZvgL8DJIQBJkAIZACOAAAAABkGaAC/AySEASZACGQAjgCEASZACGQAjgAAAAAZBmiAvwMkhAEmQAhkAI4AhAEmQAhkAI4AAAAAGQZpAL8DJIQBJkAIZACOAAAAABkGaYC/AySEASZACGQAjgCEASZACGQAjgAAAAAZBmoAvwMkhAEmQAhkAI4AAAAAGQZqgL8DJIQBJkAIZACOAIQBJkAIZACOAAAAABkGawC/AySEASZACGQAjgAAAAAZBmuAvwMkhAEmQAhkAI4AhAEmQAhkAI4AAAAAGQZsAL8DJIQBJkAIZACOAAAAABkGbIC/AySEASZACGQAjgCEASZACGQAjgAAAAAZBm0AvwMkhAEmQAhkAI4AhAEmQAhkAI4AAAAAGQZtgL8DJIQBJkAIZACOAAAAABkGbgCvAySEASZACGQAjgCEASZACGQAjgAAAAAZBm6AnwMkhAEmQAhkAI4AhAEmQAhkAI4AhAEmQAhkAI4AhAEmQAhkAI4AAAAhubW9vdgAAAGxtdmhkAAAAAAAAAAAAAAAAAAAD6AAABDcAAQAAAQAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAzB0cmFrAAAAXHRraGQAAAADAAAAAAAAAAAAAAABAAAAAAAAA+kAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAALAAAACQAAAAAAAkZWR0cwAAABxlbHN0AAAAAAAAAAEAAAPpAAAAAAABAAAAAAKobWRpYQAAACBtZGhkAAAAAAAAAAAAAAAAAAB1MAAAdU5VxAAAAAAALWhkbHIAAAAAAAAAAHZpZGUAAAAAAAAAAAAAAABWaWRlb0hhbmRsZXIAAAACU21pbmYAAAAUdm1oZAAAAAEAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAAhNzdGJsAAAAr3N0c2QAAAAAAAAAAQAAAJ9hdmMxAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAALAAkABIAAAASAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGP//AAAALWF2Y0MBQsAN/+EAFWdCwA3ZAsTsBEAAAPpAADqYA8UKkgEABWjLg8sgAAAAHHV1aWRraEDyXyRPxbo5pRvPAyPzAAAAAAAAABhzdHRzAAAAAAAAAAEAAAAeAAAD6QAAABRzdHNzAAAAAAAAAAEAAAABAAAAHHN0c2MAAAAAAAAAAQAAAAEAAAABAAAAAQAAAIxzdHN6AAAAAAAAAAAAAAAeAAADDwAAAAsAAAALAAAACgAAAAoAAAAKAAAACgAAAAoAAAAKAAAACgAAAAoAAAAKAAAACgAAAAoAAAAKAAAACgAAAAoAAAAKAAAACgAAAAoAAAAKAAAACgAAAAoAAAAKAAAACgAAAAoAAAAKAAAACgAAAAoAAAAKAAAAiHN0Y28AAAAAAAAAHgAAAEYAAANnAAADewAAA5gAAAO0AAADxwAAA+MAAAP2AAAEEgAABCUAAARBAAAEXQAABHAAAASMAAAEnwAABLsAAATOAAAE6gAABQYAAAUZAAAFNQAABUgAAAVkAAAFdwAABZMAAAWmAAAFwgAABd4AAAXxAAAGDQAABGh0cmFrAAAAXHRraGQAAAADAAAAAAAAAAAAAAACAAAAAAAABDcAAAAAAAAAAAAAAAEBAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAkZWR0cwAAABxlbHN0AAAAAAAAAAEAAAQkAAADcAABAAAAAAPgbWRpYQAAACBtZGhkAAAAAAAAAAAAAAAAAAC7gAAAykBVxAAAAAAALWhkbHIAAAAAAAAAAHNvdW4AAAAAAAAAAAAAAABTb3VuZEhhbmRsZXIAAAADi21pbmYAAAAQc21oZAAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAADT3N0YmwAAABnc3RzZAAAAAAAAAABAAAAV21wNGEAAAAAAAAAAQAAAAAAAAAAAAIAEAAAAAC7gAAAAAAAM2VzZHMAAAAAA4CAgCIAAgAEgICAFEAVBbjYAAu4AAAADcoFgICAAhGQBoCAgAECAAAAIHN0dHMAAAAAAAAAAgAAADIAAAQAAAAAAQAAAkAAAAFUc3RzYwAAAAAAAAAbAAAAAQAAAAEAAAABAAAAAgAAAAIAAAABAAAAAwAAAAEAAAABAAAABAAAAAIAAAABAAAABgAAAAEAAAABAAAABwAAAAIAAAABAAAACAAAAAEAAAABAAAACQAAAAIAAAABAAAACgAAAAEAAAABAAAACwAAAAIAAAABAAAADQAAAAEAAAABAAAADgAAAAIAAAABAAAADwAAAAEAAAABAAAAEAAAAAIAAAABAAAAEQAAAAEAAAABAAAAEgAAAAIAAAABAAAAFAAAAAEAAAABAAAAFQAAAAIAAAABAAAAFgAAAAEAAAABAAAAFwAAAAIAAAABAAAAGAAAAAEAAAABAAAAGQAAAAIAAAABAAAAGgAAAAEAAAABAAAAGwAAAAIAAAABAAAAHQAAAAEAAAABAAAAHgAAAAIAAAABAAAAHwAAAAQAAAABAAAA4HN0c3oAAAAAAAAAAAAAADMAAAAaAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAAAJAAAACQAAAAkAAACMc3RjbwAAAAAAAAAfAAAALAAAA1UAAANyAAADhgAAA6IAAAO+AAAD0QAAA+0AAAQAAAAEHAAABC8AAARLAAAEZwAABHoAAASWAAAEqQAABMUAAATYAAAE9AAABRAAAAUjAAAFPwAABVIAAAVuAAAFgQAABZ0AAAWwAAAFzAAABegAAAX7AAAGFwAAAGJ1ZHRhAAAAWm1ldGEAAAAAAAAAIWhkbHIAAAAAAAAAAG1kaXJhcHBsAAAAAAAAAAAAAAAALWlsc3QAAAAlqXRvbwAAAB1kYXRhAAAAAQAAAABMYXZmNTUuMzMuMTAw"),this.noSleepVideo.addEventListener("loadedmetadata",(()=>{this.noSleepVideo.duration<=1?this.noSleepVideo.setAttribute("loop",""):this.noSleepVideo.addEventListener("timeupdate",(()=>{this.noSleepVideo.currentTime>.5&&(this.noSleepVideo.currentTime=Math.random())}))})))}_addSourceToVideo(e,t,i){var n=document.createElement("source");n.src=i,n.type=`video/${t}`,e.appendChild(n)}get isEnabled(){return this.enabled}enable(){const e=this.player.debug;if(Ne())return navigator.wakeLock.request("screen").then((t=>{this._wakeLock=t,this.enabled=!0,e.log("wakeLock","Wake Lock active."),this._wakeLock.addEventListener("release",(()=>{e.log("wakeLock","Wake Lock released.")}))})).catch((t=>{throw this.enabled=!1,e.error("wakeLock",`${t.name}, ${t.message}`),t}));if(Qe())return this.disable(),this.noSleepTimer=window.setInterval((()=>{document.hidden||(window.location.href=window.location.href.split("#")[0],window.setTimeout(window.stop,0))}),15e3),this.enabled=!0,Promise.resolve();return this.noSleepVideo.play().then((e=>(this.enabled=!0,e))).catch((e=>{throw this.enabled=!1,e}))}disable(){const e=this.player.debug;Ne()?(this._wakeLock&&this._wakeLock.release(),this._wakeLock=null):Qe()?this.noSleepTimer&&(e.warn("wakeLock","NoSleep now disabled for older iOS devices."),window.clearInterval(this.noSleepTimer),this.noSleepTimer=null):this.noSleepVideo.pause(),this.enabled=!1}}class Ge extends ue{constructor(e,t){var i;super(),this.$container=e,this._opt=Object.assign({},o,t),this.debug=new Y(this),this._opt.useWCS&&(this._opt.useWCS="VideoEncoder"in window),this._opt.useMSE&&(this._opt.useMSE=window.MediaSource&&window.MediaSource.isTypeSupported(J)),this._opt.useMSE?(this._opt.useWCS&&this.debug.log("Player","useWCS set true->false"),this._opt.forceNoOffscreen||this.debug.log("Player","forceNoOffscreen set false->true"),this._opt.useWCS=!1,this._opt.forceNoOffscreen=!0):this._opt.useWCS,this._opt.forceNoOffscreen||("undefined"==typeof OffscreenCanvas?(this._opt.forceNoOffscreen=!0,this._opt.useOffscreen=!1):this._opt.useOffscreen=!0),this._opt.hasControl=this._hasControl(),this._loading=!1,this._playing=!1,this._hasLoaded=!1,this._checkHeartTimeout=null,this._checkLoadingTimeout=null,this._startBpsTime=null,this._isPlayingBeforePageHidden=!1,this._stats={buf:0,fps:0,abps:0,vbps:0,ts:0},this._videoTimestamp=0,this._audioTimestamp=0,i=this,Object.defineProperty(i,"rect",{get:()=>i.$container.getBoundingClientRect()}),["bottom","height","left","right","top","width"].forEach((e=>{Object.defineProperty(i,e,{get:()=>i.rect[e]})})),this.events=new Z(this),this.video=new ge(this),this.audio=new be(this),this.recorder=new Re(this),this.decoderWorker=new Ce(this),this.stream=null,this.demux=null,this._opt.useWCS&&(this.webcodecsDecoder=new xe(this)),this._opt.useMSE&&(this.mseDecoder=new Ve(this)),this.control=new Ue(this),this.keepScreenOn=new We(this),(e=>{try{const t=()=>{e.emit(w.fullscreen,e.fullscreen),e.fullscreen?e._opt.useMSE&&e.resize():e.resize()};$.on("change",t),e.events.destroys.push((()=>{$.off("change",t)}))}catch(e){}if(e.on(v.decoderWorkerInit,(()=>{e.debug.log("player","has loaded"),e._hasLoaded=!0})),e.on(v.play,(()=>{e.loading=!1})),e.on(v.fullscreen,(t=>{if(t)try{$.request(e.$container).then((()=>{})).catch((t=>{e.webFullscreen=!0}))}catch(t){e.webFullscreen=!0}else try{$.exit().then((()=>{})).catch((()=>{e.webFullscreen=!1}))}catch(t){e.webFullscreen=!1}})),e.on(v.webFullscreen,(t=>{if(t){e.$container.classList.add("webmediaplayer-fullscreen-web");const{clientHeight:t,clientWidth:i}=document.body,{clientHeight:n,clientWidth:o}=e.video.$videoElement;if(i/t<o/n){const r=Math.min(t/o,i/n);e.video.$videoElement.style.transform=`rotate(90deg) scale(${r},${r})`}}else e.$container.classList.remove("webmediaplayer-fullscreen-web"),e.video.$videoElement.style.transform=null})),e.on(v.resize,(()=>{e.video.resize()})),e._opt.debug){const t=[v.timeUpdate];Object.keys(v).forEach((i=>{e.on(v[i],(n=>{t.includes(i)||e.debug.log("player events",v[i],n)}))})),Object.keys(E).forEach((t=>{e.on(E[t],(i=>{e.debug.log("player event error",E[t],i)}))}))}})(this),(e=>{const{_opt:t,debug:i,events:{proxy:n}}=e;t.supportDblclickFullscreen&&n(e.$container,"dblclick",(()=>{e.fullscreen=!e.fullscreen})),n(document,"visibilitychange",(()=>{t.hiddenAutoPause&&(i.log("visibilitychange",document.visibilityState,e._isPlayingBeforePageHidden),"visible"===document.visibilityState?e._isPlayingBeforePageHidden&&e.play():(e._isPlayingBeforePageHidden=e.playing,e.playing&&e.pause()))})),n(window,"fullscreenchange",(()=>{null!==e.keepScreenOn&&"visible"===document.visibilityState&&e.enableWakeLock()}))})(this),this._opt.useWCS&&this.debug.log("Player","use WCS"),this._opt.useMSE&&this.debug.log("Player","use MSE"),this._opt.useOffscreen&&this.debug.log("Player","use offscreen"),this.debug.log("Player options",this._opt)}set fullscreen(e){this.emit(v.fullscreen,e)}get fullscreen(){return document.isFullScreen||document.mozIsFullScreen||document.webkitIsFullScreen||this.webFullscreen}set webFullscreen(e){this.emit(v.webFullscreen,e)}get webFullscreen(){return this.$container.classList.contains("jessibuca-fullscreen-web")}get loaded(){return this._hasLoaded}set playing(e){e&&(this.loading=!1),this.playing!==e&&(this._playing=e,this.emit(v.playing,e),this.emit(v.volumechange,this.volume),e?this.emit(v.play):this.emit(v.pause))}get playing(){return this._playing}get volume(){return this.audio.volume}set volume(e){this.audio.setVolume(e)}set loading(e){this.loading!==e&&(this._loading=e,this.emit(v.loading,this._loading))}get loading(){return this._loading}set recording(e){this.playing&&(e?this.recorder.startRecord():this.recorder.stopRecordAndSave())}get recording(){return this.recorder.recording}set audioTimestamp(e){null!==e&&(this._audioTimestamp=e)}get audioTimestamp(){return this._audioTimestamp}set videoTimestamp(e){null!==e&&(this._videoTimestamp=e,this._opt.useWCS||this._opt.useMSE||this.audioTimestamp&&this.videoTimestamp&&this.audio.emit(v.videoSyncAudio,{audioTimestamp:this.audioTimestamp,videoTimestamp:this.videoTimestamp,diff:this.audioTimestamp-this.videoTimestamp}))}get videoTimestamp(){return this._videoTimestamp}updateOption(e){this._opt=Object.assign({},this._opt,e)}init(){return new Promise(((e,t)=>{this.stream||(this.stream=new we(this)),this.demux||(this.demux=new Te(this)),this._opt.useWCS&&(this.webcodecsDecoder||(this.webcodecsDecoder=new xe(this))),this._opt.useMSE&&(this.mseDecoder||(this.mseDecoder=new Ve(this))),this.decoderWorker?e():(this.decoderWorker=new Ce(this),this.once(v.decoderWorkerInit,(()=>{e()})))}))}play(e){return new Promise(((t,i)=>{if(!e&&!this._opt.url)return i();this.loading=!0,this.playing=!1,e||(e=this._opt.url),this._opt.url=e,this.clearCheckHeartTimeout(),this.init().then((()=>{this._opt.isNotMute&&this.mute(!1),this.webcodecsDecoder&&this.webcodecsDecoder.once(E.webcodecsH265NotSupport,(()=>{this.emit(E.webcodecsH265NotSupport),this.emit(v.error,E.webcodecsH265NotSupport)})),this.mseDecoder&&this.mseDecoder.once(E.mediaSourceH265NotSupport,(()=>{this.emit(E.mediaSourceH265NotSupport),this.emit(v.error,E.mediaSourceH265NotSupport)})),this.enableWakeLock(),this.stream.fetchStream(e),this.checkLoadingTimeout(),this.stream.once(E.fetchError,(e=>{i(e)})),this.stream.once(E.websocketError,(e=>{i(e)})),this.stream.once(v.streamSuccess,(()=>{t(),this._opt.useMSE&&this.video.play()}))})).catch((e=>{i(e)}))}))}close(){return new Promise(((e,t)=>{this._close().then((()=>{this.video.clearView(),e()}))}))}_close(){return new Promise(((e,t)=>{this.stream&&(this.stream.destroy(),this.stream=null),this.demux&&(this.demux.destroy(),this.demux=null),this.decoderWorker&&(this.decoderWorker.destroy(),this.decoderWorker=null),this.webcodecsDecoder&&(this.webcodecsDecoder.destroy(),this.webcodecsDecoder=null),this.mseDecoder&&(this.mseDecoder.destroy(),this.mseDecoder=null),this.clearCheckHeartTimeout(),this.clearCheckLoadingTimeout(),this.playing=!1,this.loading=!1,this.recording=!1,this.audio.pause(),this.releaseWakeLock(),this.resetStats(),this._audioTimestamp=0,this._videoTimestamp=0,setTimeout((()=>{e()}),0)}))}pause(e){return e?this.close():this._close()}mute(e){this.audio.mute(e)}resize(){this.video.resize()}startRecord(e,t){this.recording||(this.recorder.setFileName(e,t),this.recording=!0)}stopRecordAndSave(){this.recording&&(this.recording=!1)}_hasControl(){let e=!1,t=!1;return Object.keys(this._opt.operateBtns).forEach((e=>{this._opt.operateBtns[e]&&(t=!0)})),(this._opt.showBandwidth||this._opt.text||t)&&(e=!0),e}checkHeart(){this.clearCheckHeartTimeout(),this.checkHeartTimeout()}checkHeartTimeout(){this._checkHeartTimeout=setTimeout((()=>{this.pause(!1).then((()=>{this.emit(v.timeout,v.delayTimeout),this.emit(v.delayTimeout)}))}),1e3*this._opt.heartTimeout)}clearCheckHeartTimeout(){this._checkHeartTimeout&&(clearTimeout(this._checkHeartTimeout),this._checkHeartTimeout=null)}checkLoadingTimeout(){this._checkLoadingTimeout=setTimeout((()=>{this.pause(!1).then((()=>{this.emit(v.timeout,v.loadingTimeout),this.emit(v.loadingTimeout)}))}),1e3*this._opt.loadingTimeout)}clearCheckLoadingTimeout(){this._checkLoadingTimeout&&(clearTimeout(this._checkLoadingTimeout),this._checkLoadingTimeout=null)}handleRender(){this.loading&&(this.emit(v.start),this.loading=!1,this.clearCheckLoadingTimeout()),this.playing||(this.playing=!0),this.checkHeart()}updateStats(e){e=e||{},this._startBpsTime||(this._startBpsTime=ne()),le(e.ts)&&(this._stats.ts=e.ts),le(e.buf)&&(this._stats.buf=e.buf),e.fps&&(this._stats.fps+=1),e.abps&&(this._stats.abps+=e.abps),e.vbps&&(this._stats.vbps+=e.vbps);const t=ne();t-this._startBpsTime<1e3||(this.emit(v.stats,this._stats),this.emit(v.performance,function(e){let t=0;return e>=24?t=2:e>=15&&(t=1),t}(this._stats.fps)),this._stats.fps=0,this._stats.abps=0,this._stats.vbps=0,this._startBpsTime=t)}resetStats(){this._startBpsTime=null,this._stats={buf:0,fps:0,abps:0,vbps:0,ts:0}}enableWakeLock(){this._opt.keepScreenOn&&this.keepScreenOn.enable()}releaseWakeLock(){this._opt.keepScreenOn&&this.keepScreenOn.disable()}destroy(){this._loading=!1,this._playing=!1,this._hasLoaded=!1,this.decoderWorker&&(this.decoderWorker.destroy(),this.decoderWorker=null),this.video&&(this.video.destroy(),this.video=null),this.audio&&(this.audio.destroy(),this.audio=null),this.stream&&(this.stream.destroy(),this.stream=null),this.recorder&&(this.recorder.destroy(),this.recorder=null),this.control&&(this.control.destroy(),this.control=null),this.webcodecsDecoder&&(this.webcodecsDecoder.destroy(),this.webcodecsDecoder=null),this.mseDecoder&&(this.mseDecoder.destroy(),this.mseDecoder=null),this.demux&&(this.demux.destroy(),this.demux=null),this.events&&(this.events.destroy(),this.events=null),this.clearCheckHeartTimeout(),this.clearCheckLoadingTimeout(),this.releaseWakeLock(),this.keepScreenOn=null,this.resetStats(),this._audioTimestamp=0,this._videoTimestamp=0,this.emit("destroy"),this.off(),this.debug.log("play","destroy end")}}var He=_((function(e,t){e.exports=function(){var e,t;function i(t){this.name="__st"+(1e9*Math.random()>>>0)+e+"__",null==t||t.forEach(this.add,this),e+=1}Array.prototype.find||Object.defineProperty(Array.prototype,"find",{configurable:!0,writable:!0,value:function(e){if(null===this)throw new TypeError('"this" is null or not defined');var t=Object(this),i=t.length>>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var n=arguments[1],o=0;o<i;){var r=t[o];if(e.call(n,r,o,t))return r;o+=1}}}),String.prototype.startsWith||Object.defineProperty(String.prototype,"startsWith",{value:function(e,t){return this.substring(t=!t||t<0?0:+t,t+e.length)===e}}),window.WeakSet||(e=Date.now()%1e9,i.prototype.add=function(e){var t=this.name;return e[t]||Object.defineProperty(e,t,{value:!0,writable:!0}),this},i.prototype.delete=function(e){return!!e[this.name]&&!(e[this.name]=void 0)},i.prototype.has=function(e){return!!e[this.name]},t=i,Object.defineProperty(window,"WeakSet",{value:function(e){return new t(e)}})),Object.assign||Object.defineProperty(Object,"assign",{enumerable:!1,configurable:!0,writable:!0,value:function(e){if(null==e)throw new TypeError("Cannot convert first argument to object");for(var t=Object(e),i=1;i<arguments.length;i++)if(null!=(n=arguments[i]))for(var n=Object(n),o=Object.keys(Object(n)),r=0,s=o.length;r<s;r++){var a=o[r],A=Object.getOwnPropertyDescriptor(n,a);null!=A&&A.enumerable&&(t[a]=n[a])}return t}});var n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])})(e,t)},o=function(){return(o=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var o in t=arguments[i])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function r(){for(var e=0,t=0,i=arguments.length;t<i;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<i;t++)for(var r=arguments[t],s=0,a=r.length;s<a;s++,o++)n[o]=r[s];return n}function s(e){return(e=Array.isArray(e)?e:[e]).map((function(e,t){return Object.getOwnPropertyNames(e).map((function(i){return c(i)+"["+t+"]="+(void 0===e[i]?"":c(e[i]))})).join("&")})).join("&")+(e.length?"&count="+e.length:"")}var a,A=(d.prototype.indexOf=function(e,t){for(var i=0;i<e.length;i++)if(e[i].callback===t)return i;return-1},d.prototype.on=function(e,t,i){if(void 0===i&&(i=0),this){var n=this.eventsList[e];return n||(this.eventsList[e]=[],n=this.eventsList[e]),-1!==this.indexOf(n,t)||n.push({name:e,type:i||0,callback:t}),this}},d.prototype.one=function(e,t){this.on(e,t,1)},d.prototype.remove=function(e,t){if(this){var i=this.eventsList[e];if(!i)return null;if(t)return i.length&&(t=this.indexOf(i,t),i.splice(t,1)),this;try{delete this.eventsList[e]}catch(e){}return null}},d.prototype.clear=function(){this.eventsList={}},d),c=function(e){try{return encodeURIComponent(decodeURIComponent(e))}catch(t){return e}};function d(){var e=this;this.emit=function(t,i){if(e){var n;if(null!=(o=e.eventsList[t])&&o.length)for(var o=o.slice(),r=0;r<o.length;r++){n=o[r];try{var s=n.callback.apply(e,[i]);if(1===n.type&&e.remove(t,n.callback),!1===s)break}catch(t){throw t}}return e}},this.eventsList={}}function l(e,t){return"number"==typeof e||"string"==typeof e?e:t?a.string:a.number}function u(e,t){return"string"==typeof e?e.split("?")[t?1:0]||"":e}function h(e){return"string"==typeof e&&e.startsWith("//")?"undefined"!=typeof location&&"https:"===location.protocol:/^https/.test(e)}function f(e){return b.some((function(t){return-1!==e.indexOf(t)}))}(se=a=a||{})[se.number=-1]="number",se.string="";var p,g,m,b=["application/octet-stream","application/xhtml+xml","application/xml","application/pdf","application/pkcs12","application/javascript","application/ecmascript","application/vnd.mspowerpoint","application/ogg","text/html","text/css","text/javascript","image","audio","video"],y=["ret","retcode","code","errcode"],v=function(e,t,i){var n;try{if("function"==typeof(null==t?void 0:t.retCodeHandler)){var o=t.retCodeHandler(e,null==i?void 0:i.url,null==i?void 0:i.ctx)||{};return{code:void 0===(r=o.code)?"unknown":r,isErr:o.isErr}}"string"==typeof e&&(e=JSON.parse(e)),"function"==typeof(null===(n=null==t?void 0:t.ret)||void 0===n?void 0:n.join)&&(y=[].concat(t.ret.map((function(e){return e.toLowerCase()}))));var r,s=Object.getOwnPropertyNames(e).filter((function(e){return-1!==y.indexOf(e.toLowerCase())}));return s.length?{code:""+(r=Number(e[s[0]])),isErr:0!==r}:{code:"unknown",isErr:!1}}catch(e){return{code:"unknown",isErr:!1}}},w=function(e){if("string"==typeof e)return e;try{return(JSON.stringify(e,(t=[],i=[],function(e,n){if(n instanceof Error)return"Error.message: "+n.message+" \n  Error.stack: "+n.stack;if("object"==typeof n&&null!==n){var o=t.indexOf(n);if(-1!==o)return"[Circular "+i[o]+"]";t.push(n),i.push(e||"root")}return n}),4)||"undefined").replace(/"/gim,"")}catch(e){return"error happen when aegis stringify: \n "+e.message+" \n "+e.stack}var t,i},E=function(e,t){void 0===t&&(t=3);var i,n,o,r="";return Array.isArray(e)?(r+="[",i=e.length,e.forEach((function(e,n){r+="object"==typeof e&&1<t?E(e,t-1):R(e),r+=n===i-1?"":","})),r+="]"):e instanceof Object?(r="{",n=Object.keys(e),o=n.length,n.forEach((function(i,s){"object"==typeof e[i]&&1<t?r+='"'+i+'":'+E(e[i],t-1):r+=S(i,e[i]),r+=s===o-1||s<o-1&&void 0===e[n[s+1]]?"":","})),r+="}"):r+=e,r},S=function(e,t){var i=typeof t,n="";return"string"==i||"object"==i?n+='"'+e+'":"'+t+'"':"function"==typeof t?n+='"'+e+'":"function '+t.name+'"':"symbol"==typeof t?n+='"'+e+'":"symbol"':"number"!=typeof t&&"boolean"!=i||(n+='"'+e+'": '+t),n},R=function(e){var t=typeof e;return""+("undefined"==t||"symbol"==t||"function"==t?"null":"string"==t||"object"==t?'"'+e+'"':e)},C=(I.prototype.sourceURL=function(){return this.data.responseURL},I.prototype.status=function(){return Number(this.data.status)},I.prototype.headers=function(){var e=this.data.getAllResponseHeaders().split("\n"),t={};return e.forEach((function(e){var i;e&&(e=(i=e.split(": "))[0],i=i[1].trim(),t[e]=i)})),t},I),B=(k.prototype.sourceURL=function(){return this.data.url},k.prototype.status=function(){return Number(this.data.status)},k.prototype.headers=function(){var e={};return this.data.headers.forEach((function(t,i){e[i]=t})),e},k);function k(e,t){this.type="fetch",this.data=e||{},this.data.response=t}function I(e){this.type="xhr",this.data=e}function T(e){return e.filter((function(t,i){return"static"!==t.type||!e.find((function(e,n){return i!==n&&t.url===e.url&&200===t.status}))}))}function x(e){e.level===p.INFO_ALL&&(e.level=p.INFO)}function L(e){return function(t,i){e.lifeCycle.emit("modifyRequest",t);var n=e.config.modifyRequest;if("function"==typeof n)try{var o=n(t);"object"==typeof o&&"url"in o&&(t=o)}catch(t){console.error(t)}i(t)}}function D(e){return function(t,i){e.lifeCycle.emit("afterRequest",t);var n=e.config.afterRequest;"function"==typeof n&&!1===n(t)||i(t)}}function O(){}function j(e,t){Object.getOwnPropertyNames(e).forEach((function(i){"function"==typeof e[i]&&"constructor"!==i&&(t?t[i]="sendPipeline"===i?function(){return function(){}}:function(){}:e[i]=function(){})}))}function U(e){if(e.payload){var t={};return Object.keys(e).forEach((function(i){"payload"!==i&&(t[i]=e[i])})),t}return e}function F(){return void 0!==window.performance&&"function"==typeof performance.clearResourceTimings&&"function"==typeof performance.getEntriesByType&&"function"==typeof performance.now}function P(e){if(ne.find((function(t){return t.name===e.name})))throw new Error("name '"+e.name+"' is already in hackXHR option list");var t,i;ne.push(e),!ie&&window.XMLHttpRequest&&(ie=!0,t=window.XMLHttpRequest.prototype.send,i=window.XMLHttpRequest.prototype.open,window.XMLHttpRequest.prototype.open=function(){if(this.aegisMethod=arguments[0],this.aegisUrl=arguments[1],this.aegisXhrStartTime=Date.now(),!this.sendByAegis)for(var e=0;e<ne.length;e++){var t=ne[e];try{"function"==typeof t.open&&t.open(this)}catch(e){}}return i.apply(this,arguments)},window.XMLHttpRequest.prototype.send=function(){if(!this.sendByAegis)for(var e=0;e<ne.length;e++){var i=ne[e];try{"function"==typeof i.send&&i.send(this,arguments[0])}catch(e){}}return t.apply(this,arguments)})}function M(e){var t=ne.findIndex((function(t){return t.name===e.name}));-1!==t&&ne.splice(t,1)}(Ne=p=p||{}).INFO_ALL="-1",Ne.API_RESPONSE="1",Ne.INFO="2",Ne.ERROR="4",Ne.PROMISE_ERROR="8",Ne.AJAX_ERROR="16",Ne.SCRIPT_ERROR="32",Ne.IMAGE_ERROR="64",Ne.CSS_ERROR="128",Ne.CONSOLE_ERROR="256",Ne.MEDIA_ERROR="512",Ne.RET_ERROR="1024",Ne.REPORT="2048",Ne.PV="4096",Ne.EVENT="8192",Ne.PAGE_NOT_FOUND_ERROR="16384",(Je={})[Je.android=1]="android",Je[Je.ios=2]="ios",Je[Je.windows=3]="windows",Je[Je.macos=4]="macos",Je[Je.linux=5]="linux",Je[Je.devtools=6]="devtools",Je[Je.other=100]="other",(ye={})[ye.unknown=100]="unknown",ye[ye.wifi=1]="wifi",ye[ye.net2g=2]="net2g",ye[ye.net3g=3]="net3g",ye[ye.net4g=4]="net4g",ye[ye.net5g=5]="net5g",ye[ye.net6g=6]="net6g",(Ee=g=g||{}).LOG="log",Ee.SPEED="speed",Ee.PERFORMANCE="performance",Ee.OFFLINE="offline",Ee.WHITE_LIST="whiteList",Ee.VITALS="vitals",Ee.PV="pv",Ee.CUSTOM_PV="customPV",Ee.EVENT="event",Ee.CUSTOM="custom",Ee.SDK_ERROR="sdkError",Ee.SET_DATA="setData",(Re=m=m||{}).production="production",Re.gray="gray",Re.pre="pre",Re.daily="daily",Re.local="local",Re.test="test",Re.others="others";var V,Q,N=function(e,t){return function(i,n){var o=t.logCreated;return"function"!=typeof o?(e("beforeWrite",i),n(i)):(i=i.filter((function(e){return!1!==o(e)})),e("beforeWrite",i),n(i))}},W=function(e,t){var i,n=[],o=e.config;return e.lifeCycle.on("destroy",(function(){n.length=0})),function(e,r){if(n.push(e),t&&n.length>=t)return n=T(n),r(n.splice(0,n.length)),void(i&&clearTimeout(i));i&&clearTimeout(i),i=setTimeout((function(){i=null,0<(n=T(n)).length&&r(n.splice(0,n.length))}),o.delay)}},G=function(e,t){return Array.isArray(e)?t(e.map((function(e){return o(o({},e),{msg:"string"==typeof e.msg?e.msg:[].concat(e.msg).map(w).join(" ")})}))):t(o(o({},e),{msg:"string"==typeof e.msg?e.msg:w(e.msg)}))},H=function(e){var t,i=!1,n=!1,o=!1,r=[];return e.lifeCycle.on("onConfigChange",(function(){t&&clearTimeout(t),t=setTimeout((function(){var t,s;!o&&e.config&&(o=!0,t=e.config.whiteListUrl,(s=void 0===t?"":t)&&e.sendPipeline([function(t,o){o({url:s,type:g.WHITE_LIST,success:function(t){n=!0;try{var o=t.data||JSON.parse(t),s=o.retcode,a=o.result,A=void 0===a?{}:a;if(0===s){if(i=A.is_in_white_list,e.isWhiteList=i,A.shutdown)return void e.destroy();0<=A.rate&&A.rate<=1&&(e.config.random=A.rate,e.isGetSample=!1)}e.isWhiteList&&r.length?X(e)(r.splice(0),(function(){})):!e.isWhiteList&&r.length&&(r.length=0);var c=e.config.onWhitelist;"function"==typeof c&&c(i)}catch(t){}},fail:function(t){"403 forbidden"===t&&e.destroy(),n=!0}})}],g.WHITE_LIST)(null),o=!1)}),e.config.uin?50:500)})),e.lifeCycle.on("destroy",(function(){r.length=0})),function(t,o){var s;i||null!==(s=null===(s=e.config)||void 0===s?void 0:s.api)&&void 0!==s&&s.reportRequest?o(t.concat(r.splice(0)).map((function(e){return x(e),e}))):(t=t.filter((function(e){return e.level!==p.INFO&&e.level!==p.API_RESPONSE?(x(e),!0):(n||(r.push(e),200<=r.length&&(r.length=200)),!1)}))).length&&o(t)}},J=function(e){return setTimeout((function(){var t=e.config.pvUrl,i=void 0===t?"":t;i&&e.sendPipeline([function(t,n){n({url:i,type:g.PV,fail:function(t){"403 forbidden"===t&&e.destroy()}})}],g.PV)(null)}),100),function(e,t){t(e)}},q=function(e){var t={};return function(i,n){var o,r;e.speedSample?(r="object"==typeof e.repeat?e.repeat:{repeat:e.repeat},o=+r.speed||+r.repeat||5,Array.isArray(i)?(r=i.filter((function(e){var i=!t[e.url]||t[e.url]<o;return t[e.url]=1+~~t[e.url],i}))).length&&n(r):(!t[i.url]||t[i.url]<o)&&(t[i.url]=1+~~t[i.url],n(i))):n(i)}},z=function(e){var t={};return function(i,n){var o="number"==typeof e.repeat?e.repeat:5;if(0===o)return n(i);n(i.filter((function(e){return e.level!==p.ERROR&&e.level!==p.PROMISE_ERROR&&e.level!==p.AJAX_ERROR&&e.level!==p.SCRIPT_ERROR&&e.level!==p.IMAGE_ERROR&&e.level!==p.CSS_ERROR&&e.level!==p.MEDIA_ERROR||(t[e.msg]=t[e.msg]||0,t[e.msg]+=1,!(t[e.msg]>o))})))}},X=function(e){return function(t){return e.sendPipeline([function(t,i){return i({url:e.config.url||"",data:s(t),method:"post",contentType:"application/x-www-form-urlencoded",type:g.LOG,log:t,requestConfig:{timeout:5e3},success:function(){var n=e.config.onReport;"function"==typeof n&&t.forEach((function(e){n(e)})),"function"==typeof i&&i([])},fail:function(t){"403 forbidden"===t&&e.destroy()}})}],g.LOG)(t)}},Y=function(e){if(!e||!e.reduce||!e.length)throw new TypeError("createPipeline need at least one function param");return 1===e.length?function(t,i){e[0](t,i||O)}:e.reduce((function(e,t){return function(i,n){return void 0===n&&(n=O),e(i,(function(e){return null==t?void 0:t(e,n)}))}}))},Z=(Object.defineProperty(Ae.prototype,"__version__",{get:function(){return console.warn("__version__ has discard, please use version"),"1.24.48"},enumerable:!1,configurable:!0}),Object.defineProperty(Ae.prototype,"LogType",{get:function(){return console.warn("LogType has discard, please use logType"),p},enumerable:!1,configurable:!0}),Ae.prototype.init=function(e){this.setConfig(e);for(var t=0;t<Ae.installedPlugins.length;t++)try{Ae.installedPlugins[t].patch(this)}catch(e){this.sendSDKError(e)}this.lifeCycle.emit("onInited")},Ae.prototype.setConfig=function(e){Object.assign(this.config,e);var t=(A=this.config).id,i=A.uin,n=A.version,o=A.ext1,r=A.ext2,s=A.ext3,a=(e=A.aid,void 0===(A=A.env)?"production":A),A=this.bean.id!==t||this.bean.uin!==i||this.bean.aid!==e;return this.bean.id=t||"",this.bean.uin=i||"",this.bean.version=n||"1.24.48",this.bean.aid=e||"",this.bean.env=function(){switch(a){case m.production:case m.gray:case m.pre:case m.daily:case m.local:case m.others:return 1;default:return}}()?a:m.others,o&&(this.bean.ext1=encodeURIComponent(o)),r&&(this.bean.ext2=encodeURIComponent(r)),s&&(this.bean.ext3=encodeURIComponent(s)),A&&this.lifeCycle.emit("onConfigChange",this.config),this.config},Ae.use=function(e){-1===Ae.installedPlugins.indexOf(e)&&e.aegisPlugin&&Ae.installedPlugins.push(e)},Ae.unuse=function(e){-1!==(e=Ae.installedPlugins.indexOf(e))&&Ae.installedPlugins.splice(e,1)},Ae.prototype.info=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var i={level:p.INFO,msg:e};1===e.length&&e[0].msg&&Object.assign(i,o({},e[0]),{level:p.INFO}),this.normalLogPipeline(i)},Ae.prototype.infoAll=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var i={level:p.INFO_ALL,msg:e};1===e.length&&e[0].msg&&Object.assign(i,o({},e[0]),{level:p.INFO_ALL}),this.normalLogPipeline(i)},Ae.prototype.report=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var i={level:p.REPORT,msg:e};1===e.length&&e[0].msg&&Object.assign(i,o({},e[0])),this.normalLogPipeline(i)},Ae.prototype.error=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var i={level:p.ERROR,msg:e};1===e.length&&e[0].msg&&Object.assign(i,o({},e[0]),{level:p.ERROR}),this.normalLogPipeline(i)},Ae.prototype.speedLogPipeline=function(e){throw new Error('You need to override "speedLogPipeline" method')},Ae.prototype.reportPv=function(e){var t,i=this;e&&(console.warn("reportPv is deprecated, please use reportEvent"),t=""+Object.getOwnPropertyNames(this.bean).filter((function(e){return"id"!==e})).map((function(e){return e+"="+i.bean[e]})).join("&"),this.sendPipeline([function(n,o){o({url:i.config.url+"/"+e+"?"+t,addBean:!1,type:g.CUSTOM_PV,fail:function(e){"403 forbidden"===e&&i.destroy()}})}],g.CUSTOM_PV)(null))},Ae.prototype.reportEvent=function(e){e&&((e="string"==typeof e?{name:e,ext1:this.config.ext1||"",ext2:this.config.ext2||"",ext3:this.config.ext3||""}:e).name?this.eventPipeline(e):console.warn("reportEvent params error"))},Ae.prototype.reportTime=function(e,t){if("object"==typeof e)return this.reportT(e);"string"==typeof e?"number"==typeof t?t<0||6e4<t?console.warn("reportTime: duration must between 0 and 60000"):this.submitCustomTime(e,t):console.warn("reportTime: second param must be number"):console.warn("reportTime: first param must be a string")},Ae.prototype.reportT=function(e){var t=e.name,i=e.duration,n=void 0===(o=e.ext1)?"":o,o=void 0===(r=e.ext2)?"":r,r=void 0===(r=e.ext3)?"":r;if(e=e.from,"string"==typeof t&&"number"==typeof i&&"string"==typeof n&&"string"==typeof o&&"string"==typeof r){if(!(i<0||6e4<i))return this.submitCustomTime(t,i,n,o,r,void 0===e?"":e);console.warn("reportTime: duration must between 0 and 60000")}else console.warn("reportTime: params error")},Ae.prototype.time=function(e){"string"==typeof e?this.timeMap[e]?console.warn("Timer "+e+" already exists"):this.timeMap[e]=Date.now():console.warn("time: first param must be a string")},Ae.prototype.timeEnd=function(e){"string"==typeof e?this.timeMap[e]?(this.submitCustomTime(e,Date.now()-this.timeMap[e]),delete this.timeMap[e]):console.warn("Timer "+e+" does not exist"):console.warn("timeEnd: first param must be a string")},Ae.prototype.submitCustomTime=function(e,t,i,n,o,r){this.customTimePipeline({name:e,duration:t,ext1:i||this.config.ext1,ext2:n||this.config.ext2,ext3:o||this.config.ext3,from:r||void 0})},Ae.prototype.extendBean=function(e,t){this.bean[e]=t},Ae.prototype.sendPipeline=function(e,t){var i,n,s,a=this;return Y(r([function(e,t){if("number"!=typeof i.config.random&&(console.warn("random must in [0, 1], default is 1."),i.config.random=1),!i.isHidden||!i.isGetSample)if(i.isGetSample)i.isHidden||t(e);else{if(i.isGetSample=!0,Math.random()<i.config.random)return i.isHidden=!1,t(e);i.isHidden=!0}},(s=t,function(e,t){var i=Array.isArray(e),r=i?e:[e];n.lifeCycle.emit("beforeRequest",e);var a=n.config.beforeRequest;(r="function"==typeof a?r.map((function(e){try{var t=a({logs:e,logType:s});return(null==t?void 0:t.logType)===s&&null!=t&&t.logs?t.logs:!1!==t&&e}catch(t){return e}})).filter((function(e){return!1!==e})):r).length&&(r=function(e,t){if(!Array.isArray(e)||e.length<=1)return e;var i=[],n=[];return!(n="string"==typeof t?[t]:t)||n.length<=0||(n.forEach((function(t){e.forEach((function(e){null!=e&&e[t]&&i.push(t)}))})),0<i.length&&(e=e.map((function(e){var t={};return i.forEach((function(e){t[e]=""})),o(o({},t),e)})))),e}(r,["ext1","ext2","ext3"]),t(i?r:r[0]))})],e,[L(n=i=this),function(e,t){a.request(e,(function(){for(var i,n=[],o=0;o<arguments.length;o++)n[o]=arguments[o];t({isErr:!1,result:n,logType:null==e?void 0:e.type,logs:null==e?void 0:e.log}),null===(i=null==e?void 0:e.success)||void 0===i||i.call.apply(i,r([e],n))}),(function(){for(var i,n=[],o=0;o<arguments.length;o++)n[o]=arguments[o];t({isErr:!0,result:n,logType:null==e?void 0:e.type,logs:null==e?void 0:e.log}),null===(i=null==e?void 0:e.fail)||void 0===i||i.call.apply(i,r([e],n))}))},D(this)]))},Ae.prototype.send=function(e,t,i){var n=this;return Y([L(this),function(e,o){n.request(e,(function(){for(var i=[],n=0;n<arguments.length;n++)i[n]=arguments[n];o({isErr:!1,result:i,logType:e.type,logs:e.log}),null==t||t.apply(void 0,i)}),(function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];o({isErr:!0,result:t,logType:e.type,logs:e.log}),null==i||i.apply(void 0,t)}))},D(this)])(e)},Ae.prototype.request=function(e,t,i){throw new Error('You need to override "request" method')},Ae.prototype.sendSDKError=function(e){var t=this;this.sendPipeline([function(e,i){i({url:t.config.url+"?id=1085&msg[0]="+encodeURIComponent(w(e))+"&level[0]=2&from="+t.config.id+"&count=1&version="+t.config.id+"(1.24.48)",addBean:!1,method:"get",type:g.SDK_ERROR,log:e})}],g.SDK_ERROR)(e)},Ae.prototype.destroy=function(e){void 0===e&&(e=!1);var t,i,n=Ae.instances.indexOf(this);-1!==n&&Ae.instances.splice(n,1);for(var o=Ae.installedPlugins.length-1;0<=o;o--)try{Ae.installedPlugins[o].unpatch(this)}catch(e){this.sendSDKError(e)}if(this.lifeCycle.emit("destroy"),this.lifeCycle.clear(),e)t=this,i=Object.getOwnPropertyDescriptors(t),Object.keys(i).forEach((function(e){i[e].writable&&(t[e]=null)})),Object.setPrototypeOf(this,null);else{for(var r=this;r.constructor!==Object&&j(r,this),r=Object.getPrototypeOf(r););0===Ae.instances.length&&(j(e=Object.getPrototypeOf(this).constructor),j(Ae))}},Ae.version="1.24.48",Ae.instances=[],Ae.logType=p,Ae.environment=m,Ae.installedPlugins=[],Ae),K=(ae.prototype.patch=function(e){this.canUse(e)&&this.exist(e)&&(this.instances.push(e),this.triggerInit(e),this.triggerOnNewAegis(e))},ae.prototype.unpatch=function(e){-1!==(e=this.instances.indexOf(e))&&this.instances.splice(e,1)},ae.prototype.countInstance=function(){return this.instances.length},ae.prototype.uninstall=function(){var e;null===(e=null===(e=this.option)||void 0===e?void 0:e.destroy)||void 0===e||e.apply(this)},ae.prototype.walk=function(e){var t=this;this.instances.forEach((function(i){var n=t.canUse(i);n&&e(i,n)}))},ae.prototype.canUse=function(e){return!(!(e=this.getConfig(e))||"object"!=typeof e)||!!e},ae.prototype.getConfig=function(e){return null===(e=e.config)||void 0===e?void 0:e[this.name]},ae.prototype.exist=function(e){return-1===this.instances.indexOf(e)},ae.prototype.triggerInit=function(e){var t;this.inited||(this.inited=!0,null===(t=null===(t=this.option)||void 0===t?void 0:t.init)||void 0===t||t.call(this.option,this.getConfig(e)))},ae.prototype.triggerOnNewAegis=function(e){var t;null===(t=null===(t=this.option)||void 0===t?void 0:t.onNewAegis)||void 0===t||t.call(this.option,e,this.getConfig(e))},ae),_=new K({name:"aid",aid:"",init:function(e){try{var t=!0!==e&&e||window.localStorage.getItem("AEGIS_ID");t||(t="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)})),window.localStorage.setItem("AEGIS_ID",t)),this.aid=t}catch(e){}},onNewAegis:function(e){e.bean.aid=this.aid,e.config.aid=this.aid}}),$=function(e,t){var i,n={fetch:[],static:[]},r=new FormData;return Array.isArray(e)?e.forEach((function(e){var t=U(e);n[e.type].push(t)})):(i=U(e),n[e.type].push(i)),r.append("payload",JSON.stringify(o({duration:n},t))),r},ee=new K({name:"reportAssetSpeed"}),te=ee=new K({name:"reportAssetSpeed",collectCur:0,ASSETS_INITIATOR_TYPE:["img","css","script","link","audio","video"],onNewAegis:function(e){var t=this;F()&&(this.collectSuccessLog(e),this.collectFailLog(e),performance.onresourcetimingbufferfull=function(){t.collectCur=0,performance.clearResourceTimings()})},publish:function(e){this.$walk((function(t){t.speedLogPipeline(e)}))},collectSuccessLog:function(e){function t(e){for(var t=0,i=e.length;t<i;t++){var n=e[t];-1!==o.ASSETS_INITIATOR_TYPE.indexOf(n.initiatorType)&&-1===n.name.indexOf("cdn-go.cn/aegis/aegis-sdk")&&o.publish(o.generateLog(n,r))}}var i,n,o=this,r=e.config;"function"==typeof window.PerformanceObserver?(t(performance.getEntriesByType("resource")),(i=new window.PerformanceObserver((function(e){t(e.getEntries())}))).observe({entryTypes:["resource"]}),e.lifeCycle.on("destroy",(function(){0===ee.countInstance()&&i.disconnect()}))):(n=setInterval((function(){var e=performance.getEntriesByType("resource"),i=e.slice(o.collectCur);o.collectCur=e.length,t(i)}),3e3),e.lifeCycle.on("destroy",(function(){0===ee.countInstance()&&clearInterval(n)})))},collectFailLog:function(e){function t(e){var t,o;e&&(e=e.target||e.srcElement,t=(null==e?void 0:e.src)||(null==e?void 0:e.href),e=null==e?void 0:e.tagName,t&&"string"==typeof t&&("IMG"===e&&-1<window.location.href.indexOf(t)||(e="function"==typeof(null===(e=n.api)||void 0===e?void 0:e.resourceTypeHandler)?null===(o=n.api)||void 0===o?void 0:o.resourceTypeHandler(t):"",o=performance.getEntriesByType("resource").find((function(e){return e.name===t})),e={url:u(t),status:400,duration:Number(((null==o?void 0:o.duration)||0).toFixed(2)),method:"get",type:e||"static",isHttps:h(t),urlQuery:u(t,!0),domainLookup:0,connectTime:0},i.publish(e))))}var i=this,n=e.config;window.document.addEventListener("error",t,!0),e.lifeCycle.on("destroy",(function(){0===ee.countInstance()&&window.document.removeEventListener("error",t,!0)}))},generateLog:function(e,t){var i,n="function"==typeof(null===(i=t.api)||void 0===i?void 0:i.resourceTypeHandler)?null===(n=t.api)||void 0===n?void 0:n.resourceTypeHandler(e.name):"";return{url:u(e.name),method:"get",duration:Number(e.duration.toFixed(2)),status:200,type:n||"static",isHttps:h(e.name),urlQuery:u(e.name,!0),domainLookup:l(e.domainLookupEnd-e.domainLookupStart),connectTime:l(e.connectEnd-e.connectStart)}},destroy:function(){this.option.publish=function(){}}}),ie=!1,ne=[],oe=!1,re=[],se=(new K({name:"reportApiSpeed"}),new K({name:"reportApiSpeed",override:!1,onNewAegis:function(e){this.override||(this.override=!0,this.overrideFetch(e.config),this.overrideXhr(e.config))},overrideFetch:function(e){var t=this,i={name:this.name,then:function(i,n,o,r){var s,A,c,d;e.hostUrl&&-1<o.indexOf(e.hostUrl)||(A={url:i.url,isHttps:h(i.url),method:(null==r?void 0:r.method)||"get",duration:n,type:"fetch",status:i.status||0},"fetch"!==(d="function"==typeof(null===(s=e.api)||void 0===s?void 0:s.resourceTypeHandler)?null===(c=e.api)||void 0===c?void 0:c.resourceTypeHandler(i.url):d)&&"static"!==d&&(c=i.headers?i.headers.get("content-type"):"",d=i.ok&&"string"==typeof c&&f(c)?"static":"fetch"),"fetch"===d?i.clone().text().then((function(s){var a=null===(d=e.api)||void 0===d?void 0:d.apiDetail,c=i.status<=0||400<=i.status,d=(l=v(s,e.api,{url:o,ctx:i})).code,l=l.isErr;a=(c?"FETCH_ERROR: "+s+" \n\n":"")+"req url: "+o+" \n                                \nreq method: "+((null==r?void 0:r.method)||"get")+" \n                                \nreq param: "+(a?E(null==r?void 0:r.body):"")+" \n                                \nres duration: "+n+" \n                                \nres status: "+(i.status||0)+" \n                                \nres retcode: "+d+"\n                                \nres data: "+(a?s:""),A.payload=new B(i,s),A.ret=d,A.isErr=+l,t.publishNormalLog({msg:a,level:c?p.AJAX_ERROR:l?p.RET_ERROR:p.API_RESPONSE,code:d})})):Object.assign(A,{type:"static",urlQuery:u(i.url,!0),domainLookup:a.number,connectTime:a.number}),t.publishSpeed(A))},catch:function(i,n,o,r){if(!(e.hostUrl&&-1<o.indexOf(e.hostUrl))){var s={url:o,isHttps:h(o),method:(null==r?void 0:r.method)||"get",duration:n,type:"fetch",status:0};throw t.publishSpeed(s),s=null===(s=e.api)||void 0===s?void 0:s.apiDetail,r="AJAX_ERROR: "+i+"\n                          \nres status: 0\n                          \nres duration: "+n+"\n                          \nreq url: "+o+"\n                          \nreq method: "+((null==r?void 0:r.method)||"get")+"\n                          \nreq param: "+(s?E(null==r?void 0:r.body):""),t.publishNormalLog({msg:r,level:p.AJAX_ERROR,code:-400}),i}}};this.hackFetchOptions=i,function(e){if(re.find((function(t){return t.name===e.name})))throw new Error("name '"+e.name+"' is already in hackFetch option list");var t;re.push(e),!oe&&window.fetch&&(oe=!0,t=window.fetch,window.fetch=function(e,i){void 0===i&&(i={});for(var n="string"==typeof e?e:e.url,o=0;o<re.length;o++){var r=re[o];try{"function"==typeof r.beforeFetch&&r.beforeFetch(n,i)}catch(e){}}var s=Date.now();return t(e,i).then((function(e){for(var t=0;t<re.length;t++){var o=re[t];try{"function"==typeof o.then&&o.then(e,Date.now()-s,n,i)}catch(e){}}return e})).catch((function(e){for(var t=0;t<re.length;t++){var o=re[t];try{"function"==typeof o.catch&&o.catch(e,Date.now()-s,n,i)}catch(e){}}throw e}))})}(this.hackFetchOptions)},getRequestType:function(e,t,i){var n,o="function"==typeof(null===(n=e.api)||void 0===n?void 0:n.resourceTypeHandler)?null===(o=e.api)||void 0===o?void 0:o.resourceTypeHandler(i):"";return"fetch"!==o&&"static"!==o&&(i=t.getResponseHeader("content-type"),o=400<=t.status||"string"!=typeof i||!f(i)?"fetch":"static"),o},overrideXhr:function(e){var t=this,i={name:this.name,send:function(i,n){var o=Date.now();i.addEventListener("loadend",(function(){var r,s=i.aegisUrl;if(s){var A=Date.now()-o,c={url:s,isHttps:h(s),status:i.status||0,method:i.aegisMethod||"get",type:"fetch",duration:A,payload:new C(i)};if("fetch"===t.getRequestType(e,i,s))try{var d=null===(r=e.api)||void 0===r?void 0:r.apiDetail,l=v(i.response,e.api,{url:s,ctx:i}),f=l.code,g=l.isErr,m="req url: "+s+" \n                                \nreq method: "+c.method+" \n                                \nreq param: "+(d?E(n):"")+" \n                                \nres duration: "+A+" \n                                \nres status: "+c.status+" \n                                \nres retcode: "+f+"\n                                \nres data: "+(d?E(i.response):"");c.ret=f,c.isErr=+g,t.publishNormalLog({msg:m,level:g?p.RET_ERROR:p.API_RESPONSE,code:f})}catch(r){c.ret="unknown"}else Object.assign(c,{type:"static",urlQuery:u(s,!0),domainLookup:a.number,connectTime:a.number});t.publishSpeed(c)}}))}};this.hackXHROptions=i,P(this.hackXHROptions)},publishSpeed:function(e){var t=this;e.url=u(e.url),this.$walk((function(i){var n=t.$getConfig(i);"fetch"===e.type&&n&&"function"==typeof n.urlHandler?i.speedLogPipeline(o(o({},e),{url:encodeURIComponent(n.urlHandler(e.url,e.payload))})):i.speedLogPipeline(e)}))},publishNormalLog:function(e){this.$walk((function(t){t.normalLogPipeline(e)}))},destroy:function(){var e,t;this.option.publishSpeed=function(){},this.option.publishNormalLog=function(){},this.option.hackXHROptions&&M(this.option.hackXHROptions),this.option.hackFetchOptions&&(e=this.option.hackFetchOptions,-1!==(t=re.findIndex((function(t){return t.name===e.name})))&&re.splice(t,1))}}));function ae(e){this.aegisPlugin=!0,this.name="",this.instances=[],this.inited=!1,e.$walk=this.walk.bind(this),e.$getConfig=this.getConfig.bind(this),this.option=e,this.name=e.name}function Ae(e){var t,i,n=this;this.isGetSample=!1,this.isHidden=!1,this.config={version:0,delay:1e3,onError:!0,repeat:5,random:1,aid:!0,device:!0,pagePerformance:!0,webVitals:!0,speedSample:!0,hostUrl:"https://aegis.qq.com",env:"production",url:"",offlineUrl:"",whiteListUrl:"",pvUrl:"",speedUrl:"",customTimeUrl:"",performanceUrl:"",webVitalsUrl:"",eventUrl:""},this.isWhiteList=!1,this.lifeCycle=new A,this.bean={},this.normalLogPipeline=Y([W(this,5),G,function(e,i){var n=t.config;i(e=e.map((function(e){var t,i=n.maxLength||204800;try{if(!e.msg||e.msg.length<=i)return e;e.msg=null===(t=e.msg)||void 0===t?void 0:t.substring(0,i)}catch(t){e.msg=w(e.msg).substring(0,n.maxLength)}return e})))},z((t=this).config),N(this.lifeCycle.emit,this.config),J(this),H(this),function(e,t){var i=JSON.parse(JSON.stringify(e));n.lifeCycle.emit("beforeReport",i);var o=n.config.beforeReport;(e="function"==typeof o?e.filter((function(e){return!1!==o(e)})):e).length&&t(e)},X(this)]),this.eventPipeline=Y([W(this,5),function(e){n.sendPipeline([function(e,t){var i=e.map((function(e){return{name:e.name,ext1:e.ext1||n.config.ext1||"",ext2:e.ext2||n.config.ext2||"",ext3:e.ext3||n.config.ext3||""}}));t({url:n.config.eventUrl+"?payload="+encodeURIComponent(JSON.stringify(i)),type:g.EVENT,log:e,fail:function(e){"403 forbidden"===e&&n.destroy()}})}],g.EVENT)(e)}]),this.timeMap={},this.customTimePipeline=Y([W(this,5),function(e){return n.sendPipeline([function(e,t){t({url:n.config.customTimeUrl+"?payload="+encodeURIComponent(JSON.stringify({custom:e})),type:g.CUSTOM,log:e,fail:function(e){"403 forbidden"===e&&n.destroy()}})}],g.CUSTOM)(e)}]),this.config=(i=this.config,void 0===(e=e.hostUrl)&&(e="https://aegis.qq.com"),i.url=i.url||e+"/collect",i.offlineUrl=i.offlineUrl||e+"/offline",i.whiteListUrl=i.whiteListUrl||e+"/collect/whitelist",i.pvUrl=i.pvUrl||e+"/collect/pv",i.eventUrl=i.eventUrl||e+"/collect/events",i.speedUrl=i.speedUrl||e+"/speed",i.customTimeUrl=i.customTimeUrl||e+"/speed/custom",i.performanceUrl=i.performanceUrl||e+"/speed/performance",i.webVitalsUrl=i.webVitalsUrl||e+"/speed/webvitals",i.setDataReportUrl=i.SetDataReportUrl||e+"/speed/miniProgramData",i),Ae.instances.push(this)}(Ne=V=V||{})[Ne.unknown=100]="unknown",Ne[Ne.wifi=1]="wifi",Ne[Ne.net2g=2]="net2g",Ne[Ne.net3g=3]="net3g",Ne[Ne.net4g=4]="net4g",Ne[Ne.net5g=5]="net5g",Ne[Ne.net6g=6]="net6g",(Je=Q=Q||{})[Je.android=1]="android",Je[Je.ios=2]="ios",Je[Je.windows=3]="windows",Je[Je.macos=4]="macos",Je[Je.linux=5]="linux",Je[Je.other=100]="other";var ce,de,le,ue,he,fe,pe,ge,me,be,ye=new K({name:"device",onNewAegis:function(e){e.extendBean("platform",this.getPlatform()),e.extendBean("netType",V.unknown),this.getDpi(e),this.refreshNetworkTypeToBean(e)},getDpi:function(e){e.extendBean("vp",window.innerWidth+" * "+window.innerHeight),window.screen&&e.extendBean("sr",window.screen.width+" * "+window.screen.height)},getPlatform:function(){var e={android:/\bAndroid\s*([^;]+)/,ios:/\b(iPad|iPhone|iPod)\b.*? OS ([\d_]+)/,windows:/\b(Windows NT)/,macos:/\b(Mac OS)/,linux:/\b(Linux)/i},t=Object.keys(e).find((function(t){return e[t].test(navigator.userAgent)}));return t?Q[t]:Q.other},refreshNetworkTypeToBean:function(e){var t=this,i=e.config;i&&("function"==typeof i.getNetworkType?i.getNetworkType:ve)((function(i){V[i]||(i=V.unknown),e.extendBean("netType",i),t.NetworkRefreshTimer=setTimeout((function(){t.refreshNetworkTypeToBean(e),clearTimeout(t.NetworkRefreshTimer)}),1e4)}))}}),ve=function(e){var t="",i=navigator.userAgent.match(/NetType\/(\w+)/);i?t=i[1]:navigator.connection&&(t=navigator.connection.effectiveType||navigator.connection.type),e((t=t=t||"unknown",0<=(t=String(t).toLowerCase()).indexOf("4g")?V.net4g:0<=t.indexOf("wifi")?V.wifi:0<=t.indexOf("5g")?V.net5g:0<=t.indexOf("6g")?V.net6g:0<=t.indexOf("3g")?V.net3g:0<=t.indexOf("2g")?V.net2g:V.unknown))},we=new K({name:"onError"}),Ee=we=new K({name:"onError",onNewAegis:function(e){this.startListen(e)},startListen:function(e){var t=this,i=window.onerror;function n(e){e=e&&w(e.reason),t.publishErrorLog({msg:"PROMISE_ERROR: "+e,level:p.PROMISE_ERROR})}function o(e){if(e=(null==e?void 0:e.target)||(null==e?void 0:e.srcElement)){var i=e.src||e.href;if(e=e.tagName,"string"==typeof i&&e){var n={msg:e+" load fail: "+i,level:p.INFO};switch(e.toLowerCase()){case"script":n.level=p.SCRIPT_ERROR;break;case"link":n.level=p.CSS_ERROR;break;case"img":if(-1<window.location.href.indexOf(i))return;n.level=p.IMAGE_ERROR;break;case"audio":case"video":n.level=p.MEDIA_ERROR;break;default:return}t.publishErrorLog(n)}}}window.onerror=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];t.publishErrorLog({msg:(w(e[0])||"")+" @ ("+(w(e[1])||"")+":"+(e[2]||0)+":"+(e[3]||0)+")\n          \n"+w(e[4]||""),level:p.ERROR}),null==i||i.call.apply(i,r([window],e))},window.addEventListener("unhandledrejection",n),window.document.addEventListener("error",o,!0),e.lifeCycle.on("destroy",(function(){0===we.countInstance()&&(window.document.removeEventListener("unhandledrejection",n),window.document.removeEventListener("error",o,!0))}));var s=this,a={name:this.name,send:function(t,i){t.addEventListener("loadend",(function(){var n,o,r="";this.failType?r=this.failType:this.status?400<=this.status&&(r="error"):r="failed",e.config.hostUrl&&this.aegisUrl&&-1<this.aegisUrl.indexOf(e.config.hostUrl)||(o=null===(n=e.config.api)||void 0===n?void 0:n.apiDetail,r&&(n=t.aegisUrl,n=v(t.response,e.config.api,{url:n,ctx:t}).code,s.publishErrorLog({msg:"AJAX_ERROR: request "+r+"\n                      \nres status: "+(this.status||0)+"\n                      \nres retcode: "+n+"\n                      \nres duration: "+(Date.now()-t.aegisXhrStartTime)+"\n                      \nreq url: "+this.aegisUrl+"\n                      \nreq method: "+this.aegisMethod+"\n                      \nreq param: "+(o?E(i):"")+"\n                      \nres data: "+(o?null===(o=(o=t).responseType&&"text"!==o.responseType?"":o.responseText)||void 0===o?void 0:o.slice(0,1e3):""),level:p.AJAX_ERROR})))})),t.addEventListener("timeout",(function(){t.failType="timeout"})),t.addEventListener("error",(function(){t.failType="error"})),t.addEventListener("abort",(function(){t.failType="abort"}))}};this.hackXHROptions=a,P(this.hackXHROptions)},publishErrorLog:function(e){this.$walk((function(t){t.normalLogPipeline(e)}))},destroy:function(){this.option.publishErrorLog=function(){},this.option.hackXHROptions&&M(this.option.hackXHROptions)}}),Se=(new K({name:"pagePerformance"}),1),Re=new K({name:"pagePerformance",onNewAegis:function(e){var t=this;if(F())if(ce)this.publish(ce,e);else try{this.getFirstScreenTiming(e,(function(i){var n,o=performance.timing;o&&(n=o.loadEventStart-o.domInteractive,ce={dnsLookup:o.domainLookupEnd-o.domainLookupStart,tcp:o.connectEnd-o.connectStart,ssl:0===o.secureConnectionStart?0:o.requestStart-o.secureConnectionStart,ttfb:o.responseStart-o.requestStart,contentDownload:o.responseEnd-o.responseStart,domParse:o.domInteractive-o.domLoading,resourceDownload:n=n<0?1070:n,firstScreenTiming:Math.floor(i)},t.publish(ce,e))}))}catch(e){}},publish:function(e,t){var i=this;t.sendPipeline([function(e,n){var o,r=[];for(o in e)r.push(o+"="+e[o]);var s=i.$getConfig(t);if(s){var a=-1===t.config.performanceUrl.indexOf("?")?"?":"&";return"function"==typeof s.urlHandler?n({url:t.config.performanceUrl+a+r.join("&")+"&from="+(encodeURIComponent(s.urlHandler())||window.location.href),beanFilter:["from"],type:g.PERFORMANCE,log:e}):n({url:t.config.performanceUrl+a+r.join("&"),type:g.PERFORMANCE,log:e})}}],g.PERFORMANCE)(e)},getFirstScreenTiming:function(e,t){e.lifeCycle.on("destroy",(function(){A&&clearTimeout(A)}));var i=["script","style","link","br"],n=[],o=this,r={},s=new MutationObserver((function(e){var t={roots:[],rootsDomNum:[],time:performance.now()};e.forEach((function(e){e&&e.addedNodes&&e.addedNodes.forEach&&e.addedNodes.forEach((function(e){1===e.nodeType&&(e.hasAttribute("AEGIS-FIRST-SCREEN-TIMING")||e.querySelector("[AEGIS-FIRST-SCREEN-TIMING]"))?(Object.prototype.hasOwnProperty.apply(r,[t.time])||(r[t.time]=[]),r[t.time].push(e)):1!==e.nodeType||-1!==i.indexOf(e.nodeName.toLocaleLowerCase())||o.isEleInArray(e,t.roots)||e.hasAttribute("AEGIS-IGNORE-FIRST-SCREEN-TIMING")||(t.roots.push(e),t.rootsDomNum.push(o.walkAndCount(e)||0))}))})),t.roots.length&&n.push(t)}));s.observe(document,{childList:!0,subtree:!0});var a=function(){var i,c=0,d=0,l=Object.keys(r).filter((function(e){return r[+e].find((function(e){return o.isInFirstScreen(e)}))}));l.length?(d=Math.max.apply(null,l),("object"!=typeof(null===(l=e.config)||void 0===l?void 0:l.pagePerformance)||null!==(i=e.config.pagePerformance)&&void 0!==i&&i.firstScreenInfo)&&(e.firstScreenInfo={element:null===(i=r[d])||void 0===i?void 0:i[0],timing:d,markDoms:r})):n.forEach((function(t){for(var i,n=0;n<t.roots.length;n++)t.rootsDomNum[n]>c&&o.isInFirstScreen(t.roots[n])&&(c=t.rootsDomNum[n],d=t.time,("object"!=typeof(null===(i=e.config)||void 0===i?void 0:i.pagePerformance)||null!==(i=e.config.pagePerformance)&&void 0!==i&&i.firstScreenInfo)&&(e.firstScreenInfo={element:t.roots[n],timing:d}))})),!d&&Se?A=setTimeout((function(){return a()}),3e3):(s.disconnect(),null==t||t(d)),--Se},A=setTimeout((function(){return a()}),3e3)},isEleInArray:function(e,t){return!(!e||e===document.documentElement)&&(-1!==t.indexOf(e)||this.isEleInArray(e.parentElement,t))},isInFirstScreen:function(e){if(!e||"function"!=typeof e.getBoundingClientRect)return!1;var t=e.getBoundingClientRect(),i=window.innerHeight;return e=window.innerWidth,0<=t.left&&t.left<e&&0<=t.top&&t.top<i&&0<t.width&&0<t.height},walkAndCount:function(e){var t=0;if(e&&1===e.nodeType){t+=1;var i=e.children;if(null!=i&&i.length)for(var n=0;n<i.length;n++)t+=this.walkAndCount(i[n])}return t}});function Ce(){he=[],le=-1,de=null,me(addEventListener)}function Be(e,t){de||(de=t,le=e,ue=new Date,me(removeEventListener),ge())}function ke(e){var t,i,n,o;function r(){Be(i,n),o()}function s(){o()}e.cancelable&&(t=(1e12<e.timeStamp?new Date:performance.now())-e.timeStamp,"pointerdown"==e.type?(i=t,n=e,o=function(){removeEventListener("pointerup",r,fe),removeEventListener("pointercancel",s,fe)},addEventListener("pointerup",r,fe),addEventListener("pointercancel",s,fe)):Be(t,e))}function Ie(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:"v1-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)}}function Te(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){if("first-input"===e&&!("PerformanceEventTiming"in self))return;var i=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return i.observe({type:e,buffered:!0}),i}}catch(e){}}function xe(e,t){function i(n){"pagehide"!==n.type&&"hidden"!==document.visibilityState||(e(n),t&&(removeEventListener("visibilitychange",i,!0),removeEventListener("pagehide",i,!0)))}addEventListener("visibilitychange",i,!0),addEventListener("pagehide",i,!0)}function Le(e){addEventListener("pageshow",(function(t){t.persisted&&e(t)}),!0)}function De(e,t,i){var n;return function(){0<=t.value&&(i||Me.has(t)||"hidden"===document.visibilityState)&&(t.delta=t.value-(n||0),!t.delta&&void 0!==n||(n=t.value,e(t)))}}function Oe(){xe((function(e){e=e.timeStamp,Ve=e}),!0)}function je(){return Ve<0&&((Ve=self.webVitals.firstHiddenTime)===1/0&&Oe(),Le((function(){setTimeout((function(){Ve="hidden"===document.visibilityState?0:1/0,Oe()}),0)}))),{get timeStamp(){return Ve}}}function Ue(e){var t=e.name;e=e.value,Qe[t]=e}fe={passive:!0,capture:!0},pe=new Date,ge=function(){var e;0<=le&&le<ue-pe&&(e={entryType:"first-input",name:de.type,target:de.target,cancelable:de.cancelable,startTime:de.timeStamp,processingStart:de.timeStamp+le},he.forEach((function(t){t(e)})),he=[])},me=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,ke,fe)}))},be="hidden"===document.visibilityState?0:1/0,addEventListener("visibilitychange",(function e(t){"hidden"===document.visibilityState&&(be=t.timeStamp,removeEventListener("visibilitychange",e,!0))}),!0),Ce(),self.webVitals={firstInputPolyfill:function(e){he.push(e),ge()},resetFirstInputPolyfill:Ce,get firstHiddenTime(){return be}};var Fe,Pe,Me=new("function"==typeof WeakSet?WeakSet:Set),Ve=-1,Qe=(new K({name:"webVitals"}),{FCP:-1,LCP:-1,FID:-1,CLS:-1}),Ne=new K({name:"webVitals",onNewAegis:function(e){var t,i,n,o,r,s,a,A,c,d,l,u,h,f,p,g,m,b,y,v,w,E,S;if(F()&&"function"==typeof window.PerformanceObserver)try{b=Ue,v=je(),w=Ie("FCP"),E=performance.getEntriesByName("first-contentful-paint")[0],S=E?null:Te("paint",k),(E||S)&&(y=De(b,w,void 0),E&&k(E),Le((function(e){w=Ie("FCP"),y=De(b,w,void 0),requestAnimationFrame((function(){requestAnimationFrame((function(){w.value=performance.now()-e.timeStamp,Me.add(w),y()}))}))}))),u=Ue,p=je(),g=Ie("LCP"),(m=Te("largest-contentful-paint",B))&&(h=De(u,g,void 0),f=function(){Me.has(g)||(m.takeRecords().map(B),m.disconnect(),Me.add(g),h())},["keydown","click"].forEach((function(e){addEventListener(e,f,{once:!0,capture:!0})})),xe(f,!0),Le((function(e){g=Ie("LCP"),h=De(u,g,void 0),requestAnimationFrame((function(){requestAnimationFrame((function(){g.value=performance.now()-e.timeStamp,Me.add(g),h()}))}))}))),a=Ue,A=je(),c=Ie("FID"),d=Te("first-input",C),l=De(a,c,void 0),d&&xe((function(){d.takeRecords().map(C),d.disconnect()}),!0),d||window.webVitals.firstInputPolyfill(C),Le((function(){c=Ie("FID"),l=De(a,c,void 0),window.webVitals.resetFirstInputPolyfill(),window.webVitals.firstInputPolyfill(C)})),n=Ue,r=Ie("CLS",0),(s=Te("layout-shift",R))&&(o=De(n,r,void 0),xe((function(){s.takeRecords().map(R),o()})),Le((function(){r=Ie("CLS",0),o=De(n,r,void 0)}))),t=this.publish.bind(this,e),i=function(e){"pagehide"!==e.type&&"hidden"!==document.visibilityState||(t(e),removeEventListener("visibilitychange",i,!0),removeEventListener("pagehide",i,!0))},addEventListener("visibilitychange",i,!0),addEventListener("pagehide",i,!0)}catch(e){}function R(e){e.hadRecentInput||(r.value+=e.value,r.entries.push(e),o())}function C(e){e.startTime<A.timeStamp&&(c.value=e.processingStart-e.startTime,c.entries.push(e),Me.add(c),l())}function B(e){var t=e.startTime;t<p.timeStamp&&(g.value=t,g.entries.push(e)),h()}function k(e){"first-contentful-paint"===e.name&&(S&&S.disconnect(),e.startTime<v.timeStamp&&(w.value=e.startTime,w.entries.push(e),Me.add(w),y()))}},publish:function(e){e.sendPipeline([function(t,i){var n,o=[];for(n in t)o.push(n+"="+t[n]);var r=-1===e.config.performanceUrl.indexOf("?")?"?":"&";i({url:e.config.webVitalsUrl+r+o.join("&"),type:g.VITALS,log:t,sendBeacon:!0})}],g.VITALS)(Qe)},destroy:function(){this.option.publish=function(){}}}),We=0,Ge=(n(Pe=qe,Je=Fe=Z),Pe.prototype=null===Je?Object.create(Je):(ze.prototype=Je.prototype,new ze),qe.prototype.getBean=function(e){var t=this;return void 0===e&&(e=[]),""+Object.getOwnPropertyNames(this.bean).filter((function(t){return-1===e.indexOf(t)})).map((function(e){return e+"="+t.bean[e]})).join("&")},qe.prototype.resetRequesting=function(){this.requesting=!1;var e=this.requestQueue.shift();e&&this.request(e.options,e.success,e.fail)},qe.prototype.request=function(e,t,i){var n=this;if(e&&"string"==typeof e.url&&""!==e.url&&this.bean.id)if(this.requesting)this.requestQueue.push({options:e,success:t,fail:i});else{this.requesting=!0;var o=e.url;!1!==e.addBean&&(o=o+(-1===o.indexOf("?")?"?":"&")+this.getBean(e.beanFilter)),e.url=o;var r=e.method||"get";if(!(e=(o=this.config.onBeforeRequest)?o(e,this):e))return this.resetRequesting(),console.log("Sending request blocked");if(!e.url)return this.resetRequesting(),console.warn("Please handle the parameters reasonably, options.url is necessary");if(navigator.sendBeacon&&e.sendBeacon)return this.resetRequesting(),navigator.sendBeacon(e.url,e.data);var s=new XMLHttpRequest;s.sendByAegis=!0,Object.assign(s,{timeout:5e3},e.requestConfig),s.addEventListener("readystatechange",(function(){4===s.readyState&&(n.resetRequesting(),400<=s.status||0===s.status?null==i||i(s.response):null==t||t(s.response))})),"get"===r.toLocaleLowerCase()?(s.open("get",function(e,t){if("string"!=typeof e)return"";if("object"==typeof t&&t){var i=Object.getOwnPropertyNames(t).map((function(e){var i=t[e];return e+"="+("string"==typeof i?encodeURIComponent(i):encodeURIComponent(JSON.stringify(i)))})).join("&").replace(/eval/gi,"evaI");return e+(-1===e.indexOf("?")?"?":"&")+i}return e}(e.url,e.data)),s.send()):(s.open("post",e.url),e.contentType&&s.setRequestHeader("Content-Type",e.contentType),"string"==typeof e.data&&(e.data=e.data.replace(/eval/gi,"evaI")),s.send(e.data))}},qe.useAsyncPlugin=function(e,t){var i,n=void 0===(i=(t=void 0===t?{}:t).exportsConstructor)?"aegis-plugin-"+We:i,o=void 0===(i=t.onAegisInit)?function(){}:i,r=void 0===(t=t.onAegisInitAndPluginLoaded)?function(){}:t;if(We+=1,"string"!=typeof e)throw new TypeError("useAsyncPlugin first param must be string");if("function"!=typeof o||"function"!=typeof r)throw new TypeError("onAegisInit and onAegisInitAndPluginLoaded must be function");this.use(new K({name:"asyncPlugin",onNewAegis:function(t){try{o(t),qe.asyncPlugin[e]?r(t,window[qe.asyncPlugin[e]]):(i=e,s=n,a=function(i){i||(qe.asyncPlugin[e]=n,i=window[n],r(t,i))},A=document.createElement("script"),c=document.head,"function"==typeof s&&(a=s,s=""),A.src=i,A.setAttribute("name",s),A.name=s,A.setAttribute("crossorigin","anonymous"),A.crossorigin="anonymous",A.defer=!0,A.hasLoaded=!1,A.onreadystatechange=function(){A.hasLoaded||A.readyState&&"loaded"!==A.readyState&&"complete"!==A.readyState||(A.hasLoaded=!0,"function"==typeof a&&a(!1),setTimeout((function(){c.contains(A)&&c.removeChild(A)})))},A.onload=A.onreadystatechange,A.onerror=function(){"function"==typeof a&&a(!0),setTimeout((function(){c.contains(A)&&c.removeChild(A)}))},"complete"===document.readyState?c.appendChild(A):window.addEventListener("load",(function(){c.appendChild(A)})))}catch(i){console.log("error on below is caused by "+e+" "),console.error(i)}var i,s,a,A,c}}))},qe.prototype.uploadLogs=function(e,t){this.lifeCycle.emit("uploadLogs",e=void 0===e?{}:e,t=void 0===t?{}:t)},qe.sessionID="session-"+Date.now(),qe.asyncPlugin={},qe.urls={aegisCollect:"https://aegis.qq.com/collect",flog:"https://cdn-go.cn/vasdev/web_webpersistance_v2/v1.8.2/flog.core.min.js",shadowLog:""},qe),He=new K({name:"offlineLog"}),Je=(Z=He=new K({name:"offlineLog",onNewAegis:function(e){var t=Ge.urls.flog,i=e.config,n=[],r=null,a=null,A=function(e){a=e},c=function(e){n=n.concat(e)},d=function(e,t){r={conds:e=void 0===e?{}:e,params:t=void 0===t?{}:t}};Ge.useAsyncPlugin(t,{exportsConstructor:"Flog",onAegisInit:function(e){e.lifeCycle.on("beforeWrite",c),e.lifeCycle.on("uploadLogs",d),e.lifeCycle.on("onConfigChange",A)},onAegisInitAndPluginLoaded:function(e,t){var l,u,h,f,m,b=void 0===(S=i.dbConfig)?{}:S,y=void 0===(R=i.url)?Ge.urls.aegisCollect:R,v=i.offlineLogExp,E=void 0===v?3:v,S=i.id,R=i.uin;null===(v=e.lifeCycle)||void 0===v||v.remove("beforeWrite",c),null===(v=e.lifeCycle)||void 0===v||v.remove("uploadLogs",d),null===(v=e.lifeCycle)||void 0===v||v.remove("onConfigChange",A),b=Object.assign({lookupUrl:y+"/offlineAuto?id="+S,preservedDay:E,id:S,uin:R,aid:(null===(R=e.bean)||void 0===R?void 0:R.aid)||"",beforeRequest:e.config.beforeRequest,afterRequest:e.config.afterRequest},b,{sessionId:Ge.sessionID});try{var C=new t(b);n.forEach((function(e){C.add(o(o({},e),{level:e.level===p.INFO_ALL?p.INFO:e.level}))})),null===(l=e.lifeCycle)||void 0===l||l.on("beforeWrite",(function(e){(e=void 0===e?[]:e).forEach((function(e){C.add(o(o({},e),{level:e.level===p.INFO_ALL?p.INFO:e.level}))}))})),null===(u=e.lifeCycle)||void 0===u||u.on("uploadLogs",(function(t,n){var o;void 0===t&&(t={}),void 0===n&&(n={}),C.uploadLogs(Object.assign({id:i.id,uin:i.uin,aid:null===(o=e.bean)||void 0===o?void 0:o.aid},t),n)})),null===(h=e.lifeCycle)||void 0===h||h.on("onConfigChange",(function(e){C.setConfig(e)})),null===(f=e.lifeCycle)||void 0===f||f.on("destroy",(function(){0===He.countInstance()&&(n.length=0,"function"==typeof((r=null)==C?void 0:C.destroy)&&C.destroy())})),C.on("PERREVENT",(function(t){e.sendPipeline([function(e,t){var n=s({msg:w(e),level:p.INFO});t({type:g.OFFLINE,data:n,contentType:"application/x-www-form-urlencoded",method:"post",addBean:!1,url:i.url+"?id=893&sessionId="+Ge.sessionID+"&uin="+i.uin+"&from="+i.id+"&count=1&version=1.24.48",log:e})}],g.OFFLINE)(t)})),a&&(C.setConfig(a),a=null),r&&(null===(m=e.lifeCycle)||void 0===m||m.emit("uploadLogs",r.conds,r.params),r=null),e.flog=C}catch(e){console.log(e)}}})}}),new K({name:"spa"}),new K({name:"spa",init:function(){history.pushState=this.wr("pushState")||history.pushState,history.replaceState=this.wr("replaceState")||history.replaceState;var e=(null===(e=location.href)||void 0===e?void 0:e.split("?"))[0];this.$fireUrl=e,this.sendPv=this.sendPv.bind(this),this.onPageChange()},onPageChange:function(){window.addEventListener("replaceState",this.sendPv),window.addEventListener("pushState",this.sendPv),window.addEventListener("popstate",this.sendPv)},wr:function(e){var t=history[e];return"function"==typeof t&&!history.__hasWrittenByTamSpa&&(Object.defineProperty(history,"__hasWrittenByTamSpa",{value:!0,enumerable:!1}),function(){var i=t.apply(this,arguments),n=null;return"function"==typeof Event?n=new Event(e):(n=document.createEvent("HTMLEvents")).initEvent(e,!1,!0),window.dispatchEvent(n),i})},sendPv:function(){var e=this;setTimeout((function(){var t=location.href,i=(null===(i=location.href)||void 0===i?void 0:i.split("?"))[0];i&&i!==e.$fireUrl&&(e.$walk((function(e){e.send({url:e.config.pvUrl+"?from="+encodeURIComponent(t),beanFilter:["from"],type:g.WHITE_LIST})})),e.$fireUrl=i)}),0)},destroy:function(){window.removeEventListener("replaceState",this.option.sendPv),window.removeEventListener("pushState",this.option.sendPv),window.removeEventListener("popstate",this.option.sendPv)}}));function qe(e){var t,i,n,o=Fe.call(this,e)||this;o.requestQueue=[],o.requesting=!1,o.speedLogPipeline=Y([q(o.config),W(o),(n=o,function(e,t){ve((function(i){n.extendBean("netType",i),t(e)}))}),function(e,t){o.lifeCycle.emit("beforeReportSpeed",e);var i=o.config.beforeReportSpeed;if((e="function"==typeof i?e.filter((function(e){var t,n,r=!1!==i(e);return"fetch"===e.type&&void 0===e.ret&&e.payload&&(t=(n=v(e.payload.data.response,o.config.api,{url:e.payload.data.url,ctx:e.payload.data})||{}).code,n=n.isErr,e.ret=t,e.isErr=+n),r})):e).length)return t(e)},function(e){return o.sendPipeline([function(e,t){t({type:g.SPEED,url:""+o.config.speedUrl,method:"post",data:$(e,o.bean),log:e})}],g.SPEED)(e)}]),e.asyncPlugin=!0;try{"undefined"!=typeof document&&(e.uin=e.uin||(null!==(t=document.cookie.match(/\buin=\D+(\d*)/))&&void 0!==t?t:[])[1]||(null!==(i=document.cookie.match(/\bilive_uin=\D*(\d+)/))&&void 0!==i?i:[])[1]||""),o.init(e),o.extendBean("sessionId",qe.sessionID),o.extendBean("from",encodeURIComponent(e.pageUrl||location.href)),"undefined"!=typeof document&&o.extendBean("referer",encodeURIComponent(document.referrer||"")),e.ext1&&o.extendBean("ext1",e.ext1),e.ext2&&o.extendBean("ext2",e.ext2),e.ext3&&o.extendBean("ext3",e.ext3)}catch(e){console.warn(e),console.log("%cThe above error occurred in the process of initializing Aegis, which will affect your normal use of Aegis.\nIt is recommended that you contact us for feedback and thank you for your support.","color: red"),o.sendSDKError(e)}return o}function ze(){this.constructor=Pe}return new K({name:"ie"}),Ge.use(Ee),Ge.use(se),Ge.use(te),Ge.use(Re),Ge.use(Ne),Ge.use(_),Ge.use(ye),Ge.use(Z),Ge.use(Je),Ge}()}));class Je extends ue{static ERROR=E;static TIMEOUT={loadingTimeout:v.loadingTimeout,delayTimeout:v.delayTimeout};constructor(e){super();let t=e,i=e.container;if("string"==typeof e.container&&(i=document.querySelector(e.container)),!i)throw new Error("Jessibuca need container option");i.classList.add("jessibuca-container"),delete t.container,le(t.videoBuffer)&&(t.videoBuffer=1e3*Number(t.videoBuffer)),le(t.timeout)&&(de(t.loadingTimeout)&&(t.loadingTimeout=t.timeout),de(t.heartTimeout)&&(t.heartTimeout=t.timeout)),this._opt=t,this.$container=i,this.href=null,this.events=new Z(this),this.player=new Ge(i,t),this._bindEvents(),this._initAegis()}_initAegis(){new He({id:"3ogWGfLmpllRGka9pY",reportApiSpeed:!1,reportAssetSpeed:!1,spa:!1})}_bindEvents(){Object.keys(w).forEach((e=>{this.player.on(w[e],(t=>{this.emit(e,t)}))}))}setDebug(e){this.player.updateOption({isDebug:!!e})}mute(){this.player.mute(!0)}cancelMute(){this.player.mute(!1)}setVolume(e){this.player.volume=e}audioResume(){this.player.audio.audioEnabled(!0)}setTimeout(e){e=Number(e),this.player.updateOption({timeout:e,loadingTimeout:e,heartTimeout:e})}setScaleMode(e){let t={isFullResize:!1,isResize:!1};switch(e=Number(e)){case U:t.isFullResize=!1,t.isResize=!1;break;case F:t.isFullResize=!1,t.isResize=!0;break;case P:t.isFullResize=!0,t.isResize=!0}this.player.updateOption(t),this.resize()}pause(){return this.player.pause()}close(){return this._opt.url="",this.player.close()}clearView(){this.player.video.clearView()}play(e){return new Promise(((t,i)=>{if(!e&&!this._opt.url)return this.emit(v.error,E.playError),void i();if(e){if(!this._opt.url)return this._play(e);e===this._opt.url?this.player.playing?t():(this.clearView(),this.player.play(this._opt.url).then((()=>{t()})).catch((()=>{this.player.pause().then((()=>{i()}))}))):this.player.pause().then((()=>(this.clearView(),this._play(e)))).catch((()=>{i()}))}else this.player.play(this._opt.url).then((()=>{t()})).catch((()=>{this.player.pause().then((()=>{i()}))}))}))}_play(o){return new Promise(((r,s)=>{this._opt.url=o;const a=0===o.indexOf("http"),A=a?t:e,c=a||-1!==o.indexOf(".flv")||this._opt.isFlv?i:n;this.player.updateOption({protocol:A,demuxType:c}),this.player.once(E.mediaSourceH265NotSupport,(()=>{this.close()})),this.player.once(E.webcodecsH265NotSupport,(()=>{this.close()})),this.hasLoaded()?this.player.play(o).then((()=>{r()})).catch((()=>{this.player.pause().then((()=>{s()}))})):this.player.once(v.decoderWorkerInit,(()=>{this.player.play(o).then((()=>{r()})).catch((()=>{this.player.pause().then((()=>{s()}))}))}))}))}resize(){this.player.resize()}setBufferTime(e){e=Number(e),this.player.updateOption({videoBuffer:1e3*e})}setRotate(e){e=parseInt(e,10);this._opt.rotate!==e&&-1!==[0,90,270].indexOf(e)&&(this.player.updateOption({rotate:e}),this.resize())}hasLoaded(){return this.player.loaded}setKeepScreenOn(){this.player.updateOption({keepScreenOn:!0})}setFullscreen(e){const t=!!e;this.player.fullscreen!==t&&(this.player.fullscreen=t)}screenshot(e,t,i,n){return this.player.video.screenshot(e,t,i,n)}startRecord(e,t){return new Promise(((i,n)=>{this.player.playing?(this.player.startRecord(e,t),i()):n()}))}stopRecordAndSave(){this.player.recording&&this.player.stopRecordAndSave()}isPlaying(){return this.player.playing}isMute(){return this.player.audio.isMute}isRecording(){return this.player.recorder.recording}destroy(){this.player.destroy(),this.player=null,this.off()}}return window.Jessibuca=Je,Je}));
diff --git a/web/client/assets/video/cross_loading.mp4 b/web/client/assets/video/cross_loading.mp4
new file mode 100644
index 0000000..aa6b925
Binary files /dev/null and b/web/client/assets/video/cross_loading.mp4 differ
diff --git a/web/client/assets/video/login_bg.mp4 b/web/client/assets/video/login_bg.mp4
new file mode 100644
index 0000000..1236cb4
Binary files /dev/null and b/web/client/assets/video/login_bg.mp4 differ
diff --git a/web/client/index.ejs b/web/client/index.ejs
new file mode 100644
index 0000000..488bfac
--- /dev/null
+++ b/web/client/index.ejs
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+   <meta charset="UTF-8">
+   <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
+
+   <!-- <meta content="upgrade-insecure-requests" http-equiv="Content-Security-Policy"> -->
+   
+   <!-- <link rel="shortcut icon" href="/assets/images/favicon.ico"> -->
+
+   <script src="https://lf1-cdn-tos.bytegoofy.com/obj/iconpark/icons_20231_12.7f8fd1546294d369f0a85f7d68afb538.es5.js"></script> 
+
+</head>
+
+<body>
+   <div id='HrApp' style="height: 100%;"></div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/web/client/index.html b/web/client/index.html
new file mode 100644
index 0000000..9474515
--- /dev/null
+++ b/web/client/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
+
+    <!-- <link rel="shortcut icon" href="/assets/images/favicon.ico"> -->
+
+    <script src="https://lf1-cdn-tos.bytegoofy.com/obj/iconpark/icons_20231_12.7f8fd1546294d369f0a85f7d68afb538.es5.js"></script> 
+</head>
+
+<body>
+    <div id='HrApp' style="height: 100%;"></div>
+
+    <!-- Webpack -->
+    <script type="text/javascript" src="http://localhost:5701/client/build/app.js"></script>
+
+    <!-- Vite -->
+    <!-- <script type="module">
+        import RefreshRuntime from "http://localhost:5702/@react-refresh"
+        RefreshRuntime.injectIntoGlobalHook(window)
+        window.$RefreshReg$ = () => { }
+        window.$RefreshSig$ = () => (type) => type  
+        window.__vite_plugin_react_preamble_installed__ = true
+        const global = window
+    </script>
+    <script type="module" src="http://localhost:5002/src/index.jsx"></script> -->
+    <!-- Vite End -->
+
+    <script>
+        //过滤掉一些无用的警告、没有价值的报错
+        //代理console.warn方法
+
+        // const _consoleWarn = (...rest) => {
+        //     console.error(...rest)
+        // };
+        // console.error = (...rest) => {
+        //     if (
+        //         ![
+        //             'Each child in a list should have a unique "key" prop',
+        //         ].some((item) => rest[0].indexOf(item) !== -1)
+        //     ) {
+        //         _consoleWarn(...rest);
+        //     }
+        // };
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/web/client/index.js b/web/client/index.js
new file mode 100644
index 0000000..734451c
--- /dev/null
+++ b/web/client/index.js
@@ -0,0 +1,20 @@
+/**
+ * User: liuxinyi/liu.xinyi@free-sun.com.cn
+ * Date: 2016/2/22
+ * Time: 15:29
+ *
+ */
+'use strict';
+
+const views = require('koa-view');
+const path = require('path');
+
+module.exports = {
+    entry: function (app, router, opt) {
+        app.use(views(__dirname));
+
+        router.get('(.*)', async function (ctx) {
+            await ctx.render(path.join(__dirname, './index'));
+        });
+    }
+};
\ No newline at end of file
diff --git a/web/client/src/app.jsx b/web/client/src/app.jsx
new file mode 100644
index 0000000..ad0accd
--- /dev/null
+++ b/web/client/src/app.jsx
@@ -0,0 +1,41 @@
+'use strict';
+
+import React, { useEffect } from 'react';
+import Layout from './layout';
+import Auth from './sections/auth';
+import Example from './sections/example';
+import NoMatch from './sections/noMatch';
+import Business from './sections/business';
+
+const App = props => {
+    const { projectName } = props
+
+    useEffect(() => {
+        document.title = projectName;
+
+        console.log(`
+                     _ _------
+      　　　 　　 ／＞　　フ
+      　　　 　　| 　_　 _ l
+      　 　　 　／\` ミ＿xノ
+      　　 　 /　　　 　 |
+      　　　 /　 ヽ　　 ﾉ
+      　 　 │　　|　|　|
+      　／￣|　　 |　|　|
+      　| (￣ヽ＿_ヽ_)__)
+      　＼二つ ​
+      `);
+    }, [])
+
+    return (
+        <Layout
+            title={projectName}
+            sections={[//Example
+            Auth, NoMatch,
+            Business,
+            ]}
+        />
+    )
+}
+
+export default App;
\ No newline at end of file
diff --git a/web/client/src/components/index.js b/web/client/src/components/index.js
new file mode 100644
index 0000000..e560b3f
--- /dev/null
+++ b/web/client/src/components/index.js
@@ -0,0 +1,14 @@
+'use strict';
+import SimpleFileDownButton from './simpleFileDownButton'
+import ReminderBox from './reminderBox'
+import Setup from './setup'
+import { SkeletonScreen } from './skeletonScreen'
+import OutHidden from './outHidden'
+
+export {
+   SimpleFileDownButton,
+   ReminderBox,
+   Setup,
+   SkeletonScreen,
+   OutHidden,
+};
diff --git a/web/client/src/components/outHidden.jsx b/web/client/src/components/outHidden.jsx
new file mode 100644
index 0000000..24e7521
--- /dev/null
+++ b/web/client/src/components/outHidden.jsx
@@ -0,0 +1,40 @@
+import React, { useState, useEffect } from "react";
+import { Tooltip } from "@douyinfe/semi-ui";
+
+function OutHidden ({ name, width, height, color, background, number }) {
+
+   return <>
+      {number ?
+         <div style={{ display: 'inline-block' }}>
+            <Tooltip content={name}>
+               <div style={{
+                  width: width,
+                  height: height,
+                  color: color,
+                  background: background,
+               }}>
+                  {name.length > number ? `${name.substr(0, number)}...` : name}
+               </div>
+            </Tooltip>
+         </div>
+
+         : <div style={{ display: 'inline-block' }}>
+            <Tooltip content={name}>
+               <div style={{
+                  width: width,
+                  height: height,
+                  whiteSpace: 'nowrap',
+                  overflow: 'hidden',
+                  textOverflow: 'ellipsis',
+                  color: color,
+                  background: background,
+
+               }}>
+                  {name}
+               </div>
+            </Tooltip>
+         </div>}
+   </>
+}
+
+export default OutHidden;
\ No newline at end of file
diff --git a/web/client/src/components/reminderBox.jsx b/web/client/src/components/reminderBox.jsx
new file mode 100644
index 0000000..595658a
--- /dev/null
+++ b/web/client/src/components/reminderBox.jsx
@@ -0,0 +1,50 @@
+import { Button, Checkbox, Modal } from "@douyinfe/semi-ui";
+import React from "react";
+
+const ReminderBox = ({ title, wait, toadd, visible, onOk, close, USER}) => {
+    return (
+        <Modal
+            title={
+                <div style={{ fontSize: 14, lineHeight: "35px", marginLeft: 16 }}>
+                    {title}
+                </div>
+            }
+            onCancel={() => {
+                close()
+            }}
+            icon={
+                <img
+                    src="../../assets/images/logo/figure.png"
+                    style={{ width: 40, height: 40 }}
+                />
+            }
+            footer={
+                <div
+                    style={{
+                        width: "100%",
+                        display: "flex",
+                        justifyContent: "space-between",
+                    }}
+                >
+                    <Checkbox
+                        onChange={(checked) =>{
+                             localStorage.setItem( USER, JSON.stringify(checked.target.checked)
+                            )
+                            }}
+                        aria-label="Checkbox 示例"
+                        style={{ width: 100 }}
+                    >
+                        不再提醒
+                    </Checkbox>
+                    <div>
+                        <Button onClick={() => close()}>{wait}</Button>
+                        <Button theme="solid" onClick={() => onOk()}>{toadd}</Button>
+                    </div>
+                </div>
+            }
+            visible={visible}
+        ></Modal>
+    );
+};
+
+export default ReminderBox;
diff --git a/web/client/src/components/setup.jsx b/web/client/src/components/setup.jsx
new file mode 100644
index 0000000..41d8792
--- /dev/null
+++ b/web/client/src/components/setup.jsx
@@ -0,0 +1,123 @@
+import React, { useState, useEffect } from "react";
+import {
+    Modal,
+    CheckboxGroup,
+    Checkbox,
+} from "@douyinfe/semi-ui";
+
+function Setup (props) {
+    const {
+        close,
+        tableType,
+        tableList,
+        length
+    } = props;
+    const [check, setCheck] = useState([]);
+
+    const checkboxcss = { width: "25%", height: 16, margin: "0 0 20px 0" };
+
+    useEffect(() => {
+        //获取是否勾选信息
+        const checkItem = localStorage.getItem(tableType);
+        setCheck(checkItem ? JSON.parse(checkItem) : [])
+        ischeck();
+    }, []);
+    function ischeck (value) {
+        if (check.length >= length) {
+            if (check.includes(value)) {
+                return false;
+            } else {
+                return true;
+            }
+        }
+    }
+
+    return (
+        <Modal
+            title={
+                <div>
+                    表格属性设置
+                    <span
+                        style={{
+                            width: 50,
+                            lineHeight: "19px",
+                            display: "inline-block",
+
+                            color: "white",
+                            textAlign: "center",
+                            marginLeft: 6,
+                            background:
+                                check.length == length
+                                    ? "rgba(40, 123, 255, 1)"
+                                    : "rgba(176, 176, 176, 1)",
+                        }}
+                    >
+                        {check.length}/{length}
+                    </span>
+                </div>
+            }
+            visible={true}
+            style={{ width: 600 }}
+            onOk={() => {
+                localStorage.setItem(tableType, JSON.stringify(check));
+                close();
+            }}
+            onCancel={() => {
+                close();
+            }}
+        >
+            <CheckboxGroup
+                style={{ width: "100%", fontSize: 14 }}
+                key="primary1"
+                direction="horizontal"
+                defaultValue={check}
+                aria-label="表格属性设置"
+                onChange={(check) => {
+                    setCheck(check);
+                    ischeck();
+                }}
+            >
+                {tableList.map((item, index) => {
+                    return (
+                        <div
+                            key={index}
+                            style={{
+                                width: 550,
+                                border: "1px solid #EAEAEA",
+                                padding: "0px 5px",
+                                borderRadius: 4,
+                                marginBottom: "20px",
+                            }}
+                        >
+                            <div
+                                style={{
+                                    borderBottom: "1px solid #EAEAEA",
+                                    marginLeft: "10px",
+                                    padding: "8px 0px",
+                                }}
+                            >
+                                {item.title}
+                            </div>
+                            <div style={{ padding: "15px 12px", width: 530 }}>
+                                {item.list?.map((itm) => {
+                                    return (
+                                        <Checkbox
+                                            key={itm.value}
+                                            value={itm.value}
+                                            style={checkboxcss}
+                                            disabled={ischeck(itm.value)}
+                                        >
+                                            {itm.name}
+                                        </Checkbox>
+                                    );
+                                })}
+                            </div>
+                        </div>
+                    )
+                })}
+            </CheckboxGroup>
+        </Modal>
+    );
+}
+
+export default Setup;
diff --git a/web/client/src/components/simpleFileDownButton.jsx b/web/client/src/components/simpleFileDownButton.jsx
new file mode 100644
index 0000000..5ee4eee
--- /dev/null
+++ b/web/client/src/components/simpleFileDownButton.jsx
@@ -0,0 +1,40 @@
+import React, { useState, useEffect, useRef } from "react";
+import { connect } from "react-redux";
+import moment from 'moment'
+import { Button, } from "@douyinfe/semi-ui";
+
+const SimpleFileDownButton = (props) => {
+   const { src, user } = props
+   const [downloadUrl, setDownloadUrl] = useState('')
+
+   return (
+      <>
+         <Button
+            style={{
+               width: 65,
+               height: 32,
+               background: "#FFFFFF",
+               borderRadius: 3,
+               border: "1px solid #1859C1",
+            }}
+            onClick={() => {
+               setDownloadUrl(`${src}?token=${user.token}&timestamp=${moment().valueOf()}`)
+            }}
+         >
+            导出
+         </Button>
+         {
+            downloadUrl ? <iframe src={`/_api/${downloadUrl}`} style={{ display: 'none' }} /> : ''
+         }
+      </>
+   )
+}
+
+function mapStateToProps (state) {
+   const { auth } = state;
+   return {
+      user: auth.user,
+   };
+}
+
+export default connect(mapStateToProps)(SimpleFileDownButton);
\ No newline at end of file
diff --git a/web/client/src/components/skeletonScreen.jsx b/web/client/src/components/skeletonScreen.jsx
new file mode 100644
index 0000000..dc6c2e9
--- /dev/null
+++ b/web/client/src/components/skeletonScreen.jsx
@@ -0,0 +1,18 @@
+import React, { useState, useEffect } from "react";
+import { Skeleton } from "@douyinfe/semi-ui";
+
+
+export function SkeletonScreen () {
+   return <>
+      <Skeleton.Title style={{ width: "95%", height: 24, margin: "8px 20px" }} />
+      <Skeleton.Title style={{ width: "80%", height: 28, margin: "16px 20px" }} />
+      <Skeleton.Title style={{ width: "50%", height: 28, margin: "16px 20px" }} />
+      <Skeleton.Title style={{ width: "60%", height: 28, margin: "16px 20px" }} />
+      <Skeleton.Title style={{ width: "90%", height: 28, margin: "16px 20px" }} />
+      <Skeleton.Title style={{ width: "70%", height: 28, margin: "16px 20px" }} />
+      <Skeleton.Title style={{ width: "50%", height: 28, margin: "16px 20px" }} />
+      <Skeleton.Title style={{ width: "40%", height: 28, margin: "16px 20px" }} />
+      <Skeleton.Title style={{ width: "60%", height: 28, margin: "16px 20px" }} />
+      <Skeleton.Title style={{ width: "40%", height: 28, margin: "16px 20px" }} />
+   </>
+}
diff --git a/web/client/src/components/textScroll.jsx b/web/client/src/components/textScroll.jsx
new file mode 100644
index 0000000..ccfee0c
--- /dev/null
+++ b/web/client/src/components/textScroll.jsx
@@ -0,0 +1,80 @@
+import React, { useRef, useEffect, useState } from 'react'
+import moment from 'moment'
+import './textScroll.less'
+
+function TextScroll (props) {
+   const { content, duration, roll, videoObj = {} } = props
+   const [showContent, setShowContent] = useState('')
+   const showIndex = useRef(0)
+   const initialization = useRef(false)
+   const cancel = useRef(false)
+   let videoObjId = videoObj.id || 0
+   useEffect(() => {
+      if (content.length) {
+         if (roll) {
+            let contentParent = document.getElementById("marquee_box" + videoObjId)
+            document.getElementById('contentPMakeUp' + videoObjId).style.width = contentParent.clientWidth + 'px'
+            const contentP = document.getElementById('contentP' + videoObjId)
+            contentP.style.visibility = 'visible'
+            setShowContent(content[0])
+            window.cancelAnimationFrame(cancel.current)
+            contentParent.scrollLeft = 0
+            initialization.current = false
+            showIndex.current = 0
+         }
+         else {
+            let repeatTime = moment()
+            let refreshTime = moment()
+            const scroll = () => {
+               let contentParent = document.getElementById("marquee_box" + videoObjId)
+               document.getElementById('contentPMakeUp' + videoObjId).style.width = contentParent.clientWidth + 'px'
+               //初始化
+               // if(!showContent&&!initialization.current){
+               if (!initialization.current) {
+                  const contentP = document.getElementById('contentP' + videoObjId)
+                  contentParent.scrollLeft = 0
+                  setShowContent(content[showIndex.current])
+                  showIndex.current = (showIndex.current + 1) % content.length
+                  contentP.style.visibility = 'visible'
+                  initialization.current = true
+               }
+               // 控制频率
+               if (moment().diff(refreshTime) > 1000 / 60) {
+                  const contentP = document.getElementById('contentP' + videoObjId)
+                  // 静态等待时间
+                  if (moment().diff(repeatTime) > 1000 * 1.5) {
+                     contentP.style.visibility = 'visible'
+                  }
+                  // 滚动
+                  if (moment().diff(repeatTime) > 1000 * 3) {
+                     contentParent.scrollLeft = contentParent.scrollLeft + 1
+                  }
+                  // 滚完 重置
+                  if (contentParent.scrollLeft >= contentP.clientWidth + 24) {
+                     contentParent.scrollLeft = 0
+                     repeatTime = moment()
+                     setShowContent(content[showIndex.current])
+                     showIndex.current = (showIndex.current + 1) % content.length
+                     contentP.style.visibility = 'hidden'
+                  }
+                  refreshTime = moment()
+               }
+               let text = null
+               text = window.requestAnimationFrame(scroll)
+               cancel.current = text
+            }
+            window.requestAnimationFrame(scroll)
+         }
+      }
+   }, [content, roll])
+   return (
+      <div className="marquee_box" id={"marquee_box" + videoObjId} style={{ overflow: 'hidden', color: '#F9F9F9' }} >
+         <div style={{ position: 'relative', left: 24 }}>
+            <div id={'contentP' + videoObjId} style={{ display: 'inline-block', visibility: 'hidden' }}>{showContent}</div>
+            <div id={'contentPMakeUp' + videoObjId} style={{ width: 0, display: 'inline-block' }}></div>
+         </div>
+      </div>
+   )
+}
+
+export default React.memo(TextScroll)
diff --git a/web/client/src/components/textScroll.less b/web/client/src/components/textScroll.less
new file mode 100644
index 0000000..c2e5be4
--- /dev/null
+++ b/web/client/src/components/textScroll.less
@@ -0,0 +1,19 @@
+.marquee_box {
+   width: 100%;
+   height: 100%;
+   word-break: keep-all;
+   white-space: nowrap;
+   // display: flex;
+   // align-items: center;
+}
+
+.marquee_box p {
+   // display: inline-block;
+   padding: 0;
+   margin: 0;
+}
+
+.marquee_box:hover p {
+   animation-play-state: paused;
+   cursor: default;
+}
\ No newline at end of file
diff --git a/web/client/src/index.jsx b/web/client/src/index.jsx
new file mode 100644
index 0000000..457f708
--- /dev/null
+++ b/web/client/src/index.jsx
@@ -0,0 +1,9 @@
+'use strict';
+
+import './public-path'
+import React from 'react';
+import { render } from 'react-dom';
+import App from './app';
+import './index.less';
+
+render((<App projectName="FS-DC数据中心" />), document.getElementById('HrApp'));
\ No newline at end of file
diff --git a/web/client/src/index.less b/web/client/src/index.less
new file mode 100644
index 0000000..e32fc71
--- /dev/null
+++ b/web/client/src/index.less
@@ -0,0 +1,74 @@
+// webpack （vite 用 alias 兼容了）
+// @import '~@douyinfe/semi-ui/dist/css/semi.min.css';
+@import '~perfect-scrollbar/css/perfect-scrollbar.css';
+@import '~nprogress/nprogress.css';
+
+
+*,
+*::before,
+*::after {
+   box-sizing: border-box;
+}
+
+html,
+body {
+   margin: 0;
+   height: 100%;
+   width: 100%;
+   overflow: hidden;
+
+   #App {
+      height: 100%;
+   }
+
+   .semi-timepicker-panel {
+
+      //时间选择器不显示滚动栏
+      ::-webkit-scrollbar {
+         display: none;
+         /* Chrome Safari */
+
+      }
+
+      scrollbar-width: none;
+      /* firefox */
+      -ms-overflow-style: none;
+      /* IE 10+ */
+      overflow-x: hidden;
+      overflow-y: auto;
+   }
+
+   a:link {
+      text-decoration: none;
+      color: unset
+   }
+
+   a:visited {
+      text-decoration: none;
+      color: unset
+   }
+
+   a:hover {
+      text-decoration: none;
+      color: unset
+   }
+
+   a:active {
+      text-decoration: none;
+      color: unset
+   }
+}
+
+
+.semi-portal-inner {
+   position: fixed;
+}
+
+@font-face {
+   font-family: 'YouSheBiaoTiHei'; //这个可以任意取，但是应与后面相对应eg：yxingguang
+   src: url('/assets/fonts/YouSheBiaoTiHei-2.ttf');
+}
+@font-face {
+    font-family: 'DINExp'; //这个可以任意取，但是应与后面相对应eg：yxingguang
+    src: url('/assets/fonts/DINExp.ttf');
+ }
\ No newline at end of file
diff --git a/web/client/src/layout/actions/global.js b/web/client/src/layout/actions/global.js
new file mode 100644
index 0000000..4d019aa
--- /dev/null
+++ b/web/client/src/layout/actions/global.js
@@ -0,0 +1,45 @@
+'use strict';
+// import { RouteRequest } from '@peace/utils';
+
+import { RouteTable, RouteRequest } from '$utils'
+
+export const INIT_LAYOUT = 'INIT_LAYOUT';
+export function initLayout (title, copyright, sections, actions) {
+   return {
+      type: INIT_LAYOUT,
+      payload: {
+         title,
+         copyright,
+         sections,
+         actions
+      }
+   };
+}
+
+export const RESIZE = 'RESIZE';
+export function resize (clientHeight, clientWidth) {
+   const headerHeight = 50
+   const footerHeight = 0
+   return {
+      type: RESIZE,
+      payload: {
+         clientHeight: clientHeight - headerHeight - footerHeight,
+         clientWidth: clientWidth
+      }
+   }
+}
+
+export const INIT_API_ROOT = 'INIT_API_ROOT';
+export function initApiRoot () {
+   return dispatch => {
+      return RouteRequest.get(RouteTable.apiRoot).then(res => {
+         localStorage.setItem('apiRoot', JSON.stringify(res));
+         return dispatch({
+            type: INIT_API_ROOT,
+            payload: {
+               apiRoot: res.root,
+            }
+         })
+      });
+   }
+}
\ No newline at end of file
diff --git a/web/client/src/layout/actions/index.js b/web/client/src/layout/actions/index.js
new file mode 100644
index 0000000..4e98b4d
--- /dev/null
+++ b/web/client/src/layout/actions/index.js
@@ -0,0 +1,9 @@
+'use strict';
+
+import * as global from './global'
+import * as socket from './webSocket';
+
+export default {
+    ...global,
+    ...socket,
+};
\ No newline at end of file
diff --git a/web/client/src/layout/actions/webSocket.js b/web/client/src/layout/actions/webSocket.js
new file mode 100644
index 0000000..605748e
--- /dev/null
+++ b/web/client/src/layout/actions/webSocket.js
@@ -0,0 +1,39 @@
+'use strict';
+import io from 'socket.io-client';
+
+export const INIT_WEB_SOCKET = 'INIT_WEB_SOCKET'
+export function initWebSocket ({ ioUrl, token, hrUserId }) {
+   if (!ioUrl) {
+      ioUrl = localStorage.getItem('apiRoot')
+      ioUrl = JSON.parse(ioUrl).root
+   }
+   if (!token) {
+      let user = sessionStorage.getItem('hrUser')
+      if (user) {
+         user = JSON.parse(user)
+         token = user.token
+      }
+   }
+   if (!ioUrl || !token || !hrUserId) {
+      return {
+         type: '',
+      }
+   }
+
+   return dispatch => {
+      const socket = io(
+         ioUrl
+         // 'http://10.8.30.7:4000'
+         , {
+            query: {
+               token: token,
+            },
+         });
+      dispatch({
+         type: INIT_WEB_SOCKET,
+         payload: {
+            socket: socket
+         }
+      })
+   }
+}
\ No newline at end of file
diff --git a/web/client/src/layout/components/footer/index.jsx b/web/client/src/layout/components/footer/index.jsx
new file mode 100644
index 0000000..4da5543
--- /dev/null
+++ b/web/client/src/layout/components/footer/index.jsx
@@ -0,0 +1,15 @@
+'use strict';
+import React from 'react';
+import moment from 'moment'
+
+export default class Footer extends React.Component {
+    render () {
+        // const { } = this.props;
+
+        return (
+            <div style={{ textAlign: 'center', lineHeight: '32px',fontSize:13,color:'rgb(139, 139, 139)' }}>
+                Copyright © {moment().year()} All Rights Reserved　版权所有· 江西飞尚科技有限公司
+            </div>
+        );
+    }
+};
\ No newline at end of file
diff --git a/web/client/src/layout/components/header/contant.js b/web/client/src/layout/components/header/contant.js
new file mode 100644
index 0000000..aee4b04
--- /dev/null
+++ b/web/client/src/layout/components/header/contant.js
@@ -0,0 +1,15 @@
+const headerItems = [{
+    itemKey: "businessManagement",
+    text: "业务管理",
+    items: [{
+        fatherKey: "authCenter",
+        openKey: "pmReport",
+        itemKey: "pmReport",
+        text: "项目报表",
+        to: "/businessManagement/pmReport/reserveItemsReporting"
+    }]
+}]
+
+export {
+    headerItems
+}
\ No newline at end of file
diff --git a/web/client/src/layout/components/header/index.jsx b/web/client/src/layout/components/header/index.jsx
new file mode 100644
index 0000000..919a679
--- /dev/null
+++ b/web/client/src/layout/components/header/index.jsx
@@ -0,0 +1,165 @@
+"use strict";
+import React from "react";
+import { connect } from "react-redux";
+import { SplitButtonGroup, Dropdown, Button, Nav, Avatar } from '@douyinfe/semi-ui';
+import { IconTreeTriangleDown } from '@douyinfe/semi-icons';
+import { headerItems } from './contant';
+import "./index.less";
+
+const Header = (props) => {
+    const { dispatch, history, user, actions, socket, tochange } = props;
+
+    return (
+        <>
+            <div id="top-slider">
+                <Nav
+                    mode={"horizontal"}
+                    onClick={({ itemKey }) => {
+                        if (itemKey == "logout") {
+                            dispatch(actions.auth.logout(user));
+                            if (socket) {
+                                socket.disconnect();
+                            }
+                            history.push(`/signin`);
+                        }
+                    }}
+                    style={{
+                        height: 48,
+                        minWidth: 520,
+                        background: '#1D2343',
+                        backgroundSize: "100% 100%",
+                        color: "white",
+                    }}
+                    header={{
+                        logo: (
+                            <div style={{ display: 'flex' }}>
+                                <div style={{ marginLeft: 16, width: 24, height: 24 }}>
+                                    <img src="/assets/images/background/username.png" alt="" style={{ width: 24, marginRight: -10 }} />
+                                </div>
+                                <div style={{ fontFamily: 'YouSheBiaoTiHei', fontSize: 18, marginLeft: 12 }}>
+                                    数据中心
+                                </div>
+                            </div>
+                            // <img
+                            //     src="/assets/images/install/long_logo.png"
+                            //     style={{ display: "inline-block", width: 200, height: 40, marginLeft: -24 }}
+                            // />
+                        ),
+                        // text: (
+                        //     <>
+
+                        //         {/* <SplitButtonGroup style={{ marginLeft: 10 }} aria-label="项目操作按钮组"> */}
+                        //         <Button theme="solid" type="primary" style={{ width: 52, height: 24, background: '#005ABD' }}>全局</Button>
+                        //         {/* <Dropdown onVisibleChange={(v) => { }} menu={{}} trigger="click" position="bottomRight"> */}
+                        //         <Button style={{ width: 16, height: 24, background: '#005ABD' }} theme="solid" type="primary" icon={<IconTreeTriangleDown />}></Button>
+                        //         {/* </Dropdown> */}
+                        //         {/* </SplitButtonGroup> */}
+                        //     </>
+                        // ),
+                    }}
+                    footer={
+                        <>
+                            {headerItems.map((item, index) => {
+                                if (item.hasOwnProperty('items')) {
+                                    return (
+                                        <Nav.Sub
+                                            key={index + 'a'}
+                                            itemKey={item.itemKey}
+                                            text={item.text}
+                                            dropdownStyle={{ color: '#F2F3F5' }}
+                                        >
+                                            {item.hasOwnProperty('items') && item.items.map((ite, idx) => (
+                                                <Nav.Item key={idx + 'd'} itemKey={ite.itemKey} text={ite.text} onClick={() => { tochange(ite); }} />
+                                            ))}
+                                        </Nav.Sub>
+                                    )
+                                }
+                                else {
+                                    return (
+                                        <div key='console' style={{ display: 'inline-flex' }}>
+                                            <img src="/assets/images/background/console.png" style={{ width: 24, marginRight: -10 }} />
+                                            <Nav.Item key={index + 'a'} itemKey={item.itemKey} text={item.text} onClick={() => { tochange(item) }} />
+                                        </div>
+
+                                    )
+                                }
+                            })}
+                            <div style={{ display: 'flex', alignItems: 'center' }}>
+                                <div style={{ marginLeft: 16, width: 24, height: 24 }}>
+                                    <img src="/assets/images/background/username.png" alt="" style={{ width: '100%', height: '100%' }} />
+                                </div>
+                                <div style={{ color: '#92CBFF', fontSize: 12, marginLeft: 10, cursor: "pointer" }} onClick={() => {
+                                    dispatch(actions.auth.logout(user));
+                                    if (socket) {
+                                        socket.disconnect();
+                                    }
+                                    history.push(`/signin`);
+                                }}>
+                                    退出
+                                </div>
+                            </div>
+
+                            {/* <Nav.Sub
+                                itemKey={"user"}
+                                text={
+                                    <div
+                                        style={{
+                                            marginLeft: -8,
+                                            display: "inline-block",
+                                            color: "white",
+                                        }}
+                                    >
+                                        <Avatar size="extra-small" color="light-blue" style={{ marginRight: 4 }}>
+                                            {user?.name?.substr(0, 1)}
+                                        </Avatar>
+                                        <div style={{
+                                            display: "inline-block", position: "relative",
+                                            top: 10,
+                                            left: 4,
+                                            marginRight: 4,
+                                        }}
+                                        >
+                                        </div>
+                                    </div>
+                                }
+                            >
+                                <div style={{ width: 133, }}>
+                                    <div style={{ display: "flex", alignItems: 'center', background: '#F0F5FF', padding: '8px 0px 8px 12px' }}>
+                                        <Avatar size="extra-small" color="light-blue" style={{ marginRight: 4 }}>
+                                            {user?.name?.substr(0, 1)}
+                                        </Avatar>
+                                        <div style={{ fontSize: 12, color: '#4A4A4A' }}>
+                                            {user.name}
+                                            <div title={user?.department?.map(v => v.name + '、')} style={{ width: 60, overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', color: '#969799', fontSize: 12 }}>{user?.department?.map(v => v.name + '、')}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: 27, color: '#646566', fontSize: 12, cursor: "pointer" }}
+                                    onClick={() => {
+                                        dispatch(actions.auth.logout(user));
+                                        if (socket) {
+                                            socket.disconnect();
+                                        }
+                                        history.push(`/signin`);
+                                    }}>
+                                    退出
+                                </div>
+                            </Nav.Sub> */}
+                        </>
+                    }
+                />
+            </div>
+        </>
+    );
+};
+
+function mapStateToProps(state) {
+    const { global, auth, webSocket } = state;
+    return {
+        actions: global.actions,
+        user: auth.user,
+        socket: webSocket.socket,
+    };
+}
+
+export default connect(mapStateToProps)(Header);
diff --git a/web/client/src/layout/components/header/index.less b/web/client/src/layout/components/header/index.less
new file mode 100644
index 0000000..11a6811
--- /dev/null
+++ b/web/client/src/layout/components/header/index.less
@@ -0,0 +1,18 @@
+#top-slider{
+    .semi-navigation-item-text{
+        font-size: 13px;
+        color: #F2F3F5;
+    }
+    .semi-navigation-item-icon{
+        color: #F2F3F5;
+    }
+    .semi-navigation-item-selected{
+        background: none;
+    }
+    .semi-navigation-item{
+        margin: 0px;
+    }
+    .semi-navigation-item-text{
+        overflow: inherit;
+    }
+}
\ No newline at end of file
diff --git a/web/client/src/layout/components/sider/index.jsx b/web/client/src/layout/components/sider/index.jsx
new file mode 100644
index 0000000..08e5ef0
--- /dev/null
+++ b/web/client/src/layout/components/sider/index.jsx
@@ -0,0 +1,81 @@
+import React, { useEffect, useState } from 'react';
+import PerfectScrollbar from 'perfect-scrollbar';
+import { connect } from 'react-redux';
+import { Nav } from '@douyinfe/semi-ui';
+import { push } from 'react-router-redux';
+import { useLocation } from 'react-router';
+import "./index.less";
+
+let scrollbar = null
+const homePath = '/example/e1/c1'
+const Sider = (props) => {
+    const { collapsed, clientHeight, dispatch, pathname, leftItems, leftChange } = props
+    const [items, setItems] = useState([])
+    const [selectedKeys, setSelectedKeys] = useState([])
+    const [openKeys, setOpenKeys] = useState([])
+    useEffect(() => {
+        const { sections, dispatch, user } = props;
+        let nextItems = leftItems
+        setItems(nextItems)
+        scrollbar = new PerfectScrollbar('#page-slider', { suppressScrollX: true });
+        if (pathname == '/') {
+            dispatch(push(homePath))
+        }
+    }, [leftItems])
+    let routeSelectedKey = useLocation().pathname.split('/');
+    // let routeSelectedKey = [useLocation().pathname.split('/')[1]]//没有子目录的
+    // let routeSelectedKeys = [useLocation().pathname.split('/')[2]]//有子目录的
+    // let routeSelectedKeyss = [useLocation().pathname.split('/')[3]]//有子目录的
+    useEffect(() => {
+        if (routeSelectedKey.length) {
+            setSelectedKeys([routeSelectedKey[routeSelectedKey.length - 1]])
+        }
+        const lastOpenKeys = localStorage.getItem('poms_open_sider')
+        if (lastOpenKeys) {
+            setOpenKeys(JSON.parse(lastOpenKeys))
+        }
+    }, [window.localStorage.poms_open_sider, window.localStorage.poms_selected_sider, leftChange])
+
+    useEffect(() => {
+        if (scrollbar) {
+            scrollbar.update();
+        }
+    })
+    return (
+        <div id={'page-slider'} style={{ height: clientHeight, position: 'relative', background: '#101531' }}>
+            <Nav
+                style={{ background: '#101531', padding: 0 }}
+                selectedKeys={selectedKeys}
+                bodyStyle={{ height: clientHeight - 64 }}
+                mode="vertical"
+                footer={{
+                    collapseButton: true,
+                }}
+                openKeys={openKeys}
+                onSelect={({ selectedItems, selectedKeys, }) => {
+                    const selectItem = selectedItems[0]
+                    if (selectItem.to) {
+                        dispatch(push(selectItem.to))
+                    }
+                    let myfatherKey = selectItem.to
+                    localStorage.setItem('poms_selected_sider', JSON.stringify([myfatherKey.split('/')[1]]))
+                    setSelectedKeys(selectedKeys)
+                }}
+                onOpenChange={({ openKeys }) => {
+                    setOpenKeys(openKeys)
+                    localStorage.setItem('poms_open_sider', JSON.stringify(openKeys))
+                }}
+                items={items}
+            />
+        </div>
+    )
+}
+
+function mapStateToProps(state) {
+    const { global } = state;
+    return {
+        clientHeight: global.clientHeight,
+    };
+}
+
+export default connect(mapStateToProps)(Sider);
\ No newline at end of file
diff --git a/web/client/src/layout/components/sider/index.less b/web/client/src/layout/components/sider/index.less
new file mode 100644
index 0000000..bb3458a
--- /dev/null
+++ b/web/client/src/layout/components/sider/index.less
@@ -0,0 +1,40 @@
+#page-slider{
+    .semi-navigation-sub .semi-navigation-item-selected{
+        background: rgba(0, 90, 189, 0.5);
+        color: #F2F3F5;
+    }
+    .semi-navigation-item-text{
+        color: #F2F3F5;
+    }
+    .semi-navigation-item-icon{
+        color:#F2F3F5
+    }
+    .semi-navigation-item-selected{
+        background: rgba(0, 90, 189, 0.5);
+        color: #F2F3F5;
+    }
+    .semi-navigation-item-inner{
+        font-family: YouSheBiaoTiHei;
+        font-size: 16px;
+        letter-spacing:2px;
+        font-weight: 400;
+    }
+    .semi-navigation-sub-title-selected{
+        background: #1D2343;
+        .semi-navigation-item-icon{
+            color: #0F7EFB !important;
+        }
+        .semi-icon-code{
+            color: #0F7EFB !important;
+        }
+    }
+    .semi-navigation{
+        width: 180px;
+    }
+    .semi-navigation-collapsed{
+        width: 48px !important;
+    }
+    .semi-button-with-icon{
+        color:#F2F3F5
+    }
+}
\ No newline at end of file
diff --git a/web/client/src/layout/containers/index.js b/web/client/src/layout/containers/index.js
new file mode 100644
index 0000000..345ec16
--- /dev/null
+++ b/web/client/src/layout/containers/index.js
@@ -0,0 +1,6 @@
+'use strict';
+import Layout from './layout';
+import NoMatch from './no-match';
+
+export { Layout };
+export { NoMatch };
\ No newline at end of file
diff --git a/web/client/src/layout/containers/layout/index.jsx b/web/client/src/layout/containers/layout/index.jsx
new file mode 100644
index 0000000..592b911
--- /dev/null
+++ b/web/client/src/layout/containers/layout/index.jsx
@@ -0,0 +1,325 @@
+'use strict';
+
+import React, { useState, useEffect } from 'react';
+import { connect } from 'react-redux';
+import { Layout, Notification } from '@douyinfe/semi-ui';
+import Sider from '../../components/sider';
+import Header from '../../components/header';
+import Footer from '../../components/footer';
+import { resize } from '../../actions/global';
+import * as NProgress from 'nprogress';
+import PerfectScrollbar from 'perfect-scrollbar';
+import { useLocation } from "react-router";
+
+NProgress.configure({
+    template: `
+    <div class="bar" style="height:2px" role="bar">
+        <div class="peg"></div>
+    </div>
+    <div class="spinner" role="spinner">
+        <div class="spinner-icon"></div>
+    </div>
+    `
+});
+
+let scrollbar
+// const location111 = useLocation();
+const LayoutContainer = props => {
+    const {
+        dispatch, msg, user, copyright, children, sections, clientWidth, clientHeight,
+        location, match, routes, history, socket,
+    } = props
+    const [collapsed, setCollapsed] = useState(false)
+
+    NProgress.start();
+
+    const resize_ = () => {
+        dispatch(resize(
+            document.getElementById('HrApp').clientHeight,
+            document.getElementById('HrApp').clientWidth - (collapsed ? 120 : 240)
+        ));
+    }
+    function deepCopy(data) {//深拷贝
+        //string,number,bool,null,undefined,symbol
+        //object,array,date
+        if (data && typeof data === "object") {
+            //针对函数的拷贝
+            if (typeof data === "function") {
+                let tempFunc = data.bind(null);
+                tempFunc.prototype = deepCopy(data.prototype);
+                return tempFunc;
+            }
+
+            switch (Object.prototype.toString.call(data)) {
+                case "[object String]":
+                    return data.toString();
+                case "[object Number]":
+                    return Number(data.toString());
+                case "[object Boolean]":
+                    return new Boolean(data.toString());
+                case "[object Date]":
+                    return new Date(data.getTime());
+                case "[object Array]":
+                    var arr = [];
+                    for (let i = 0; i < data.length; i++) {
+                        arr[i] = deepCopy(data[i]);
+                    }
+                    return arr;
+
+                //js自带对象或用户自定义类实例
+                case "[object Object]":
+                    var obj = {};
+                    for (let key in data) {
+                        //会遍历原型链上的属性方法，可以用hasOwnProperty来控制 （obj.hasOwnProperty(prop)
+                        obj[key] = deepCopy(data[key]);
+                    }
+                    return obj;
+            }
+        } else {
+            //string,number,bool,null,undefined,symbol
+            return data;
+        }
+    }
+    const [allItems, setAllItems] = useState([])
+    // const [headerItems, setHeaderItems] = useState([])
+    const [leftItems, setLeftItems] = useState([])
+    const [leftChange, setLeftChange] = useState(true)
+    const [leftShow, setLeftShow] = useState(false)
+    useEffect(() => {
+        let topItems = []//头部导航
+        const lastSelectedKeys = localStorage.getItem('poms_selected_sider')
+        let nextItems = []//所有导航
+        for (let c of sections) {
+            if (typeof c.getNavItem == 'function') {
+                let item = c.getNavItem(user, dispatch);
+                if (item) {
+                    nextItems.push.apply(nextItems, item)
+                    if (item.length > 0) {
+                        for (let j = 0; j < item.length; j++) {
+                            let itm = deepCopy(item[j]);
+                            if (itm.hasOwnProperty('items')) {
+                                for (let i = 0; i < itm.items.length; i++) {
+                                    itm.items[i].fatherKey = itm.itemKey
+                                    delete itm.items[i].items
+                                }
+                                //     topItems.push(itm)
+                                // }
+                                // else {
+                                //     topItems.push.apply(topItems, item)
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        setAllItems(nextItems)
+        // setHeaderItems(topItems)
+        if (lastSelectedKeys) {//如果有缓存
+            for (let i = 0; i < nextItems.length; i++) {
+                if (JSON.parse(lastSelectedKeys)[0] == nextItems[i].itemKey) {
+
+                    // let openArr = []
+                    // for (let j = 0; j < nextItems[i].items.length; j++) {
+                    //     openArr.push(nextItems[i].items[j].itemKey)
+                    // }
+                    // localStorage.setItem('poms_open_sider', JSON.stringify(openArr))
+                    setLeftItems(nextItems[i].items)
+                }
+            }
+            setLeftShow(true)
+        }
+        else {
+            setLeftShow(false)
+        }
+
+        window.addEventListener('resize', resize_);
+        return () => {
+            window.removeEventListener('resize', resize_);
+        }
+    }, [])
+
+    useEffect(() => {
+        let pathnameArr = location.pathname.split('/')
+        let openArr = []
+        for (let i = 0; i < allItems.length; i++) {
+            if (allItems[i].items) {
+                for (let j = 0; j < allItems[i].items.length; j++) {
+                    if (allItems[i].items[j].items) {
+                        for (let k = 0; k < allItems[i].items[j].items.length; k++) {
+                            if (allItems[i].items[j].items[k].to == location.pathname) {
+                                for (let o = 0; o < allItems[i].items.length; o++) {
+                                    openArr.push(allItems[i].items[o].itemKey)
+                                }
+                                localStorage.setItem('poms_selected_sider', JSON.stringify([pathnameArr[1]]))
+                                // localStorage.setItem('poms_open_sider', JSON.stringify(openArr))
+                                setLeftItems(allItems[i].items)
+                                setLeftShow(true)
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }, [location])
+
+    useEffect(() => {
+        NProgress.done();
+        if ((!user || !user.authorized)) {
+            history.push('/signin');
+        }
+        if (msg) {
+            if (msg.done) {
+                Notification.success({
+                    // title: msg.done,
+                    content: msg.done,
+                    duration: 2,
+                })
+            }
+            if (msg.error) {
+                Notification.error({
+                    // title: msg.error,
+                    content: msg.error,
+                    duration: 2,
+                })
+            }
+        }
+        const dom = document.getElementById('page-content');
+        if (dom) {
+            if (!scrollbar) {
+                scrollbar = new PerfectScrollbar('#page-content', { suppressScrollX: true });
+                scrollbar.update();
+            } else {
+                scrollbar.update();
+                dom.scrollTop = 0;
+            }
+        }
+    })
+
+
+    // websocket 使用测试
+    useEffect(() => {
+        //   console.log(socket)
+        if (socket) {
+            socket.on('CAMERA_ONLINE', function (msg) {
+                console.info(msg);
+                if (msg.online == 'ON') {
+                    Notification.success({
+                        title: 'Hi',
+                        content: (<div><div>{msg.name}</div><div style={{ marginTop: 5 }}>已上线。</div></div>),
+                        duration: 2,
+                    })
+                }
+                if (msg.online == 'OFF') {
+                    Notification.error({
+                        title: 'Hi',
+                        content: (<div><div>{msg.name}</div><div style={{ marginTop: 5 }}>发生离线。</div></div>),
+                        duration: 2,
+                    })
+                }
+            });
+            return () => {
+                socket.off("CAMERA_ONLINE");
+            }
+        }
+    }, [socket])
+
+    return (
+        <Layout id="layout" style={{ height: '100%' }}>
+            {
+                <>
+                    <Layout.Header>
+                        <Header
+                            // headerItems={headerItems} //菜单重新分类规整
+                            user={user}
+                            pathname={location.pathname}
+                            toggleCollapsed={() => {
+                                setCollapsed(!collapsed);
+                            }}
+                            collapsed={collapsed}
+                            history={history}
+                            tochange={(val) => {
+                                // setLeftChange(!leftChange)  //会导致顶部右上角转小圈
+                                if (val.fatherKey) {
+                                    localStorage.setItem('poms_selected_sider', JSON.stringify([val.itemKey]));
+                                    const historyOpenKeys = localStorage.getItem('poms_open_sider');
+                                    const openKeys = historyOpenKeys && JSON.parse(historyOpenKeys).concat(val.openKey || val.itemKey) || [val.openKey || val.itemKey]
+                                    localStorage.setItem('poms_open_sider', JSON.stringify(openKeys));
+                                    // for (let i = 0; i < allItems.length; i++) {
+                                    //     if (val.fatherKey == allItems[i].itemKey) {
+                                    //         let openArr = []
+                                    //         for (let j = 0; j < allItems[i].items.length; j++) {
+                                    //             openArr.push(allItems[i].items[j].itemKey)
+                                    //         }
+                                    //         localStorage.setItem('poms_selected_sider', JSON.stringify([val.fatherKey]))
+                                    //         localStorage.setItem('poms_open_sider', JSON.stringify(openArr))
+                                    //         setLeftItems(allItems[i].items)
+                                    //     }
+                                    // }
+                                    // setLeftShow(true)
+                                }
+                                else {
+                                    localStorage.setItem('poms_open_sider', JSON.stringify([]))
+                                    localStorage.removeItem('poms_selected_sider')
+                                    // setLeftShow(false)
+                                }
+                                history.push(val.to);
+                            }}
+                        />
+                    </Layout.Header>
+                    <Layout style={{ height: 'calc(100% - 50px)' }}>
+                        {leftShow ? (<Layout.Sider>
+                            <Sider
+                                sections={sections}
+                                leftItems={leftItems}
+                                dispatch={dispatch}
+                                user={user}
+                                leftChange={leftChange}
+                                pathname={location.pathname}
+                                collapsed={collapsed}
+                            />
+                        </Layout.Sider>) : ('')}
+                        <Layout.Content>
+                            <div style={{
+                                background: "#F2F3F5",
+                            }}>
+                                <div id="page-content" style={{
+                                    height: clientHeight - 12,
+                                    minWidth: 520,
+                                    position: 'relative',
+                                }}>
+                                    <div style={{
+                                        minHeight: clientHeight - 32 - 12,
+                                        position: 'relative',
+                                        padding: '12px 8px',
+                                    }}>
+                                        {children}
+                                    </div>
+                                    <Layout.Footer>
+                                        <Footer />
+                                    </Layout.Footer>
+                                </div>
+                            </div>
+                        </Layout.Content>
+                    </Layout>
+                </>
+            }
+        </Layout >
+    )
+}
+
+function mapStateToProps(state) {
+    const { global, auth, ajaxResponse, webSocket } = state;
+    return {
+        title: global.title,
+        copyright: global.copyright,
+        sections: global.sections,
+        actions: global.actions,
+        clientWidth: global.clientWidth,
+        clientHeight: global.clientHeight,
+        msg: ajaxResponse.msg,
+        user: auth.user,
+        socket: webSocket.socket
+    };
+}
+
+export default connect(mapStateToProps)(LayoutContainer);
\ No newline at end of file
diff --git a/web/client/src/layout/containers/no-match/index.jsx b/web/client/src/layout/containers/no-match/index.jsx
new file mode 100644
index 0000000..c0437a5
--- /dev/null
+++ b/web/client/src/layout/containers/no-match/index.jsx
@@ -0,0 +1,18 @@
+'use strict';
+
+import React from 'react';
+import moment from 'moment'
+
+const NoMatch = props => {
+    return (
+        <div style={{ textAlign: 'center', padding: 120 }}>
+            <p style={{ fontSize: 80, lineHeight: 1.5 }}>404</p>
+            <p style={{ fontSize: 32, lineHeight: 2 }}>PAGE NOT FOUND</p>
+            <p>很遗憾，您暂时无法访问该页面。</p>
+            <p>请检查您访问的链接地址是否正确。</p>
+            <p style={{ marginTop: 80 }}>Copyright © {moment().year()} 飞尚</p>
+        </div>
+    )
+}
+
+export default NoMatch;
\ No newline at end of file
diff --git a/web/client/src/layout/index.jsx b/web/client/src/layout/index.jsx
new file mode 100644
index 0000000..bb67a21
--- /dev/null
+++ b/web/client/src/layout/index.jsx
@@ -0,0 +1,188 @@
+'use strict';
+import React, { useEffect, useState } from 'react';
+import moment from 'moment';
+import configStore from './store';
+import { Provider } from 'react-redux';
+import { createBrowserHistory } from 'history';
+import { ConnectedRouter } from 'connected-react-router'
+import { Layout, NoMatch } from './containers';
+import { BrowserRouter, Switch, Route } from "react-router-dom";
+import { ConfigProvider } from '@douyinfe/semi-ui';
+import layoutActions from './actions';
+import zhCN from '@douyinfe/semi-ui/lib/es/locale/source/zh_CN';
+import { basicReducer } from '@peace/utils';
+import { push } from 'react-router-redux';
+import 'moment/locale/zh-cn';
+
+moment.locale('zh-cn');
+
+const { initLayout, initApiRoot, resize, initWebSocket } = layoutActions;
+
+const Root = props => {
+   const { sections, title, copyright } = props;
+   const [history, setHistory] = useState(null)
+   const [store, setStore] = useState(null)
+   const [outerRoutes, setOuterRoutes] = useState([])
+   const [combineRoutes, setCombineRoutes] = useState([])
+   const [innnerRoutes, setInnerRoutes] = useState([])
+
+   const flatRoutes = (routes) => {
+      const combineRoutes = [];
+
+      function flat (routes, parentRoute) {
+         routes.forEach((route, i) => {
+            let obj = {
+               path: route.path,
+               breadcrumb: route.breadcrumb,
+               component: route.component || null,
+               authCode: route.authCode || '',
+               key: route.key
+            }
+            if (!route.path.startsWith("/")) {
+               console.error('路由配置需以 "/" 开始：' + route.path);
+            }
+            if (route.path.length > 1 && route.path[route.path.length] == '/') {
+               console.error('除根路由路由配置不可以以 "/" 结束：' + route.path);
+            }
+            if (parentRoute && parentRoute != '/') {
+               obj.path = parentRoute + route.path;
+            }
+            if (route.exact) {
+               obj.exact = true
+            }
+            if (route.hasOwnProperty('childRoutes')) {
+               combineRoutes.push(obj);
+               flat(route.childRoutes, obj.path)
+            } else {
+               combineRoutes.push(obj)
+            }
+         })
+      }
+
+      flat(routes);
+      return combineRoutes;
+   }
+
+   const initReducer = (reducers, reducerName, action) => {
+      let reducerParams = {}
+      const { actionType, initReducer, reducer } = action()()
+      if (initReducer || reducer) {
+         if (reducer) {
+            if (reducer.name) {
+               reducerName = reducer.name
+            }
+            if (reducer.params) {
+               reducerParams = reducer.params
+            }
+         } else {
+            reducerName = `${reducerName}Rslt`
+         }
+         reducers[reducerName] = function (state, action) {
+            return basicReducer(state, action, Object.assign({ actionType: actionType }, reducerParams));
+         }
+      }
+   }
+
+   useEffect(async () => {
+      let innerRoutes = []
+      let outerRoutes = []
+      let reducers = {}
+      let actions = {
+         layout: layoutActions
+      }
+
+      for (let s of sections) {
+         if (!s.key) console.warn('请给你的section添加一个key值，section name:' + s.name);
+         for (let r of s.routes) {
+            if (r.type == 'inner' || r.type == 'home') {
+               innerRoutes.push(r.route)
+            } else if (r.type == 'outer') {
+               outerRoutes.push(r.route)
+            }
+         }
+         if (s.reducers) {
+            reducers = { ...reducers, ...s.reducers }
+         }
+         if (s.actions) {
+            actions = { ...actions, [s.key]: s.actions }
+            if (s.key != 'auth') {
+               for (let ak in s.actions) {
+                  let actions = s.actions[ak]
+                  if (actions && typeof actions == 'object') {
+                     for (let actionName in actions) {
+                        initReducer(reducers, actionName, actions[actionName])
+                     }
+                  } else if (typeof actions == 'function') {
+                     initReducer(reducers, ak, actions)
+                  }
+               }
+            }
+         }
+      }
+
+      let history = createBrowserHistory();
+      let store = configStore(reducers, history);
+      store.dispatch(initLayout(title, copyright, sections, actions));
+      // store.dispatch(resize(document.body.clientHeight, document.body.clientWidth));
+      store.dispatch(resize(document.getElementById('HrApp').clientHeight, document.getElementById('HrApp').clientWidth));
+      store.dispatch(actions.auth.initAuth());
+      const resourceRoot = await store.dispatch(initApiRoot())
+      store.dispatch(initWebSocket({}))
+      const combineRoutes = flatRoutes(innerRoutes);
+
+      setInnerRoutes(combineRoutes)
+      setHistory(history)
+      setStore(store)
+      setOuterRoutes(outerRoutes.map(route => (
+         <Route
+            key={route.key}
+            exact
+            path={route.path}
+            component={route.component}
+         />
+      )))
+      setCombineRoutes(combineRoutes.map(route => (
+         <Route
+            key={route.key}
+            exact={route.hasOwnProperty('exact') ? route.exact : true}
+            path={route.path}
+            component={route.component}
+         />
+      )))
+   }, [])
+
+   return (
+      <>
+         {
+            store ?
+               <ConfigProvider locale={zhCN}>
+                  <Provider store={store}>
+                     <BrowserRouter basename={window.__MICRO_APP_BASE_ROUTE__ || '/'}>
+                        <ConnectedRouter history={history}>
+
+                           <Switch>
+                              {outerRoutes}
+                              <Layout
+                                 history={history}
+                                 routes={innnerRoutes}
+                              >
+                                 {combineRoutes}
+                              </Layout>
+                              <Route
+                                 path={'*'}
+                                 component={NoMatch}
+                              />
+                           </Switch>
+
+                        </ConnectedRouter>
+                     </BrowserRouter>
+                  </Provider>
+               </ConfigProvider>
+               : ''
+         }
+      </>
+
+   )
+}
+
+export default Root;
\ No newline at end of file
diff --git a/web/client/src/layout/reducers/ajaxResponse.js b/web/client/src/layout/reducers/ajaxResponse.js
new file mode 100644
index 0000000..beced6a
--- /dev/null
+++ b/web/client/src/layout/reducers/ajaxResponse.js
@@ -0,0 +1,28 @@
+/**
+ * Created by liu.xinyi
+ * on 2016/4/1.
+ */
+'use strict';
+const initState = {
+    msg: null
+};
+
+import Immutable from 'immutable';
+
+/**
+ * 全局ajax响应处理：
+ * 判断action中是否有done字段，如果有，则修改store中的msg.done
+ * 判断action中是否有error字段，如果有，则修改store中msg.error
+ * 在layout中根据msg的值，呈现提示信息。
+*/
+export default function ajaxResponse (state = initState, action) {
+    if (action.done) {
+        return Immutable.fromJS(state).set('msg', { done: action.done }).toJS();
+    }
+
+    if (action.error) {
+        return Immutable.fromJS(state).set('msg', { error: action.error }).toJS();
+    }
+
+    return { msg: null };
+};
\ No newline at end of file
diff --git a/web/client/src/layout/reducers/global.js b/web/client/src/layout/reducers/global.js
new file mode 100644
index 0000000..8187eb7
--- /dev/null
+++ b/web/client/src/layout/reducers/global.js
@@ -0,0 +1,39 @@
+'use strict';
+import Immutable from 'immutable';
+import { INIT_LAYOUT, RESIZE, INIT_API_ROOT } from '../actions/global';
+
+function global (state = {
+   title: '',
+   copyright: '',
+   sections: [],
+   actions: {},
+   plugins: {},
+   clientHeight: 768,
+   clientWidth: 1024,
+   apiRoot: '',
+}, action) {
+   const payload = action.payload;
+   switch (action.type) {
+      case RESIZE:
+         return Immutable.fromJS(state).merge({
+            clientHeight: payload.clientHeight,
+            clientWidth: payload.clientWidth
+         }).toJS();
+      case INIT_LAYOUT:
+         return Immutable.fromJS(state).merge({
+            title: payload.title,
+            copyright: payload.copyright,
+            sections: payload.sections,
+            actions: payload.actions,
+            plugins: payload.plugins,
+         }).toJS();
+      case INIT_API_ROOT:
+         return Immutable.fromJS(state).merge({
+            apiRoot: payload.apiRoot,
+         }).toJS();
+      default:
+         return state;
+   }
+}
+
+export default global;
\ No newline at end of file
diff --git a/web/client/src/layout/reducers/index.js b/web/client/src/layout/reducers/index.js
new file mode 100644
index 0000000..c27240b
--- /dev/null
+++ b/web/client/src/layout/reducers/index.js
@@ -0,0 +1,17 @@
+/**
+ * User: liuxinyi/liu.xinyi@free-sun.com.cn
+ * Date: 2016/1/13
+ * Time: 17:52
+ *
+ */
+'use strict';
+
+import global from './global';
+import webSocket from './webSocket'
+import ajaxResponse from './ajaxResponse';
+
+export default {
+    global,
+    webSocket,
+    ajaxResponse,
+};
\ No newline at end of file
diff --git a/web/client/src/layout/reducers/webSocket.js b/web/client/src/layout/reducers/webSocket.js
new file mode 100644
index 0000000..1cf2e70
--- /dev/null
+++ b/web/client/src/layout/reducers/webSocket.js
@@ -0,0 +1,21 @@
+'use strict';
+import * as actionTypes from '../actions/webSocket';
+import Immutable from 'immutable';
+
+const initState = {
+    socket: null,
+};
+
+function webSocket (state = initState, action) {
+    const payload = action.payload;
+    switch (action.type) {
+        case actionTypes.INIT_WEB_SOCKET:
+            return Immutable.fromJS(state).merge({
+                socket: payload.socket,
+            }).toJS();
+        default:
+            return state;
+    }
+}
+
+export default webSocket;
\ No newline at end of file
diff --git a/web/client/src/layout/store/index.js b/web/client/src/layout/store/index.js
new file mode 100644
index 0000000..b723906
--- /dev/null
+++ b/web/client/src/layout/store/index.js
@@ -0,0 +1,13 @@
+'use strict';
+
+import storeProd from './store.prod'
+import storeDev from './store.dev'
+
+let store = null;
+if (process.env.NODE_ENV == 'production') {
+    store = storeProd;
+} else {
+    store = storeDev;
+}
+
+export default store;
\ No newline at end of file
diff --git a/web/client/src/layout/store/store.dev.js b/web/client/src/layout/store/store.dev.js
new file mode 100644
index 0000000..57beb1e
--- /dev/null
+++ b/web/client/src/layout/store/store.dev.js
@@ -0,0 +1,30 @@
+/**
+ * Created by liu.xinyi
+ * on 2016/4/8.
+ */
+'use strict';
+import { createStore, combineReducers, applyMiddleware, compose } from 'redux';
+import reduxThunk from 'redux-thunk';
+import { connectRouter, routerMiddleware } from 'connected-react-router';
+import innerReducers from '../reducers';
+
+function configStore(reducers, history) {
+    const reducer = Object.assign({}, innerReducers, reducers, {
+        router: connectRouter(history)
+    });
+
+    const composeEnhancers =
+        typeof window === 'object' &&
+            window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
+            window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
+                // Specify extension’s options like name, actionsBlacklist, actionsCreators, serialize...
+            }) : compose;
+
+    const enhancers = composeEnhancers(
+        applyMiddleware(routerMiddleware(history), reduxThunk)
+    );
+
+    return createStore(combineReducers(reducer), {}, enhancers);
+}
+
+export default configStore;
\ No newline at end of file
diff --git a/web/client/src/layout/store/store.prod.js b/web/client/src/layout/store/store.prod.js
new file mode 100644
index 0000000..e29f026
--- /dev/null
+++ b/web/client/src/layout/store/store.prod.js
@@ -0,0 +1,20 @@
+/**
+ * Created by liu.xinyi
+ * on 2016/4/8.
+ */
+'use strict';
+
+import { createStore, combineReducers, applyMiddleware } from 'redux';
+import reduxThunk from 'redux-thunk';
+import { connectRouter, routerMiddleware } from 'connected-react-router';
+import innerReducers from '../reducers';
+
+function configStore(reducers, history){
+    const reducer = Object.assign({}, innerReducers, reducers, {
+        router: connectRouter(history)
+    });
+
+    return createStore(combineReducers(reducer), {}, applyMiddleware(routerMiddleware(history), reduxThunk));
+}
+
+export default configStore;
\ No newline at end of file
diff --git a/web/client/src/public-path.js b/web/client/src/public-path.js
new file mode 100644
index 0000000..5147d18
--- /dev/null
+++ b/web/client/src/public-path.js
@@ -0,0 +1,7 @@
+// __MICRO_APP_ENVIRONMENT__和__MICRO_APP_PUBLIC_PATH__是由micro-app注入的全局变量
+if (window.__MICRO_APP_ENVIRONMENT__) {
+   // eslint-disable-next-line
+   __webpack_public_path__ = window.__MICRO_APP_PUBLIC_PATH__
+} else {
+   __webpack_public_path__ = '/'
+}
\ No newline at end of file
diff --git a/web/client/src/sections/auth/actions/auth.js b/web/client/src/sections/auth/actions/auth.js
new file mode 100644
index 0000000..d95db2b
--- /dev/null
+++ b/web/client/src/sections/auth/actions/auth.js
@@ -0,0 +1,86 @@
+'use strict';
+
+import { ApiTable, AxyRequest, EmisRequest } from '$utils'
+import { Request } from '@peace/utils';
+
+export const INIT_AUTH = 'INIT_AUTH';
+export function initAuth(userData) {
+   const sessionUser = JSON.parse(sessionStorage.getItem('hrUser'))
+   const user = userData || sessionUser || {};
+   if (user.authorized && !sessionUser) {
+      sessionStorage.setItem('hrUser', JSON.stringify(user))
+   }
+   return {
+      type: INIT_AUTH,
+      payload: {
+         user: user
+      }
+   };
+}
+
+export const REQUEST_LOGIN = 'REQUEST_LOGIN';
+export const LOGIN_SUCCESS = 'LOGIN_SUCCESS';
+export const LOGIN_ERROR = 'LOGIN_ERROR';
+export function login(username, password) {
+   return dispatch => {
+      dispatch({ type: REQUEST_LOGIN });
+
+      if (!username || !password) {
+         dispatch({
+            type: LOGIN_ERROR,
+            payload: { error: '请输入账号名和密码' }
+         });
+         return Promise.resolve();
+      }
+
+      // return dispatch({
+      //    type: LOGIN_SUCCESS,
+      //    payload: {
+      //       user: {
+      //          authorized: true,
+      //          namePresent: 'TEST'
+      //       }
+      //    },
+      // });
+
+      return Request.post(ApiTable.login, { username, password, code: 'HR' })
+         .then(user => {
+            sessionStorage.setItem('hrUser', JSON.stringify(user));
+            return dispatch({
+               type: LOGIN_SUCCESS,
+               payload: { user: user },
+            });
+         }, error => {
+            let { body } = error.response;
+            return dispatch({
+               type: LOGIN_ERROR,
+               payload: {
+                  error: body && body.message ? body.message : '登录失败'
+               }
+            })
+         });
+   }
+}
+
+export const LOGOUT = 'LOGOUT';
+export function logout() {
+   const user = JSON.parse(sessionStorage.getItem('hrUser'))
+   user && user.token ?
+      Request.put(ApiTable.logout, {
+         token: user.token,
+         code: 'POMS'
+      }) : null;
+   sessionStorage.removeItem('hrUser');
+   localStorage.removeItem('poms_selected_sider');
+   localStorage.removeItem('poms_open_sider');
+
+   return {
+      type: LOGOUT
+   };
+}
+
+export default {
+   initAuth,
+   login,
+   logout
+}
\ No newline at end of file
diff --git a/web/client/src/sections/auth/actions/index.js b/web/client/src/sections/auth/actions/index.js
new file mode 100644
index 0000000..6ac7d07
--- /dev/null
+++ b/web/client/src/sections/auth/actions/index.js
@@ -0,0 +1,7 @@
+'use strict';
+
+import auth from './auth';
+
+export default {
+    ...auth    
+};
\ No newline at end of file
diff --git a/web/client/src/sections/auth/containers/index.js b/web/client/src/sections/auth/containers/index.js
new file mode 100644
index 0000000..9229b94
--- /dev/null
+++ b/web/client/src/sections/auth/containers/index.js
@@ -0,0 +1,4 @@
+'use strict';
+import Login from './login';
+
+export { Login };
\ No newline at end of file
diff --git a/web/client/src/sections/auth/containers/login.jsx b/web/client/src/sections/auth/containers/login.jsx
new file mode 100644
index 0000000..35bc2b8
--- /dev/null
+++ b/web/client/src/sections/auth/containers/login.jsx
@@ -0,0 +1,117 @@
+'use strict';
+import React, { useEffect, useRef } from 'react';
+import { connect } from 'react-redux';
+import { push } from 'react-router-redux';
+import { Form, Button, Toast } from '@douyinfe/semi-ui';
+import { login, LOGIN_SUCCESS } from '../actions/auth';
+import { IconLock, IconUser } from '@douyinfe/semi-icons';
+import '../style.less'
+
+const Login = props => {
+    const { dispatch, user, error, actions, apiRoot, isRequesting } = props
+    const form = useRef();
+
+    useEffect(() => {
+        if (error) {
+            Toast.error(error);
+            form.current.setValue('password', '')
+        }
+    }, [error])
+
+    useEffect(() => {
+        if (user && user.authorized) {
+            dispatch(push('/businessManagement/pmReport/reserveItemsReporting'));
+            localStorage.setItem('poms_open_sider', JSON.stringify(["pmReport"]))
+            localStorage.setItem('poms_selected_sider', JSON.stringify(["businessManagement"]))
+        }
+    }, [user])
+
+    return (
+        <div style={{
+            width: '100%',
+            height: '100%',
+            background: '#F0F4FF',
+        }}>
+            <div style={{
+                width: '57.64%',
+                height: '100%'
+            }}>
+                <div className='zoomImage'>
+                    <img src="/assets/images/background/loginText.png" style={{ width: 587, height: 81, margin: "143px 0 0 69px" }} />
+                </div>
+            </div>
+            <div style={{
+                width: '42.36%',
+                height: '100%',
+                padding: '45px 60px',
+                background: 'rgb(255 255 255 / 50%)',
+                backdropFilter: "saturate(100%) contrast(100%) blur(17px)",
+                position: 'absolute',
+                top: 0,
+                right: 0,
+                zIndex: "6",
+                textAlign: 'center',
+                display: 'flex',
+                justifyContent: 'center',
+                background: '#FFFFFF'
+            }}>
+                <div style={{
+                    width: 388,
+                    marginTop: "18.33%"
+                }}>
+                    <div style={{ fontSize: 31, color: '#000000', marginBottom: 90 }}>
+                    FS-DC数据中心
+                    </div>
+                    <Form
+                        onSubmit={values => {
+                            dispatch(login(values.username, values.password)).then(res => {
+                                const data = res.payload.user
+                                localStorage.setItem('word', JSON.stringify(values.password))
+                                dispatch(actions.layout.initWebSocket({ ioUrl: apiRoot, token: data.token, hrUserId: data.hrUserInfo && hrUserInfo.id }))
+                            })
+                        }}
+                        getFormApi={formApi => form.current = formApi}
+                    >
+                        <Form.Input
+                            className='inputbgc'
+                            field='username'
+                            noLabel={true}
+                            label='用户名'
+                            placeholder='请输入账号'
+                            prefix={<IconUser style={{ color: '#717171', marginRight: 14, marginLeft: 8 }} />}
+                            style={{ background: '#FFFFFF', height: 46, marginBottom: 33, border: '1px solid rgb(185 211 239)', borderRadius: '4px' }}
+                        />
+                        <Form.Input
+                            field='password'
+                            noLabel={true}
+                            mode="password"
+                            autoComplete=""
+                            placeholder='请输入密码'
+                            label='密码'
+                            prefix={<IconLock style={{ color: '#717171', marginRight: 14, marginLeft: 8 }} />}
+                            style={{ background: '#FFFFFF', height: 46, border: '1px solid rgb(185 211 239)', borderRadius: '4px' }}
+                        />
+                        <img src="/assets/images/background/xiangqi.png" style={{ width: 112, height: 14, margin: "4px 0 0 278px" }} />
+                        <Button htmlType='submit' block theme="solid" loading={isRequesting} style={{ marginTop: 56, height: 46, backgroundColor: '#0F7EFB', borderRadius: '27px' }}>立即登录</Button>
+
+                    </Form>
+
+                </div>
+
+            </div>
+        </div >
+    );
+}
+
+function mapStateToProps(state) {
+    const { auth, global } = state;
+    return {
+        user: auth.user,
+        error: auth.error,
+        actions: global.actions,
+        apiRoot: global.apiRoot,
+        isRequesting: auth.isRequesting
+    }
+}
+
+export default connect(mapStateToProps)(Login);
\ No newline at end of file
diff --git a/web/client/src/sections/auth/index.js b/web/client/src/sections/auth/index.js
new file mode 100644
index 0000000..f8e40fb
--- /dev/null
+++ b/web/client/src/sections/auth/index.js
@@ -0,0 +1,12 @@
+'use strict';
+
+import routes from './routes';
+import reducers from './reducers';
+import actions from './actions';
+
+export default {
+    key: 'auth',
+    reducers: reducers,
+    routes: routes,
+    actions: actions
+};
\ No newline at end of file
diff --git a/web/client/src/sections/auth/reducers/auth.js b/web/client/src/sections/auth/reducers/auth.js
new file mode 100644
index 0000000..e7df0ff
--- /dev/null
+++ b/web/client/src/sections/auth/reducers/auth.js
@@ -0,0 +1,40 @@
+'use strict';
+import * as actionTypes from '../actions/auth';
+import Immutable from 'immutable';
+
+const initState = {
+    user: {},
+    isRequesting: false,
+    error: null
+};
+
+function auth (state = initState, action) {
+    const payload = action.payload;
+    switch (action.type) {
+        case actionTypes.INIT_AUTH:
+            return Immutable.fromJS(state).set('user', payload.user).toJS();
+        case actionTypes.REQUEST_LOGIN:
+            return Immutable.fromJS(state).merge({
+                isRequesting: true,
+                error: null
+            }).toJS();
+        case actionTypes.LOGIN_SUCCESS:
+            return Immutable.fromJS(state).merge({
+                isRequesting: false,
+                user: payload.user
+            }).toJS();
+        case actionTypes.LOGIN_ERROR:
+            return Immutable.fromJS(state).merge({
+                isRequesting: false,
+                error: payload.error
+            }).toJS();
+        case actionTypes.LOGOUT:
+            return Immutable.fromJS(state).merge({
+                user: null
+            }).toJS();
+        default:
+            return state;
+    }
+}
+
+export default auth;
\ No newline at end of file
diff --git a/web/client/src/sections/auth/reducers/index.js b/web/client/src/sections/auth/reducers/index.js
new file mode 100644
index 0000000..ba81f11
--- /dev/null
+++ b/web/client/src/sections/auth/reducers/index.js
@@ -0,0 +1,6 @@
+'use strict';
+import auth from './auth'
+
+export default {
+    auth
+};
\ No newline at end of file
diff --git a/web/client/src/sections/auth/routes.js b/web/client/src/sections/auth/routes.js
new file mode 100644
index 0000000..d9a14ac
--- /dev/null
+++ b/web/client/src/sections/auth/routes.js
@@ -0,0 +1,12 @@
+'use strict';
+
+import { Login } from './containers';
+
+export default [{
+    type: 'outer',
+    route: {
+        key:'signin',
+        path: "/signin",
+        component: Login
+    }
+}];
\ No newline at end of file
diff --git a/web/client/src/sections/auth/style.less b/web/client/src/sections/auth/style.less
new file mode 100644
index 0000000..29f6615
--- /dev/null
+++ b/web/client/src/sections/auth/style.less
@@ -0,0 +1,10 @@
+input:-webkit-autofill{
+  -webkit-text-fill-color:black !important;
+  -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
+  box-shadow: 0 0 0px 1000px transparent  inset !important;
+  background-color:transparent;
+  transition: background-color 50000s ease-in-out 0s;
+}
+.zoomImage{
+    width: 100%; height: 100%; background: url(/assets/images/background/loginBackgroundimg.png) right center no-repeat; background-size: contain;
+}
\ No newline at end of file
diff --git a/web/client/src/sections/business/actions/index.js b/web/client/src/sections/business/actions/index.js
new file mode 100644
index 0000000..970d06c
--- /dev/null
+++ b/web/client/src/sections/business/actions/index.js
@@ -0,0 +1,5 @@
+'use strict';
+
+
+export default {
+}
\ No newline at end of file
diff --git a/web/client/src/sections/business/actions/service.js b/web/client/src/sections/business/actions/service.js
new file mode 100644
index 0000000..6ec0e10
--- /dev/null
+++ b/web/client/src/sections/business/actions/service.js
@@ -0,0 +1,14 @@
+'use strict';
+import { RouteTable, RouteRequest } from '$utils'
+
+export function getServiceUrl() {
+    return dispatch => {
+        return RouteRequest.get(RouteTable.getWeeklyService)
+            .then(res => {
+                return dispatch({
+                    type: "SERVER_WEEKLY_URL",
+                    payload: res
+                })
+            });
+    }
+}
\ No newline at end of file
diff --git a/web/client/src/sections/business/components/city.json b/web/client/src/sections/business/components/city.json
new file mode 100644
index 0000000..0042b5f
--- /dev/null
+++ b/web/client/src/sections/business/components/city.json
@@ -0,0 +1,1636 @@
+[
+    {
+        "code": "11",
+        "name": "北京市"
+    },
+    {
+        "code": "12",
+        "name": "天津市"
+    },
+    {
+        "code": "13",
+        "name": "河北省",
+        "children": [
+            {
+                "code": "1301",
+                "name": "石家庄市"
+            },
+            {
+                "code": "1302",
+                "name": "唐山市"
+            },
+            {
+                "code": "1303",
+                "name": "秦皇岛市"
+            },
+            {
+                "code": "1304",
+                "name": "邯郸市"
+            },
+            {
+                "code": "1305",
+                "name": "邢台市"
+            },
+            {
+                "code": "1306",
+                "name": "保定市"
+            },
+            {
+                "code": "1307",
+                "name": "张家口市"
+            },
+            {
+                "code": "1308",
+                "name": "承德市"
+            },
+            {
+                "code": "1309",
+                "name": "沧州市"
+            },
+            {
+                "code": "1310",
+                "name": "廊坊市"
+            },
+            {
+                "code": "1311",
+                "name": "衡水市"
+            }
+        ]
+    },
+    {
+        "code": "14",
+        "name": "山西省",
+        "children": [
+            {
+                "code": "1401",
+                "name": "太原市"
+            },
+            {
+                "code": "1402",
+                "name": "大同市"
+            },
+            {
+                "code": "1403",
+                "name": "阳泉市"
+            },
+            {
+                "code": "1404",
+                "name": "长治市"
+            },
+            {
+                "code": "1405",
+                "name": "晋城市"
+            },
+            {
+                "code": "1406",
+                "name": "朔州市"
+            },
+            {
+                "code": "1407",
+                "name": "晋中市"
+            },
+            {
+                "code": "1408",
+                "name": "运城市"
+            },
+            {
+                "code": "1409",
+                "name": "忻州市"
+            },
+            {
+                "code": "1410",
+                "name": "临汾市"
+            },
+            {
+                "code": "1411",
+                "name": "吕梁市"
+            }
+        ]
+    },
+    {
+        "code": "15",
+        "name": "内蒙古自治区",
+        "children": [
+            {
+                "code": "1501",
+                "name": "呼和浩特市"
+            },
+            {
+                "code": "1502",
+                "name": "包头市"
+            },
+            {
+                "code": "1503",
+                "name": "乌海市"
+            },
+            {
+                "code": "1504",
+                "name": "赤峰市"
+            },
+            {
+                "code": "1505",
+                "name": "通辽市"
+            },
+            {
+                "code": "1506",
+                "name": "鄂尔多斯市"
+            },
+            {
+                "code": "1507",
+                "name": "呼伦贝尔市"
+            },
+            {
+                "code": "1508",
+                "name": "巴彦淖尔市"
+            },
+            {
+                "code": "1509",
+                "name": "乌兰察布市"
+            },
+            {
+                "code": "1522",
+                "name": "兴安盟"
+            },
+            {
+                "code": "1525",
+                "name": "锡林郭勒盟"
+            },
+            {
+                "code": "1529",
+                "name": "阿拉善盟"
+            }
+        ]
+    },
+    {
+        "code": "21",
+        "name": "辽宁省",
+        "children": [
+            {
+                "code": "2101",
+                "name": "沈阳市"
+            },
+            {
+                "code": "2102",
+                "name": "大连市"
+            },
+            {
+                "code": "2103",
+                "name": "鞍山市"
+            },
+            {
+                "code": "2104",
+                "name": "抚顺市"
+            },
+            {
+                "code": "2105",
+                "name": "本溪市"
+            },
+            {
+                "code": "2106",
+                "name": "丹东市"
+            },
+            {
+                "code": "2107",
+                "name": "锦州市"
+            },
+            {
+                "code": "2108",
+                "name": "营口市"
+            },
+            {
+                "code": "2109",
+                "name": "阜新市"
+            },
+            {
+                "code": "2110",
+                "name": "辽阳市"
+            },
+            {
+                "code": "2111",
+                "name": "盘锦市"
+            },
+            {
+                "code": "2112",
+                "name": "铁岭市"
+            },
+            {
+                "code": "2113",
+                "name": "朝阳市"
+            },
+            {
+                "code": "2114",
+                "name": "葫芦岛市"
+            }
+        ]
+    },
+    {
+        "code": "22",
+        "name": "吉林省",
+        "children": [
+            {
+                "code": "2201",
+                "name": "长春市"
+            },
+            {
+                "code": "2202",
+                "name": "吉林市"
+            },
+            {
+                "code": "2203",
+                "name": "四平市"
+            },
+            {
+                "code": "2204",
+                "name": "辽源市"
+            },
+            {
+                "code": "2205",
+                "name": "通化市"
+            },
+            {
+                "code": "2206",
+                "name": "白山市"
+            },
+            {
+                "code": "2207",
+                "name": "松原市"
+            },
+            {
+                "code": "2208",
+                "name": "白城市"
+            },
+            {
+                "code": "2224",
+                "name": "延边朝鲜族自治州"
+            }
+        ]
+    },
+    {
+        "code": "23",
+        "name": "黑龙江省",
+        "children": [
+            {
+                "code": "2301",
+                "name": "哈尔滨市"
+            },
+            {
+                "code": "2302",
+                "name": "齐齐哈尔市"
+            },
+            {
+                "code": "2303",
+                "name": "鸡西市"
+            },
+            {
+                "code": "2304",
+                "name": "鹤岗市"
+            },
+            {
+                "code": "2305",
+                "name": "双鸭山市"
+            },
+            {
+                "code": "2306",
+                "name": "大庆市"
+            },
+            {
+                "code": "2307",
+                "name": "伊春市"
+            },
+            {
+                "code": "2308",
+                "name": "佳木斯市"
+            },
+            {
+                "code": "2309",
+                "name": "七台河市"
+            },
+            {
+                "code": "2310",
+                "name": "牡丹江市"
+            },
+            {
+                "code": "2311",
+                "name": "黑河市"
+            },
+            {
+                "code": "2312",
+                "name": "绥化市"
+            },
+            {
+                "code": "2327",
+                "name": "大兴安岭地区"
+            }
+        ]
+    },
+    {
+        "code": "31",
+        "name": "上海市"
+    },
+    {
+        "code": "32",
+        "name": "江苏省",
+        "children": [
+            {
+                "code": "3201",
+                "name": "南京市"
+            },
+            {
+                "code": "3202",
+                "name": "无锡市"
+            },
+            {
+                "code": "3203",
+                "name": "徐州市"
+            },
+            {
+                "code": "3204",
+                "name": "常州市"
+            },
+            {
+                "code": "3205",
+                "name": "苏州市"
+            },
+            {
+                "code": "3206",
+                "name": "南通市"
+            },
+            {
+                "code": "3207",
+                "name": "连云港市"
+            },
+            {
+                "code": "3208",
+                "name": "淮安市"
+            },
+            {
+                "code": "3209",
+                "name": "盐城市"
+            },
+            {
+                "code": "3210",
+                "name": "扬州市"
+            },
+            {
+                "code": "3211",
+                "name": "镇江市"
+            },
+            {
+                "code": "3212",
+                "name": "泰州市"
+            },
+            {
+                "code": "3213",
+                "name": "宿迁市"
+            }
+        ]
+    },
+    {
+        "code": "33",
+        "name": "浙江省",
+        "children": [
+            {
+                "code": "3301",
+                "name": "杭州市"
+            },
+            {
+                "code": "3302",
+                "name": "宁波市"
+            },
+            {
+                "code": "3303",
+                "name": "温州市"
+            },
+            {
+                "code": "3304",
+                "name": "嘉兴市"
+            },
+            {
+                "code": "3305",
+                "name": "湖州市"
+            },
+            {
+                "code": "3306",
+                "name": "绍兴市"
+            },
+            {
+                "code": "3307",
+                "name": "金华市"
+            },
+            {
+                "code": "3308",
+                "name": "衢州市"
+            },
+            {
+                "code": "3309",
+                "name": "舟山市"
+            },
+            {
+                "code": "3310",
+                "name": "台州市"
+            },
+            {
+                "code": "3311",
+                "name": "丽水市"
+            }
+        ]
+    },
+    {
+        "code": "34",
+        "name": "安徽省",
+        "children": [
+            {
+                "code": "3401",
+                "name": "合肥市"
+            },
+            {
+                "code": "3402",
+                "name": "芜湖市"
+            },
+            {
+                "code": "3403",
+                "name": "蚌埠市"
+            },
+            {
+                "code": "3404",
+                "name": "淮南市"
+            },
+            {
+                "code": "3405",
+                "name": "马鞍山市"
+            },
+            {
+                "code": "3406",
+                "name": "淮北市"
+            },
+            {
+                "code": "3407",
+                "name": "铜陵市"
+            },
+            {
+                "code": "3408",
+                "name": "安庆市"
+            },
+            {
+                "code": "3410",
+                "name": "黄山市"
+            },
+            {
+                "code": "3411",
+                "name": "滁州市"
+            },
+            {
+                "code": "3412",
+                "name": "阜阳市"
+            },
+            {
+                "code": "3413",
+                "name": "宿州市"
+            },
+            {
+                "code": "3415",
+                "name": "六安市"
+            },
+            {
+                "code": "3416",
+                "name": "亳州市"
+            },
+            {
+                "code": "3417",
+                "name": "池州市"
+            },
+            {
+                "code": "3418",
+                "name": "宣城市"
+            }
+        ]
+    },
+    {
+        "code": "35",
+        "name": "福建省",
+        "children": [
+            {
+                "code": "3501",
+                "name": "福州市"
+            },
+            {
+                "code": "3502",
+                "name": "厦门市"
+            },
+            {
+                "code": "3503",
+                "name": "莆田市"
+            },
+            {
+                "code": "3504",
+                "name": "三明市"
+            },
+            {
+                "code": "3505",
+                "name": "泉州市"
+            },
+            {
+                "code": "3506",
+                "name": "漳州市"
+            },
+            {
+                "code": "3507",
+                "name": "南平市"
+            },
+            {
+                "code": "3508",
+                "name": "龙岩市"
+            },
+            {
+                "code": "3509",
+                "name": "宁德市"
+            }
+        ]
+    },
+    {
+        "code": "36",
+        "name": "江西省",
+        "children": [
+            {
+                "code": "3601",
+                "name": "南昌市"
+            },
+            {
+                "code": "3602",
+                "name": "景德镇市"
+            },
+            {
+                "code": "3603",
+                "name": "萍乡市"
+            },
+            {
+                "code": "3604",
+                "name": "九江市"
+            },
+            {
+                "code": "3605",
+                "name": "新余市"
+            },
+            {
+                "code": "3606",
+                "name": "鹰潭市"
+            },
+            {
+                "code": "3607",
+                "name": "赣州市"
+            },
+            {
+                "code": "3608",
+                "name": "吉安市"
+            },
+            {
+                "code": "3609",
+                "name": "宜春市"
+            },
+            {
+                "code": "3610",
+                "name": "抚州市"
+            },
+            {
+                "code": "3611",
+                "name": "上饶市"
+            }
+        ]
+    },
+    {
+        "code": "37",
+        "name": "山东省",
+        "children": [
+            {
+                "code": "3701",
+                "name": "济南市"
+            },
+            {
+                "code": "3702",
+                "name": "青岛市"
+            },
+            {
+                "code": "3703",
+                "name": "淄博市"
+            },
+            {
+                "code": "3704",
+                "name": "枣庄市"
+            },
+            {
+                "code": "3705",
+                "name": "东营市"
+            },
+            {
+                "code": "3706",
+                "name": "烟台市"
+            },
+            {
+                "code": "3707",
+                "name": "潍坊市"
+            },
+            {
+                "code": "3708",
+                "name": "济宁市"
+            },
+            {
+                "code": "3709",
+                "name": "泰安市"
+            },
+            {
+                "code": "3710",
+                "name": "威海市"
+            },
+            {
+                "code": "3711",
+                "name": "日照市"
+            },
+            {
+                "code": "3713",
+                "name": "临沂市"
+            },
+            {
+                "code": "3714",
+                "name": "德州市"
+            },
+            {
+                "code": "3715",
+                "name": "聊城市"
+            },
+            {
+                "code": "3716",
+                "name": "滨州市"
+            },
+            {
+                "code": "3717",
+                "name": "菏泽市"
+            }
+        ]
+    },
+    {
+        "code": "41",
+        "name": "河南省",
+        "children": [
+            {
+                "code": "4101",
+                "name": "郑州市"
+            },
+            {
+                "code": "4102",
+                "name": "开封市"
+            },
+            {
+                "code": "4103",
+                "name": "洛阳市"
+            },
+            {
+                "code": "4104",
+                "name": "平顶山市"
+            },
+            {
+                "code": "4105",
+                "name": "安阳市"
+            },
+            {
+                "code": "4106",
+                "name": "鹤壁市"
+            },
+            {
+                "code": "4107",
+                "name": "新乡市"
+            },
+            {
+                "code": "4108",
+                "name": "焦作市"
+            },
+            {
+                "code": "4109",
+                "name": "濮阳市"
+            },
+            {
+                "code": "4110",
+                "name": "许昌市"
+            },
+            {
+                "code": "4111",
+                "name": "漯河市"
+            },
+            {
+                "code": "4112",
+                "name": "三门峡市"
+            },
+            {
+                "code": "4113",
+                "name": "南阳市"
+            },
+            {
+                "code": "4114",
+                "name": "商丘市"
+            },
+            {
+                "code": "4115",
+                "name": "信阳市"
+            },
+            {
+                "code": "4116",
+                "name": "周口市"
+            },
+            {
+                "code": "4117",
+                "name": "驻马店市"
+            },
+            {
+                "code": "419001",
+                "name": "济源市"
+            }
+        ]
+    },
+    {
+        "code": "42",
+        "name": "湖北省",
+        "children": [
+            {
+                "code": "4201",
+                "name": "武汉市"
+            },
+            {
+                "code": "4202",
+                "name": "黄石市"
+            },
+            {
+                "code": "4203",
+                "name": "十堰市"
+            },
+            {
+                "code": "4205",
+                "name": "宜昌市"
+            },
+            {
+                "code": "4206",
+                "name": "襄阳市"
+            },
+            {
+                "code": "4207",
+                "name": "鄂州市"
+            },
+            {
+                "code": "4208",
+                "name": "荆门市"
+            },
+            {
+                "code": "4209",
+                "name": "孝感市"
+            },
+            {
+                "code": "4210",
+                "name": "荆州市"
+            },
+            {
+                "code": "4211",
+                "name": "黄冈市"
+            },
+            {
+                "code": "4212",
+                "name": "咸宁市"
+            },
+            {
+                "code": "4213",
+                "name": "随州市"
+            },
+            {
+                "code": "4228",
+                "name": "恩施土家族苗族自治州"
+            },
+            {
+                "code": "429004",
+                "name": "仙桃市"
+            },
+            {
+                "code": "429005",
+                "name": "潜江市"
+            },
+            {
+                "code": "429006",
+                "name": "天门市"
+            },
+            {
+                "code": "429021",
+                "name": "神农架林区"
+            }
+        ]
+    },
+    {
+        "code": "43",
+        "name": "湖南省",
+        "children": [
+            {
+                "code": "4301",
+                "name": "长沙市"
+            },
+            {
+                "code": "4302",
+                "name": "株洲市"
+            },
+            {
+                "code": "4303",
+                "name": "湘潭市"
+            },
+            {
+                "code": "4304",
+                "name": "衡阳市"
+            },
+            {
+                "code": "4305",
+                "name": "邵阳市"
+            },
+            {
+                "code": "4306",
+                "name": "岳阳市"
+            },
+            {
+                "code": "4307",
+                "name": "常德市"
+            },
+            {
+                "code": "4308",
+                "name": "张家界市"
+            },
+            {
+                "code": "4309",
+                "name": "益阳市"
+            },
+            {
+                "code": "4310",
+                "name": "郴州市"
+            },
+            {
+                "code": "4311",
+                "name": "永州市"
+            },
+            {
+                "code": "4312",
+                "name": "怀化市"
+            },
+            {
+                "code": "4313",
+                "name": "娄底市"
+            },
+            {
+                "code": "4331",
+                "name": "湘西土家族苗族自治州"
+            }
+        ]
+    },
+    {
+        "code": "44",
+        "name": "广东省",
+        "children": [
+            {
+                "code": "4401",
+                "name": "广州市"
+            },
+            {
+                "code": "4402",
+                "name": "韶关市"
+            },
+            {
+                "code": "4403",
+                "name": "深圳市"
+            },
+            {
+                "code": "4404",
+                "name": "珠海市"
+            },
+            {
+                "code": "4405",
+                "name": "汕头市"
+            },
+            {
+                "code": "4406",
+                "name": "佛山市"
+            },
+            {
+                "code": "4407",
+                "name": "江门市"
+            },
+            {
+                "code": "4408",
+                "name": "湛江市"
+            },
+            {
+                "code": "4409",
+                "name": "茂名市"
+            },
+            {
+                "code": "4412",
+                "name": "肇庆市"
+            },
+            {
+                "code": "4413",
+                "name": "惠州市"
+            },
+            {
+                "code": "4414",
+                "name": "梅州市"
+            },
+            {
+                "code": "4415",
+                "name": "汕尾市"
+            },
+            {
+                "code": "4416",
+                "name": "河源市"
+            },
+            {
+                "code": "4417",
+                "name": "阳江市"
+            },
+            {
+                "code": "4418",
+                "name": "清远市"
+            },
+            {
+                "code": "4419",
+                "name": "东莞市"
+            },
+            {
+                "code": "4420",
+                "name": "中山市"
+            },
+            {
+                "code": "4451",
+                "name": "潮州市"
+            },
+            {
+                "code": "4452",
+                "name": "揭阳市"
+            },
+            {
+                "code": "4453",
+                "name": "云浮市"
+            }
+        ]
+    },
+    {
+        "code": "45",
+        "name": "广西壮族自治区",
+        "children": [
+            {
+                "code": "4501",
+                "name": "南宁市"
+            },
+            {
+                "code": "4502",
+                "name": "柳州市"
+            },
+            {
+                "code": "4503",
+                "name": "桂林市"
+            },
+            {
+                "code": "4504",
+                "name": "梧州市"
+            },
+            {
+                "code": "4505",
+                "name": "北海市"
+            },
+            {
+                "code": "4506",
+                "name": "防城港市"
+            },
+            {
+                "code": "4507",
+                "name": "钦州市"
+            },
+            {
+                "code": "4508",
+                "name": "贵港市"
+            },
+            {
+                "code": "4509",
+                "name": "玉林市"
+            },
+            {
+                "code": "4510",
+                "name": "百色市"
+            },
+            {
+                "code": "4511",
+                "name": "贺州市"
+            },
+            {
+                "code": "4512",
+                "name": "河池市"
+            },
+            {
+                "code": "4513",
+                "name": "来宾市"
+            },
+            {
+                "code": "4514",
+                "name": "崇左市"
+            }
+        ]
+    },
+    {
+        "code": "46",
+        "name": "海南省",
+        "children": [
+            {
+                "code": "4601",
+                "name": "海口市"
+            },
+            {
+                "code": "4602",
+                "name": "三亚市"
+            },
+            {
+                "code": "4603",
+                "name": "三沙市"
+            },
+            {
+                "code": "4604",
+                "name": "儋州市"
+            },
+            {
+                "code": "469001",
+                "name": "五指山市"
+            },
+            {
+                "code": "469002",
+                "name": "琼海市"
+            },
+            {
+                "code": "469005",
+                "name": "文昌市"
+            },
+            {
+                "code": "469006",
+                "name": "万宁市"
+            },
+            {
+                "code": "469007",
+                "name": "东方市"
+            },
+            {
+                "code": "469021",
+                "name": "定安县"
+            },
+            {
+                "code": "469022",
+                "name": "屯昌县"
+            },
+            {
+                "code": "469023",
+                "name": "澄迈县"
+            },
+            {
+                "code": "469024",
+                "name": "临高县"
+            },
+            {
+                "code": "469025",
+                "name": "白沙黎族自治县"
+            },
+            {
+                "code": "469026",
+                "name": "昌江黎族自治县"
+            },
+            {
+                "code": "469027",
+                "name": "乐东黎族自治县"
+            },
+            {
+                "code": "469028",
+                "name": "陵水黎族自治县"
+            },
+            {
+                "code": "469029",
+                "name": "保亭黎族苗族自治县"
+            },
+            {
+                "code": "469030",
+                "name": "琼中黎族苗族自治县"
+            }
+        ]
+    },
+    {
+        "code": "50",
+        "name": "重庆市"
+    },
+    {
+        "code": "51",
+        "name": "四川省",
+        "children": [
+            {
+                "code": "5101",
+                "name": "成都市"
+            },
+            {
+                "code": "5103",
+                "name": "自贡市"
+            },
+            {
+                "code": "5104",
+                "name": "攀枝花市"
+            },
+            {
+                "code": "5105",
+                "name": "泸州市"
+            },
+            {
+                "code": "5106",
+                "name": "德阳市"
+            },
+            {
+                "code": "5107",
+                "name": "绵阳市"
+            },
+            {
+                "code": "5108",
+                "name": "广元市"
+            },
+            {
+                "code": "5109",
+                "name": "遂宁市"
+            },
+            {
+                "code": "5110",
+                "name": "内江市"
+            },
+            {
+                "code": "5111",
+                "name": "乐山市"
+            },
+            {
+                "code": "5113",
+                "name": "南充市"
+            },
+            {
+                "code": "5114",
+                "name": "眉山市"
+            },
+            {
+                "code": "5115",
+                "name": "宜宾市"
+            },
+            {
+                "code": "5116",
+                "name": "广安市"
+            },
+            {
+                "code": "5117",
+                "name": "达州市"
+            },
+            {
+                "code": "5118",
+                "name": "雅安市"
+            },
+            {
+                "code": "5119",
+                "name": "巴中市"
+            },
+            {
+                "code": "5120",
+                "name": "资阳市"
+            },
+            {
+                "code": "5132",
+                "name": "阿坝藏族羌族自治州"
+            },
+            {
+                "code": "5133",
+                "name": "甘孜藏族自治州"
+            },
+            {
+                "code": "5134",
+                "name": "凉山彝族自治州"
+            }
+        ]
+    },
+    {
+        "code": "52",
+        "name": "贵州省",
+        "children": [
+            {
+                "code": "5201",
+                "name": "贵阳市"
+            },
+            {
+                "code": "5202",
+                "name": "六盘水市"
+            },
+            {
+                "code": "5203",
+                "name": "遵义市"
+            },
+            {
+                "code": "5204",
+                "name": "安顺市"
+            },
+            {
+                "code": "5205",
+                "name": "毕节市"
+            },
+            {
+                "code": "5206",
+                "name": "铜仁市"
+            },
+            {
+                "code": "5223",
+                "name": "黔西南布依族苗族自治州"
+            },
+            {
+                "code": "5226",
+                "name": "黔东南苗族侗族自治州"
+            },
+            {
+                "code": "5227",
+                "name": "黔南布依族苗族自治州"
+            }
+        ]
+    },
+    {
+        "code": "53",
+        "name": "云南省",
+        "children": [
+            {
+                "code": "5301",
+                "name": "昆明市"
+            },
+            {
+                "code": "5303",
+                "name": "曲靖市"
+            },
+            {
+                "code": "5304",
+                "name": "玉溪市"
+            },
+            {
+                "code": "5305",
+                "name": "保山市"
+            },
+            {
+                "code": "5306",
+                "name": "昭通市"
+            },
+            {
+                "code": "5307",
+                "name": "丽江市"
+            },
+            {
+                "code": "5308",
+                "name": "普洱市"
+            },
+            {
+                "code": "5309",
+                "name": "临沧市"
+            },
+            {
+                "code": "5323",
+                "name": "楚雄彝族自治州"
+            },
+            {
+                "code": "5325",
+                "name": "红河哈尼族彝族自治州"
+            },
+            {
+                "code": "5326",
+                "name": "文山壮族苗族自治州"
+            },
+            {
+                "code": "5328",
+                "name": "西双版纳傣族自治州"
+            },
+            {
+                "code": "5329",
+                "name": "大理白族自治州"
+            },
+            {
+                "code": "5331",
+                "name": "德宏傣族景颇族自治州"
+            },
+            {
+                "code": "5333",
+                "name": "怒江傈僳族自治州"
+            },
+            {
+                "code": "5334",
+                "name": "迪庆藏族自治州"
+            }
+        ]
+    },
+    {
+        "code": "54",
+        "name": "西藏自治区",
+        "children": [
+            {
+                "code": "5401",
+                "name": "拉萨市"
+            },
+            {
+                "code": "5402",
+                "name": "日喀则市"
+            },
+            {
+                "code": "5403",
+                "name": "昌都市"
+            },
+            {
+                "code": "5404",
+                "name": "林芝市"
+            },
+            {
+                "code": "5405",
+                "name": "山南市"
+            },
+            {
+                "code": "5406",
+                "name": "那曲市"
+            },
+            {
+                "code": "5425",
+                "name": "阿里地区"
+            }
+        ]
+    },
+    {
+        "code": "61",
+        "name": "陕西省",
+        "children": [
+            {
+                "code": "6101",
+                "name": "西安市"
+            },
+            {
+                "code": "6102",
+                "name": "铜川市"
+            },
+            {
+                "code": "6103",
+                "name": "宝鸡市"
+            },
+            {
+                "code": "6104",
+                "name": "咸阳市"
+            },
+            {
+                "code": "6105",
+                "name": "渭南市"
+            },
+            {
+                "code": "6106",
+                "name": "延安市"
+            },
+            {
+                "code": "6107",
+                "name": "汉中市"
+            },
+            {
+                "code": "6108",
+                "name": "榆林市"
+            },
+            {
+                "code": "6109",
+                "name": "安康市"
+            },
+            {
+                "code": "6110",
+                "name": "商洛市"
+            }
+        ]
+    },
+    {
+        "code": "62",
+        "name": "甘肃省",
+        "children": [
+            {
+                "code": "6201",
+                "name": "兰州市"
+            },
+            {
+                "code": "6202",
+                "name": "嘉峪关市"
+            },
+            {
+                "code": "6203",
+                "name": "金昌市"
+            },
+            {
+                "code": "6204",
+                "name": "白银市"
+            },
+            {
+                "code": "6205",
+                "name": "天水市"
+            },
+            {
+                "code": "6206",
+                "name": "武威市"
+            },
+            {
+                "code": "6207",
+                "name": "张掖市"
+            },
+            {
+                "code": "6208",
+                "name": "平凉市"
+            },
+            {
+                "code": "6209",
+                "name": "酒泉市"
+            },
+            {
+                "code": "6210",
+                "name": "庆阳市"
+            },
+            {
+                "code": "6211",
+                "name": "定西市"
+            },
+            {
+                "code": "6212",
+                "name": "陇南市"
+            },
+            {
+                "code": "6229",
+                "name": "临夏回族自治州"
+            },
+            {
+                "code": "6230",
+                "name": "甘南藏族自治州"
+            }
+        ]
+    },
+    {
+        "code": "63",
+        "name": "青海省",
+        "children": [
+            {
+                "code": "6301",
+                "name": "西宁市"
+            },
+            {
+                "code": "6302",
+                "name": "海东市"
+            },
+            {
+                "code": "6322",
+                "name": "海北藏族自治州"
+            },
+            {
+                "code": "6323",
+                "name": "黄南藏族自治州"
+            },
+            {
+                "code": "6325",
+                "name": "海南藏族自治州"
+            },
+            {
+                "code": "6326",
+                "name": "果洛藏族自治州"
+            },
+            {
+                "code": "6327",
+                "name": "玉树藏族自治州"
+            },
+            {
+                "code": "6328",
+                "name": "海西蒙古族藏族自治州"
+            }
+        ]
+    },
+    {
+        "code": "64",
+        "name": "宁夏回族自治区",
+        "children": [
+            {
+                "code": "6401",
+                "name": "银川市"
+            },
+            {
+                "code": "6402",
+                "name": "石嘴山市"
+            },
+            {
+                "code": "6403",
+                "name": "吴忠市"
+            },
+            {
+                "code": "6404",
+                "name": "固原市"
+            },
+            {
+                "code": "6405",
+                "name": "中卫市"
+            }
+        ]
+    },
+    {
+        "code": "65",
+        "name": "新疆维吾尔自治区",
+        "children": [
+            {
+                "code": "6501",
+                "name": "乌鲁木齐市"
+            },
+            {
+                "code": "6502",
+                "name": "克拉玛依市"
+            },
+            {
+                "code": "6504",
+                "name": "吐鲁番市"
+            },
+            {
+                "code": "6505",
+                "name": "哈密市"
+            },
+            {
+                "code": "6523",
+                "name": "昌吉回族自治州"
+            },
+            {
+                "code": "6527",
+                "name": "博尔塔拉蒙古自治州"
+            },
+            {
+                "code": "6528",
+                "name": "巴音郭楞蒙古自治州"
+            },
+            {
+                "code": "6529",
+                "name": "阿克苏地区"
+            },
+            {
+                "code": "6530",
+                "name": "克孜勒苏柯尔克孜自治州"
+            },
+            {
+                "code": "6531",
+                "name": "喀什地区"
+            },
+            {
+                "code": "6532",
+                "name": "和田地区"
+            },
+            {
+                "code": "6540",
+                "name": "伊犁哈萨克自治州"
+            },
+            {
+                "code": "6542",
+                "name": "塔城地区"
+            },
+            {
+                "code": "6543",
+                "name": "阿勒泰地区"
+            },
+            {
+                "code": "659001",
+                "name": "石河子市"
+            },
+            {
+                "code": "659002",
+                "name": "阿拉尔市"
+            },
+            {
+                "code": "659003",
+                "name": "图木舒克市"
+            },
+            {
+                "code": "659004",
+                "name": "五家渠市"
+            },
+            {
+                "code": "659005",
+                "name": "北屯市"
+            },
+            {
+                "code": "659006",
+                "name": "铁门关市"
+            },
+            {
+                "code": "659007",
+                "name": "双河市"
+            },
+            {
+                "code": "659008",
+                "name": "可克达拉市"
+            },
+            {
+                "code": "659009",
+                "name": "昆玉市"
+            },
+            {
+                "code": "659010",
+                "name": "胡杨河市"
+            },
+            {
+                "code": "659011",
+                "name": "新星市"
+            }
+        ]
+    }
+]
\ No newline at end of file
diff --git a/web/client/src/sections/business/components/deleteModal.jsx b/web/client/src/sections/business/components/deleteModal.jsx
new file mode 100644
index 0000000..4d21b2f
--- /dev/null
+++ b/web/client/src/sections/business/components/deleteModal.jsx
@@ -0,0 +1,117 @@
+import React, { useState, useRef, useEffect } from "react";
+import { connect } from "react-redux";
+import { Modal, Form, Button, Upload, Toast } from "@douyinfe/semi-ui";
+import { IconAlertCircle } from '@douyinfe/semi-icons';
+import cityData from './city.json';
+import PerfectScrollbar from "perfect-scrollbar";
+import './style.less'
+let Scrollbar;
+function deleteModal (props) {
+    const {
+        close,
+        cancel,
+        visible,
+        dispatch,
+        actions,
+        pepUserId
+    } = props;
+    const { humanAffairs } = actions;
+    const form = useRef();//表单
+
+    const [idPhoto, setIdPhoto] = useState(); //证件照
+
+    const [word, setWord] = useState(); //简历
+    //初始化
+    useEffect(() => {
+        setWord(JSON.parse(localStorage.getItem('word')))
+    }, []);
+
+    useEffect(() => {
+        const Project = document.getElementById("myForm");
+        if (Project) {
+            if (Project && Scrollbar) {
+                Scrollbar.update();
+            }
+            Scrollbar = new PerfectScrollbar("#myForm", {
+                suppressScrollX: true,
+            });
+        }
+    });
+    function handleOk () {
+        //点击弹框确定  右边按钮
+        form.current
+            .validate()
+            .then((values) => {
+                if (word == values.word) {
+                    dispatch(humanAffairs.delMember({ pepUserId: pepUserId, msg: '删除档案' })).then((res) => {//获取项企(PEP)全部部门及其下用户
+                        if (res.success) {
+                            close();
+                        }
+                    })
+                }
+                else {
+                    Toast.error('密码错误');
+                    form.current.setValue('word', '')
+                }
+
+            })
+    }
+    function handleCancel () {
+        cancel();
+        //点击弹框取消  左边按钮
+    }
+    return (
+        <>
+            <Modal
+                title={'警告'}
+                okText="确认删除"
+                cancelText="取消"
+                visible={visible}
+                onOk={handleOk}
+                width={500}
+                onCancel={handleCancel}
+            >
+                <div style={{ borderBottom: '1px solid #DCDEE0', margin: '0px -24px' }}></div>
+                <Form
+                    // allowEmpty
+                    labelPosition="left"
+                    labelAlign="right"
+                    labelWidth="116px"
+                    onValueChange={(values, field) => {
+                        console.log('values', values);
+                    }}
+                    getFormApi={(formApi) => (form.current = formApi)}
+                >
+                    <div style={{ padding: '20px 0px' }}>
+                        <div style={{ display: 'flex', alignItems: 'center' }}>
+                            <div>
+                                <Form.Input
+                                    field="word"
+                                    label='我的登录密码:'
+                                    style={{ width: 334 }}
+                                    initValue={'' || ""}
+                                    placeholder="请输入登录密码"
+                                    mode="password"
+                                    showClear
+                                    rules={[{ required: true, message: "请输入登录密码" }]}
+                                />
+                            </div>
+                        </div>
+                    </div>
+                </Form>
+            </Modal >
+        </>
+    );
+}
+function mapStateToProps (state) {
+    const { auth, global, members } = state;
+    return {
+        //   loading: members.isRequesting,
+        user: auth.user,
+        actions: global.actions,
+        apiRoot: global.apiRoot,
+        //   members: members.data,
+    };
+}
+
+export default connect(mapStateToProps)(deleteModal);
diff --git a/web/client/src/sections/business/components/empty.js b/web/client/src/sections/business/components/empty.js
new file mode 100644
index 0000000..cf4a9d1
--- /dev/null
+++ b/web/client/src/sections/business/components/empty.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import { Empty as EmptySemi } from '@douyinfe/semi-ui';
+import { IllustrationConstruction, IllustrationConstructionDark } from '@douyinfe/semi-illustrations';
+
+const Empty = (props) => {
+    return (<EmptySemi
+        image={<IllustrationConstruction style={{ width: 150, height: 150 }} />}
+        darkModeImage={<IllustrationConstructionDark style={{ width: 150, height: 150 }} />}
+        title={'功能建设中'}
+        description="当前功能暂未开放，敬请期待。"
+    />
+    )
+}
+export default Empty
\ No newline at end of file
diff --git a/web/client/src/sections/business/components/style.less b/web/client/src/sections/business/components/style.less
new file mode 100644
index 0000000..aae9a02
--- /dev/null
+++ b/web/client/src/sections/business/components/style.less
@@ -0,0 +1,15 @@
+.upload{
+    .semi-upload-file-card{
+        width:182px;
+    }
+}
+.vitae{
+    .semi-upload-file-card{
+        width:288px;
+        height: 32px;
+        .semi-upload-file-card-preview{
+            height: 30px;
+            width: 30px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/web/client/src/sections/business/containers/index.js b/web/client/src/sections/business/containers/index.js
new file mode 100644
index 0000000..2f671bd
--- /dev/null
+++ b/web/client/src/sections/business/containers/index.js
@@ -0,0 +1,13 @@
+'use strict';
+//项目报表
+import ReserveItemsReporting from './reserveItemsReporting';
+import ReserveItemsPeriodicStatistics from './reserveItemsPeriodicStatistics';
+import ReserveItemsDepSummary from './reserveItemsDepSummary';
+import ReserveItemsLostStatistics from './reserveItemsLostStatistics';
+
+export {
+    ReserveItemsReporting,
+    ReserveItemsPeriodicStatistics,
+    ReserveItemsDepSummary,
+    ReserveItemsLostStatistics
+};
\ No newline at end of file
diff --git a/web/client/src/sections/business/containers/pmLog.jsx b/web/client/src/sections/business/containers/pmLog.jsx
new file mode 100644
index 0000000..e6106a3
--- /dev/null
+++ b/web/client/src/sections/business/containers/pmLog.jsx
@@ -0,0 +1,382 @@
+import React, { useEffect, useState, useRef, useMemo } from 'react';
+import { connect } from 'react-redux';
+import { Table, Button, Pagination, Skeleton, Form, Tooltip, Banner } from '@douyinfe/semi-ui';
+import { IconSearch } from '@douyinfe/semi-icons';
+import { SkeletonScreen } from "$components";
+import '../style.less'
+import { Setup } from "$components";
+import moment from 'moment'
+import { getServiceUrl } from '../actions/service';
+
+const PMLog = (props) => {
+    const { dispatch, actions, history, user, loading, socket } = props;
+
+    const form = useRef();//表单
+
+    const [setup, setSetup] = useState(false);//表格设置是否显现
+    const [setupp, setSetupp] = useState([]);//实际显示的表格列表
+    const [lookup, setLookup] = useState({});//搜索
+    const [query, setQuery] = useState({ limit: 10, page: 0 }); //页码信息
+    const [order, setOrder] = useState({ orderBy: 'hiredate', orderDirection: 'DESC' }); //页码信息
+    const [limits, setLimits] = useState(0)//每页实际条数
+    const [downloadUrl, setDownloadUrl] = useState('')//下载pdf;
+    const [warningBanner, setWarningBanner] = useState(null);
+    const PMLOG = "pmLog";
+    const page = useRef(query.page);//哪一页
+
+    let btnDisable = false;
+    const tableList = [//表格属性
+        {
+            title: '基础信息',
+            list: [
+                { name: "姓名", value: "userName" },
+                { name: "所属部门", value: "departmrnt" },
+                { name: "职位", value: "roleName" },
+                { name: "月度需提交次数", value: "idNumber" },
+                { name: "实际提交次数", value: "number" },
+                { name: "异常次数", value: "ycNumber" },
+                { name: "操作", value: "action" }
+            ]
+        }
+    ];
+    useEffect(() => {
+        localStorage.getItem(PMLOG) == null
+            ? localStorage.setItem(
+                PMLOG,
+                JSON.stringify(['userName', 'departmrnt', 'roleName', 'idNumber', 'number', 'ycNumber', 'action'])
+            )
+            : "";
+        attribute();
+    }, [])
+
+    useEffect(() => {
+        if (form && form.current && form.current.setValue) {
+            form.current.setValue("weeklyRange", [moment().startOf('isoWeek').format('YYYY-MM-DD'), moment().endOf('isoWeek').format('YYYY-MM-DD')])
+        }
+    }, [])
+
+    const columns = [
+        {
+            title: (
+                <span>
+                    <img src="/assets/images/hrImg/V.png" alt="" style={{ width: 14, height: 14 }} /> 员工编号
+                </span>
+            ),
+            width: 200,
+            dataIndex: "userCode",
+            key: "userCode",
+            sorter: (a, b) => { },
+            // sorter: (a, b) => a.name.length - b.name.length > 0 ? 1 : -1,
+            render: (_, r, index) => {
+                return (r.userCode ? r.userCode : '-');
+            },
+        },
+    ];
+    //获取表格属性设置
+    function attribute() {
+        const arr = localStorage.getItem(PMLOG)
+            ? JSON.parse(localStorage.getItem(PMLOG))
+            : [];
+
+        const column = [
+            {
+                title: (
+                    <div>
+                        <img src="/assets/images/hrImg/V.png" alt="" style={{ width: 14, height: 14 }} /> 姓名
+                    </div>
+                ),
+                dataIndex: "userName",
+                key: "userName",
+                render: (_, r, index) => {
+                    return (r.userName ? r.userName : '-');
+                },
+            }, {
+                title: (
+                    <div>
+                        <img src="/assets/images/hrImg/V.png" alt="" style={{ width: 14, height: 14 }} /> 所属部门
+                    </div>
+                ),
+                dataIndex: "departmrnt",
+                key: "departmrnt",
+                render: (_, r, index) => {
+                    return (
+                        <div style={{ display: 'flex' }}>
+                            {
+                                r.departmrnt.map((ite, idx) => {
+                                    let departmentsArr = []
+                                    for (let i = 0; i < r.departmrnt.length; i++) {
+                                        departmentsArr.push(r.departmrnt[i].name)
+                                    }
+                                    return (
+                                        <div key={idx} style={{ display: 'flex' }}>
+                                            {idx == 0 ?
+                                                (<div style={{ padding: '0px 4px 1px 4px ', color: '#FFFFFF', fontSize: 12, background: 'rgba(0,90,189,0.8)', borderRadius: 2, marginRight: 4 }}>
+                                                    {ite.name}
+                                                </div>) : ('')
+
+                                            }
+                                            {
+                                                r.departmrnt.length > 1 && idx == 1 ? (
+                                                    <Tooltip content={departmentsArr.join(',')} trigger="click" style={{ lineHeight: 2 }}>
+                                                        <div style={{ padding: '0px 4px 1px 4px ', color: 'rgba(0,90,189,0.8)', fontSize: 12, marginRight: 4, cursor: "pointer", }}>
+                                                            +{r.departmrnt.length - 1}
+                                                        </div>
+                                                    </Tooltip>
+                                                ) : ('')
+                                            }
+                                        </div>
+                                    )
+                                })
+                            }
+                        </div>
+                    )
+                },
+            }, {
+                title: (
+                    <div>
+                        <img src="/assets/images/hrImg/V.png" alt="" style={{ width: 14, height: 14 }} /> 职位
+                    </div>
+                ),
+                dataIndex: "roleName",
+                key: "roleName",
+                render: (_, r, index) => {
+                    return (
+                        <div style={{ display: 'flex', alignItems: 'center' }}>
+                            {
+                                r.role.map((ite, idx) => {
+                                    let roleArr = []
+                                    for (let i = 0; i < r.role.length; i++) {
+                                        roleArr.push(r.role[i].name)
+                                    }
+                                    return (
+                                        <div key={idx} style={{ display: 'flex', alignItems: 'center' }}>
+                                            {idx == 0 ?
+                                                (ite.name) : ('')
+                                            }
+                                            {
+                                                r.role.length > 1 && idx == 1 ? (
+                                                    <Tooltip content={roleArr.join(',')} trigger="click" style={{ lineHeight: 2 }}>
+                                                        <div style={{ color: 'rgba(0,90,189,0.8)', fontSize: 12, marginRight: 4, cursor: "pointer", }}>
+                                                            +{r.role.length - 1}
+                                                        </div>
+                                                    </Tooltip>
+                                                ) : ('')
+                                            }
+                                        </div>
+                                    )
+                                })
+                            }
+                        </div>);
+                },
+            }, {
+                title: '月度需提交次数',
+                dataIndex: "idNumber",
+                key: "idNumber",
+                render: (_, r, index) => {
+                    return (r.idNumber ? r.idNumber : '-');
+                },
+            }, {
+                title: '实际提交次数',
+                dataIndex: "number",
+                key: "number",
+                render: (_, r, index) => {
+                    return (r.number ? r.number : '-');
+                },
+            }, {
+                title: '异常次数',
+                dataIndex: "ycNumber",
+                key: "ycNumber",
+                render: (_, r, index) => {
+                    return (r.ycNumber ? r.ycNumber : '-');
+                },
+            }, {
+                title: '操作',
+                dataIndex: "action",
+                key: "action",
+                render: (_, r, index) => {
+                    return (r.vitae ? <a href={`/_file-server/${r.vitae}`} style={{ color: '#005ABD' }}>下载</a> : '-')
+                },
+            },
+        ];
+        for (let i = 0; i < arr.length; i++) {
+            let colum = column.filter((item) => {
+                return item.key === arr[i];
+            });
+            columns.splice(i + 2, 0, colum[0]);
+        }
+        setSetupp(columns);
+    }
+    function handleRow(record, index) {//斑马条纹
+        // 给偶数行设置斑马纹
+        if (index % 2 === 0) {
+            return {
+                style: {
+                    background: '#FAFCFF',
+                }
+            };
+        } else {
+            return {};
+        }
+    }
+    const scroll = useMemo(() => ({}), []);
+
+    return (
+        <>
+            <div style={{ padding: '0px 12px' }}>
+                <div style={{ display: 'flex' }}>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>绩效考核</div>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14, margin: '0px 8px' }}>/</div>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>基本动作</div>
+                    <div style={{ color: '#033C9A', fontSize: 14, margin: '0px 8px' }}>/</div>
+                    <div style={{ color: '#033C9A', fontSize: 14 }}>工程日志</div>
+                </div>
+                <div style={{ background: '#FFFFFF', boxShadow: '0px 0px 12px 2px rgba(220,222,224,0.2)', borderRadius: 2, padding: '20px 0px 20px 19px ', marginTop: 12 }}>
+                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+                        <div style={{ display: 'flex', alignItems: 'baseline' }}>
+                            <div style={{ width: 0, height: 20, borderLeft: '3px solid #0F7EFB', borderTop: '3px solid transparent', borderBottom: '3px solid transparent' }}></div>
+                            <div style={{ fontFamily: "YouSheBiaoTiHei", fontSize: 24, color: '#033C9A', marginLeft: 8 }}>工程日志</div>
+                            <div style={{ marginLeft: 6, fontSize: 12, color: '#969799', fontFamily: "DINExp", }}>PM LOG</div>
+                        </div>
+                    </div>
+                    <div style={{ marginRight: 20, marginTop: 18 }}>
+                        <Form
+                            labelPosition="left"
+                            labelAlign="right"
+                            labelWidth="80px"
+                            getFormApi={(formApi) => (form.current = formApi)}
+                        >
+                            <div>
+                                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+                                    <div style={{ display: 'flex', alignItems: 'center' }}>
+                                        <Form.DatePicker
+                                            label='查询时间:'
+                                            field='weeklyRange' type="dateRange" density="compact" showClear style={{ width: 370, color: "#F9F9F9" }} />
+                                    </div>
+                                    <div style={{ display: 'flex', alignItems: 'center' }}>
+                                        <div style={{ width: 20, height: 20, cursor: "pointer", marginRight: 15 }}
+                                        >
+
+                                            {/* <img src="/assets/images/hrImg/export.png" alt="" style={{ width: '100%', height: '100%' }} /> */}
+                                            {
+                                                downloadUrl ? <iframe src={`/_api/${downloadUrl}`} style={{ display: 'none' }} /> : ''
+                                            }
+                                        </div>
+                                        <img src="/assets/images/hrImg/newsetup.png" alt="" style={{ width: 20, height: 20, cursor: "pointer", marginRight: 15 }}
+                                            onClick={() => setSetup(true)}
+                                        />
+                                        <Button theme='solid'
+                                            type='primary'
+                                            style={{ width: 80, borderRadius: 2, height: 32, background: '#DBECFF', color: '#005ABD' }}
+                                            // disable={btnDisable}
+                                            onClick={() => {
+                                                const weeklyRange = form.current.getValue("weeklyRange");
+                                                if (weeklyRange && weeklyRange.length == 2) {
+                                                    dispatch(getServiceUrl()).then(res => {
+                                                        const { payload } = res;
+                                                        if (payload && payload.url) {
+
+                                                            let url = `${payload.url}/week_report/week`;
+                                                            if (weeklyRange && weeklyRange.length == 2) {
+                                                                url += `?start=${moment(weeklyRange[0]).format('YYYY-MM-DD HH:mm:ss')}&end=${moment(weeklyRange[1]).format('YYYY-MM-DD HH:mm:ss')}&type=pm`
+                                                            }
+                                                            console.log(url);
+                                                            setDownloadUrl(url);
+                                                        } else {
+                                                            setWarningBanner("导出地址有误,导出失败");
+                                                        }
+                                                    })
+                                                } else {
+                                                    setWarningBanner("请选择查询时间范围");
+                                                }
+                                            }}>导出</Button>
+                                    </div>
+                                </div>
+                            </div>
+                        </Form>
+                        {
+                            warningBanner &&
+                            (<Banner
+                                type="danger"
+                                description={warningBanner}
+                                onClose={() => setWarningBanner(null)}
+                            />)}
+                        <div style={{ border: '1px solid #C7E1FF', background: '#F4F8FF', borderRadius: 2, height: 32, width: 669, padding: '8px 0px 7px 12px', display: 'flex', alignItems: 'center', color: '#0F7EFB', fontSize: 12 }}>
+                            <img src="/assets/images/hrImg/!.png" alt="" style={{ width: 14, height: 14, marginRight: 8 }} />
+                            表格中带有认证标识"
+                            <img src="/assets/images/hrImg/V.png" alt="" style={{ width: 14, height: 14 }} />
+                            "信息的为系统基础数据，来源于项企PEP系统，不支持修改和导入变更
+                        </div>
+                        <div style={{ marginTop: 20 }}>
+                            <Skeleton
+                                // loading={loading}
+                                loading={false}
+                                active={true}
+                                placeholder={SkeletonScreen()}
+                            >
+                                <Table
+                                    columns={setupp.filter((s) => s)}
+                                    dataSource={[]}
+                                    bordered={false}
+                                    empty="暂无数据"
+                                    pagination={false}
+                                    onRow={handleRow}
+                                    scroll={scroll}
+                                />
+                            </Skeleton>
+                            <div
+                                style={{
+                                    display: "flex",
+                                    justifyContent: "space-between",
+                                    padding: "20px 20px",
+                                }}
+                            >
+                                <div>
+                                </div>
+                                <div style={{ display: 'flex', }}>
+                                    <span style={{ lineHeight: "30px", fontSize: 13, color: 'rgba(0,90,189,0.8)' }}>
+                                        共{limits}条信息
+                                    </span>
+                                    <Pagination
+                                        className="22"
+                                        total={limits}
+                                        showSizeChanger
+                                        currentPage={query.page + 1}
+                                        pageSizeOpts={[10, 20, 30, 40]}
+                                        onChange={(currentPage, pageSize) => {
+                                            setQuery({ limit: pageSize, page: currentPage - 1 });
+                                            page.current = currentPage - 1
+                                        }}
+                                    />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            {setup ? (
+                <Setup
+                    tableType={PMLOG}
+                    tableList={tableList}
+                    length={7}
+                    close={() => {
+                        setSetup(false);
+                        attribute();
+                    }}
+                />
+            ) : (
+                ""
+            )}
+
+        </>
+    )
+}
+
+function mapStateToProps(state) {
+    const { auth, global } = state;
+    return {
+        user: auth.user,
+        actions: global.actions,
+    };
+}
+
+export default connect(mapStateToProps)(PMLog);
diff --git a/web/client/src/sections/business/containers/reserveItemsDepSummary.jsx b/web/client/src/sections/business/containers/reserveItemsDepSummary.jsx
new file mode 100644
index 0000000..5f46de5
--- /dev/null
+++ b/web/client/src/sections/business/containers/reserveItemsDepSummary.jsx
@@ -0,0 +1,51 @@
+import React, { useEffect, useState } from 'react';
+import { connect } from 'react-redux';
+import { Select, Input, Button, RadioGroup, Radio, Tooltip } from '@douyinfe/semi-ui';
+import { IconSearch } from '@douyinfe/semi-icons';
+import '../style.less'
+import moment from 'moment'
+
+const ReserveItemsDepSummary = (props) => {
+
+    return (
+        <>
+            <div style={{ padding: '0px 12px' }}>
+                <div style={{ display: 'flex' }}>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>业务管理</div>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14, margin: '0px 8px' }}>/</div>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>项目报表</div>
+                    <div style={{ color: '#033C9A', fontSize: 14, margin: '0px 8px' }}>/</div>
+                    <div style={{ color: '#033C9A', fontSize: 14 }}>部门储备项目汇总表</div>
+                </div>
+                <div style={{ background: '#FFFFFF', boxShadow: '0px 0px 12px 2px rgba(220,222,224,0.2)', borderRadius: 2, padding: '20px 0px 20px 19px ', marginTop: 9 }}>
+                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+                        <div style={{ display: 'flex', alignItems: 'baseline' }}>
+                            <div style={{ width: 0, height: 20, borderLeft: '3px solid #0F7EFB', borderTop: '3px solid transparent', borderBottom: '3px solid transparent' }}></div>
+                            <div style={{ fontFamily: "YouSheBiaoTiHei", fontSize: 24, color: '#033C9A', marginLeft: 8 }}>部门储备项目汇总表</div>
+                            <div style={{ marginLeft: 6, fontSize: 12, color: '#969799', fontFamily: "DINExp", }}>SUMMARY OF DEPARTMENTAL RESERVE ITEMS</div>
+                        </div>
+                    </div>
+                    <div style={{ borderBottom: '1px solid #F2F3F5', marginLeft: '-20px', marginBottom: 16 }}></div>
+                    <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 22 }}>
+                        <div style={{ display: 'flex', }}>
+                            <div style={{ color: '#646566', fontSize: 14 }}>
+                                当前显示
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </>
+    )
+}
+
+
+function mapStateToProps(state) {
+    const { auth, global } = state;
+    return {
+        user: auth.user,
+        actions: global.actions,
+    };
+}
+
+export default connect(mapStateToProps)(ReserveItemsDepSummary);
\ No newline at end of file
diff --git a/web/client/src/sections/business/containers/reserveItemsLostStatistics.jsx b/web/client/src/sections/business/containers/reserveItemsLostStatistics.jsx
new file mode 100644
index 0000000..f3b88db
--- /dev/null
+++ b/web/client/src/sections/business/containers/reserveItemsLostStatistics.jsx
@@ -0,0 +1,51 @@
+import React, { useEffect, useState } from 'react';
+import { connect } from 'react-redux';
+import { Select, Input, Button, RadioGroup, Radio, Tooltip } from '@douyinfe/semi-ui';
+import { IconSearch } from '@douyinfe/semi-icons';
+import '../style.less'
+import moment from 'moment'
+
+const ReserveItemsLostStatistics = (props) => {
+
+    return (
+        <>
+            <div style={{ padding: '0px 12px' }}>
+                <div style={{ display: 'flex' }}>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>业务管理</div>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14, margin: '0px 8px' }}>/</div>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>项目报表</div>
+                    <div style={{ color: '#033C9A', fontSize: 14, margin: '0px 8px' }}>/</div>
+                    <div style={{ color: '#033C9A', fontSize: 14 }}>储备项目丢单统计表</div>
+                </div>
+                <div style={{ background: '#FFFFFF', boxShadow: '0px 0px 12px 2px rgba(220,222,224,0.2)', borderRadius: 2, padding: '20px 0px 20px 19px ', marginTop: 9 }}>
+                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+                        <div style={{ display: 'flex', alignItems: 'baseline' }}>
+                            <div style={{ width: 0, height: 20, borderLeft: '3px solid #0F7EFB', borderTop: '3px solid transparent', borderBottom: '3px solid transparent' }}></div>
+                            <div style={{ fontFamily: "YouSheBiaoTiHei", fontSize: 24, color: '#033C9A', marginLeft: 8 }}>储备项目丢单统计表</div>
+                            <div style={{ marginLeft: 6, fontSize: 12, color: '#969799', fontFamily: "DINExp", }}>STATISTICS OF LOST ORDERS OF RESERVE ITEMS</div>
+                        </div>
+                    </div>
+                    <div style={{ borderBottom: '1px solid #F2F3F5', marginLeft: '-20px', marginBottom: 16 }}></div>
+                    <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 22 }}>
+                        <div style={{ display: 'flex', }}>
+                            <div style={{ color: '#646566', fontSize: 14 }}>
+                                当前显示
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </>
+    )
+}
+
+
+function mapStateToProps(state) {
+    const { auth, global } = state;
+    return {
+        user: auth.user,
+        actions: global.actions,
+    };
+}
+
+export default connect(mapStateToProps)(ReserveItemsLostStatistics);
\ No newline at end of file
diff --git a/web/client/src/sections/business/containers/reserveItemsPeriodicStatistics.jsx b/web/client/src/sections/business/containers/reserveItemsPeriodicStatistics.jsx
new file mode 100644
index 0000000..3897498
--- /dev/null
+++ b/web/client/src/sections/business/containers/reserveItemsPeriodicStatistics.jsx
@@ -0,0 +1,51 @@
+import React, { useEffect, useState } from 'react';
+import { connect } from 'react-redux';
+import { Select, Input, Button, RadioGroup, Radio, Tooltip } from '@douyinfe/semi-ui';
+import { IconSearch } from '@douyinfe/semi-icons';
+import '../style.less'
+import moment from 'moment'
+
+const ReserveItemsPeriodicStatistics = (props) => {
+
+    return (
+        <>
+            <div style={{ padding: '0px 12px' }}>
+                <div style={{ display: 'flex' }}>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>业务管理</div>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14, margin: '0px 8px' }}>/</div>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>项目报表</div>
+                    <div style={{ color: '#033C9A', fontSize: 14, margin: '0px 8px' }}>/</div>
+                    <div style={{ color: '#033C9A', fontSize: 14 }}>储备项目周期统计表</div>
+                </div>
+                <div style={{ background: '#FFFFFF', boxShadow: '0px 0px 12px 2px rgba(220,222,224,0.2)', borderRadius: 2, padding: '20px 0px 20px 19px ', marginTop: 9 }}>
+                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+                        <div style={{ display: 'flex', alignItems: 'baseline' }}>
+                            <div style={{ width: 0, height: 20, borderLeft: '3px solid #0F7EFB', borderTop: '3px solid transparent', borderBottom: '3px solid transparent' }}></div>
+                            <div style={{ fontFamily: "YouSheBiaoTiHei", fontSize: 24, color: '#033C9A', marginLeft: 8 }}>储备项目周期统计表</div>
+                            <div style={{ marginLeft: 6, fontSize: 12, color: '#969799', fontFamily: "DINExp", }}>STATISTICAL TABLE OF RESERVE PROJECT CYCLE</div>
+                        </div>
+                    </div>
+                    <div style={{ borderBottom: '1px solid #F2F3F5', marginLeft: '-20px', marginBottom: 16 }}></div>
+                    <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 22 }}>
+                        <div style={{ display: 'flex', }}>
+                            <div style={{ color: '#646566', fontSize: 14 }}>
+                                当前显示
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </>
+    )
+}
+
+
+function mapStateToProps(state) {
+    const { auth, global } = state;
+    return {
+        user: auth.user,
+        actions: global.actions,
+    };
+}
+
+export default connect(mapStateToProps)(ReserveItemsPeriodicStatistics);
\ No newline at end of file
diff --git a/web/client/src/sections/business/containers/reserveItemsReporting.jsx b/web/client/src/sections/business/containers/reserveItemsReporting.jsx
new file mode 100644
index 0000000..40903fe
--- /dev/null
+++ b/web/client/src/sections/business/containers/reserveItemsReporting.jsx
@@ -0,0 +1,70 @@
+import React, { useEffect, useState } from 'react';
+import { connect } from 'react-redux';
+import { Select, Input, Button, RadioGroup, Radio, Tooltip } from '@douyinfe/semi-ui';
+import { IconSearch } from '@douyinfe/semi-icons';
+import '../style.less'
+import moment from 'moment'
+
+const ReserveItemsReporting = (props) => {
+
+    return (
+        <>
+            <div style={{ padding: '0px 12px' }}>
+                <div style={{ display: 'flex' }}>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>业务管理</div>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14, margin: '0px 8px' }}>/</div>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>项目报表</div>
+                    <div style={{ color: '#033C9A', fontSize: 14, margin: '0px 8px' }}>/</div>
+                    <div style={{ color: '#033C9A', fontSize: 14 }}>储备项目报备表</div>
+                </div>
+                <div style={{ background: '#FFFFFF', boxShadow: '0px 0px 12px 2px rgba(220,222,224,0.2)', borderRadius: 2, padding: '20px 0px 20px 19px ', marginTop: 9 }}>
+                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+                        <div style={{ display: 'flex', alignItems: 'baseline' }}>
+                            <div style={{ width: 0, height: 20, borderLeft: '3px solid #0F7EFB', borderTop: '3px solid transparent', borderBottom: '3px solid transparent' }}></div>
+                            <div style={{ fontFamily: "YouSheBiaoTiHei", fontSize: 24, color: '#033C9A', marginLeft: 8 }}>储备项目报备表</div>
+                            <div style={{ marginLeft: 6, fontSize: 12, color: '#969799', fontFamily: "DINExp", }}>REPORT FORM OF RESERVE ITEMS</div>
+                        </div>
+                    </div>
+                    <div style={{ display: 'flex', marginTop: 16, marginBottom: 17 }}>
+                        <div style={{ marginLeft: 12, marginRight: 18 }}>
+                            <Input suffix={<IconSearch />}
+                                showClear
+                                placeholder='请输入或选择关键词'
+                                style={{ width: 346 }}
+                            // onChange={seachValueChange}
+                            >
+                            </Input>
+                        </div>
+                        <Button theme='solid' type='primary' style={{ width: 80, borderRadius: 2, height: 32, background: '#DBECFF', color: '#005ABD' }}
+                            onClick={() => {
+                                // dispatch(humanAffairs.getMemberList({ keywordTarget, keyword, state: typeChoose })).then((res) => {//搜索项企用户
+                                //     if (res.success) {
+                                //         setArchivesList(res.payload.data.rows)
+                                //     }
+                                // })
+                            }}>查询</Button>
+                    </div>
+                    <div style={{ borderBottom: '1px solid #F2F3F5', marginLeft: '-20px', marginBottom: 16 }}></div>
+                    <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 22 }}>
+                        <div style={{ display: 'flex', }}>
+                            <div style={{ color: '#646566', fontSize: 14 }}>
+                                当前显示
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </>
+    )
+}
+
+
+function mapStateToProps(state) {
+    const { auth, global } = state;
+    return {
+        user: auth.user,
+        actions: global.actions,
+    };
+}
+
+export default connect(mapStateToProps)(ReserveItemsReporting);
\ No newline at end of file
diff --git a/web/client/src/sections/business/containers/table-input-rule.js b/web/client/src/sections/business/containers/table-input-rule.js
new file mode 100644
index 0000000..22f4fd9
--- /dev/null
+++ b/web/client/src/sections/business/containers/table-input-rule.js
@@ -0,0 +1,10 @@
+export const rule = [
+    "人员编号：必填，唯一，数字和字母的组合；",
+    "姓名：必填，若导入数据的姓名与编号对应的项企姓名不同，将以项企数据为准；",
+    "日期：（年/月/日，例2022/02/01）；",
+    "地址：格式为“省-市”，如“江苏省-镇江市”，直辖市直接显示市，如“北京市”；",
+    "政治面貌：党员或群众；",
+    "学历：小学、初中、高中、大专、本科、研究生或博士；",
+    "工作经验：0或正数；",
+    "没有的数据可不填写。"
+]
\ No newline at end of file
diff --git a/web/client/src/sections/business/index.js b/web/client/src/sections/business/index.js
new file mode 100644
index 0000000..8d975cf
--- /dev/null
+++ b/web/client/src/sections/business/index.js
@@ -0,0 +1,15 @@
+'use strict';
+
+import reducers from './reducers';
+import routes from './routes';
+import actions from './actions';
+import { getNavItem } from './nav-item';
+
+export default {
+    key: 'businessManagement',
+    name: '业务管理',
+    reducers: reducers,
+    routes: routes,
+    actions: actions,
+    getNavItem: getNavItem
+};
\ No newline at end of file
diff --git a/web/client/src/sections/business/nav-item.jsx b/web/client/src/sections/business/nav-item.jsx
new file mode 100644
index 0000000..e99afc7
--- /dev/null
+++ b/web/client/src/sections/business/nav-item.jsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconCode } from '@douyinfe/semi-icons';
+
+export function getNavItem(user, dispatch) {
+    return (
+        [
+            {
+                itemKey: 'businessManagement',
+                text: '业务管理',
+                icon: <IconCode />,
+                items: [{
+                    itemKey: 'pmReport',
+                    text: '项目报表',
+                    icon: <iconpark-icon style={{ width: 20, height: 20 }} name="iconcbrengongdangan"></iconpark-icon>,
+                    to: '/businessManagement/pmReport/reserveItemsReporting',
+                    items: [{
+                        itemKey: 'reserveItemsReporting',
+                        to: '/businessManagement/pmReport/reserveItemsReporting', text: '储备项目报备表'
+                    }, {
+                        itemKey: 'reserveItemsPeriodicStatistics',
+                        to: '/businessManagement/pmReport/reserveItemsPeriodicStatistics', text: '储备项目周期统计表'
+                    }, {
+                        itemKey: 'reserveItemsDepSummary',
+                        to: '/businessManagement/pmReport/reserveItemsDepSummary', text: '部门储备项目汇总表'
+                    }, {
+                        itemKey: 'reserveItemsLostStatistics',
+                        to: '/businessManagement/pmReport/reserveItemsLostStatistics', text: '储备项目丢单统计表'
+                    }]
+                }]
+            },
+        ]
+    );
+}
\ No newline at end of file
diff --git a/web/client/src/sections/business/reducers/index.js b/web/client/src/sections/business/reducers/index.js
new file mode 100644
index 0000000..7ed1088
--- /dev/null
+++ b/web/client/src/sections/business/reducers/index.js
@@ -0,0 +1,5 @@
+'use strict';
+
+export default {
+
+}
\ No newline at end of file
diff --git a/web/client/src/sections/business/routes.js b/web/client/src/sections/business/routes.js
new file mode 100644
index 0000000..7c6185f
--- /dev/null
+++ b/web/client/src/sections/business/routes.js
@@ -0,0 +1,40 @@
+import {
+    ReserveItemsReporting, ReserveItemsPeriodicStatistics, ReserveItemsDepSummary,ReserveItemsLostStatistics
+} from './containers';
+
+export default [{
+    type: 'inner',
+    route: {
+        path: '/businessManagement',
+        key: 'businessManagement',
+        breadcrumb: '业务管理',
+        // 不设置 component 则面包屑禁止跳转
+        childRoutes: [
+            {
+                path: '/pmReport',
+                key: 'pmReport',
+                breadcrumb: '项目报表',
+                childRoutes: [{
+                    path: '/reserveItemsReporting',
+                    key: 'reserveItemsReporting',
+                    component: ReserveItemsReporting,
+                    breadcrumb: '储备项目报备表'
+                }, {
+                    path: '/reserveItemsPeriodicStatistics',
+                    key: 'reserveItemsPeriodicStatistics',
+                    breadcrumb: '储备项目周期统计表',
+                    component: ReserveItemsPeriodicStatistics
+                }, {
+                    path: '/reserveItemsDepSummary',
+                    key: 'reserveItemsDepSummary',
+                    breadcrumb: '部门储备项目汇总表',
+                    component: ReserveItemsDepSummary
+                }, {
+                    path: '/reserveItemsLostStatistics',
+                    key: 'reserveItemsLostStatistics',
+                    breadcrumb: '储备项目丢单统计表',
+                    component: ReserveItemsLostStatistics
+                }]
+            }]
+    }
+}];
\ No newline at end of file
diff --git a/web/client/src/sections/business/style.less b/web/client/src/sections/business/style.less
new file mode 100644
index 0000000..a1290ea
--- /dev/null
+++ b/web/client/src/sections/business/style.less
@@ -0,0 +1,9 @@
+.semi-table{
+    .semi-table-row:first-child{
+        .semi-table-row-head{
+            background: #F2F3F5;
+            color: #4A4A4A;
+            font-size: 14px;
+        }
+    }
+}
diff --git a/web/client/src/sections/example/actions/example.js b/web/client/src/sections/example/actions/example.js
new file mode 100644
index 0000000..ff08638
--- /dev/null
+++ b/web/client/src/sections/example/actions/example.js
@@ -0,0 +1,14 @@
+'use strict';
+
+import { ApiTable ,basicAction} from '$utils'
+
+// export function getMembers (orgId) {
+//     return dispatch => basicAction({
+//         type: 'get',
+//         dispatch: dispatch,
+//         actionType: 'GET_MEMBERS',
+//         url: `${ApiTable.getEnterprisesMembers.replace('{enterpriseId}', orgId)}`,
+//         msg: { error: '获取用户列表失败' },
+//         reducer: { name: 'members' }
+//     });
+// }
diff --git a/web/client/src/sections/example/actions/index.js b/web/client/src/sections/example/actions/index.js
new file mode 100644
index 0000000..090c73f
--- /dev/null
+++ b/web/client/src/sections/example/actions/index.js
@@ -0,0 +1,7 @@
+'use strict';
+
+import * as example from './example'
+
+export default {
+    ...example
+}
\ No newline at end of file
diff --git a/web/client/src/sections/example/containers/example.jsx b/web/client/src/sections/example/containers/example.jsx
new file mode 100644
index 0000000..63220fe
--- /dev/null
+++ b/web/client/src/sections/example/containers/example.jsx
@@ -0,0 +1,71 @@
+import React, { useEffect, useState } from 'react';
+import { connect } from 'react-redux';
+import { Spin, Card, Button } from '@douyinfe/semi-ui';
+import '../style.less'
+const { Meta } = Card;
+
+const Example = (props) => {
+   const { dispatch, actions, user, loading, socket } = props
+   useEffect(() => {
+      // ACTION 示例
+      //   dispatch(actions.example.getMembers(user.orgId))
+   }, [])
+
+   // websocket 使用测试
+   //    useEffect(() => {
+   //       console.log(socket)
+   //       if (socket) {
+   //          socket.on('TEST', function (msg) {
+   //             console.info(msg);
+   //          });
+   //          return () => {
+   //             socket.off("TEST");
+   //          }
+   //       }
+
+   //    }, [socket])
+
+   return (
+      <Spin tip="biubiubiu~" spinning={false}>
+         <div id='example'>
+            <div className="loader1">
+               <span></span>
+               <span></span>
+               <span></span>
+               <span></span>
+               <span></span>
+            </div>
+            <div className='loader2'>
+
+            </div>
+            <p>STYLE EXAMPLE</p>
+
+            <Button type="primary" onClick={() => setExportModalVs(true)}>test上传</Button>
+         </div>
+         {/* <Card
+            style={{ maxWidth: 300 }}
+            cover={
+               <img
+                  alt="example"
+                  src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/card-cover-docs-demo2.jpeg"
+               />
+            }
+         >
+            <Meta title="组件示例" />
+         </Card> */}
+      </Spin>
+   )
+}
+
+function mapStateToProps(state) {
+   const { auth, global, members, webSocket } = state;
+   return {
+      //   loading: members.isRequesting,
+      user: auth.user,
+      //   actions: global.actions,
+      //   members: members.data,
+      //   socket: webSocket.socket
+   };
+}
+
+export default connect(mapStateToProps)(Example);
diff --git a/web/client/src/sections/example/containers/index.js b/web/client/src/sections/example/containers/index.js
new file mode 100644
index 0000000..19e6695
--- /dev/null
+++ b/web/client/src/sections/example/containers/index.js
@@ -0,0 +1,5 @@
+'use strict';
+
+import Example from './example';
+
+export { Example };
\ No newline at end of file
diff --git a/web/client/src/sections/example/index.js b/web/client/src/sections/example/index.js
new file mode 100644
index 0000000..92c4b45
--- /dev/null
+++ b/web/client/src/sections/example/index.js
@@ -0,0 +1,15 @@
+'use strict';
+
+import reducers from './reducers';
+import routes from './routes';
+import actions from './actions';
+import { getNavItem } from './nav-item';
+
+export default {
+    key: 'example',
+    name: '书写示例',
+    reducers: reducers,
+    routes: routes,
+    actions: actions,
+    getNavItem: getNavItem
+};
\ No newline at end of file
diff --git a/web/client/src/sections/example/nav-item.jsx b/web/client/src/sections/example/nav-item.jsx
new file mode 100644
index 0000000..f781a94
--- /dev/null
+++ b/web/client/src/sections/example/nav-item.jsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import { IconCode } from '@douyinfe/semi-icons';
+import { Badge } from "@douyinfe/semi-ui";
+
+export function getNavItem (user, dispatch) {
+    return (
+        [
+            {
+                itemKey: 'example',
+                text: <Badge count={5}  type='danger' >举个栗子</Badge>,
+                icon: <IconCode />,
+                items: [
+                    {
+                        itemKey: 'e1',
+                        text:'举个棒子1',
+                        icon: <IconCode />,
+                        to: '/example/e1/c1',
+                        items: [{
+                            itemKey: 'c1', to: '/example/e1/c1', text: '举个锤子1'
+                        }]
+                    }, {
+                        itemKey: 'e2',
+                        text: '举个棒子2',
+                        icon: <IconCode />,
+                        to: '/example/e2/c2',
+                        items: [{
+                            itemKey: 'c2', to: '/example/e2/c2', text: '举个锤子2'
+                        }]
+                    },
+                ]
+            },
+        ]
+    );
+}
\ No newline at end of file
diff --git a/web/client/src/sections/example/reducers/index.js b/web/client/src/sections/example/reducers/index.js
new file mode 100644
index 0000000..7ed1088
--- /dev/null
+++ b/web/client/src/sections/example/reducers/index.js
@@ -0,0 +1,5 @@
+'use strict';
+
+export default {
+
+}
\ No newline at end of file
diff --git a/web/client/src/sections/example/routes.js b/web/client/src/sections/example/routes.js
new file mode 100644
index 0000000..246d691
--- /dev/null
+++ b/web/client/src/sections/example/routes.js
@@ -0,0 +1,35 @@
+'use strict';
+import { Example, } from './containers';
+
+export default [{
+    type: 'inner',
+    route: {
+        path: '/example',
+        key: 'example',
+        breadcrumb: '栗子',
+        // 不设置 component 则面包屑禁止跳转
+        childRoutes: [{
+            path: '/e1',
+            key: 'e1',
+            component: Example,
+            breadcrumb: '棒子1',
+            childRoutes:[{
+                path: '/c1',
+                key: 'c1',
+                component: Example,
+                breadcrumb: '锤子1',
+            }]
+        },{
+            path: '/e2',
+            key: 'e2',
+            // component: Example,
+            breadcrumb: '棒子2',
+            childRoutes:[{
+                path: '/c2',
+                key: 'c2',
+                component: Example,
+                breadcrumb: '锤子2',
+            }]
+        }]
+    }
+}];
\ No newline at end of file
diff --git a/web/client/src/sections/example/style.less b/web/client/src/sections/example/style.less
new file mode 100644
index 0000000..31650f6
--- /dev/null
+++ b/web/client/src/sections/example/style.less
@@ -0,0 +1,29 @@
+#example {
+    box-shadow: 3px 3px 2px black;
+}
+
+#example:hover {
+    color: yellowgreen;
+}
+ .loader2 {
+    width:25px;
+    height:25px;
+    display:inline-block;
+    padding:0px;
+    border-radius:100%;
+    border:5px solid;
+    border-top-color:rgba(254, 168, 23, 0.65);
+    border-bottom-color:rgba(57, 154, 219, 0.65);
+    border-left-color:rgba(188, 84, 93, 0.95);
+    border-right-color:rgba(137, 188, 79, 0.95);
+    -webkit-animation: loader2 2s ease-in-out infinite alternate;
+    animation: loader2 1s ease-in-out infinite alternate;
+ }
+ @keyframes loader2 {
+    from {transform: rotate(0deg);}
+    to {transform: rotate(720deg);}
+ }
+ @-webkit-keyframes loader2 {
+    from {-webkit-transform: rotate(0deg);}
+    to {-webkit-transform: rotate(720deg);}
+ }
\ No newline at end of file
diff --git a/web/client/src/sections/noMatch/actions/index.js b/web/client/src/sections/noMatch/actions/index.js
new file mode 100644
index 0000000..7ed1088
--- /dev/null
+++ b/web/client/src/sections/noMatch/actions/index.js
@@ -0,0 +1,5 @@
+'use strict';
+
+export default {
+
+}
\ No newline at end of file
diff --git a/web/client/src/sections/noMatch/containers/index.js b/web/client/src/sections/noMatch/containers/index.js
new file mode 100644
index 0000000..d1d4208
--- /dev/null
+++ b/web/client/src/sections/noMatch/containers/index.js
@@ -0,0 +1,5 @@
+'use strict';
+
+import NoMatch from './noMatch';
+
+export { NoMatch };
\ No newline at end of file
diff --git a/web/client/src/sections/noMatch/containers/noMatch.jsx b/web/client/src/sections/noMatch/containers/noMatch.jsx
new file mode 100644
index 0000000..f7f0b8c
--- /dev/null
+++ b/web/client/src/sections/noMatch/containers/noMatch.jsx
@@ -0,0 +1,28 @@
+import React, { useEffect } from 'react';
+import { connect } from 'react-redux';
+import moment from 'moment';
+import '../style.less'
+
+const NoMatch = (props) => {
+
+   return (
+      <div>
+         <div style={{ textAlign: 'center', padding: 120 }}>
+            <p style={{ fontSize: 80, lineHeight: 1.5 }}>404</p>
+            <p style={{ fontSize: 32, lineHeight: 2 }}>PAGE NOT FOUND</p>
+            <p>很遗憾，您暂时无法访问该页面。</p>
+            <p>请检查您访问的链接地址是否正确。</p>
+            <p style={{ marginTop: 80 }}>Copyright © {moment().year()} 飞尚运维服务</p>
+         </div>
+      </div>
+   )
+}
+
+function mapStateToProps (state) {
+   const { } = state;
+   return {
+      
+   };
+}
+
+export default connect(mapStateToProps)(NoMatch);
diff --git a/web/client/src/sections/noMatch/index.js b/web/client/src/sections/noMatch/index.js
new file mode 100644
index 0000000..4cb213d
--- /dev/null
+++ b/web/client/src/sections/noMatch/index.js
@@ -0,0 +1,15 @@
+'use strict';
+
+import reducers from './reducers';
+import routes from './routes';
+import actions from './actions';
+import { getNavItem } from './nav-item';
+
+export default {
+   key: 'noMatch',
+   name: '404',
+   reducers: reducers,
+   routes: routes,
+   actions: actions,
+   getNavItem: getNavItem
+};
\ No newline at end of file
diff --git a/web/client/src/sections/noMatch/nav-item.jsx b/web/client/src/sections/noMatch/nav-item.jsx
new file mode 100644
index 0000000..8cd9835
--- /dev/null
+++ b/web/client/src/sections/noMatch/nav-item.jsx
@@ -0,0 +1,5 @@
+export function getNavItem (user, dispatch) {
+   return (
+      []
+   );
+}
\ No newline at end of file
diff --git a/web/client/src/sections/noMatch/reducers/index.js b/web/client/src/sections/noMatch/reducers/index.js
new file mode 100644
index 0000000..7ed1088
--- /dev/null
+++ b/web/client/src/sections/noMatch/reducers/index.js
@@ -0,0 +1,5 @@
+'use strict';
+
+export default {
+
+}
\ No newline at end of file
diff --git a/web/client/src/sections/noMatch/routes.js b/web/client/src/sections/noMatch/routes.js
new file mode 100644
index 0000000..12e43c4
--- /dev/null
+++ b/web/client/src/sections/noMatch/routes.js
@@ -0,0 +1,11 @@
+'use strict';
+import { NoMatch, } from './containers';
+
+export default [{
+   type: 'outer',
+   route: {
+      path: '/noMatch',
+      key: 'noMatch',
+      component: NoMatch,
+   }
+}];
\ No newline at end of file
diff --git a/web/client/src/sections/noMatch/style.less b/web/client/src/sections/noMatch/style.less
new file mode 100644
index 0000000..e69de29
diff --git a/web/client/src/utils/authCode.js b/web/client/src/utils/authCode.js
new file mode 100644
index 0000000..971ccb5
--- /dev/null
+++ b/web/client/src/utils/authCode.js
@@ -0,0 +1,5 @@
+'use strict';
+
+export const AuthorizationCode = {
+    
+};
diff --git a/web/client/src/utils/func.js b/web/client/src/utils/func.js
new file mode 100644
index 0000000..9783a9f
--- /dev/null
+++ b/web/client/src/utils/func.js
@@ -0,0 +1,10 @@
+'use strict';
+
+export const isAuthorized = (authcode) => {
+   if (JSON.parse(sessionStorage.getItem('user'))) {
+      const { resources } = JSON.parse(sessionStorage.getItem('hrUser'));
+      return resources.includes(authcode);
+   } else {
+      return false;
+   }
+}
\ No newline at end of file
diff --git a/web/client/src/utils/index.js b/web/client/src/utils/index.js
new file mode 100644
index 0000000..0084428
--- /dev/null
+++ b/web/client/src/utils/index.js
@@ -0,0 +1,20 @@
+'use strict';
+import { isAuthorized } from './func';
+import { AuthorizationCode } from './authCode';
+import {
+   ApiTable, RouteTable,
+   AxyRequest, EmisRequest,
+   basicAction, RouteRequest
+} from './webapi'
+
+export {
+   isAuthorized,
+   AuthorizationCode,
+
+   RouteTable,
+   ApiTable,
+   AxyRequest,
+   EmisRequest,
+   basicAction,
+   RouteRequest,
+}
\ No newline at end of file
diff --git a/web/client/src/utils/webapi.js b/web/client/src/utils/webapi.js
new file mode 100644
index 0000000..05c141e
--- /dev/null
+++ b/web/client/src/utils/webapi.js
@@ -0,0 +1,27 @@
+"use strict";
+import { ProxyRequest, customWebUtils } from "@peace/utils";
+
+export const AxyRequest = new ProxyRequest("_axy");
+export const EmisRequest = new ProxyRequest("_emis")
+
+export const webUtils = new customWebUtils({
+   userKey: 'hrUser'
+});
+const { basicAction, RouteRequest } = webUtils
+export {
+   basicAction, RouteRequest
+}
+
+export const ApiTable = {
+   login: "login",
+   logout: "logout",
+
+   //项目报表
+   
+};
+export const RouteTable = {
+   apiRoot: "/api/root",
+   fileUpload: "/_upload/new",
+   cleanUpUploadTrash: "/_upload/cleanup",
+   getWeeklyService: '/_service/weekly'
+};
diff --git a/web/config.js b/web/config.js
new file mode 100644
index 0000000..6d9fe0d
--- /dev/null
+++ b/web/config.js
@@ -0,0 +1,127 @@
+'use strict';
+/*jslint node:true*/
+const path = require('path');
+/*这种以CommonJS的同步形式去引入其它模块的方式代码更加简洁:获取组件*/
+const os = require('os');
+const moment = require('moment');
+const args = require('args');
+const dev = process.env.NODE_ENV == 'development' || process.env.NODE_ENV == 'developmentVite';
+
+dev && console.log('\x1B[33m%s\x1b[0m', '请遵循并及时更新 readme.md，维护良好的开发环境，媛猿有责');
+// // 启动参数
+args.option(['p', 'port'], '启动端口');
+args.option(['u', 'api-url'], 'webapi的URL');
+args.option('apiHrUrl', 'webapi的URL 外网可访问');
+
+// 七牛
+args.option('qnak', 'qiniuAccessKey');
+args.option('qnsk', 'qiniuSecretKey');
+args.option('qnbkt', 'qiniuBucket');
+args.option('qndmn', 'qiniuDomain');
+
+//基本动作-周报后端服务
+args.option('wkys', 'weeklyServices');
+
+const flags = args.parse(process.argv);
+
+const API_URL = process.env.API_URL || flags.apiUrl;
+const API_HR_URL = process.env.API_HR_URL || flags.apiHrUrl;
+
+// 七牛
+const ANXINCLOUD_QINIU_AK = process.env.ANXINCLOUD_QINIU_ACCESSKEY || flags.qnak;
+const ANXINCLOUD_QINIU_SK = process.env.ANXINCLOUD_QINIU_SECRETKEY || flags.qnsk;
+const ANXINCLOUD_QINIU_BUCKET_RESOURCE = process.env.ANXINCLOUD_QINIU_BUCKET_RESOURCE || flags.qnbkt;
+const ANXINCLOUD_QINIU_DOMAIN_QNDMN_RESOURCE = process.env.ANXINCLOUD_QINIU_DOMAIN_QNDMN_RESOURCE || flags.qndmn;
+//后端服务
+const ANXINCLOUD_WEEKLY_SERVICES = process.env.ANXINCLOUD_WEEKLY_SERVICES || flags.wkys;   //周报统计服务
+
+
+if (
+   !API_URL
+   || !API_HR_URL
+   || !ANXINCLOUD_QINIU_AK || !ANXINCLOUD_QINIU_SK || !ANXINCLOUD_QINIU_BUCKET_RESOURCE || !ANXINCLOUD_QINIU_DOMAIN_QNDMN_RESOURCE
+) {
+   console.log('缺少启动参数，异常退出');
+   args.showHelp();
+   process.exit(-1);
+}
+
+const product = {
+   port: flags.port || 8080,
+   staticDirs: [path.join(__dirname, './client')],
+   mws: [{
+      entry: require('./middlewares/proxy').entry,
+      opts: {
+         host: API_URL,
+         match: /^\/_api\//,
+      }
+   }, {
+      entry: require('./middlewares/attachment').entry,
+      opts: {
+         qiniu: {
+            accessKey: ANXINCLOUD_QINIU_AK,
+            secretKey: ANXINCLOUD_QINIU_SK,
+            bucket: ANXINCLOUD_QINIU_BUCKET_RESOURCE,
+            domain: ANXINCLOUD_QINIU_DOMAIN_QNDMN_RESOURCE
+         },
+         maxSize: 20971520, // 20M
+         uploadPath: 'other'
+      }
+   }, {
+      entry: require('./routes').entry,
+      opts: {
+         apiUrl: API_HR_URL,
+         staticRoot: './client',
+         qiniu: {
+            fetchUrl: '/_file-server',
+            domain: ANXINCLOUD_QINIU_DOMAIN_QNDMN_RESOURCE
+         },
+         service: {
+            weekly: ANXINCLOUD_WEEKLY_SERVICES
+         }
+      }
+   }, {
+      entry: require('./client').entry,// 静态信息
+      opts: {}
+   }],
+   logger: {
+      level: 'debug',
+      json: false,
+      filename: path.join(__dirname, 'log', 'runtime.txt'),
+      colorize: true,
+      maxsize: 1024 * 1024 * 5,
+      rotationFormat: false,
+      zippedArchive: true,
+      maxFiles: 10,
+      prettyPrint: true,
+      label: '',
+      timestamp: () => moment().format('YYYY-MM-DD HH:mm:ss.SSS'),
+      eol: os.EOL,
+      tailable: true,
+      depth: null,
+      showLevel: true,
+      maxRetries: 1
+   }
+};
+
+let config;
+if (dev) {
+   config = {
+      port: product.port,
+      staticDirs: product.staticDirs,
+      mws: product.mws
+         .concat([
+               {
+                  entry: require('./middlewares/webpack-dev').entry,
+                  opts: {}
+               }
+         ])
+      ,
+      logger: product.logger
+   }
+   config.logger.filename = path.join(__dirname, 'log', 'development.txt');
+} else {
+   config = product;
+}
+
+module.exports = config;//区分开发和发布
\ No newline at end of file
diff --git a/web/jsconfig.json b/web/jsconfig.json
new file mode 100644
index 0000000..99271a0
--- /dev/null
+++ b/web/jsconfig.json
@@ -0,0 +1,15 @@
+{
+
+	"compilerOptions": {
+		"target": "es6",
+		"module": "commonjs",
+		"allowSyntheticDefaultImports": true
+	},
+	"exclude": [
+		"node_modules",
+		"bower_components",
+		"jspm_packages",
+		"tmp",
+		"temp"
+	]
+}
diff --git a/web/middlewares/attachment.js b/web/middlewares/attachment.js
new file mode 100644
index 0000000..16eb449
--- /dev/null
+++ b/web/middlewares/attachment.js
@@ -0,0 +1,23 @@
+/**
+ * Created by PengLing on 2018/1/2.
+ */
+'use strict';
+
+const Attachment = require('fs-attachment');
+
+module.exports = {
+    entry: function (app, router, opts) {
+        const attachment = new Attachment(opts);
+
+        app.fs = app.fs || {};
+        app.fs.attachment = attachment;
+
+        app.fs.logger.log('debug', 'init fs.attachment and inject it into app(app.fs.attachment) and runtime ctx(ctx.fs.attachment)');
+
+        return async (ctx, next) => {
+            ctx.fs = ctx.fs || {};
+            ctx.fs.attachment = attachment;
+            await next();
+        };
+    }
+};
diff --git a/web/middlewares/proxy.js b/web/middlewares/proxy.js
new file mode 100644
index 0000000..c9a2623
--- /dev/null
+++ b/web/middlewares/proxy.js
@@ -0,0 +1,16 @@
+'use strict';
+
+const proxy = require('koa-proxy');
+const convert = require('koa-convert');
+
+module.exports = {
+    entry: function (app, router, opts) {
+        app.use(convert(proxy({
+            host: opts.host,
+            match: opts.match,
+            map: function (path) {
+                return path.replace(opts.match, '');
+            }
+        })));
+    }
+};
\ No newline at end of file
diff --git a/web/middlewares/webpack-dev.js b/web/middlewares/webpack-dev.js
new file mode 100644
index 0000000..4e4260a
--- /dev/null
+++ b/web/middlewares/webpack-dev.js
@@ -0,0 +1,57 @@
+'use strict';
+const express = require('express')
+const webpack = require('webpack');
+const devConfig = require('../webpack.config');
+const middleware = require('webpack-dev-middleware');
+const proxy = require('koa-better-http-proxy');
+const url = require('url');
+
+const compiler = webpack(devConfig);
+
+module.exports = {
+   entry: function (app, router, opts) {
+      app.use(proxy('http://localhost:5701', {
+         filter: function (ctx) {
+            return /\/build/.test(url.parse(ctx.url).path);
+         },
+         proxyReqPathResolver: function (ctx) {
+            return 'client' + url.parse(ctx.url).path;
+         }
+      }));
+
+      app.use(proxy('http://localhost:5701', {
+         filter: function (ctx) {
+            return /\/$/.test(url.parse(ctx.url).path);
+         },
+         proxyReqPathResolver: function (ctx) {
+            return 'client/build/index.html';
+         }
+      }));
+
+      const server = express();
+
+      // server.use(require("webpack-hot-middleware")(compiler));
+
+      server.all("*", function (req, res, next) {
+         //设置允许跨域的域名，*代表允许任意域名跨域
+         res.header("Access-Control-Allow-Origin", "*");
+         //允许的header类型
+         res.header("Access-Control-Allow-Headers", "content-type");
+         //跨域允许的请求方式 
+         res.header("Access-Control-Allow-Methods", "DELETE,PUT,POST,GET,OPTIONS");
+         if (req.method == 'OPTIONS')
+            res.sendStatus(200); //让options尝试请求快速结束
+         else
+            next();
+      });
+
+      server.use(middleware(compiler));
+      server.listen('5701', function (err) {
+         if (err) {
+            console.error(err);
+         } else {
+            console.info(`webpack-dev listen 5701`);
+         }
+      })
+   }
+};
diff --git a/web/package.json b/web/package.json
new file mode 100644
index 0000000..19c0923
--- /dev/null
+++ b/web/package.json
@@ -0,0 +1,82 @@
+{
+   "name": "fs-anxincloud-4.0",
+   "version": "1.0.0",
+   "description": "anxincloud-4.0",
+   "main": "server.js",
+   "scripts": {
+      "test": "mocha",
+      "start-vite": "cross-env NODE_ENV=developmentVite npm run start-params",
+      "start": "cross-env NODE_ENV=development npm run start-params",
+      "start-params": "node server -p 5700 -u http://localhost:4700 --apiHrUrl http://localhost:4700 --qnak XuDgkao6cL0HidoMAPnA5OB10Mc_Ew08mpIfRJK5 --qnsk yewcieZLzKZuDfig0wLZ9if9jKp2P_1jd3CMJPSa --qnbkt dev-hr --qndmn http://rjkwed13l.hn-bkt.clouddn.com --wkys http://10.8.30.109:14000",
+      "deploy": "export NODE_ENV=production&& npm run build && node server",
+      "build-dev": "cross-env NODE_ENV=development&&webpack --config webpack.config.js",
+      "build": "cross-env NODE_ENV=production&&webpack --config webpack.config.prod.js"
+   },
+   "keywords": [
+      "app"
+   ],
+   "author": "",
+   "license": "ISC",
+   "devDependencies": {
+      "@babel/core": "^7.14.6",
+      "@babel/plugin-proposal-class-properties": "^7.14.5",
+      "@babel/plugin-proposal-object-rest-spread": "^7.14.7",
+      "@babel/plugin-transform-runtime": "^7.14.5",
+      "@babel/polyfill": "^7.12.1",
+      "@babel/preset-env": "^7.14.7",
+      "@babel/preset-react": "^7.14.5",
+      "babel-loader": "^8.2.2",
+      "babel-plugin-import": "^1.13.3",
+      "connected-react-router": "^6.8.0",
+      "cross-env": "^7.0.3",
+      "css-loader": "^3.5.0",
+      "express": "^4.17.1",
+      "file-loader": "^6.0.0",
+      "html-webpack-plugin": "^4.5.0",
+      "immutable": "^4.0.0-rc.12",
+      "less": "^3.12.2",
+      "less-loader": "^7.0.2",
+      "nprogress": "^0.2.0",
+      "react": "^17.0.0",
+      "react-dom": "^17.0.0",
+      "react-redux": "^7.2.1",
+      "react-router-dom": "^5.2.0",
+      "react-router-redux": "^4.0.8",
+      "redux": "^4.0.5",
+      "redux-thunk": "^2.3.0",
+      "style-loader": "^2.0.0"
+   },
+   "dependencies": {
+      "@douyinfe/semi-ui": "2.8.0",
+      "@douyinfe/semi-webpack-plugin": "^2.13.0",
+      "@micro-zoe/micro-app": "^1.0.0-alpha.1",
+      "@peace/utils": "^0.0.64",
+      "@semi-bot/semi-theme-fscamera": "^1.0.0",
+      "args": "^5.0.1",
+      "babel-polyfill": "^6.26.0",
+      "copy-to-clipboard": "^3.3.1",
+      "echarts": "^5.3.3",
+      "echarts-for-react": "^3.0.2",
+      "ezuikit-js": "^0.6.1",
+      "fs-attachment": "^1.0.0",
+      "fs-web-server-scaffold": "^1.0.6",
+      "js-export-excel": "^1.1.4",
+      "koa-better-http-proxy": "^0.2.5",
+      "koa-proxy": "^1.0.0-alpha.3",
+      "koa-view": "^2.1.4",
+      "moment": "^2.29.3",
+      "npm": "^7.20.6",
+      "perfect-scrollbar": "^1.5.5",
+      "qs": "^6.10.5",
+      "screenfull": "5.2.0",
+      "socket.io-client": "^1.7.4",
+      "socket.io-parser": "^3.4.1",
+      "superagent": "^6.1.0",
+      "webpack": "^5.3.2",
+      "webpack-bundle-analyzer": "^4.1.0",
+      "webpack-cli": "^4.2.0",
+      "webpack-dev-middleware": "^4.0.2",
+      "webpack-dev-server": "^3.11.2",
+      "webpack-hot-middleware": "^2.25.0"
+   }
+}
diff --git a/web/readme.md b/web/readme.md
new file mode 100644
index 0000000..6204d4d
--- /dev/null
+++ b/web/readme.md
@@ -0,0 +1,213 @@
+创建时间：2021/08/19
+
+## 1. 文档维护：
+
+- 文档相关内容若有更改，请及时更新文档，以备后来者查询；
+
+## 2. 项目开发：
+
+- 请遵循此文档约定的目录结构与约定
+
+```js
+    |-- .babelrc
+    |-- config.js
+    |-- Dockerfile
+    |-- jsconfig.json
+    |-- package.json
+    |-- readme.md
+    |-- server.js
+    |-- webpack.config.js
+    |-- webpack.config.prod.js
+    |-- .vscode
+    |   |-- launch.json
+    |   |-- settings.json
+    |-- client
+    |   |-- index.ejs
+    |   |-- index.html                      // 当前 html 文件
+    |   |-- index.js
+    |   |-- assets                          // 资源文件
+    |   |   |-- images
+    |   |       |-- avatar
+    |   |-- src                             // 项目代码
+    |       |-- app.js                      // 由此开始并加载模块
+    |       |-- index.js                    
+    |       |-- components                  // 公用组件
+    |       |   |-- index.js                // 由此导出组件
+    |       |   |-- Upload
+    |       |       |-- index.js
+    |       |-- layout                      // 项目布局以及初始化等操作
+    |       |   |-- index.js
+    |       |   |-- actions
+    |       |   |   |-- global.js
+    |       |   |-- components
+    |       |   |   |-- footer
+    |       |   |   |   |-- index.js
+    |       |   |   |-- header
+    |       |   |   |   |-- index.js
+    |       |   |   |-- sider
+    |       |   |       |-- index.js
+    |       |   |-- containers
+    |       |   |   |-- index.js
+    |       |   |   |-- layout
+    |       |   |   |   |-- index.js
+    |       |   |   |   |-- index.less
+    |       |   |   |-- no-match
+    |       |   |       |-- index.js
+    |       |   |-- reducers
+    |       |   |   |-- ajaxResponse.js
+    |       |   |   |-- global.js            // 全局数据，主要包含屏幕可视宽高、所有的 action 等
+    |       |   |   |-- index.js
+    |       |   |-- store
+    |       |       |-- index.js
+    |       |       |-- store.dev.js
+    |       |       |-- store.prod.js
+    |       |-- sections                     // 各功能模块
+    |       |   |-- auth                     // 比较特别的 Auth 模块，目前 action、reducer 依然采用原始写法；包含登录、忘记密码等项目基本功能页面
+    |       |   |   |-- index.js
+    |       |   |   |-- routes.js
+    |       |   |   |-- actions
+    |       |   |   |   |-- auth.js
+    |       |   |   |   |-- index.js
+    |       |   |   |-- components
+    |       |   |   |-- containers
+    |       |   |   |   |-- index.js
+    |       |   |   |   |-- login.js
+    |       |   |   |-- reducers
+    |       |   |   |   |-- auth.js
+    |       |   |   |   |-- index.js
+    |       |   |   |-- __tests__
+    |       |   |-- example                   // 示例模块，一般的功能模块应遵循此结构
+    |       |       |-- index.js              // 由此导出该模块信息，应包括一个 key 值，actions 等
+    |       |       |-- nav-item.js           // 用于生成菜单项，此文件内可以进行权限判断
+    |       |       |-- routes.js             // 路由文件
+    |       |       |-- style.less            // 样式文件，若样式并不是非常多，每个模块一个样式文件即可
+    |       |       |-- actions                 
+    |       |       |   |-- example.js        // 具体的 action 操作
+    |       |       |   |-- index.js          // 由此导出该项目的 action
+    |       |       |-- components            // 组件
+    |       |       |-- containers            // 容器，此文件夹内应只包括该模块第一层级的页面
+    |       |       |   |-- example.js
+    |       |       |   |-- index.js
+    |       |       |-- reducers              // 若采用封装后的 action 写法，则 reducer 可不写
+    |       |           |-- index.js
+    |       |-- utils                         //
+    |           |-- authCode.js
+    |           |-- func.js                   // 常用函数
+    |           |-- index.js
+    |           |-- webapi.js                 // api 路由
+    |-- log
+    |-- middlewares
+    |   |-- proxy.js
+    |   |-- webpack-dev.js
+    |-- routes
+    |   |-- index.js
+    |   |-- attachment
+    |-- typings
+        |-- node
+        |   |-- node.d.ts
+        |-- react
+            |-- react.d.ts
+```
+
+- 封装后一般 action 写法：
+
+    `@peace/utils 的 actionHelp 中有详细注释`
+
+    ``` js
+    'use strict';
+
+    import { ApiTable ,basicAction} from '$utils'
+
+    export function getMembers(orgId) {
+        return dispatch => basicAction({
+            type: 'get',
+            dispatch: dispatch,
+            actionType: 'GET_MEMBERS',
+            url: `${ApiTable.getEnterprisesMembers.replace('{enterpriseId}', orgId)}`,
+            msg: { error: '获取用户列表失败' },
+            reducer: { name: 'members' }
+        });
+    }
+    ```
+
+1. 若 type=post，则可以使用 data 属性发送对象格式数据；
+
+2. reducer.name 会作为该 action 对应的 reducer 的名字，从 state 里可以解构此变量，获得该 action 异步或其他操作获得的数据；
+
+3. msg 可以发送 `{ option:'获取用户列表' }` ，则 actionHelp 会自动将其处理为失败和成功两种情况；
+
+    若单独写 success 或 error 的 key，则只在成功或失败的时候进行提示；
+
+4. 后续可以优化：type=get 时候，
+
+    使用 query 属性将数据传递，在 @peace/utils 的 actionHelp 中将其添加到路由后面；eg. `{ enterpriseId: orgId }`
+
+    使用 replace 属性传递对象数据，对象数据中将被替换的值为key，替换的值为 value，然后再 actionHelp 中更改路由；eg. `{ "{enterpriseId}": orgId}`
+
+5. 最终取得的 reducer 中的数据格式一般为：
+    ``` js
+    {
+        data: xxx,           // 接口返回的数据格式
+        isRequesting: false, // 请求状态
+        success: true,       // 以此判断请求是否成功，不用再以 payload.type 判断
+    }
+    ```
+
+- actions 的引用
+
+    从 reducer 的 state.global.actions 里引用具体 action
+
+    ```js
+    const Example = (props) => {
+        const { dispatch, actions, user, loading } = props
+
+        useEffect(() => {
+            dispatch(actions.example.getMembers(user.orgId))
+        }, [])
+
+        return (
+            <Spin tip="biubiubiu~" spinning={loading}>
+                example
+            </Spin>
+        )
+    }
+
+    function mapStateToProps(state) {
+        const { auth, global, members } = state;
+        return {
+            loading: members.isRequesting,
+            user: auth.user,
+            actions: global.actions,
+            members: members.data
+        };
+    }
+
+    export default connect(mapStateToProps)(Example);
+    ```
+
+- 一般路由配置
+    ```js
+    'use strict';
+    import { Example, } from './containers';
+
+    export default [{
+        type: 'inner',                // 是否在layout 内，如果为outer，则看不到 header、footer、sider等布局，比如登陆页面
+        route: {
+            path: '/example',
+            key: 'example',
+            breadcrumb: '栗子',
+                                      // 不设置 component 则面包屑禁止跳转
+            childRoutes: [{          
+                path: '/e1',          // 自路由不必复写父路由内容，会自动拼接； 则此处组件的实际路由为 /example/e1
+                key: 'e1',          
+                component: Example,
+                breadcrumb: '棒子',
+            }]
+        }
+    }];
+    ```
+- cross-env 的使用限制
+
+    cross-env 可以统一不同操作系统下环境变量的导出方式，不用再在 windows 下写 set；linux 下写 export； 可以统一以 cross-env NODE_ENV=DEV 代替；
+
+    但是这样的话就不能在同一条运行的命令中使用 && 切割，因为会把命令切割为两个环境，则最终拿不到我们设置的变量；
\ No newline at end of file
diff --git a/web/routes/attachment/index.js b/web/routes/attachment/index.js
new file mode 100644
index 0000000..d0876f7
--- /dev/null
+++ b/web/routes/attachment/index.js
@@ -0,0 +1,114 @@
+'use strict';
+const request = require('superagent');
+// const parse = require('async-busboy');
+// const path = require('path')
+// const fs = require('fs');
+
+const ext = {
+   project: [".txt", ".dwg", ".doc", ".docx", ".xls", ".xlsx", ".pdf", ".png", ".jpg", ".svg"],
+   report: [".doc", ".docx", ".xls", ".xlsx", ".pdf"],
+   data: [".txt", ".xls", ".xlsx"],
+   image: [".png", ".jpg", ".svg"],
+   three: [".js"],
+   video: [".mp4"],
+   bpmn: [".bpmn", ".bpmn20.xml", ".zip", ".bar"],
+   app: [".apk"],
+   excel: ['.xls', '.xlsx', '.csv'],
+}
+
+module.exports = {
+   entry: function (app, router, opts) {
+
+      const getApiRoot = async function (ctx) {
+         const { apiUrl } = opts;
+
+         ctx.status = 200;
+         ctx.body = {
+            root: apiUrl,
+         };
+      };
+
+      let download = async function (ctx, next) {
+         const { fetchUrl } = opts.qiniu;
+         if (ctx.path && ctx.path.includes(fetchUrl)) {
+            try {
+               const { filename } = ctx.request.query;
+               const fkey = decodeURI(ctx.path.slice(fetchUrl.length + 1)).replace(/\.json$/, '.js');
+               const publicDownloadUrl = await app.fs.attachment.download(fkey);
+               ctx.status = 200;
+               if (filename) ctx.attachment(filename);
+               ctx.body = request.get(publicDownloadUrl);
+            } catch (err) {
+               ctx.fs.logger.error(err);
+               ctx.status = 404;
+               ctx.body = { error: 'file not found.' }
+            }
+         } else {
+            await next();
+         }
+      }
+
+
+      let upload = async function (ctx, next) {
+         try {
+            console.log('-------------');
+            const { token } = ctx.request.query
+            console.log(token);
+            if (token) {
+               const { files } = await parse(ctx.req)
+               const file = files[0]
+               const extname = path.extname(file.filename).toLowerCase()
+               const ftype = ctx.query.type;
+               if (!(FILE_TYPE[ftype] || []).includes(extname)) {
+                  ctx.status = 400
+                  ctx.body = { error: '文件格式无效' }
+                  return;
+               }
+               const fileInfo = await app.fs.attachment.upload(file, { uploadPath: ftype }) // uploadPath: 附件存放的文件夹
+               ctx.status = 200;
+               console.log(fileInfo);
+               console.log('0000000000000000000000');
+
+               ctx.body = { uploaded: fileInfo.key } // key: `${uploadPath}/${uuid}/${filename}`
+            } else {
+               ctx.status = 403
+               ctx.body = { name: 'Forbidden', message: 'token无效，禁止访问' }
+            }
+         } catch (err) {
+            ctx.status = 400
+            ctx.body = {
+               name: 'BadRequest',
+               message: 'error happened while uploading file to qiniu.'
+            }
+         }
+      }
+
+      let remove = async function (ctx, next) {
+         try {
+            const { token } = ctx.request.query
+            if (token) {
+               const { fkeys } = ctx.request.body
+               for (let index = 0; index < fkeys.length; index++) {
+                  await app.fs.attachment.remove(fkeys[index])
+               }
+               ctx.status = 200
+               ctx.body = { fkeys }
+            } else {
+               ctx.status = 403
+               ctx.body = { name: 'Forbidden', message: 'token无效，禁止访问' }
+            }
+         } catch (err) {
+            ctx.status = 400
+            ctx.body = {
+               name: 'BadRequest',
+               message: 'error happened while removing file from qiniu.'
+            }
+         }
+      }
+
+      router.use(download);
+      router.get('/api/root', getApiRoot);
+      router.post('/file/qiniu/upload', upload);
+      router.post('/file/qiniu/remove', remove);
+   }
+};
diff --git a/web/routes/index.js b/web/routes/index.js
new file mode 100644
index 0000000..e81bfaa
--- /dev/null
+++ b/web/routes/index.js
@@ -0,0 +1,20 @@
+/**
+ * Created by liu.xinyi
+ * on 2016/7/7.
+ */
+'use strict';
+const path = require('path');
+const fs = require('fs');
+
+module.exports = {
+    entry: function (app, router, opts) {
+        fs.readdirSync(__dirname).forEach(function (dir) {
+            if(fs.lstatSync(path.join(__dirname, dir)).isDirectory()){
+                fs.readdirSync(path.join(__dirname, dir)).forEach(function (api) {
+                    require(`./${dir}/${api}`).entry(app, router, opts);
+                    app.fs.logger.log('info', '[Router]', 'Inject api:', dir + '/' + path.basename(api, '.js'));
+                });
+            }
+        });
+    }
+};
\ No newline at end of file
diff --git a/web/server.js b/web/server.js
new file mode 100644
index 0000000..9e2474a
--- /dev/null
+++ b/web/server.js
@@ -0,0 +1,8 @@
+'use strict';
+/*jslint node:true*/
+//from koa
+
+const scaffold = require('fs-web-server-scaffold');
+const config = require('./config.js');
+
+module.exports = scaffold(config);
\ No newline at end of file
diff --git a/web/typings/node/node.d.ts b/web/typings/node/node.d.ts
new file mode 100644
index 0000000..bad534c
--- /dev/null
+++ b/web/typings/node/node.d.ts
@@ -0,0 +1,2599 @@
+// Type definitions for Node.js v6.x
+// Project: http://nodejs.org/
+// Definitions by: Microsoft TypeScript <http://typescriptlang.org>, DefinitelyTyped <https://github.com/DefinitelyTyped/DefinitelyTyped>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/************************************************
+*                                               *
+*               Node.js v6.x API                *
+*                                               *
+************************************************/
+
+interface Error {
+    stack?: string;
+}
+
+interface ErrorConstructor {
+    captureStackTrace(targetObject: Object, constructorOpt?: Function): void;
+    stackTraceLimit: number;
+}
+
+// compat for TypeScript 1.8
+// if you use with --target es3 or --target es5 and use below definitions,
+// use the lib.es6.d.ts that is bundled with TypeScript 1.8.
+interface MapConstructor { }
+interface WeakMapConstructor { }
+interface SetConstructor { }
+interface WeakSetConstructor { }
+
+/************************************************
+*                                               *
+*                   GLOBAL                      *
+*                                               *
+************************************************/
+declare var process: NodeJS.Process;
+declare var global: NodeJS.Global;
+
+declare var __filename: string;
+declare var __dirname: string;
+
+declare function setTimeout(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timer;
+declare function clearTimeout(timeoutId: NodeJS.Timer): void;
+declare function setInterval(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timer;
+declare function clearInterval(intervalId: NodeJS.Timer): void;
+declare function setImmediate(callback: (...args: any[]) => void, ...args: any[]): any;
+declare function clearImmediate(immediateId: any): void;
+
+interface NodeRequireFunction {
+    (id: string): any;
+}
+
+interface NodeRequire extends NodeRequireFunction {
+    resolve(id: string): string;
+    cache: any;
+    extensions: any;
+    main: any;
+}
+
+declare var require: NodeRequire;
+
+interface NodeModule {
+    exports: any;
+    require: NodeRequireFunction;
+    id: string;
+    filename: string;
+    loaded: boolean;
+    parent: any;
+    children: any[];
+}
+
+declare var module: NodeModule;
+
+// Same as module.exports
+declare var exports: any;
+declare var SlowBuffer: {
+    new (str: string, encoding?: string): Buffer;
+    new (size: number): Buffer;
+    new (size: Uint8Array): Buffer;
+    new (array: any[]): Buffer;
+    prototype: Buffer;
+    isBuffer(obj: any): boolean;
+    byteLength(string: string, encoding?: string): number;
+    concat(list: Buffer[], totalLength?: number): Buffer;
+};
+
+
+// Buffer class
+type BufferEncoding = "ascii" | "utf8" | "utf16le" | "ucs2" | "binary" | "hex";
+interface Buffer extends NodeBuffer { }
+
+/**
+ * Raw data is stored in instances of the Buffer class.
+ * A Buffer is similar to an array of integers but corresponds to a raw memory allocation outside the V8 heap.  A Buffer cannot be resized.
+ * Valid string encodings: 'ascii'|'utf8'|'utf16le'|'ucs2'(alias of 'utf16le')|'base64'|'binary'(deprecated)|'hex'
+ */
+declare var Buffer: {
+    /**
+     * Allocates a new buffer containing the given {str}.
+     *
+     * @param str String to store in buffer.
+     * @param encoding encoding to use, optional.  Default is 'utf8'
+     */
+    new (str: string, encoding?: string): Buffer;
+    /**
+     * Allocates a new buffer of {size} octets.
+     *
+     * @param size count of octets to allocate.
+     */
+    new (size: number): Buffer;
+    /**
+     * Allocates a new buffer containing the given {array} of octets.
+     *
+     * @param array The octets to store.
+     */
+    new (array: Uint8Array): Buffer;
+    /**
+     * Produces a Buffer backed by the same allocated memory as
+     * the given {ArrayBuffer}.
+     *
+     *
+     * @param arrayBuffer The ArrayBuffer with which to share memory.
+     */
+    new (arrayBuffer: ArrayBuffer): Buffer;
+    /**
+     * Allocates a new buffer containing the given {array} of octets.
+     *
+     * @param array The octets to store.
+     */
+    new (array: any[]): Buffer;
+    /**
+     * Copies the passed {buffer} data onto a new {Buffer} instance.
+     *
+     * @param buffer The buffer to copy.
+     */
+    new (buffer: Buffer): Buffer;
+    prototype: Buffer;
+    /**
+     * Allocates a new Buffer using an {array} of octets.
+     *
+     * @param array
+     */
+    from(array: any[]): Buffer;
+    /**
+     * When passed a reference to the .buffer property of a TypedArray instance,
+     * the newly created Buffer will share the same allocated memory as the TypedArray.
+     * The optional {byteOffset} and {length} arguments specify a memory range
+     * within the {arrayBuffer} that will be shared by the Buffer.
+     *
+     * @param arrayBuffer The .buffer property of a TypedArray or a new ArrayBuffer()
+     * @param byteOffset
+     * @param length
+     */
+    from(arrayBuffer: ArrayBuffer, byteOffset?: number, length?: number): Buffer;
+    /**
+     * Copies the passed {buffer} data onto a new Buffer instance.
+     *
+     * @param buffer
+     */
+    from(buffer: Buffer): Buffer;
+    /**
+     * Creates a new Buffer containing the given JavaScript string {str}.
+     * If provided, the {encoding} parameter identifies the character encoding.
+     * If not provided, {encoding} defaults to 'utf8'.
+     *
+     * @param str
+     */
+    from(str: string, encoding?: string): Buffer;
+    /**
+     * Returns true if {obj} is a Buffer
+     *
+     * @param obj object to test.
+     */
+    isBuffer(obj: any): obj is Buffer;
+    /**
+     * Returns true if {encoding} is a valid encoding argument.
+     * Valid string encodings in Node 0.12: 'ascii'|'utf8'|'utf16le'|'ucs2'(alias of 'utf16le')|'base64'|'binary'(deprecated)|'hex'
+     *
+     * @param encoding string to test.
+     */
+    isEncoding(encoding: string): boolean;
+    /**
+     * Gives the actual byte length of a string. encoding defaults to 'utf8'.
+     * This is not the same as String.prototype.length since that returns the number of characters in a string.
+     *
+     * @param string string to test.
+     * @param encoding encoding used to evaluate (defaults to 'utf8')
+     */
+    byteLength(string: string, encoding?: string): number;
+    /**
+     * Returns a buffer which is the result of concatenating all the buffers in the list together.
+     *
+     * If the list has no items, or if the totalLength is 0, then it returns a zero-length buffer.
+     * If the list has exactly one item, then the first item of the list is returned.
+     * If the list has more than one item, then a new Buffer is created.
+     *
+     * @param list An array of Buffer objects to concatenate
+     * @param totalLength Total length of the buffers when concatenated.
+     *   If totalLength is not provided, it is read from the buffers in the list. However, this adds an additional loop to the function, so it is faster to provide the length explicitly.
+     */
+    concat(list: Buffer[], totalLength?: number): Buffer;
+    /**
+     * The same as buf1.compare(buf2).
+     */
+    compare(buf1: Buffer, buf2: Buffer): number;
+    /**
+     * Allocates a new buffer of {size} octets.
+     *
+     * @param size count of octets to allocate.
+     * @param fill if specified, buffer will be initialized by calling buf.fill(fill).
+     *    If parameter is omitted, buffer will be filled with zeros.
+     * @param encoding encoding used for call to buf.fill while initalizing
+     */
+    alloc(size: number, fill?: string | Buffer | number, encoding?: string): Buffer;
+    /**
+     * Allocates a new buffer of {size} octets, leaving memory not initialized, so the contents
+     * of the newly created Buffer are unknown and may contain sensitive data.
+     *
+     * @param size count of octets to allocate
+     */
+    allocUnsafe(size: number): Buffer;
+    /**
+     * Allocates a new non-pooled buffer of {size} octets, leaving memory not initialized, so the contents
+     * of the newly created Buffer are unknown and may contain sensitive data.
+     *
+     * @param size count of octets to allocate
+     */
+    allocUnsafeSlow(size: number): Buffer;
+};
+
+/************************************************
+*                                               *
+*               GLOBAL INTERFACES               *
+*                                               *
+************************************************/
+declare namespace NodeJS {
+    export interface ErrnoException extends Error {
+        errno?: number;
+        code?: string;
+        path?: string;
+        syscall?: string;
+        stack?: string;
+    }
+
+    export interface EventEmitter {
+        addListener(event: string, listener: Function): this;
+        on(event: string, listener: Function): this;
+        once(event: string, listener: Function): this;
+        removeListener(event: string, listener: Function): this;
+        removeAllListeners(event?: string): this;
+        setMaxListeners(n: number): this;
+        getMaxListeners(): number;
+        listeners(event: string): Function[];
+        emit(event: string, ...args: any[]): boolean;
+        listenerCount(type: string): number;
+    }
+
+    export interface ReadableStream extends EventEmitter {
+        readable: boolean;
+        read(size?: number): string | Buffer;
+        setEncoding(encoding: string): void;
+        pause(): void;
+        resume(): void;
+        pipe<T extends WritableStream>(destination: T, options?: { end?: boolean; }): T;
+        unpipe<T extends WritableStream>(destination?: T): void;
+        unshift(chunk: string): void;
+        unshift(chunk: Buffer): void;
+        wrap(oldStream: ReadableStream): ReadableStream;
+    }
+
+    export interface WritableStream extends EventEmitter {
+        writable: boolean;
+        write(buffer: Buffer | string, cb?: Function): boolean;
+        write(str: string, encoding?: string, cb?: Function): boolean;
+        end(): void;
+        end(buffer: Buffer, cb?: Function): void;
+        end(str: string, cb?: Function): void;
+        end(str: string, encoding?: string, cb?: Function): void;
+    }
+
+    export interface ReadWriteStream extends ReadableStream, WritableStream { }
+
+    export interface Events extends EventEmitter { }
+
+    export interface Domain extends Events {
+        run(fn: Function): void;
+        add(emitter: Events): void;
+        remove(emitter: Events): void;
+        bind(cb: (err: Error, data: any) => any): any;
+        intercept(cb: (data: any) => any): any;
+        dispose(): void;
+
+        addListener(event: string, listener: Function): this;
+        on(event: string, listener: Function): this;
+        once(event: string, listener: Function): this;
+        removeListener(event: string, listener: Function): this;
+        removeAllListeners(event?: string): this;
+    }
+
+    export interface MemoryUsage {
+        rss: number;
+        heapTotal: number;
+        heapUsed: number;
+    }
+
+    export interface Process extends EventEmitter {
+        stdout: WritableStream;
+        stderr: WritableStream;
+        stdin: ReadableStream;
+        argv: string[];
+        execArgv: string[];
+        execPath: string;
+        abort(): void;
+        chdir(directory: string): void;
+        cwd(): string;
+        env: any;
+        exit(code?: number): void;
+        getgid(): number;
+        setgid(id: number): void;
+        setgid(id: string): void;
+        getuid(): number;
+        setuid(id: number): void;
+        setuid(id: string): void;
+        version: string;
+        versions: {
+            http_parser: string;
+            node: string;
+            v8: string;
+            ares: string;
+            uv: string;
+            zlib: string;
+            modules: string;
+            openssl: string;
+        };
+        config: {
+            target_defaults: {
+                cflags: any[];
+                default_configuration: string;
+                defines: string[];
+                include_dirs: string[];
+                libraries: string[];
+            };
+            variables: {
+                clang: number;
+                host_arch: string;
+                node_install_npm: boolean;
+                node_install_waf: boolean;
+                node_prefix: string;
+                node_shared_openssl: boolean;
+                node_shared_v8: boolean;
+                node_shared_zlib: boolean;
+                node_use_dtrace: boolean;
+                node_use_etw: boolean;
+                node_use_openssl: boolean;
+                target_arch: string;
+                v8_no_strict_aliasing: number;
+                v8_use_snapshot: boolean;
+                visibility: string;
+            };
+        };
+        kill(pid: number, signal?: string | number): void;
+        pid: number;
+        title: string;
+        arch: string;
+        platform: string;
+        memoryUsage(): MemoryUsage;
+        nextTick(callback: Function): void;
+        umask(mask?: number): number;
+        uptime(): number;
+        hrtime(time?: number[]): number[];
+        domain: Domain;
+
+        // Worker
+        send?(message: any, sendHandle?: any): void;
+        disconnect(): void;
+        connected: boolean;
+    }
+
+    export interface Global {
+        Array: typeof Array;
+        ArrayBuffer: typeof ArrayBuffer;
+        Boolean: typeof Boolean;
+        Buffer: typeof Buffer;
+        DataView: typeof DataView;
+        Date: typeof Date;
+        Error: typeof Error;
+        EvalError: typeof EvalError;
+        Float32Array: typeof Float32Array;
+        Float64Array: typeof Float64Array;
+        Function: typeof Function;
+        GLOBAL: Global;
+        Infinity: typeof Infinity;
+        Int16Array: typeof Int16Array;
+        Int32Array: typeof Int32Array;
+        Int8Array: typeof Int8Array;
+        Intl: typeof Intl;
+        JSON: typeof JSON;
+        Map: MapConstructor;
+        Math: typeof Math;
+        NaN: typeof NaN;
+        Number: typeof Number;
+        Object: typeof Object;
+        Promise: Function;
+        RangeError: typeof RangeError;
+        ReferenceError: typeof ReferenceError;
+        RegExp: typeof RegExp;
+        Set: SetConstructor;
+        String: typeof String;
+        Symbol: Function;
+        SyntaxError: typeof SyntaxError;
+        TypeError: typeof TypeError;
+        URIError: typeof URIError;
+        Uint16Array: typeof Uint16Array;
+        Uint32Array: typeof Uint32Array;
+        Uint8Array: typeof Uint8Array;
+        Uint8ClampedArray: Function;
+        WeakMap: WeakMapConstructor;
+        WeakSet: WeakSetConstructor;
+        clearImmediate: (immediateId: any) => void;
+        clearInterval: (intervalId: NodeJS.Timer) => void;
+        clearTimeout: (timeoutId: NodeJS.Timer) => void;
+        console: typeof console;
+        decodeURI: typeof decodeURI;
+        decodeURIComponent: typeof decodeURIComponent;
+        encodeURI: typeof encodeURI;
+        encodeURIComponent: typeof encodeURIComponent;
+        escape: (str: string) => string;
+        eval: typeof eval;
+        global: Global;
+        isFinite: typeof isFinite;
+        isNaN: typeof isNaN;
+        parseFloat: typeof parseFloat;
+        parseInt: typeof parseInt;
+        process: Process;
+        root: Global;
+        setImmediate: (callback: (...args: any[]) => void, ...args: any[]) => any;
+        setInterval: (callback: (...args: any[]) => void, ms: number, ...args: any[]) => NodeJS.Timer;
+        setTimeout: (callback: (...args: any[]) => void, ms: number, ...args: any[]) => NodeJS.Timer;
+        undefined: typeof undefined;
+        unescape: (str: string) => string;
+        gc: () => void;
+        v8debug?: any;
+    }
+
+    export interface Timer {
+        ref(): void;
+        unref(): void;
+    }
+}
+
+/**
+ * @deprecated
+ */
+interface NodeBuffer extends Uint8Array {
+    write(string: string, offset?: number, length?: number, encoding?: string): number;
+    toString(encoding?: string, start?: number, end?: number): string;
+    toJSON(): any;
+    equals(otherBuffer: Buffer): boolean;
+    compare(otherBuffer: Buffer): number;
+    copy(targetBuffer: Buffer, targetStart?: number, sourceStart?: number, sourceEnd?: number): number;
+    slice(start?: number, end?: number): Buffer;
+    writeUIntLE(value: number, offset: number, byteLength: number, noAssert?: boolean): number;
+    writeUIntBE(value: number, offset: number, byteLength: number, noAssert?: boolean): number;
+    writeIntLE(value: number, offset: number, byteLength: number, noAssert?: boolean): number;
+    writeIntBE(value: number, offset: number, byteLength: number, noAssert?: boolean): number;
+    readUIntLE(offset: number, byteLength: number, noAssert?: boolean): number;
+    readUIntBE(offset: number, byteLength: number, noAssert?: boolean): number;
+    readIntLE(offset: number, byteLength: number, noAssert?: boolean): number;
+    readIntBE(offset: number, byteLength: number, noAssert?: boolean): number;
+    readUInt8(offset: number, noAssert?: boolean): number;
+    readUInt16LE(offset: number, noAssert?: boolean): number;
+    readUInt16BE(offset: number, noAssert?: boolean): number;
+    readUInt32LE(offset: number, noAssert?: boolean): number;
+    readUInt32BE(offset: number, noAssert?: boolean): number;
+    readInt8(offset: number, noAssert?: boolean): number;
+    readInt16LE(offset: number, noAssert?: boolean): number;
+    readInt16BE(offset: number, noAssert?: boolean): number;
+    readInt32LE(offset: number, noAssert?: boolean): number;
+    readInt32BE(offset: number, noAssert?: boolean): number;
+    readFloatLE(offset: number, noAssert?: boolean): number;
+    readFloatBE(offset: number, noAssert?: boolean): number;
+    readDoubleLE(offset: number, noAssert?: boolean): number;
+    readDoubleBE(offset: number, noAssert?: boolean): number;
+    writeUInt8(value: number, offset: number, noAssert?: boolean): number;
+    writeUInt16LE(value: number, offset: number, noAssert?: boolean): number;
+    writeUInt16BE(value: number, offset: number, noAssert?: boolean): number;
+    writeUInt32LE(value: number, offset: number, noAssert?: boolean): number;
+    writeUInt32BE(value: number, offset: number, noAssert?: boolean): number;
+    writeInt8(value: number, offset: number, noAssert?: boolean): number;
+    writeInt16LE(value: number, offset: number, noAssert?: boolean): number;
+    writeInt16BE(value: number, offset: number, noAssert?: boolean): number;
+    writeInt32LE(value: number, offset: number, noAssert?: boolean): number;
+    writeInt32BE(value: number, offset: number, noAssert?: boolean): number;
+    writeFloatLE(value: number, offset: number, noAssert?: boolean): number;
+    writeFloatBE(value: number, offset: number, noAssert?: boolean): number;
+    writeDoubleLE(value: number, offset: number, noAssert?: boolean): number;
+    writeDoubleBE(value: number, offset: number, noAssert?: boolean): number;
+    fill(value: any, offset?: number, end?: number): this;
+    // TODO: encoding param
+    indexOf(value: string | number | Buffer, byteOffset?: number): number;
+    // TODO: entries
+    // TODO: includes
+    // TODO: keys
+    // TODO: values
+}
+
+/************************************************
+*                                               *
+*                   MODULES                     *
+*                                               *
+************************************************/
+declare module "buffer" {
+    export var INSPECT_MAX_BYTES: number;
+    var BuffType: typeof Buffer;
+    var SlowBuffType: typeof SlowBuffer;
+    export { BuffType as Buffer, SlowBuffType as SlowBuffer };
+}
+
+declare module "querystring" {
+    export interface StringifyOptions {
+        encodeURIComponent?: Function;
+    }
+
+    export interface ParseOptions {
+        maxKeys?: number;
+        decodeURIComponent?: Function;
+    }
+
+    export function stringify<T>(obj: T, sep?: string, eq?: string, options?: StringifyOptions): string;
+    export function parse(str: string, sep?: string, eq?: string, options?: ParseOptions): any;
+    export function parse<T extends {}>(str: string, sep?: string, eq?: string, options?: ParseOptions): T;
+    export function escape(str: string): string;
+    export function unescape(str: string): string;
+}
+
+declare module "events" {
+    export class EventEmitter implements NodeJS.EventEmitter {
+        static EventEmitter: EventEmitter;
+        static listenerCount(emitter: EventEmitter, event: string): number; // deprecated
+        static defaultMaxListeners: number;
+
+        addListener(event: string, listener: Function): this;
+        on(event: string, listener: Function): this;
+        once(event: string, listener: Function): this;
+        prependListener(event: string, listener: Function): this;
+        prependOnceListener(event: string, listener: Function): this;
+        removeListener(event: string, listener: Function): this;
+        removeAllListeners(event?: string): this;
+        setMaxListeners(n: number): this;
+        getMaxListeners(): number;
+        listeners(event: string): Function[];
+        emit(event: string, ...args: any[]): boolean;
+        eventNames(): string[];
+        listenerCount(type: string): number;
+    }
+}
+
+declare module "http" {
+    import * as events from "events";
+    import * as net from "net";
+    import * as stream from "stream";
+
+    export interface RequestOptions {
+        protocol?: string;
+        host?: string;
+        hostname?: string;
+        family?: number;
+        port?: number;
+        localAddress?: string;
+        socketPath?: string;
+        method?: string;
+        path?: string;
+        headers?: { [key: string]: any };
+        auth?: string;
+        agent?: Agent | boolean;
+    }
+
+    export interface Server extends events.EventEmitter, net.Server {
+        setTimeout(msecs: number, callback: Function): void;
+        maxHeadersCount: number;
+        timeout: number;
+    }
+    /**
+     * @deprecated Use IncomingMessage
+     */
+    export interface ServerRequest extends IncomingMessage {
+        connection: net.Socket;
+    }
+    export interface ServerResponse extends events.EventEmitter, stream.Writable {
+        // Extended base methods
+        write(buffer: Buffer): boolean;
+        write(buffer: Buffer, cb?: Function): boolean;
+        write(str: string, cb?: Function): boolean;
+        write(str: string, encoding?: string, cb?: Function): boolean;
+        write(str: string, encoding?: string, fd?: string): boolean;
+
+        writeContinue(): void;
+        writeHead(statusCode: number, reasonPhrase?: string, headers?: any): void;
+        writeHead(statusCode: number, headers?: any): void;
+        statusCode: number;
+        statusMessage: string;
+        headersSent: boolean;
+        setHeader(name: string, value: string | string[]): void;
+        setTimeout(msecs: number, callback: Function): ServerResponse;
+        sendDate: boolean;
+        getHeader(name: string): string;
+        removeHeader(name: string): void;
+        write(chunk: any, encoding?: string): any;
+        addTrailers(headers: any): void;
+
+        // Extended base methods
+        end(): void;
+        end(buffer: Buffer, cb?: Function): void;
+        end(str: string, cb?: Function): void;
+        end(str: string, encoding?: string, cb?: Function): void;
+        end(data?: any, encoding?: string): void;
+    }
+    export interface ClientRequest extends events.EventEmitter, stream.Writable {
+        // Extended base methods
+        write(buffer: Buffer): boolean;
+        write(buffer: Buffer, cb?: Function): boolean;
+        write(str: string, cb?: Function): boolean;
+        write(str: string, encoding?: string, cb?: Function): boolean;
+        write(str: string, encoding?: string, fd?: string): boolean;
+
+        write(chunk: any, encoding?: string): void;
+        abort(): void;
+        setTimeout(timeout: number, callback?: Function): void;
+        setNoDelay(noDelay?: boolean): void;
+        setSocketKeepAlive(enable?: boolean, initialDelay?: number): void;
+
+        setHeader(name: string, value: string | string[]): void;
+        getHeader(name: string): string;
+        removeHeader(name: string): void;
+        addTrailers(headers: any): void;
+
+        // Extended base methods
+        end(): void;
+        end(buffer: Buffer, cb?: Function): void;
+        end(str: string, cb?: Function): void;
+        end(str: string, encoding?: string, cb?: Function): void;
+        end(data?: any, encoding?: string): void;
+    }
+    export interface IncomingMessage extends events.EventEmitter, stream.Readable {
+        httpVersion: string;
+        headers: any;
+        rawHeaders: string[];
+        trailers: any;
+        rawTrailers: any;
+        setTimeout(msecs: number, callback: Function): NodeJS.Timer;
+        /**
+         * Only valid for request obtained from http.Server.
+         */
+        method?: string;
+        /**
+         * Only valid for request obtained from http.Server.
+         */
+        url?: string;
+        /**
+         * Only valid for response obtained from http.ClientRequest.
+         */
+        statusCode?: number;
+        /**
+         * Only valid for response obtained from http.ClientRequest.
+         */
+        statusMessage?: string;
+        socket: net.Socket;
+    }
+    /**
+     * @deprecated Use IncomingMessage
+     */
+    export interface ClientResponse extends IncomingMessage { }
+
+    export interface AgentOptions {
+        /**
+         * Keep sockets around in a pool to be used by other requests in the future. Default = false
+         */
+        keepAlive?: boolean;
+        /**
+         * When using HTTP KeepAlive, how often to send TCP KeepAlive packets over sockets being kept alive. Default = 1000.
+         * Only relevant if keepAlive is set to true.
+         */
+        keepAliveMsecs?: number;
+        /**
+         * Maximum number of sockets to allow per host. Default for Node 0.10 is 5, default for Node 0.12 is Infinity
+         */
+        maxSockets?: number;
+        /**
+         * Maximum number of sockets to leave open in a free state. Only relevant if keepAlive is set to true. Default = 256.
+         */
+        maxFreeSockets?: number;
+    }
+
+    export class Agent {
+        maxSockets: number;
+        sockets: any;
+        requests: any;
+
+        constructor(opts?: AgentOptions);
+
+        /**
+         * Destroy any sockets that are currently in use by the agent.
+         * It is usually not necessary to do this. However, if you are using an agent with KeepAlive enabled,
+         * then it is best to explicitly shut down the agent when you know that it will no longer be used. Otherwise,
+         * sockets may hang open for quite a long time before the server terminates them.
+         */
+        destroy(): void;
+    }
+
+    export var METHODS: string[];
+
+    export var STATUS_CODES: {
+        [errorCode: number]: string;
+        [errorCode: string]: string;
+    };
+    export function createServer(requestListener?: (request: IncomingMessage, response: ServerResponse) => void): Server;
+    export function createClient(port?: number, host?: string): any;
+    export function request(options: RequestOptions, callback?: (res: IncomingMessage) => void): ClientRequest;
+    export function get(options: any, callback?: (res: IncomingMessage) => void): ClientRequest;
+    export var globalAgent: Agent;
+}
+
+declare module "cluster" {
+    import * as child from "child_process";
+    import * as events from "events";
+
+    export interface ClusterSettings {
+        exec?: string;
+        args?: string[];
+        silent?: boolean;
+    }
+
+    export interface Address {
+        address: string;
+        port: number;
+        addressType: string;
+    }
+
+    export class Worker extends events.EventEmitter {
+        id: string;
+        process: child.ChildProcess;
+        suicide: boolean;
+        send(message: any, sendHandle?: any): void;
+        kill(signal?: string): void;
+        destroy(signal?: string): void;
+        disconnect(): void;
+        isConnected(): boolean;
+        isDead(): boolean;
+    }
+
+    export var settings: ClusterSettings;
+    export var isMaster: boolean;
+    export var isWorker: boolean;
+    export function setupMaster(settings?: ClusterSettings): void;
+    export function fork(env?: any): Worker;
+    export function disconnect(callback?: Function): void;
+    export var worker: Worker;
+    export var workers: {
+        [index: string]: Worker
+    };
+
+    // Event emitter
+    export function addListener(event: string, listener: Function): void;
+    export function on(event: "disconnect", listener: (worker: Worker) => void): void;
+    export function on(event: "exit", listener: (worker: Worker, code: number, signal: string) => void): void;
+    export function on(event: "fork", listener: (worker: Worker) => void): void;
+    export function on(event: "listening", listener: (worker: Worker, address: any) => void): void;
+    export function on(event: "message", listener: (worker: Worker, message: any) => void): void;
+    export function on(event: "online", listener: (worker: Worker) => void): void;
+    export function on(event: "setup", listener: (settings: any) => void): void;
+    export function on(event: string, listener: Function): any;
+    export function once(event: string, listener: Function): void;
+    export function removeListener(event: string, listener: Function): void;
+    export function removeAllListeners(event?: string): void;
+    export function setMaxListeners(n: number): void;
+    export function listeners(event: string): Function[];
+    export function emit(event: string, ...args: any[]): boolean;
+}
+
+declare module "zlib" {
+    import * as stream from "stream";
+    export interface ZlibOptions { chunkSize?: number; windowBits?: number; level?: number; memLevel?: number; strategy?: number; dictionary?: any; }
+
+    export interface Gzip extends stream.Transform { }
+    export interface Gunzip extends stream.Transform { }
+    export interface Deflate extends stream.Transform { }
+    export interface Inflate extends stream.Transform { }
+    export interface DeflateRaw extends stream.Transform { }
+    export interface InflateRaw extends stream.Transform { }
+    export interface Unzip extends stream.Transform { }
+
+    export function createGzip(options?: ZlibOptions): Gzip;
+    export function createGunzip(options?: ZlibOptions): Gunzip;
+    export function createDeflate(options?: ZlibOptions): Deflate;
+    export function createInflate(options?: ZlibOptions): Inflate;
+    export function createDeflateRaw(options?: ZlibOptions): DeflateRaw;
+    export function createInflateRaw(options?: ZlibOptions): InflateRaw;
+    export function createUnzip(options?: ZlibOptions): Unzip;
+
+    export function deflate(buf: Buffer, callback: (error: Error, result: any) => void): void;
+    export function deflateSync(buf: Buffer, options?: ZlibOptions): any;
+    export function deflateRaw(buf: Buffer, callback: (error: Error, result: any) => void): void;
+    export function deflateRawSync(buf: Buffer, options?: ZlibOptions): any;
+    export function gzip(buf: Buffer, callback: (error: Error, result: any) => void): void;
+    export function gzipSync(buf: Buffer, options?: ZlibOptions): any;
+    export function gunzip(buf: Buffer, callback: (error: Error, result: any) => void): void;
+    export function gunzipSync(buf: Buffer, options?: ZlibOptions): any;
+    export function inflate(buf: Buffer, callback: (error: Error, result: any) => void): void;
+    export function inflateSync(buf: Buffer, options?: ZlibOptions): any;
+    export function inflateRaw(buf: Buffer, callback: (error: Error, result: any) => void): void;
+    export function inflateRawSync(buf: Buffer, options?: ZlibOptions): any;
+    export function unzip(buf: Buffer, callback: (error: Error, result: any) => void): void;
+    export function unzipSync(buf: Buffer, options?: ZlibOptions): any;
+
+    // Constants
+    export var Z_NO_FLUSH: number;
+    export var Z_PARTIAL_FLUSH: number;
+    export var Z_SYNC_FLUSH: number;
+    export var Z_FULL_FLUSH: number;
+    export var Z_FINISH: number;
+    export var Z_BLOCK: number;
+    export var Z_TREES: number;
+    export var Z_OK: number;
+    export var Z_STREAM_END: number;
+    export var Z_NEED_DICT: number;
+    export var Z_ERRNO: number;
+    export var Z_STREAM_ERROR: number;
+    export var Z_DATA_ERROR: number;
+    export var Z_MEM_ERROR: number;
+    export var Z_BUF_ERROR: number;
+    export var Z_VERSION_ERROR: number;
+    export var Z_NO_COMPRESSION: number;
+    export var Z_BEST_SPEED: number;
+    export var Z_BEST_COMPRESSION: number;
+    export var Z_DEFAULT_COMPRESSION: number;
+    export var Z_FILTERED: number;
+    export var Z_HUFFMAN_ONLY: number;
+    export var Z_RLE: number;
+    export var Z_FIXED: number;
+    export var Z_DEFAULT_STRATEGY: number;
+    export var Z_BINARY: number;
+    export var Z_TEXT: number;
+    export var Z_ASCII: number;
+    export var Z_UNKNOWN: number;
+    export var Z_DEFLATED: number;
+    export var Z_NULL: number;
+}
+
+declare module "os" {
+    export interface CpuInfo {
+        model: string;
+        speed: number;
+        times: {
+            user: number;
+            nice: number;
+            sys: number;
+            idle: number;
+            irq: number;
+        };
+    }
+
+    export interface NetworkInterfaceInfo {
+        address: string;
+        netmask: string;
+        family: string;
+        mac: string;
+        internal: boolean;
+    }
+
+    export function tmpdir(): string;
+    export function homedir(): string;
+    export function endianness(): "BE" | "LE";
+    export function hostname(): string;
+    export function type(): string;
+    export function platform(): string;
+    export function arch(): string;
+    export function release(): string;
+    export function uptime(): number;
+    export function loadavg(): number[];
+    export function totalmem(): number;
+    export function freemem(): number;
+    export function cpus(): CpuInfo[];
+    export function networkInterfaces(): { [index: string]: NetworkInterfaceInfo[] };
+    export var EOL: string;
+}
+
+declare module "https" {
+    import * as tls from "tls";
+    import * as events from "events";
+    import * as http from "http";
+
+    export interface ServerOptions {
+        pfx?: any;
+        key?: any;
+        passphrase?: string;
+        cert?: any;
+        ca?: any;
+        crl?: any;
+        ciphers?: string;
+        honorCipherOrder?: boolean;
+        requestCert?: boolean;
+        rejectUnauthorized?: boolean;
+        NPNProtocols?: any;
+        SNICallback?: (servername: string) => any;
+    }
+
+    export interface RequestOptions extends http.RequestOptions {
+        pfx?: any;
+        key?: any;
+        passphrase?: string;
+        cert?: any;
+        ca?: any;
+        ciphers?: string;
+        rejectUnauthorized?: boolean;
+        secureProtocol?: string;
+    }
+
+    export interface Agent extends http.Agent { }
+
+    export interface AgentOptions extends http.AgentOptions {
+        maxCachedSessions?: number;
+    }
+
+    export var Agent: {
+        new (options?: AgentOptions): Agent;
+    };
+    export interface Server extends tls.Server { }
+    export function createServer(options: ServerOptions, requestListener?: Function): Server;
+    export function request(options: RequestOptions, callback?: (res: http.IncomingMessage) => void): http.ClientRequest;
+    export function get(options: RequestOptions, callback?: (res: http.IncomingMessage) => void): http.ClientRequest;
+    export var globalAgent: Agent;
+}
+
+declare module "punycode" {
+    export function decode(string: string): string;
+    export function encode(string: string): string;
+    export function toUnicode(domain: string): string;
+    export function toASCII(domain: string): string;
+    export var ucs2: ucs2;
+    interface ucs2 {
+        decode(string: string): number[];
+        encode(codePoints: number[]): string;
+    }
+    export var version: any;
+}
+
+declare module "repl" {
+    import * as stream from "stream";
+    import * as events from "events";
+
+    export interface ReplOptions {
+        prompt?: string;
+        input?: NodeJS.ReadableStream;
+        output?: NodeJS.WritableStream;
+        terminal?: boolean;
+        eval?: Function;
+        useColors?: boolean;
+        useGlobal?: boolean;
+        ignoreUndefined?: boolean;
+        writer?: Function;
+    }
+    export function start(options: ReplOptions): events.EventEmitter;
+}
+
+declare module "readline" {
+    import * as events from "events";
+    import * as stream from "stream";
+
+    export interface Key {
+        sequence?: string;
+        name?: string;
+        ctrl?: boolean;
+        meta?: boolean;
+        shift?: boolean;
+    }
+
+    export interface ReadLine extends events.EventEmitter {
+        setPrompt(prompt: string): void;
+        prompt(preserveCursor?: boolean): void;
+        question(query: string, callback: (answer: string) => void): void;
+        pause(): ReadLine;
+        resume(): ReadLine;
+        close(): void;
+        write(data: string | Buffer, key?: Key): void;
+    }
+
+    export interface Completer {
+        (line: string): CompleterResult;
+        (line: string, callback: (err: any, result: CompleterResult) => void): any;
+    }
+
+    export interface CompleterResult {
+        completions: string[];
+        line: string;
+    }
+
+    export interface ReadLineOptions {
+        input: NodeJS.ReadableStream;
+        output?: NodeJS.WritableStream;
+        completer?: Completer;
+        terminal?: boolean;
+        historySize?: number;
+    }
+
+    export function createInterface(input: NodeJS.ReadableStream, output?: NodeJS.WritableStream, completer?: Completer, terminal?: boolean): ReadLine;
+    export function createInterface(options: ReadLineOptions): ReadLine;
+
+    export function cursorTo(stream: NodeJS.WritableStream, x: number, y: number): void;
+    export function moveCursor(stream: NodeJS.WritableStream, dx: number | string, dy: number | string): void;
+    export function clearLine(stream: NodeJS.WritableStream, dir: number): void;
+    export function clearScreenDown(stream: NodeJS.WritableStream): void;
+}
+
+declare module "vm" {
+    export interface Context { }
+    export interface ScriptOptions {
+        filename?: string;
+        lineOffset?: number;
+        columnOffset?: number;
+        displayErrors?: boolean;
+        timeout?: number;
+        cachedData?: Buffer;
+        produceCachedData?: boolean;
+    }
+    export interface RunningScriptOptions {
+        filename?: string;
+        lineOffset?: number;
+        columnOffset?: number;
+        displayErrors?: boolean;
+        timeout?: number;
+    }
+    export class Script {
+        constructor(code: string, options?: ScriptOptions);
+        runInContext(contextifiedSandbox: Context, options?: RunningScriptOptions): any;
+        runInNewContext(sandbox?: Context, options?: RunningScriptOptions): any;
+        runInThisContext(options?: RunningScriptOptions): any;
+    }
+    export function createContext(sandbox?: Context): Context;
+    export function isContext(sandbox: Context): boolean;
+    export function runInContext(code: string, contextifiedSandbox: Context, options?: RunningScriptOptions): any;
+    export function runInDebugContext(code: string): any;
+    export function runInNewContext(code: string, sandbox?: Context, options?: RunningScriptOptions): any;
+    export function runInThisContext(code: string, options?: RunningScriptOptions): any;
+}
+
+declare module "child_process" {
+    import * as events from "events";
+    import * as stream from "stream";
+
+    export interface ChildProcess extends events.EventEmitter {
+        stdin: stream.Writable;
+        stdout: stream.Readable;
+        stderr: stream.Readable;
+        stdio: [stream.Writable, stream.Readable, stream.Readable];
+        pid: number;
+        kill(signal?: string): void;
+        send(message: any, sendHandle?: any): void;
+        connected: boolean;
+        disconnect(): void;
+        unref(): void;
+        ref(): void;
+    }
+
+    export interface SpawnOptions {
+        cwd?: string;
+        env?: any;
+        stdio?: any;
+        detached?: boolean;
+        uid?: number;
+        gid?: number;
+        shell?: boolean | string;
+    }
+    export function spawn(command: string, args?: string[], options?: SpawnOptions): ChildProcess;
+
+    export interface ExecOptions {
+        cwd?: string;
+        env?: any;
+        shell?: string;
+        timeout?: number;
+        maxBuffer?: number;
+        killSignal?: string;
+        uid?: number;
+        gid?: number;
+    }
+    export interface ExecOptionsWithStringEncoding extends ExecOptions {
+        encoding: BufferEncoding;
+    }
+    export interface ExecOptionsWithBufferEncoding extends ExecOptions {
+        encoding: string; // specify `null`.
+    }
+    export function exec(command: string, callback?: (error: Error, stdout: string, stderr: string) => void): ChildProcess;
+    export function exec(command: string, options: ExecOptionsWithStringEncoding, callback?: (error: Error, stdout: string, stderr: string) => void): ChildProcess;
+    // usage. child_process.exec("tsc", {encoding: null as string}, (err, stdout, stderr) => {});
+    export function exec(command: string, options: ExecOptionsWithBufferEncoding, callback?: (error: Error, stdout: Buffer, stderr: Buffer) => void): ChildProcess;
+    export function exec(command: string, options: ExecOptions, callback?: (error: Error, stdout: string, stderr: string) => void): ChildProcess;
+
+    export interface ExecFileOptions {
+        cwd?: string;
+        env?: any;
+        timeout?: number;
+        maxBuffer?: number;
+        killSignal?: string;
+        uid?: number;
+        gid?: number;
+    }
+    export interface ExecFileOptionsWithStringEncoding extends ExecFileOptions {
+        encoding: BufferEncoding;
+    }
+    export interface ExecFileOptionsWithBufferEncoding extends ExecFileOptions {
+        encoding: string; // specify `null`.
+    }
+    export function execFile(file: string, callback?: (error: Error, stdout: string, stderr: string) => void): ChildProcess;
+    export function execFile(file: string, options?: ExecFileOptionsWithStringEncoding, callback?: (error: Error, stdout: string, stderr: string) => void): ChildProcess;
+    // usage. child_process.execFile("file.sh", {encoding: null as string}, (err, stdout, stderr) => {});
+    export function execFile(file: string, options?: ExecFileOptionsWithBufferEncoding, callback?: (error: Error, stdout: Buffer, stderr: Buffer) => void): ChildProcess;
+    export function execFile(file: string, options?: ExecFileOptions, callback?: (error: Error, stdout: string, stderr: string) => void): ChildProcess;
+    export function execFile(file: string, args?: string[], callback?: (error: Error, stdout: string, stderr: string) => void): ChildProcess;
+    export function execFile(file: string, args?: string[], options?: ExecFileOptionsWithStringEncoding, callback?: (error: Error, stdout: string, stderr: string) => void): ChildProcess;
+    // usage. child_process.execFile("file.sh", ["foo"], {encoding: null as string}, (err, stdout, stderr) => {});
+    export function execFile(file: string, args?: string[], options?: ExecFileOptionsWithBufferEncoding, callback?: (error: Error, stdout: Buffer, stderr: Buffer) => void): ChildProcess;
+    export function execFile(file: string, args?: string[], options?: ExecFileOptions, callback?: (error: Error, stdout: string, stderr: string) => void): ChildProcess;
+
+    export interface ForkOptions {
+        cwd?: string;
+        env?: any;
+        execPath?: string;
+        execArgv?: string[];
+        silent?: boolean;
+        uid?: number;
+        gid?: number;
+    }
+    export function fork(modulePath: string, args?: string[], options?: ForkOptions): ChildProcess;
+
+    export interface SpawnSyncOptions {
+        cwd?: string;
+        input?: string | Buffer;
+        stdio?: any;
+        env?: any;
+        uid?: number;
+        gid?: number;
+        timeout?: number;
+        killSignal?: string;
+        maxBuffer?: number;
+        encoding?: string;
+        shell?: boolean | string;
+    }
+    export interface SpawnSyncOptionsWithStringEncoding extends SpawnSyncOptions {
+        encoding: BufferEncoding;
+    }
+    export interface SpawnSyncOptionsWithBufferEncoding extends SpawnSyncOptions {
+        encoding: string; // specify `null`.
+    }
+    export interface SpawnSyncReturns<T> {
+        pid: number;
+        output: string[];
+        stdout: T;
+        stderr: T;
+        status: number;
+        signal: string;
+        error: Error;
+    }
+    export function spawnSync(command: string): SpawnSyncReturns<Buffer>;
+    export function spawnSync(command: string, options?: SpawnSyncOptionsWithStringEncoding): SpawnSyncReturns<string>;
+    export function spawnSync(command: string, options?: SpawnSyncOptionsWithBufferEncoding): SpawnSyncReturns<Buffer>;
+    export function spawnSync(command: string, options?: SpawnSyncOptions): SpawnSyncReturns<Buffer>;
+    export function spawnSync(command: string, args?: string[], options?: SpawnSyncOptionsWithStringEncoding): SpawnSyncReturns<string>;
+    export function spawnSync(command: string, args?: string[], options?: SpawnSyncOptionsWithBufferEncoding): SpawnSyncReturns<Buffer>;
+    export function spawnSync(command: string, args?: string[], options?: SpawnSyncOptions): SpawnSyncReturns<Buffer>;
+
+    export interface ExecSyncOptions {
+        cwd?: string;
+        input?: string | Buffer;
+        stdio?: any;
+        env?: any;
+        shell?: string;
+        uid?: number;
+        gid?: number;
+        timeout?: number;
+        killSignal?: string;
+        maxBuffer?: number;
+        encoding?: string;
+    }
+    export interface ExecSyncOptionsWithStringEncoding extends ExecSyncOptions {
+        encoding: BufferEncoding;
+    }
+    export interface ExecSyncOptionsWithBufferEncoding extends ExecSyncOptions {
+        encoding: string; // specify `null`.
+    }
+    export function execSync(command: string): Buffer;
+    export function execSync(command: string, options?: ExecSyncOptionsWithStringEncoding): string;
+    export function execSync(command: string, options?: ExecSyncOptionsWithBufferEncoding): Buffer;
+    export function execSync(command: string, options?: ExecSyncOptions): Buffer;
+
+    export interface ExecFileSyncOptions {
+        cwd?: string;
+        input?: string | Buffer;
+        stdio?: any;
+        env?: any;
+        uid?: number;
+        gid?: number;
+        timeout?: number;
+        killSignal?: string;
+        maxBuffer?: number;
+        encoding?: string;
+    }
+    export interface ExecFileSyncOptionsWithStringEncoding extends ExecFileSyncOptions {
+        encoding: BufferEncoding;
+    }
+    export interface ExecFileSyncOptionsWithBufferEncoding extends ExecFileSyncOptions {
+        encoding: string; // specify `null`.
+    }
+    export function execFileSync(command: string): Buffer;
+    export function execFileSync(command: string, options?: ExecFileSyncOptionsWithStringEncoding): string;
+    export function execFileSync(command: string, options?: ExecFileSyncOptionsWithBufferEncoding): Buffer;
+    export function execFileSync(command: string, options?: ExecFileSyncOptions): Buffer;
+    export function execFileSync(command: string, args?: string[], options?: ExecFileSyncOptionsWithStringEncoding): string;
+    export function execFileSync(command: string, args?: string[], options?: ExecFileSyncOptionsWithBufferEncoding): Buffer;
+    export function execFileSync(command: string, args?: string[], options?: ExecFileSyncOptions): Buffer;
+}
+
+declare module "url" {
+    export interface Url {
+        href?: string;
+        protocol?: string;
+        auth?: string;
+        hostname?: string;
+        port?: string;
+        host?: string;
+        pathname?: string;
+        search?: string;
+        query?: string | any;
+        slashes?: boolean;
+        hash?: string;
+        path?: string;
+    }
+
+    export function parse(urlStr: string, parseQueryString?: boolean, slashesDenoteHost?: boolean): Url;
+    export function format(url: Url): string;
+    export function resolve(from: string, to: string): string;
+}
+
+declare module "dns" {
+    export function lookup(domain: string, family: number, callback: (err: Error, address: string, family: number) => void): string;
+    export function lookup(domain: string, callback: (err: Error, address: string, family: number) => void): string;
+    export function resolve(domain: string, rrtype: string, callback: (err: Error, addresses: string[]) => void): string[];
+    export function resolve(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
+    export function resolve4(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
+    export function resolve6(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
+    export function resolveMx(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
+    export function resolveTxt(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
+    export function resolveSrv(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
+    export function resolveNs(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
+    export function resolveCname(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
+    export function reverse(ip: string, callback: (err: Error, domains: string[]) => void): string[];
+}
+
+declare module "net" {
+    import * as stream from "stream";
+
+    export interface Socket extends stream.Duplex {
+        // Extended base methods
+        write(buffer: Buffer): boolean;
+        write(buffer: Buffer, cb?: Function): boolean;
+        write(str: string, cb?: Function): boolean;
+        write(str: string, encoding?: string, cb?: Function): boolean;
+        write(str: string, encoding?: string, fd?: string): boolean;
+
+        connect(port: number, host?: string, connectionListener?: Function): void;
+        connect(path: string, connectionListener?: Function): void;
+        bufferSize: number;
+        setEncoding(encoding?: string): void;
+        write(data: any, encoding?: string, callback?: Function): void;
+        destroy(): void;
+        pause(): void;
+        resume(): void;
+        setTimeout(timeout: number, callback?: Function): void;
+        setNoDelay(noDelay?: boolean): void;
+        setKeepAlive(enable?: boolean, initialDelay?: number): void;
+        address(): { port: number; family: string; address: string; };
+        unref(): void;
+        ref(): void;
+
+        remoteAddress: string;
+        remoteFamily: string;
+        remotePort: number;
+        localAddress: string;
+        localPort: number;
+        bytesRead: number;
+        bytesWritten: number;
+
+        // Extended base methods
+        end(): void;
+        end(buffer: Buffer, cb?: Function): void;
+        end(str: string, cb?: Function): void;
+        end(str: string, encoding?: string, cb?: Function): void;
+        end(data?: any, encoding?: string): void;
+    }
+
+    export var Socket: {
+        new (options?: { fd?: string; type?: string; allowHalfOpen?: boolean; }): Socket;
+    };
+
+    export interface ListenOptions {
+        port?: number;
+        host?: string;
+        backlog?: number;
+        path?: string;
+        exclusive?: boolean;
+    }
+
+    export interface Server extends Socket {
+        listen(port: number, hostname?: string, backlog?: number, listeningListener?: Function): Server;
+        listen(port: number, hostname?: string, listeningListener?: Function): Server;
+        listen(port: number, backlog?: number, listeningListener?: Function): Server;
+        listen(port: number, listeningListener?: Function): Server;
+        listen(path: string, backlog?: number, listeningListener?: Function): Server;
+        listen(path: string, listeningListener?: Function): Server;
+        listen(handle: any, backlog?: number, listeningListener?: Function): Server;
+        listen(handle: any, listeningListener?: Function): Server;
+        listen(options: ListenOptions, listeningListener?: Function): Server;
+        close(callback?: Function): Server;
+        address(): { port: number; family: string; address: string; };
+        getConnections(cb: (error: Error, count: number) => void): void;
+        ref(): Server;
+        unref(): Server;
+        maxConnections: number;
+        connections: number;
+    }
+    export function createServer(connectionListener?: (socket: Socket) => void): Server;
+    export function createServer(options?: { allowHalfOpen?: boolean; }, connectionListener?: (socket: Socket) => void): Server;
+    export function connect(options: { port: number, host?: string, localAddress?: string, localPort?: string, family?: number, allowHalfOpen?: boolean; }, connectionListener?: Function): Socket;
+    export function connect(port: number, host?: string, connectionListener?: Function): Socket;
+    export function connect(path: string, connectionListener?: Function): Socket;
+    export function createConnection(options: { port: number, host?: string, localAddress?: string, localPort?: string, family?: number, allowHalfOpen?: boolean; }, connectionListener?: Function): Socket;
+    export function createConnection(port: number, host?: string, connectionListener?: Function): Socket;
+    export function createConnection(path: string, connectionListener?: Function): Socket;
+    export function isIP(input: string): number;
+    export function isIPv4(input: string): boolean;
+    export function isIPv6(input: string): boolean;
+}
+
+declare module "dgram" {
+    import * as events from "events";
+
+    interface RemoteInfo {
+        address: string;
+        port: number;
+        size: number;
+    }
+
+    interface AddressInfo {
+        address: string;
+        family: string;
+        port: number;
+    }
+
+    export function createSocket(type: string, callback?: (msg: Buffer, rinfo: RemoteInfo) => void): Socket;
+
+    interface Socket extends events.EventEmitter {
+        send(buf: Buffer, offset: number, length: number, port: number, address: string, callback?: (error: Error, bytes: number) => void): void;
+        bind(port: number, address?: string, callback?: () => void): void;
+        close(): void;
+        address(): AddressInfo;
+        setBroadcast(flag: boolean): void;
+        setMulticastTTL(ttl: number): void;
+        setMulticastLoopback(flag: boolean): void;
+        addMembership(multicastAddress: string, multicastInterface?: string): void;
+        dropMembership(multicastAddress: string, multicastInterface?: string): void;
+    }
+}
+
+declare module "fs" {
+    import * as stream from "stream";
+    import * as events from "events";
+
+    interface Stats {
+        isFile(): boolean;
+        isDirectory(): boolean;
+        isBlockDevice(): boolean;
+        isCharacterDevice(): boolean;
+        isSymbolicLink(): boolean;
+        isFIFO(): boolean;
+        isSocket(): boolean;
+        dev: number;
+        ino: number;
+        mode: number;
+        nlink: number;
+        uid: number;
+        gid: number;
+        rdev: number;
+        size: number;
+        blksize: number;
+        blocks: number;
+        atime: Date;
+        mtime: Date;
+        ctime: Date;
+        birthtime: Date;
+    }
+
+    interface FSWatcher extends events.EventEmitter {
+        close(): void;
+    }
+
+    export interface ReadStream extends stream.Readable {
+        close(): void;
+        destroy(): void;
+    }
+    export interface WriteStream extends stream.Writable {
+        close(): void;
+        bytesWritten: number;
+    }
+
+    /**
+     * Asynchronous rename.
+     * @param oldPath
+     * @param newPath
+     * @param callback No arguments other than a possible exception are given to the completion callback.
+     */
+    export function rename(oldPath: string, newPath: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    /**
+     * Synchronous rename
+     * @param oldPath
+     * @param newPath
+     */
+    export function renameSync(oldPath: string, newPath: string): void;
+    export function truncate(path: string | Buffer, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function truncate(path: string | Buffer, len: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function truncateSync(path: string | Buffer, len?: number): void;
+    export function ftruncate(fd: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function ftruncate(fd: number, len: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function ftruncateSync(fd: number, len?: number): void;
+    export function chown(path: string | Buffer, uid: number, gid: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function chownSync(path: string | Buffer, uid: number, gid: number): void;
+    export function fchown(fd: number, uid: number, gid: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function fchownSync(fd: number, uid: number, gid: number): void;
+    export function lchown(path: string | Buffer, uid: number, gid: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function lchownSync(path: string | Buffer, uid: number, gid: number): void;
+    export function chmod(path: string | Buffer, mode: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function chmod(path: string | Buffer, mode: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function chmodSync(path: string | Buffer, mode: number): void;
+    export function chmodSync(path: string | Buffer, mode: string): void;
+    export function fchmod(fd: number, mode: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function fchmod(fd: number, mode: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function fchmodSync(fd: number, mode: number): void;
+    export function fchmodSync(fd: number, mode: string): void;
+    export function lchmod(path: string | Buffer, mode: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function lchmod(path: string | Buffer, mode: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function lchmodSync(path: string | Buffer, mode: number): void;
+    export function lchmodSync(path: string | Buffer, mode: string): void;
+    export function stat(path: string | Buffer, callback?: (err: NodeJS.ErrnoException, stats: Stats) => any): void;
+    export function lstat(path: string | Buffer, callback?: (err: NodeJS.ErrnoException, stats: Stats) => any): void;
+    export function fstat(fd: number, callback?: (err: NodeJS.ErrnoException, stats: Stats) => any): void;
+    export function statSync(path: string | Buffer): Stats;
+    export function lstatSync(path: string | Buffer): Stats;
+    export function fstatSync(fd: number): Stats;
+    export function link(srcpath: string | Buffer, dstpath: string | Buffer, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function linkSync(srcpath: string | Buffer, dstpath: string | Buffer): void;
+    export function symlink(srcpath: string | Buffer, dstpath: string | Buffer, type?: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function symlinkSync(srcpath: string | Buffer, dstpath: string | Buffer, type?: string): void;
+    export function readlink(path: string | Buffer, callback?: (err: NodeJS.ErrnoException, linkString: string) => any): void;
+    export function readlinkSync(path: string | Buffer): string;
+    export function realpath(path: string | Buffer, callback?: (err: NodeJS.ErrnoException, resolvedPath: string) => any): void;
+    export function realpath(path: string | Buffer, cache: { [path: string]: string }, callback: (err: NodeJS.ErrnoException, resolvedPath: string) => any): void;
+    export function realpathSync(path: string | Buffer, cache?: { [path: string]: string }): string;
+    /*
+     * Asynchronous unlink - deletes the file specified in {path}
+     *
+     * @param path
+     * @param callback No arguments other than a possible exception are given to the completion callback.
+     */
+    export function unlink(path: string | Buffer, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    /*
+     * Synchronous unlink - deletes the file specified in {path}
+     *
+     * @param path
+     */
+    export function unlinkSync(path: string | Buffer): void;
+    /*
+     * Asynchronous rmdir - removes the directory specified in {path}
+     *
+     * @param path
+     * @param callback No arguments other than a possible exception are given to the completion callback.
+     */
+    export function rmdir(path: string | Buffer, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    /*
+     * Synchronous rmdir - removes the directory specified in {path}
+     *
+     * @param path
+     */
+    export function rmdirSync(path: string | Buffer): void;
+    /*
+     * Asynchronous mkdir - creates the directory specified in {path}.  Parameter {mode} defaults to 0777.
+     *
+     * @param path
+     * @param callback No arguments other than a possible exception are given to the completion callback.
+     */
+    export function mkdir(path: string | Buffer, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    /*
+     * Asynchronous mkdir - creates the directory specified in {path}.  Parameter {mode} defaults to 0777.
+     *
+     * @param path
+     * @param mode
+     * @param callback No arguments other than a possible exception are given to the completion callback.
+     */
+    export function mkdir(path: string | Buffer, mode: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    /*
+     * Asynchronous mkdir - creates the directory specified in {path}.  Parameter {mode} defaults to 0777.
+     *
+     * @param path
+     * @param mode
+     * @param callback No arguments other than a possible exception are given to the completion callback.
+     */
+    export function mkdir(path: string | Buffer, mode: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    /*
+     * Synchronous mkdir - creates the directory specified in {path}.  Parameter {mode} defaults to 0777.
+     *
+     * @param path
+     * @param mode
+     * @param callback No arguments other than a possible exception are given to the completion callback.
+     */
+    export function mkdirSync(path: string | Buffer, mode?: number): void;
+    /*
+     * Synchronous mkdir - creates the directory specified in {path}.  Parameter {mode} defaults to 0777.
+     *
+     * @param path
+     * @param mode
+     * @param callback No arguments other than a possible exception are given to the completion callback.
+     */
+    export function mkdirSync(path: string | Buffer, mode?: string): void;
+    /*
+     * Asynchronous mkdtemp - Creates a unique temporary directory. Generates six random characters to be appended behind a required prefix to create a unique temporary directory.
+     *
+     * @param prefix
+     * @param callback The created folder path is passed as a string to the callback's second parameter.
+     */
+    export function mkdtemp(prefix: string, callback?: (err: NodeJS.ErrnoException, folder: string) => void): void;
+    /*
+     * Synchronous mkdtemp - Creates a unique temporary directory. Generates six random characters to be appended behind a required prefix to create a unique temporary directory.
+     *
+     * @param prefix
+     * @returns Returns the created folder path.
+     */
+    export function mkdtempSync(prefix: string): string;
+    export function readdir(path: string | Buffer, callback?: (err: NodeJS.ErrnoException, files: string[]) => void): void;
+    export function readdirSync(path: string | Buffer): string[];
+    export function close(fd: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function closeSync(fd: number): void;
+    export function open(path: string | Buffer, flags: string | number, callback: (err: NodeJS.ErrnoException, fd: number) => void): void;
+    export function open(path: string | Buffer, flags: string | number, mode: number, callback: (err: NodeJS.ErrnoException, fd: number) => void): void;
+    export function openSync(path: string | Buffer, flags: string | number, mode?: number): number;
+    export function utimes(path: string | Buffer, atime: number, mtime: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function utimes(path: string | Buffer, atime: Date, mtime: Date, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function utimesSync(path: string | Buffer, atime: number, mtime: number): void;
+    export function utimesSync(path: string | Buffer, atime: Date, mtime: Date): void;
+    export function futimes(fd: number, atime: number, mtime: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function futimes(fd: number, atime: Date, mtime: Date, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function futimesSync(fd: number, atime: number, mtime: number): void;
+    export function futimesSync(fd: number, atime: Date, mtime: Date): void;
+    export function fsync(fd: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
+    export function fsyncSync(fd: number): void;
+    export function write(fd: number, buffer: Buffer, offset: number, length: number, position: number, callback?: (err: NodeJS.ErrnoException, written: number, buffer: Buffer) => void): void;
+    export function write(fd: number, buffer: Buffer, offset: number, length: number, callback?: (err: NodeJS.ErrnoException, written: number, buffer: Buffer) => void): void;
+    export function write(fd: number, data: any, callback?: (err: NodeJS.ErrnoException, written: number, str: string) => void): void;
+    export function write(fd: number, data: any, offset: number, callback?: (err: NodeJS.ErrnoException, written: number, str: string) => void): void;
+    export function write(fd: number, data: any, offset: number, encoding: string, callback?: (err: NodeJS.ErrnoException, written: number, str: string) => void): void;
+    export function writeSync(fd: number, buffer: Buffer, offset: number, length: number, position?: number): number;
+    export function writeSync(fd: number, data: any, position?: number, enconding?: string): number;
+    export function read(fd: number, buffer: Buffer, offset: number, length: number, position: number, callback?: (err: NodeJS.ErrnoException, bytesRead: number, buffer: Buffer) => void): void;
+    export function readSync(fd: number, buffer: Buffer, offset: number, length: number, position: number): number;
+    /*
+     * Asynchronous readFile - Asynchronously reads the entire contents of a file.
+     *
+     * @param fileName
+     * @param encoding
+     * @param callback - The callback is passed two arguments (err, data), where data is the contents of the file.
+     */
+    export function readFile(filename: string, encoding: string, callback: (err: NodeJS.ErrnoException, data: string) => void): void;
+    /*
+     * Asynchronous readFile - Asynchronously reads the entire contents of a file.
+     *
+     * @param fileName
+     * @param options An object with optional {encoding} and {flag} properties.  If {encoding} is specified, readFile returns a string; otherwise it returns a Buffer.
+     * @param callback - The callback is passed two arguments (err, data), where data is the contents of the file.
+     */
+    export function readFile(filename: string, options: { encoding: string; flag?: string; }, callback: (err: NodeJS.ErrnoException, data: string) => void): void;
+    /*
+     * Asynchronous readFile - Asynchronously reads the entire contents of a file.
+     *
+     * @param fileName
+     * @param options An object with optional {encoding} and {flag} properties.  If {encoding} is specified, readFile returns a string; otherwise it returns a Buffer.
+     * @param callback - The callback is passed two arguments (err, data), where data is the contents of the file.
+     */
+    export function readFile(filename: string, options: { flag?: string; }, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
+    /*
+     * Asynchronous readFile - Asynchronously reads the entire contents of a file.
+     *
+     * @param fileName
+     * @param callback - The callback is passed two arguments (err, data), where data is the contents of the file.
+     */
+    export function readFile(filename: string, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
+    /*
+     * Synchronous readFile - Synchronously reads the entire contents of a file.
+     *
+     * @param fileName
+     * @param encoding
+     */
+    export function readFileSync(filename: string, encoding: string): string;
+    /*
+     * Synchronous readFile - Synchronously reads the entire contents of a file.
+     *
+     * @param fileName
+     * @param options An object with optional {encoding} and {flag} properties.  If {encoding} is specified, readFileSync returns a string; otherwise it returns a Buffer.
+     */
+    export function readFileSync(filename: string, options: { encoding: string; flag?: string; }): string;
+    /*
+     * Synchronous readFile - Synchronously reads the entire contents of a file.
+     *
+     * @param fileName
+     * @param options An object with optional {encoding} and {flag} properties.  If {encoding} is specified, readFileSync returns a string; otherwise it returns a Buffer.
+     */
+    export function readFileSync(filename: string, options?: { flag?: string; }): Buffer;
+    export function writeFile(filename: string, data: any, callback?: (err: NodeJS.ErrnoException) => void): void;
+    export function writeFile(filename: string, data: any, options: { encoding?: string; mode?: number; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
+    export function writeFile(filename: string, data: any, options: { encoding?: string; mode?: string; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
+    export function writeFileSync(filename: string, data: any, options?: { encoding?: string; mode?: number; flag?: string; }): void;
+    export function writeFileSync(filename: string, data: any, options?: { encoding?: string; mode?: string; flag?: string; }): void;
+    export function appendFile(filename: string, data: any, options: { encoding?: string; mode?: number; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
+    export function appendFile(filename: string, data: any, options: { encoding?: string; mode?: string; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
+    export function appendFile(filename: string, data: any, callback?: (err: NodeJS.ErrnoException) => void): void;
+    export function appendFileSync(filename: string, data: any, options?: { encoding?: string; mode?: number; flag?: string; }): void;
+    export function appendFileSync(filename: string, data: any, options?: { encoding?: string; mode?: string; flag?: string; }): void;
+    export function watchFile(filename: string, listener: (curr: Stats, prev: Stats) => void): void;
+    export function watchFile(filename: string, options: { persistent?: boolean; interval?: number; }, listener: (curr: Stats, prev: Stats) => void): void;
+    export function unwatchFile(filename: string, listener?: (curr: Stats, prev: Stats) => void): void;
+    export function watch(filename: string, listener?: (event: string, filename: string) => any): FSWatcher;
+    export function watch(filename: string, encoding: string, listener?: (event: string, filename: string | Buffer) => any): FSWatcher;
+    export function watch(filename: string, options: { persistent?: boolean; recursive?: boolean; encoding?: string }, listener?: (event: string, filename: string | Buffer) => any): FSWatcher;
+    export function exists(path: string | Buffer, callback?: (exists: boolean) => void): void;
+    export function existsSync(path: string | Buffer): boolean;
+    /** Constant for fs.access(). File is visible to the calling process. */
+    export var F_OK: number;
+    /** Constant for fs.access(). File can be read by the calling process. */
+    export var R_OK: number;
+    /** Constant for fs.access(). File can be written by the calling process. */
+    export var W_OK: number;
+    /** Constant for fs.access(). File can be executed by the calling process. */
+    export var X_OK: number;
+    /** Tests a user's permissions for the file specified by path. */
+    export function access(path: string | Buffer, callback: (err: NodeJS.ErrnoException) => void): void;
+    export function access(path: string | Buffer, mode: number, callback: (err: NodeJS.ErrnoException) => void): void;
+    /** Synchronous version of fs.access. This throws if any accessibility checks fail, and does nothing otherwise. */
+    export function accessSync(path: string | Buffer, mode?: number): void;
+    export function createReadStream(path: string | Buffer, options?: {
+        flags?: string;
+        encoding?: string;
+        fd?: number;
+        mode?: number;
+        autoClose?: boolean;
+        start?: number;
+        end?: number;
+    }): ReadStream;
+    export function createWriteStream(path: string | Buffer, options?: {
+        flags?: string;
+        encoding?: string;
+        fd?: number;
+        mode?: number;
+    }): WriteStream;
+}
+
+declare module "path" {
+
+    /**
+     * A parsed path object generated by path.parse() or consumed by path.format().
+     */
+    export interface ParsedPath {
+        /**
+         * The root of the path such as '/' or 'c:\'
+         */
+        root: string;
+        /**
+         * The full directory path such as '/home/user/dir' or 'c:\path\dir'
+         */
+        dir: string;
+        /**
+         * The file name including extension (if any) such as 'index.html'
+         */
+        base: string;
+        /**
+         * The file extension (if any) such as '.html'
+         */
+        ext: string;
+        /**
+         * The file name without extension (if any) such as 'index'
+         */
+        name: string;
+    }
+
+    /**
+     * Normalize a string path, reducing '..' and '.' parts.
+     * When multiple slashes are found, they're replaced by a single one; when the path contains a trailing slash, it is preserved. On Windows backslashes are used.
+     *
+     * @param p string path to normalize.
+     */
+    export function normalize(p: string): string;
+    /**
+     * Join all arguments together and normalize the resulting path.
+     * Arguments must be strings. In v0.8, non-string arguments were silently ignored. In v0.10 and up, an exception is thrown.
+     *
+     * @param paths string paths to join.
+     */
+    export function join(...paths: any[]): string;
+    /**
+     * Join all arguments together and normalize the resulting path.
+     * Arguments must be strings. In v0.8, non-string arguments were silently ignored. In v0.10 and up, an exception is thrown.
+     *
+     * @param paths string paths to join.
+     */
+    export function join(...paths: string[]): string;
+    /**
+     * The right-most parameter is considered {to}.  Other parameters are considered an array of {from}.
+     *
+     * Starting from leftmost {from} paramter, resolves {to} to an absolute path.
+     *
+     * If {to} isn't already absolute, {from} arguments are prepended in right to left order, until an absolute path is found. If after using all {from} paths still no absolute path is found, the current working directory is used as well. The resulting path is normalized, and trailing slashes are removed unless the path gets resolved to the root directory.
+     *
+     * @param pathSegments string paths to join.  Non-string arguments are ignored.
+     */
+    export function resolve(...pathSegments: any[]): string;
+    /**
+     * Determines whether {path} is an absolute path. An absolute path will always resolve to the same location, regardless of the working directory.
+     *
+     * @param path path to test.
+     */
+    export function isAbsolute(path: string): boolean;
+    /**
+     * Solve the relative path from {from} to {to}.
+     * At times we have two absolute paths, and we need to derive the relative path from one to the other. This is actually the reverse transform of path.resolve.
+     *
+     * @param from
+     * @param to
+     */
+    export function relative(from: string, to: string): string;
+    /**
+     * Return the directory name of a path. Similar to the Unix dirname command.
+     *
+     * @param p the path to evaluate.
+     */
+    export function dirname(p: string): string;
+    /**
+     * Return the last portion of a path. Similar to the Unix basename command.
+     * Often used to extract the file name from a fully qualified path.
+     *
+     * @param p the path to evaluate.
+     * @param ext optionally, an extension to remove from the result.
+     */
+    export function basename(p: string, ext?: string): string;
+    /**
+     * Return the extension of the path, from the last '.' to end of string in the last portion of the path.
+     * If there is no '.' in the last portion of the path or the first character of it is '.', then it returns an empty string
+     *
+     * @param p the path to evaluate.
+     */
+    export function extname(p: string): string;
+    /**
+     * The platform-specific file separator. '\\' or '/'.
+     */
+    export var sep: string;
+    /**
+     * The platform-specific file delimiter. ';' or ':'.
+     */
+    export var delimiter: string;
+    /**
+     * Returns an object from a path string - the opposite of format().
+     *
+     * @param pathString path to evaluate.
+     */
+    export function parse(pathString: string): ParsedPath;
+    /**
+     * Returns a path string from an object - the opposite of parse().
+     *
+     * @param pathString path to evaluate.
+     */
+    export function format(pathObject: ParsedPath): string;
+
+    export module posix {
+        export function normalize(p: string): string;
+        export function join(...paths: any[]): string;
+        export function resolve(...pathSegments: any[]): string;
+        export function isAbsolute(p: string): boolean;
+        export function relative(from: string, to: string): string;
+        export function dirname(p: string): string;
+        export function basename(p: string, ext?: string): string;
+        export function extname(p: string): string;
+        export var sep: string;
+        export var delimiter: string;
+        export function parse(p: string): ParsedPath;
+        export function format(pP: ParsedPath): string;
+    }
+
+    export module win32 {
+        export function normalize(p: string): string;
+        export function join(...paths: any[]): string;
+        export function resolve(...pathSegments: any[]): string;
+        export function isAbsolute(p: string): boolean;
+        export function relative(from: string, to: string): string;
+        export function dirname(p: string): string;
+        export function basename(p: string, ext?: string): string;
+        export function extname(p: string): string;
+        export var sep: string;
+        export var delimiter: string;
+        export function parse(p: string): ParsedPath;
+        export function format(pP: ParsedPath): string;
+    }
+}
+
+declare module "string_decoder" {
+    export interface NodeStringDecoder {
+        write(buffer: Buffer): string;
+        end(buffer?: Buffer): string;
+    }
+    export var StringDecoder: {
+        new (encoding?: string): NodeStringDecoder;
+    };
+}
+
+declare module "tls" {
+    import * as crypto from "crypto";
+    import * as net from "net";
+    import * as stream from "stream";
+
+    var CLIENT_RENEG_LIMIT: number;
+    var CLIENT_RENEG_WINDOW: number;
+
+    export interface Certificate {
+        /**
+         * Country code.
+         */
+        C: string;
+        /**
+         * Street.
+         */
+        ST: string;
+        /**
+         * Locality.
+         */
+        L: string;
+        /**
+         * Organization.
+         */
+        O: string;
+        /**
+         * Organizational unit.
+         */
+        OU: string;
+        /**
+         * Common name.
+         */
+        CN: string;
+    }
+
+    export interface CipherNameAndProtocol {
+        /**
+         * The cipher name.
+         */
+        name: string;
+        /**
+         * SSL/TLS protocol version.
+         */
+        version: string;
+    }
+
+    export class TLSSocket extends stream.Duplex {
+        /**
+         * Returns the bound address, the address family name and port of the underlying socket as reported by
+         * the operating system.
+         * @returns {any} - An object with three properties, e.g. { port: 12346, family: 'IPv4', address: '127.0.0.1' }.
+         */
+        address(): { port: number; family: string; address: string };
+        /**
+         * A boolean that is true if the peer certificate was signed by one of the specified CAs, otherwise false.
+         */
+        authorized: boolean;
+        /**
+         * The reason why the peer's certificate has not been verified.
+         * This property becomes available only when tlsSocket.authorized === false.
+         */
+        authorizationError: Error;
+        /**
+         * Static boolean value, always true.
+         * May be used to distinguish TLS sockets from regular ones.
+         */
+        encrypted: boolean;
+        /**
+         * Returns an object representing the cipher name and the SSL/TLS protocol version of the current connection.
+         * @returns {CipherNameAndProtocol} - Returns an object representing the cipher name
+         * and the SSL/TLS protocol version of the current connection.
+         */
+        getCipher(): CipherNameAndProtocol;
+        /**
+         * Returns an object representing the peer's certificate.
+         * The returned object has some properties corresponding to the field of the certificate.
+         * If detailed argument is true the full chain with issuer property will be returned,
+         * if false only the top certificate without issuer property.
+         * If the peer does not provide a certificate, it returns null or an empty object.
+         * @param {boolean} detailed - If true; the full chain with issuer property will be returned.
+         * @returns {any} - An object representing the peer's certificate.
+         */
+        getPeerCertificate(detailed?: boolean): {
+            subject: Certificate;
+            issuerInfo: Certificate;
+            issuer: Certificate;
+            raw: any;
+            valid_from: string;
+            valid_to: string;
+            fingerprint: string;
+            serialNumber: string;
+        };
+        /**
+         * Could be used to speed up handshake establishment when reconnecting to the server.
+         * @returns {any} - ASN.1 encoded TLS session or undefined if none was negotiated.
+         */
+        getSession(): any;
+        /**
+         * NOTE: Works only with client TLS sockets.
+         * Useful only for debugging, for session reuse provide session option to tls.connect().
+         * @returns {any} - TLS session ticket or undefined if none was negotiated.
+         */
+        getTLSTicket(): any;
+        /**
+         * The string representation of the local IP address.
+         */
+        localAddress: string;
+        /**
+         * The numeric representation of the local port.
+         */
+        localPort: string;
+        /**
+         * The string representation of the remote IP address.
+         * For example, '74.125.127.100' or '2001:4860:a005::68'.
+         */
+        remoteAddress: string;
+        /**
+         * The string representation of the remote IP family. 'IPv4' or 'IPv6'.
+         */
+        remoteFamily: string;
+        /**
+         * The numeric representation of the remote port. For example, 443.
+         */
+        remotePort: number;
+        /**
+         * Initiate TLS renegotiation process.
+         *
+         * NOTE: Can be used to request peer's certificate after the secure connection has been established.
+         * ANOTHER NOTE: When running as the server, socket will be destroyed with an error after handshakeTimeout timeout.
+         * @param {TlsOptions} options - The options may contain the following fields: rejectUnauthorized,
+         * requestCert (See tls.createServer() for details).
+         * @param {Function} callback - callback(err) will be executed with null as err, once the renegotiation
+         * is successfully completed.
+         */
+        renegotiate(options: TlsOptions, callback: (err: Error) => any): any;
+        /**
+         * Set maximum TLS fragment size (default and maximum value is: 16384, minimum is: 512).
+         * Smaller fragment size decreases buffering latency on the client: large fragments are buffered by
+         * the TLS layer until the entire fragment is received and its integrity is verified;
+         * large fragments can span multiple roundtrips, and their processing can be delayed due to packet
+         * loss or reordering. However, smaller fragments add extra TLS framing bytes and CPU overhead,
+         * which may decrease overall server throughput.
+         * @param {number} size - TLS fragment size (default and maximum value is: 16384, minimum is: 512).
+         * @returns {boolean} - Returns true on success, false otherwise.
+         */
+        setMaxSendFragment(size: number): boolean;
+    }
+
+    export interface TlsOptions {
+        host?: string;
+        port?: number;
+        pfx?: any;   //string or buffer
+        key?: any;   //string or buffer
+        passphrase?: string;
+        cert?: any;
+        ca?: any;    //string or buffer
+        crl?: any;   //string or string array
+        ciphers?: string;
+        honorCipherOrder?: any;
+        requestCert?: boolean;
+        rejectUnauthorized?: boolean;
+        NPNProtocols?: any;  //array or Buffer;
+        SNICallback?: (servername: string) => any;
+    }
+
+    export interface ConnectionOptions {
+        host?: string;
+        port?: number;
+        socket?: net.Socket;
+        pfx?: string | Buffer
+        key?: string | Buffer
+        passphrase?: string;
+        cert?: string | Buffer
+        ca?: (string | Buffer)[];
+        rejectUnauthorized?: boolean;
+        NPNProtocols?: (string | Buffer)[];
+        servername?: string;
+    }
+
+    export interface Server extends net.Server {
+        close(): Server;
+        address(): { port: number; family: string; address: string; };
+        addContext(hostName: string, credentials: {
+            key: string;
+            cert: string;
+            ca: string;
+        }): void;
+        maxConnections: number;
+        connections: number;
+    }
+
+    export interface ClearTextStream extends stream.Duplex {
+        authorized: boolean;
+        authorizationError: Error;
+        getPeerCertificate(): any;
+        getCipher: {
+            name: string;
+            version: string;
+        };
+        address: {
+            port: number;
+            family: string;
+            address: string;
+        };
+        remoteAddress: string;
+        remotePort: number;
+    }
+
+    export interface SecurePair {
+        encrypted: any;
+        cleartext: any;
+    }
+
+    export interface SecureContextOptions {
+        pfx?: string | Buffer;
+        key?: string | Buffer;
+        passphrase?: string;
+        cert?: string | Buffer;
+        ca?: string | Buffer;
+        crl?: string | string[]
+        ciphers?: string;
+        honorCipherOrder?: boolean;
+    }
+
+    export interface SecureContext {
+        context: any;
+    }
+
+    export function createServer(options: TlsOptions, secureConnectionListener?: (cleartextStream: ClearTextStream) => void): Server;
+    export function connect(options: TlsOptions, secureConnectionListener?: () => void): ClearTextStream;
+    export function connect(port: number, host?: string, options?: ConnectionOptions, secureConnectListener?: () => void): ClearTextStream;
+    export function connect(port: number, options?: ConnectionOptions, secureConnectListener?: () => void): ClearTextStream;
+    export function createSecurePair(credentials?: crypto.Credentials, isServer?: boolean, requestCert?: boolean, rejectUnauthorized?: boolean): SecurePair;
+    export function createSecureContext(details: SecureContextOptions): SecureContext;
+}
+
+declare module "crypto" {
+    export interface CredentialDetails {
+        pfx: string;
+        key: string;
+        passphrase: string;
+        cert: string;
+        ca: string | string[];
+        crl: string | string[];
+        ciphers: string;
+    }
+    export interface Credentials { context?: any; }
+    export function createCredentials(details: CredentialDetails): Credentials;
+    export function createHash(algorithm: string): Hash;
+    export function createHmac(algorithm: string, key: string): Hmac;
+    export function createHmac(algorithm: string, key: Buffer): Hmac;
+    export interface Hash {
+        update(data: any, input_encoding?: string): Hash;
+        digest(encoding: 'buffer'): Buffer;
+        digest(encoding: string): any;
+        digest(): Buffer;
+    }
+    export interface Hmac extends NodeJS.ReadWriteStream {
+        update(data: any, input_encoding?: string): Hmac;
+        digest(encoding: 'buffer'): Buffer;
+        digest(encoding: string): any;
+        digest(): Buffer;
+    }
+    export function createCipher(algorithm: string, password: any): Cipher;
+    export function createCipheriv(algorithm: string, key: any, iv: any): Cipher;
+    export interface Cipher extends NodeJS.ReadWriteStream {
+        update(data: Buffer): Buffer;
+        update(data: string, input_encoding: "utf8" | "ascii" | "binary"): Buffer;
+        update(data: Buffer, input_encoding: any, output_encoding: "binary" | "base64" | "hex"): string;
+        update(data: string, input_encoding: "utf8" | "ascii" | "binary", output_encoding: "binary" | "base64" | "hex"): string;
+        final(): Buffer;
+        final(output_encoding: string): string;
+        setAutoPadding(auto_padding: boolean): void;
+        getAuthTag(): Buffer;
+    }
+    export function createDecipher(algorithm: string, password: any): Decipher;
+    export function createDecipheriv(algorithm: string, key: any, iv: any): Decipher;
+    export interface Decipher extends NodeJS.ReadWriteStream {
+        update(data: Buffer): Buffer;
+        update(data: string, input_encoding: "binary" | "base64" | "hex"): Buffer;
+        update(data: Buffer, input_encoding: any, output_encoding: "utf8" | "ascii" | "binary"): string;
+        update(data: string, input_encoding: "binary" | "base64" | "hex", output_encoding: "utf8" | "ascii" | "binary"): string;
+        final(): Buffer;
+        final(output_encoding: string): string;
+        setAutoPadding(auto_padding: boolean): void;
+        setAuthTag(tag: Buffer): void;
+    }
+    export function createSign(algorithm: string): Signer;
+    export interface Signer extends NodeJS.WritableStream {
+        update(data: any): void;
+        sign(private_key: string, output_format: string): string;
+    }
+    export function createVerify(algorith: string): Verify;
+    export interface Verify extends NodeJS.WritableStream {
+        update(data: any): void;
+        verify(object: string, signature: string, signature_format?: string): boolean;
+    }
+    export function createDiffieHellman(prime_length: number): DiffieHellman;
+    export function createDiffieHellman(prime: number, encoding?: string): DiffieHellman;
+    export interface DiffieHellman {
+        generateKeys(encoding?: string): string;
+        computeSecret(other_public_key: string, input_encoding?: string, output_encoding?: string): string;
+        getPrime(encoding?: string): string;
+        getGenerator(encoding: string): string;
+        getPublicKey(encoding?: string): string;
+        getPrivateKey(encoding?: string): string;
+        setPublicKey(public_key: string, encoding?: string): void;
+        setPrivateKey(public_key: string, encoding?: string): void;
+    }
+    export function getDiffieHellman(group_name: string): DiffieHellman;
+    export function pbkdf2(password: string | Buffer, salt: string | Buffer, iterations: number, keylen: number, callback: (err: Error, derivedKey: Buffer) => any): void;
+    export function pbkdf2(password: string | Buffer, salt: string | Buffer, iterations: number, keylen: number, digest: string, callback: (err: Error, derivedKey: Buffer) => any): void;
+    export function pbkdf2Sync(password: string | Buffer, salt: string | Buffer, iterations: number, keylen: number): Buffer;
+    export function pbkdf2Sync(password: string | Buffer, salt: string | Buffer, iterations: number, keylen: number, digest: string): Buffer;
+    export function randomBytes(size: number): Buffer;
+    export function randomBytes(size: number, callback: (err: Error, buf: Buffer) => void): void;
+    export function pseudoRandomBytes(size: number): Buffer;
+    export function pseudoRandomBytes(size: number, callback: (err: Error, buf: Buffer) => void): void;
+    export interface RsaPublicKey {
+        key: string;
+        padding?: any;
+    }
+    export interface RsaPrivateKey {
+        key: string;
+        passphrase?: string,
+        padding?: any;
+    }
+    export function publicEncrypt(public_key: string | RsaPublicKey, buffer: Buffer): Buffer
+    export function privateDecrypt(private_key: string | RsaPrivateKey, buffer: Buffer): Buffer
+}
+
+declare module "stream" {
+    import * as events from "events";
+
+    export class Stream extends events.EventEmitter {
+        pipe<T extends NodeJS.WritableStream>(destination: T, options?: { end?: boolean; }): T;
+    }
+
+    export interface ReadableOptions {
+        highWaterMark?: number;
+        encoding?: string;
+        objectMode?: boolean;
+        read?: (size?: number) => any;
+    }
+
+    export class Readable extends events.EventEmitter implements NodeJS.ReadableStream {
+        readable: boolean;
+        constructor(opts?: ReadableOptions);
+        _read(size: number): void;
+        read(size?: number): any;
+        setEncoding(encoding: string): void;
+        pause(): void;
+        resume(): void;
+        pipe<T extends NodeJS.WritableStream>(destination: T, options?: { end?: boolean; }): T;
+        unpipe<T extends NodeJS.WritableStream>(destination?: T): void;
+        unshift(chunk: any): void;
+        wrap(oldStream: NodeJS.ReadableStream): NodeJS.ReadableStream;
+        push(chunk: any, encoding?: string): boolean;
+    }
+
+    export interface WritableOptions {
+        highWaterMark?: number;
+        decodeStrings?: boolean;
+        objectMode?: boolean;
+        write?: (chunk: string|Buffer, encoding: string, callback: Function) => any;
+        writev?: (chunks: {chunk: string|Buffer, encoding: string}[], callback: Function) => any;
+    }
+
+    export class Writable extends events.EventEmitter implements NodeJS.WritableStream {
+        writable: boolean;
+        constructor(opts?: WritableOptions);
+        _write(chunk: any, encoding: string, callback: Function): void;
+        write(chunk: any, cb?: Function): boolean;
+        write(chunk: any, encoding?: string, cb?: Function): boolean;
+        end(): void;
+        end(chunk: any, cb?: Function): void;
+        end(chunk: any, encoding?: string, cb?: Function): void;
+    }
+
+    export interface DuplexOptions extends ReadableOptions, WritableOptions {
+        allowHalfOpen?: boolean;
+        readableObjectMode?: boolean;
+        writableObjectMode?: boolean;
+    }
+
+    // Note: Duplex extends both Readable and Writable.
+    export class Duplex extends Readable implements NodeJS.ReadWriteStream {
+        writable: boolean;
+        constructor(opts?: DuplexOptions);
+        _write(chunk: any, encoding: string, callback: Function): void;
+        write(chunk: any, cb?: Function): boolean;
+        write(chunk: any, encoding?: string, cb?: Function): boolean;
+        end(): void;
+        end(chunk: any, cb?: Function): void;
+        end(chunk: any, encoding?: string, cb?: Function): void;
+    }
+
+    export interface TransformOptions extends ReadableOptions, WritableOptions {
+        transform?: (chunk: string|Buffer, encoding: string, callback: Function) => any;
+        flush?: (callback: Function) => any;
+    }
+
+    // Note: Transform lacks the _read and _write methods of Readable/Writable.
+    export class Transform extends events.EventEmitter implements NodeJS.ReadWriteStream {
+        readable: boolean;
+        writable: boolean;
+        constructor(opts?: TransformOptions);
+        _transform(chunk: any, encoding: string, callback: Function): void;
+        _flush(callback: Function): void;
+        read(size?: number): any;
+        setEncoding(encoding: string): void;
+        pause(): void;
+        resume(): void;
+        pipe<T extends NodeJS.WritableStream>(destination: T, options?: { end?: boolean; }): T;
+        unpipe<T extends NodeJS.WritableStream>(destination?: T): void;
+        unshift(chunk: any): void;
+        wrap(oldStream: NodeJS.ReadableStream): NodeJS.ReadableStream;
+        push(chunk: any, encoding?: string): boolean;
+        write(chunk: any, cb?: Function): boolean;
+        write(chunk: any, encoding?: string, cb?: Function): boolean;
+        end(): void;
+        end(chunk: any, cb?: Function): void;
+        end(chunk: any, encoding?: string, cb?: Function): void;
+    }
+
+    export class PassThrough extends Transform { }
+}
+
+declare module "util" {
+    export interface InspectOptions {
+        showHidden?: boolean;
+        depth?: number;
+        colors?: boolean;
+        customInspect?: boolean;
+    }
+
+    export function format(format: any, ...param: any[]): string;
+    export function debug(string: string): void;
+    export function error(...param: any[]): void;
+    export function puts(...param: any[]): void;
+    export function print(...param: any[]): void;
+    export function log(string: string): void;
+    export function inspect(object: any, showHidden?: boolean, depth?: number, color?: boolean): string;
+    export function inspect(object: any, options: InspectOptions): string;
+    export function isArray(object: any): boolean;
+    export function isRegExp(object: any): boolean;
+    export function isDate(object: any): boolean;
+    export function isError(object: any): boolean;
+    export function inherits(constructor: any, superConstructor: any): void;
+    export function debuglog(key: string): (msg: string, ...param: any[]) => void;
+}
+
+declare module "assert" {
+    function internal(value: any, message?: string): void;
+    namespace internal {
+        export class AssertionError implements Error {
+            name: string;
+            message: string;
+            actual: any;
+            expected: any;
+            operator: string;
+            generatedMessage: boolean;
+
+            constructor(options?: {
+                message?: string; actual?: any; expected?: any;
+                operator?: string; stackStartFunction?: Function
+            });
+        }
+
+        export function fail(actual?: any, expected?: any, message?: string, operator?: string): void;
+        export function ok(value: any, message?: string): void;
+        export function equal(actual: any, expected: any, message?: string): void;
+        export function notEqual(actual: any, expected: any, message?: string): void;
+        export function deepEqual(actual: any, expected: any, message?: string): void;
+        export function notDeepEqual(acutal: any, expected: any, message?: string): void;
+        export function strictEqual(actual: any, expected: any, message?: string): void;
+        export function notStrictEqual(actual: any, expected: any, message?: string): void;
+        export function deepStrictEqual(actual: any, expected: any, message?: string): void;
+        export function notDeepStrictEqual(actual: any, expected: any, message?: string): void;
+        export var throws: {
+            (block: Function, message?: string): void;
+            (block: Function, error: Function, message?: string): void;
+            (block: Function, error: RegExp, message?: string): void;
+            (block: Function, error: (err: any) => boolean, message?: string): void;
+        };
+
+        export var doesNotThrow: {
+            (block: Function, message?: string): void;
+            (block: Function, error: Function, message?: string): void;
+            (block: Function, error: RegExp, message?: string): void;
+            (block: Function, error: (err: any) => boolean, message?: string): void;
+        };
+
+        export function ifError(value: any): void;
+    }
+
+    export = internal;
+}
+
+declare module "tty" {
+    import * as net from "net";
+
+    export function isatty(fd: number): boolean;
+    export interface ReadStream extends net.Socket {
+        isRaw: boolean;
+        setRawMode(mode: boolean): void;
+        isTTY: boolean;
+    }
+    export interface WriteStream extends net.Socket {
+        columns: number;
+        rows: number;
+        isTTY: boolean;
+    }
+}
+
+declare module "domain" {
+    import * as events from "events";
+
+    export class Domain extends events.EventEmitter implements NodeJS.Domain {
+        run(fn: Function): void;
+        add(emitter: events.EventEmitter): void;
+        remove(emitter: events.EventEmitter): void;
+        bind(cb: (err: Error, data: any) => any): any;
+        intercept(cb: (data: any) => any): any;
+        dispose(): void;
+    }
+
+    export function create(): Domain;
+}
+
+declare module "constants" {
+    export var E2BIG: number;
+    export var EACCES: number;
+    export var EADDRINUSE: number;
+    export var EADDRNOTAVAIL: number;
+    export var EAFNOSUPPORT: number;
+    export var EAGAIN: number;
+    export var EALREADY: number;
+    export var EBADF: number;
+    export var EBADMSG: number;
+    export var EBUSY: number;
+    export var ECANCELED: number;
+    export var ECHILD: number;
+    export var ECONNABORTED: number;
+    export var ECONNREFUSED: number;
+    export var ECONNRESET: number;
+    export var EDEADLK: number;
+    export var EDESTADDRREQ: number;
+    export var EDOM: number;
+    export var EEXIST: number;
+    export var EFAULT: number;
+    export var EFBIG: number;
+    export var EHOSTUNREACH: number;
+    export var EIDRM: number;
+    export var EILSEQ: number;
+    export var EINPROGRESS: number;
+    export var EINTR: number;
+    export var EINVAL: number;
+    export var EIO: number;
+    export var EISCONN: number;
+    export var EISDIR: number;
+    export var ELOOP: number;
+    export var EMFILE: number;
+    export var EMLINK: number;
+    export var EMSGSIZE: number;
+    export var ENAMETOOLONG: number;
+    export var ENETDOWN: number;
+    export var ENETRESET: number;
+    export var ENETUNREACH: number;
+    export var ENFILE: number;
+    export var ENOBUFS: number;
+    export var ENODATA: number;
+    export var ENODEV: number;
+    export var ENOENT: number;
+    export var ENOEXEC: number;
+    export var ENOLCK: number;
+    export var ENOLINK: number;
+    export var ENOMEM: number;
+    export var ENOMSG: number;
+    export var ENOPROTOOPT: number;
+    export var ENOSPC: number;
+    export var ENOSR: number;
+    export var ENOSTR: number;
+    export var ENOSYS: number;
+    export var ENOTCONN: number;
+    export var ENOTDIR: number;
+    export var ENOTEMPTY: number;
+    export var ENOTSOCK: number;
+    export var ENOTSUP: number;
+    export var ENOTTY: number;
+    export var ENXIO: number;
+    export var EOPNOTSUPP: number;
+    export var EOVERFLOW: number;
+    export var EPERM: number;
+    export var EPIPE: number;
+    export var EPROTO: number;
+    export var EPROTONOSUPPORT: number;
+    export var EPROTOTYPE: number;
+    export var ERANGE: number;
+    export var EROFS: number;
+    export var ESPIPE: number;
+    export var ESRCH: number;
+    export var ETIME: number;
+    export var ETIMEDOUT: number;
+    export var ETXTBSY: number;
+    export var EWOULDBLOCK: number;
+    export var EXDEV: number;
+    export var WSAEINTR: number;
+    export var WSAEBADF: number;
+    export var WSAEACCES: number;
+    export var WSAEFAULT: number;
+    export var WSAEINVAL: number;
+    export var WSAEMFILE: number;
+    export var WSAEWOULDBLOCK: number;
+    export var WSAEINPROGRESS: number;
+    export var WSAEALREADY: number;
+    export var WSAENOTSOCK: number;
+    export var WSAEDESTADDRREQ: number;
+    export var WSAEMSGSIZE: number;
+    export var WSAEPROTOTYPE: number;
+    export var WSAENOPROTOOPT: number;
+    export var WSAEPROTONOSUPPORT: number;
+    export var WSAESOCKTNOSUPPORT: number;
+    export var WSAEOPNOTSUPP: number;
+    export var WSAEPFNOSUPPORT: number;
+    export var WSAEAFNOSUPPORT: number;
+    export var WSAEADDRINUSE: number;
+    export var WSAEADDRNOTAVAIL: number;
+    export var WSAENETDOWN: number;
+    export var WSAENETUNREACH: number;
+    export var WSAENETRESET: number;
+    export var WSAECONNABORTED: number;
+    export var WSAECONNRESET: number;
+    export var WSAENOBUFS: number;
+    export var WSAEISCONN: number;
+    export var WSAENOTCONN: number;
+    export var WSAESHUTDOWN: number;
+    export var WSAETOOMANYREFS: number;
+    export var WSAETIMEDOUT: number;
+    export var WSAECONNREFUSED: number;
+    export var WSAELOOP: number;
+    export var WSAENAMETOOLONG: number;
+    export var WSAEHOSTDOWN: number;
+    export var WSAEHOSTUNREACH: number;
+    export var WSAENOTEMPTY: number;
+    export var WSAEPROCLIM: number;
+    export var WSAEUSERS: number;
+    export var WSAEDQUOT: number;
+    export var WSAESTALE: number;
+    export var WSAEREMOTE: number;
+    export var WSASYSNOTREADY: number;
+    export var WSAVERNOTSUPPORTED: number;
+    export var WSANOTINITIALISED: number;
+    export var WSAEDISCON: number;
+    export var WSAENOMORE: number;
+    export var WSAECANCELLED: number;
+    export var WSAEINVALIDPROCTABLE: number;
+    export var WSAEINVALIDPROVIDER: number;
+    export var WSAEPROVIDERFAILEDINIT: number;
+    export var WSASYSCALLFAILURE: number;
+    export var WSASERVICE_NOT_FOUND: number;
+    export var WSATYPE_NOT_FOUND: number;
+    export var WSA_E_NO_MORE: number;
+    export var WSA_E_CANCELLED: number;
+    export var WSAEREFUSED: number;
+    export var SIGHUP: number;
+    export var SIGINT: number;
+    export var SIGILL: number;
+    export var SIGABRT: number;
+    export var SIGFPE: number;
+    export var SIGKILL: number;
+    export var SIGSEGV: number;
+    export var SIGTERM: number;
+    export var SIGBREAK: number;
+    export var SIGWINCH: number;
+    export var SSL_OP_ALL: number;
+    export var SSL_OP_ALLOW_UNSAFE_LEGACY_RENEGOTIATION: number;
+    export var SSL_OP_CIPHER_SERVER_PREFERENCE: number;
+    export var SSL_OP_CISCO_ANYCONNECT: number;
+    export var SSL_OP_COOKIE_EXCHANGE: number;
+    export var SSL_OP_CRYPTOPRO_TLSEXT_BUG: number;
+    export var SSL_OP_DONT_INSERT_EMPTY_FRAGMENTS: number;
+    export var SSL_OP_EPHEMERAL_RSA: number;
+    export var SSL_OP_LEGACY_SERVER_CONNECT: number;
+    export var SSL_OP_MICROSOFT_BIG_SSLV3_BUFFER: number;
+    export var SSL_OP_MICROSOFT_SESS_ID_BUG: number;
+    export var SSL_OP_MSIE_SSLV2_RSA_PADDING: number;
+    export var SSL_OP_NETSCAPE_CA_DN_BUG: number;
+    export var SSL_OP_NETSCAPE_CHALLENGE_BUG: number;
+    export var SSL_OP_NETSCAPE_DEMO_CIPHER_CHANGE_BUG: number;
+    export var SSL_OP_NETSCAPE_REUSE_CIPHER_CHANGE_BUG: number;
+    export var SSL_OP_NO_COMPRESSION: number;
+    export var SSL_OP_NO_QUERY_MTU: number;
+    export var SSL_OP_NO_SESSION_RESUMPTION_ON_RENEGOTIATION: number;
+    export var SSL_OP_NO_SSLv2: number;
+    export var SSL_OP_NO_SSLv3: number;
+    export var SSL_OP_NO_TICKET: number;
+    export var SSL_OP_NO_TLSv1: number;
+    export var SSL_OP_NO_TLSv1_1: number;
+    export var SSL_OP_NO_TLSv1_2: number;
+    export var SSL_OP_PKCS1_CHECK_1: number;
+    export var SSL_OP_PKCS1_CHECK_2: number;
+    export var SSL_OP_SINGLE_DH_USE: number;
+    export var SSL_OP_SINGLE_ECDH_USE: number;
+    export var SSL_OP_SSLEAY_080_CLIENT_DH_BUG: number;
+    export var SSL_OP_SSLREF2_REUSE_CERT_TYPE_BUG: number;
+    export var SSL_OP_TLS_BLOCK_PADDING_BUG: number;
+    export var SSL_OP_TLS_D5_BUG: number;
+    export var SSL_OP_TLS_ROLLBACK_BUG: number;
+    export var ENGINE_METHOD_DSA: number;
+    export var ENGINE_METHOD_DH: number;
+    export var ENGINE_METHOD_RAND: number;
+    export var ENGINE_METHOD_ECDH: number;
+    export var ENGINE_METHOD_ECDSA: number;
+    export var ENGINE_METHOD_CIPHERS: number;
+    export var ENGINE_METHOD_DIGESTS: number;
+    export var ENGINE_METHOD_STORE: number;
+    export var ENGINE_METHOD_PKEY_METHS: number;
+    export var ENGINE_METHOD_PKEY_ASN1_METHS: number;
+    export var ENGINE_METHOD_ALL: number;
+    export var ENGINE_METHOD_NONE: number;
+    export var DH_CHECK_P_NOT_SAFE_PRIME: number;
+    export var DH_CHECK_P_NOT_PRIME: number;
+    export var DH_UNABLE_TO_CHECK_GENERATOR: number;
+    export var DH_NOT_SUITABLE_GENERATOR: number;
+    export var NPN_ENABLED: number;
+    export var RSA_PKCS1_PADDING: number;
+    export var RSA_SSLV23_PADDING: number;
+    export var RSA_NO_PADDING: number;
+    export var RSA_PKCS1_OAEP_PADDING: number;
+    export var RSA_X931_PADDING: number;
+    export var RSA_PKCS1_PSS_PADDING: number;
+    export var POINT_CONVERSION_COMPRESSED: number;
+    export var POINT_CONVERSION_UNCOMPRESSED: number;
+    export var POINT_CONVERSION_HYBRID: number;
+    export var O_RDONLY: number;
+    export var O_WRONLY: number;
+    export var O_RDWR: number;
+    export var S_IFMT: number;
+    export var S_IFREG: number;
+    export var S_IFDIR: number;
+    export var S_IFCHR: number;
+    export var S_IFBLK: number;
+    export var S_IFIFO: number;
+    export var S_IFSOCK: number;
+    export var S_IRWXU: number;
+    export var S_IRUSR: number;
+    export var S_IWUSR: number;
+    export var S_IXUSR: number;
+    export var S_IRWXG: number;
+    export var S_IRGRP: number;
+    export var S_IWGRP: number;
+    export var S_IXGRP: number;
+    export var S_IRWXO: number;
+    export var S_IROTH: number;
+    export var S_IWOTH: number;
+    export var S_IXOTH: number;
+    export var S_IFLNK: number;
+    export var O_CREAT: number;
+    export var O_EXCL: number;
+    export var O_NOCTTY: number;
+    export var O_DIRECTORY: number;
+    export var O_NOATIME: number;
+    export var O_NOFOLLOW: number;
+    export var O_SYNC: number;
+    export var O_SYMLINK: number;
+    export var O_DIRECT: number;
+    export var O_NONBLOCK: number;
+    export var O_TRUNC: number;
+    export var O_APPEND: number;
+    export var F_OK: number;
+    export var R_OK: number;
+    export var W_OK: number;
+    export var X_OK: number;
+    export var UV_UDP_REUSEADDR: number;
+}
diff --git a/web/typings/react/react.d.ts b/web/typings/react/react.d.ts
new file mode 100644
index 0000000..57ef054
--- /dev/null
+++ b/web/typings/react/react.d.ts
@@ -0,0 +1,2517 @@
+// Type definitions for React v0.14
+// Project: http://facebook.github.io/react/
+// Definitions by: Asana <https://asana.com>, AssureSign <http://www.assuresign.com>, Microsoft <https://microsoft.com>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace __React {
+
+    //
+    // React Elements
+    // ----------------------------------------------------------------------
+
+    type ReactType = string | ComponentClass<any> | StatelessComponent<any>;
+
+    type Key = string | number;
+    type Ref<T> = string | ((instance: T) => any);
+    type ComponentState = {} | void;
+
+    interface Attributes {
+        key?: Key;
+    }
+    interface ClassAttributes<T> extends Attributes {
+        ref?: Ref<T>;
+    }
+
+    interface ReactElement<P> {
+        type: string | ComponentClass<P> | SFC<P>;
+        props: P;
+        key?: Key;
+    }
+
+    interface SFCElement<P> extends ReactElement<P> {
+        type: SFC<P>;
+    }
+
+    type CElement<P, T extends Component<P, ComponentState>> = ComponentElement<P, T>;
+    interface ComponentElement<P, T extends Component<P, ComponentState>> extends ReactElement<P> {
+        type: ComponentClass<P>;
+        ref?: Ref<T>;
+    }
+
+    type ClassicElement<P> = CElement<P, ClassicComponent<P, ComponentState>>;
+
+    interface DOMElement<P extends DOMAttributes, T extends Element> extends ReactElement<P> {
+        type: string;
+        ref: Ref<T>;
+    }
+
+    interface ReactHTMLElement<T extends HTMLElement> extends DOMElement<HTMLAttributes, T> {
+    }
+
+    interface ReactSVGElement extends DOMElement<SVGAttributes, SVGElement> {
+    }
+
+    //
+    // Factories
+    // ----------------------------------------------------------------------
+
+    interface Factory<P> {
+        (props?: P & Attributes, ...children: ReactNode[]): ReactElement<P>;
+    }
+
+    interface SFCFactory<P> {
+        (props?: P & Attributes, ...children: ReactNode[]): SFCElement<P>;
+    }
+
+    interface ComponentFactory<P, T extends Component<P, ComponentState>> {
+        (props?: P & ClassAttributes<T>, ...children: ReactNode[]): CElement<P, T>;
+    }
+
+    type CFactory<P, T extends Component<P, ComponentState>> = ComponentFactory<P, T>;
+    type ClassicFactory<P> = CFactory<P, ClassicComponent<P, ComponentState>>;
+
+    interface DOMFactory<P extends DOMAttributes, T extends Element> {
+        (props?: P & ClassAttributes<T>, ...children: ReactNode[]): DOMElement<P, T>;
+    }
+
+    interface HTMLFactory<T extends HTMLElement> extends DOMFactory<HTMLAttributes, T> {
+    }
+
+    interface SVGFactory extends DOMFactory<SVGAttributes, SVGElement> {
+    }
+
+    //
+    // React Nodes
+    // http://facebook.github.io/react/docs/glossary.html
+    // ----------------------------------------------------------------------
+
+    type ReactText = string | number;
+    type ReactChild = ReactElement<any> | ReactText;
+
+    // Should be Array<ReactNode> but type aliases cannot be recursive
+    type ReactFragment = {} | Array<ReactChild | any[] | boolean>;
+    type ReactNode = ReactChild | ReactFragment | boolean;
+
+    //
+    // Top Level API
+    // ----------------------------------------------------------------------
+
+    function createClass<P, S>(spec: ComponentSpec<P, S>): ClassicComponentClass<P>;
+
+    function createFactory<P extends DOMAttributes, T extends Element>(
+        type: string): DOMFactory<P, T>;
+    function createFactory<P>(type: SFC<P>): SFCFactory<P>;
+    function createFactory<P>(
+        type: ClassType<P, ClassicComponent<P, ComponentState>, ClassicComponentClass<P>>): CFactory<P, ClassicComponent<P, ComponentState>>;
+    function createFactory<P, T extends Component<P, ComponentState>, C extends ComponentClass<P>>(
+        type: ClassType<P, T, C>): CFactory<P, T>;
+    function createFactory<P>(type: ComponentClass<P> | SFC<P>): Factory<P>;
+
+    function createElement<P extends DOMAttributes, T extends Element>(
+        type: string,
+        props?: P & ClassAttributes<T>,
+        ...children: ReactNode[]): DOMElement<P, T>;
+    function createElement<P>(
+        type: SFC<P>,
+        props?: P & Attributes,
+        ...children: ReactNode[]): SFCElement<P>;
+    function createElement<P>(
+        type: ClassType<P, ClassicComponent<P, ComponentState>, ClassicComponentClass<P>>,
+        props?: P & ClassAttributes<ClassicComponent<P, ComponentState>>,
+        ...children: ReactNode[]): CElement<P, ClassicComponent<P, ComponentState>>;
+    function createElement<P, T extends Component<P, ComponentState>, C extends ComponentClass<P>>(
+        type: ClassType<P, T, C>,
+        props?: P & ClassAttributes<T>,
+        ...children: ReactNode[]): CElement<P, T>;
+    function createElement<P>(
+        type: ComponentClass<P> | SFC<P>,
+        props?: P & Attributes,
+        ...children: ReactNode[]): ReactElement<P>;
+
+    function cloneElement<P extends DOMAttributes, T extends Element>(
+        element: DOMElement<P, T>,
+        props?: P & ClassAttributes<T>,
+        ...children: ReactNode[]): DOMElement<P, T>;
+    function cloneElement<P extends Q, Q>(
+        element: SFCElement<P>,
+        props?: Q, // should be Q & Attributes, but then Q is inferred as {}
+        ...children: ReactNode[]): SFCElement<P>;
+    function cloneElement<P extends Q, Q, T extends Component<P, ComponentState>>(
+        element: CElement<P, T>,
+        props?: Q, // should be Q & ClassAttributes<T>
+        ...children: ReactNode[]): CElement<P, T>;
+    function cloneElement<P extends Q, Q>(
+        element: ReactElement<P>,
+        props?: Q, // should be Q & Attributes
+        ...children: ReactNode[]): ReactElement<P>;
+
+    function isValidElement<P>(object: {}): object is ReactElement<P>;
+
+    var DOM: ReactDOM;
+    var PropTypes: ReactPropTypes;
+    var Children: ReactChildren;
+    var version: string;
+
+    //
+    // Component API
+    // ----------------------------------------------------------------------
+
+    type ReactInstance = Component<any, any> | Element;
+
+    // Base component for plain JS classes
+    class Component<P, S> implements ComponentLifecycle<P, S> {
+        constructor(props?: P, context?: any);
+        setState(f: (prevState: S, props: P) => S, callback?: () => any): void;
+        setState(state: S, callback?: () => any): void;
+        forceUpdate(callback?: () => any): void;
+        render(): JSX.Element;
+
+        // React.Props<T> is now deprecated, which means that the `children`
+        // property is not available on `P` by default, even though you can
+        // always pass children as variadic arguments to `createElement`.
+        // In the future, if we can define its call signature conditionally
+        // on the existence of `children` in `P`, then we should remove this.
+        props: P & { children?: ReactNode };
+        state: S;
+        context: {};
+        refs: {
+            [key: string]: ReactInstance
+        };
+    }
+
+    interface ClassicComponent<P, S> extends Component<P, S> {
+        replaceState(nextState: S, callback?: () => any): void;
+        isMounted(): boolean;
+        getInitialState?(): S;
+    }
+
+    interface ChildContextProvider<CC> {
+        getChildContext(): CC;
+    }
+
+    //
+    // Class Interfaces
+    // ----------------------------------------------------------------------
+
+    type SFC<P> = StatelessComponent<P>;
+    interface StatelessComponent<P> {
+        (props?: P, context?: any): ReactElement<any>;
+        propTypes?: ValidationMap<P>;
+        contextTypes?: ValidationMap<any>;
+        defaultProps?: P;
+        displayName?: string;
+    }
+
+    interface ComponentClass<P> {
+        new(props?: P, context?: any): Component<P, ComponentState>;
+        propTypes?: ValidationMap<P>;
+        contextTypes?: ValidationMap<any>;
+        childContextTypes?: ValidationMap<any>;
+        defaultProps?: P;
+        displayName?: string;
+    }
+
+    interface ClassicComponentClass<P> extends ComponentClass<P> {
+        new(props?: P, context?: any): ClassicComponent<P, ComponentState>;
+        getDefaultProps?(): P;
+    }
+
+    /**
+     * We use an intersection type to infer multiple type parameters from
+     * a single argument, which is useful for many top-level API defs.
+     * See https://github.com/Microsoft/TypeScript/issues/7234 for more info.
+     */
+    type ClassType<P, T extends Component<P, ComponentState>, C extends ComponentClass<P>> =
+        C &
+        (new() => T) &
+        (new() => { props: P });
+
+    //
+    // Component Specs and Lifecycle
+    // ----------------------------------------------------------------------
+
+    interface ComponentLifecycle<P, S> {
+        componentWillMount?(): void;
+        componentDidMount?(): void;
+        componentWillReceiveProps?(nextProps: P, nextContext: any): void;
+        shouldComponentUpdate?(nextProps: P, nextState: S, nextContext: any): boolean;
+        componentWillUpdate?(nextProps: P, nextState: S, nextContext: any): void;
+        componentDidUpdate?(prevProps: P, prevState: S, prevContext: any): void;
+        componentWillUnmount?(): void;
+    }
+
+    interface Mixin<P, S> extends ComponentLifecycle<P, S> {
+        mixins?: Mixin<P, S>;
+        statics?: {
+            [key: string]: any;
+        };
+
+        displayName?: string;
+        propTypes?: ValidationMap<any>;
+        contextTypes?: ValidationMap<any>;
+        childContextTypes?: ValidationMap<any>;
+
+        getDefaultProps?(): P;
+        getInitialState?(): S;
+    }
+
+    interface ComponentSpec<P, S> extends Mixin<P, S> {
+        render(): ReactElement<any>;
+
+        [propertyName: string]: any;
+    }
+
+    //
+    // Event System
+    // ----------------------------------------------------------------------
+
+    interface SyntheticEvent {
+        bubbles: boolean;
+        cancelable: boolean;
+        currentTarget: EventTarget;
+        defaultPrevented: boolean;
+        eventPhase: number;
+        isTrusted: boolean;
+        nativeEvent: Event;
+        preventDefault(): void;
+        stopPropagation(): void;
+        target: EventTarget;
+        timeStamp: Date;
+        type: string;
+    }
+
+    interface ClipboardEvent extends SyntheticEvent {
+        clipboardData: DataTransfer;
+    }
+
+    interface CompositionEvent extends SyntheticEvent {
+        data: string;
+    }
+
+    interface DragEvent extends MouseEvent {
+        dataTransfer: DataTransfer;
+    }
+
+    interface FocusEvent extends SyntheticEvent {
+        relatedTarget: EventTarget;
+    }
+
+    interface FormEvent extends SyntheticEvent {
+    }
+
+    interface KeyboardEvent extends SyntheticEvent {
+        altKey: boolean;
+        charCode: number;
+        ctrlKey: boolean;
+        getModifierState(key: string): boolean;
+        key: string;
+        keyCode: number;
+        locale: string;
+        location: number;
+        metaKey: boolean;
+        repeat: boolean;
+        shiftKey: boolean;
+        which: number;
+    }
+
+    interface MouseEvent extends SyntheticEvent {
+        altKey: boolean;
+        button: number;
+        buttons: number;
+        clientX: number;
+        clientY: number;
+        ctrlKey: boolean;
+        getModifierState(key: string): boolean;
+        metaKey: boolean;
+        pageX: number;
+        pageY: number;
+        relatedTarget: EventTarget;
+        screenX: number;
+        screenY: number;
+        shiftKey: boolean;
+    }
+
+    interface TouchEvent extends SyntheticEvent {
+        altKey: boolean;
+        changedTouches: TouchList;
+        ctrlKey: boolean;
+        getModifierState(key: string): boolean;
+        metaKey: boolean;
+        shiftKey: boolean;
+        targetTouches: TouchList;
+        touches: TouchList;
+    }
+
+    interface UIEvent extends SyntheticEvent {
+        detail: number;
+        view: AbstractView;
+    }
+
+    interface WheelEvent extends MouseEvent {
+        deltaMode: number;
+        deltaX: number;
+        deltaY: number;
+        deltaZ: number;
+    }
+
+    interface AnimationEvent extends SyntheticEvent {
+        animationName: string;
+        pseudoElement: string;
+        elapsedTime: number;
+    }
+
+    interface TransitionEvent extends SyntheticEvent {
+        propertyName: string;
+        pseudoElement: string;
+        elapsedTime: number;
+    }
+
+    //
+    // Event Handler Types
+    // ----------------------------------------------------------------------
+
+    interface EventHandler<E extends SyntheticEvent> {
+        (event: E): void;
+    }
+
+    type ReactEventHandler = EventHandler<SyntheticEvent>;
+
+    type ClipboardEventHandler = EventHandler<ClipboardEvent>;
+    type CompositionEventHandler = EventHandler<CompositionEvent>;
+    type DragEventHandler = EventHandler<DragEvent>;
+    type FocusEventHandler = EventHandler<FocusEvent>;
+    type FormEventHandler = EventHandler<FormEvent>;
+    type KeyboardEventHandler = EventHandler<KeyboardEvent>;
+    type MouseEventHandler = EventHandler<MouseEvent>;
+    type TouchEventHandler = EventHandler<TouchEvent>;
+    type UIEventHandler = EventHandler<UIEvent>;
+    type WheelEventHandler = EventHandler<WheelEvent>;
+    type AnimationEventHandler = EventHandler<AnimationEvent>;
+    type TransitionEventHandler = EventHandler<TransitionEvent>;
+
+    //
+    // Props / DOM Attributes
+    // ----------------------------------------------------------------------
+
+    /**
+     * @deprecated. This was used to allow clients to pass `ref` and `key`
+     * to `createElement`, which is no longer necessary due to intersection
+     * types. If you need to declare a props object before passing it to
+     * `createElement` or a factory, use `ClassAttributes<T>`:
+     *
+     * ```ts
+     * var b: Button;
+     * var props: ButtonProps & ClassAttributes<Button> = {
+     *     ref: b => button = b, // ok!
+     *     label: "I'm a Button"
+     * };
+     * ```
+     */
+    interface Props<T> {
+        children?: ReactNode;
+        key?: Key;
+        ref?: Ref<T>;
+    }
+
+    interface HTMLProps<T> extends HTMLAttributes, ClassAttributes<T> {
+    }
+
+    interface SVGProps extends SVGAttributes, ClassAttributes<SVGElement> {
+    }
+
+    interface DOMAttributes {
+        children?: ReactNode;
+        dangerouslySetInnerHTML?: {
+            __html: string;
+        };
+
+        // Clipboard Events
+        onCopy?: ClipboardEventHandler;
+        onCut?: ClipboardEventHandler;
+        onPaste?: ClipboardEventHandler;
+
+        // Composition Events
+        onCompositionEnd?: CompositionEventHandler;
+        onCompositionStart?: CompositionEventHandler;
+        onCompositionUpdate?: CompositionEventHandler;
+
+        // Focus Events
+        onFocus?: FocusEventHandler;
+        onBlur?: FocusEventHandler;
+
+        // Form Events
+        onChange?: FormEventHandler;
+        onInput?: FormEventHandler;
+        onSubmit?: FormEventHandler;
+
+        // Image Events
+        onLoad?: ReactEventHandler;
+        onError?: ReactEventHandler; // also a Media Event
+
+        // Keyboard Events
+        onKeyDown?: KeyboardEventHandler;
+        onKeyPress?: KeyboardEventHandler;
+        onKeyUp?: KeyboardEventHandler;
+
+        // Media Events
+        onAbort?: ReactEventHandler;
+        onCanPlay?: ReactEventHandler;
+        onCanPlayThrough?: ReactEventHandler;
+        onDurationChange?: ReactEventHandler;
+        onEmptied?: ReactEventHandler;
+        onEncrypted?: ReactEventHandler;
+        onEnded?: ReactEventHandler;
+        onLoadedData?: ReactEventHandler;
+        onLoadedMetadata?: ReactEventHandler;
+        onLoadStart?: ReactEventHandler;
+        onPause?: ReactEventHandler;
+        onPlay?: ReactEventHandler;
+        onPlaying?: ReactEventHandler;
+        onProgress?: ReactEventHandler;
+        onRateChange?: ReactEventHandler;
+        onSeeked?: ReactEventHandler;
+        onSeeking?: ReactEventHandler;
+        onStalled?: ReactEventHandler;
+        onSuspend?: ReactEventHandler;
+        onTimeUpdate?: ReactEventHandler;
+        onVolumeChange?: ReactEventHandler;
+        onWaiting?: ReactEventHandler;
+
+        // MouseEvents
+        onClick?: MouseEventHandler;
+        onContextMenu?: MouseEventHandler;
+        onDoubleClick?: MouseEventHandler;
+        onDrag?: DragEventHandler;
+        onDragEnd?: DragEventHandler;
+        onDragEnter?: DragEventHandler;
+        onDragExit?: DragEventHandler;
+        onDragLeave?: DragEventHandler;
+        onDragOver?: DragEventHandler;
+        onDragStart?: DragEventHandler;
+        onDrop?: DragEventHandler;
+        onMouseDown?: MouseEventHandler;
+        onMouseEnter?: MouseEventHandler;
+        onMouseLeave?: MouseEventHandler;
+        onMouseMove?: MouseEventHandler;
+        onMouseOut?: MouseEventHandler;
+        onMouseOver?: MouseEventHandler;
+        onMouseUp?: MouseEventHandler;
+
+        // Selection Events
+        onSelect?: ReactEventHandler;
+
+        // Touch Events
+        onTouchCancel?: TouchEventHandler;
+        onTouchEnd?: TouchEventHandler;
+        onTouchMove?: TouchEventHandler;
+        onTouchStart?: TouchEventHandler;
+
+        // UI Events
+        onScroll?: UIEventHandler;
+
+        // Wheel Events
+        onWheel?: WheelEventHandler;
+
+        // Animation Events
+        onAnimationStart?: AnimationEventHandler;
+        onAnimationEnd?: AnimationEventHandler;
+        onAnimationIteration?: AnimationEventHandler;
+
+        // Transition Events
+        onTransitionEnd?: TransitionEventHandler;
+    }
+
+    // This interface is not complete. Only properties accepting
+    // unitless numbers are listed here (see CSSProperty.js in React)
+    interface CSSProperties {
+
+        /**
+         * Aligns a flex container's lines within the flex container when there is extra space in the cross-axis, similar to how justify-content aligns individual items within the main-axis.
+         */
+        alignContent?: any;
+
+        /**
+         * Sets the default alignment in the cross axis for all of the flex container's items, including anonymous flex items, similarly to how justify-content aligns items along the main axis.
+         */
+        alignItems?: any;
+
+        /**
+         * Allows the default alignment to be overridden for individual flex items.
+         */
+        alignSelf?: any;
+
+        /**
+         * This property allows precise alignment of elements, such as graphics, that do not have a baseline-table or lack the desired baseline in their baseline-table. With the alignment-adjust property, the position of the baseline identified by the alignment-baseline can be explicitly determined. It also determines precisely the alignment point for each glyph within a textual element.
+         */
+        alignmentAdjust?: any;
+
+        alignmentBaseline?: any;
+
+        /**
+         * Defines a length of time to elapse before an animation starts, allowing an animation to begin execution some time after it is applied.
+         */
+        animationDelay?: any;
+
+        /**
+         * Defines whether an animation should run in reverse on some or all cycles.
+         */
+        animationDirection?: any;
+
+        /**
+         * Specifies how many times an animation cycle should play.
+         */
+        animationIterationCount?: any;
+
+        /**
+         * Defines the list of animations that apply to the element.
+         */
+        animationName?: any;
+
+        /**
+         * Defines whether an animation is running or paused.
+         */
+        animationPlayState?: any;
+
+        /**
+         * Allows changing the style of any element to platform-based interface elements or vice versa.
+         */
+        appearance?: any;
+
+        /**
+         * Determines whether or not the “back” side of a transformed element is visible when facing the viewer.
+         */
+        backfaceVisibility?: any;
+
+        /**
+         * Shorthand property to set the values for one or more of:
+         * background-clip, background-color, background-image,
+         * background-origin, background-position, background-repeat,
+         * background-size, and background-attachment.
+         */
+        background?: any;
+
+        /**
+         * If a background-image is specified, this property determines
+         * whether that image's position is fixed within the viewport,
+         * or scrolls along with its containing block.
+         */
+        backgroundAttachment?: "scroll" | "fixed" | "local";
+
+        /**
+         * This property describes how the element's background images should blend with each other and the element's background color.
+         * The value is a list of blend modes that corresponds to each background image. Each element in the list will apply to the corresponding element of background-image. If a property doesn’t have enough comma-separated values to match the number of layers, the UA must calculate its used value by repeating the list of values until there are enough.
+         */
+        backgroundBlendMode?: any;
+
+        /**
+         * Sets the background color of an element.
+         */
+        backgroundColor?: any;
+
+        backgroundComposite?: any;
+
+        /**
+         * Applies one or more background images to an element. These can be any valid CSS image, including url() paths to image files or CSS gradients.
+         */
+        backgroundImage?: any;
+
+        /**
+         * Specifies what the background-position property is relative to.
+         */
+        backgroundOrigin?: any;
+
+        /**
+         * Sets the position of a background image.
+         */
+        backgroundPosition?: any;
+
+        /**
+         * Background-repeat defines if and how background images will be repeated after they have been sized and positioned
+         */
+        backgroundRepeat?: any;
+
+        /**
+         * Obsolete - spec retired, not implemented.
+         */
+        baselineShift?: any;
+
+        /**
+         * Non standard. Sets or retrieves the location of the Dynamic HTML (DHTML) behavior.
+         */
+        behavior?: any;
+
+        /**
+         * Shorthand property that defines the different properties of all four sides of an element's border in a single declaration. It can be used to set border-width, border-style and border-color, or a subset of these.
+         */
+        border?: any;
+
+        /**
+         * Shorthand that sets the values of border-bottom-color,
+         * border-bottom-style, and border-bottom-width.
+         */
+        borderBottom?: any;
+
+        /**
+         * Sets the color of the bottom border of an element.
+         */
+        borderBottomColor?: any;
+
+        /**
+         * Defines the shape of the border of the bottom-left corner.
+         */
+        borderBottomLeftRadius?: any;
+
+        /**
+         * Defines the shape of the border of the bottom-right corner.
+         */
+        borderBottomRightRadius?: any;
+
+        /**
+         * Sets the line style of the bottom border of a box.
+         */
+        borderBottomStyle?: any;
+
+        /**
+         * Sets the width of an element's bottom border. To set all four borders, use the border-width shorthand property which sets the values simultaneously for border-top-width, border-right-width, border-bottom-width, and border-left-width.
+         */
+        borderBottomWidth?: any;
+
+        /**
+         * Border-collapse can be used for collapsing the borders between table cells
+         */
+        borderCollapse?: any;
+
+        /**
+         * The CSS border-color property sets the color of an element's four borders. This property can have from one to four values, made up of the elementary properties:     •       border-top-color
+         *      •       border-right-color
+         *      •       border-bottom-color
+         *      •       border-left-color The default color is the currentColor of each of these values.
+         * If you provide one value, it sets the color for the element. Two values set the horizontal and vertical values, respectively. Providing three values sets the top, vertical, and bottom values, in that order. Four values set all for sides: top, right, bottom, and left, in that order.
+         */
+        borderColor?: any;
+
+        /**
+         * Specifies different corner clipping effects, such as scoop (inner curves), bevel (straight cuts) or notch (cut-off rectangles). Works along with border-radius to specify the size of each corner effect.
+         */
+        borderCornerShape?: any;
+
+        /**
+         * The property border-image-source is used to set the image to be used instead of the border style. If this is set to none the border-style is used instead.
+         */
+        borderImageSource?: any;
+
+        /**
+         * The border-image-width CSS property defines the offset to use for dividing the border image in nine parts, the top-left corner, central top edge, top-right-corner, central right edge, bottom-right corner, central bottom edge, bottom-left corner, and central right edge. They represent inward distance from the top, right, bottom, and left edges.
+         */
+        borderImageWidth?: any;
+
+        /**
+         * Shorthand property that defines the border-width, border-style and border-color of an element's left border in a single declaration. Note that you can use the corresponding longhand properties to set specific individual properties of the left border — border-left-width, border-left-style and border-left-color.
+         */
+        borderLeft?: any;
+
+        /**
+         * The CSS border-left-color property sets the color of an element's left border. This page explains the border-left-color value, but often you will find it more convenient to fix the border's left color as part of a shorthand set, either border-left or border-color.
+         * Colors can be defined several ways. For more information, see Usage.
+         */
+        borderLeftColor?: any;
+
+        /**
+         * Sets the style of an element's left border. To set all four borders, use the shorthand property, border-style. Otherwise, you can set the borders individually with border-top-style, border-right-style, border-bottom-style, border-left-style.
+         */
+        borderLeftStyle?: any;
+
+        /**
+         * Sets the width of an element's left border. To set all four borders, use the border-width shorthand property which sets the values simultaneously for border-top-width, border-right-width, border-bottom-width, and border-left-width.
+         */
+        borderLeftWidth?: any;
+
+        /**
+         * Shorthand property that defines the border-width, border-style and border-color of an element's right border in a single declaration. Note that you can use the corresponding longhand properties to set specific individual properties of the right border — border-right-width, border-right-style and border-right-color.
+         */
+        borderRight?: any;
+
+        /**
+         * Sets the color of an element's right border. This page explains the border-right-color value, but often you will find it more convenient to fix the border's right color as part of a shorthand set, either border-right or border-color.
+         * Colors can be defined several ways. For more information, see Usage.
+         */
+        borderRightColor?: any;
+
+        /**
+         * Sets the style of an element's right border. To set all four borders, use the shorthand property, border-style. Otherwise, you can set the borders individually with border-top-style, border-right-style, border-bottom-style, border-left-style.
+         */
+        borderRightStyle?: any;
+
+        /**
+         * Sets the width of an element's right border. To set all four borders, use the border-width shorthand property which sets the values simultaneously for border-top-width, border-right-width, border-bottom-width, and border-left-width.
+         */
+        borderRightWidth?: any;
+
+        /**
+         * Specifies the distance between the borders of adjacent cells.
+         */
+        borderSpacing?: any;
+
+        /**
+         * Sets the style of an element's four borders. This property can have from one to four values. With only one value, the value will be applied to all four borders; otherwise, this works as a shorthand property for each of border-top-style, border-right-style, border-bottom-style, border-left-style, where each border style may be assigned a separate value.
+         */
+        borderStyle?: any;
+
+        /**
+         * Shorthand property that defines the border-width, border-style and border-color of an element's top border in a single declaration. Note that you can use the corresponding longhand properties to set specific individual properties of the top border — border-top-width, border-top-style and border-top-color.
+         */
+        borderTop?: any;
+
+        /**
+         * Sets the color of an element's top border. This page explains the border-top-color value, but often you will find it more convenient to fix the border's top color as part of a shorthand set, either border-top or border-color.
+         * Colors can be defined several ways. For more information, see Usage.
+         */
+        borderTopColor?: any;
+
+        /**
+         * Sets the rounding of the top-left corner of the element.
+         */
+        borderTopLeftRadius?: any;
+
+        /**
+         * Sets the rounding of the top-right corner of the element.
+         */
+        borderTopRightRadius?: any;
+
+        /**
+         * Sets the style of an element's top border. To set all four borders, use the shorthand property, border-style. Otherwise, you can set the borders individually with border-top-style, border-right-style, border-bottom-style, border-left-style.
+         */
+        borderTopStyle?: any;
+
+        /**
+         * Sets the width of an element's top border. To set all four borders, use the border-width shorthand property which sets the values simultaneously for border-top-width, border-right-width, border-bottom-width, and border-left-width.
+         */
+        borderTopWidth?: any;
+
+        /**
+         * Sets the width of an element's four borders. This property can have from one to four values. This is a shorthand property for setting values simultaneously for border-top-width, border-right-width, border-bottom-width, and border-left-width.
+         */
+        borderWidth?: any;
+
+        /**
+         * This property specifies how far an absolutely positioned box's bottom margin edge is offset above the bottom edge of the box's containing block. For relatively positioned boxes, the offset is with respect to the bottom edges of the box itself (i.e., the box is given a position in the normal flow, then offset from that position according to these properties).
+         */
+        bottom?: any;
+
+        /**
+         * Obsolete.
+         */
+        boxAlign?: any;
+
+        /**
+         * Breaks a box into fragments creating new borders, padding and repeating backgrounds or lets it stay as a continuous box on a page break, column break, or, for inline elements, at a line break.
+         */
+        boxDecorationBreak?: any;
+
+        /**
+         * Deprecated
+         */
+        boxDirection?: any;
+
+        /**
+         * Do not use. This property has been replaced by the flex-wrap property.
+         * Gets or sets a value that specifies the direction to add successive rows or columns when the value of box-lines is set to multiple.
+         */
+        boxLineProgression?: any;
+
+        /**
+         * Do not use. This property has been replaced by the flex-wrap property.
+         * Gets or sets a value that specifies whether child elements wrap onto multiple lines or columns based on the space available in the object.
+         */
+        boxLines?: any;
+
+        /**
+         * Do not use. This property has been replaced by flex-order.
+         * Specifies the ordinal group that a child element of the object belongs to. This ordinal value identifies the display order (along the axis defined by the box-orient property) for the group.
+         */
+        boxOrdinalGroup?: any;
+
+        /**
+         * Deprecated.
+         */
+        boxFlex?: number;
+
+        /**
+         * Deprecated.
+         */
+        boxFlexGroup?: number;
+
+        /**
+         * The CSS break-after property allows you to force a break on multi-column layouts. More specifically, it allows you to force a break after an element. It allows you to determine if a break should occur, and what type of break it should be. The break-after CSS property describes how the page, column or region break behaves after the generated box. If there is no generated box, the property is ignored.
+         */
+        breakAfter?: any;
+
+        /**
+         * Control page/column/region breaks that fall above a block of content
+         */
+        breakBefore?: any;
+
+        /**
+         * Control page/column/region breaks that fall within a block of content
+         */
+        breakInside?: any;
+
+        /**
+         * The clear CSS property specifies if an element can be positioned next to or must be positioned below the floating elements that precede it in the markup.
+         */
+        clear?: any;
+
+        /**
+         * Deprecated; see clip-path.
+         * Lets you specify the dimensions of an absolutely positioned element that should be visible, and the element is clipped into this shape, and displayed.
+         */
+        clip?: any;
+
+        /**
+         * Clipping crops an graphic, so that only a portion of the graphic is rendered, or filled. This clip-rule property, when used with the clip-path property, defines which clip rule, or algorithm, to use when filling the different parts of a graphics.
+         */
+        clipRule?: any;
+
+        /**
+         * The color property sets the color of an element's foreground content (usually text), accepting any standard CSS color from keywords and hex values to RGB(a) and HSL(a).
+         */
+        color?: any;
+
+        /**
+         * Describes the number of columns of the element.
+         */
+        columnCount?: number;
+
+        /**
+         * Specifies how to fill columns (balanced or sequential).
+         */
+        columnFill?: any;
+
+        /**
+         * The column-gap property controls the width of the gap between columns in multi-column elements.
+         */
+        columnGap?: any;
+
+        /**
+         * Sets the width, style, and color of the rule between columns.
+         */
+        columnRule?: any;
+
+        /**
+         * Specifies the color of the rule between columns.
+         */
+        columnRuleColor?: any;
+
+        /**
+         * Specifies the width of the rule between columns.
+         */
+        columnRuleWidth?: any;
+
+        /**
+         * The column-span CSS property makes it possible for an element to span across all columns when its value is set to all. An element that spans more than one column is called a spanning element.
+         */
+        columnSpan?: any;
+
+        /**
+         * Specifies the width of columns in multi-column elements.
+         */
+        columnWidth?: any;
+
+        /**
+         * This property is a shorthand property for setting column-width and/or column-count.
+         */
+        columns?: any;
+
+        /**
+         * The counter-increment property accepts one or more names of counters (identifiers), each one optionally followed by an integer which specifies the value by which the counter should be incremented (e.g. if the value is 2, the counter increases by 2 each time it is invoked).
+         */
+        counterIncrement?: any;
+
+        /**
+         * The counter-reset property contains a list of one or more names of counters, each one optionally followed by an integer (otherwise, the integer defaults to 0.) Each time the given element is invoked, the counters specified by the property are set to the given integer.
+         */
+        counterReset?: any;
+
+        /**
+         * The cue property specifies sound files (known as an "auditory icon") to be played by speech media agents before and after presenting an element's content; if only one file is specified, it is played both before and after. The volume at which the file(s) should be played, relative to the volume of the main element, may also be specified. The icon files may also be set separately with the cue-before and cue-after properties.
+         */
+        cue?: any;
+
+        /**
+         * The cue-after property specifies a sound file (known as an "auditory icon") to be played by speech media agents after presenting an element's content; the volume at which the file should be played may also be specified. The shorthand property cue sets cue sounds for both before and after the element is presented.
+         */
+        cueAfter?: any;
+
+        /**
+         * Specifies the mouse cursor displayed when the mouse pointer is over an element.
+         */
+        cursor?: any;
+
+        /**
+         * The direction CSS property specifies the text direction/writing direction. The rtl is used for Hebrew or Arabic text, the ltr is for other languages.
+         */
+        direction?: any;
+
+        /**
+         * This property specifies the type of rendering box used for an element. It is a shorthand property for many other display properties.
+         */
+        display?: any;
+
+        /**
+         * The ‘fill’ property paints the interior of the given graphical element. The area to be painted consists of any areas inside the outline of the shape. To determine the inside of the shape, all subpaths are considered, and the interior is determined according to the rules associated with the current value of the ‘fill-rule’ property. The zero-width geometric outline of a shape is included in the area to be painted.
+         */
+        fill?: any;
+
+        /**
+         * SVG: Specifies the opacity of the color or the content the current object is filled with.
+         */
+        fillOpacity?: number;
+
+        /**
+         * The ‘fill-rule’ property indicates the algorithm which is to be used to determine what parts of the canvas are included inside the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
+         * The ‘fill-rule’ property provides two options for how the inside of a shape is determined:
+         */
+        fillRule?: any;
+
+        /**
+         * Applies various image processing effects. This property is largely unsupported. See Compatibility section for more information.
+         */
+        filter?: any;
+
+        /**
+         * Shorthand for `flex-grow`, `flex-shrink`, and `flex-basis`.
+         */
+        flex?: number | string;
+
+        /**
+         * Obsolete, do not use. This property has been renamed to align-items.
+         * Specifies the alignment (perpendicular to the layout axis defined by the flex-direction property) of child elements of the object.
+         */
+        flexAlign?: any;
+
+        /**
+         * The flex-basis CSS property describes the initial main size of the flex item before any free space is distributed according to the flex factors described in the flex property (flex-grow and flex-shrink).
+         */
+        flexBasis?: any;
+
+        /**
+         * The flex-direction CSS property describes how flex items are placed in the flex container, by setting the direction of the flex container's main axis.
+         */
+        flexDirection?: any;
+
+        /**
+         * The flex-flow CSS property defines the flex container's main and cross axis. It is a shorthand property for the flex-direction and flex-wrap properties.
+         */
+        flexFlow?: any;
+
+        /**
+         * Specifies the flex grow factor of a flex item.
+         */
+        flexGrow?: number;
+
+        /**
+         * Do not use. This property has been renamed to align-self
+         * Specifies the alignment (perpendicular to the layout axis defined by flex-direction) of child elements of the object.
+         */
+        flexItemAlign?: any;
+
+        /**
+         * Do not use. This property has been renamed to align-content.
+         * Specifies how a flexbox's lines align within the flexbox when there is extra space along the axis that is perpendicular to the axis defined by the flex-direction property.
+         */
+        flexLinePack?: any;
+
+        /**
+         * Gets or sets a value that specifies the ordinal group that a flexbox element belongs to. This ordinal value identifies the display order for the group.
+         */
+        flexOrder?: any;
+
+        /**
+         * Specifies the flex shrink factor of a flex item.
+         */
+        flexShrink?: number;
+
+        /**
+         * Elements which have the style float are floated horizontally. These elements can move as far to the left or right of the containing element. All elements after the floating element will flow around it, but elements before the floating element are not impacted. If several floating elements are placed after each other, they will float next to each other as long as there is room.
+         */
+        float?: any;
+
+        /**
+         * Flows content from a named flow (specified by a corresponding flow-into) through selected elements to form a dynamic chain of layout regions.
+         */
+        flowFrom?: any;
+
+        /**
+         * The font property is shorthand that allows you to do one of two things: you can either set up six of the most mature font properties in one line, or you can set one of a choice of keywords to adopt a system font setting.
+         */
+        font?: any;
+
+        /**
+         * The font-family property allows one or more font family names and/or generic family names to be specified for usage on the selected element(s)' text. The browser then goes through the list; for each character in the selection it applies the first font family that has an available glyph for that character.
+         */
+        fontFamily?: any;
+
+        /**
+         * The font-kerning property allows contextual adjustment of inter-glyph spacing, i.e. the spaces between the characters in text. This property controls <bold>metric kerning</bold> - that utilizes adjustment data contained in the font. Optical Kerning is not supported as yet.
+         */
+        fontKerning?: any;
+
+        /**
+         * Specifies the size of the font. Used to compute em and ex units.
+         */
+        fontSize?: number | string;
+
+        /**
+         * The font-size-adjust property adjusts the font-size of the fallback fonts defined with font-family, so that the x-height is the same no matter what font is used. This preserves the readability of the text when fallback happens.
+         */
+        fontSizeAdjust?: any;
+
+        /**
+         * Allows you to expand or condense the widths for a normal, condensed, or expanded font face.
+         */
+        fontStretch?: any;
+
+        /**
+         * The font-style property allows normal, italic, or oblique faces to be selected. Italic forms are generally cursive in nature while oblique faces are typically sloped versions of the regular face. Oblique faces can be simulated by artificially sloping the glyphs of the regular face.
+         */
+        fontStyle?: any;
+
+        /**
+         * This value specifies whether the user agent is allowed to synthesize bold or oblique font faces when a font family lacks bold or italic faces.
+         */
+        fontSynthesis?: any;
+
+        /**
+         * The font-variant property enables you to select the small-caps font within a font family.
+         */
+        fontVariant?: any;
+
+        /**
+         * Fonts can provide alternate glyphs in addition to default glyph for a character. This property provides control over the selection of these alternate glyphs.
+         */
+        fontVariantAlternates?: any;
+
+        /**
+         * Specifies the weight or boldness of the font.
+         */
+        fontWeight?: "normal" | "bold" | "lighter" | "bolder" | number;
+
+        /**
+         * Lays out one or more grid items bound by 4 grid lines. Shorthand for setting grid-column-start, grid-column-end, grid-row-start, and grid-row-end in a single declaration.
+         */
+        gridArea?: any;
+
+        /**
+         * Controls a grid item's placement in a grid area, particularly grid position and a grid span. Shorthand for setting grid-column-start and grid-column-end in a single declaration.
+         */
+        gridColumn?: any;
+
+        /**
+         * Controls a grid item's placement in a grid area as well as grid position and a grid span. The grid-column-end property (with grid-row-start, grid-row-end, and grid-column-start) determines a grid item's placement by specifying the grid lines of a grid item's grid area.
+         */
+        gridColumnEnd?: any;
+
+        /**
+         * Determines a grid item's placement by specifying the starting grid lines of a grid item's grid area . A grid item's placement in a grid area consists of a grid position and a grid span. See also ( grid-row-start, grid-row-end, and grid-column-end)
+         */
+        gridColumnStart?: any;
+
+        /**
+         * Gets or sets a value that indicates which row an element within a Grid should appear in. Shorthand for setting grid-row-start and grid-row-end in a single declaration.
+         */
+        gridRow?: any;
+
+        /**
+         * Determines a grid item’s placement by specifying the block-end. A grid item's placement in a grid area consists of a grid position and a grid span. The grid-row-end property (with grid-row-start, grid-column-start, and grid-column-end) determines a grid item's placement by specifying the grid lines of a grid item's grid area.
+         */
+        gridRowEnd?: any;
+
+        /**
+         * Specifies a row position based upon an integer location, string value, or desired row size.
+         * css/properties/grid-row is used as short-hand for grid-row-position and grid-row-position
+         */
+        gridRowPosition?: any;
+
+        gridRowSpan?: any;
+
+        /**
+         * Specifies named grid areas which are not associated with any particular grid item, but can be referenced from the grid-placement properties. The syntax of the grid-template-areas property also provides a visualization of the structure of the grid, making the overall layout of the grid container easier to understand.
+         */
+        gridTemplateAreas?: any;
+
+        /**
+         * Specifies (with grid-template-rows) the line names and track sizing functions of the grid. Each sizing function can be specified as a length, a percentage of the grid container’s size, a measurement of the contents occupying the column or row, or a fraction of the free space in the grid.
+         */
+        gridTemplateColumns?: any;
+
+        /**
+         * Specifies (with grid-template-columns) the line names and track sizing functions of the grid. Each sizing function can be specified as a length, a percentage of the grid container’s size, a measurement of the contents occupying the column or row, or a fraction of the free space in the grid.
+         */
+        gridTemplateRows?: any;
+
+        /**
+         * Sets the height of an element. The content area of the element height does not include the padding, border, and margin of the element.
+         */
+        height?: any;
+
+        /**
+         * Specifies the minimum number of characters in a hyphenated word
+         */
+        hyphenateLimitChars?: any;
+
+        /**
+         * Indicates the maximum number of successive hyphenated lines in an element. The ‘no-limit’ value means that there is no limit.
+         */
+        hyphenateLimitLines?: any;
+
+        /**
+         * Specifies the maximum amount of trailing whitespace (before justification) that may be left in a line before hyphenation is triggered to pull part of a word from the next line back up into the current one.
+         */
+        hyphenateLimitZone?: any;
+
+        /**
+         * Specifies whether or not words in a sentence can be split by the use of a manual or automatic hyphenation mechanism.
+         */
+        hyphens?: any;
+
+        imeMode?: any;
+
+        layoutGrid?: any;
+
+        layoutGridChar?: any;
+
+        layoutGridLine?: any;
+
+        layoutGridMode?: any;
+
+        layoutGridType?: any;
+
+        /**
+         * Sets the left edge of an element
+         */
+        left?: any;
+
+        /**
+         * The letter-spacing CSS property specifies the spacing behavior between text characters.
+         */
+        letterSpacing?: any;
+
+        /**
+         * Deprecated. Gets or sets line-breaking rules for text in selected languages such as Japanese, Chinese, and Korean.
+         */
+        lineBreak?: any;
+
+        lineClamp?: number;
+
+        /**
+         * Specifies the height of an inline block level element.
+         */
+        lineHeight?: number | string;
+
+        /**
+         * Shorthand property that sets the list-style-type, list-style-position and list-style-image properties in one declaration.
+         */
+        listStyle?: any;
+
+        /**
+         * This property sets the image that will be used as the list item marker. When the image is available, it will replace the marker set with the 'list-style-type' marker. That also means that if the image is not available, it will show the style specified by list-style-property
+         */
+        listStyleImage?: any;
+
+        /**
+         * Specifies if the list-item markers should appear inside or outside the content flow.
+         */
+        listStylePosition?: any;
+
+        /**
+         * Specifies the type of list-item marker in a list.
+         */
+        listStyleType?: any;
+
+        /**
+         * The margin property is shorthand to allow you to set all four margins of an element at once. Its equivalent longhand properties are margin-top, margin-right, margin-bottom and margin-left. Negative values are also allowed.
+         */
+        margin?: any;
+
+        /**
+         * margin-bottom sets the bottom margin of an element.
+         */
+        marginBottom?: any;
+
+        /**
+         * margin-left sets the left margin of an element.
+         */
+        marginLeft?: any;
+
+        /**
+         * margin-right sets the right margin of an element.
+         */
+        marginRight?: any;
+
+        /**
+         * margin-top sets the top margin of an element.
+         */
+        marginTop?: any;
+
+        /**
+         * The marquee-direction determines the initial direction in which the marquee content moves.
+         */
+        marqueeDirection?: any;
+
+        /**
+         * The 'marquee-style' property determines a marquee's scrolling behavior.
+         */
+        marqueeStyle?: any;
+
+        /**
+         * This property is shorthand for setting mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-composite and mask-size. Omitted values are set to their original properties' initial values.
+         */
+        mask?: any;
+
+        /**
+         * This property is shorthand for setting mask-border-source, mask-border-slice, mask-border-width, mask-border-outset, and mask-border-repeat. Omitted values are set to their original properties' initial values.
+         */
+        maskBorder?: any;
+
+        /**
+         * This property specifies how the images for the sides and the middle part of the mask image are scaled and tiled. The first keyword applies to the horizontal sides, the second one applies to the vertical ones. If the second keyword is absent, it is assumed to be the same as the first, similar to the CSS border-image-repeat property.
+         */
+        maskBorderRepeat?: any;
+
+        /**
+         * This property specifies inward offsets from the top, right, bottom, and left edges of the mask image, dividing it into nine regions: four corners, four edges, and a middle. The middle image part is discarded and treated as fully transparent black unless the fill keyword is present. The four values set the top, right, bottom and left offsets in that order, similar to the CSS border-image-slice property.
+         */
+        maskBorderSlice?: any;
+
+        /**
+         * Specifies an image to be used as a mask. An image that is empty, fails to download, is non-existent, or cannot be displayed is ignored and does not mask the element.
+         */
+        maskBorderSource?: any;
+
+        /**
+         * This property sets the width of the mask box image, similar to the CSS border-image-width property.
+         */
+        maskBorderWidth?: any;
+
+        /**
+         * Determines the mask painting area, which defines the area that is affected by the mask. The painted content of an element may be restricted to this area.
+         */
+        maskClip?: any;
+
+        /**
+         * For elements rendered as a single box, specifies the mask positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes box-decoration-break operates on to determine the mask positioning area(s).
+         */
+        maskOrigin?: any;
+
+        /**
+         * This property must not be used. It is no longer included in any standard or standard track specification, nor is it implemented in any browser. It is only used when the text-align-last property is set to size. It controls allowed adjustments of font-size to fit line content.
+         */
+        maxFontSize?: any;
+
+        /**
+         * Sets the maximum height for an element. It prevents the height of the element to exceed the specified value. If min-height is specified and is greater than max-height, max-height is overridden.
+         */
+        maxHeight?: any;
+
+        /**
+         * Sets the maximum width for an element. It limits the width property to be larger than the value specified in max-width.
+         */
+        maxWidth?: any;
+
+        /**
+         * Sets the minimum height for an element. It prevents the height of the element to be smaller than the specified value. The value of min-height overrides both max-height and height.
+         */
+        minHeight?: any;
+
+        /**
+         * Sets the minimum width of an element. It limits the width property to be not smaller than the value specified in min-width.
+         */
+        minWidth?: any;
+
+        /**
+         * Specifies the transparency of an element.
+         */
+        opacity?: number;
+
+        /**
+         * Specifies the order used to lay out flex items in their flex container.
+         * Elements are laid out in the ascending order of the order value.
+         */
+        order?: number;
+
+        /**
+         * In paged media, this property defines the minimum number of lines in
+         * a block container that must be left at the bottom of the page.
+         */
+        orphans?: number;
+
+        /**
+         * The CSS outline property is a shorthand property for setting one or more of the individual outline properties outline-style, outline-width and outline-color in a single rule. In most cases the use of this shortcut is preferable and more convenient.
+         * Outlines differ from borders in the following ways:  •       Outlines do not take up space, they are drawn above the content.
+         *      •       Outlines may be non-rectangular. They are rectangular in Gecko/Firefox. Internet Explorer attempts to place the smallest contiguous outline around all elements or shapes that are indicated to have an outline. Opera draws a non-rectangular shape around a construct.
+         */
+        outline?: any;
+
+        /**
+         * The outline-color property sets the color of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.
+         */
+        outlineColor?: any;
+
+        /**
+         * The outline-offset property offsets the outline and draw it beyond the border edge.
+         */
+        outlineOffset?: any;
+
+        /**
+         * The overflow property controls how extra content exceeding the bounding box of an element is rendered. It can be used in conjunction with an element that has a fixed width and height, to eliminate text-induced page distortion.
+         */
+        overflow?: any;
+
+        /**
+         * Specifies the preferred scrolling methods for elements that overflow.
+         */
+        overflowStyle?: any;
+
+        /**
+         * Controls how extra content exceeding the x-axis of the bounding box of an element is rendered.
+         */
+        overflowX?: any;
+
+        /**
+         * Controls how extra content exceeding the y-axis of the bounding box of an element is rendered.
+         */
+        overflowY?: any;
+
+        /**
+         * The padding optional CSS property sets the required padding space on one to four sides of an element. The padding area is the space between an element and its border. Negative values are not allowed but decimal values are permitted. The element size is treated as fixed, and the content of the element shifts toward the center as padding is increased.
+         * The padding property is a shorthand to avoid setting each side separately (padding-top, padding-right, padding-bottom, padding-left).
+         */
+        padding?: any;
+
+        /**
+         * The padding-bottom CSS property of an element sets the padding space required on the bottom of an element. The padding area is the space between the content of the element and its border. Contrary to margin-bottom values, negative values of padding-bottom are invalid.
+         */
+        paddingBottom?: any;
+
+        /**
+         * The padding-left CSS property of an element sets the padding space required on the left side of an element. The padding area is the space between the content of the element and its border. Contrary to margin-left values, negative values of padding-left are invalid.
+         */
+        paddingLeft?: any;
+
+        /**
+         * The padding-right CSS property of an element sets the padding space required on the right side of an element. The padding area is the space between the content of the element and its border. Contrary to margin-right values, negative values of padding-right are invalid.
+         */
+        paddingRight?: any;
+
+        /**
+         * The padding-top CSS property of an element sets the padding space required on the top of an element. The padding area is the space between the content of the element and its border. Contrary to margin-top values, negative values of padding-top are invalid.
+         */
+        paddingTop?: any;
+
+        /**
+         * The page-break-after property is supported in all major browsers. With CSS3, page-break-* properties are only aliases of the break-* properties. The CSS3 Fragmentation spec defines breaks for all CSS box fragmentation.
+         */
+        pageBreakAfter?: any;
+
+        /**
+         * The page-break-before property sets the page-breaking behavior before an element. With CSS3, page-break-* properties are only aliases of the break-* properties. The CSS3 Fragmentation spec defines breaks for all CSS box fragmentation.
+         */
+        pageBreakBefore?: any;
+
+        /**
+         * Sets the page-breaking behavior inside an element. With CSS3, page-break-* properties are only aliases of the break-* properties. The CSS3 Fragmentation spec defines breaks for all CSS box fragmentation.
+         */
+        pageBreakInside?: any;
+
+        /**
+         * The pause property determines how long a speech media agent should pause before and after presenting an element. It is a shorthand for the pause-before and pause-after properties.
+         */
+        pause?: any;
+
+        /**
+         * The pause-after property determines how long a speech media agent should pause after presenting an element. It may be replaced by the shorthand property pause, which sets pause time before and after.
+         */
+        pauseAfter?: any;
+
+        /**
+         * The pause-before property determines how long a speech media agent should pause before presenting an element. It may be replaced by the shorthand property pause, which sets pause time before and after.
+         */
+        pauseBefore?: any;
+
+        /**
+         * The perspective property defines how far an element is placed from the view on the z-axis, from the screen to the viewer.
+         * Perspective defines how an object is viewed. In graphic arts, perspective is the representation on a flat surface of what the viewer's eye would see in a 3D space. (See Wikipedia for more information about graphical perspective and for related illustrations.)
+         * The illusion of perspective on a flat surface, such as a computer screen, is created by projecting points on the flat surface as they would appear if the flat surface were a window through which the viewer was looking at the object. In discussion of virtual environments, this flat surface is called a projection plane.
+         */
+        perspective?: any;
+
+        /**
+         * The perspective-origin property establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.
+         * When used with perspective, perspective-origin changes the appearance of an object, as if a viewer were looking at it from a different origin. An object appears differently if a viewer is looking directly at it versus looking at it from below, above, or from the side. Thus, the perspective-origin is like a vanishing point.
+         * The default value of perspective-origin is 50% 50%. This displays an object as if the viewer's eye were positioned directly at the center of the screen, both top-to-bottom and left-to-right. A value of 0% 0% changes the object as if the viewer was looking toward the top left angle. A value of 100% 100% changes the appearance as if viewed toward the bottom right angle.
+         */
+        perspectiveOrigin?: any;
+
+        /**
+         * The pointer-events property allows you to control whether an element can be the target for the pointing device (e.g, mouse, pen) events.
+         */
+        pointerEvents?: any;
+
+        /**
+         * The position property controls the type of positioning used by an element within its parent elements. The effect of the position property depends on a lot of factors, for example the position property of parent elements.
+         */
+        position?: any;
+
+        /**
+         * Obsolete: unsupported.
+         * This property determines whether or not a full-width punctuation mark character should be trimmed if it appears at the beginning of a line, so that its "ink" lines up with the first glyph in the line above and below.
+         */
+        punctuationTrim?: any;
+
+        /**
+         * Sets the type of quotation marks for embedded quotations.
+         */
+        quotes?: any;
+
+        /**
+         * Controls whether the last region in a chain displays additional 'overset' content according its default overflow property, or if it displays a fragment of content as if it were flowing into a subsequent region.
+         */
+        regionFragment?: any;
+
+        /**
+         * The rest-after property determines how long a speech media agent should pause after presenting an element's main content, before presenting that element's exit cue sound. It may be replaced by the shorthand property rest, which sets rest time before and after.
+         */
+        restAfter?: any;
+
+        /**
+         * The rest-before property determines how long a speech media agent should pause after presenting an intro cue sound for an element, before presenting that element's main content. It may be replaced by the shorthand property rest, which sets rest time before and after.
+         */
+        restBefore?: any;
+
+        /**
+         * Specifies the position an element in relation to the right side of the containing element.
+         */
+        right?: any;
+
+        rubyAlign?: any;
+
+        rubyPosition?: any;
+
+        /**
+         * Defines the alpha channel threshold used to extract a shape from an image. Can be thought of as a "minimum opacity" threshold; that is, a value of 0.5 means that the shape will enclose all the pixels that are more than 50% opaque.
+         */
+        shapeImageThreshold?: any;
+
+        /**
+         * A future level of CSS Shapes will define a shape-inside property, which will define a shape to wrap content within the element. See Editor's Draft <http://dev.w3.org/csswg/css-shapes/> and CSSWG wiki page on next-level plans <http://wiki.csswg.org/spec/css-shapes>
+         */
+        shapeInside?: any;
+
+        /**
+         * Adds a margin to a shape-outside. In effect, defines a new shape that is the smallest contour around all the points that are the shape-margin distance outward perpendicular to each point on the underlying shape. For points where a perpendicular direction is not defined (e.g., a triangle corner), takes all points on a circle centered at the point and with a radius of the shape-margin distance. This property accepts only non-negative values.
+         */
+        shapeMargin?: any;
+
+        /**
+         * Declares a shape around which text should be wrapped, with possible modifications from the shape-margin property. The shape defined by shape-outside and shape-margin changes the geometry of a float element's float area.
+         */
+        shapeOutside?: any;
+
+        /**
+         * The speak property determines whether or not a speech synthesizer will read aloud the contents of an element.
+         */
+        speak?: any;
+
+        /**
+         * The speak-as property determines how the speech synthesizer interprets the content: words as whole words or as a sequence of letters, numbers as a numerical value or a sequence of digits, punctuation as pauses in speech or named punctuation characters.
+         */
+        speakAs?: any;
+
+        /**
+         * SVG: Specifies the opacity of the outline on the current object.
+         */
+        strokeOpacity?: number;
+
+        /**
+         * SVG: Specifies the width of the outline on the current object.
+         */
+        strokeWidth?: number;
+
+        /**
+         * The tab-size CSS property is used to customise the width of a tab (U+0009) character.
+         */
+        tabSize?: any;
+
+        /**
+         * The 'table-layout' property controls the algorithm used to lay out the table cells, rows, and columns.
+         */
+        tableLayout?: any;
+
+        /**
+         * The text-align CSS property describes how inline content like text is aligned in its parent block element. text-align does not control the alignment of block elements itself, only their inline content.
+         */
+        textAlign?: any;
+
+        /**
+         * The text-align-last CSS property describes how the last line of a block element or a line before line break is aligned in its parent block element.
+         */
+        textAlignLast?: any;
+
+        /**
+         * The text-decoration CSS property is used to set the text formatting to underline, overline, line-through or blink.
+         * underline and overline decorations are positioned under the text, line-through over it.
+         */
+        textDecoration?: any;
+
+        /**
+         * Sets the color of any text decoration, such as underlines, overlines, and strike throughs.
+         */
+        textDecorationColor?: any;
+
+        /**
+         * Sets what kind of line decorations are added to an element, such as underlines, overlines, etc.
+         */
+        textDecorationLine?: any;
+
+        textDecorationLineThrough?: any;
+
+        textDecorationNone?: any;
+
+        textDecorationOverline?: any;
+
+        /**
+         * Specifies what parts of an element’s content are skipped over when applying any text decoration.
+         */
+        textDecorationSkip?: any;
+
+        /**
+         * This property specifies the style of the text decoration line drawn on the specified element. The intended meaning for the values are the same as those of the border-style-properties.
+         */
+        textDecorationStyle?: any;
+
+        textDecorationUnderline?: any;
+
+        /**
+         * The text-emphasis property will apply special emphasis marks to the elements text. Slightly similar to the text-decoration property only that this property can have affect on the line-height. It also is noted that this is shorthand for text-emphasis-style and for text-emphasis-color.
+         */
+        textEmphasis?: any;
+
+        /**
+         * The text-emphasis-color property specifies the foreground color of the emphasis marks.
+         */
+        textEmphasisColor?: any;
+
+        /**
+         * The text-emphasis-style property applies special emphasis marks to an element's text.
+         */
+        textEmphasisStyle?: any;
+
+        /**
+         * This property helps determine an inline box's block-progression dimension, derived from the text-height and font-size properties for non-replaced elements, the height or the width for replaced elements, and the stacked block-progression dimension for inline-block elements. The block-progression dimension determines the position of the padding, border and margin for the element.
+         */
+        textHeight?: any;
+
+        /**
+         * Specifies the amount of space horizontally that should be left on the first line of the text of an element. This horizontal spacing is at the beginning of the first line and is in respect to the left edge of the containing block box.
+         */
+        textIndent?: any;
+
+        textJustifyTrim?: any;
+
+        textKashidaSpace?: any;
+
+        /**
+         * The text-line-through property is a shorthand property for text-line-through-style, text-line-through-color and text-line-through-mode. (Considered obsolete; use text-decoration instead.)
+         */
+        textLineThrough?: any;
+
+        /**
+         * Specifies the line colors for the line-through text decoration.
+         * (Considered obsolete; use text-decoration-color instead.)
+         */
+        textLineThroughColor?: any;
+
+        /**
+         * Sets the mode for the line-through text decoration, determining whether the text decoration affects the space characters or not.
+         * (Considered obsolete; use text-decoration-skip instead.)
+         */
+        textLineThroughMode?: any;
+
+        /**
+         * Specifies the line style for line-through text decoration.
+         * (Considered obsolete; use text-decoration-style instead.)
+         */
+        textLineThroughStyle?: any;
+
+        /**
+         * Specifies the line width for the line-through text decoration.
+         */
+        textLineThroughWidth?: any;
+
+        /**
+         * The text-overflow shorthand CSS property determines how overflowed content that is not displayed is signaled to the users. It can be clipped, display an ellipsis ('…', U+2026 HORIZONTAL ELLIPSIS) or a Web author-defined string. It covers the two long-hand properties text-overflow-mode and text-overflow-ellipsis
+         */
+        textOverflow?: any;
+
+        /**
+         * The text-overline property is the shorthand for the text-overline-style, text-overline-width, text-overline-color, and text-overline-mode properties.
+         */
+        textOverline?: any;
+
+        /**
+         * Specifies the line color for the overline text decoration.
+         */
+        textOverlineColor?: any;
+
+        /**
+         * Sets the mode for the overline text decoration, determining whether the text decoration affects the space characters or not.
+         */
+        textOverlineMode?: any;
+
+        /**
+         * Specifies the line style for overline text decoration.
+         */
+        textOverlineStyle?: any;
+
+        /**
+         * Specifies the line width for the overline text decoration.
+         */
+        textOverlineWidth?: any;
+
+        /**
+         * The text-rendering CSS property provides information to the browser about how to optimize when rendering text. Options are: legibility, speed or geometric precision.
+         */
+        textRendering?: any;
+
+        /**
+         * Obsolete: unsupported.
+         */
+        textScript?: any;
+
+        /**
+         * The CSS text-shadow property applies one or more drop shadows to the text and <text-decorations> of an element. Each shadow is specified as an offset from the text, along with optional color and blur radius values.
+         */
+        textShadow?: any;
+
+        /**
+         * This property transforms text for styling purposes. (It has no effect on the underlying content.)
+         */
+        textTransform?: any;
+
+        /**
+         * Unsupported.
+         * This property will add a underline position value to the element that has an underline defined.
+         */
+        textUnderlinePosition?: any;
+
+        /**
+         * After review this should be replaced by text-decoration should it not?
+         * This property will set the underline style for text with a line value for underline, overline, and line-through.
+         */
+        textUnderlineStyle?: any;
+
+        /**
+         * This property specifies how far an absolutely positioned box's top margin edge is offset below the top edge of the box's containing block. For relatively positioned boxes, the offset is with respect to the top edges of the box itself (i.e., the box is given a position in the normal flow, then offset from that position according to these properties).
+         */
+        top?: any;
+
+        /**
+         * Determines whether touch input may trigger default behavior supplied by the user agent, such as panning or zooming.
+         */
+        touchAction?: any;
+
+        /**
+         * CSS transforms allow elements styled with CSS to be transformed in two-dimensional or three-dimensional space. Using this property, elements can be translated, rotated, scaled, and skewed. The value list may consist of 2D and/or 3D transform values.
+         */
+        transform?: any;
+
+        /**
+         * This property defines the origin of the transformation axes relative to the element to which the transformation is applied.
+         */
+        transformOrigin?: any;
+
+        /**
+         * This property allows you to define the relative position of the origin of the transformation grid along the z-axis.
+         */
+        transformOriginZ?: any;
+
+        /**
+         * This property specifies how nested elements are rendered in 3D space relative to their parent.
+         */
+        transformStyle?: any;
+
+        /**
+         * The transition CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay. It allows to define the transition between two states of an element.
+         */
+        transition?: any;
+
+        /**
+         * Defines when the transition will start. A value of ‘0s’ means the transition will execute as soon as the property is changed. Otherwise, the value specifies an offset from the moment the property is changed, and the transition will delay execution by that offset.
+         */
+        transitionDelay?: any;
+
+        /**
+         * The 'transition-duration' property specifies the length of time a transition animation takes to complete.
+         */
+        transitionDuration?: any;
+
+        /**
+         * The 'transition-property' property specifies the name of the CSS property to which the transition is applied.
+         */
+        transitionProperty?: any;
+
+        /**
+         * Sets the pace of action within a transition
+         */
+        transitionTimingFunction?: any;
+
+        /**
+         * The unicode-bidi CSS property specifies the level of embedding with respect to the bidirectional algorithm.
+         */
+        unicodeBidi?: any;
+
+        /**
+         * unicode-range allows you to set a specific range of characters to be downloaded from a font (embedded using @font-face) and made available for use on the current page.
+         */
+        unicodeRange?: any;
+
+        /**
+         * This is for all the high level UX stuff.
+         */
+        userFocus?: any;
+
+        /**
+         * For inputing user content
+         */
+        userInput?: any;
+
+        /**
+         * The vertical-align property controls how inline elements or text are vertically aligned compared to the baseline. If this property is used on table-cells it controls the vertical alignment of content of the table cell.
+         */
+        verticalAlign?: any;
+
+        /**
+         * The visibility property specifies whether the boxes generated by an element are rendered.
+         */
+        visibility?: any;
+
+        /**
+         * The voice-balance property sets the apparent position (in stereo sound) of the synthesized voice for spoken media.
+         */
+        voiceBalance?: any;
+
+        /**
+         * The voice-duration property allows the author to explicitly set the amount of time it should take a speech synthesizer to read an element's content, for example to allow the speech to be synchronized with other media. With a value of auto (the default) the length of time it takes to read the content is determined by the content itself and the voice-rate property.
+         */
+        voiceDuration?: any;
+
+        /**
+         * The voice-family property sets the speaker's voice used by a speech media agent to read an element. The speaker may be specified as a named character (to match a voice option in the speech reading software) or as a generic description of the age and gender of the voice. Similar to the font-family property for visual media, a comma-separated list of fallback options may be given in case the speech reader does not recognize the character name or cannot synthesize the requested combination of generic properties.
+         */
+        voiceFamily?: any;
+
+        /**
+         * The voice-pitch property sets pitch or tone (high or low) for the synthesized speech when reading an element; the pitch may be specified absolutely or relative to the normal pitch for the voice-family used to read the text.
+         */
+        voicePitch?: any;
+
+        /**
+         * The voice-range property determines how much variation in pitch or tone will be created by the speech synthesize when reading an element. Emphasized text, grammatical structures and punctuation may all be rendered as changes in pitch, this property determines how strong or obvious those changes are; large ranges are associated with enthusiastic or emotional speech, while small ranges are associated with flat or mechanical speech.
+         */
+        voiceRange?: any;
+
+        /**
+         * The voice-rate property sets the speed at which the voice synthesized by a speech media agent will read content.
+         */
+        voiceRate?: any;
+
+        /**
+         * The voice-stress property sets the level of vocal emphasis to be used for synthesized speech reading the element.
+         */
+        voiceStress?: any;
+
+        /**
+         * The voice-volume property sets the volume for spoken content in speech media. It replaces the deprecated volume property.
+         */
+        voiceVolume?: any;
+
+        /**
+         * The white-space property controls whether and how white space inside the element is collapsed, and whether lines may wrap at unforced "soft wrap" opportunities.
+         */
+        whiteSpace?: any;
+
+        /**
+         * Obsolete: unsupported.
+         */
+        whiteSpaceTreatment?: any;
+
+        /**
+         * In paged media, this property defines the mimimum number of lines
+         * that must be left at the top of the second page.
+         */
+        widows?: number;
+
+        /**
+         * Specifies the width of the content area of an element. The content area of the element width does not include the padding, border, and margin of the element.
+         */
+        width?: any;
+
+        /**
+         * The word-break property is often used when there is long generated content that is strung together without and spaces or hyphens to beak apart. A common case of this is when there is a long URL that does not have any hyphens. This case could potentially cause the breaking of the layout as it could extend past the parent element.
+         */
+        wordBreak?: any;
+
+        /**
+         * The word-spacing CSS property specifies the spacing behavior between "words".
+         */
+        wordSpacing?: any;
+
+        /**
+         * An alias of css/properties/overflow-wrap, word-wrap defines whether to break words when the content exceeds the boundaries of its container.
+         */
+        wordWrap?: any;
+
+        /**
+         * Specifies how exclusions affect inline content within block-level elements. Elements lay out their inline content in their content area but wrap around exclusion areas.
+         */
+        wrapFlow?: any;
+
+        /**
+         * Set the value that is used to offset the inner wrap shape from other shapes. Inline content that intersects a shape with this property will be pushed by this shape's margin.
+         */
+        wrapMargin?: any;
+
+        /**
+         * Obsolete and unsupported. Do not use.
+         * This CSS property controls the text when it reaches the end of the block in which it is enclosed.
+         */
+        wrapOption?: any;
+
+        /**
+         * writing-mode specifies if lines of text are laid out horizontally or vertically, and the direction which lines of text and blocks progress.
+         */
+        writingMode?: any;
+
+        /**
+         * The z-index property specifies the z-order of an element and its descendants.
+         * When elements overlap, z-order determines which one covers the other.
+         */
+        zIndex?: "auto" | number;
+
+        /**
+         * Sets the initial zoom factor of a document defined by @viewport.
+         */
+        zoom?: "auto" | number;
+
+        [propertyName: string]: any;
+    }
+
+    interface HTMLAttributes extends DOMAttributes {
+        // React-specific Attributes
+        defaultChecked?: boolean;
+        defaultValue?: string | string[];
+
+        // Standard HTML Attributes
+        accept?: string;
+        acceptCharset?: string;
+        accessKey?: string;
+        action?: string;
+        allowFullScreen?: boolean;
+        allowTransparency?: boolean;
+        alt?: string;
+        async?: boolean;
+        autoComplete?: string;
+        autoFocus?: boolean;
+        autoPlay?: boolean;
+        capture?: boolean;
+        cellPadding?: number | string;
+        cellSpacing?: number | string;
+        charSet?: string;
+        challenge?: string;
+        checked?: boolean;
+        classID?: string;
+        className?: string;
+        cols?: number;
+        colSpan?: number;
+        content?: string;
+        contentEditable?: boolean;
+        contextMenu?: string;
+        controls?: boolean;
+        coords?: string;
+        crossOrigin?: string;
+        data?: string;
+        dateTime?: string;
+        default?: boolean;
+        defer?: boolean;
+        dir?: string;
+        disabled?: boolean;
+        download?: any;
+        draggable?: boolean;
+        encType?: string;
+        form?: string;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
+        frameBorder?: number | string;
+        headers?: string;
+        height?: number | string;
+        hidden?: boolean;
+        high?: number;
+        href?: string;
+        hrefLang?: string;
+        htmlFor?: string;
+        httpEquiv?: string;
+        icon?: string;
+        id?: string;
+        inputMode?: string;
+        integrity?: string;
+        is?: string;
+        keyParams?: string;
+        keyType?: string;
+        kind?: string;
+        label?: string;
+        lang?: string;
+        list?: string;
+        loop?: boolean;
+        low?: number;
+        manifest?: string;
+        marginHeight?: number;
+        marginWidth?: number;
+        max?: number | string;
+        maxLength?: number;
+        media?: string;
+        mediaGroup?: string;
+        method?: string;
+        min?: number | string;
+        minLength?: number;
+        multiple?: boolean;
+        muted?: boolean;
+        name?: string;
+        nonce?: string;
+        noValidate?: boolean;
+        open?: boolean;
+        optimum?: number;
+        pattern?: string;
+        placeholder?: string;
+        poster?: string;
+        preload?: string;
+        radioGroup?: string;
+        readOnly?: boolean;
+        rel?: string;
+        required?: boolean;
+        reversed?: boolean;
+        role?: string;
+        rows?: number;
+        rowSpan?: number;
+        sandbox?: string;
+        scope?: string;
+        scoped?: boolean;
+        scrolling?: string;
+        seamless?: boolean;
+        selected?: boolean;
+        shape?: string;
+        size?: number;
+        sizes?: string;
+        span?: number;
+        spellCheck?: boolean;
+        src?: string;
+        srcDoc?: string;
+        srcLang?: string;
+        srcSet?: string;
+        start?: number;
+        step?: number | string;
+        style?: CSSProperties;
+        summary?: string;
+        tabIndex?: number;
+        target?: string;
+        title?: string;
+        type?: string;
+        useMap?: string;
+        value?: string | string[];
+        width?: number | string;
+        wmode?: string;
+        wrap?: string;
+
+        // RDFa Attributes
+        about?: string;
+        datatype?: string;
+        inlist?: any;
+        prefix?: string;
+        property?: string;
+        resource?: string;
+        typeof?: string;
+        vocab?: string;
+
+        // Non-standard Attributes
+        autoCapitalize?: string;
+        autoCorrect?: string;
+        autoSave?: string;
+        color?: string;
+        itemProp?: string;
+        itemScope?: boolean;
+        itemType?: string;
+        itemID?: string;
+        itemRef?: string;
+        results?: number;
+        security?: string;
+        unselectable?: boolean;
+
+        // Allows aria- and data- Attributes
+        [key: string]: any;
+    }
+
+    interface SVGAttributes extends HTMLAttributes {
+        clipPath?: string;
+        cx?: number | string;
+        cy?: number | string;
+        d?: string;
+        dx?: number | string;
+        dy?: number | string;
+        fill?: string;
+        fillOpacity?: number | string;
+        fontFamily?: string;
+        fontSize?: number | string;
+        fx?: number | string;
+        fy?: number | string;
+        gradientTransform?: string;
+        gradientUnits?: string;
+        markerEnd?: string;
+        markerMid?: string;
+        markerStart?: string;
+        offset?: number | string;
+        opacity?: number | string;
+        patternContentUnits?: string;
+        patternUnits?: string;
+        points?: string;
+        preserveAspectRatio?: string;
+        r?: number | string;
+        rx?: number | string;
+        ry?: number | string;
+        spreadMethod?: string;
+        stopColor?: string;
+        stopOpacity?: number | string;
+        stroke?: string;
+        strokeDasharray?: string;
+        strokeLinecap?: string;
+        strokeMiterlimit?: string;
+        strokeOpacity?: number | string;
+        strokeWidth?: number | string;
+        textAnchor?: string;
+        transform?: string;
+        version?: string;
+        viewBox?: string;
+        x1?: number | string;
+        x2?: number | string;
+        x?: number | string;
+        xlinkActuate?: string;
+        xlinkArcrole?: string;
+        xlinkHref?: string;
+        xlinkRole?: string;
+        xlinkShow?: string;
+        xlinkTitle?: string;
+        xlinkType?: string;
+        xmlBase?: string;
+        xmlLang?: string;
+        xmlSpace?: string;
+        y1?: number | string;
+        y2?: number | string;
+        y?: number | string;
+    }
+
+    //
+    // React.DOM
+    // ----------------------------------------------------------------------
+
+    interface ReactDOM {
+        // HTML
+        a: HTMLFactory<HTMLAnchorElement>;
+        abbr: HTMLFactory<HTMLElement>;
+        address: HTMLFactory<HTMLElement>;
+        area: HTMLFactory<HTMLAreaElement>;
+        article: HTMLFactory<HTMLElement>;
+        aside: HTMLFactory<HTMLElement>;
+        audio: HTMLFactory<HTMLAudioElement>;
+        b: HTMLFactory<HTMLElement>;
+        base: HTMLFactory<HTMLBaseElement>;
+        bdi: HTMLFactory<HTMLElement>;
+        bdo: HTMLFactory<HTMLElement>;
+        big: HTMLFactory<HTMLElement>;
+        blockquote: HTMLFactory<HTMLElement>;
+        body: HTMLFactory<HTMLBodyElement>;
+        br: HTMLFactory<HTMLBRElement>;
+        button: HTMLFactory<HTMLButtonElement>;
+        canvas: HTMLFactory<HTMLCanvasElement>;
+        caption: HTMLFactory<HTMLElement>;
+        cite: HTMLFactory<HTMLElement>;
+        code: HTMLFactory<HTMLElement>;
+        col: HTMLFactory<HTMLTableColElement>;
+        colgroup: HTMLFactory<HTMLTableColElement>;
+        data: HTMLFactory<HTMLElement>;
+        datalist: HTMLFactory<HTMLDataListElement>;
+        dd: HTMLFactory<HTMLElement>;
+        del: HTMLFactory<HTMLElement>;
+        details: HTMLFactory<HTMLElement>;
+        dfn: HTMLFactory<HTMLElement>;
+        dialog: HTMLFactory<HTMLElement>;
+        div: HTMLFactory<HTMLDivElement>;
+        dl: HTMLFactory<HTMLDListElement>;
+        dt: HTMLFactory<HTMLElement>;
+        em: HTMLFactory<HTMLElement>;
+        embed: HTMLFactory<HTMLEmbedElement>;
+        fieldset: HTMLFactory<HTMLFieldSetElement>;
+        figcaption: HTMLFactory<HTMLElement>;
+        figure: HTMLFactory<HTMLElement>;
+        footer: HTMLFactory<HTMLElement>;
+        form: HTMLFactory<HTMLFormElement>;
+        h1: HTMLFactory<HTMLHeadingElement>;
+        h2: HTMLFactory<HTMLHeadingElement>;
+        h3: HTMLFactory<HTMLHeadingElement>;
+        h4: HTMLFactory<HTMLHeadingElement>;
+        h5: HTMLFactory<HTMLHeadingElement>;
+        h6: HTMLFactory<HTMLHeadingElement>;
+        head: HTMLFactory<HTMLHeadElement>;
+        header: HTMLFactory<HTMLElement>;
+        hgroup: HTMLFactory<HTMLElement>;
+        hr: HTMLFactory<HTMLHRElement>;
+        html: HTMLFactory<HTMLHtmlElement>;
+        i: HTMLFactory<HTMLElement>;
+        iframe: HTMLFactory<HTMLIFrameElement>;
+        img: HTMLFactory<HTMLImageElement>;
+        input: HTMLFactory<HTMLInputElement>;
+        ins: HTMLFactory<HTMLModElement>;
+        kbd: HTMLFactory<HTMLElement>;
+        keygen: HTMLFactory<HTMLElement>;
+        label: HTMLFactory<HTMLLabelElement>;
+        legend: HTMLFactory<HTMLLegendElement>;
+        li: HTMLFactory<HTMLLIElement>;
+        link: HTMLFactory<HTMLLinkElement>;
+        main: HTMLFactory<HTMLElement>;
+        map: HTMLFactory<HTMLMapElement>;
+        mark: HTMLFactory<HTMLElement>;
+        menu: HTMLFactory<HTMLElement>;
+        menuitem: HTMLFactory<HTMLElement>;
+        meta: HTMLFactory<HTMLMetaElement>;
+        meter: HTMLFactory<HTMLElement>;
+        nav: HTMLFactory<HTMLElement>;
+        noscript: HTMLFactory<HTMLElement>;
+        object: HTMLFactory<HTMLObjectElement>;
+        ol: HTMLFactory<HTMLOListElement>;
+        optgroup: HTMLFactory<HTMLOptGroupElement>;
+        option: HTMLFactory<HTMLOptionElement>;
+        output: HTMLFactory<HTMLElement>;
+        p: HTMLFactory<HTMLParagraphElement>;
+        param: HTMLFactory<HTMLParamElement>;
+        picture: HTMLFactory<HTMLElement>;
+        pre: HTMLFactory<HTMLPreElement>;
+        progress: HTMLFactory<HTMLProgressElement>;
+        q: HTMLFactory<HTMLQuoteElement>;
+        rp: HTMLFactory<HTMLElement>;
+        rt: HTMLFactory<HTMLElement>;
+        ruby: HTMLFactory<HTMLElement>;
+        s: HTMLFactory<HTMLElement>;
+        samp: HTMLFactory<HTMLElement>;
+        script: HTMLFactory<HTMLElement>;
+        section: HTMLFactory<HTMLElement>;
+        select: HTMLFactory<HTMLSelectElement>;
+        small: HTMLFactory<HTMLElement>;
+        source: HTMLFactory<HTMLSourceElement>;
+        span: HTMLFactory<HTMLSpanElement>;
+        strong: HTMLFactory<HTMLElement>;
+        style: HTMLFactory<HTMLStyleElement>;
+        sub: HTMLFactory<HTMLElement>;
+        summary: HTMLFactory<HTMLElement>;
+        sup: HTMLFactory<HTMLElement>;
+        table: HTMLFactory<HTMLTableElement>;
+        tbody: HTMLFactory<HTMLTableSectionElement>;
+        td: HTMLFactory<HTMLTableDataCellElement>;
+        textarea: HTMLFactory<HTMLTextAreaElement>;
+        tfoot: HTMLFactory<HTMLTableSectionElement>;
+        th: HTMLFactory<HTMLTableHeaderCellElement>;
+        thead: HTMLFactory<HTMLTableSectionElement>;
+        time: HTMLFactory<HTMLElement>;
+        title: HTMLFactory<HTMLTitleElement>;
+        tr: HTMLFactory<HTMLTableRowElement>;
+        track: HTMLFactory<HTMLTrackElement>;
+        u: HTMLFactory<HTMLElement>;
+        ul: HTMLFactory<HTMLUListElement>;
+        "var": HTMLFactory<HTMLElement>;
+        video: HTMLFactory<HTMLVideoElement>;
+        wbr: HTMLFactory<HTMLElement>;
+
+        // SVG
+        svg: SVGFactory;
+        circle: SVGFactory;
+        defs: SVGFactory;
+        ellipse: SVGFactory;
+        g: SVGFactory;
+        image: SVGFactory;
+        line: SVGFactory;
+        linearGradient: SVGFactory;
+        mask: SVGFactory;
+        path: SVGFactory;
+        pattern: SVGFactory;
+        polygon: SVGFactory;
+        polyline: SVGFactory;
+        radialGradient: SVGFactory;
+        rect: SVGFactory;
+        stop: SVGFactory;
+        symbol: SVGFactory;
+        text: SVGFactory;
+        tspan: SVGFactory;
+        use: SVGFactory;
+    }
+
+    //
+    // React.PropTypes
+    // ----------------------------------------------------------------------
+
+    interface Validator<T> {
+        (object: T, key: string, componentName: string): Error;
+    }
+
+    interface Requireable<T> extends Validator<T> {
+        isRequired: Validator<T>;
+    }
+
+    interface ValidationMap<T> {
+        [key: string]: Validator<T>;
+    }
+
+    interface ReactPropTypes {
+        any: Requireable<any>;
+        array: Requireable<any>;
+        bool: Requireable<any>;
+        func: Requireable<any>;
+        number: Requireable<any>;
+        object: Requireable<any>;
+        string: Requireable<any>;
+        node: Requireable<any>;
+        element: Requireable<any>;
+        instanceOf(expectedClass: {}): Requireable<any>;
+        oneOf(types: any[]): Requireable<any>;
+        oneOfType(types: Validator<any>[]): Requireable<any>;
+        arrayOf(type: Validator<any>): Requireable<any>;
+        objectOf(type: Validator<any>): Requireable<any>;
+        shape(type: ValidationMap<any>): Requireable<any>;
+    }
+
+    //
+    // React.Children
+    // ----------------------------------------------------------------------
+
+    interface ReactChildren {
+        map<T>(children: ReactNode, fn: (child: ReactChild, index: number) => T): T[];
+        forEach(children: ReactNode, fn: (child: ReactChild, index: number) => any): void;
+        count(children: ReactNode): number;
+        only(children: ReactNode): ReactElement<any>;
+        toArray(children: ReactNode): ReactChild[];
+    }
+
+    //
+    // Browser Interfaces
+    // https://github.com/nikeee/2048-typescript/blob/master/2048/js/touch.d.ts
+    // ----------------------------------------------------------------------
+
+    interface AbstractView {
+        styleMedia: StyleMedia;
+        document: Document;
+    }
+
+    interface Touch {
+        identifier: number;
+        target: EventTarget;
+        screenX: number;
+        screenY: number;
+        clientX: number;
+        clientY: number;
+        pageX: number;
+        pageY: number;
+    }
+
+    interface TouchList {
+        [index: number]: Touch;
+        length: number;
+        item(index: number): Touch;
+        identifiedTouch(identifier: number): Touch;
+    }
+}
+
+declare module "react" {
+    export = __React;
+}
+
+declare namespace JSX {
+    import React = __React;
+
+    interface Element extends React.ReactElement<any> { }
+    interface ElementClass extends React.Component<any, any> {
+        render(): JSX.Element;
+    }
+    interface ElementAttributesProperty { props: {}; }
+
+    interface IntrinsicAttributes extends React.Attributes { }
+    interface IntrinsicClassAttributes<T> extends React.ClassAttributes<T> { }
+
+    interface IntrinsicElements {
+        // HTML
+        a: React.HTMLProps<HTMLAnchorElement>;
+        abbr: React.HTMLProps<HTMLElement>;
+        address: React.HTMLProps<HTMLElement>;
+        area: React.HTMLProps<HTMLAreaElement>;
+        article: React.HTMLProps<HTMLElement>;
+        aside: React.HTMLProps<HTMLElement>;
+        audio: React.HTMLProps<HTMLAudioElement>;
+        b: React.HTMLProps<HTMLElement>;
+        base: React.HTMLProps<HTMLBaseElement>;
+        bdi: React.HTMLProps<HTMLElement>;
+        bdo: React.HTMLProps<HTMLElement>;
+        big: React.HTMLProps<HTMLElement>;
+        blockquote: React.HTMLProps<HTMLElement>;
+        body: React.HTMLProps<HTMLBodyElement>;
+        br: React.HTMLProps<HTMLBRElement>;
+        button: React.HTMLProps<HTMLButtonElement>;
+        canvas: React.HTMLProps<HTMLCanvasElement>;
+        caption: React.HTMLProps<HTMLElement>;
+        cite: React.HTMLProps<HTMLElement>;
+        code: React.HTMLProps<HTMLElement>;
+        col: React.HTMLProps<HTMLTableColElement>;
+        colgroup: React.HTMLProps<HTMLTableColElement>;
+        data: React.HTMLProps<HTMLElement>;
+        datalist: React.HTMLProps<HTMLDataListElement>;
+        dd: React.HTMLProps<HTMLElement>;
+        del: React.HTMLProps<HTMLElement>;
+        details: React.HTMLProps<HTMLElement>;
+        dfn: React.HTMLProps<HTMLElement>;
+        dialog: React.HTMLProps<HTMLElement>;
+        div: React.HTMLProps<HTMLDivElement>;
+        dl: React.HTMLProps<HTMLDListElement>;
+        dt: React.HTMLProps<HTMLElement>;
+        em: React.HTMLProps<HTMLElement>;
+        embed: React.HTMLProps<HTMLEmbedElement>;
+        fieldset: React.HTMLProps<HTMLFieldSetElement>;
+        figcaption: React.HTMLProps<HTMLElement>;
+        figure: React.HTMLProps<HTMLElement>;
+        footer: React.HTMLProps<HTMLElement>;
+        form: React.HTMLProps<HTMLFormElement>;
+        h1: React.HTMLProps<HTMLHeadingElement>;
+        h2: React.HTMLProps<HTMLHeadingElement>;
+        h3: React.HTMLProps<HTMLHeadingElement>;
+        h4: React.HTMLProps<HTMLHeadingElement>;
+        h5: React.HTMLProps<HTMLHeadingElement>;
+        h6: React.HTMLProps<HTMLHeadingElement>;
+        head: React.HTMLProps<HTMLHeadElement>;
+        header: React.HTMLProps<HTMLElement>;
+        hgroup: React.HTMLProps<HTMLElement>;
+        hr: React.HTMLProps<HTMLHRElement>;
+        html: React.HTMLProps<HTMLHtmlElement>;
+        i: React.HTMLProps<HTMLElement>;
+        iframe: React.HTMLProps<HTMLIFrameElement>;
+        img: React.HTMLProps<HTMLImageElement>;
+        input: React.HTMLProps<HTMLInputElement>;
+        ins: React.HTMLProps<HTMLModElement>;
+        kbd: React.HTMLProps<HTMLElement>;
+        keygen: React.HTMLProps<HTMLElement>;
+        label: React.HTMLProps<HTMLLabelElement>;
+        legend: React.HTMLProps<HTMLLegendElement>;
+        li: React.HTMLProps<HTMLLIElement>;
+        link: React.HTMLProps<HTMLLinkElement>;
+        main: React.HTMLProps<HTMLElement>;
+        map: React.HTMLProps<HTMLMapElement>;
+        mark: React.HTMLProps<HTMLElement>;
+        menu: React.HTMLProps<HTMLElement>;
+        menuitem: React.HTMLProps<HTMLElement>;
+        meta: React.HTMLProps<HTMLMetaElement>;
+        meter: React.HTMLProps<HTMLElement>;
+        nav: React.HTMLProps<HTMLElement>;
+        noscript: React.HTMLProps<HTMLElement>;
+        object: React.HTMLProps<HTMLObjectElement>;
+        ol: React.HTMLProps<HTMLOListElement>;
+        optgroup: React.HTMLProps<HTMLOptGroupElement>;
+        option: React.HTMLProps<HTMLOptionElement>;
+        output: React.HTMLProps<HTMLElement>;
+        p: React.HTMLProps<HTMLParagraphElement>;
+        param: React.HTMLProps<HTMLParamElement>;
+        picture: React.HTMLProps<HTMLElement>;
+        pre: React.HTMLProps<HTMLPreElement>;
+        progress: React.HTMLProps<HTMLProgressElement>;
+        q: React.HTMLProps<HTMLQuoteElement>;
+        rp: React.HTMLProps<HTMLElement>;
+        rt: React.HTMLProps<HTMLElement>;
+        ruby: React.HTMLProps<HTMLElement>;
+        s: React.HTMLProps<HTMLElement>;
+        samp: React.HTMLProps<HTMLElement>;
+        script: React.HTMLProps<HTMLElement>;
+        section: React.HTMLProps<HTMLElement>;
+        select: React.HTMLProps<HTMLSelectElement>;
+        small: React.HTMLProps<HTMLElement>;
+        source: React.HTMLProps<HTMLSourceElement>;
+        span: React.HTMLProps<HTMLSpanElement>;
+        strong: React.HTMLProps<HTMLElement>;
+        style: React.HTMLProps<HTMLStyleElement>;
+        sub: React.HTMLProps<HTMLElement>;
+        summary: React.HTMLProps<HTMLElement>;
+        sup: React.HTMLProps<HTMLElement>;
+        table: React.HTMLProps<HTMLTableElement>;
+        tbody: React.HTMLProps<HTMLTableSectionElement>;
+        td: React.HTMLProps<HTMLTableDataCellElement>;
+        textarea: React.HTMLProps<HTMLTextAreaElement>;
+        tfoot: React.HTMLProps<HTMLTableSectionElement>;
+        th: React.HTMLProps<HTMLTableHeaderCellElement>;
+        thead: React.HTMLProps<HTMLTableSectionElement>;
+        time: React.HTMLProps<HTMLElement>;
+        title: React.HTMLProps<HTMLTitleElement>;
+        tr: React.HTMLProps<HTMLTableRowElement>;
+        track: React.HTMLProps<HTMLTrackElement>;
+        u: React.HTMLProps<HTMLElement>;
+        ul: React.HTMLProps<HTMLUListElement>;
+        "var": React.HTMLProps<HTMLElement>;
+        video: React.HTMLProps<HTMLVideoElement>;
+        wbr: React.HTMLProps<HTMLElement>;
+
+        // SVG
+        svg: React.SVGProps;
+
+        circle: React.SVGProps;
+        clipPath: React.SVGProps;
+        defs: React.SVGProps;
+        ellipse: React.SVGProps;
+        feBlend: React.SVGProps;
+        feColorMatrix: React.SVGProps;
+        feComponentTransfer: React.SVGProps;
+        feComposite: React.SVGProps;
+        feConvolveMatrix: React.SVGProps;
+        feDiffuseLighting: React.SVGProps;
+        feDisplacementMap: React.SVGProps;
+        feFlood: React.SVGProps;
+        feGaussianBlur: React.SVGProps;
+        feImage: React.SVGProps;
+        feMerge: React.SVGProps;
+        feMergeNode: React.SVGProps;
+        feMorphology: React.SVGProps;
+        feOffset: React.SVGProps;
+        feSpecularLighting: React.SVGProps;
+        feTile: React.SVGProps;
+        feTurbulence: React.SVGProps;
+        filter: React.SVGProps;
+        foreignObject: React.SVGProps;
+        g: React.SVGProps;
+        image: React.SVGProps;
+        line: React.SVGProps;
+        linearGradient: React.SVGProps;
+        marker: React.SVGProps;
+        mask: React.SVGProps;
+        path: React.SVGProps;
+        pattern: React.SVGProps;
+        polygon: React.SVGProps;
+        polyline: React.SVGProps;
+        radialGradient: React.SVGProps;
+        rect: React.SVGProps;
+        stop: React.SVGProps;
+        symbol: React.SVGProps;
+        text: React.SVGProps;
+        tspan: React.SVGProps;
+        use: React.SVGProps;
+    }
+}
diff --git a/web/webpack.config.js b/web/webpack.config.js
new file mode 100644
index 0000000..4af99e2
--- /dev/null
+++ b/web/webpack.config.js
@@ -0,0 +1,80 @@
+const path = require('path');
+const webpack = require('webpack');
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+const SemiWebpackPlugin = require('@douyinfe/semi-webpack-plugin').default;
+const PATHS = {
+   app: path.join(__dirname, 'client/src'),
+   build: path.join(__dirname, 'client/build')
+};
+
+module.exports = {
+   mode: "development",
+   devtool: 'source-map',
+   devServer: {
+      historyApiFallback: true,
+      // 为 MicroApp 配置跨域
+      // 'Access-Control-Allow-Origin': '*',
+      // allowedHosts: ['127.0.0.1:5100'],
+   },
+   entry: {
+      app: ["@babel/polyfill", PATHS.app]
+   },
+   output: {
+      publicPath: '/client/build/',
+      path: PATHS.build,
+      filename: '[name].js'
+   },
+   resolve: {
+      modules: [path.resolve(__dirname, 'client/src'), path.resolve(__dirname, 'node_modules')],
+      extensions: ['.js', '.jsx'],
+      alias: {
+         crypto: false,
+         $utils: path.resolve(__dirname, 'client/src/utils/'),
+         $components: path.resolve(__dirname, 'client/src/components/'),
+      }
+   },
+   plugins: [
+      new webpack.HotModuleReplacementPlugin(),
+      new BundleAnalyzerPlugin({
+         analyzerPort: 8700,
+      }),
+      new SemiWebpackPlugin({
+         theme: {
+            name: '@semi-bot/semi-theme-fscamera',
+            include: '~@semi-bot/semi-theme-fscamera/scss/local.scss'
+         }
+      }),
+   ],
+   module: {
+      rules: [{
+         test: /\.css$/,
+         use: ['style-loader', {
+            loader: 'css-loader',
+            options: {
+               modules: true
+            }
+         }]
+      },
+      {
+         test: /\.less$/,
+         use: ['style-loader', 'css-loader', {
+            loader: 'less-loader',
+            options: {
+               lessOptions: {
+                  javascriptEnabled: true
+               }
+            }
+         }]
+      },
+      {
+         test: /\.(js|jsx)$/,
+         use: 'babel-loader',
+         include: [PATHS.app, path.resolve(__dirname, 'node_modules', '@peace')],
+      },
+      {
+         test: /\.(eot|woff|woff2|svg|ttf)([\?]?.*)$/,
+         loader: "file-loader"
+      }
+      ]
+   }
+};
\ No newline at end of file
diff --git a/web/webpack.config.prod.js b/web/webpack.config.prod.js
new file mode 100644
index 0000000..fb9a046
--- /dev/null
+++ b/web/webpack.config.prod.js
@@ -0,0 +1,83 @@
+var path = require('path');
+var webpack = require('webpack');
+var HtmlWebpackPlugin = require('html-webpack-plugin');
+const SemiWebpackPlugin = require('@douyinfe/semi-webpack-plugin').default;
+
+const PATHS = {
+    app: path.join(__dirname, 'client/src'),
+    build: path.join(__dirname, 'client/build')
+};
+
+module.exports = {
+    mode: "production",
+    entry: {
+        app: ["babel-polyfill", PATHS.app]
+    },
+    output: {
+        path: PATHS.build,
+        publicPath: '/build',
+        filename: '[name].[hash:5].js'
+    },
+    resolve: {
+        modules: [path.resolve(__dirname, 'client/src'), path.resolve(__dirname, 'node_modules')],
+        extensions: ['.js', '.jsx'],
+        alias: {
+            crypto: false,
+            $utils: path.resolve(__dirname, 'client/src/utils/'),
+            $components: path.resolve(__dirname, 'client/src/components/'),
+        }
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            filename: '../index.html',
+            template: './client/index.ejs'
+        }),
+        new SemiWebpackPlugin({
+           theme: {
+              name: '@semi-bot/semi-theme-fscamera',
+              include: '~@semi-bot/semi-theme-fscamera/scss/local.scss'
+          }
+        }),
+    ],
+    optimization: {
+        splitChunks: {
+            cacheGroups: {
+                commons: {
+                    test: /[\\/]node_modules[\\/]/,
+                    name: "vendors",
+                    chunks: "all"
+                }
+            }
+        }
+    },
+    module: {
+        rules: [{
+            test: /\.css$/,
+            use: ['style-loader', {
+                loader: 'css-loader',
+                options: {
+                    modules: true
+                }
+            }]
+        },
+        {
+            test: /\.less$/,
+            use: ['style-loader', 'css-loader',
+                {
+                    loader: 'less-loader', options: {
+                        lessOptions: {
+                            javascriptEnabled: true
+                        }
+                    }
+                }]
+        },
+        {
+            test: /\.jsx?$/,
+            use: 'babel-loader',
+            include: [PATHS.app, path.resolve(__dirname, 'node_modules', '@peace')],
+        },{
+            test: /\.(eot|woff|woff2|svg|ttf)([\?]?.*)$/,
+            loader: "file-loader"
+        }]
+    }
+};