)\n ): Eruda | undefined\n /**\n * Remove tool.\n */\n remove(name: string): Eruda | undefined\n /**\n * Show eruda panel.\n */\n show(name?: string): Eruda | undefined\n /**\n * Hide eruda panel.\n */\n hide(): Eruda | undefined\n }\n\n export interface Eruda extends ErudaApis {\n /**\n * Display console logs. Implementation detail follows the console api spec.\n */\n Console: ErudaConsoleConstructor\n /**\n * Check dom element status.\n */\n Elements: ElementsConstructor\n /**\n * Display special information, could be used for displaying user info to track user logs.\n * By default, page url and browser user agent is shown.\n */\n Info: InfoConstructor\n /**\n * Display requests.\n */\n Network: NetworkConstructor\n /**\n * LocalStorage, sessionStorage, cookies, scripts, styleSheets and images.\n */\n Resources: ResourcesConstructor\n /**\n * Customization for all tools.\n */\n Settings: SettingsConstructor\n /**\n * Allow you to register small functions that can be triggered multiple times.\n */\n Snippets: SnippetsConstructor\n /**\n * View object, html, js, and css.\n */\n Sources: SourcesConstructor\n /**\n * Eruda Tool\n */\n Tool: ToolConstructor\n /**\n * Eruda Util\n */\n util: Util\n /**\n * Eruda version\n */\n readonly version: string\n }\n\n const eruda: Eruda\n\n export default eruda\n}\n"
},
{
"path": "eslint.config.mjs",
"content": "import babelEslintParser from '@babel/eslint-parser'\nimport eslintJs from '@eslint/js'\nimport globals from 'globals'\n\nexport default [\n eslintJs.configs.recommended,\n {\n languageOptions: {\n parser: babelEslintParser,\n parserOptions: {\n requireConfigFile: false,\n babelOptions: {\n babelrc: false,\n configFile: false,\n },\n },\n globals: {\n ...globals.builtin,\n ...globals.browser,\n ...globals.commonjs,\n VERSION: true,\n ENV: true,\n },\n },\n rules: {\n quotes: ['error', 'single', { 'avoidEscape': true, 'allowTemplateLiterals': false }],\n 'prefer-const': 2,\n },\n },\n {files: ['build/**/*.js'], languageOptions:{globals: {...globals.node}}},\n {\n ignores: ['test','dist','coverage'],\n }\n]\n"
},
{
"path": "karma.conf.js",
"content": "const webpackCfg = require('./build/webpack.dev')\nwebpackCfg.devtool = 'inline-source-map'\nwebpackCfg.module.rules.push({\n test: /\\.js$/,\n exclude: /node_modules|lib\\/util\\.js/,\n loader: '@jsdevtools/coverage-istanbul-loader',\n enforce: 'post',\n options: {\n esModules: true,\n },\n})\n\nmodule.exports = function (config) {\n config.set({\n basePath: '',\n frameworks: ['jquery-1.8.3'],\n files: [\n 'src/index.js',\n 'test/init.js',\n 'node_modules/jasmine-core/lib/jasmine-core/jasmine.js',\n 'node_modules/karma-jasmine/lib/boot.js',\n 'node_modules/karma-jasmine/lib/adapter.js',\n 'node_modules/jasmine-jquery/lib/jasmine-jquery.js',\n 'test/util.js',\n 'test/console.js',\n 'test/elements.js',\n 'test/info.js',\n 'test/network.js',\n 'test/resources.js',\n 'test/snippets.js',\n 'test/sources.js',\n 'test/settings.js',\n 'test/eruda.js',\n ],\n plugins: [\n 'karma-jasmine',\n 'karma-jquery',\n 'karma-chrome-launcher',\n 'karma-webpack',\n 'karma-sourcemap-loader',\n 'karma-coverage-istanbul-reporter',\n ],\n webpackServer: {\n noInfo: true,\n },\n preprocessors: {\n 'src/index.js': ['webpack', 'sourcemap'],\n },\n webpack: webpackCfg,\n coverageIstanbulReporter: {\n reports: ['html', 'lcovonly', 'text', 'text-summary'],\n },\n reporters: ['progress', 'coverage-istanbul'],\n port: 9876,\n colors: true,\n logLevel: config.LOG_INFO,\n browsers: ['ChromeHeadless'],\n singleRun: true,\n concurrency: Infinity,\n })\n}\n"
},
{
"path": "package.json",
"content": "{\n \"name\": \"eruda\",\n \"version\": \"3.4.3\",\n \"description\": \"Console for Mobile Browsers\",\n \"main\": \"eruda.js\",\n \"browserslist\": [\n \"since 2015\",\n \"not dead\"\n ],\n \"scripts\": {\n \"ci\": \"npm run lint && npm run test && npm run build && npm run es5\",\n \"build\": \"lsla shx rm -rf dist && webpack --config build/webpack.prod.js && webpack --config build/webpack.polyfill.js && node build/build && lsla shx cp README.md eruda.d.ts dist\",\n \"build:analyser\": \"webpack --config build/webpack.analyser.js\",\n \"dev\": \"webpack-dev-server --config build/webpack.dev.js --host 0.0.0.0\",\n \"test\": \"karma start\",\n \"format\": \"lsla prettier \\\"*.{js,ts}\\\" \\\"src/**/*.{js,scss,css,json}\\\" \\\"build/*.js\\\" \\\"test/*.{js,html}\\\" --write\",\n \"lint\": \"eslint .\",\n \"lint:fix\": \"npm run lint -- --fix\",\n \"es5\": \"es-check es5 dist/eruda.js dist/eruda-polyfill.js\",\n \"setup\": \"lsla shx mkdir -p test/lib && lsla shx cp node_modules/jasmine-core/lib/jasmine-core/{jasmine.css,jasmine.js,jasmine-html.js,boot.js} test/lib && lsla shx cp node_modules/jasmine-jquery/lib/jasmine-jquery.js test/lib && lsla shx cp node_modules/jquery/dist/jquery.js test/lib\",\n \"genIcon\": \"lsla genIcon --input src/style/ --output src/style/icon.css --name eruda-icon --source src/style/icon/ && lsla prettier src/**/*.css --write\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/liriliri/eruda.git\"\n },\n \"keywords\": [\n \"console\",\n \"mobile\",\n \"debug\"\n ],\n \"author\": \"redhoodsu\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/liriliri/eruda/issues\"\n },\n \"homepage\": \"https://eruda.liriliri.io/\",\n \"devDependencies\": {\n \"@babel/core\": \"^7.18.6\",\n \"@babel/eslint-parser\": \"^7.26.10\",\n \"@babel/plugin-proposal-class-properties\": \"^7.18.6\",\n \"@babel/plugin-transform-runtime\": \"^7.18.6\",\n \"@babel/preset-env\": \"^7.18.6\",\n \"@babel/runtime\": \"^7.18.6\",\n \"@eslint/js\": \"^9.22.0\",\n \"@jsdevtools/coverage-istanbul-loader\": \"^3.0.5\",\n \"autoprefixer\": \"^9.7.4\",\n \"babel-loader\": \"^8.2.5\",\n \"chobitsu\": \"^1.8.4\",\n \"core-js\": \"^3.37.1\",\n \"css-loader\": \"^3.4.2\",\n \"es-check\": \"^6.2.1\",\n \"eslint\": \"^9.22.0\",\n \"eslint-webpack-plugin\": \"^5.0.0\",\n \"globals\": \"^16.0.0\",\n \"jasmine-core\": \"^2.99.1\",\n \"jasmine-jquery\": \"^2.1.1\",\n \"jquery\": \"^3.4.1\",\n \"karma\": \"^6.4.0\",\n \"karma-chrome-launcher\": \"^3.1.0\",\n \"karma-coverage-istanbul-reporter\": \"^2.1.1\",\n \"karma-jasmine\": \"^1.1.2\",\n \"karma-jquery\": \"^0.2.4\",\n \"karma-sourcemap-loader\": \"^0.3.7\",\n \"karma-webpack\": \"^5.0.0\",\n \"licia\": \"^1.44.0\",\n \"luna-box-model\": \"^1.0.1\",\n \"luna-console\": \"^1.3.6\",\n \"luna-data-grid\": \"^1.6.4\",\n \"luna-dom-viewer\": \"^1.8.3\",\n \"luna-modal\": \"^1.3.1\",\n \"luna-notification\": \"^0.3.3\",\n \"luna-object-viewer\": \"^0.3.2\",\n \"luna-setting\": \"^2.0.2\",\n \"luna-tab\": \"^0.4.3\",\n \"luna-text-viewer\": \"^0.2.1\",\n \"postcss-clean\": \"^1.2.2\",\n \"postcss-loader\": \"^3.0.0\",\n \"postcss-prefixer\": \"^2.1.3\",\n \"raw-loader\": \"^4.0.2\",\n \"sass\": \"^1.77.6\",\n \"sass-loader\": \"^14.2.1\",\n \"webpack\": \"^5.92.1\",\n \"webpack-bundle-analyzer\": \"^4.7.0\",\n \"webpack-cli\": \"^5.1.4\",\n \"webpack-dev-server\": \"^5.0.4\"\n }\n}\n"
},
{
"path": "src/Console/Console.js",
"content": "import Tool from '../DevTools/Tool'\nimport noop from 'licia/noop'\nimport $ from 'licia/$'\nimport toStr from 'licia/toStr'\nimport isFn from 'licia/isFn'\nimport Emitter from 'licia/Emitter'\nimport isStr from 'licia/isStr'\nimport isRegExp from 'licia/isRegExp'\nimport uncaught from 'licia/uncaught'\nimport trim from 'licia/trim'\nimport upperFirst from 'licia/upperFirst'\nimport isHidden from 'licia/isHidden'\nimport isNull from 'licia/isNull'\nimport isArr from 'licia/isArr'\nimport extend from 'licia/extend'\nimport evalCss from '../lib/evalCss'\nimport Settings from '../Settings/Settings'\nimport LunaConsole from 'luna-console'\nimport LunaModal from 'luna-modal'\nimport { classPrefix as c } from '../lib/util'\n\nuncaught.start()\n\nexport default class Console extends Tool {\n constructor({ name = 'console' } = {}) {\n super()\n\n Emitter.mixin(this)\n\n this.name = name\n this._selectedLog = null\n }\n init($el, container) {\n super.init($el)\n this._container = container\n\n this._appendTpl()\n\n this._initCfg()\n\n this._initLogger()\n this._exposeLogger()\n this._bindEvent()\n }\n show() {\n super.show()\n this._handleShow()\n }\n overrideConsole() {\n const origConsole = (this._origConsole = {})\n const winConsole = window.console\n\n CONSOLE_METHOD.forEach((name) => {\n let origin = (origConsole[name] = noop)\n if (winConsole[name]) {\n origin = origConsole[name] = winConsole[name].bind(winConsole)\n }\n\n winConsole[name] = (...args) => {\n this[name](...args)\n origin(...args)\n }\n })\n\n return this\n }\n setGlobal(name, val) {\n this._logger.setGlobal(name, val)\n }\n restoreConsole() {\n if (!this._origConsole) return this\n\n CONSOLE_METHOD.forEach(\n (name) => (window.console[name] = this._origConsole[name])\n )\n delete this._origConsole\n\n return this\n }\n catchGlobalErr() {\n uncaught.addListener(this._handleErr)\n\n return this\n }\n ignoreGlobalErr() {\n uncaught.rmListener(this._handleErr)\n\n return this\n }\n filter(filter) {\n const $filterText = this._$filterText\n const logger = this._logger\n\n if (isStr(filter)) {\n $filterText.text(filter)\n logger.setOption('filter', trim(filter))\n } else if (isRegExp(filter)) {\n $filterText.text(toStr(filter))\n logger.setOption('filter', filter)\n } else if (isFn(filter)) {\n $filterText.text('ƒ')\n logger.setOption('filter', filter)\n }\n }\n destroy() {\n this._logger.destroy()\n super.destroy()\n\n this._container.off('show', this._handleShow)\n\n if (this._style) {\n evalCss.remove(this._style)\n }\n this.ignoreGlobalErr()\n this.restoreConsole()\n this._rmCfg()\n }\n _handleShow = () => {\n if (isHidden(this._$el.get(0))) return\n this._logger.renderViewport()\n }\n _handleErr = (err) => {\n this._logger.error(err)\n }\n _enableJsExecution(enabled) {\n const $el = this._$el\n const $jsInput = $el.find(c('.js-input'))\n\n if (enabled) {\n $jsInput.show()\n $el.rmClass(c('js-input-hidden'))\n } else {\n $jsInput.hide()\n $el.addClass(c('js-input-hidden'))\n }\n }\n _appendTpl() {\n const $el = this._$el\n\n this._style = evalCss(require('./Console.scss'))\n $el.append(\n c(`\n \n All \n Info \n Warning \n Error \n
\n
\n \n `)\n )\n\n const _$inputContainer = $el.find(c('.js-input'))\n const _$input = _$inputContainer.find('textarea')\n const _$inputBtns = _$inputContainer.find(c('.buttons'))\n\n extend(this, {\n _$control: $el.find(c('.control')),\n _$logs: $el.find(c('.logs-container')),\n _$inputContainer,\n _$input,\n _$inputBtns,\n _$filterText: $el.find(c('.filter-text')),\n })\n }\n _initLogger() {\n const cfg = this.config\n let maxLogNum = cfg.get('maxLogNum')\n maxLogNum = maxLogNum === 'infinite' ? 0 : +maxLogNum\n\n const $level = this._$control.find(c('.level'))\n const logger = new LunaConsole(this._$logs.get(0), {\n asyncRender: cfg.get('asyncRender'),\n maxNum: maxLogNum,\n showHeader: cfg.get('displayExtraInfo'),\n unenumerable: cfg.get('displayUnenumerable'),\n accessGetter: cfg.get('displayGetterVal'),\n lazyEvaluation: cfg.get('lazyEvaluation'),\n })\n\n logger.on('optionChange', (name, val) => {\n switch (name) {\n case 'level':\n $level.each(function () {\n const $this = $(this)\n const level = $this.data('level')\n const isMatch = level === val || (level === 'all' && isArr(val))\n\n $this[isMatch ? 'addClass' : 'rmClass'](c('active'))\n })\n break\n }\n })\n\n if (cfg.get('overrideConsole')) this.overrideConsole()\n\n this._logger = logger\n }\n _exposeLogger() {\n const logger = this._logger\n const methods = ['html'].concat(CONSOLE_METHOD)\n\n methods.forEach(\n (name) =>\n (this[name] = (...args) => {\n logger[name](...args)\n this.emit(name, ...args)\n\n return this\n })\n )\n }\n _bindEvent() {\n const container = this._container\n const $input = this._$input\n const $inputBtns = this._$inputBtns\n const $control = this._$control\n\n const logger = this._logger\n const config = this.config\n\n $control\n .on('click', c('.clear-console'), () => logger.clear(true))\n .on('click', c('.level'), function () {\n let level = $(this).data('level')\n if (level === 'all') {\n level = ['verbose', 'info', 'warning', 'error']\n }\n logger.setOption('level', level)\n })\n .on('click', c('.filter'), () => {\n LunaModal.prompt('Filter').then((filter) => {\n if (isNull(filter)) return\n this.filter(filter)\n })\n })\n .on('click', c('.copy'), () => {\n this._selectedLog.copy()\n container.notify('Copied', { icon: 'success' })\n })\n\n $inputBtns\n .on('click', c('.cancel'), () => this._hideInput())\n .on('click', c('.execute'), () => {\n const jsInput = $input.val().trim()\n if (jsInput === '') return\n\n logger.evaluate(jsInput)\n $input.val('').get(0).blur()\n this._hideInput()\n })\n\n $input.on('focusin', () => this._showInput())\n\n logger.on('insert', (log) => {\n const autoShow = log.type === 'error' && config.get('displayIfErr')\n\n if (autoShow) container.showTool('console').show()\n })\n\n logger.on('select', (log) => {\n this._selectedLog = log\n $control.find(c('.icon-copy')).rmClass(c('icon-disabled'))\n })\n\n logger.on('deselect', () => {\n this._selectedLog = null\n $control.find(c('.icon-copy')).addClass(c('icon-disabled'))\n })\n\n container.on('show', this._handleShow)\n }\n _hideInput() {\n this._$inputContainer.rmClass(c('active'))\n this._$inputBtns.css('display', 'none')\n }\n _showInput() {\n this._$inputContainer.addClass(c('active'))\n this._$inputBtns.css('display', 'flex')\n }\n _rmCfg() {\n const cfg = this.config\n\n const settings = this._container.get('settings')\n if (!settings) return\n\n settings\n .remove(cfg, 'asyncRender')\n .remove(cfg, 'jsExecution')\n .remove(cfg, 'catchGlobalErr')\n .remove(cfg, 'overrideConsole')\n .remove(cfg, 'displayExtraInfo')\n .remove(cfg, 'displayUnenumerable')\n .remove(cfg, 'displayGetterVal')\n .remove(cfg, 'lazyEvaluation')\n .remove(cfg, 'displayIfErr')\n .remove(cfg, 'maxLogNum')\n .remove(upperFirst(this.name))\n }\n _initCfg() {\n const container = this._container\n\n const cfg = (this.config = Settings.createCfg(this.name, {\n asyncRender: true,\n catchGlobalErr: true,\n jsExecution: true,\n overrideConsole: true,\n displayExtraInfo: false,\n displayUnenumerable: true,\n displayGetterVal: true,\n lazyEvaluation: true,\n displayIfErr: false,\n maxLogNum: 'infinite',\n }))\n\n this._enableJsExecution(cfg.get('jsExecution'))\n if (cfg.get('catchGlobalErr')) this.catchGlobalErr()\n\n cfg.on('change', (key, val) => {\n const logger = this._logger\n switch (key) {\n case 'asyncRender':\n return logger.setOption('asyncRender', val)\n case 'jsExecution':\n return this._enableJsExecution(val)\n case 'catchGlobalErr':\n return val ? this.catchGlobalErr() : this.ignoreGlobalErr()\n case 'overrideConsole':\n return val ? this.overrideConsole() : this.restoreConsole()\n case 'maxLogNum':\n return logger.setOption('maxNum', val === 'infinite' ? 0 : +val)\n case 'displayExtraInfo':\n return logger.setOption('showHeader', val)\n case 'displayUnenumerable':\n return logger.setOption('unenumerable', val)\n case 'displayGetterVal':\n return logger.setOption('accessGetter', val)\n case 'lazyEvaluation':\n return logger.setOption('lazyEvaluation', val)\n }\n })\n\n const settings = container.get('settings')\n if (!settings) return\n\n settings\n .text(upperFirst(this.name))\n .switch(cfg, 'asyncRender', 'Asynchronous Rendering')\n .switch(cfg, 'jsExecution', 'Enable JavaScript Execution')\n .switch(cfg, 'catchGlobalErr', 'Catch Global Errors')\n .switch(cfg, 'overrideConsole', 'Override Console')\n .switch(cfg, 'displayIfErr', 'Auto Display If Error Occurs')\n .switch(cfg, 'displayExtraInfo', 'Display Extra Information')\n .switch(cfg, 'displayUnenumerable', 'Display Unenumerable Properties')\n .switch(cfg, 'displayGetterVal', 'Access Getter Value')\n .switch(cfg, 'lazyEvaluation', 'Lazy Evaluation')\n .select(cfg, 'maxLogNum', 'Max Log Number', [\n 'infinite',\n '250',\n '125',\n '100',\n '50',\n '10',\n ])\n .separator()\n }\n}\n\nconst CONSOLE_METHOD = [\n 'log',\n 'error',\n 'info',\n 'warn',\n 'dir',\n 'time',\n 'timeLog',\n 'timeEnd',\n 'clear',\n 'table',\n 'assert',\n 'count',\n 'countReset',\n 'debug',\n 'group',\n 'groupCollapsed',\n 'groupEnd',\n]\n"
},
{
"path": "src/Console/Console.scss",
"content": "@use '../style/variable' as *;\n@use '../style/mixin' as *;\n\n#console {\n padding-top: 40px;\n padding-bottom: 24px;\n width: 100%;\n height: 100%;\n &.js-input-hidden {\n padding-bottom: 0;\n }\n .control {\n padding: 10px 10px 10px 35px;\n @include control();\n .icon-clear {\n padding-right: 0px;\n left: 0;\n }\n .icon-copy {\n right: 0;\n }\n .icon-filter {\n right: 23px;\n }\n .level {\n cursor: pointer;\n font-size: $font-size-s;\n height: 20px;\n display: inline-block;\n margin: 0 2px;\n padding: 0 4px;\n line-height: 20px;\n transition: background-color $anim-duration, color $anim-duration;\n &.active {\n background: var(--highlight);\n color: var(--select-foreground);\n }\n }\n .filter-text {\n white-space: nowrap;\n position: absolute;\n line-height: 20px;\n max-width: 80px;\n overflow: hidden;\n right: 55px;\n font-size: $font-size;\n text-overflow: ellipsis;\n }\n }\n .js-input {\n pointer-events: none;\n position: absolute;\n z-index: 100;\n left: 0;\n bottom: 0;\n width: 100%;\n border-top: 1px solid var(--border);\n height: 24px;\n .icon-right {\n line-height: 23px;\n color: var(--accent);\n position: absolute;\n left: 10px;\n top: 0;\n z-index: 10;\n }\n &.active {\n height: 100%;\n padding-top: 40px;\n padding-bottom: 40px;\n border-top: none;\n .icon-right {\n display: none;\n }\n textarea {\n overflow: auto;\n padding-left: 10px;\n }\n }\n .buttons {\n display: none;\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 40px;\n color: var(--primary);\n background: var(--darker-background);\n font-size: $font-size-s;\n border-top: 1px solid var(--border);\n .button {\n pointer-events: all;\n cursor: pointer;\n flex: 1;\n text-align: center;\n border-right: 1px solid var(--border);\n height: 40px;\n line-height: 40px;\n transition: background-color $anim-duration, color $anim-duration;\n &:last-child {\n border-right: none;\n }\n &:active {\n color: var(--select-foreground);\n background: var(--highlight);\n }\n }\n }\n textarea {\n overflow: hidden;\n pointer-events: all;\n padding: 3px 10px;\n padding-left: 25px;\n outline: none;\n border: none;\n font-size: $font-size;\n width: 100%;\n height: 100%;\n user-select: text;\n resize: none;\n color: var(--primary);\n background: var(--background);\n }\n }\n}\n\n.safe-area #console {\n @include safe-area(padding-bottom, 24px);\n &.js-input-hidden {\n padding-bottom: 0;\n }\n .js-input {\n @include safe-area(height, 24px);\n &.active {\n height: 100%;\n @include safe-area(padding-bottom, 40px);\n }\n .buttons {\n @include safe-area(height, 40px);\n .button {\n @include safe-area(height, 40px);\n }\n }\n }\n}\n"
},
{
"path": "src/DevTools/DevTools.js",
"content": "import logger from '../lib/logger'\nimport Tool from './Tool'\nimport Settings from '../Settings/Settings'\nimport Emitter from 'licia/Emitter'\nimport defaults from 'licia/defaults'\nimport keys from 'licia/keys'\nimport last from 'licia/last'\nimport each from 'licia/each'\nimport isNum from 'licia/isNum'\nimport nextTick from 'licia/nextTick'\nimport $ from 'licia/$'\nimport toNum from 'licia/toNum'\nimport extend from 'licia/extend'\nimport isStr from 'licia/isStr'\nimport theme from 'licia/theme'\nimport upperFirst from 'licia/upperFirst'\nimport startWith from 'licia/startWith'\nimport ready from 'licia/ready'\nimport pointerEvent from 'licia/pointerEvent'\nimport evalCss from '../lib/evalCss'\nimport emitter from '../lib/emitter'\nimport { isDarkTheme } from '../lib/themes'\nimport LunaNotification from 'luna-notification'\nimport LunaModal from 'luna-modal'\nimport LunaTab from 'luna-tab'\nimport {\n classPrefix as c,\n eventClient,\n hasSafeArea,\n safeStorage,\n} from '../lib/util'\n\nexport default class DevTools extends Emitter {\n constructor($container, { defaults = {}, inline = false } = {}) {\n super()\n\n this._defCfg = extend(\n {\n transparency: 1,\n displaySize: 80,\n theme: 'System preference',\n },\n defaults\n )\n\n this._style = evalCss(require('./DevTools.scss'))\n\n this.$container = $container\n this._isShow = false\n this._opacity = 1\n this._tools = {}\n this._isResizing = false\n this._resizeTimer = null\n this._resizeStartY = 0\n this._resizeStartSize = 0\n this._inline = inline\n\n this._initTpl()\n this._initTab()\n this._initNotification()\n this._initModal()\n\n ready(() => this._checkSafeArea())\n this._bindEvent()\n }\n show() {\n this._isShow = true\n\n this._$el.show()\n this._tab.updateSlider()\n\n // Need a delay after show to enable transition effect.\n setTimeout(() => {\n this._$el.css('opacity', this._opacity)\n }, 50)\n\n this.emit('show')\n\n return this\n }\n hide() {\n if (this._inline) {\n return\n }\n\n this._isShow = false\n this.emit('hide')\n\n this._$el.css({ opacity: 0 })\n setTimeout(() => this._$el.hide(), 300)\n\n return this\n }\n toggle() {\n return this._isShow ? this.hide() : this.show()\n }\n add(tool) {\n const tab = this._tab\n\n if (!(tool instanceof Tool)) {\n const { init, show, hide, destroy } = new Tool()\n defaults(tool, { init, show, hide, destroy })\n }\n\n const name = tool.name\n if (!name) {\n return logger.error('You must specify a name for a tool')\n }\n\n if (this._tools[name]) {\n return logger.warn(`Tool ${name} already exists`)\n }\n\n const id = name.replace(/\\s+/g, '-')\n this._$tools.prepend(`
`)\n tool.init(this._$tools.find(`.${c(id)}.${c('tool')}`), this)\n tool.active = false\n this._tools[name] = tool\n\n if (name === 'settings') {\n tab.append({\n id: name,\n title: name,\n })\n } else {\n tab.insert(tab.length - 1, {\n id: name,\n title: name,\n })\n }\n\n return this\n }\n remove(name) {\n const tools = this._tools\n\n if (!tools[name]) return logger.warn(`Tool ${name} doesn't exist`)\n\n this._tab.remove(name)\n\n const tool = tools[name]\n delete tools[name]\n if (tool.active) {\n const toolKeys = keys(tools)\n if (toolKeys.length > 0) this.showTool(tools[last(toolKeys)].name)\n }\n tool.destroy()\n\n return this\n }\n removeAll() {\n each(this._tools, (tool) => this.remove(tool.name))\n\n return this\n }\n get(name) {\n const tool = this._tools[name]\n\n if (tool) return tool\n }\n showTool(name) {\n if (this._curTool === name) {\n return this\n }\n this._curTool = name\n\n const tools = this._tools\n\n const tool = tools[name]\n if (!tool) return\n\n let lastTool = {}\n\n each(tools, (tool) => {\n if (tool.active) {\n lastTool = tool\n tool.active = false\n tool.hide()\n }\n })\n\n tool.active = true\n tool.show()\n\n this._tab.select(name)\n\n this.emit('showTool', name, lastTool)\n\n return this\n }\n initCfg(settings) {\n const cfg = (this.config = Settings.createCfg('dev-tools', this._defCfg))\n\n this._setTransparency(cfg.get('transparency'))\n this._setDisplaySize(cfg.get('displaySize'))\n this._setTheme(cfg.get('theme'))\n\n cfg.on('change', (key, val) => {\n switch (key) {\n case 'transparency':\n return this._setTransparency(val)\n case 'displaySize':\n return this._setDisplaySize(val)\n case 'theme':\n return this._setTheme(val)\n }\n })\n\n settings\n .separator()\n .select(cfg, 'theme', 'Theme', [\n 'System preference',\n ...keys(evalCss.getThemes()),\n ])\n\n if (!this._inline) {\n settings\n .range(cfg, 'transparency', 'Transparency', {\n min: 0.2,\n max: 1,\n step: 0.01,\n })\n .range(cfg, 'displaySize', 'Display Size', {\n min: 40,\n max: 100,\n step: 1,\n })\n }\n\n settings\n .button('Restore defaults and reload', function () {\n const store = safeStorage('local')\n\n const data = JSON.parse(JSON.stringify(store))\n each(data, (val, key) => {\n if (!isStr(val)) {\n return\n }\n\n if (startWith(key, 'eruda')) {\n store.removeItem(key)\n }\n })\n\n window.location.reload()\n })\n .separator()\n }\n notify(content, options) {\n this._notification.notify(content, options)\n }\n destroy() {\n evalCss.remove(this._style)\n this.removeAll()\n this._tab.destroy()\n this._$el.remove()\n window.removeEventListener('resize', this._checkSafeArea)\n emitter.off(emitter.SCALE, this._updateTabHeight)\n }\n _checkSafeArea = () => {\n const { $container } = this\n\n if (hasSafeArea()) {\n $container.addClass(c('safe-area'))\n } else {\n $container.rmClass(c('safe-area'))\n }\n }\n _setTheme(t) {\n const { $container } = this\n\n if (t === 'System preference') {\n t = upperFirst(theme.get())\n }\n\n if (isDarkTheme(t)) {\n $container.addClass(c('dark'))\n } else {\n $container.rmClass(c('dark'))\n }\n evalCss.setTheme(t)\n }\n _setTransparency(opacity) {\n if (!isNum(opacity)) return\n\n this._opacity = opacity\n if (this._isShow) this._$el.css({ opacity })\n }\n _setDisplaySize(height) {\n if (this._inline) {\n height = 100\n }\n\n if (!isNum(height)) return\n\n this._$el.css({ height: height + '%' })\n }\n _initTpl() {\n const $container = this.$container\n\n $container.append(\n c(`\n \n `)\n )\n\n this._$el = $container.find(c('.dev-tools'))\n this._$tools = this._$el.find(c('.tools'))\n }\n _initTab() {\n this._tab = new LunaTab(this._$el.find(c('.tab')).get(0), {\n height: 40,\n })\n this._tab.on('select', (id) => this.showTool(id))\n }\n _updateTabHeight = (scale) => {\n this._tab.setOption('height', 40 * scale)\n nextTick(() => {\n this._tab.updateSlider()\n })\n }\n _initNotification() {\n this._notification = new LunaNotification(\n this._$el.find(c('.notification')).get(0),\n {\n position: {\n x: 'center',\n y: 'top',\n },\n }\n )\n }\n _initModal() {\n LunaModal.setContainer(this._$el.find(c('.modal')).get(0))\n }\n _bindEvent() {\n const $resizer = this._$el.find(c('.resizer'))\n const $navBar = this._$el.find(c('.nav-bar'))\n const $document = $(document)\n\n if (this._inline) {\n $resizer.hide()\n }\n\n const startListener = (e) => {\n e.preventDefault()\n e.stopPropagation()\n\n e = e.origEvent\n this._isResizing = true\n this._resizeStartSize = this.config.get('displaySize')\n this._resizeStartY = eventClient('y', e)\n\n $resizer.css('height', '100%')\n\n $document.on(pointerEvent('move'), moveListener)\n $document.on(pointerEvent('up'), endListener)\n }\n const moveListener = (e) => {\n if (!this._isResizing) {\n return\n }\n e.preventDefault()\n e.stopPropagation()\n\n e = e.origEvent\n const deltaY =\n ((this._resizeStartY - eventClient('y', e)) / window.innerHeight) * 100\n let displaySize = this._resizeStartSize + deltaY\n if (displaySize < 40) {\n displaySize = 40\n } else if (displaySize > 100) {\n displaySize = 100\n }\n this.config.set('displaySize', toNum(displaySize.toFixed(2)))\n }\n const endListener = () => {\n clearTimeout(this._resizeTimer)\n this._isResizing = false\n\n $resizer.css('height', 10)\n\n $document.off(pointerEvent('move'), moveListener)\n $document.off(pointerEvent('up'), endListener)\n }\n $resizer.css('height', 10)\n $resizer.on(pointerEvent('down'), startListener)\n\n $navBar.on('contextmenu', (e) => e.preventDefault())\n this.$container.on('click', (e) => e.stopPropagation())\n window.addEventListener('resize', this._checkSafeArea)\n\n emitter.on(emitter.SCALE, this._updateTabHeight)\n\n theme.on('change', () => {\n const t = this.config.get('theme')\n if (t === 'System preference') {\n this._setTheme(t)\n }\n })\n }\n}\n"
},
{
"path": "src/DevTools/DevTools.scss",
"content": "@use '../style/variable' as *;\n@use '../style/mixin' as *;\n\n.dev-tools {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n bottom: 0;\n background: var(--background);\n z-index: 500;\n display: none;\n padding-top: 40px !important;\n opacity: 0;\n transition: opacity $anim-duration;\n border-top: 1px solid var(--border);\n .resizer {\n position: absolute;\n width: 100%;\n touch-action: none;\n left: 0;\n top: -8px;\n cursor: row-resize;\n z-index: 120;\n }\n .tools {\n @include overflow-auto();\n height: 100%;\n width: 100%;\n position: relative;\n .tool {\n @include absolute();\n overflow: hidden;\n display: none;\n }\n }\n}\n"
},
{
"path": "src/DevTools/Tool.js",
"content": "import Class from 'licia/Class'\n\nexport default Class({\n init($el) {\n this._$el = $el\n },\n show() {\n this._$el.show()\n\n return this\n },\n hide() {\n this._$el.hide()\n\n return this\n },\n destroy() {\n this._$el.remove()\n },\n})\n"
},
{
"path": "src/Elements/CssStore.js",
"content": "import each from 'licia/each'\nimport sortKeys from 'licia/sortKeys'\n\nfunction formatStyle(style) {\n const ret = {}\n\n for (let i = 0, len = style.length; i < len; i++) {\n const name = style[i]\n\n if (style[name] === 'initial') continue\n\n ret[name] = style[name]\n }\n\n return sortStyleKeys(ret)\n}\n\nconst elProto = Element.prototype\n\nlet matchesSel = function () {\n return false\n}\n\nif (elProto.webkitMatchesSelector) {\n matchesSel = (el, selText) => el.webkitMatchesSelector(selText)\n} else if (elProto.mozMatchesSelector) {\n matchesSel = (el, selText) => el.mozMatchesSelector(selText)\n}\n\nexport default class CssStore {\n constructor(el) {\n this._el = el\n }\n getComputedStyle() {\n const computedStyle = window.getComputedStyle(this._el)\n\n return formatStyle(computedStyle)\n }\n getMatchedCSSRules() {\n const ret = []\n\n each(document.styleSheets, (styleSheet) => {\n try {\n // Started with version 64, Chrome does not allow cross origin script to access this property.\n if (!styleSheet.cssRules) return\n } catch {\n return\n }\n\n each(styleSheet.cssRules, (cssRule) => {\n let matchesEl = false\n\n // Mobile safari will throw DOM Exception 12 error, need to try catch it.\n try {\n matchesEl = this._elMatchesSel(cssRule.selectorText)\n } catch {\n // No op\n }\n\n if (!matchesEl) return\n\n ret.push({\n selectorText: cssRule.selectorText,\n style: formatStyle(cssRule.style),\n })\n })\n })\n\n return ret\n }\n _elMatchesSel(selText) {\n return matchesSel(this._el, selText)\n }\n}\n\nfunction sortStyleKeys(style) {\n return sortKeys(style, {\n comparator: (a, b) => {\n const lenA = a.length\n const lenB = b.length\n const len = lenA > lenB ? lenB : lenA\n\n for (let i = 0; i < len; i++) {\n const codeA = a.charCodeAt(i)\n const codeB = b.charCodeAt(i)\n const cmpResult = cmpCode(codeA, codeB)\n\n if (cmpResult !== 0) return cmpResult\n }\n\n if (lenA > lenB) return 1\n if (lenA < lenB) return -1\n\n return 0\n },\n })\n}\n\nfunction cmpCode(a, b) {\n a = transCode(a)\n b = transCode(b)\n\n if (a > b) return 1\n if (a < b) return -1\n return 0\n}\n\nfunction transCode(code) {\n // - should be placed after lowercase chars.\n if (code === 45) return 123\n return code\n}\n"
},
{
"path": "src/Elements/Detail.js",
"content": "import isEmpty from 'licia/isEmpty'\nimport lowerCase from 'licia/lowerCase'\nimport pick from 'licia/pick'\nimport toStr from 'licia/toStr'\nimport map from 'licia/map'\nimport isEl from 'licia/isEl'\nimport escape from 'licia/escape'\nimport startWith from 'licia/startWith'\nimport contain from 'licia/contain'\nimport unique from 'licia/unique'\nimport each from 'licia/each'\nimport keys from 'licia/keys'\nimport isNull from 'licia/isNull'\nimport trim from 'licia/trim'\nimport isFn from 'licia/isFn'\nimport isBool from 'licia/isBool'\nimport safeGet from 'licia/safeGet'\nimport $ from 'licia/$'\nimport h from 'licia/h'\nimport extend from 'licia/extend'\nimport MutationObserver from 'licia/MutationObserver'\nimport CssStore from './CssStore'\nimport Settings from '../Settings/Settings'\nimport LunaModal from 'luna-modal'\nimport LunaBoxModel from 'luna-box-model'\nimport chobitsu from '../lib/chobitsu'\nimport { formatNodeName } from './util'\nimport { isErudaEl, classPrefix as c } from '../lib/util'\n\nexport default class Detail {\n constructor($container, devtools) {\n this._$container = $container\n this._devtools = devtools\n this._curEl = document.documentElement\n this._initObserver()\n this._initCfg()\n this._initTpl()\n this._bindEvent()\n }\n show(el) {\n this._curEl = el\n this._rmDefComputedStyle = true\n this._computedStyleSearchKeyword = ''\n this._enableObserver()\n this._render()\n this._highlight()\n }\n hide = () => {\n this._$container.hide()\n this._disableObserver()\n chobitsu.domain('Overlay').hideHighlight()\n }\n destroy() {\n this._disableObserver()\n this.restoreEventTarget()\n this._rmCfg()\n }\n overrideEventTarget() {\n const winEventProto = getWinEventProto()\n\n const origAddEvent = (this._origAddEvent = winEventProto.addEventListener)\n const origRmEvent = (this._origRmEvent = winEventProto.removeEventListener)\n\n winEventProto.addEventListener = function (type, listener, useCapture) {\n addEvent(this, type, listener, useCapture)\n origAddEvent.apply(this, arguments)\n }\n\n winEventProto.removeEventListener = function (type, listener, useCapture) {\n rmEvent(this, type, listener, useCapture)\n origRmEvent.apply(this, arguments)\n }\n }\n restoreEventTarget() {\n const winEventProto = getWinEventProto()\n\n if (this._origAddEvent) winEventProto.addEventListener = this._origAddEvent\n if (this._origRmEvent) winEventProto.removeEventListener = this._origRmEvent\n }\n _highlight = (type) => {\n const el = this._curEl\n\n const highlightConfig = {\n showInfo: false,\n }\n if (!type || type === 'all') {\n extend(highlightConfig, {\n showInfo: true,\n contentColor: 'rgba(111, 168, 220, .66)',\n paddingColor: 'rgba(147, 196, 125, .55)',\n borderColor: 'rgba(255, 229, 153, .66)',\n marginColor: 'rgba(246, 178, 107, .66)',\n })\n } else if (type === 'margin') {\n highlightConfig.marginColor = 'rgba(246, 178, 107, .66)'\n } else if (type === 'border') {\n highlightConfig.borderColor = 'rgba(255, 229, 153, .66)'\n } else if (type === 'padding') {\n highlightConfig.paddingColor = 'rgba(147, 196, 125, .55)'\n } else if (type === 'content') {\n highlightConfig.contentColor = 'rgba(111, 168, 220, .66)'\n }\n\n const { nodeId } = chobitsu.domain('DOM').getNodeId({ node: el })\n chobitsu.domain('Overlay').highlightNode({\n nodeId,\n highlightConfig,\n })\n }\n _initTpl() {\n const $container = this._$container\n\n const html = `\n
\n `\n\n $container.html(html)\n\n this._$elementName = $container.find(c('.element-name'))\n this._$attributes = $container.find(c('.attributes'))\n this._$styles = $container.find(c('.styles'))\n this._$listeners = $container.find(c('.listeners'))\n this._$computedStyle = $container.find(c('.computed-style'))\n\n const boxModelContainer = h('div')\n this._$boxModel = $(boxModelContainer)\n this._boxModel = new LunaBoxModel(boxModelContainer)\n }\n _toggleAllComputedStyle() {\n this._rmDefComputedStyle = !this._rmDefComputedStyle\n\n this._render()\n }\n _render() {\n const data = this._getData(this._curEl)\n const $attributes = this._$attributes\n const $elementName = this._$elementName\n const $styles = this._$styles\n const $computedStyle = this._$computedStyle\n const $listeners = this._$listeners\n\n $elementName.html(data.name)\n\n let attributes = 'Empty \n ${escape(name)} \n ${value} \n `\n }).join('')\n }\n attributes = `Attributes \n \n
\n \n ${attributes} \n \n
\n
${escape(\n key\n )} : ${val};
`\n }).join('')\n return `\n
${escape(selectorText)} {
\n ${style}\n
}
\n
Styles \n \n ${style}\n
`\n $styles.html(styles).show()\n } else {\n $styles.hide()\n }\n\n let computedStyle = ''\n if (data.computedStyle) {\n let toggleButton = c(`\n
`)\n if (data.rmDefComputedStyle) {\n toggleButton = c(`\n
`)\n }\n\n computedStyle = `\n Computed Style\n ${toggleButton}\n \n
\n ${\n data.computedStyleSearchKeyword\n ? `${escape(\n data.computedStyleSearchKeyword\n )}
`\n : ''\n }\n \n
\n \n
\n \n ${map(data.computedStyle, (val, key) => {\n return `\n ${escape(key)} \n ${val} \n `\n }).join('')}\n \n
\n
${escape(\n listenerStr\n )} `\n }).join('')\n return ``\n }).join('')\n listeners = `Event Listeners \n \n ${listeners} \n
`\n $listeners.html(listeners).show()\n } else {\n $listeners.hide()\n }\n\n this._$container.show()\n }\n _getData(el) {\n const ret = {}\n\n const cssStore = new CssStore(el)\n\n const { className, id, attributes, tagName } = el\n\n ret.computedStyleSearchKeyword = this._computedStyleSearchKeyword\n ret.attributes = formatAttr(attributes)\n ret.name = formatNodeName({ tagName, id, className, attributes })\n\n const events = el.erudaEvents\n if (events && keys(events).length !== 0) ret.listeners = events\n\n if (needNoStyle(tagName)) {\n return ret\n }\n\n let computedStyle = cssStore.getComputedStyle()\n\n const styles = cssStore.getMatchedCSSRules()\n styles.unshift(getInlineStyle(el.style))\n styles.forEach((style) => processStyleRules(style.style))\n ret.styles = styles\n\n if (this._rmDefComputedStyle) {\n computedStyle = rmDefComputedStyle(computedStyle, styles)\n }\n ret.rmDefComputedStyle = this._rmDefComputedStyle\n const computedStyleSearchKeyword = lowerCase(ret.computedStyleSearchKeyword)\n if (computedStyleSearchKeyword) {\n computedStyle = pick(computedStyle, (val, property) => {\n return (\n contain(property, computedStyleSearchKeyword) ||\n contain(val, computedStyleSearchKeyword)\n )\n })\n }\n processStyleRules(computedStyle)\n ret.computedStyle = computedStyle\n\n return ret\n }\n _bindEvent() {\n const devtools = this._devtools\n\n this._$container\n .on('click', c('.toggle-all-computed-style'), () =>\n this._toggleAllComputedStyle()\n )\n .on('click', c('.computed-style-search'), () => {\n LunaModal.prompt('Filter').then((filter) => {\n if (isNull(filter)) return\n filter = trim(filter)\n this._computedStyleSearchKeyword = filter\n this._render()\n })\n })\n .on('click', '.eruda-listener-content', function () {\n const text = $(this).text()\n const sources = devtools.get('sources')\n\n if (sources) {\n sources.set('js', text)\n devtools.showTool('sources')\n }\n })\n .on('click', c('.element-name'), () => {\n const sources = devtools.get('sources')\n\n if (sources) {\n sources.set('object', this._curEl)\n devtools.showTool('sources')\n }\n })\n .on('click', c('.back'), this.hide)\n .on('click', c('.refresh'), () => {\n this._render()\n devtools.notify('Refreshed', { icon: 'success' })\n })\n\n this._boxModel.on('highlight', this._highlight)\n }\n _initObserver() {\n this._observer = new MutationObserver((mutations) => {\n each(mutations, (mutation) => this._handleMutation(mutation))\n })\n }\n _enableObserver() {\n this._observer.observe(document.documentElement, {\n attributes: true,\n childList: true,\n subtree: true,\n })\n }\n _disableObserver() {\n this._observer.disconnect()\n }\n _handleMutation(mutation) {\n if (isErudaEl(mutation.target)) return\n\n if (mutation.type === 'attributes') {\n if (mutation.target !== this._curEl) return\n this._render()\n }\n }\n _rmCfg() {\n const cfg = this.config\n\n const settings = this._devtools.get('settings')\n\n if (!settings) return\n\n settings\n .remove(cfg, 'overrideEventTarget')\n .remove(cfg, 'observeElement')\n .remove('Elements')\n }\n _initCfg() {\n const cfg = (this.config = Settings.createCfg('elements', {\n overrideEventTarget: true,\n }))\n\n if (cfg.get('overrideEventTarget')) this.overrideEventTarget()\n\n cfg.on('change', (key, val) => {\n switch (key) {\n case 'overrideEventTarget':\n return val ? this.overrideEventTarget() : this.restoreEventTarget()\n }\n })\n\n const settings = this._devtools.get('settings')\n if (!settings) return\n\n settings\n .text('Elements')\n .switch(cfg, 'overrideEventTarget', 'Catch Event Listeners')\n\n settings.separator()\n }\n}\n\nfunction processStyleRules(style) {\n each(style, (val, key) => (style[key] = processStyleRule(val)))\n}\n\nconst formatAttr = (attributes) =>\n map(attributes, (attr) => {\n let { value } = attr\n const { name } = attr\n value = escape(value)\n\n const isLink =\n (name === 'src' || name === 'href') && !startWith(value, 'data')\n if (isLink) value = wrapLink(value)\n if (name === 'style') value = processStyleRule(value)\n\n return { name, value }\n })\n\nconst regColor = /rgba?\\((.*?)\\)/g\nconst regCssUrl = /url\\(\"?(.*?)\"?\\)/g\n\nfunction processStyleRule(val) {\n // For css custom properties, val is unable to retrieved.\n val = toStr(val)\n\n return val\n .replace(\n regColor,\n '${link} `\n\nfunction addEvent(el, type, listener, useCapture = false) {\n if (!isEl(el) || !isFn(listener) || !isBool(useCapture)) return\n\n const events = (el.erudaEvents = el.erudaEvents || {})\n\n events[type] = events[type] || []\n events[type].push({\n listener: listener,\n listenerStr: listener.toString(),\n useCapture: useCapture,\n })\n}\n\nfunction rmEvent(el, type, listener, useCapture = false) {\n if (!isEl(el) || !isFn(listener) || !isBool(useCapture)) return\n\n const events = el.erudaEvents\n\n if (!(events && events[type])) return\n\n const listeners = events[type]\n\n for (let i = 0, len = listeners.length; i < len; i++) {\n if (listeners[i].listener === listener) {\n listeners.splice(i, 1)\n break\n }\n }\n\n if (listeners.length === 0) delete events[type]\n if (keys(events).length === 0) delete el.erudaEvents\n}\n\nconst getWinEventProto = () => {\n return safeGet(window, 'EventTarget.prototype') || window.Node.prototype\n}\n"
},
{
"path": "src/Elements/Elements.js",
"content": "import Tool from '../DevTools/Tool'\nimport $ from 'licia/$'\nimport isEl from 'licia/isEl'\nimport nextTick from 'licia/nextTick'\nimport Emitter from 'licia/Emitter'\nimport map from 'licia/map'\nimport MediaQuery from 'licia/MediaQuery'\nimport isEmpty from 'licia/isEmpty'\nimport toNum from 'licia/toNum'\nimport copy from 'licia/copy'\nimport isMobile from 'licia/isMobile'\nimport isShadowRoot from 'licia/isShadowRoot'\nimport LunaDomViewer from 'luna-dom-viewer'\nimport { isErudaEl, classPrefix as c, isChobitsuEl } from '../lib/util'\nimport evalCss from '../lib/evalCss'\nimport Detail from './Detail'\nimport chobitsu from '../lib/chobitsu'\nimport emitter from '../lib/emitter'\nimport { formatNodeName } from './util'\n\nexport default class Elements extends Tool {\n constructor() {\n super()\n\n this._style = evalCss(require('./Elements.scss'))\n\n this.name = 'elements'\n this._selectElement = false\n this._observeElement = true\n this._history = []\n\n Emitter.mixin(this)\n }\n init($el, container) {\n super.init($el)\n\n this._container = container\n\n this._initTpl()\n this._htmlEl = document.documentElement\n this._detail = new Detail(this._$detail, container)\n this.config = this._detail.config\n this._splitMediaQuery = new MediaQuery('screen and (min-width: 680px)')\n this._splitMode = this._splitMediaQuery.isMatch()\n this._domViewer = new LunaDomViewer(this._$domViewer.get(0), {\n node: this._htmlEl,\n ignore: (node) => isErudaEl(node) || isChobitsuEl(node),\n })\n this._domViewer.expand()\n this._bindEvent()\n chobitsu.domain('Overlay').enable()\n\n nextTick(() => this._updateHistory())\n }\n show() {\n super.show()\n this._isShow = true\n\n if (!this._curNode) {\n this.select(document.body)\n } else if (this._splitMode) {\n this._showDetail()\n }\n }\n hide() {\n super.hide()\n this._isShow = false\n\n chobitsu.domain('Overlay').hideHighlight()\n }\n select(node) {\n this._domViewer.select(node)\n this._setNode(node)\n this.emit('change', node)\n return this\n }\n destroy() {\n super.destroy()\n\n emitter.off(emitter.SCALE, this._updateScale)\n evalCss.remove(this._style)\n this._detail.destroy()\n chobitsu\n .domain('Overlay')\n .off('inspectNodeRequested', this._inspectNodeRequested)\n chobitsu.domain('Overlay').disable()\n this._splitMediaQuery.removeAllListeners()\n }\n _updateButtons() {\n const $control = this._$control\n const $showDetail = $control.find(c('.show-detail'))\n const $copyNode = $control.find(c('.copy-node'))\n const $deleteNode = $control.find(c('.delete-node'))\n const iconDisabled = c('icon-disabled')\n\n $showDetail.addClass(iconDisabled)\n $copyNode.addClass(iconDisabled)\n $deleteNode.addClass(iconDisabled)\n\n const node = this._curNode\n\n if (!node || isShadowRoot(node)) {\n return\n }\n\n if (node !== document.documentElement && node !== document.body) {\n $deleteNode.rmClass(iconDisabled)\n }\n $copyNode.rmClass(iconDisabled)\n\n if (node.nodeType === Node.ELEMENT_NODE) {\n $showDetail.rmClass(iconDisabled)\n }\n }\n _showDetail = () => {\n if (!this._isShow || !this._curNode) {\n return\n }\n if (this._curNode.nodeType === Node.ELEMENT_NODE) {\n this._detail.show(this._curNode)\n } else {\n this._detail.show(this._curNode.parentNode || this._curNode.host)\n }\n }\n _initTpl() {\n const $el = this._$el\n\n $el.html(\n c(`\n
\n
\n
\n
\n
`)\n )\n\n this._$detail = $el.find(c('.detail'))\n this._$domViewer = $el.find(c('.dom-viewer'))\n this._$control = $el.find(c('.control'))\n this._$crumbs = $el.find(c('.crumbs'))\n }\n _renderCrumbs() {\n const crumbs = getCrumbs(this._curNode)\n let html = ''\n if (!isEmpty(crumbs)) {\n html = map(crumbs, ({ text, idx }) => {\n return `${text} `\n }).join('')\n }\n this._$crumbs.html(html)\n }\n _back = () => {\n if (this._curNode === this._htmlEl) return\n\n const parentQueue = this._curParentQueue\n let parent = parentQueue.shift()\n\n while (!isElExist(parent)) {\n parent = parentQueue.shift()\n }\n\n this.set(parent)\n }\n _bindEvent() {\n const self = this\n\n this._$el.on('click', c('.crumb'), function () {\n let idx = toNum($(this).data('idx'))\n let node = self._curNode\n\n while (idx-- && node.parentElement) {\n node = node.parentElement\n }\n\n if (isElExist(node)) {\n self.select(node)\n }\n })\n\n this._$control\n .on('click', c('.select'), this._toggleSelect)\n .on('click', c('.show-detail'), this._showDetail)\n .on('click', c('.copy-node'), this._copyNode)\n .on('click', c('.delete-node'), this._deleteNode)\n\n this._domViewer.on('select', this._setNode).on('deselect', this._back)\n\n chobitsu\n .domain('Overlay')\n .on('inspectNodeRequested', this._inspectNodeRequested)\n\n this._splitMediaQuery.on('match', () => {\n this._splitMode = true\n this._showDetail()\n })\n this._splitMediaQuery.on('unmatch', () => {\n this._splitMode = false\n this._detail.hide()\n })\n\n emitter.on(emitter.SCALE, this._updateScale)\n }\n _updateScale = (scale) => {\n this._splitMediaQuery.setQuery(`screen and (min-width: ${680 * scale}px)`)\n }\n _deleteNode = () => {\n const node = this._curNode\n\n if (node.parentNode) {\n node.parentNode.removeChild(node)\n }\n }\n _copyNode = () => {\n const node = this._curNode\n\n if (node.nodeType === Node.ELEMENT_NODE) {\n copy(node.outerHTML)\n } else {\n copy(node.nodeValue)\n }\n\n this._container.notify('Copied', { icon: 'success' })\n }\n _toggleSelect = () => {\n this._$el.find(c('.select')).toggleClass(c('active'))\n this._selectElement = !this._selectElement\n\n if (this._selectElement) {\n chobitsu.domain('Overlay').setInspectMode({\n mode: 'searchForNode',\n highlightConfig: {\n showInfo: !isMobile(),\n showRulers: false,\n showAccessibilityInfo: !isMobile(),\n showExtensionLines: false,\n contrastAlgorithm: 'aa',\n contentColor: 'rgba(111, 168, 220, .66)',\n paddingColor: 'rgba(147, 196, 125, .55)',\n borderColor: 'rgba(255, 229, 153, .66)',\n marginColor: 'rgba(246, 178, 107, .66)',\n },\n })\n this._container.hide()\n } else {\n chobitsu.domain('Overlay').setInspectMode({\n mode: 'none',\n })\n chobitsu.domain('Overlay').hideHighlight()\n }\n }\n _inspectNodeRequested = ({ backendNodeId }) => {\n this._container.show()\n this._toggleSelect()\n try {\n const { node } = chobitsu.domain('DOM').getNode({ nodeId: backendNodeId })\n this.select(node)\n } catch {\n // No op\n }\n }\n _setNode = (node) => {\n if (node === this._curNode) return\n\n this._curNode = node\n this._renderCrumbs()\n\n const parentQueue = []\n\n let parent = node.parentNode\n while (parent) {\n parentQueue.push(parent)\n parent = parent.parentNode\n }\n this._curParentQueue = parentQueue\n\n if (this._splitMode) {\n this._showDetail()\n }\n this._updateButtons()\n this._updateHistory()\n }\n _updateHistory() {\n const console = this._container.get('console')\n if (!console) return\n\n const history = this._history\n history.unshift(this._curNode)\n if (history.length > 5) history.pop()\n for (let i = 0; i < 5; i++) {\n console.setGlobal(`$${i}`, history[i])\n }\n }\n}\n\nconst isElExist = (val) => isEl(val) && val.parentNode\n\nfunction getCrumbs(el) {\n const ret = []\n let i = 0\n\n while (el) {\n ret.push({\n text: formatNodeName(el, { noAttr: true }),\n idx: i++,\n })\n\n if (isShadowRoot(el)) {\n el = el.host\n }\n if (!el.parentElement && isShadowRoot(el.parentNode)) {\n el = el.parentNode\n } else {\n el = el.parentElement\n }\n }\n\n return ret.reverse()\n}\n"
},
{
"path": "src/Elements/Elements.scss",
"content": "@use '../style/variable' as *;\n@use '../style/mixin' as *;\n\n#elements {\n .elements {\n @include absolute();\n padding-top: 40px;\n padding-bottom: 24px;\n font-size: 14px;\n }\n .control {\n padding: 10px 0;\n @include control();\n .icon-eye {\n right: 0;\n }\n .icon-copy {\n right: 23px;\n }\n .icon-delete {\n right: 46px;\n }\n }\n .dom-viewer-container {\n @include overflow-auto();\n height: 100%;\n padding: 5px 0;\n }\n .crumbs {\n @include absolute(100%, 24px);\n top: initial;\n line-height: 24px;\n bottom: 0;\n border-top: 1px solid var(--border);\n background: var(--darker-background);\n color: var(--primary);\n font-size: $font-size-s;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n li {\n cursor: pointer;\n padding: 0 7px;\n display: inline-block;\n &:hover,\n &:last-child {\n background: var(--highlight);\n }\n }\n }\n .detail {\n @include absolute();\n z-index: 10;\n padding-top: 40px;\n display: none;\n background: var(--background);\n .control {\n padding: 10px 35px;\n .element-name {\n font-size: $font-size-s;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: 100%;\n display: inline-block;\n }\n .icon-left {\n left: 0;\n }\n .icon-refresh {\n right: 0;\n }\n }\n .element {\n @include overflow-auto(y);\n height: 100%;\n }\n }\n .section {\n border-bottom: 1px solid var(--border);\n color: var(--foreground);\n margin: 10px 0;\n h2 {\n color: var(--primary);\n background: var(--darker-background);\n border-top: 1px solid var(--border);\n padding: $padding;\n line-height: 18px;\n font-size: $font-size;\n transition: background-color $anim-duration;\n @include right-btn();\n &.active-effect {\n cursor: pointer;\n }\n &.active-effect:active {\n background: var(--highlight);\n color: var(--select-foreground);\n }\n }\n }\n .attributes {\n font-size: $font-size-s;\n a {\n color: var(--link-color);\n }\n .table-wrapper {\n @include overflow-auto(x);\n }\n table {\n td {\n padding: 5px 10px;\n }\n }\n }\n .text-content {\n background: #fff;\n .content {\n @include overflow-auto(x);\n padding: $padding;\n }\n }\n .style-color {\n position: relative;\n top: 1px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 2px;\n border: 1px solid var(--border);\n display: inline-block;\n }\n .box-model {\n @include overflow-auto(x);\n padding: $padding;\n text-align: center;\n border-bottom: 1px solid var(--color);\n }\n .computed-style {\n font-size: $font-size-s;\n a {\n color: var(--link-color);\n }\n .table-wrapper {\n @include overflow-auto(y);\n max-height: 200px;\n border-top: 1px solid var(--border);\n }\n table {\n td {\n padding: 5px 10px;\n &.key {\n white-space: nowrap;\n color: var(--var-color);\n }\n }\n }\n }\n .styles {\n font-size: $font-size-s;\n .style-wrapper {\n padding: $padding;\n .style-rules {\n border: 1px solid var(--border);\n padding: $padding;\n margin-bottom: 10px;\n .rule {\n padding-left: 2em;\n word-break: break-all;\n a {\n color: var(--link-color);\n }\n span {\n color: var(--var-color);\n }\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n }\n }\n .listeners {\n font-size: $font-size-s;\n .listener-wrapper {\n padding: $padding;\n .listener {\n margin-bottom: 10px;\n overflow: hidden;\n border: 1px solid var(--border);\n .listener-type {\n padding: $padding;\n background: var(--darker-background);\n color: var(--primary);\n }\n .listener-content {\n li {\n @include overflow-auto(x);\n padding: $padding;\n border-top: none;\n }\n }\n }\n }\n }\n}\n\n.safe-area #elements {\n .elements {\n @include safe-area(padding-bottom, 24px);\n }\n .crumbs {\n @include safe-area(height, 24px);\n }\n .element {\n @include safe-area(padding-bottom, 0px);\n }\n}\n\n@media screen and (min-width: 680px) {\n #elements {\n .elements {\n width: 50%;\n .control {\n .icon-eye {\n display: none;\n }\n .icon-copy {\n right: 0;\n }\n .icon-delete {\n right: 23px;\n }\n }\n }\n .detail {\n width: 50%;\n left: initial;\n right: 0;\n border-left: 1px solid var(--border);\n .control {\n padding-left: 10px;\n .icon-left {\n display: none;\n }\n }\n }\n }\n}\n"
},
{
"path": "src/Elements/util.js",
"content": "import each from 'licia/each'\nimport isStr from 'licia/isStr'\nimport isShadowRoot from 'licia/isShadowRoot'\nimport { classPrefix as c } from '../lib/util'\n\nexport function formatNodeName(node, { noAttr = false } = {}) {\n if (node.nodeType === Node.TEXT_NODE) {\n return `(text) `\n } else if (node.nodeType === Node.COMMENT_NODE) {\n return `#shadow-root `\n }\n\n const { id, className, attributes } = node\n\n let ret = `${node.tagName.toLowerCase()} `\n\n if (id !== '') ret += `#${id} `\n\n if (isStr(className)) {\n let classes = ''\n each(className.split(/\\s+/g), (val) => {\n if (val.trim() === '') return\n classes += `.${val}`\n })\n ret += `${classes} `\n }\n\n if (!noAttr) {\n each(attributes, (attr) => {\n const name = attr.name\n if (name === 'id' || name === 'class' || name === 'style') return\n ret += ` ${name} =\" ${attr.value} \" `\n })\n }\n\n return ret\n}\n"
},
{
"path": "src/EntryBtn/EntryBtn.js",
"content": "import emitter from '../lib/emitter'\nimport Settings from '../Settings/Settings'\nimport Emitter from 'licia/Emitter'\nimport $ from 'licia/$'\nimport nextTick from 'licia/nextTick'\nimport orientation from 'licia/orientation'\nimport pointerEvent from 'licia/pointerEvent'\nimport { pxToNum, classPrefix as c, eventClient } from '../lib/util'\nimport evalCss from '../lib/evalCss'\n\nconst $document = $(document)\n\nexport default class EntryBtn extends Emitter {\n constructor($container) {\n super()\n\n this._style = evalCss(require('./EntryBtn.scss'))\n\n this._$container = $container\n this._initTpl()\n this._bindEvent()\n this._registerListener()\n }\n hide() {\n this._$el.hide()\n }\n show() {\n this._$el.show()\n }\n setPos(pos) {\n if (this._isOutOfRange(pos)) {\n pos = this._getDefPos()\n }\n\n this._$el.css({\n left: pos.x,\n top: pos.y,\n })\n\n this.config.set('pos', pos)\n }\n getPos() {\n return this.config.get('pos')\n }\n destroy() {\n evalCss.remove(this._style)\n this._unregisterListener()\n this._$el.remove()\n }\n _isOutOfRange(pos) {\n pos = pos || this.config.get('pos')\n const defPos = this._getDefPos()\n\n return (\n pos.x > defPos.x + 10 || pos.x < 0 || pos.y < 0 || pos.y > defPos.y + 10\n )\n }\n _registerListener() {\n this._scaleListener = () =>\n nextTick(() => {\n if (this._isOutOfRange()) this._resetPos()\n })\n emitter.on(emitter.SCALE, this._scaleListener)\n }\n _unregisterListener() {\n emitter.off(emitter.SCALE, this._scaleListener)\n }\n _initTpl() {\n const $container = this._$container\n\n $container.append(\n c('
')\n )\n this._$el = $container.find('.eruda-entry-btn')\n }\n _resetPos(orientationChanged) {\n const cfg = this.config\n let pos = cfg.get('pos')\n const defPos = this._getDefPos()\n\n if (!cfg.get('rememberPos') || orientationChanged) {\n pos = defPos\n }\n\n this.setPos(pos)\n }\n _onDragStart = (e) => {\n const $el = this._$el\n $el.addClass(c('active'))\n\n this._isClick = true\n e = e.origEvent\n this._startX = eventClient('x', e)\n this._oldX = pxToNum($el.css('left'))\n this._oldY = pxToNum($el.css('top'))\n this._startY = eventClient('y', e)\n $document.on(pointerEvent('move'), this._onDragMove)\n $document.on(pointerEvent('up'), this._onDragEnd)\n }\n _onDragMove = (e) => {\n const btnSize = this._$el.get(0).offsetWidth\n const maxWidth = this._$container.get(0).offsetWidth\n const maxHeight = this._$container.get(0).offsetHeight\n\n e = e.origEvent\n const deltaX = eventClient('x', e) - this._startX\n const deltaY = eventClient('y', e) - this._startY\n if (Math.abs(deltaX) > 3 || Math.abs(deltaY) > 3) {\n this._isClick = false\n }\n let newX = this._oldX + deltaX\n let newY = this._oldY + deltaY\n if (newX < 0) {\n newX = 0\n } else if (newX > maxWidth - btnSize) {\n newX = maxWidth - btnSize\n }\n if (newY < 0) {\n newY = 0\n } else if (newY > maxHeight - btnSize) {\n newY = maxHeight - btnSize\n }\n this._$el.css({\n left: newX,\n top: newY,\n })\n }\n _onDragEnd = (e) => {\n const $el = this._$el\n\n if (this._isClick) {\n this.emit('click')\n }\n\n this._onDragMove(e)\n $document.off(pointerEvent('move'), this._onDragMove)\n $document.off(pointerEvent('up'), this._onDragEnd)\n\n const cfg = this.config\n\n if (cfg.get('rememberPos')) {\n cfg.set('pos', {\n x: pxToNum($el.css('left')),\n y: pxToNum($el.css('top')),\n })\n }\n\n $el.rmClass('eruda-active')\n }\n _bindEvent() {\n const $el = this._$el\n\n $el.on(pointerEvent('down'), this._onDragStart)\n\n orientation.on('change', () => this._resetPos(true))\n window.addEventListener('resize', () => this._resetPos())\n }\n initCfg(settings) {\n const cfg = (this.config = Settings.createCfg('entry-button', {\n rememberPos: true,\n pos: this._getDefPos(),\n }))\n\n settings.switch(cfg, 'rememberPos', 'Remember Entry Button Position')\n\n this._resetPos()\n }\n _getDefPos() {\n const minWidth = this._$el.get(0).offsetWidth + 10\n\n return {\n x: window.innerWidth - minWidth,\n y: window.innerHeight - minWidth,\n }\n }\n}\n"
},
{
"path": "src/EntryBtn/EntryBtn.scss",
"content": ".container {\n .entry-btn {\n touch-action: none;\n width: 40px;\n height: 40px;\n display: flex;\n background: #000;\n opacity: 0.3;\n border-radius: 10px;\n position: relative;\n z-index: 1000;\n transition: opacity 0.3s;\n color: #fff;\n font-size: 25px;\n align-items: center;\n justify-content: center;\n &.active,\n &:active {\n opacity: 0.8;\n }\n }\n}\n"
},
{
"path": "src/Info/Info.js",
"content": "import Tool from '../DevTools/Tool'\nimport defInfo from './defInfo'\nimport each from 'licia/each'\nimport isFn from 'licia/isFn'\nimport isUndef from 'licia/isUndef'\nimport cloneDeep from 'licia/cloneDeep'\nimport evalCss from '../lib/evalCss'\nimport map from 'licia/map'\nimport escape from 'licia/escape'\nimport copy from 'licia/copy'\nimport $ from 'licia/$'\nimport { classPrefix as c } from '../lib/util'\n\nexport default class Info extends Tool {\n constructor() {\n super()\n\n this._style = evalCss(require('./Info.scss'))\n\n this.name = 'info'\n this._infos = []\n }\n init($el, container) {\n super.init($el)\n this._container = container\n\n this._addDefInfo()\n this._bindEvent()\n }\n destroy() {\n super.destroy()\n\n evalCss.remove(this._style)\n }\n add(name, val) {\n const infos = this._infos\n let isUpdate = false\n\n each(infos, (info) => {\n if (name !== info.name) return\n\n info.val = val\n isUpdate = true\n })\n\n if (!isUpdate) infos.push({ name, val })\n\n this._render()\n\n return this\n }\n get(name) {\n const infos = this._infos\n\n if (isUndef(name)) {\n return cloneDeep(infos)\n }\n\n let result\n\n each(infos, (info) => {\n if (name === info.name) result = info.val\n })\n\n return result\n }\n remove(name) {\n const infos = this._infos\n\n for (let i = infos.length - 1; i >= 0; i--) {\n if (infos[i].name === name) infos.splice(i, 1)\n }\n\n this._render()\n\n return this\n }\n clear() {\n this._infos = []\n\n this._render()\n\n return this\n }\n _addDefInfo() {\n each(defInfo, (info) => this.add(info.name, info.val))\n }\n _render() {\n const infos = []\n\n each(this._infos, ({ name, val }) => {\n if (isFn(val)) val = val()\n\n infos.push({ name, val })\n })\n\n const html = `${map(\n infos,\n (info) =>\n `${escape(info.name)} ${info.val}
`\n\n this._renderHtml(html)\n }\n _bindEvent() {\n const container = this._container\n\n this._$el.on('click', c('.copy'), function () {\n const $li = $(this).parent().parent()\n const name = $li.find(c('.title')).text()\n const content = $li.find(c('.content')).text()\n copy(`${name}: ${content}`)\n container.notify('Copied', { icon: 'success' })\n })\n }\n _renderHtml(html) {\n if (html === this._lastHtml) return\n this._lastHtml = html\n this._$el.html(html)\n }\n}\n"
},
{
"path": "src/Info/Info.scss",
"content": "@use '../style/variable' as *;\n@use '../style/mixin' as *;\n\n#info {\n @include overflow-auto(y);\n li {\n margin: 10px;\n border: 1px solid var(--border);\n .title,\n .content {\n padding: $padding;\n }\n .title {\n position: relative;\n padding-bottom: 0;\n color: var(--accent);\n .icon-copy {\n position: absolute;\n right: 10px;\n top: 14px;\n color: var(--primary);\n cursor: pointer;\n transition: color $anim-duration;\n &:active {\n color: var(--accent);\n }\n }\n }\n .content {\n margin: 0;\n user-select: text;\n color: var(--foreground);\n font-size: $font-size-s;\n word-break: break-all;\n table {\n width: 100%;\n border-collapse: collapse;\n th,\n td {\n border: 1px solid var(--border);\n padding: 10px;\n }\n }\n * {\n user-select: text;\n }\n a {\n color: var(--link-color);\n }\n }\n .device-key,\n .system-key {\n width: 100px;\n }\n }\n}\n\n.safe-area #info {\n @include safe-area(padding-bottom, 10px);\n}\n"
},
{
"path": "src/Info/defInfo.js",
"content": "import detectBrowser from 'licia/detectBrowser'\nimport detectOs from 'licia/detectOs'\nimport escape from 'licia/escape'\nimport map from 'licia/map'\n\nconst browser = detectBrowser()\n\nexport default [\n {\n name: 'Location',\n val() {\n return escape(location.href)\n },\n },\n {\n name: 'User Agent',\n val: navigator.userAgent,\n },\n {\n name: 'Device',\n val: [\n '',\n `screen ${screen.width} * ${screen.height} viewport ${window.innerWidth} * ${window.innerHeight} pixel ratio ${window.devicePixelRatio}
',\n ].join(''),\n },\n {\n name: 'System',\n val: [\n '',\n `os ${detectOs()} browser ${\n browser.name + ' ' + browser.version\n }
',\n ].join(''),\n },\n {\n name: 'Sponsor this Project',\n val() {\n return (\n '' +\n map(\n [\n {\n name: 'Open Collective',\n link: 'https://opencollective.com/eruda',\n },\n {\n name: 'Ko-fi',\n link: 'https://ko-fi.com/surunzi',\n },\n {\n name: 'Wechat Pay',\n link: 'https://surunzi.com/wechatpay.html',\n },\n ],\n (item) => {\n return `${\n item.name\n } ${item.link.replace(\n 'https://',\n ''\n )}
'\n )\n },\n },\n {\n name: 'About',\n val:\n 'Eruda v' +\n VERSION +\n ' ',\n },\n]\n"
},
{
"path": "src/Network/Detail.js",
"content": "import trim from 'licia/trim'\nimport isEmpty from 'licia/isEmpty'\nimport map from 'licia/map'\nimport each from 'licia/each'\nimport escape from 'licia/escape'\nimport copy from 'licia/copy'\nimport isJson from 'licia/isJson'\nimport Emitter from 'licia/Emitter'\nimport truncate from 'licia/truncate'\nimport { classPrefix as c } from '../lib/util'\n\nexport default class Detail extends Emitter {\n constructor($container, devtools) {\n super()\n this._$container = $container\n this._devtools = devtools\n\n this._detailData = {}\n this._bindEvent()\n }\n show(data) {\n if (data.resTxt && trim(data.resTxt) === '') {\n delete data.resTxt\n }\n if (isEmpty(data.resHeaders)) {\n delete data.resHeaders\n }\n if (isEmpty(data.reqHeaders)) {\n delete data.reqHeaders\n }\n\n let postData = ''\n if (data.data) {\n postData = `${escape(data.data)} `\n }\n\n let reqHeaders = 'Empty \n ${escape(key)} \n ${escape(val)} \n `\n }).join('')\n }\n\n let resHeaders = 'Empty \n ${escape(key)} \n ${escape(val)} \n `\n }).join('')\n }\n\n let resTxt = ''\n if (data.resTxt) {\n let text = data.resTxt\n if (text.length > MAX_RES_LEN) {\n text = truncate(text, MAX_RES_LEN)\n }\n resTxt = `${escape(text)} `\n }\n\n const html = `\n ${escape(data.url)} \n
\n \n ${postData}\n
\n
Response Headers \n \n \n
\n
Request Headers \n \n \n ${resTxt}\n
\n
\n
\n
\n
`)\n )\n this._$network = $el.find(c('.network'))\n this._$detail = $el.find(c('.detail'))\n this._$requests = $el.find(c('.requests'))\n this._$control = $el.find(c('.control'))\n this._$filterText = $el.find(c('.filter-text'))\n }\n}\n"
},
{
"path": "src/Network/Network.scss",
"content": "@use '../style/variable' as *;\n@use '../style/mixin' as *;\n\n#network {\n .network {\n @include absolute();\n padding-top: 39px;\n }\n .control {\n padding: 10px;\n border-bottom: none;\n @include control();\n .title {\n font-size: $font-size;\n }\n .icon-clear {\n left: 23px;\n }\n .icon-eye {\n right: 0;\n }\n .icon-copy {\n right: 23px;\n }\n .icon-filter {\n right: 46px;\n }\n .filter-text {\n white-space: nowrap;\n position: absolute;\n line-height: 20px;\n max-width: 80px;\n overflow: hidden;\n right: 88px;\n font-size: $font-size;\n text-overflow: ellipsis;\n }\n .icon-record {\n left: 0;\n &.recording {\n color: var(--console-error-foreground);\n text-shadow: 0 0 4px var(--console-error-foreground);\n }\n }\n }\n .request-error {\n color: var(--console-error-foreground);\n }\n .luna-data-grid:focus {\n .luna-data-grid-data-container {\n .request-error.luna-data-grid-selected {\n background: var(--console-error-background);\n }\n }\n }\n .luna-data-grid {\n border-left: none;\n border-right: none;\n }\n .detail {\n @include absolute();\n z-index: 10;\n display: none;\n padding-top: 40px;\n background: var(--background);\n .control {\n padding: 10px 35px;\n border-bottom: 1px solid var(--border);\n .url {\n font-size: $font-size-s;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: 100%;\n display: inline-block;\n }\n .icon-left {\n left: 0;\n }\n .icon-delete {\n left: 0;\n display: none;\n }\n .icon-copy {\n right: 0;\n }\n }\n .http {\n @include overflow-auto(y);\n height: 100%;\n .section {\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n margin-top: 10px;\n margin-bottom: 10px;\n h2 {\n background: var(--darker-background);\n color: var(--primary);\n padding: $padding;\n line-height: 18px;\n font-size: $font-size;\n }\n table {\n color: var(--foreground);\n * {\n user-select: text;\n }\n td {\n font-size: $font-size-s;\n padding: 5px 10px;\n word-break: break-all;\n }\n .key {\n white-space: nowrap;\n font-weight: bold;\n color: var(--accent);\n }\n }\n }\n .response,\n .data {\n user-select: text;\n @include overflow-auto(x);\n padding: $padding;\n font-size: $font-size-s;\n margin: 10px 0;\n white-space: pre-wrap;\n border-top: 1px solid var(--border);\n color: var(--foreground);\n border-bottom: 1px solid var(--border);\n }\n }\n }\n}\n\n.safe-area #network {\n .http {\n @include safe-area(padding-bottom, 0px);\n }\n}\n\n@media screen and (min-width: 680px) {\n #network {\n .network {\n .control {\n .icon-eye {\n display: none;\n }\n .icon-copy {\n right: 0;\n }\n .icon-filter {\n right: 23px;\n }\n .filter-text {\n right: 55px;\n }\n }\n }\n .detail {\n width: 50%;\n left: initial;\n right: 0;\n border-left: 1px solid var(--border);\n .control {\n .icon-left {\n display: none;\n }\n .icon-delete {\n display: block;\n }\n }\n }\n }\n}\n"
},
{
"path": "src/Network/util.js",
"content": "import last from 'licia/last'\nimport detectOs from 'licia/detectOs'\nimport arrToMap from 'licia/arrToMap'\n\nexport function getType(contentType) {\n if (!contentType) return 'unknown'\n\n const type = contentType.split(';')[0].split('/')\n\n return {\n type: type[0],\n subType: last(type),\n }\n}\n\nexport function curlStr(request) {\n let platform = detectOs()\n if (platform === 'windows') {\n platform = 'win'\n }\n let command = []\n const ignoredHeaders = arrToMap([\n 'accept-encoding',\n 'host',\n 'method',\n 'path',\n 'scheme',\n 'version',\n ])\n\n function escapeStringWin(str) {\n const encapsChars = /[\\r\\n]/.test(str) ? '^\"' : '\"'\n return (\n encapsChars +\n str\n .replace(/\\\\/g, '\\\\\\\\')\n .replace(/\"/g, '\\\\\"')\n .replace(/[^a-zA-Z0-9\\s_\\-:=+~'/.',?;()*`&]/g, '^$&')\n .replace(/%(?=[a-zA-Z0-9_])/g, '%^')\n .replace(/\\r?\\n/g, '^\\n\\n') +\n encapsChars\n )\n }\n\n function escapeStringPosix(str) {\n function escapeCharacter(x) {\n const code = x.charCodeAt(0)\n let hexString = code.toString(16)\n while (hexString.length < 4) {\n hexString = '0' + hexString\n }\n\n return '\\\\u' + hexString\n }\n\n // eslint-disable-next-line no-control-regex\n if (/[\\0-\\x1F\\x7F-\\x9F!]|'/.test(str)) {\n return (\n \"$'\" +\n str\n .replace(/\\\\/g, '\\\\\\\\')\n .replace(/'/g, \"\\\\'\")\n .replace(/\\n/g, '\\\\n')\n .replace(/\\r/g, '\\\\r')\n // eslint-disable-next-line no-control-regex\n .replace(/[\\0-\\x1F\\x7F-\\x9F!]/g, escapeCharacter) +\n \"'\"\n )\n }\n return \"'\" + str + \"'\"\n }\n\n const escapeString = platform === 'win' ? escapeStringWin : escapeStringPosix\n\n command.push(escapeString(request.url()).replace(/[[{}\\]]/g, '\\\\$&'))\n\n let inferredMethod = 'GET'\n const data = []\n const formData = request.requestFormData()\n if (formData) {\n data.push('--data-raw ' + escapeString(formData))\n ignoredHeaders['content-length'] = true\n inferredMethod = 'POST'\n }\n\n if (request.requestMethod !== inferredMethod) {\n command.push('-X ' + escapeString(request.requestMethod))\n }\n\n const requestHeaders = request.requestHeaders()\n for (let i = 0; i < requestHeaders.length; i++) {\n const header = requestHeaders[i]\n const name = header.name.replace(/^:/, '')\n if (ignoredHeaders[name.toLowerCase()]) {\n continue\n }\n command.push('-H ' + escapeString(name + ': ' + header.value))\n }\n command = command.concat(data)\n command.push('--compressed')\n\n return (\n 'curl ' +\n command.join(\n command.length >= 3 ? (platform === 'win' ? ' ^\\n ' : ' \\\\\\n ') : ' '\n )\n )\n}\n"
},
{
"path": "src/Resources/Cookie.js",
"content": "import map from 'licia/map'\nimport trim from 'licia/trim'\nimport isNull from 'licia/isNull'\nimport each from 'licia/each'\nimport copy from 'licia/copy'\nimport LunaModal from 'luna-modal'\nimport LunaDataGrid from 'luna-data-grid'\nimport { setState, getState } from './util'\nimport chobitsu from '../lib/chobitsu'\nimport { classPrefix as c } from '../lib/util'\n\nexport default class Cookie {\n constructor($container, devtools) {\n this._$container = $container\n this._devtools = devtools\n this._selectedItem = null\n\n this._initTpl()\n this._dataGrid = new LunaDataGrid(this._$dataGrid.get(0), {\n columns: [\n {\n id: 'key',\n title: 'Key',\n weight: 30,\n },\n {\n id: 'value',\n title: 'Value',\n weight: 90,\n },\n ],\n minHeight: 60,\n maxHeight: 223,\n })\n\n this._bindEvent()\n }\n refresh() {\n const $container = this._$container\n const dataGrid = this._dataGrid\n\n const { cookies } = chobitsu.domain('Network').getCookies()\n const cookieData = map(cookies, ({ name, value }) => ({\n key: name,\n val: value,\n }))\n\n dataGrid.clear()\n each(cookieData, ({ key, val }) => {\n dataGrid.append(\n {\n key,\n value: val,\n },\n {\n selectable: true,\n }\n )\n })\n\n const cookieState = getState('cookie', cookieData.length)\n setState($container, cookieState)\n }\n _initTpl() {\n const $container = this._$container\n\n $container.html(\n c(`\n Cookie\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n
\n \n
`)\n )\n\n this._$dataGrid = $container.find(c('.data-grid'))\n this._$filterText = $container.find(c('.filter-text'))\n }\n _updateButtons() {\n const $container = this._$container\n const $showDetail = $container.find(c('.show-detail'))\n const $deleteCookie = $container.find(c('.delete-cookie'))\n const $copyCookie = $container.find(c('.copy-cookie'))\n const btnDisabled = c('btn-disabled')\n\n $showDetail.addClass(btnDisabled)\n $deleteCookie.addClass(btnDisabled)\n $copyCookie.addClass(btnDisabled)\n\n if (this._selectedItem) {\n $showDetail.rmClass(btnDisabled)\n $deleteCookie.rmClass(btnDisabled)\n $copyCookie.rmClass(btnDisabled)\n }\n }\n _getVal(key) {\n const { cookies } = chobitsu.domain('Network').getCookies()\n\n for (let i = 0, len = cookies.length; i < len; i++) {\n if (cookies[i].name === key) {\n return cookies[i].value\n }\n }\n\n return ''\n }\n _bindEvent() {\n const devtools = this._devtools\n\n this._$container\n .on('click', c('.refresh-cookie'), () => {\n devtools.notify('Refreshed', { icon: 'success' })\n this.refresh()\n })\n .on('click', c('.clear-cookie'), () => {\n chobitsu.domain('Storage').clearDataForOrigin({\n storageTypes: 'cookies',\n })\n this.refresh()\n })\n .on('click', c('.delete-cookie'), () => {\n const key = this._selectedItem\n\n chobitsu.domain('Network').deleteCookies({ name: key })\n this.refresh()\n })\n .on('click', c('.show-detail'), () => {\n const key = this._selectedItem\n const val = this._getVal(key)\n\n try {\n showSources('object', JSON.parse(val))\n } catch {\n showSources('raw', val)\n }\n })\n .on('click', c('.copy-cookie'), () => {\n const key = this._selectedItem\n copy(this._getVal(key))\n devtools.notify('Copied', { icon: 'success' })\n })\n .on('click', c('.filter'), () => {\n LunaModal.prompt('Filter').then((filter) => {\n if (isNull(filter)) return\n filter = trim(filter)\n this._filter = filter\n this._$filterText.text(filter)\n this._dataGrid.setOption('filter', filter)\n })\n })\n\n function showSources(type, data) {\n const sources = devtools.get('sources')\n if (!sources) return\n\n sources.set(type, data)\n\n devtools.showTool('sources')\n\n return true\n }\n\n this._dataGrid\n .on('select', (node) => {\n this._selectedItem = node.data.key\n this._updateButtons()\n })\n .on('deselect', () => {\n this._selectedItem = null\n this._updateButtons()\n })\n }\n}\n"
},
{
"path": "src/Resources/Resources.js",
"content": "import Tool from '../DevTools/Tool'\nimport Settings from '../Settings/Settings'\nimport $ from 'licia/$'\nimport escape from 'licia/escape'\nimport isEmpty from 'licia/isEmpty'\nimport contain from 'licia/contain'\nimport unique from 'licia/unique'\nimport each from 'licia/each'\nimport sameOrigin from 'licia/sameOrigin'\nimport ajax from 'licia/ajax'\nimport MutationObserver from 'licia/MutationObserver'\nimport toArr from 'licia/toArr'\nimport concat from 'licia/concat'\nimport map from 'licia/map'\nimport { isErudaEl, classPrefix as c } from '../lib/util'\nimport evalCss from '../lib/evalCss'\nimport Storage from './Storage'\nimport Cookie from './Cookie'\nimport { setState, getState } from './util'\n\nexport default class Resources extends Tool {\n constructor() {\n super()\n\n this._style = evalCss(require('./Resources.scss'))\n\n this.name = 'resources'\n this._hideErudaSetting = false\n this._observeElement = true\n }\n init($el, container) {\n super.init($el)\n\n this._container = container\n\n this._initTpl()\n this._localStorage = new Storage(\n this._$localStorage,\n container,\n this,\n 'local'\n )\n this._sessionStorage = new Storage(\n this._$sessionStorage,\n container,\n this,\n 'session'\n )\n this._cookie = new Cookie(this._$cookie, container)\n\n this._bindEvent()\n this._initObserver()\n this._initCfg()\n }\n refresh() {\n return this.refreshLocalStorage()\n .refreshSessionStorage()\n .refreshCookie()\n .refreshScript()\n .refreshStylesheet()\n .refreshIframe()\n .refreshImage()\n }\n destroy() {\n super.destroy()\n\n this._localStorage.destroy()\n this._sessionStorage.destroy()\n this._disableObserver()\n evalCss.remove(this._style)\n this._rmCfg()\n }\n refreshScript() {\n let scriptData = []\n\n $('script').each(function () {\n const src = this.src\n\n if (src !== '') scriptData.push(src)\n })\n\n scriptData = unique(scriptData)\n\n const scriptState = getState('script', scriptData.length)\n let scriptDataHtml = 'Empty '\n if (!isEmpty(scriptData)) {\n scriptDataHtml = map(scriptData, (script) => {\n script = escape(script)\n return `${script} \n Script\n \n
\n \n `\n\n const $script = this._$script\n setState($script, scriptState)\n $script.html(scriptHtml)\n\n return this\n }\n refreshStylesheet() {\n let stylesheetData = []\n\n $('link').each(function () {\n if (this.rel !== 'stylesheet') return\n\n stylesheetData.push(this.href)\n })\n\n stylesheetData = unique(stylesheetData)\n\n const stylesheetState = getState('stylesheet', stylesheetData.length)\n let stylesheetDataHtml = 'Empty '\n if (!isEmpty(stylesheetData)) {\n stylesheetDataHtml = map(stylesheetData, (stylesheet) => {\n stylesheet = escape(stylesheet)\n return ` ${stylesheet} \n Stylesheet\n \n
\n \n \n ${stylesheetDataHtml}\n `\n\n const $stylesheet = this._$stylesheet\n setState($stylesheet, stylesheetState)\n $stylesheet.html(stylesheetHtml)\n\n return this\n }\n refreshIframe() {\n let iframeData = []\n\n $('iframe').each(function () {\n const $this = $(this)\n const src = $this.attr('src')\n\n if (src) iframeData.push(src)\n })\n\n iframeData = unique(iframeData)\n\n let iframeDataHtml = 'Empty '\n if (!isEmpty(iframeData)) {\n iframeDataHtml = map(iframeData, (iframe) => {\n iframe = escape(iframe)\n return `${iframe} \n Iframe\n \n
\n \n `\n\n this._$iframe.html(iframeHtml)\n\n return this\n }\n refreshLocalStorage() {\n this._localStorage.refresh()\n\n return this\n }\n refreshSessionStorage() {\n this._sessionStorage.refresh()\n\n return this\n }\n refreshCookie() {\n this._cookie.refresh()\n\n return this\n }\n refreshImage() {\n let imageData = []\n\n const performance = (this._performance =\n window.webkitPerformance || window.performance)\n if (performance && performance.getEntries) {\n const entries = this._performance.getEntries()\n entries.forEach((entry) => {\n if (entry.initiatorType === 'img' || isImg(entry.name)) {\n if (contain(entry.name, 'exclude=true')) {\n return\n }\n imageData.push(entry.name)\n }\n })\n } else {\n $('img').each(function () {\n const $this = $(this)\n const src = $this.attr('src')\n\n if ($this.data('exclude') === 'true') {\n return\n }\n\n imageData.push(src)\n })\n }\n\n imageData = unique(imageData)\n imageData.sort()\n\n const imageState = getState('image', imageData.length)\n let imageDataHtml = 'Empty '\n if (!isEmpty(imageData)) {\n // prettier-ignore\n imageDataHtml = map(imageData, (image) => {\n return `\n `\n }).join('')\n }\n\n const imageHtml = `\n Image\n \n
\n \n `\n\n const $image = this._$image\n setState($image, imageState)\n $image.html(imageHtml)\n\n return this\n }\n show() {\n super.show()\n if (this._observeElement) this._enableObserver()\n\n return this.refresh()\n }\n hide() {\n this._disableObserver()\n\n return super.hide()\n }\n _initTpl() {\n const $el = this._$el\n $el.html(\n c(`
\n
\n
\n
\n
\n
\n
`)\n )\n this._$localStorage = $el.find(c('.local-storage'))\n this._$sessionStorage = $el.find(c('.session-storage'))\n this._$cookie = $el.find(c('.cookie'))\n this._$script = $el.find(c('.script'))\n this._$stylesheet = $el.find(c('.stylesheet'))\n this._$iframe = $el.find(c('.iframe'))\n this._$image = $el.find(c('.image'))\n }\n _bindEvent() {\n const $el = this._$el\n const container = this._container\n\n $el\n .on('click', '.eruda-refresh-script', () => {\n container.notify('Refreshed', { icon: 'success' })\n this.refreshScript()\n })\n .on('click', '.eruda-refresh-stylesheet', () => {\n container.notify('Refreshed', { icon: 'success' })\n this.refreshStylesheet()\n })\n .on('click', '.eruda-refresh-iframe', () => {\n container.notify('Refreshed', { icon: 'success' })\n this.refreshIframe()\n })\n .on('click', '.eruda-refresh-image', () => {\n container.notify('Refreshed', { icon: 'success' })\n this.refreshImage()\n })\n .on('click', '.eruda-img-link', function () {\n const src = $(this).attr('src')\n\n showSources('img', src)\n })\n .on('click', '.eruda-css-link', linkFactory('css'))\n .on('click', '.eruda-js-link', linkFactory('js'))\n .on('click', '.eruda-iframe-link', linkFactory('iframe'))\n\n function showSources(type, data) {\n const sources = container.get('sources')\n if (!sources) return\n\n sources.set(type, data)\n\n container.showTool('sources')\n\n return true\n }\n\n function linkFactory(type) {\n return function (e) {\n if (!container.get('sources')) return\n e.preventDefault()\n\n const url = $(this).attr('href')\n\n if (type === 'iframe' || !sameOrigin(location.href, url)) {\n showSources('iframe', url)\n } else {\n ajax({\n url,\n success: (data) => {\n showSources(type, data)\n },\n dataType: 'raw',\n })\n }\n }\n }\n }\n _rmCfg() {\n const cfg = this.config\n\n const settings = this._container.get('settings')\n\n if (!settings) return\n\n settings\n .remove(cfg, 'hideErudaSetting')\n .remove(cfg, 'observeElement')\n .remove('Resources')\n }\n _initCfg() {\n const cfg = (this.config = Settings.createCfg('resources', {\n hideErudaSetting: true,\n observeElement: true,\n }))\n\n if (cfg.get('hideErudaSetting')) this._hideErudaSetting = true\n if (!cfg.get('observeElement')) this._observeElement = false\n\n cfg.on('change', (key, val) => {\n switch (key) {\n case 'hideErudaSetting':\n this._hideErudaSetting = val\n return\n case 'observeElement':\n this._observeElement = val\n return val ? this._enableObserver() : this._disableObserver()\n }\n })\n\n const settings = this._container.get('settings')\n settings\n .text('Resources')\n .switch(cfg, 'hideErudaSetting', 'Hide Eruda Setting')\n .switch(cfg, 'observeElement', 'Auto Refresh Elements')\n .separator()\n }\n _initObserver() {\n this._observer = new MutationObserver((mutations) => {\n each(mutations, (mutation) => {\n this._handleMutation(mutation)\n })\n })\n }\n _handleMutation(mutation) {\n if (isErudaEl(mutation.target)) return\n\n const checkEl = (el) => {\n const tagName = getLowerCaseTagName(el)\n switch (tagName) {\n case 'script':\n this.refreshScript()\n break\n case 'img':\n this.refreshImage()\n break\n case 'link':\n this.refreshStylesheet()\n break\n }\n }\n\n if (mutation.type === 'attributes') {\n checkEl(mutation.target)\n } else if (mutation.type === 'childList') {\n checkEl(mutation.target)\n let nodes = toArr(mutation.addedNodes)\n nodes = concat(nodes, toArr(mutation.removedNodes))\n\n for (const node of nodes) {\n checkEl(node)\n }\n }\n }\n _enableObserver() {\n this._observer.observe(document.documentElement, {\n attributes: true,\n childList: true,\n subtree: true,\n })\n }\n _disableObserver() {\n this._observer.disconnect()\n }\n}\n\nfunction getLowerCaseTagName(el) {\n if (!el.tagName) return ''\n return el.tagName.toLowerCase()\n}\n\nconst regImg = /\\.(jpeg|jpg|gif|png)$/\n\nconst isImg = (url) => regImg.test(url)\n"
},
{
"path": "src/Resources/Resources.scss",
"content": "@use '../style/variable' as *;\n@use '../style/mixin' as *;\n\n#resources {\n @include overflow-auto(y);\n padding: 10px;\n font-size: 14px;\n .section {\n margin-bottom: 10px;\n overflow: hidden;\n border: 1px solid var(--border);\n &.warn {\n border: 1px solid var(--console-warn-border);\n .title {\n background: var(--console-warn-background);\n color: var(--console-warn-foreground);\n }\n }\n &.danger {\n border: 1px solid var(--console-error-border);\n .title {\n background: var(--console-error-background);\n color: var(--console-error-foreground);\n }\n }\n &.local-storage,\n &.session-storage,\n &.cookie {\n border: none;\n .title {\n border: 1px solid var(--border);\n border-bottom: none;\n }\n }\n }\n .title {\n padding: $padding;\n line-height: 18px;\n color: var(--primary);\n background: var(--darker-background);\n @include right-btn();\n }\n .link-list {\n font-size: $font-size-s;\n color: var(--foreground);\n li {\n padding: 10px;\n word-break: break-all;\n a {\n color: var(--link-color) !important;\n }\n }\n }\n .image-list {\n color: var(--foreground);\n font-size: $font-size-s;\n display: flex;\n flex-wrap: wrap;\n padding-left: $padding;\n padding-top: $padding;\n &::after {\n content: '';\n flex-grow: 1000;\n }\n li {\n flex-grow: 1;\n cursor: pointer;\n overflow-y: hidden;\n margin-right: $padding;\n margin-bottom: $padding;\n border: 1px solid var(--border);\n &.image {\n height: 100px;\n font-size: 0;\n }\n img {\n height: 100px;\n min-width: 100%;\n object-fit: cover;\n }\n }\n }\n}\n\n.safe-area #resources {\n @include safe-area(padding-bottom, 10px);\n}\n"
},
{
"path": "src/Resources/Storage.js",
"content": "import each from 'licia/each'\nimport isStr from 'licia/isStr'\nimport startWith from 'licia/startWith'\nimport truncate from 'licia/truncate'\nimport LunaModal from 'luna-modal'\nimport LunaDataGrid from 'luna-data-grid'\nimport isNull from 'licia/isNull'\nimport trim from 'licia/trim'\nimport copy from 'licia/copy'\nimport emitter from '../lib/emitter'\nimport { safeStorage, classPrefix as c } from '../lib/util'\n\nexport default class Storage {\n constructor($container, devtools, resources, type) {\n this._type = type\n this._$container = $container\n this._devtools = devtools\n this._resources = resources\n this._selectedItem = null\n this._storeData = []\n\n this._initTpl()\n this._dataGrid = new LunaDataGrid(this._$dataGrid.get(0), {\n columns: [\n {\n id: 'key',\n title: 'Key',\n weight: 30,\n },\n {\n id: 'value',\n title: 'Value',\n weight: 90,\n },\n ],\n minHeight: 60,\n maxHeight: 223,\n })\n\n this._bindEvent()\n }\n destroy() {\n emitter.off(emitter.SCALE, this._updateGridHeight)\n }\n refresh() {\n const dataGrid = this._dataGrid\n\n this._refreshStorage()\n dataGrid.clear()\n\n each(this._storeData, ({ key, val }) => {\n dataGrid.append(\n {\n key,\n value: val,\n },\n {\n selectable: true,\n }\n )\n })\n }\n _refreshStorage() {\n const resources = this._resources\n\n let store = safeStorage(this._type, false)\n\n if (!store) return\n\n const storeData = []\n\n // Mobile safari is not able to loop through localStorage directly.\n store = JSON.parse(JSON.stringify(store))\n\n each(store, (val, key) => {\n // According to issue 20, not all values are guaranteed to be string.\n if (!isStr(val)) return\n\n if (resources.config.get('hideErudaSetting')) {\n if (startWith(key, 'eruda') || key === 'active-eruda') return\n }\n\n storeData.push({\n key: key,\n val: truncate(val, 200),\n })\n })\n\n this._storeData = storeData\n }\n _updateButtons() {\n const $container = this._$container\n const $showDetail = $container.find(c('.show-detail'))\n const $deleteStorage = $container.find(c('.delete-storage'))\n const $copyStorage = $container.find(c('.copy-storage'))\n const btnDisabled = c('btn-disabled')\n\n $showDetail.addClass(btnDisabled)\n $deleteStorage.addClass(btnDisabled)\n $copyStorage.addClass(btnDisabled)\n\n if (this._selectedItem) {\n $showDetail.rmClass(btnDisabled)\n $deleteStorage.rmClass(btnDisabled)\n $copyStorage.rmClass(btnDisabled)\n }\n }\n _initTpl() {\n const $container = this._$container\n const type = this._type\n\n $container.html(\n c(`\n ${type === 'local' ? 'Local' : 'Session'} Storage\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n
\n \n
`)\n )\n\n this._$dataGrid = $container.find(c('.data-grid'))\n this._$filterText = $container.find(c('.filter-text'))\n }\n _getVal(key) {\n return this._type === 'local'\n ? localStorage.getItem(key)\n : sessionStorage.getItem(key)\n }\n _updateGridHeight = (scale) => {\n this._dataGrid.setOption({\n minHeight: 60 * scale,\n maxHeight: 223 * scale,\n })\n }\n _bindEvent() {\n const type = this._type\n const devtools = this._devtools\n\n this._$container\n .on('click', c('.refresh-storage'), () => {\n devtools.notify('Refreshed', { icon: 'success' })\n this.refresh()\n })\n .on('click', c('.clear-storage'), () => {\n each(this._storeData, (val) => {\n if (type === 'local') {\n localStorage.removeItem(val.key)\n } else {\n sessionStorage.removeItem(val.key)\n }\n })\n this.refresh()\n })\n .on('click', c('.show-detail'), () => {\n const key = this._selectedItem\n const val = this._getVal(key)\n\n try {\n showSources('object', JSON.parse(val))\n } catch {\n showSources('raw', val)\n }\n })\n .on('click', c('.copy-storage'), () => {\n const key = this._selectedItem\n copy(this._getVal(key))\n devtools.notify('Copied', { icon: 'success' })\n })\n .on('click', c('.filter'), () => {\n LunaModal.prompt('Filter').then((filter) => {\n if (isNull(filter)) return\n filter = trim(filter)\n this._$filterText.text(filter)\n this._dataGrid.setOption('filter', filter)\n })\n })\n .on('click', c('.delete-storage'), () => {\n const key = this._selectedItem\n\n if (type === 'local') {\n localStorage.removeItem(key)\n } else {\n sessionStorage.removeItem(key)\n }\n\n this.refresh()\n })\n\n function showSources(type, data) {\n const sources = devtools.get('sources')\n if (!sources) return\n\n sources.set(type, data)\n\n devtools.showTool('sources')\n\n return true\n }\n\n this._dataGrid\n .on('select', (node) => {\n this._selectedItem = node.data.key\n this._updateButtons()\n })\n .on('deselect', () => {\n this._selectedItem = null\n this._updateButtons()\n })\n\n emitter.on(emitter.SCALE, this._updateGridHeight)\n }\n}\n"
},
{
"path": "src/Resources/util.js",
"content": "import { classPrefix as c } from '../lib/util'\n\nexport function setState($el, state) {\n $el\n .rmClass(c('ok'))\n .rmClass(c('danger'))\n .rmClass(c('warn'))\n .addClass(c(state))\n}\n\nexport function getState(type, len) {\n if (len === 0) return ''\n\n let warn = 0\n let danger = 0\n\n switch (type) {\n case 'cookie':\n warn = 30\n danger = 60\n break\n case 'script':\n warn = 5\n danger = 10\n break\n case 'stylesheet':\n warn = 4\n danger = 8\n break\n case 'image':\n warn = 50\n danger = 100\n break\n }\n\n if (len >= danger) return 'danger'\n if (len >= warn) return 'warn'\n\n return 'ok'\n}\n"
},
{
"path": "src/Settings/Settings.js",
"content": "import Tool from '../DevTools/Tool'\nimport $ from 'licia/$'\nimport LocalStore from 'licia/LocalStore'\nimport uniqId from 'licia/uniqId'\nimport each from 'licia/each'\nimport filter from 'licia/filter'\nimport isStr from 'licia/isStr'\nimport contain from 'licia/contain'\nimport clone from 'licia/clone'\nimport evalCss from '../lib/evalCss'\nimport LunaSetting from 'luna-setting'\n\nexport default class Settings extends Tool {\n constructor() {\n super()\n\n this._style = evalCss(require('./Settings.scss'))\n\n this.name = 'settings'\n this._settings = []\n }\n init($el) {\n super.init($el)\n\n this._setting = new LunaSetting($el.get(0))\n\n this._bindEvent()\n }\n remove(config, key) {\n if (isStr(config)) {\n const self = this\n this._$el.find('.luna-setting-item-title').each(function () {\n const $this = $(this)\n if ($this.text() === config) {\n self._setting.remove(this.settingItem)\n }\n })\n } else {\n this._settings = filter(this._settings, (setting) => {\n if (setting.config === config && setting.key === key) {\n this._setting.remove(setting.item)\n return false\n }\n\n return true\n })\n }\n\n this._cleanSeparator()\n\n return this\n }\n destroy() {\n this._setting.destroy()\n super.destroy()\n\n evalCss.remove(this._style)\n }\n clear() {\n this._settings = []\n this._setting.clear()\n }\n switch(config, key, desc) {\n const id = this._genId()\n\n const item = this._setting.appendCheckbox(id, !!config.get(key), desc)\n this._settings.push({ config, key, id, item })\n\n return this\n }\n select(config, key, desc, selections) {\n const id = this._genId()\n\n const selectOptions = {}\n each(selections, (selection) => (selectOptions[selection] = selection))\n const item = this._setting.appendSelect(\n id,\n config.get(key),\n '',\n desc,\n selectOptions\n )\n this._settings.push({ config, key, id, item })\n\n return this\n }\n range(config, key, desc, { min = 0, max = 1, step = 0.1 }) {\n const id = this._genId()\n\n const item = this._setting.appendNumber(id, config.get(key), desc, {\n max,\n min,\n step,\n range: true,\n })\n this._settings.push({ config, key, min, max, step, id, item })\n\n return this\n }\n button(text, handler) {\n this._setting.appendButton(text, handler)\n\n return this\n }\n separator() {\n this._setting.appendSeparator()\n\n return this\n }\n text(text) {\n this._setting.appendTitle(text)\n\n return this\n }\n // Merge adjacent separators\n _cleanSeparator() {\n const children = clone(this._$el.get(0).children)\n\n function isSeparator(node) {\n return contain(node.getAttribute('class'), 'luna-setting-item-separator')\n }\n\n for (let i = 0, len = children.length; i < len - 1; i++) {\n if (isSeparator(children[i]) && isSeparator(children[i + 1])) {\n $(children[i]).remove()\n }\n }\n }\n _genId() {\n return uniqId('eruda-settings')\n }\n _getSetting(id) {\n let ret\n\n each(this._settings, (setting) => {\n if (setting.id === id) ret = setting\n })\n\n return ret\n }\n _bindEvent() {\n this._setting.on('change', (id, val) => {\n const setting = this._getSetting(id)\n setting.config.set(setting.key, val)\n })\n }\n static createCfg(name, data) {\n return new LocalStore('eruda-' + name, data)\n }\n}\n"
},
{
"path": "src/Settings/Settings.scss",
"content": "@use '../style/variable' as *;\n@use '../style/mixin' as *;\n\n#settings {\n @include overflow-auto(y);\n}\n\n.safe-area #settings {\n @include safe-area(padding-bottom, 0px);\n}\n"
},
{
"path": "src/Snippets/Snippets.js",
"content": "import Tool from '../DevTools/Tool'\nimport defSnippets from './defSnippets'\nimport $ from 'licia/$'\nimport each from 'licia/each'\nimport escape from 'licia/escape'\nimport map from 'licia/map'\nimport remove from 'licia/remove'\nimport evalCss from '../lib/evalCss'\nimport { classPrefix as c } from '../lib/util'\n\nexport default class Snippets extends Tool {\n constructor() {\n super()\n\n this._style = evalCss(require('./Snippets.scss'))\n\n this.name = 'snippets'\n\n this._snippets = []\n }\n init($el) {\n super.init($el)\n\n this._bindEvent()\n this._addDefSnippets()\n }\n destroy() {\n super.destroy()\n\n evalCss.remove(this._style)\n }\n add(name, fn, desc) {\n this._snippets.push({ name, fn, desc })\n\n this._render()\n\n return this\n }\n remove(name) {\n remove(this._snippets, (snippet) => snippet.name === name)\n\n this._render()\n\n return this\n }\n run(name) {\n const snippets = this._snippets\n\n for (let i = 0, len = snippets.length; i < len; i++) {\n if (snippets[i].name === name) this._run(i)\n }\n\n return this\n }\n clear() {\n this._snippets = []\n this._render()\n\n return this\n }\n _bindEvent() {\n const self = this\n\n this._$el.on('click', '.eruda-run', function () {\n const idx = $(this).data('idx')\n\n self._run(idx)\n })\n }\n _run(idx) {\n this._snippets[idx].fn.call(null)\n }\n _addDefSnippets() {\n each(defSnippets, (snippet) => {\n this.add(snippet.name, snippet.fn, snippet.desc)\n })\n }\n _render() {\n const html = map(this._snippets, (snippet, idx) => {\n return `\n
${escape(snippet.name)}\n \n
\n \n
\n ${escape(snippet.desc)}\n
\n
${match} `\n )\n if (val === node.nodeValue) return\n\n const $ret = $(document.createElement('div'))\n\n $ret.html(val)\n $ret.addClass('eruda-search-highlight-block')\n\n return $ret.get(0)\n })\n}\n\nfunction traverse(root, processor) {\n const childNodes = root.childNodes\n\n if (isErudaEl(root)) return\n\n for (let i = 0, len = childNodes.length; i < len; i++) {\n const newNode = traverse(childNodes[i], processor)\n if (newNode) root.replaceChild(newNode, childNodes[i])\n }\n\n return processor(root)\n}\n\nfunction loadPlugin(name) {\n const globalName = 'eruda' + upperFirst(name)\n if (window[globalName]) return\n\n let protocol = location.protocol\n if (!startWith(protocol, 'http')) protocol = 'http:'\n\n loadJs(\n `${protocol}//cdn.jsdelivr.net/npm/eruda-${name}@${pluginVersion[name]}`,\n (isLoaded) => {\n if (!isLoaded || !window[globalName])\n return logger.error('Fail to load plugin ' + name)\n\n emitter.emit(emitter.ADD, window[globalName])\n emitter.emit(emitter.SHOW, name)\n }\n )\n}\n\nconst pluginVersion = {\n monitor: '1.1.1',\n features: '2.1.0',\n timing: '2.0.1',\n code: '2.2.0',\n benchmark: '2.0.1',\n geolocation: '2.1.0',\n orientation: '2.1.1',\n touches: '2.1.0',\n vue: '1.1.1',\n}\n"
},
{
"path": "src/Snippets/searchText.scss",
"content": "@use '../style/variable' as *;\n\n.search-highlight-block {\n display: inline;\n .keyword {\n background: var(--console-warn-background);\n color: var(--console-warn-foreground);\n }\n}\n"
},
{
"path": "src/Sources/Sources.js",
"content": "import Tool from '../DevTools/Tool'\nimport LunaObjectViewer from 'luna-object-viewer'\nimport Settings from '../Settings/Settings'\nimport ajax from 'licia/ajax'\nimport each from 'licia/each'\nimport isStr from 'licia/isStr'\nimport escape from 'licia/escape'\nimport truncate from 'licia/truncate'\nimport replaceAll from 'licia/replaceAll'\nimport highlight from 'licia/highlight'\nimport LunaTextViewer from 'luna-text-viewer'\nimport evalCss from '../lib/evalCss'\nimport { classPrefix as c } from '../lib/util'\n\nexport default class Sources extends Tool {\n constructor() {\n super()\n\n this._style = evalCss(require('./Sources.scss'))\n\n this.name = 'sources'\n this._showLineNum = true\n }\n init($el, container) {\n super.init($el)\n\n this._container = container\n this._bindEvent()\n this._initCfg()\n }\n destroy() {\n super.destroy()\n\n evalCss.remove(this._style)\n this._rmCfg()\n }\n set(type, val) {\n if (type === 'img') {\n this._isFetchingData = true\n\n const img = new Image()\n\n const self = this\n\n img.onload = function () {\n self._isFetchingData = false\n self._data = {\n type: 'img',\n val: {\n width: this.width,\n height: this.height,\n src: val,\n },\n }\n\n self._render()\n }\n img.onerror = function () {\n self._isFetchingData = false\n }\n\n img.src = val\n\n return\n }\n\n this._data = { type, val }\n\n this._render()\n\n return this\n }\n show() {\n super.show()\n\n if (!this._data && !this._isFetchingData) {\n this._renderDef()\n }\n\n return this\n }\n _renderDef() {\n if (this._html) {\n this._data = {\n type: 'html',\n val: this._html,\n }\n\n return this._render()\n }\n\n if (this._isGettingHtml) return\n this._isGettingHtml = true\n\n ajax({\n url: location.href,\n success: (data) => (this._html = data),\n error: () => (this._html = 'Sorry, unable to fetch source code:('),\n complete: () => {\n this._isGettingHtml = false\n this._renderDef()\n },\n dataType: 'raw',\n })\n }\n _bindEvent() {\n this._container.on('showTool', (name, lastTool) => {\n if (name !== this.name && lastTool.name === this.name) {\n delete this._data\n }\n })\n }\n _rmCfg() {\n const cfg = this.config\n\n const settings = this._container.get('settings')\n\n if (!settings) return\n\n settings.remove(cfg, 'showLineNum').remove('Sources')\n }\n _initCfg() {\n const cfg = (this.config = Settings.createCfg('sources', {\n showLineNum: true,\n }))\n\n if (!cfg.get('showLineNum')) this._showLineNum = false\n\n cfg.on('change', (key, val) => {\n switch (key) {\n case 'showLineNum':\n this._showLineNum = val\n return\n }\n })\n\n const settings = this._container.get('settings')\n settings\n .text('Sources')\n .switch(cfg, 'showLineNum', 'Show Line Numbers')\n .separator()\n }\n _render() {\n this._isInit = true\n\n const data = this._data\n\n switch (data.type) {\n case 'html':\n case 'js':\n case 'css':\n return this._renderCode()\n case 'img':\n return this._renderImg()\n case 'object':\n return this._renderObj()\n case 'raw':\n return this._renderRaw()\n case 'iframe':\n return this._renderIframe()\n }\n }\n _renderImg() {\n const { width, height, src } = this._data.val\n\n this._renderHtml(`\n
${escape(src)}
\n
\n
\n
\n
${escape(width)} × ${escape(height)}
\n
`,\n false\n )\n\n let code = data.val\n const len = data.val.length\n\n if (len > MAX_RAW_LEN) {\n code = truncate(code, MAX_RAW_LEN)\n }\n\n // If source code too big, don't process it.\n if (len < MAX_BEAUTIFY_LEN) {\n code = highlight(code, data.type, {\n comment: '',\n string: '',\n number: '',\n keyword: '',\n operator: '',\n })\n each(['comment', 'string', 'number', 'keyword', 'operator'], (type) => {\n code = replaceAll(code, `class=\"${type}\"`, `class=\"${c(type)}\"`)\n })\n } else {\n code = escape(code)\n }\n\n const container = this._$el.find(c('.code')).get(0)\n new LunaTextViewer(container, {\n text: code,\n escape: false,\n wrapLongLines: true,\n showLineNumbers: data.val.length < MAX_LINE_NUM_LEN && this._showLineNum,\n })\n }\n _renderObj() {\n // Using cache will keep binding events to the same elements.\n this._renderHtml(``, false)\n\n let val = this._data.val\n\n try {\n if (isStr(val)) {\n val = JSON.parse(val)\n }\n } catch {\n // No op\n }\n\n const objViewer = new LunaObjectViewer(\n this._$el.find('.eruda-json').get(0),\n {\n unenumerable: true,\n accessGetter: true,\n prototype: false,\n }\n )\n objViewer.set(val)\n }\n _renderRaw() {\n const data = this._data\n\n this._renderHtml(``)\n\n let val = data.val\n const container = this._$el.find(c('.raw')).get(0)\n if (val.length > MAX_RAW_LEN) {\n val = truncate(val, MAX_RAW_LEN)\n }\n\n new LunaTextViewer(container, {\n text: val,\n wrapLongLines: true,\n showLineNumbers: val.length < MAX_LINE_NUM_LEN && this._showLineNum,\n })\n }\n _renderIframe() {\n this._renderHtml(``)\n }\n _renderHtml(html, cache = true) {\n if (cache && html === this._lastHtml) return\n this._lastHtml = html\n this._$el.html(html)\n // Need setTimeout to make it work\n setTimeout(() => (this._$el.get(0).scrollTop = 0), 0)\n }\n}\n\nconst MAX_BEAUTIFY_LEN = 30000\nconst MAX_LINE_NUM_LEN = 80000\nconst MAX_RAW_LEN = 100000\n"
},
{
"path": "src/Sources/Sources.scss",
"content": "@use '../style/variable' as *;\n@use '../style/mixin' as *;\n\n#sources {\n font-size: 0;\n @include overflow-auto(y);\n color: var(--foreground);\n .code-wrapper,\n .raw-wrapper {\n @include overflow-auto(x);\n width: 100%;\n min-height: 100%;\n }\n .raw,\n .code {\n height: 100%;\n .keyword {\n color: var(--keyword-color);\n }\n .comment {\n color: var(--comment-color);\n }\n .number {\n color: var(--number-color);\n }\n .string {\n color: var(--string-color);\n }\n .operator {\n color: var(--operator-color);\n }\n &[data-type='html'] {\n .keyword {\n color: var(--tag-name-color);\n }\n }\n }\n .image {\n font-size: $font-size-s;\n .breadcrumb {\n @include breadcrumb();\n }\n .img-container {\n text-align: center;\n img {\n max-width: 100%;\n }\n }\n .img-info {\n text-align: center;\n margin: 20px 0;\n color: var(--foreground);\n }\n }\n .json {\n padding: 0 $padding;\n * {\n user-select: text;\n }\n }\n iframe {\n width: 100%;\n height: 100%;\n }\n}\n"
},
{
"path": "src/eruda.js",
"content": "import EntryBtn from './EntryBtn/EntryBtn'\nimport DevTools from './DevTools/DevTools'\nimport Tool from './DevTools/Tool'\nimport Console from './Console/Console'\nimport Network from './Network/Network'\nimport Elements from './Elements/Elements'\nimport Snippets from './Snippets/Snippets'\nimport Resources from './Resources/Resources'\nimport Info from './Info/Info'\nimport Sources from './Sources/Sources'\nimport Settings from './Settings/Settings'\nimport emitter from './lib/emitter'\nimport logger from './lib/logger'\nimport * as util from './lib/util'\nimport { isDarkTheme } from './lib/themes'\nimport themes from './lib/themes'\nimport isFn from 'licia/isFn'\nimport isNum from 'licia/isNum'\nimport isObj from 'licia/isObj'\nimport each from 'licia/each'\nimport isMobile from 'licia/isMobile'\nimport viewportScale from 'licia/viewportScale'\nimport detectBrowser from 'licia/detectBrowser'\nimport $ from 'licia/$'\nimport toArr from 'licia/toArr'\nimport upperFirst from 'licia/upperFirst'\nimport nextTick from 'licia/nextTick'\nimport isEqual from 'licia/isEqual'\nimport extend from 'licia/extend'\nimport evalCss from './lib/evalCss'\nimport chobitsu from './lib/chobitsu'\n\nexport default {\n init({\n container,\n tool,\n autoScale = true,\n useShadowDom = true,\n inline = false,\n defaults = {},\n } = {}) {\n if (this._isInit) {\n return\n }\n\n this._isInit = true\n this._scale = 1\n\n this._initContainer(container, useShadowDom)\n this._initStyle()\n this._initDevTools(defaults, inline)\n this._initEntryBtn()\n this._initSettings()\n this._initTools(tool)\n this._registerListener()\n\n if (autoScale) {\n this._autoScale()\n }\n if (inline) {\n this._entryBtn.hide()\n this._$el.addClass('eruda-inline')\n this.show()\n }\n },\n _isInit: false,\n version: VERSION,\n util: {\n isErudaEl: util.isErudaEl,\n evalCss,\n isDarkTheme(theme) {\n if (!theme) {\n theme = this.getTheme()\n }\n return isDarkTheme(theme)\n },\n getTheme: () => {\n const curTheme = evalCss.getCurTheme()\n\n let result = 'Light'\n each(themes, (theme, name) => {\n if (isEqual(theme, curTheme)) {\n result = name\n }\n })\n\n return result\n },\n },\n chobitsu,\n Tool,\n Console,\n Elements,\n Network,\n Sources,\n Resources,\n Info,\n Snippets,\n Settings,\n get(name) {\n if (!this._checkInit()) return\n\n if (name === 'entryBtn') return this._entryBtn\n\n const devTools = this._devTools\n\n return name ? devTools.get(name) : devTools\n },\n add(tool) {\n if (!this._checkInit()) return\n\n if (isFn(tool)) tool = tool(this)\n\n this._devTools.add(tool)\n\n return this\n },\n remove(name) {\n this._devTools.remove(name)\n\n return this\n },\n show(name) {\n if (!this._checkInit()) return\n\n const devTools = this._devTools\n\n name ? devTools.showTool(name) : devTools.show()\n\n return this\n },\n hide() {\n if (!this._checkInit()) return\n\n this._devTools.hide()\n\n return this\n },\n destroy() {\n this._devTools.destroy()\n delete this._devTools\n this._entryBtn.destroy()\n delete this._entryBtn\n this._unregisterListener()\n $(this._container).remove()\n evalCss.clear()\n this._isInit = false\n this._container = null\n this._shadowRoot = null\n },\n scale(s) {\n if (isNum(s)) {\n this._scale = s\n emitter.emit(emitter.SCALE, s)\n return this\n }\n\n return this._scale\n },\n position(p) {\n const entryBtn = this._entryBtn\n\n if (isObj(p)) {\n entryBtn.setPos(p)\n return this\n }\n\n return entryBtn.getPos()\n },\n _autoScale() {\n if (!isMobile()) return\n\n this.scale(1 / viewportScale())\n },\n _registerListener() {\n this._addListener = (...args) => this.add(...args)\n this._showListener = (...args) => this.show(...args)\n\n emitter.on(emitter.ADD, this._addListener)\n emitter.on(emitter.SHOW, this._showListener)\n emitter.on(emitter.SCALE, evalCss.setScale)\n },\n _unregisterListener() {\n emitter.off(emitter.ADD, this._addListener)\n emitter.off(emitter.SHOW, this._showListener)\n emitter.off(emitter.SCALE, evalCss.setScale)\n },\n _checkInit() {\n if (!this._isInit) logger.error('Please call \"eruda.init()\" first')\n return this._isInit\n },\n _initContainer(container, useShadowDom) {\n if (!container) {\n container = document.createElement('div')\n document.documentElement.appendChild(container)\n }\n\n container.id = 'eruda'\n container.style.all = 'initial'\n this._container = container\n\n let shadowRoot\n let el\n if (useShadowDom) {\n if (container.attachShadow) {\n shadowRoot = container.attachShadow({ mode: 'open' })\n } else if (container.createShadowRoot) {\n shadowRoot = container.createShadowRoot()\n }\n if (shadowRoot) {\n // font-face doesn't work inside shadow dom.\n evalCss.container = document.head\n evalCss(\n require('./style/icon.css') +\n require('luna-console/luna-console.css') +\n require('luna-object-viewer/luna-object-viewer.css') +\n require('luna-dom-viewer/luna-dom-viewer.css') +\n require('luna-text-viewer/luna-text-viewer.css') +\n require('luna-notification/luna-notification.css')\n )\n\n el = document.createElement('div')\n shadowRoot.appendChild(el)\n this._shadowRoot = shadowRoot\n }\n }\n\n if (!this._shadowRoot) {\n el = document.createElement('div')\n container.appendChild(el)\n }\n\n extend(el, {\n className: 'eruda-container __chobitsu-hide__',\n contentEditable: false,\n })\n\n // http://stackoverflow.com/questions/3885018/active-pseudo-class-doesnt-work-in-mobile-safari\n if (detectBrowser().name === 'ios') el.setAttribute('ontouchstart', '')\n\n this._$el = $(el)\n },\n _initDevTools(defaults, inline) {\n this._devTools = new DevTools(this._$el, {\n defaults,\n inline,\n })\n },\n _initStyle() {\n const className = 'eruda-style-container'\n const $el = this._$el\n\n if (this._shadowRoot) {\n evalCss.container = this._shadowRoot\n evalCss(':host { all: initial }')\n } else {\n $el.append(`
`)\n evalCss.container = $el.find(`.${className}`).get(0)\n }\n\n evalCss(\n require('./style/reset.scss') +\n require('luna-object-viewer/luna-object-viewer.css') +\n require('luna-console/luna-console.css') +\n require('luna-notification/luna-notification.css') +\n require('luna-data-grid/luna-data-grid.css') +\n require('luna-dom-viewer/luna-dom-viewer.css') +\n require('luna-modal/luna-modal.css') +\n require('luna-tab/luna-tab.css') +\n require('luna-text-viewer/luna-text-viewer.css') +\n require('luna-setting/luna-setting.css') +\n require('luna-box-model/luna-box-model.css') +\n require('./style/style.scss') +\n require('./style/icon.css')\n )\n },\n _initEntryBtn() {\n this._entryBtn = new EntryBtn(this._$el)\n this._entryBtn.on('click', () => this._devTools.toggle())\n },\n _initSettings() {\n const devTools = this._devTools\n const settings = new Settings()\n\n devTools.add(settings)\n\n this._entryBtn.initCfg(settings)\n devTools.initCfg(settings)\n },\n _initTools(\n tool = [\n 'console',\n 'elements',\n 'network',\n 'resources',\n 'sources',\n 'info',\n 'snippets',\n ]\n ) {\n tool = toArr(tool)\n\n const devTools = this._devTools\n\n tool.forEach((name) => {\n const Tool = this[upperFirst(name)]\n try {\n if (Tool) devTools.add(new Tool())\n } catch (e) {\n // Use nextTick to make sure it is possible to be caught by console panel.\n nextTick(() => {\n logger.error(\n `Something wrong when initializing tool ${name}:`,\n e.message\n )\n })\n }\n })\n\n devTools.showTool(tool[0] || 'settings')\n },\n}\n"
},
{
"path": "src/index.js",
"content": "const eruda = require('./eruda').default\nmodule.exports = eruda\nmodule.exports.default = eruda\n\n//# sourceMappingURL=index.js.map\n"
},
{
"path": "src/lib/chobitsu.js",
"content": "import Chobitsu from 'chobitsu/Chobitsu'\nimport * as Network from 'chobitsu/domains/Network'\nimport * as Overlay from 'chobitsu/domains/Overlay'\nimport * as DOM from 'chobitsu/domains/DOM'\nimport * as Storage from 'chobitsu/domains/Storage'\n\nconst chobitsu = new Chobitsu()\nchobitsu.register('Network', Network)\nchobitsu.register('Overlay', Overlay)\nchobitsu.register('DOM', {\n ...DOM,\n getNodeId: DOM.getDOMNodeId,\n getNode: DOM.getDOMNode,\n})\nchobitsu.register('Storage', Storage)\n\nexport default chobitsu\n"
},
{
"path": "src/lib/emitter.js",
"content": "import Emitter from 'licia/Emitter'\n\nconst emitter = new Emitter()\nemitter.ADD = 'ADD'\nemitter.SHOW = 'SHOW'\nemitter.SCALE = 'SCALE'\n\nexport default emitter\n"
},
{
"path": "src/lib/empty.js",
"content": "export default {}\n"
},
{
"path": "src/lib/evalCss.js",
"content": "import toStr from 'licia/toStr'\nimport each from 'licia/each'\nimport filter from 'licia/filter'\nimport isStr from 'licia/isStr'\nimport keys from 'licia/keys'\nimport kebabCase from 'licia/kebabCase'\nimport defaults from 'licia/defaults'\nimport themes from './themes'\n\nlet styleList = []\nlet scale = 1\n\nlet curTheme = themes.Light\n\nconst exports = function (css, container) {\n css = toStr(css)\n\n for (let i = 0, len = styleList.length; i < len; i++) {\n if (styleList[i].css === css) return\n }\n\n container = container || exports.container || document.head\n const el = document.createElement('style')\n\n el.type = 'text/css'\n container.appendChild(el)\n\n const style = { css, el, container }\n resetStyle(style)\n styleList.push(style)\n\n return style\n}\n\nexports.setScale = function (s) {\n scale = s\n resetStyles()\n}\n\nexports.setTheme = function (theme) {\n if (isStr(theme)) {\n curTheme = themes[theme] || themes.Light\n } else {\n curTheme = defaults(theme, themes.Light)\n }\n\n resetStyles()\n}\n\nexports.getCurTheme = () => curTheme\n\nexports.getThemes = () => themes\n\nexports.clear = function () {\n each(styleList, ({ container, el }) => container.removeChild(el))\n styleList = []\n}\n\nexports.remove = function (style) {\n styleList = filter(styleList, (s) => s !== style)\n\n style.container.removeChild(style.el)\n}\n\nfunction resetStyles() {\n each(styleList, (style) => resetStyle(style))\n}\n\nfunction resetStyle({ css, el }) {\n css = css.replace(/(\\d+)px/g, ($0, $1) => +$1 * scale + 'px')\n css = css.replace(/_/g, 'eruda-')\n const _keys = keys(themes.Light)\n each(_keys, (key) => {\n css = css.replace(\n new RegExp(`var\\\\(--${kebabCase(key)}\\\\)`, 'g'),\n curTheme[key]\n )\n })\n el.innerText = css\n}\n\nexport default exports\n"
},
{
"path": "src/lib/logger.js",
"content": "import Logger from 'licia/Logger'\n\nlet logger\n\nexport default logger = new Logger(\n '[Eruda]',\n ENV === 'production' ? 'warn' : 'debug'\n)\n\nlogger.formatter = function (type, argList) {\n argList.unshift(this.name)\n\n return argList\n}\n"
},
{
"path": "src/lib/micromark.js",
"content": "export function micromark(str) {\n return str\n}\n"
},
{
"path": "src/lib/themes.js",
"content": "import extend from 'licia/extend'\nimport isArr from 'licia/isArr'\nimport contain from 'licia/contain'\n\nconst keyMap = [\n 'background',\n 'foreground',\n 'selectForeground',\n 'accent',\n 'highlight',\n 'border',\n 'primary',\n 'contrast',\n 'varColor',\n 'stringColor',\n 'keywordColor',\n 'numberColor',\n 'operatorColor',\n 'linkColor',\n 'textColor',\n 'tagNameColor',\n 'functionColor',\n 'attributeNameColor',\n 'commentColor',\n]\n\nconst keyMapLen = keyMap.length\n\nfunction arrToMap(arr) {\n const ret = {}\n\n for (let i = 0; i < keyMapLen; i++) {\n ret[keyMap[i]] = arr[i]\n }\n\n return ret\n}\n\nfunction createDarkTheme(theme) {\n if (isArr(theme)) theme = arrToMap(theme)\n if (!theme.darkerBackground) theme.darkerBackground = theme.contrast\n return extend(\n {\n consoleWarnBackground: '#332a00',\n consoleWarnForeground: '#ffcb6b',\n consoleWarnBorder: '#650',\n consoleErrorBackground: '#290000',\n consoleErrorForeground: '#ff8080',\n consoleErrorBorder: '#5c0000',\n light: '#ccc',\n dark: '#aaa',\n },\n theme\n )\n}\n\nfunction createLightTheme(theme) {\n if (isArr(theme)) theme = arrToMap(theme)\n if (!theme.darkerBackground) theme.darkerBackground = theme.contrast\n return extend(\n {\n consoleWarnBackground: '#fffbe5',\n consoleWarnForeground: '#5c5c00',\n consoleWarnBorder: '#fff5c2',\n consoleErrorBackground: '#fff0f0',\n consoleErrorForeground: '#f00',\n consoleErrorBorder: '#ffd6d6',\n light: '#fff',\n dark: '#eee',\n },\n theme\n )\n}\n\nconst darkThemes = [\n 'Dark',\n 'Material Oceanic',\n 'Material Darker',\n 'Material Palenight',\n 'Material Deep Ocean',\n 'Monokai Pro',\n 'Dracula',\n 'Arc Dark',\n 'Atom One Dark',\n 'Solarized Dark',\n 'Night Owl',\n 'AMOLED',\n]\n\nexport function isDarkTheme(theme) {\n return contain(darkThemes, theme)\n}\n\n// prettier-ignore\nexport default {\n Light: createLightTheme({\n darkerBackground: '#f3f3f3',\n background: '#fff',\n foreground: '#333',\n selectForeground: '#333',\n accent: '#1a73e8',\n highlight: '#eaeaea',\n border: '#ccc',\n primary: '#333',\n contrast: '#f2f7fd',\n varColor: '#c80000',\n stringColor: '#1a1aa6',\n keywordColor: '#881280',\n numberColor: '#1c00cf',\n operatorColor: '#808080',\n linkColor: '#1155cc',\n textColor: '#8097bd',\n tagNameColor: '#881280',\n functionColor: '#222',\n attributeNameColor: '#994500',\n commentColor: '#236e25',\n cssProperty: '#c80000',\n }),\n Dark: createDarkTheme({\n darkerBackground: '#333',\n background: '#242424',\n foreground: '#a5a5a5',\n selectForeground: '#eaeaea',\n accent: '#7cacf8',\n highlight: '#000',\n border: '#3d3d3d',\n primary: '#ccc',\n contrast: '#0b2544',\n varColor: '#e36eec',\n stringColor: '#f29766',\n keywordColor: '#9980ff',\n numberColor: '#9980ff',\n operatorColor: '#7f7f7f',\n linkColor: '#ababab',\n textColor: '#42597f',\n tagNameColor: '#5db0d7',\n functionColor: '#d5d5d5',\n attributeNameColor: '#9bbbdc',\n commentColor: '#747474',\n }),\n 'Material Oceanic': createDarkTheme([\n '#263238', '#B0BEC5', '#FFFFFF', '#009688', '#425B67',\n '#2A373E', '#607D8B', '#1E272C', '#eeffff', '#c3e88d',\n '#c792ea', '#f78c6c', '#89ddff', '#80cbc4', '#B0BEC5',\n '#f07178', '#82aaff', '#ffcb6b', '#546e7a',\n ]),\n 'Material Darker': createDarkTheme([\n '#212121', '#B0BEC5', '#FFFFFF', '#FF9800', '#3F3F3F',\n '#292929', '#727272', '#1A1A1A', '#eeffff', '#c3e88d',\n '#c792ea', '#f78c6c', '#89ddff', '#80cbc4', '#B0BEC5',\n '#f07178', '#82aaff', '#ffcb6b', '#616161',\n ]),\n 'Material Lighter': createLightTheme([\n '#FAFAFA', '#546E7A', '#546e7a', '#00BCD4', '#E7E7E8',\n '#d3e1e8', '#94A7B0', '#F4F4F4', '#272727', '#91B859',\n '#7C4DFF', '#F76D47', '#39ADB5', '#39ADB5', '#546E7A',\n '#E53935', '#6182B8', '#F6A434', '#AABFC9',\n ]),\n 'Material Palenight': createDarkTheme([\n '#292D3E', '#A6ACCD', '#FFFFFF', '#ab47bc', '#444267',\n '#2b2a3e', '#676E95', '#202331', '#eeffff', '#c3e88d',\n '#c792ea', '#f78c6c', '#89ddff', '#80cbc4', '#A6ACCD',\n '#f07178', '#82aaff', '#ffcb6b', '#676E95',\n ]),\n 'Material Deep Ocean': createDarkTheme([\n '#0F111A', '#8F93A2', '#FFFFFF', '#84ffff', '#1F2233',\n '#41465b', '#4B526D', '#090B10', '#eeffff', '#c3e88d',\n '#c792ea', '#f78c6c', '#89ddff', '#80cbc4', '#8F93A2',\n '#f07178', '#82aaff', '#ffcb6b', '#717CB4',\n ]),\n 'Monokai Pro': createDarkTheme([\n '#2D2A2E', '#fcfcfa', '#FFFFFF', '#ffd866', '#5b595c',\n '#423f43', '#939293', '#221F22', '#FCFCFA', '#FFD866',\n '#FF6188', '#AB9DF2', '#FF6188', '#78DCE8', '#fcfcfa',\n '#FF6188', '#A9DC76', '#78DCE8', '#727072',\n ]),\n Dracula: createDarkTheme([\n '#282A36', '#F8F8F2', '#8BE9FD', '#FF79C5', '#6272A4',\n '#21222C', '#6272A4', '#191A21', '#F8F8F2', '#F1FA8C',\n '#FF79C6', '#BD93F9', '#FF79C6', '#F1FA8C', '#F8F8F2',\n '#FF79C6', '#50FA78', '#50FA7B', '#6272A4',\n ]),\n 'Arc Dark': createDarkTheme([\n '#2f343f', '#D3DAE3', '#FFFFFF', '#42A5F5', '#3F3F46',\n '#404552', '#8b9eb5', '#262b33', '#CF6A4C', '#8F9D6A',\n '#9B859D', '#CDA869', '#A7A7A7', '#7587A6', '#D3DAE3',\n '#CF6A4C', '#7587A6', '#F9EE98', '#747C84',\n ]),\n 'Atom One Dark': createDarkTheme([\n '#282C34', '#979FAD', '#FFFFFF', '#2979ff', '#383D48',\n '#2e3239', '#979FAD', '#21252B', '#D19A66', '#98C379',\n '#C679DD', '#D19A66', '#61AFEF', '#56B6C2', '#979FAD',\n '#F07178', '#61AEEF', '#E5C17C', '#59626F',\n ]),\n 'Atom One Light': createLightTheme([\n '#FAFAFA', '#232324', '#232324', '#2979ff', '#EAEAEB',\n '#DBDBDC', '#9D9D9F', '#FFFFFF', '#986801', '#50A14E',\n '#A626A4', '#986801', '#4078F2', '#0184BC', '#232324',\n '#E4564A', '#4078F2', '#C18401', '#A0A1A7',\n ]),\n 'Solarized Dark': createDarkTheme([\n '#002B36', '#839496', '#FFFFFF', '#d33682', '#11353F',\n '#0D3640', '#586e75', '#00252E', '#268BD2', '#2AA198',\n '#859900', '#D33682', '#93A1A1', '#268BD2', '#839496',\n '#268BD2', '#B58900', '#B58900', '#657B83',\n ]),\n 'Solarized Light': createLightTheme([\n '#fdf6e3', '#586e75', '#002b36', '#d33682', '#F6F0DE',\n '#f7f2e2', '#93a1a1', '#eee8d5', '#268BD2', '#2AA198',\n '#859900', '#D33682', '#657B83', '#268BD2', '#586e75',\n '#268BD2', '#B58900', '#657B83', '#93A1A1',\n ]),\n Github: createLightTheme([\n '#F7F8FA', '#5B6168', '#FFFFFF', '#79CB60', '#CCE5FF',\n '#DFE1E4', '#292D31', '#FFFFFF', '#24292E', '#032F62',\n '#D73A49', '#005CC5', '#D73A49', '#005CC5', '#5B6168',\n '#22863A', '#6F42C1', '#6F42C1', '#6A737D',\n ]),\n 'Night Owl': createDarkTheme([\n '#011627', '#b0bec5', '#ffffff', '#7e57c2', '#152C3B',\n '#2a373e', '#607d8b', '#001424', '#addb67', '#ecc48d',\n '#c792ea', '#f78c6c', '#c792ea', '#80CBC4', '#b0bec5',\n '#7fdbca', '#82AAFF', '#FAD430', '#637777',\n ]),\n 'Light Owl': createLightTheme([\n '#FAFAFA', '#546e7a', '#403f53', '#269386', '#E0E7EA',\n '#efefef', '#403F53', '#FAFAFA', '#0C969B', '#c96765',\n '#994cc3', '#aa0982', '#7d818b', '#994cc3', '#546e7a',\n '#994cc3', '#4876d6', '#4876d6', '#637777',\n ]),\n AMOLED: createDarkTheme([\n '#000000', '#8F93A2', '#FFFFFF', '#68FFAE', '#000000',\n '#41465b', '#4B526D', '#000000', '#DEFDF7', '#38ff9f',\n '#ab2eff', '#A76DF7', '#38ff9f', '#86F3C7', '#8F93A2',\n '#ab2eff', '#8293FF', '#38ff9f', '#6575c7',\n ]),\n}\n"
},
{
"path": "src/lib/util.js",
"content": "import Url from 'licia/Url'\nimport contain from 'licia/contain'\nimport escapeJsStr from 'licia/escapeJsStr'\nimport isUndef from 'licia/isUndef'\nimport last from 'licia/last'\nimport map from 'licia/map'\nimport memStorage from 'licia/memStorage'\nimport toNum from 'licia/toNum'\nimport trim from 'licia/trim'\nimport html from 'licia/html'\n\n// https://stackoverflow.com/questions/46318395/detecting-mobile-device-notch\nexport function hasSafeArea() {\n let proceed = false\n const div = document.createElement('div')\n if (CSS.supports('padding-bottom: env(safe-area-inset-bottom)')) {\n div.style.paddingBottom = 'env(safe-area-inset-bottom)'\n proceed = true\n } else if (CSS.supports('padding-bottom: constant(safe-area-inset-bottom)')) {\n div.style.paddingBottom = 'constant(safe-area-inset-bottom)'\n proceed = true\n }\n if (proceed) {\n document.body.appendChild(div)\n const calculatedPadding = parseInt(\n window.getComputedStyle(div).paddingBottom\n )\n document.body.removeChild(div)\n if (calculatedPadding > 0) {\n return true\n }\n }\n return false\n}\n\nexport function escapeJsonStr(str) {\n return escapeJsStr(str).replace(/\\\\'/g, \"'\").replace(/\\t/g, '\\\\t')\n}\n\nexport function safeStorage(type, memReplacement) {\n if (isUndef(memReplacement)) memReplacement = true\n\n let ret\n\n switch (type) {\n case 'local':\n ret = window.localStorage\n break\n case 'session':\n ret = window.sessionStorage\n break\n }\n\n try {\n // Safari private browsing\n const x = 'test-localStorage-' + Date.now()\n ret.setItem(x, x)\n const y = ret.getItem(x)\n ret.removeItem(x)\n if (y !== x) throw new Error()\n } catch {\n if (memReplacement) return memStorage\n return\n }\n\n return ret\n}\n\nexport function getFileName(url) {\n let ret = last(url.split('/'))\n\n if (ret === '') {\n url = new Url(url)\n ret = url.hostname\n }\n\n return ret\n}\n\nexport function pxToNum(str) {\n return toNum(str.replace('px', ''))\n}\n\nexport function isErudaEl(el) {\n while (el) {\n if (el.id === 'eruda') return true\n el = el.parentNode\n }\n\n return false\n}\n\nexport function isChobitsuEl(el) {\n while (el) {\n let className = ''\n if (el.getAttribute) {\n className = el.getAttribute('class') || ''\n }\n if (contain(className, '__chobitsu-hide__')) {\n return true\n }\n el = el.parentNode\n }\n\n return false\n}\n\nexport function classPrefix(str) {\n if (/<[^>]*>/g.test(str)) {\n try {\n const tree = html.parse(str)\n traverseTree(tree, (node) => {\n if (node.attrs && node.attrs.class) {\n node.attrs.class = processClass(node.attrs.class)\n }\n })\n return html.stringify(tree)\n } catch {\n return processClass(str)\n }\n }\n\n return processClass(str)\n}\n\nfunction traverseTree(tree, handler) {\n for (let i = 0, len = tree.length; i < len; i++) {\n const node = tree[i]\n handler(node)\n if (node.content) {\n traverseTree(node.content, handler)\n }\n }\n}\n\nfunction processClass(str) {\n const prefix = 'eruda-'\n\n return map(trim(str).split(/\\s+/), (singleClass) => {\n if (contain(singleClass, prefix)) {\n return singleClass\n }\n\n return singleClass.replace(/[\\w-]+/, (match) => `${prefix}${match}`)\n }).join(' ')\n}\n\nexport function eventClient(type, e) {\n const name = type === 'x' ? 'clientX' : 'clientY'\n\n if (e[name]) {\n return e[name]\n }\n if (e.changedTouches) {\n return e.changedTouches[0][name]\n }\n\n return 0\n}\n\nexport function eventPage(type, e) {\n const name = type === 'x' ? 'pageX' : 'pageY'\n\n if (e[name]) {\n return e[name]\n }\n if (e.changedTouches) {\n return e.changedTouches[0][name]\n }\n\n return 0\n}\n"
},
{
"path": "src/polyfill.js",
"content": "import 'core-js/modules/es.map'\nimport 'core-js/stable/promise'\n"
},
{
"path": "src/style/icon.css",
"content": "@font-face {\n font-family: 'eruda-icon';\n src: url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA7UAAsAAAAAGoAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAARAAAAHGLTYxKE9TLzIAAAIYAAAAPwAAAFZWm1KoY21hcAAAAlgAAAFTAAADwhIFxPxnbHlmAAADrAAACEoAAA78hUhXQGhlYWQAAAv4AAAAMQAAADZ26MSyaGhlYQAADCwAAAAdAAAAJAgEBC9obXR4AAAMTAAAAB0AAACwXAv//GxvY2EAAAxsAAAAOwAAAFpp4mZEbWF4cAAADKgAAAAfAAAAIAE9AQ1uYW1lAAAMyAAAASkAAAIWm5e+CnBvc3QAAA30AAAA3wAAAUT1LH8yeJxNkLtOw0AQRe+GmJhXeFlhnRgwsTF2aChSUVAgRJUKUdBGioSQohQRX8YXcnZMAK/GOztzZubuykna1Z0e1Hl6nr2qv5x/rjRUV+0X8v99t/x4nyvenMh1bY/l3IJOQ9V60UJrfbnEVW7qHo0KlpIdaQt2oLH2ta1b6CtVKqiMlLFK7ABmAh1q+lDn8tSlZEJkgJUsz97Om+pYPeue8W90qSOqUuXWraBbRI8L4iOd4AcmxY/QUOpeM73h76Eks/iYfcOHGX/xAv4avT3uUOqG2e3EhnkRilJjY1NYc4egd8e0eOvQ3ukMC1xlp0PMc56oA5no1PiQz1GQ/Fbn1DvU+J93DPkCNbWab0arGKZ4nGNgZJJgnMDAysDA1Mt0hoGBoR9CM75mMGLkAIoysDIzYAUBaa4pDAcYdD+KsIC4MSxMDIxAGoQZALgnCOUAeJy100lOw0AQheHfZGAmAYLIPM+BQ0VhlJgUIkFuw4FYcRLqBPDaXQu2IFHRl8hlt7vjfgZyQEbOJAvJBwmh3tVN0n6GnbSf5U3HRX3C9efMueWJFWsrfX15Z8EdS14sSTs/K0lHFqnTZ5zO1qVDmx4VqjRp0aDMiGF6vs6EGgNmTDVyQ3PnyLPJFttazS77HFDQ3Q454pgSJ5xqijy/q+4vrw+lNfcq1WarAeXRsK+lTmowmE3/cK//qL3wlXz60ZiwL1H4t3PXkYVry4XryaWryJWryrVryo1rya3TE9HuR2W5dyN5cEN5dH15cmGdS1eXZzeRldNj5sUN5NXNZO20C5ZEIb22ERF+M1FIubmQfnPKF+aUNMwpc5hT+jAX3gpzSiTmlE1sL1JKsf1IecUOIiUXK0TKMFaMlGbsMFKusaNICceOI2UdK0WcfgOIClGwAHic7VddbBTXFb7n3vnZn9mZnd3Zmd21Peud9c54jb1e7y+sje2NYyg11OC/8mOww58KVCEkokACCn9CeYioitL2ASmVUNKH5IEkPFhFDRKoVZW2SquEqqr61odUlUqrChX1JzvuvePFpq3y0Lc+4LHOnHvPued+e86559xBgOgf/oBsQTxC2ZofHMAnN7oPIbTRXVoaghCEhtwlhP5Nzw+iHwz8gbu0EULuw40YwZYh96H7cOh/0yOLhEeYGk8DWWgegEnCud98vNdPyaQnUwF2wgky2dwPk3SJt+4t8jaKog6UpXJblLGJa1X22A59RJOIMAwGDzLkcRW3d6Ze/OF+7dIvThzb9dWBEq6Udu6+svXiNj7jbnfmB9y/wfvV868ermByA2Pfqx//7va+YGCoPr/w6327N9RP4okL3xmDr5smvOm+0R1Pz56+xOB5ON4j7yEDFRhKTbD6QWTELo+AY5erpXRRB00BQ9eETNqyK2q5WkxBjREdI70jOP2hoAgNnr8zFdRlQIoON1f4ZcqvyeG3y0jWg1N3eL5BJz6cDnboOpwQW5wCa9KWf14gR1ES9aA8RbYCJEYBrgOLwhoENR2jaO1KZk3k4YuqaRUakRD8JRSJhG4zct3dFklGbrM5KRqVXCUUGYZbZILJ2IAK4dZ1NnospqqfuNvgFmrFkYyRMRSkA9EQjZpRc2qOCNG5B3+cffDAo2RsrsVRivDyMkIccIiiH6OrBAUEJ0/9OQL9kIeqTn3HfKgbuoINXZSpz6nL+yGrGSZ1dbE2TKVlb4nlSeFROD0Y7whFMKedtKZU3JlTj2COnNE3CFzsaPCUEeB0OaEdwxxuut3O1fmFXy7MX3W6n2DhJrXR0vtGekrtSWH1KOb500bUTGrHfKeNDpnZP4YFbvxr/7naY1dzZoksobiXM1+UG1+YTH8XaHbEFC87zMBKdghwZ41fkXuZ9LaPpkfA9NJDidH0EJjuZ8trA6Wl8H+LayWXf0XmUASl0ABF5kV0NcwsxsTKQ3kYiiZoMhBLxjHNhJI+jMt5DP88srj3ajZ7de/ip4+Zo/UD9fqBk4wMJgpdWmYwk6QvratAZnO5a/sWrnX39HRfW9h3LZdrftbSpAR2UZVE16AF9F2iK9DjWvQjchkFqOfaaf2kuCpQSccgZrBSpHq8SoGV1Ax8z3kxB7hZB7wwkitlXZe85rq9B184e/bPitoER5Ld37gneEnpBD90f/u7dPTXjk645H6+epYa5DxSWF21M5ZAz61eKtagWiY9zfvBoGoYakDCvTrOw1bBUJvbVUOEich6tLr+MnkJxRCKaobOfEgrZsUrmZYoiMI5Vhg/2b2zVOGq5bldP985V6lgdIRNMMmRw3MzA8XiwMzck/auoC52tvOQ8Ww8YThDA7ISnFJRN8QsOXSocnnzqjlvowvjp14/NT5+alN+2joJNXLlYH9xVehtuomJqU6q/aWVtuDte4G8iyTUoDsXh6GcB0sGGvZsHjt2piIalSKrBSbENK8CiCsVhCKi4Oh0iQGk+TMMlTJGmUHLGtzECFxXZs5N2N3vvJMy68+lE8l4sDM2snNoiA5Ks1Znz8bC8xsce2LErGjpNMxm6t6yTfXMx18+NxMW586fnxWkxkB2tm9ofVtBG4lIktQobN2z4fn+4Z5Oy6esi5VT/dTG499xk3yEErTSIcg4DE0e0wzWTFwqVmtGzKhlrTwuD+OiiTUZ4/e7ZSdXmn/54pm9xeLe088MHu8LuRPNT/tmRjOZ0Zk9M6OWNToD10N9xwefOc10zlx8eb6Uc+Tu5tam1Zje01KcblhrvvwxuUR7aZJmb8aix50eaBbDDshU0mqJVW1HJHD+xuIiHl+XiIhco/nKPfzs3buj9y5cOPscHl+MR9qV4I17zVcAX7g3evcupsUbiQgtL3M8B+hb6F10Hz1C/0BNFkGojkCF5lyeBsbLvVbXFlicrJZAoa2bFhxa31nwmEyBGAue98RogfKm2KwXUa8fMG1KUlDy7gIlo7gy8oJNKxbbqlZlUzp9UxSt7aH1XpEarV1F2i5rtoeHraWpRT3hbeZZYBw2HG+JQ3EwruaBsr0O5DALVIttRI3TvkdXO6JBfiKbaiQeFPVIRz7R6ZfC2C9WxqQkp8Rj2/WkQtpEs56SAxy9xBA+3a/06m3+gB7mOFGN+kKcyAH4eEkMxORwUhIN1exLdPokmUhie70rETC0VDSnCTLvC0vxXLlN9QsgYGqpENCCBlGjopQI94ajhIicO3pwarK3j5Biccf0woGp7X15jAuFyakF6fd8INTev+VZOeLzx7JWsb8Bok+qxdV4T39cpXO2VdJ9Ulj6SOvm/CHJxymKXw1xAtEJL+aKRpTT8k6iP0v4zbE3e2e2fukQTuGvBNRA3Km2qQFRkhKWnsryBm6Lc0FfpyQFQ2kxQPyJkBBVAnow4hvoDIZ9sp4sd4cB8/6gEAjoZiTrE3ycjxckMWwPpVYspeNmVtA5ORm2owqPISCE2mNRg3mZ04NRfyElECwC7w+3V+14MhxtM6qKu4uUBmZmD+/bvq03T3BxYMf0/oUdk/nCD2wtIUVHNivReIcpk3p5vdCjJiU1mMgVEhE2hzeYgt8nDFKH+sIRRSUiHwpKQcEQpZBdiGs9Wr4rPuAQ4S3ttdwfJiaPQ+rpmXh6Jp6eif86E2S5Se/7hMNIpj0oQ7sQveULIgi0Tadpc6efLytfKPQuarDPlyK9mZI/ufNatapR6q+uI4V1VX/zZ2aPSf9LbdlsNZt9g/TabW325/edhm038O6Yacbc7zP6KFux7Qr9cET/AqBddaEAAHicY2BkYGAA4irvctZ4fpuvDNwsIIEozsf7GmD0/7///7OwsjABJTgYQCQDADqDDA8AAAB4nGNgZGBgYQABFtb/f///ZWFlYGRABToAW+YEPQAAAHicY2BgYGAhCv//T5w6IGaFYob/fxmoDADd6QRhAAAAeJxjYAACEQYNBhsGL4YIhjkMLxj1GD0YtzExMfkxzWO6wvSFWYY5gnkP8z8WHdZt7A7sdcRCAEgDFOMAeJxjYGRgYNBhZGRgZwABJiDmAkIGhv9gPgMADcIBTAB4nGWQPW7CQBSEx2BIAlKCFCkps1UKIpmfkgNAT0GXwpi1MbK91npBossJcoQcIaeIcoIcKGPzaGAtP38zb97uygAG+IWHenm4bWq9WrihOnGb9CDsk5+FO+jjRbhLfyjcwxumwn084p07eP4dnQFK4Rbu8SHcpv8p7JO/hDt4wrdwl/6PcA8r/An38eoN08gUsSncUif7LLRnef6utK1SU6hJMD5bC11oGzq9Ueujqg7J1LlYxdbkas6uzjKjSmt2OnLB1rlyNhrF4geRyZEigkGBuKkOS2gk2CNDCHvVvdQrpi0q+rVWmCDA+Cq1YKpokiGVxobJNY6sFQ48bUrXMa34Ws7kpLnMat4kIyv+77q3oxPRD7BtpkrMMOITX+SD5g75Pz0RXqgAAAB4nG2M2Y6CQBREOQqto7Pv+76PPPhJpLmISUuTSyfK3w8jr3MeTlVSSUWDqGcS/c+MAUNiEgwjxuwwYcoue+xzwCFHHHPCKWecc8ElV1xzwy133PPAI08888Irb7zzwSdffPPDjDSKnRQh0eWiDKOt0/nEZiohzf26mvZ1OyTWSaZj61e1StPE1tetycVJkERUvRrZ1FmVj/tI50NpxRRLF0Tj2mWtUbFe85FK0R2USScJpulObdmFExvi4L0zf0rn8TrTCodQEFCWLCixZKTkeNZUrKhpaNlE0S9fBESeAA==')\n format('woff');\n}\n\n[class^='icon-'],\n[class*=' icon-'] {\n display: inline-block;\n font-family: 'eruda-icon' !important;\n font-size: 16px;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-left:before {\n content: '\\f101';\n}\n.icon-right:before {\n content: '\\f102';\n}\n.icon-caret-down:before {\n content: '\\f103';\n}\n.icon-caret-right:before {\n content: '\\f104';\n}\n.icon-clear:before {\n content: '\\f105';\n}\n.icon-compress:before {\n content: '\\f106';\n}\n.icon-copy:before {\n content: '\\f107';\n}\n.icon-delete:before {\n content: '\\f108';\n}\n.icon-error:before {\n content: '\\f109';\n}\n.icon-expand:before {\n content: '\\f10a';\n}\n.icon-eye:before {\n content: '\\f10b';\n}\n.icon-filter:before {\n content: '\\f10c';\n}\n.icon-play:before {\n content: '\\f10d';\n}\n.icon-record:before {\n content: '\\f10e';\n}\n.icon-refresh:before {\n content: '\\f10f';\n}\n.icon-reset:before {\n content: '\\f110';\n}\n.icon-search:before {\n content: '\\f111';\n}\n.icon-select:before {\n content: '\\f112';\n}\n.icon-tool:before {\n content: '\\f113';\n}\n.icon-warn:before {\n content: '\\f114';\n}\n"
},
{
"path": "src/style/icon.json",
"content": "[\n \"left.svg\",\n \"right.svg\",\n \"caret-down.svg\",\n \"caret-right.svg\",\n \"clear.svg\",\n \"compress.svg\",\n \"copy.svg\",\n \"delete.svg\",\n \"error.svg\",\n \"expand.svg\",\n \"eye.svg\",\n \"filter.svg\",\n \"play.svg\",\n \"record.svg\",\n \"refresh.svg\",\n \"reset.svg\",\n \"search.svg\",\n \"select.svg\",\n \"tool.svg\",\n \"warn.svg\"\n]\n"
},
{
"path": "src/style/luna.scss",
"content": "@use './variable' as *;\n\n.container {\n .luna-console {\n background: var(--background);\n }\n\n @mixin luna-console-highlight {\n .luna-console-key {\n color: var(--var-color);\n }\n .luna-console-number {\n color: var(--number-color);\n }\n .luna-console-null {\n color: var(--operator-color);\n }\n .luna-console-string {\n color: var(--string-color);\n }\n .luna-console-boolean {\n color: var(--keyword-color);\n }\n .luna-console-special {\n color: var(--operator-color);\n }\n .luna-console-keyword {\n color: var(--keyword-color);\n }\n .luna-console-operator {\n color: var(--operator-color);\n }\n .luna-console-comment {\n color: var(--comment-color);\n }\n }\n\n .luna-console-header {\n color: var(--link-color);\n border-bottom-color: var(--border);\n }\n\n .luna-console-nesting-level {\n border-right-color: var(--border);\n &::before {\n border-bottom-color: var(--border);\n }\n }\n\n .luna-console-log-container {\n &.luna-console-selected {\n .luna-console-log-item {\n background: var(--contrast);\n &:not(.luna-console-error):not(.luna-console-warn) {\n border-color: var(--border);\n }\n }\n }\n }\n\n .luna-console-log-item {\n border-bottom-color: var(--border);\n color: var(--foreground);\n a {\n color: var(--link-color) !important;\n }\n .luna-console-icon-container {\n .luna-console-icon {\n color: var(--foreground);\n }\n .luna-console-icon-error {\n color: #ef3842;\n }\n .luna-console-icon-warn {\n color: #e8a400;\n }\n }\n .luna-console-count {\n color: var(--select-foreground);\n background: var(--highlight);\n }\n &.luna-console-warn {\n color: var(--console-warn-foreground);\n background: var(--console-warn-background);\n border-color: var(--console-warn-border);\n }\n &.luna-console-error {\n background: var(--console-error-background);\n color: var(--console-error-foreground);\n border-color: var(--console-error-border);\n .luna-console-count {\n background: var(--console-error-foreground);\n }\n }\n .luna-console-code {\n @include luna-console-highlight();\n }\n .luna-console-log-content {\n .luna-console-undefined,\n .luna-console-null {\n color: var(--operator-color);\n }\n .luna-console-number {\n color: var(--number-color);\n }\n .luna-console-boolean {\n color: var(--keyword-color);\n }\n .luna-console-symbol,\n .luna-console-regexp {\n color: var(--var-color);\n }\n }\n }\n\n .luna-console-preview {\n @include luna-console-highlight();\n }\n\n .luna-object-viewer {\n color: var(--primary);\n font-size: 12px !important;\n }\n .luna-object-viewer-null {\n color: var(--operator-color);\n }\n .luna-object-viewer-string,\n .luna-object-viewer-regexp {\n color: var(--string-color);\n }\n .luna-object-viewer-number {\n color: var(--number-color);\n }\n .luna-object-viewer-boolean {\n color: var(--keyword-color);\n }\n .luna-object-viewer-special {\n color: var(--operator-color);\n }\n .luna-object-viewer-key,\n .luna-object-viewer-key-lighter {\n color: var(--var-color);\n }\n .luna-object-viewer-expanded:before {\n border-color: transparent;\n border-top-color: var(--foreground);\n }\n .luna-object-viewer-collapsed:before {\n border-top-color: transparent;\n border-left-color: var(--foreground);\n }\n\n .luna-notification {\n pointer-events: none !important;\n padding: $padding;\n z-index: 1000;\n }\n\n .luna-notification-item {\n z-index: 500;\n color: var(--foreground);\n background: var(--background);\n box-shadow: none;\n padding: 5px 10px;\n border: 1px solid var(--border);\n }\n\n .luna-notification-upper {\n margin-bottom: 10px;\n }\n\n .luna-notification-lower {\n margin-top: 10px;\n }\n\n .luna-data-grid {\n color: var(--foreground);\n background: var(--background);\n border-color: var(--border);\n th,\n td {\n border-color: var(--border);\n }\n th {\n background: var(--darker-background);\n &.luna-data-grid-sortable {\n &:hover,\n &:active {\n color: var(--select-foreground);\n background: var(--highlight);\n }\n }\n }\n .luna-data-grid-data-container {\n .luna-data-grid-node.luna-data-grid-selected,\n .luna-data-grid-node.luna-data-grid-selectable:hover {\n background: var(--highlight);\n }\n tr:nth-child(even) {\n background: var(--contrast);\n }\n }\n &:focus {\n .luna-data-grid-data-container {\n .luna-data-grid-node.luna-data-grid-selected {\n background: var(--accent);\n }\n }\n }\n }\n\n .luna-dom-viewer {\n color: var(--foreground);\n .luna-dom-viewer-html-tag,\n .luna-dom-viewer-tag-name {\n color: var(--tag-name-color);\n }\n .luna-dom-viewer-attribute-name {\n color: var(--attribute-name-color);\n }\n .luna-dom-viewer-attribute-value {\n color: var(--string-color);\n }\n .luna-dom-viewer-html-comment {\n color: var(--comment-color);\n }\n .luna-dom-viewer-tree-item {\n &:hover {\n .luna-dom-viewer-selection {\n background: var(--contrast);\n }\n }\n &.luna-dom-viewer-selected {\n .luna-dom-viewer-selection {\n background: var(--highlight);\n }\n }\n &.luna-dom-viewer-selected:focus {\n .luna-dom-viewer-selection {\n background: var(--accent);\n opacity: 0.2;\n }\n }\n }\n .luna-dom-viewer-text-node {\n .luna-dom-viewer-key {\n color: var(--var-color);\n }\n .luna-dom-viewer-number {\n color: var(--number-color);\n }\n .luna-dom-viewer-null {\n color: var(--operator-color);\n }\n .luna-dom-viewer-string {\n color: var(--string-color);\n }\n .luna-dom-viewer-boolean {\n color: var(--keyword-color);\n }\n .luna-dom-viewer-special {\n color: var(--operator-color);\n }\n .luna-dom-viewer-keyword {\n color: var(--keyword-color);\n }\n .luna-dom-viewer-operator {\n color: var(--operator-color);\n }\n .luna-dom-viewer-comment {\n color: var(--comment-color);\n }\n }\n }\n\n .luna-dom-viewer-children {\n margin: 0;\n padding-left: 15px !important;\n }\n\n .inline {\n .luna-modal,\n .luna-notification {\n position: absolute;\n }\n }\n\n .luna-modal {\n z-index: 9999999;\n }\n\n .luna-modal-body,\n .luna-modal-input {\n color: var(--foreground);\n background: var(--background);\n }\n\n .luna-modal-body {\n border-color: var(--border);\n }\n\n .luna-modal-input {\n user-select: text !important;\n border-color: var(--border);\n }\n\n .luna-modal-button-group {\n .luna-modal-secondary {\n border-color: var(--border);\n color: var(--foreground);\n background: var(--background);\n }\n .luna-modal-primary {\n background: var(--accent);\n }\n .luna-modal-button {\n &:active {\n &::before {\n background: var(--accent);\n }\n }\n }\n }\n\n .luna-tab {\n position: absolute;\n left: 0;\n top: 0;\n color: var(--foreground);\n background: var(--darker-background);\n }\n\n .luna-tab-tabs-container {\n border-color: var(--border);\n }\n\n .luna-tab-item {\n &.luna-tab-selected,\n &:hover {\n background: var(--highlight);\n color: var(--select-foreground);\n }\n }\n\n .luna-tab-slider {\n background: var(--accent);\n }\n\n .luna-text-viewer {\n color: var(--foreground);\n border: none;\n border-bottom: 1px solid var(--border);\n background: var(--background);\n font-size: $font-size-s;\n .luna-text-viewer-line-text {\n user-select: text;\n * {\n user-select: text;\n }\n }\n .luna-text-viewer-copy,\n .luna-text-viewer-line-number {\n border-color: var(--border);\n }\n .luna-text-viewer-copy .luna-text-viewer-icon-check {\n color: var(--accent);\n }\n .luna-text-viewer-copy {\n background-color: var(--background);\n }\n }\n\n .luna-setting {\n color: var(--foreground);\n background: var(--background);\n }\n\n .luna-setting-item {\n &:hover,\n &.luna-setting-selected {\n background: var(--darker-background);\n }\n &.luna-setting-selected:focus {\n outline: none;\n }\n }\n\n .luna-setting-item-title {\n font-size: $font-size;\n }\n\n .luna-setting-item-separator {\n border-color: var(--border);\n }\n\n .luna-setting-item-checkbox {\n input {\n border-color: var(--border);\n &:checked {\n background-color: var(--accent);\n border-color: var(--accent);\n }\n }\n }\n\n .luna-setting-item-select {\n .luna-setting-select {\n select {\n color: var(--foreground);\n border-color: var(--border);\n background: var(--background);\n }\n &:after {\n border-top-color: var(--foreground);\n }\n }\n }\n\n .luna-setting-item-button {\n button {\n color: var(--accent);\n background: var(--background);\n border-color: var(--border);\n &:hover,\n &:active {\n background: var(--darker-background);\n }\n &:active {\n border: 1px solid var(--accent);\n }\n }\n }\n\n .luna-setting-item-number {\n .luna-setting-range-container {\n .luna-setting-range-track {\n .luna-setting-range-track-bar {\n background: var(--border);\n .luna-setting-range-track-progress {\n background: var(--accent);\n }\n }\n }\n input::-webkit-slider-thumb {\n border-color: var(--border);\n background: radial-gradient(\n circle at center,\n var(--dark) 0,\n var(--dark) 15%,\n var(--light) 22%,\n var(--light) 100%\n );\n }\n }\n }\n\n .luna-box-model {\n background: var(--background);\n }\n\n .luna-box-model-position,\n .luna-box-model-margin,\n .luna-box-model-border,\n .luna-box-model-padding,\n .luna-box-model-content {\n color: var(--foreground);\n background: var(--background);\n }\n}\n"
},
{
"path": "src/style/mixin.scss",
"content": "@use './variable' as *;\n\n@mixin absolute($width: 100%, $height: 100%) {\n position: absolute;\n width: $width;\n height: $height;\n left: 0;\n top: 0;\n}\n\n@mixin overflow-auto($direction: 'both') {\n @if $direction == 'both' {\n overflow: auto;\n } @else {\n overflow-#{$direction}: auto;\n }\n -webkit-overflow-scrolling: touch;\n}\n\n@mixin safe-area($prop, $value, $pos: 'bottom') {\n #{$prop}: calc(#{$value} + env(safe-area-inset-#{$pos}));\n}\n\n@mixin breadcrumb {\n background: var(--darker-background);\n color: var(--primary);\n user-select: text;\n margin-bottom: 10px;\n word-break: break-all;\n padding: $padding;\n font-size: $font-size-l;\n min-height: 40px;\n border-bottom: 1px solid var(--border);\n}\n\n@mixin control {\n @include absolute(100%, 40px);\n cursor: default;\n font-size: 0;\n background: var(--darker-background);\n color: var(--primary);\n line-height: 20px;\n border-bottom: 1px solid var(--border);\n [class^='eruda-icon-'],\n [class*=' icon-'] {\n display: inline-block;\n padding: 10px;\n font-size: $font-size-l;\n position: absolute;\n top: 0;\n cursor: pointer;\n transition: color $anim-duration;\n &:active,\n &.active {\n color: var(--accent);\n }\n }\n}\n\n@mixin clear-float {\n &:after {\n content: '';\n display: block;\n clear: both;\n }\n}\n\n@mixin right-btn {\n .btn {\n margin-left: 5px;\n float: right;\n color: var(--primary);\n width: 18px;\n height: 18px;\n font-size: $font-size-l;\n font-weight: normal;\n cursor: pointer;\n transition: color $anim-duration;\n &.filter-text {\n width: auto;\n max-width: 80px;\n font-size: $font-size;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n }\n &:active {\n color: var(--accent);\n }\n &.btn-disabled {\n color: inherit !important;\n cursor: default !important;\n pointer-events: none;\n opacity: 0.5;\n * {\n pointer-events: none;\n }\n }\n }\n}\n"
},
{
"path": "src/style/reset.scss",
"content": ".container {\n span,\n applet,\n object,\n iframe,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n blockquote,\n pre,\n a,\n abbr,\n acronym,\n address,\n big,\n cite,\n code,\n del,\n dfn,\n em,\n img,\n ins,\n kbd,\n q,\n s,\n samp,\n small,\n strike,\n strong,\n sub,\n sup,\n tt,\n var,\n b,\n u,\n i,\n center,\n dl,\n dt,\n dd,\n ol,\n ul,\n li,\n fieldset,\n form,\n label,\n legend,\n table,\n caption,\n tbody,\n tfoot,\n thead,\n tr,\n th,\n td,\n article,\n aside,\n canvas,\n details,\n embed,\n figure,\n figcaption,\n footer,\n header,\n hgroup,\n menu,\n nav,\n output,\n ruby,\n section,\n summary,\n time,\n mark,\n audio,\n video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n }\n article,\n aside,\n details,\n figcaption,\n figure,\n footer,\n header,\n hgroup,\n menu,\n nav,\n section {\n display: block;\n }\n body {\n line-height: 1;\n }\n ol,\n ul {\n list-style: none;\n }\n blockquote,\n q {\n quotes: none;\n }\n blockquote:before,\n blockquote:after,\n q:before,\n q:after {\n content: '';\n content: none;\n }\n table {\n border-collapse: collapse;\n border-spacing: 0;\n color: inherit;\n font-size: 1em;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n text-decoration: inherit;\n white-space: inherit;\n }\n}\n"
},
{
"path": "src/style/style.scss",
"content": "@use 'variable' as *;\n@use 'mixin' as *;\n@use 'luna' as *;\n\n.container {\n min-width: 320px;\n pointer-events: none;\n position: fixed;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 9999999;\n color: var(--foreground);\n font-family: $font-family;\n font-size: $font-size;\n direction: ltr;\n &.dark {\n color-scheme: dark;\n }\n * {\n box-sizing: border-box;\n pointer-events: all;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n -webkit-text-size-adjust: none;\n }\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n h1,\n h2,\n h3,\n h4 {\n margin: 0;\n }\n h2 {\n font-size: $font-size;\n [class^='icon-'],\n [class*=' icon-'] {\n font-weight: normal;\n }\n }\n &.inline {\n position: static;\n }\n}\n\n.hidden {\n display: none;\n}\n\n.icon-disabled {\n opacity: 0.5;\n pointer-events: none;\n cursor: default !important;\n &:active {\n color: inherit !important;\n }\n}\n\n.tag-name-color {\n color: var(--tag-name-color);\n}\n\n.function-color {\n color: var(--function-color);\n}\n\n.attribute-name-color {\n color: var(--attribute-name-color);\n}\n\n.operator-color {\n color: var(--operator-color);\n}\n\n.string-color {\n color: var(--string-color);\n}\n"
},
{
"path": "src/style/variable.scss",
"content": "$padding: 10px;\n\n$font-size: 14px;\n$font-size-s: 12px;\n$font-size-l: 16px;\n\n$font-family: -apple-system, system-ui, BlinkMacSystemFont,\n '.SFNSDisplay-Regular', 'Helvetica Neue', 'Lucida Grande', 'Segoe UI', Tahoma,\n sans-serif;\n\n$anim-duration: 0.3s;\n"
},
{
"path": "test/boot.js",
"content": "function boot(name, cb) {\n // Need a little delay to make sure width and height of webpack dev server iframe are initialized.\n setTimeout(function () {\n let options = {\n useShadowDom: false,\n defaults: {\n displaySize: 50,\n transparency: 0.9,\n theme: 'Monokai Pro',\n },\n }\n if (name) {\n options.tool = name === 'settings' ? [] : name\n }\n\n try {\n eruda.init(options)\n } catch (e) {\n alert(e)\n }\n eruda.show()\n\n cb && cb()\n\n if (name == null) return\n\n loadJs('lib/boot', function () {\n loadJs('lib/jasmine-jquery', function () {\n // This is needed to trigger jasmine initialization.\n loadJs(name, function () {\n window.onload()\n })\n })\n })\n }, 500)\n}\n\nfunction loadJs(src, cb) {\n let script = document.createElement('script')\n script.src = src + '.js'\n script.onload = cb\n document.body.appendChild(script)\n}\n"
},
{
"path": "test/console.html",
"content": "\n\n \n Console \n office \",\n \"number\": 123456\n },\n {\n \"location\": \"A very very long long address!!!!!!!!!!!!\",\n \"number\": 654321\n },\n null\n ]\n }\n }\n]"
},
{
"path": "test/elements.html",
"content": "\n\n \n Elements \n Features \n Eruda Test Page \n \n \n \n \n \n\n"
},
{
"path": "test/info.html",
"content": "\n\n \n Info \n Inline \n Manual \n \n \n \n \n \n \n\n"
},
{
"path": "test/network.html",
"content": "\n\n \n Network \n Resources \n Settings \n Snippets \n Sources \n {}\n * interface List extends Collection {\n * [index: number]: T;\n * length: number;\n * }\n * interface ListIterator {\n * (value: T, index: number, list: List): TResult;\n * }\n * interface Dictionary extends Collection {\n * [index: string]: T;\n * }\n * interface ObjectIterator {\n * (element: T, key: string, list: Dictionary): TResult;\n * }\n * interface MemoIterator {\n * (prev: TResult, curr: T, index: number, list: List): TResult;\n * }\n * interface MemoObjectIterator {\n * (prev: TResult, curr: T, key: string, list: Dictionary): TResult;\n * }\n * type Fn = (...args: any[]) => T;\n * type AnyFn = Fn;\n * type PlainObj = { [name: string]: T };\n * }\n * export declare const types: {};\n */\n exports = {};\n\n return exports;\n })({});\n\n /* ------------------------------ noop ------------------------------ */\n\n var noop = _.noop = (function (exports) {\n /* A no-operation function.\n */\n\n /* example\n * noop(); // Does nothing\n */\n\n /* typescript\n * export declare function noop(): void;\n */\n exports = function() {};\n\n return exports;\n })({});\n\n /* ------------------------------ isObj ------------------------------ */\n\n var isObj = _.isObj = (function (exports) {\n /* Check if value is the language type of Object.\n *\n * |Name |Desc |\n * |------|--------------------------|\n * |val |Value to check |\n * |return|True if value is an object|\n *\n * [Language Spec](http://www.ecma-international.org/ecma-262/6.0/#sec-ecmascript-language-types)\n */\n\n /* example\n * isObj({}); // -> true\n * isObj([]); // -> true\n */\n\n /* typescript\n * export declare function isObj(val: any): boolean;\n */\n exports = function(val) {\n var type = typeof val;\n return !!val && (type === 'function' || type === 'object');\n };\n\n return exports;\n })({});\n\n /* ------------------------------ has ------------------------------ */\n\n var has = _.has = (function (exports) {\n /* Checks if key is a direct property.\n *\n * |Name |Desc |\n * |------|--------------------------------|\n * |obj |Object to query |\n * |key |Path to check |\n * |return|True if key is a direct property|\n */\n\n /* example\n * has({ one: 1 }, 'one'); // -> true\n */\n\n /* typescript\n * export declare function has(obj: {}, key: string): boolean;\n */\n var hasOwnProp = Object.prototype.hasOwnProperty;\n\n exports = function(obj, key) {\n return hasOwnProp.call(obj, key);\n };\n\n return exports;\n })({});\n\n /* ------------------------------ keys ------------------------------ */\n\n var keys = _.keys = (function (exports) {\n /* Create an array of the own enumerable property names of object.\n *\n * |Name |Desc |\n * |------|-----------------------|\n * |obj |Object to query |\n * |return|Array of property names|\n */\n\n /* example\n * keys({ a: 1 }); // -> ['a']\n */\n\n /* typescript\n * export declare function keys(obj: any): string[];\n */\n\n /* dependencies\n * has \n */\n\n if (Object.keys && !false) {\n exports = Object.keys;\n } else {\n exports = function(obj) {\n var ret = [];\n\n for (var key in obj) {\n if (has(obj, key)) ret.push(key);\n }\n\n return ret;\n };\n }\n\n return exports;\n })({});\n\n /* ------------------------------ chunk ------------------------------ */\n\n var chunk = _.chunk = (function (exports) {\n /* Split array into groups the length of given size.\n *\n * |Name |Desc |\n * |------|--------------------|\n * |arr |Array to process |\n * |size=1|Length of each chunk|\n * |return|Chunks of given size|\n */\n\n /* example\n * chunk([1, 2, 3, 4], 2); // -> [[1, 2], [3, 4]]\n * chunk([1, 2, 3, 4], 3); // -> [[1, 2, 3], [4]]\n * chunk([1, 2, 3, 4]); // -> [[1], [2], [3], [4]]\n */\n\n /* typescript\n * export declare function chunk(arr: any[], size?: number): Array;\n */\n exports = function(arr, size) {\n var ret = [];\n size = size || 1;\n\n for (var i = 0, len = Math.ceil(arr.length / size); i < len; i++) {\n var start = i * size;\n var end = start + size;\n ret.push(arr.slice(start, end));\n }\n\n return ret;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ idxOf ------------------------------ */\n\n var idxOf = _.idxOf = (function (exports) {\n /* Get the index at which the first occurrence of value.\n *\n * |Name |Desc |\n * |---------|--------------------|\n * |arr |Array to search |\n * |val |Value to search for |\n * |fromIdx=0|Index to search from|\n * |return |Value index |\n */\n\n /* example\n * idxOf([1, 2, 1, 2], 2, 2); // -> 3\n */\n\n /* typescript\n * export declare function idxOf(arr: any[], val: any, fromIdx?: number): number;\n */\n exports = function(arr, val, fromIdx) {\n return Array.prototype.indexOf.call(arr, val, fromIdx);\n };\n\n return exports;\n })({});\n\n /* ------------------------------ isUndef ------------------------------ */\n\n var isUndef = _.isUndef = (function (exports) {\n /* Check if value is undefined.\n *\n * |Name |Desc |\n * |------|--------------------------|\n * |val |Value to check |\n * |return|True if value is undefined|\n */\n\n /* example\n * isUndef(void 0); // -> true\n * isUndef(null); // -> false\n */\n\n /* typescript\n * export declare function isUndef(val: any): boolean;\n */\n exports = function(val) {\n return val === void 0;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ create ------------------------------ */\n\n var create = _.create = (function (exports) {\n /* Create new object using given object as prototype.\n *\n * |Name |Desc |\n * |------|-----------------------|\n * |proto |Prototype of new object|\n * |return|Created object |\n */\n\n /* example\n * const obj = create({ a: 1 });\n * console.log(obj.a); // -> 1\n */\n\n /* typescript\n * export declare function create(proto?: object): any;\n */\n\n /* dependencies\n * isObj \n */\n\n exports = function(proto) {\n if (!isObj(proto)) return {};\n if (objCreate && !false) return objCreate(proto);\n\n function noop() {}\n\n noop.prototype = proto;\n return new noop();\n };\n\n var objCreate = Object.create;\n\n return exports;\n })({});\n\n /* ------------------------------ inherits ------------------------------ */\n\n var inherits = _.inherits = (function (exports) {\n /* Inherit the prototype methods from one constructor into another.\n *\n * |Name |Desc |\n * |----------|-----------|\n * |Class |Child Class|\n * |SuperClass|Super Class|\n */\n\n /* example\n * function People(name) {\n * this._name = name;\n * }\n * People.prototype = {\n * getName: function() {\n * return this._name;\n * }\n * };\n * function Student(name) {\n * this._name = name;\n * }\n * inherits(Student, People);\n * const s = new Student('RedHood');\n * s.getName(); // -> 'RedHood'\n */\n\n /* typescript\n * export declare function inherits(\n * Class: types.AnyFn,\n * SuperClass: types.AnyFn\n * ): void;\n */\n\n /* dependencies\n * create types \n */\n\n exports = function(Class, SuperClass) {\n Class.prototype = create(SuperClass.prototype);\n };\n\n return exports;\n })({});\n\n /* ------------------------------ restArgs ------------------------------ */\n\n var restArgs = _.restArgs = (function (exports) {\n /* This accumulates the arguments passed into an array, after a given index.\n *\n * |Name |Desc |\n * |----------|---------------------------------------|\n * |function |Function that needs rest parameters |\n * |startIndex|The start index to accumulates |\n * |return |Generated function with rest parameters|\n */\n\n /* example\n * const paramArr = restArgs(function(rest) {\n * return rest;\n * });\n * paramArr(1, 2, 3, 4); // -> [1, 2, 3, 4]\n */\n\n /* typescript\n * export declare function restArgs(\n * fn: types.AnyFn,\n * startIndex?: number\n * ): types.AnyFn;\n */\n\n /* dependencies\n * types \n */\n\n exports = function(fn, startIdx) {\n startIdx = startIdx == null ? fn.length - 1 : +startIdx;\n return function() {\n var len = Math.max(arguments.length - startIdx, 0);\n var rest = new Array(len);\n var i;\n\n for (i = 0; i < len; i++) {\n rest[i] = arguments[i + startIdx];\n } // Call runs faster than apply.\n\n switch (startIdx) {\n case 0:\n return fn.call(this, rest);\n\n case 1:\n return fn.call(this, arguments[0], rest);\n\n case 2:\n return fn.call(this, arguments[0], arguments[1], rest);\n }\n\n var args = new Array(startIdx + 1);\n\n for (i = 0; i < startIdx; i++) {\n args[i] = arguments[i];\n }\n\n args[startIdx] = rest;\n return fn.apply(this, args);\n };\n };\n\n return exports;\n })({});\n\n /* ------------------------------ optimizeCb ------------------------------ */\n\n var optimizeCb = _.optimizeCb = (function (exports) {\n /* Used for function context binding.\n */\n\n /* typescript\n * export declare function optimizeCb(\n * fn: types.AnyFn,\n * ctx: any,\n * argCount?: number\n * ): types.AnyFn;\n */\n\n /* dependencies\n * isUndef types \n */\n\n exports = function(fn, ctx, argCount) {\n if (isUndef(ctx)) return fn;\n\n switch (argCount == null ? 3 : argCount) {\n case 1:\n return function(val) {\n return fn.call(ctx, val);\n };\n\n case 3:\n return function(val, idx, collection) {\n return fn.call(ctx, val, idx, collection);\n };\n\n case 4:\n return function(accumulator, val, idx, collection) {\n return fn.call(ctx, accumulator, val, idx, collection);\n };\n }\n\n return function() {\n return fn.apply(ctx, arguments);\n };\n };\n\n return exports;\n })({});\n\n /* ------------------------------ endWith ------------------------------ */\n\n var endWith = _.endWith = (function (exports) {\n /* Check if string ends with the given target string.\n *\n * |Name |Desc |\n * |------|-------------------------------|\n * |str |The string to search |\n * |suffix|String suffix |\n * |return|True if string ends with target|\n */\n\n /* example\n * endWith('ab', 'b'); // -> true\n */\n\n /* typescript\n * export declare function endWith(str: string, suffix: string): boolean;\n */\n exports = function(str, suffix) {\n var idx = str.length - suffix.length;\n return idx >= 0 && str.indexOf(suffix, idx) === idx;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ toStr ------------------------------ */\n\n var toStr = _.toStr = (function (exports) {\n /* Convert value to a string.\n *\n * |Name |Desc |\n * |------|----------------|\n * |val |Value to convert|\n * |return|Result string |\n */\n\n /* example\n * toStr(null); // -> ''\n * toStr(1); // -> '1'\n * toStr(false); // -> 'false'\n * toStr([1, 2, 3]); // -> '1,2,3'\n */\n\n /* typescript\n * export declare function toStr(val: any): string;\n */\n exports = function(val) {\n return val == null ? '' : val.toString();\n };\n\n return exports;\n })({});\n\n /* ------------------------------ escapeJsStr ------------------------------ */\n\n var escapeJsStr = _.escapeJsStr = (function (exports) {\n /* Escape string to be a valid JavaScript string literal between quotes.\n *\n * http://www.ecma-international.org/ecma-262/5.1/#sec-7.8.4\n *\n * |Name |Desc |\n * |------|----------------|\n * |str |String to escape|\n * |return|Escaped string |\n */\n\n /* example\n * escapeJsStr('\"\\n'); // -> '\\\\\"\\\\\\\\n'\n */\n\n /* typescript\n * export declare function escapeJsStr(str: string): string;\n */\n\n /* dependencies\n * toStr \n */\n\n exports = function(str) {\n return toStr(str).replace(regEscapeChars, function(char) {\n switch (char) {\n case '\"':\n case \"'\":\n case '\\\\':\n return '\\\\' + char;\n\n case '\\n':\n return '\\\\n';\n\n case '\\r':\n return '\\\\r';\n // Line separator\n\n case '\\u2028':\n return '\\\\u2028';\n // Paragraph separator\n\n case '\\u2029':\n return '\\\\u2029';\n }\n });\n };\n\n var regEscapeChars = /[\"'\\\\\\n\\r\\u2028\\u2029]/g;\n\n return exports;\n })({});\n\n /* ------------------------------ evalCss ------------------------------ */\n _.evalCss = (function (exports) {\n /* Load css into page.\n *\n * |Name |Desc |\n * |------|-------------|\n * |css |Css code |\n * |return|Style element|\n */\n\n /* example\n * evalCss('body{background:#08c}');\n */\n\n /* typescript\n * export declare function evalCss(css: string): HTMLStyleElement;\n */\n exports = function(css) {\n var style = document.createElement('style');\n style.textContent = css;\n style.type = 'text/css';\n document.head.appendChild(style);\n return style;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ identity ------------------------------ */\n\n var identity = _.identity = (function (exports) {\n /* Return the first argument given.\n *\n * |Name |Desc |\n * |------|-----------|\n * |val |Any value |\n * |return|Given value|\n */\n\n /* example\n * identity('a'); // -> 'a'\n */\n\n /* typescript\n * export declare function identity(val: T): T;\n */\n exports = function(val) {\n return val;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ objToStr ------------------------------ */\n\n var objToStr = _.objToStr = (function (exports) {\n /* Alias of Object.prototype.toString.\n *\n * |Name |Desc |\n * |------|------------------------------------|\n * |val |Source value |\n * |return|String representation of given value|\n */\n\n /* example\n * objToStr(5); // -> '[object Number]'\n */\n\n /* typescript\n * export declare function objToStr(val: any): string;\n */\n var ObjToStr = Object.prototype.toString;\n\n exports = function(val) {\n return ObjToStr.call(val);\n };\n\n return exports;\n })({});\n\n /* ------------------------------ isArgs ------------------------------ */\n\n var isArgs = _.isArgs = (function (exports) {\n /* Check if value is classified as an arguments object.\n *\n * |Name |Desc |\n * |------|------------------------------------|\n * |val |Value to check |\n * |return|True if value is an arguments object|\n */\n\n /* example\n * isArgs(\n * (function() {\n * return arguments;\n * })()\n * ); // -> true\n */\n\n /* typescript\n * export declare function isArgs(val: any): boolean;\n */\n\n /* dependencies\n * objToStr \n */\n\n exports = function(val) {\n return objToStr(val) === '[object Arguments]';\n };\n\n return exports;\n })({});\n\n /* ------------------------------ isArr ------------------------------ */\n\n var isArr = _.isArr = (function (exports) {\n /* Check if value is an `Array` object.\n *\n * |Name |Desc |\n * |------|----------------------------------|\n * |val |Value to check |\n * |return|True if value is an `Array` object|\n */\n\n /* example\n * isArr([]); // -> true\n * isArr({}); // -> false\n */\n\n /* typescript\n * export declare function isArr(val: any): boolean;\n */\n\n /* dependencies\n * objToStr \n */\n\n if (Array.isArray && !false) {\n exports = Array.isArray;\n } else {\n exports = function(val) {\n return objToStr(val) === '[object Array]';\n };\n }\n\n return exports;\n })({});\n\n /* ------------------------------ castPath ------------------------------ */\n\n var castPath = _.castPath = (function (exports) {\n /* Cast value into a property path array.\n *\n * |Name |Desc |\n * |------|-------------------|\n * |path |Value to inspect |\n * |obj |Object to query |\n * |return|Property path array|\n */\n\n /* example\n * castPath('a.b.c'); // -> ['a', 'b', 'c']\n * castPath(['a']); // -> ['a']\n * castPath('a[0].b'); // -> ['a', '0', 'b']\n * castPath('a.b.c', { 'a.b.c': true }); // -> ['a.b.c']\n */\n\n /* typescript\n * export declare function castPath(path: string | string[], obj?: any): string[];\n */\n\n /* dependencies\n * has isArr \n */\n\n exports = function(str, obj) {\n if (isArr(str)) return str;\n if (obj && has(obj, str)) return [str];\n var ret = [];\n str.replace(regPropName, function(match, number, quote, str) {\n ret.push(quote ? str.replace(regEscapeChar, '$1') : number || match);\n });\n return ret;\n }; // Lodash _stringToPath\n\n var regPropName = /[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g;\n var regEscapeChar = /\\\\(\\\\)?/g;\n\n return exports;\n })({});\n\n /* ------------------------------ safeGet ------------------------------ */\n\n var safeGet = _.safeGet = (function (exports) {\n /* Get object property, don't throw undefined error.\n *\n * |Name |Desc |\n * |------|-------------------------|\n * |obj |Object to query |\n * |path |Path of property to get |\n * |return|Target value or undefined|\n */\n\n /* example\n * const obj = { a: { aa: { aaa: 1 } } };\n * safeGet(obj, 'a.aa.aaa'); // -> 1\n * safeGet(obj, ['a', 'aa']); // -> {aaa: 1}\n * safeGet(obj, 'a.b'); // -> undefined\n */\n\n /* typescript\n * export declare function safeGet(obj: any, path: string | string[]): any;\n */\n\n /* dependencies\n * isUndef castPath \n */\n\n exports = function(obj, path) {\n path = castPath(path, obj);\n var prop;\n prop = path.shift();\n\n while (!isUndef(prop)) {\n obj = obj[prop];\n if (obj == null) return;\n prop = path.shift();\n }\n\n return obj;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ flatten ------------------------------ */\n\n var flatten = _.flatten = (function (exports) {\n /* Recursively flatten an array.\n *\n * |Name |Desc |\n * |------|-------------------|\n * |arr |Array to flatten |\n * |return|New flattened array|\n */\n\n /* example\n * flatten(['a', ['b', ['c']], 'd', ['e']]); // -> ['a', 'b', 'c', 'd', 'e']\n */\n\n /* typescript\n * export declare function flatten(arr: any[]): any[];\n */\n\n /* dependencies\n * isArr \n */\n\n exports = function(arr) {\n return flat(arr, []);\n };\n\n function flat(arr, res) {\n var len = arr.length,\n i = -1,\n cur;\n\n while (len--) {\n cur = arr[++i];\n isArr(cur) ? flat(cur, res) : res.push(cur);\n }\n\n return res;\n }\n\n return exports;\n })({});\n\n /* ------------------------------ isFn ------------------------------ */\n\n var isFn = _.isFn = (function (exports) {\n /* Check if value is a function.\n *\n * |Name |Desc |\n * |------|---------------------------|\n * |val |Value to check |\n * |return|True if value is a function|\n *\n * Generator function is also classified as true.\n */\n\n /* example\n * isFn(function() {}); // -> true\n * isFn(function*() {}); // -> true\n * isFn(async function() {}); // -> true\n */\n\n /* typescript\n * export declare function isFn(val: any): boolean;\n */\n\n /* dependencies\n * objToStr \n */\n\n exports = function(val) {\n var objStr = objToStr(val);\n return (\n objStr === '[object Function]' ||\n objStr === '[object GeneratorFunction]' ||\n objStr === '[object AsyncFunction]'\n );\n };\n\n return exports;\n })({});\n\n /* ------------------------------ getProto ------------------------------ */\n\n var getProto = _.getProto = (function (exports) {\n /* Get prototype of an object.\n *\n * |Name |Desc |\n * |------|---------------------------------------------|\n * |obj |Target object |\n * |return|Prototype of given object, null if not exists|\n */\n\n /* example\n * const a = {};\n * getProto(Object.create(a)); // -> a\n */\n\n /* typescript\n * export declare function getProto(obj: any): any;\n */\n\n /* dependencies\n * isObj isFn \n */\n\n var getPrototypeOf = Object.getPrototypeOf;\n var ObjectCtr = {}.constructor;\n\n exports = function(obj) {\n if (!isObj(obj)) return;\n if (getPrototypeOf && !false) return getPrototypeOf(obj);\n var proto = obj.__proto__;\n if (proto || proto === null) return proto;\n if (isFn(obj.constructor)) return obj.constructor.prototype;\n if (obj instanceof ObjectCtr) return ObjectCtr.prototype;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ isMiniProgram ------------------------------ */\n\n var isMiniProgram = _.isMiniProgram = (function (exports) {\n /* Check if running in wechat mini program.\n */\n\n /* example\n * console.log(isMiniProgram); // -> true if running in mini program.\n */\n\n /* typescript\n * export declare const isMiniProgram: boolean;\n */\n\n /* dependencies\n * isFn \n */\n /* eslint-disable no-undef */\n\n exports = typeof wx !== 'undefined' && isFn(wx.openLocation);\n\n return exports;\n })({});\n\n /* ------------------------------ isNum ------------------------------ */\n\n var isNum = _.isNum = (function (exports) {\n /* Check if value is classified as a Number primitive or object.\n *\n * |Name |Desc |\n * |------|-------------------------------------|\n * |val |Value to check |\n * |return|True if value is correctly classified|\n */\n\n /* example\n * isNum(5); // -> true\n * isNum(5.1); // -> true\n * isNum({}); // -> false\n */\n\n /* typescript\n * export declare function isNum(val: any): boolean;\n */\n\n /* dependencies\n * objToStr \n */\n\n exports = function(val) {\n return objToStr(val) === '[object Number]';\n };\n\n return exports;\n })({});\n\n /* ------------------------------ isArrLike ------------------------------ */\n\n var isArrLike = _.isArrLike = (function (exports) {\n /* Check if value is array-like.\n *\n * |Name |Desc |\n * |------|---------------------------|\n * |val |Value to check |\n * |return|True if value is array like|\n *\n * Function returns false.\n */\n\n /* example\n * isArrLike('test'); // -> true\n * isArrLike(document.body.children); // -> true;\n * isArrLike([1, 2, 3]); // -> true\n */\n\n /* typescript\n * export declare function isArrLike(val: any): boolean;\n */\n\n /* dependencies\n * isNum isFn \n */\n\n var MAX_ARR_IDX = Math.pow(2, 53) - 1;\n\n exports = function(val) {\n if (!val) return false;\n var len = val.length;\n return isNum(len) && len >= 0 && len <= MAX_ARR_IDX && !isFn(val);\n };\n\n return exports;\n })({});\n\n /* ------------------------------ each ------------------------------ */\n\n var each = _.each = (function (exports) {\n /* Iterate over elements of collection and invokes iterator for each element.\n *\n * |Name |Desc |\n * |--------|------------------------------|\n * |obj |Collection to iterate over |\n * |iterator|Function invoked per iteration|\n * |ctx |Function context |\n */\n\n /* example\n * each({ a: 1, b: 2 }, function(val, key) {});\n */\n\n /* typescript\n * export declare function each(\n * list: types.List,\n * iterator: types.ListIterator,\n * ctx?: any\n * ): types.List;\n * export declare function each(\n * object: types.Dictionary,\n * iterator: types.ObjectIterator,\n * ctx?: any\n * ): types.Collection;\n */\n\n /* dependencies\n * isArrLike keys optimizeCb types \n */\n\n exports = function(obj, iterator, ctx) {\n iterator = optimizeCb(iterator, ctx);\n var i, len;\n\n if (isArrLike(obj)) {\n for (i = 0, len = obj.length; i < len; i++) {\n iterator(obj[i], i, obj);\n }\n } else {\n var _keys = keys(obj);\n\n for (i = 0, len = _keys.length; i < len; i++) {\n iterator(obj[_keys[i]], _keys[i], obj);\n }\n }\n\n return obj;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ createAssigner ------------------------------ */\n\n var createAssigner = _.createAssigner = (function (exports) {\n /* Used to create extend, extendOwn and defaults.\n *\n * |Name |Desc |\n * |--------|------------------------------|\n * |keysFn |Function to get object keys |\n * |defaults|No override when set to true |\n * |return |Result function, extend... |\n */\n\n /* typescript\n * export declare function createAssigner(\n * keysFn: types.AnyFn,\n * defaults: boolean\n * ): types.AnyFn;\n */\n\n /* dependencies\n * isUndef each types \n */\n\n exports = function(keysFn, defaults) {\n return function(obj) {\n each(arguments, function(src, idx) {\n if (idx === 0) return;\n var keys = keysFn(src);\n each(keys, function(key) {\n if (!defaults || isUndef(obj[key])) obj[key] = src[key];\n });\n });\n return obj;\n };\n };\n\n return exports;\n })({});\n\n /* ------------------------------ extendOwn ------------------------------ */\n\n var extendOwn = _.extendOwn = (function (exports) {\n /* Like extend, but only copies own properties over to the destination object.\n *\n * |Name |Desc |\n * |-----------|------------------|\n * |destination|Destination object|\n * |...sources |Sources objects |\n * |return |Destination object|\n */\n\n /* example\n * extendOwn({ name: 'RedHood' }, { age: 24 }); // -> {name: 'RedHood', age: 24}\n */\n\n /* typescript\n * export declare function extendOwn(destination: any, ...sources: any[]): any;\n */\n\n /* dependencies\n * keys createAssigner \n */\n\n exports = createAssigner(keys);\n\n return exports;\n })({});\n\n /* ------------------------------ values ------------------------------ */\n\n var values = _.values = (function (exports) {\n /* Create an array of the own enumerable property values of object.\n *\n * |Name |Desc |\n * |------|------------------------|\n * |obj |Object to query |\n * |return|Array of property values|\n */\n\n /* example\n * values({ one: 1, two: 2 }); // -> [1, 2]\n */\n\n /* typescript\n * export declare function values(obj: any): any[];\n */\n\n /* dependencies\n * each \n */\n\n exports = function(obj) {\n var ret = [];\n each(obj, function(val) {\n ret.push(val);\n });\n return ret;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ isStr ------------------------------ */\n\n var isStr = _.isStr = (function (exports) {\n /* Check if value is a string primitive.\n *\n * |Name |Desc |\n * |------|-----------------------------------|\n * |val |Value to check |\n * |return|True if value is a string primitive|\n */\n\n /* example\n * isStr('licia'); // -> true\n */\n\n /* typescript\n * export declare function isStr(val: any): boolean;\n */\n\n /* dependencies\n * objToStr \n */\n\n exports = function(val) {\n return objToStr(val) === '[object String]';\n };\n\n return exports;\n })({});\n\n /* ------------------------------ contain ------------------------------ */\n\n var contain = _.contain = (function (exports) {\n /* Check if the value is present in the list.\n *\n * |Name |Desc |\n * |------|------------------------------------|\n * |target|Target object |\n * |val |Value to check |\n * |return|True if value is present in the list|\n */\n\n /* example\n * contain([1, 2, 3], 1); // -> true\n * contain({ a: 1, b: 2 }, 1); // -> true\n * contain('abc', 'a'); // -> true\n */\n\n /* typescript\n * export declare function contain(arr: any[] | {} | string, val: any): boolean;\n */\n\n /* dependencies\n * idxOf isStr isArrLike values \n */\n\n exports = function(arr, val) {\n if (isStr(arr)) return arr.indexOf(val) > -1;\n if (!isArrLike(arr)) arr = values(arr);\n return idxOf(arr, val) >= 0;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ defineProp ------------------------------ */\n\n var defineProp = _.defineProp = (function (exports) {\n /* Shortcut for Object.defineProperty(defineProperties).\n *\n * |Name |Desc |\n * |----------|-------------------|\n * |obj |Object to define |\n * |prop |Property path |\n * |descriptor|Property descriptor|\n * |return |Object itself |\n *\n * |Name |Desc |\n * |------|--------------------|\n * |obj |Object to define |\n * |prop |Property descriptors|\n * |return|Object itself |\n */\n\n /* example\n * const obj = { b: { c: 3 }, d: 4, e: 5 };\n * defineProp(obj, 'a', {\n * get: function() {\n * return this.e * 2;\n * }\n * });\n * // obj.a is equal to 10\n * defineProp(obj, 'b.c', {\n * set: function(val) {\n * // this is pointed to obj.b\n * this.e = val;\n * }.bind(obj)\n * });\n * obj.b.c = 2;\n * // obj.a is equal to 4\n *\n * const obj2 = { a: 1, b: 2, c: 3 };\n * defineProp(obj2, {\n * a: {\n * get: function() {\n * return this.c;\n * }\n * },\n * b: {\n * set: function(val) {\n * this.c = val / 2;\n * }\n * }\n * });\n * // obj2.a is equal to 3\n * obj2.b = 4;\n * // obj2.a is equal to 2\n */\n\n /* typescript\n * export declare function defineProp(\n * obj: T,\n * prop: string,\n * descriptor: PropertyDescriptor\n * ): T;\n * export declare function defineProp(\n * obj: T,\n * descriptor: PropertyDescriptorMap\n * ): T;\n */\n\n /* dependencies\n * castPath isStr isObj each \n */\n\n exports = function(obj, prop, descriptor) {\n if (isStr(prop)) {\n defineProp(obj, prop, descriptor);\n } else if (isObj(prop)) {\n each(prop, function(descriptor, prop) {\n defineProp(obj, prop, descriptor);\n });\n }\n\n return obj;\n };\n\n function defineProp(obj, prop, descriptor) {\n var path = castPath(prop, obj);\n var lastProp = path.pop();\n /* eslint-disable no-cond-assign */\n\n while ((prop = path.shift())) {\n if (!obj[prop]) obj[prop] = {};\n obj = obj[prop];\n }\n\n Object.defineProperty(obj, lastProp, descriptor);\n }\n\n return exports;\n })({});\n\n /* ------------------------------ isBuffer ------------------------------ */\n\n var isBuffer = _.isBuffer = (function (exports) {\n /* Check if value is a buffer.\n *\n * |Name |Desc |\n * |------|-------------------------|\n * |val |The value to check |\n * |return|True if value is a buffer|\n */\n\n /* example\n * isBuffer(new Buffer(4)); // -> true\n */\n\n /* typescript\n * export declare function isBuffer(val: any): boolean;\n */\n\n /* dependencies\n * isFn \n */\n\n exports = function(val) {\n if (val == null) return false;\n if (val._isBuffer) return true;\n return (\n val.constructor &&\n isFn(val.constructor.isBuffer) &&\n val.constructor.isBuffer(val)\n );\n };\n\n return exports;\n })({});\n\n /* ------------------------------ isEmpty ------------------------------ */\n\n var isEmpty = _.isEmpty = (function (exports) {\n /* Check if value is an empty object or array.\n *\n * |Name |Desc |\n * |------|----------------------|\n * |val |Value to check |\n * |return|True if value is empty|\n */\n\n /* example\n * isEmpty([]); // -> true\n * isEmpty({}); // -> true\n * isEmpty(''); // -> true\n */\n\n /* typescript\n * export declare function isEmpty(val: any): boolean;\n */\n\n /* dependencies\n * isArrLike isArr isStr isArgs keys \n */\n\n exports = function(val) {\n if (val == null) return true;\n\n if (isArrLike(val) && (isArr(val) || isStr(val) || isArgs(val))) {\n return val.length === 0;\n }\n\n return keys(val).length === 0;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ isMatch ------------------------------ */\n\n var isMatch = _.isMatch = (function (exports) {\n /* Check if keys and values in src are contained in obj.\n *\n * |Name |Desc |\n * |------|----------------------------------|\n * |obj |Object to inspect |\n * |src |Object of property values to match|\n * |return|True if object is match |\n */\n\n /* example\n * isMatch({ a: 1, b: 2 }, { a: 1 }); // -> true\n */\n\n /* typescript\n * export declare function isMatch(obj: any, src: any): boolean;\n */\n\n /* dependencies\n * keys \n */\n\n exports = function(obj, src) {\n var _keys = keys(src);\n\n var len = _keys.length;\n if (obj == null) return !len;\n obj = Object(obj);\n\n for (var i = 0; i < len; i++) {\n var key = _keys[i];\n if (src[key] !== obj[key] || !(key in obj)) return false;\n }\n\n return true;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ isNaN ------------------------------ */\n\n var isNaN = _.isNaN = (function (exports) {\n /* Check if value is an NaN.\n *\n * |Name |Desc |\n * |------|-----------------------|\n * |val |Value to check |\n * |return|True if value is an NaN|\n *\n * Undefined is not an NaN, different from global isNaN function.\n */\n\n /* example\n * isNaN(0); // -> false\n * isNaN(NaN); // -> true\n */\n\n /* typescript\n * export declare function isNaN(val: any): boolean;\n */\n\n /* dependencies\n * isNum \n */\n\n exports = function(val) {\n return isNum(val) && val !== +val;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ isNil ------------------------------ */\n\n var isNil = _.isNil = (function (exports) {\n /* Check if value is null or undefined, the same as value == null.\n *\n * |Name |Desc |\n * |------|----------------------------------|\n * |val |Value to check |\n * |return|True if value is null or undefined|\n */\n\n /* example\n * isNil(null); // -> true\n * isNil(void 0); // -> true\n * isNil(undefined); // -> true\n * isNil(false); // -> false\n * isNil(0); // -> false\n * isNil([]); // -> false\n */\n\n /* typescript\n * export declare function isNil(val: any): boolean;\n */\n exports = function(val) {\n return val == null;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ isPromise ------------------------------ */\n\n var isPromise = _.isPromise = (function (exports) {\n /* Check if value looks like a promise.\n *\n * |Name |Desc |\n * |------|----------------------------------|\n * |val |Value to check |\n * |return|True if value looks like a promise|\n */\n\n /* example\n * isPromise(new Promise(function() {})); // -> true\n * isPromise({}); // -> false\n */\n\n /* typescript\n * export declare function isPromise(val: any): boolean;\n */\n\n /* dependencies\n * isObj isFn \n */\n\n exports = function(val) {\n return isObj(val) && isFn(val.then) && isFn(val.catch);\n };\n\n return exports;\n })({});\n\n /* ------------------------------ isSymbol ------------------------------ */\n\n var isSymbol = _.isSymbol = (function (exports) {\n /* Check if value is a symbol.\n *\n * |Name |Desc |\n * |------|-------------------------|\n * |val |Value to check |\n * |return|True if value is a symbol|\n */\n\n /* example\n * isSymbol(Symbol('test')); // -> true\n */\n\n /* typescript\n * export declare function isSymbol(val: any): boolean;\n */\n exports = function(val) {\n return typeof val === 'symbol';\n };\n\n return exports;\n })({});\n\n /* ------------------------------ lowerCase ------------------------------ */\n\n var lowerCase = _.lowerCase = (function (exports) {\n /* Convert string to lower case.\n *\n * |Name |Desc |\n * |------|------------------|\n * |str |String to convert |\n * |return|Lower cased string|\n */\n\n /* example\n * lowerCase('TEST'); // -> 'test'\n */\n\n /* typescript\n * export declare function lowerCase(str: string): string;\n */\n\n /* dependencies\n * toStr \n */\n\n exports = function(str) {\n return toStr(str).toLocaleLowerCase();\n };\n\n return exports;\n })({});\n\n /* ------------------------------ ltrim ------------------------------ */\n\n var ltrim = _.ltrim = (function (exports) {\n /* Remove chars or white-spaces from beginning of string.\n *\n * |Name |Desc |\n * |------|------------------|\n * |str |String to trim |\n * |chars |Characters to trim|\n * |return|Trimmed string |\n */\n\n /* example\n * ltrim(' abc '); // -> 'abc '\n * ltrim('_abc_', '_'); // -> 'abc_'\n * ltrim('_abc_', ['a', '_']); // -> 'bc_'\n */\n\n /* typescript\n * export declare function ltrim(str: string, chars?: string | string[]): string;\n */\n var regSpace = /^\\s+/;\n\n exports = function(str, chars) {\n if (chars == null) {\n if (str.trimLeft) {\n return str.trimLeft();\n }\n\n return str.replace(regSpace, '');\n }\n\n var start = 0;\n var len = str.length;\n var charLen = chars.length;\n var found = true;\n var i;\n var c;\n\n while (found && start < len) {\n found = false;\n i = -1;\n c = str.charAt(start);\n\n while (++i < charLen) {\n if (c === chars[i]) {\n found = true;\n start++;\n break;\n }\n }\n }\n\n return start >= len ? '' : str.substr(start, len);\n };\n\n return exports;\n })({});\n\n /* ------------------------------ matcher ------------------------------ */\n\n var matcher = _.matcher = (function (exports) {\n /* Return a predicate function that checks if attrs are contained in an object.\n *\n * |Name |Desc |\n * |------|----------------------------------|\n * |attrs |Object of property values to match|\n * |return|New predicate function |\n */\n\n /* example\n * const filter = require('licia/filter');\n *\n * const objects = [\n * { a: 1, b: 2, c: 3 },\n * { a: 4, b: 5, c: 6 }\n * ];\n * filter(objects, matcher({ a: 4, c: 6 })); // -> [{a: 4, b: 5, c: 6}]\n */\n\n /* typescript\n * export declare function matcher(attrs: any): types.AnyFn;\n */\n\n /* dependencies\n * extendOwn isMatch types \n */\n\n exports = function(attrs) {\n attrs = extendOwn({}, attrs);\n return function(obj) {\n return isMatch(obj, attrs);\n };\n };\n\n return exports;\n })({});\n\n /* ------------------------------ now ------------------------------ */\n\n var now = _.now = (function (exports) {\n /* Gets the number of milliseconds that have elapsed since the Unix epoch.\n */\n\n /* example\n * now(); // -> 1468826678701\n */\n\n /* typescript\n * export declare function now(): number;\n */\n if (Date.now && !false) {\n exports = Date.now;\n } else {\n exports = function() {\n return new Date().getTime();\n };\n }\n\n return exports;\n })({});\n\n /* ------------------------------ pick ------------------------------ */\n\n var pick = _.pick = (function (exports) {\n /* Return a filtered copy of an object.\n *\n * |Name |Desc |\n * |------|---------------|\n * |object|Source object |\n * |filter|Object filter |\n * |return|Filtered object|\n */\n\n /* example\n * pick({ a: 1, b: 2 }, 'a'); // -> {a: 1}\n * pick({ a: 1, b: 2, c: 3 }, ['b', 'c']); // -> {b: 2, c: 3}\n * pick({ a: 1, b: 2, c: 3, d: 4 }, function(val, key) {\n * return val % 2;\n * }); // -> {a: 1, c: 3}\n */\n\n /* typescript\n * export declare function pick(\n * object: any,\n * filter: string | string[] | Function\n * ): any;\n */\n\n /* dependencies\n * isStr isArr contain each \n */\n\n exports = function(obj, filter, omit) {\n if (isStr(filter)) filter = [filter];\n\n if (isArr(filter)) {\n var keys = filter;\n\n filter = function(val, key) {\n return contain(keys, key);\n };\n }\n\n var ret = {};\n\n var iteratee = function(val, key) {\n if (filter(val, key)) ret[key] = val;\n };\n\n if (omit) {\n iteratee = function(val, key) {\n if (!filter(val, key)) ret[key] = val;\n };\n }\n\n each(obj, iteratee);\n return ret;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ property ------------------------------ */\n\n var property = _.property = (function (exports) {\n /* Return a function that will itself return the key property of any passed-in object.\n *\n * |Name |Desc |\n * |------|---------------------------|\n * |path |Path of the property to get|\n * |return|New accessor function |\n */\n\n /* example\n * const obj = { a: { b: 1 } };\n * property('a')(obj); // -> {b: 1}\n * property(['a', 'b'])(obj); // -> 1\n */\n\n /* typescript\n * export declare function property(path: string | string[]): types.AnyFn;\n */\n\n /* dependencies\n * isArr safeGet types \n */\n\n exports = function(path) {\n if (!isArr(path)) return shallowProperty(path);\n return function(obj) {\n return safeGet(obj, path);\n };\n };\n\n function shallowProperty(key) {\n return function(obj) {\n return obj == null ? void 0 : obj[key];\n };\n }\n\n return exports;\n })({});\n\n /* ------------------------------ safeCb ------------------------------ */\n\n var safeCb = _.safeCb = (function (exports) {\n /* Create callback based on input value.\n */\n\n /* typescript\n * export declare function safeCb(\n * val?: any,\n * ctx?: any,\n * argCount?: number\n * ): types.AnyFn;\n */\n\n /* dependencies\n * isFn isObj isArr optimizeCb matcher identity types property \n */\n\n exports = function(val, ctx, argCount) {\n if (val == null) return identity;\n if (isFn(val)) return optimizeCb(val, ctx, argCount);\n if (isObj(val) && !isArr(val)) return matcher(val);\n return property(val);\n };\n\n return exports;\n })({});\n\n /* ------------------------------ filter ------------------------------ */\n\n var filter = _.filter = (function (exports) {\n /* Iterates over elements of collection, returning an array of all the values that pass a truth test.\n *\n * |Name |Desc |\n * |---------|---------------------------------------|\n * |obj |Collection to iterate over |\n * |predicate|Function invoked per iteration |\n * |ctx |Predicate context |\n * |return |Array of all values that pass predicate|\n */\n\n /* example\n * filter([1, 2, 3, 4, 5], function(val) {\n * return val % 2 === 0;\n * }); // -> [2, 4]\n */\n\n /* typescript\n * export declare function filter(\n * list: types.List,\n * iterator: types.ListIterator,\n * context?: any\n * ): T[];\n * export declare function filter(\n * object: types.Dictionary,\n * iterator: types.ObjectIterator,\n * context?: any\n * ): T[];\n */\n\n /* dependencies\n * safeCb each types \n */\n\n exports = function(obj, predicate, ctx) {\n var ret = [];\n predicate = safeCb(predicate, ctx);\n each(obj, function(val, idx, list) {\n if (predicate(val, idx, list)) ret.push(val);\n });\n return ret;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ difference ------------------------------ */\n\n var difference = _.difference = (function (exports) {\n /* Create an array of unique array values not included in the other given array.\n *\n * |Name |Desc |\n * |-------|----------------------------|\n * |arr |Array to inspect |\n * |...args|Values to exclude |\n * |return |New array of filtered values|\n */\n\n /* example\n * difference([3, 2, 1], [4, 2]); // -> [3, 1]\n */\n\n /* typescript\n * export declare function difference(arr: any[], ...args: any[]): any[];\n */\n\n /* dependencies\n * restArgs flatten filter contain \n */\n\n exports = restArgs(function(arr, args) {\n args = flatten(args);\n return filter(arr, function(val) {\n return !contain(args, val);\n });\n });\n\n return exports;\n })({});\n\n /* ------------------------------ unique ------------------------------ */\n\n var unique = _.unique = (function (exports) {\n /* Create duplicate-free version of an array.\n *\n * |Name |Desc |\n * |------|-----------------------------|\n * |arr |Array to inspect |\n * |cmp |Function for comparing values|\n * |return|New duplicate free array |\n */\n\n /* example\n * unique([1, 2, 3, 1]); // -> [1, 2, 3]\n */\n\n /* typescript\n * export declare function unique(\n * arr: any[],\n * cmp?: (a: any, b: any) => boolean | number\n * ): any[];\n */\n\n /* dependencies\n * filter \n */\n\n exports = function(arr, cmp) {\n cmp = cmp || isEqual;\n return filter(arr, function(item, idx, arr) {\n var len = arr.length;\n\n while (++idx < len) {\n if (cmp(item, arr[idx])) return false;\n }\n\n return true;\n });\n };\n\n function isEqual(a, b) {\n return a === b;\n }\n\n return exports;\n })({});\n\n /* ------------------------------ allKeys ------------------------------ */\n\n var allKeys = _.allKeys = (function (exports) {\n /* Retrieve all the names of object's own and inherited properties.\n *\n * |Name |Desc |\n * |-------|---------------------------|\n * |obj |Object to query |\n * |options|Options |\n * |return |Array of all property names|\n *\n * Available options:\n *\n * |Name |Desc |\n * |------------------|-------------------------|\n * |prototype=true |Include prototype keys |\n * |unenumerable=false|Include unenumerable keys|\n * |symbol=false |Include symbol keys |\n *\n * Members of Object's prototype won't be retrieved.\n */\n\n /* example\n * const obj = Object.create({ zero: 0 });\n * obj.one = 1;\n * allKeys(obj); // -> ['zero', 'one']\n */\n\n /* typescript\n * export declare namespace allKeys {\n * interface IOptions {\n * prototype?: boolean;\n * unenumerable?: boolean;\n * }\n * }\n * export declare function allKeys(\n * obj: any,\n * options: { symbol: true } & allKeys.IOptions\n * ): Array;\n * export declare function allKeys(\n * obj: any,\n * options?: ({ symbol: false } & allKeys.IOptions) | allKeys.IOptions\n * ): string[];\n */\n\n /* dependencies\n * keys getProto unique \n */\n\n var getOwnPropertyNames = Object.getOwnPropertyNames;\n var getOwnPropertySymbols = Object.getOwnPropertySymbols;\n\n exports = function(obj) {\n var _ref =\n arguments.length > 1 && arguments[1] !== undefined\n ? arguments[1]\n : {},\n _ref$prototype = _ref.prototype,\n prototype = _ref$prototype === void 0 ? true : _ref$prototype,\n _ref$unenumerable = _ref.unenumerable,\n unenumerable = _ref$unenumerable === void 0 ? false : _ref$unenumerable,\n _ref$symbol = _ref.symbol,\n symbol = _ref$symbol === void 0 ? false : _ref$symbol;\n\n var ret = [];\n\n if ((unenumerable || symbol) && getOwnPropertyNames) {\n var getKeys = keys;\n if (unenumerable && getOwnPropertyNames) getKeys = getOwnPropertyNames;\n\n do {\n ret = ret.concat(getKeys(obj));\n\n if (symbol && getOwnPropertySymbols) {\n ret = ret.concat(getOwnPropertySymbols(obj));\n }\n } while (\n prototype &&\n (obj = getProto(obj)) &&\n obj !== Object.prototype\n );\n\n ret = unique(ret);\n } else {\n if (prototype) {\n for (var key in obj) {\n ret.push(key);\n }\n } else {\n ret = keys(obj);\n }\n }\n\n return ret;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ defaults ------------------------------ */\n\n var defaults = _.defaults = (function (exports) {\n /* Fill in undefined properties in object with the first value present in the following list of defaults objects.\n *\n * |Name |Desc |\n * |------|------------------|\n * |obj |Destination object|\n * |...src|Sources objects |\n * |return|Destination object|\n */\n\n /* example\n * defaults({ name: 'RedHood' }, { name: 'Unknown', age: 24 }); // -> {name: 'RedHood', age: 24}\n */\n\n /* typescript\n * export declare function defaults(obj: any, ...src: any[]): any;\n */\n\n /* dependencies\n * createAssigner allKeys \n */\n\n exports = createAssigner(allKeys, true);\n\n return exports;\n })({});\n\n /* ------------------------------ extend ------------------------------ */\n\n var extend = _.extend = (function (exports) {\n /* Copy all of the properties in the source objects over to the destination object.\n *\n * |Name |Desc |\n * |-----------|------------------|\n * |destination|Destination object|\n * |...sources |Sources objects |\n * |return |Destination object|\n */\n\n /* example\n * extend({ name: 'RedHood' }, { age: 24 }); // -> {name: 'RedHood', age: 24}\n */\n\n /* typescript\n * export declare function extend(destination: any, ...sources: any[]): any;\n */\n\n /* dependencies\n * createAssigner allKeys \n */\n\n exports = createAssigner(allKeys);\n\n return exports;\n })({});\n\n /* ------------------------------ map ------------------------------ */\n\n var map = _.map = (function (exports) {\n /* Create an array of values by running each element in collection through iteratee.\n *\n * |Name |Desc |\n * |--------|------------------------------|\n * |object |Collection to iterate over |\n * |iterator|Function invoked per iteration|\n * |context |Function context |\n * |return |New mapped array |\n */\n\n /* example\n * map([4, 8], function(n) {\n * return n * n;\n * }); // -> [16, 64]\n */\n\n /* typescript\n * export declare function map(\n * list: types.List,\n * iterator: types.ListIterator,\n * context?: any\n * ): TResult[];\n * export declare function map(\n * object: types.Dictionary,\n * iterator: types.ObjectIterator,\n * context?: any\n * ): TResult[];\n */\n\n /* dependencies\n * safeCb keys isArrLike types \n */\n\n exports = function(obj, iterator, ctx) {\n iterator = safeCb(iterator, ctx);\n\n var _keys = !isArrLike(obj) && keys(obj);\n\n var len = (_keys || obj).length;\n var results = Array(len);\n\n for (var i = 0; i < len; i++) {\n var curKey = _keys ? _keys[i] : i;\n results[i] = iterator(obj[curKey], curKey, obj);\n }\n\n return results;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ toArr ------------------------------ */\n\n var toArr = _.toArr = (function (exports) {\n /* Convert value to an array.\n *\n * |Name |Desc |\n * |------|----------------|\n * |val |Value to convert|\n * |return|Converted array |\n */\n\n /* example\n * toArr({ a: 1, b: 2 }); // -> [{a: 1, b: 2}]\n * toArr('abc'); // -> ['abc']\n * toArr(1); // -> [1]\n * toArr(null); // -> []\n */\n\n /* typescript\n * export declare function toArr(val: any): any[];\n */\n\n /* dependencies\n * isArrLike map isArr isStr \n */\n\n exports = function(val) {\n if (!val) return [];\n if (isArr(val)) return val;\n if (isArrLike(val) && !isStr(val)) return map(val);\n return [val];\n };\n\n return exports;\n })({});\n\n /* ------------------------------ Class ------------------------------ */\n\n var Class = _.Class = (function (exports) {\n /* Create JavaScript class.\n *\n * |Name |Desc |\n * |-------|---------------------------------|\n * |methods|Public methods |\n * [statics|Static methods |\n * |return |Function used to create instances|\n */\n\n /* example\n * const People = Class({\n * initialize: function People(name, age) {\n * this.name = name;\n * this.age = age;\n * },\n * introduce: function() {\n * return 'I am ' + this.name + ', ' + this.age + ' years old.';\n * }\n * });\n *\n * const Student = People.extend(\n * {\n * initialize: function Student(name, age, school) {\n * this.callSuper(People, 'initialize', arguments);\n *\n * this.school = school;\n * },\n * introduce: function() {\n * return (\n * this.callSuper(People, 'introduce') +\n * '\\n I study at ' +\n * this.school +\n * '.'\n * );\n * }\n * },\n * {\n * is: function(obj) {\n * return obj instanceof Student;\n * }\n * }\n * );\n *\n * const a = new Student('allen', 17, 'Hogwarts');\n * a.introduce(); // -> 'I am allen, 17 years old. \\n I study at Hogwarts.'\n * Student.is(a); // -> true\n */\n\n /* typescript\n * export declare namespace Class {\n * class Base {\n * toString(): string;\n * }\n * class IConstructor extends Base {\n * constructor(...args: any[]);\n * static extend(methods: any, statics: any): IConstructor;\n * static inherits(Class: types.AnyFn): void;\n * static methods(methods: any): IConstructor;\n * static statics(statics: any): IConstructor;\n * [method: string]: any;\n * }\n * }\n * export declare function Class(methods: any, statics?: any): Class.IConstructor;\n */\n\n /* dependencies\n * extend toArr inherits safeGet isMiniProgram types \n */\n\n exports = function(methods, statics) {\n return Base.extend(methods, statics);\n };\n\n function makeClass(parent, methods, statics) {\n statics = statics || {};\n var className =\n methods.className || safeGet(methods, 'initialize.name') || '';\n delete methods.className;\n\n var ctor = function() {\n var args = toArr(arguments);\n return this.initialize\n ? this.initialize.apply(this, args) || this\n : this;\n };\n\n if (!isMiniProgram) {\n // unsafe-eval CSP violation\n try {\n ctor = new Function(\n 'toArr',\n 'return function ' +\n className +\n '()' +\n '{' +\n 'var args = toArr(arguments);' +\n 'return this.initialize ? this.initialize.apply(this, args) || this : this;' +\n '};'\n )(toArr);\n } catch (e) {\n /* eslint-disable no-empty */\n }\n }\n\n inherits(ctor, parent);\n ctor.prototype.constructor = ctor;\n\n ctor.extend = function(methods, statics) {\n return makeClass(ctor, methods, statics);\n };\n\n ctor.inherits = function(Class) {\n inherits(ctor, Class);\n };\n\n ctor.methods = function(methods) {\n extend(ctor.prototype, methods);\n return ctor;\n };\n\n ctor.statics = function(statics) {\n extend(ctor, statics);\n return ctor;\n };\n\n ctor.methods(methods).statics(statics);\n return ctor;\n }\n\n var Base = (exports.Base = makeClass(Object, {\n className: 'Base',\n callSuper: function(parent, name, args) {\n var superMethod = parent.prototype[name];\n return superMethod.apply(this, args);\n },\n toString: function() {\n return this.constructor.name;\n }\n }));\n\n return exports;\n })({});\n\n /* ------------------------------ ucs2 ------------------------------ */\n\n var ucs2 = _.ucs2 = (function (exports) {\n /* UCS-2 encoding and decoding.\n *\n * ### encode\n *\n * Create a string using an array of code point values.\n *\n * |Name |Desc |\n * |------|--------------------|\n * |arr |Array of code points|\n * |return|Encoded string |\n *\n * ### decode\n *\n * Create an array of code point values using a string.\n *\n * |Name |Desc |\n * |------|--------------------|\n * |str |Input string |\n * |return|Array of code points|\n */\n\n /* example\n * ucs2.encode([0x61, 0x62, 0x63]); // -> 'abc'\n * ucs2.decode('abc'); // -> [0x61, 0x62, 0x63]\n * '𝌆'.length; // -> 2\n * ucs2.decode('𝌆').length; // -> 1\n */\n\n /* typescript\n * export declare const ucs2: {\n * encode(arr: number[]): string;\n * decode(str: string): number[];\n * };\n */\n\n /* dependencies\n * chunk map \n */ // https://mathiasbynens.be/notes/javascript-encoding\n\n exports = {\n encode: function(arr) {\n // https://stackoverflow.com/questions/22747068/is-there-a-max-number-of-arguments-javascript-functions-can-accept\n if (arr.length < 32768) {\n return String.fromCodePoint.apply(String, arr);\n }\n\n return map(chunk(arr, 32767), function(nums) {\n return String.fromCodePoint.apply(String, nums);\n }).join('');\n },\n decode: function(str) {\n var ret = [];\n var i = 0;\n var len = str.length;\n\n while (i < len) {\n var c = str.charCodeAt(i++); // A high surrogate\n\n if (c >= 0xd800 && c <= 0xdbff && i < len) {\n var tail = str.charCodeAt(i++); // nextC >= 0xDC00 && nextC <= 0xDFFF\n\n if ((tail & 0xfc00) === 0xdc00) {\n // C = (H - 0xD800) * 0x400 + L - 0xDC00 + 0x10000\n ret.push(((c & 0x3ff) << 10) + (tail & 0x3ff) + 0x10000);\n } else {\n ret.push(c);\n i--;\n }\n } else {\n ret.push(c);\n }\n }\n\n return ret;\n }\n };\n\n return exports;\n })({});\n\n /* ------------------------------ utf8 ------------------------------ */\n\n var utf8 = _.utf8 = (function (exports) {\n /* UTF-8 encoding and decoding.\n *\n * ### encode\n *\n * Turn any UTF-8 decoded string into UTF-8 encoded string.\n *\n * |Name |Desc |\n * |------|----------------|\n * |str |String to encode|\n * |return|Encoded string |\n *\n * ### decode\n *\n * Turn any UTF-8 encoded string into UTF-8 decoded string.\n *\n * |Name |Desc |\n * |----------|----------------------|\n * |str |String to decode |\n * |safe=false|Suppress error if true|\n * |return |Decoded string |\n */\n\n /* example\n * utf8.encode('\\uD800\\uDC00'); // -> '\\xF0\\x90\\x80\\x80'\n * utf8.decode('\\xF0\\x90\\x80\\x80'); // -> '\\uD800\\uDC00'\n */\n\n /* typescript\n * export declare const utf8: {\n * encode(str: string): string;\n * decode(str: string, safe?: boolean): string;\n * };\n */\n\n /* dependencies\n * ucs2 \n */ // https://encoding.spec.whatwg.org/#utf-8\n\n exports = {\n encode: function(str) {\n var codePoints = ucs2.decode(str);\n var byteArr = '';\n\n for (var i = 0, len = codePoints.length; i < len; i++) {\n byteArr += encodeCodePoint(codePoints[i]);\n }\n\n return byteArr;\n },\n decode: function(str, safe) {\n byteArr = ucs2.decode(str);\n byteIdx = 0;\n byteCount = byteArr.length;\n codePoint = 0;\n bytesSeen = 0;\n bytesNeeded = 0;\n lowerBoundary = 0x80;\n upperBoundary = 0xbf;\n var codePoints = [];\n var tmp;\n\n while ((tmp = decodeCodePoint(safe)) !== false) {\n codePoints.push(tmp);\n }\n\n return ucs2.encode(codePoints);\n }\n };\n var fromCharCode = String.fromCharCode;\n\n function encodeCodePoint(codePoint) {\n // U+0000 to U+0080, ASCII code point\n if ((codePoint & 0xffffff80) === 0) {\n return fromCharCode(codePoint);\n }\n\n var ret = '',\n count,\n offset; // U+0080 to U+07FF, inclusive\n\n if ((codePoint & 0xfffff800) === 0) {\n count = 1;\n offset = 0xc0;\n } else if ((codePoint & 0xffff0000) === 0) {\n // U+0800 to U+FFFF, inclusive\n count = 2;\n offset = 0xe0;\n } else if ((codePoint & 0xffe00000) == 0) {\n // U+10000 to U+10FFFF, inclusive\n count = 3;\n offset = 0xf0;\n }\n\n ret += fromCharCode((codePoint >> (6 * count)) + offset);\n\n while (count > 0) {\n var tmp = codePoint >> (6 * (count - 1));\n ret += fromCharCode(0x80 | (tmp & 0x3f));\n count--;\n }\n\n return ret;\n }\n\n var byteArr,\n byteIdx,\n byteCount,\n codePoint,\n bytesSeen,\n bytesNeeded,\n lowerBoundary,\n upperBoundary;\n\n function decodeCodePoint(safe) {\n /* eslint-disable no-constant-condition */\n while (true) {\n if (byteIdx >= byteCount && bytesNeeded) {\n if (safe) return goBack();\n throw new Error('Invalid byte index');\n }\n\n if (byteIdx === byteCount) return false;\n var byte = byteArr[byteIdx];\n byteIdx++;\n\n if (!bytesNeeded) {\n // 0x00 to 0x7F\n if ((byte & 0x80) === 0) {\n return byte;\n } // 0xC2 to 0xDF\n\n if ((byte & 0xe0) === 0xc0) {\n bytesNeeded = 1;\n codePoint = byte & 0x1f;\n } else if ((byte & 0xf0) === 0xe0) {\n // 0xE0 to 0xEF\n if (byte === 0xe0) lowerBoundary = 0xa0;\n if (byte === 0xed) upperBoundary = 0x9f;\n bytesNeeded = 2;\n codePoint = byte & 0xf;\n } else if ((byte & 0xf8) === 0xf0) {\n // 0xF0 to 0xF4\n if (byte === 0xf0) lowerBoundary = 0x90;\n if (byte === 0xf4) upperBoundary = 0x8f;\n bytesNeeded = 3;\n codePoint = byte & 0x7;\n } else {\n if (safe) return goBack();\n throw new Error('Invalid UTF-8 detected');\n }\n\n continue;\n }\n\n if (byte < lowerBoundary || byte > upperBoundary) {\n if (safe) {\n byteIdx--;\n return goBack();\n }\n\n throw new Error('Invalid continuation byte');\n }\n\n lowerBoundary = 0x80;\n upperBoundary = 0xbf;\n codePoint = (codePoint << 6) | (byte & 0x3f);\n bytesSeen++;\n if (bytesSeen !== bytesNeeded) continue;\n var tmp = codePoint;\n codePoint = 0;\n bytesNeeded = 0;\n bytesSeen = 0;\n return tmp;\n }\n }\n\n function goBack() {\n var start = byteIdx - bytesSeen - 1;\n byteIdx = start + 1;\n codePoint = 0;\n bytesNeeded = 0;\n bytesSeen = 0;\n lowerBoundary = 0x80;\n upperBoundary = 0xbf;\n return byteArr[start];\n }\n\n return exports;\n })({});\n\n /* ------------------------------ decodeUriComponent ------------------------------ */\n\n var decodeUriComponent = _.decodeUriComponent = (function (exports) {\n /* Better decodeURIComponent that does not throw if input is invalid.\n *\n * |Name |Desc |\n * |------|----------------|\n * |str |String to decode|\n * |return|Decoded string |\n */\n\n /* example\n * decodeUriComponent('%%25%'); // -> '%%%'\n * decodeUriComponent('%E0%A4%A'); // -> '\\xE0\\xA4%A'\n */\n\n /* typescript\n * export declare function decodeUriComponent(str: string): string;\n */\n\n /* dependencies\n * each ucs2 map utf8 \n */\n\n exports = function(str) {\n try {\n return decodeURIComponent(str);\n } catch (e) {\n var matches = str.match(regMatcher);\n\n if (!matches) {\n return str;\n }\n\n each(matches, function(match) {\n str = str.replace(match, decode(match));\n });\n return str;\n }\n };\n\n function decode(str) {\n str = str.split('%').slice(1);\n var bytes = map(str, hexToInt);\n str = ucs2.encode(bytes);\n str = utf8.decode(str, true);\n return str;\n }\n\n function hexToInt(numStr) {\n return +('0x' + numStr);\n }\n\n var regMatcher = /(%[a-f0-9]{2})+/gi;\n\n return exports;\n })({});\n\n /* ------------------------------ cookie ------------------------------ */\n _.cookie = (function (exports) {\n /* Simple api for handling browser cookies.\n *\n * ### get\n *\n * Get cookie value.\n *\n * |Name |Desc |\n * |------|--------------------------|\n * |key |Cookie key |\n * |return|Corresponding cookie value|\n *\n * ### set\n *\n * Set cookie value.\n *\n * |Name |Desc |\n * |-------|--------------|\n * |key |Cookie key |\n * |val |Cookie value |\n * |options|Cookie options|\n * |return |Module cookie |\n *\n * ### remove\n *\n * Remove cookie value.\n *\n * |Name |Desc |\n * |-------|--------------|\n * |key |Cookie key |\n * |options|Cookie options|\n * |return |Module cookie |\n */\n\n /* example\n * cookie.set('a', '1', { path: '/' });\n * cookie.get('a'); // -> '1'\n * cookie.remove('a');\n */\n\n /* typescript\n * export declare namespace cookie {\n * interface IOptions {\n * path?: string;\n * expires?: number;\n * domain?: string;\n * secure?: boolean;\n * }\n * interface ICookie {\n * get(key: string, options?: cookie.IOptions): string;\n * set(key: string, val: string, options?: cookie.IOptions): ICookie;\n * remove(key: string, options?: cookie.IOptions): ICookie;\n * }\n * }\n * export declare const cookie: cookie.ICookie;\n */\n\n /* dependencies\n * defaults isNum isUndef decodeUriComponent \n */\n\n var defOpts = {\n path: '/'\n };\n\n function setCookie(key, val, options) {\n if (!isUndef(val)) {\n options = options || {};\n options = defaults(options, defOpts);\n\n if (isNum(options.expires)) {\n var expires = new Date();\n expires.setMilliseconds(\n expires.getMilliseconds() + options.expires * 864e5\n );\n options.expires = expires;\n }\n\n val = encodeURIComponent(val);\n key = encodeURIComponent(key);\n document.cookie = [\n key,\n '=',\n val,\n options.expires && '; expires=' + options.expires.toUTCString(),\n options.path && '; path=' + options.path,\n options.domain && '; domain=' + options.domain,\n options.secure ? '; secure' : ''\n ].join('');\n return exports;\n }\n\n var cookies = document.cookie ? document.cookie.split('; ') : [];\n var result = key ? undefined : {};\n\n for (var i = 0, len = cookies.length; i < len; i++) {\n var c = cookies[i];\n var parts = c.split('=');\n var name = decodeUriComponent(parts.shift());\n c = parts.join('=');\n c = decodeUriComponent(c);\n\n if (key === name) {\n result = c;\n break;\n }\n\n if (!key) result[name] = c;\n }\n\n return result;\n }\n\n exports = {\n get: setCookie,\n set: setCookie,\n remove: function(key, options) {\n options = options || {};\n options.expires = -1;\n return setCookie(key, '', options);\n }\n };\n\n return exports;\n })({});\n\n /* ------------------------------ rtrim ------------------------------ */\n\n var rtrim = _.rtrim = (function (exports) {\n /* Remove chars or white-spaces from end of string.\n *\n * |Name |Desc |\n * |------|------------------|\n * |str |String to trim |\n * |chars |Characters to trim|\n * |return|Trimmed string |\n */\n\n /* example\n * rtrim(' abc '); // -> ' abc'\n * rtrim('_abc_', '_'); // -> '_abc'\n * rtrim('_abc_', ['c', '_']); // -> '_ab'\n */\n\n /* typescript\n * export declare function rtrim(str: string, chars?: string | string[]): string;\n */\n exports = function(str, chars) {\n if (chars == null) {\n if (str.trimRight) {\n return str.trimRight();\n }\n\n chars = ' \\r\\n\\t\\f\\v';\n }\n\n var end = str.length - 1;\n var charLen = chars.length;\n var found = true;\n var i;\n var c;\n\n while (found && end >= 0) {\n found = false;\n i = -1;\n c = str.charAt(end);\n\n while (++i < charLen) {\n if (c === chars[i]) {\n found = true;\n end--;\n break;\n }\n }\n }\n\n return end >= 0 ? str.substring(0, end + 1) : '';\n };\n\n return exports;\n })({});\n\n /* ------------------------------ trim ------------------------------ */\n\n var trim = _.trim = (function (exports) {\n /* Remove chars or white-spaces from beginning end of string.\n *\n * |Name |Desc |\n * |------|------------------|\n * |str |String to trim |\n * |chars |Characters to trim|\n * |return|Trimmed string |\n */\n\n /* example\n * trim(' abc '); // -> 'abc'\n * trim('_abc_', '_'); // -> 'abc'\n * trim('_abc_', ['a', 'c', '_']); // -> 'b'\n */\n\n /* typescript\n * export declare function trim(str: string, chars?: string | string[]): string;\n */\n\n /* dependencies\n * ltrim rtrim \n */\n\n exports = function(str, chars) {\n if (chars == null && str.trim) {\n return str.trim();\n }\n\n return ltrim(rtrim(str, chars), chars);\n };\n\n return exports;\n })({});\n\n /* ------------------------------ query ------------------------------ */\n\n var query = _.query = (function (exports) {\n /* Parse and stringify url query strings.\n *\n * ### parse\n *\n * Parse a query string into an object.\n *\n * |Name |Desc |\n * |------|------------|\n * |str |Query string|\n * |return|Query object|\n *\n * ### stringify\n *\n * Stringify an object into a query string.\n *\n * |Name |Desc |\n * |------|------------|\n * |obj |Query object|\n * |return|Query string|\n */\n\n /* example\n * query.parse('foo=bar&eruda=true'); // -> {foo: 'bar', eruda: 'true'}\n * query.stringify({ foo: 'bar', eruda: 'true' }); // -> 'foo=bar&eruda=true'\n * query.parse('name=eruda&name=eustia'); // -> {name: ['eruda', 'eustia']}\n */\n\n /* typescript\n * export declare const query: {\n * parse(str: string): any;\n * stringify(object: any): string;\n * };\n */\n\n /* dependencies\n * trim each isUndef isArr map isEmpty filter isObj \n */\n\n exports = {\n parse: function(str) {\n var ret = {};\n str = trim(str).replace(regIllegalChars, '');\n each(str.split('&'), function(param) {\n var parts = param.split('=');\n var key = parts.shift(),\n val = parts.length > 0 ? parts.join('=') : null;\n key = decodeURIComponent(key);\n val = decodeURIComponent(val);\n\n if (isUndef(ret[key])) {\n ret[key] = val;\n } else if (isArr(ret[key])) {\n ret[key].push(val);\n } else {\n ret[key] = [ret[key], val];\n }\n });\n return ret;\n },\n stringify: function(obj, arrKey) {\n return filter(\n map(obj, function(val, key) {\n if (isObj(val) && isEmpty(val)) return '';\n if (isArr(val)) return exports.stringify(val, key);\n return (\n (arrKey\n ? encodeURIComponent(arrKey)\n : encodeURIComponent(key)) +\n '=' +\n encodeURIComponent(val)\n );\n }),\n function(str) {\n return str.length > 0;\n }\n ).join('&');\n }\n };\n var regIllegalChars = /^(\\?|#|&)/g;\n\n return exports;\n })({});\n\n /* ------------------------------ ajax ------------------------------ */\n _.ajax = (function (exports) {\n /* Perform an asynchronous HTTP request.\n *\n * |Name |Desc |\n * |-------|------------|\n * |options|Ajax options|\n *\n * Available options:\n *\n * |Name |Desc |\n * |---------------------------------------------|---------------------------|\n * |type=get |Request type |\n * |url |Request url |\n * |data |Request data |\n * |dataType=json |Response type(json, xml) |\n * |contentType=application/x-www-form-urlencoded|Request header Content-Type|\n * |success |Success callback |\n * |error |Error callback |\n * |complete |Callback after request |\n * |timeout |Request timeout |\n *\n * ### get\n *\n * Shortcut for type = GET;\n *\n * ### post\n *\n * Shortcut for type = POST;\n *\n * |Name |Desc |\n * |--------|----------------|\n * |url |Request url |\n * |data |Request data |\n * |success |Success callback|\n * |dataType|Response type |\n */\n\n /* example\n * ajax({\n * url: 'http://example.com',\n * data: { test: 'true' },\n * error() {},\n * success(data) {\n * // ...\n * },\n * dataType: 'json'\n * });\n *\n * ajax.get('http://example.com', {}, function(data) {\n * // ...\n * });\n */\n\n /* typescript\n * export declare namespace ajax {\n * function get(\n * url: string,\n * data: string | {},\n * success: types.AnyFn,\n * dataType?: string\n * ): XMLHttpRequest;\n * function get(\n * url: string,\n * success: types.AnyFn,\n * dataType?: string\n * ): XMLHttpRequest;\n * function post(\n * url: string,\n * data: string | {},\n * success: types.AnyFn,\n * dataType?: string\n * ): XMLHttpRequest;\n * function post(\n * url: string,\n * success: types.AnyFn,\n * dataType?: string\n * ): XMLHttpRequest;\n * }\n * export declare function ajax(options: {\n * type?: string;\n * url: string;\n * data?: string | {};\n * dataType?: string;\n * contentType?: string;\n * success?: types.AnyFn;\n * error?: types.AnyFn;\n * complete?: types.AnyFn;\n * timeout?: number;\n * }): XMLHttpRequest;\n */\n\n /* dependencies\n * isFn noop defaults isObj query types \n */\n\n exports = function(options) {\n defaults(options, exports.setting);\n var type = options.type;\n var url = options.url;\n var data = options.data;\n var dataType = options.dataType;\n var success = options.success;\n var error = options.error;\n var timeout = options.timeout;\n var complete = options.complete;\n var xhr = options.xhr();\n var abortTimeout;\n\n xhr.onreadystatechange = function() {\n if (xhr.readyState !== 4) return;\n clearTimeout(abortTimeout);\n var result;\n var status = xhr.status;\n\n if ((status >= 200 && status < 300) || status === 304) {\n result = xhr.responseText;\n if (dataType === 'xml') result = xhr.responseXML;\n\n try {\n if (dataType === 'json') result = JSON.parse(result);\n /* eslint-disable no-empty */\n } catch (e) {}\n\n success(result, xhr);\n } else {\n error(xhr);\n }\n\n complete(xhr);\n };\n\n if (type === 'GET') {\n data = query.stringify(data);\n if (data) url += url.indexOf('?') > -1 ? '&' + data : '?' + data;\n } else if (options.contentType === 'application/x-www-form-urlencoded') {\n if (isObj(data)) data = query.stringify(data);\n } else if (options.contentType === 'application/json') {\n if (isObj(data)) data = JSON.stringify(data);\n }\n\n xhr.open(type, url, true);\n xhr.setRequestHeader('Content-Type', options.contentType);\n\n if (timeout > 0) {\n abortTimeout = setTimeout(function() {\n xhr.onreadystatechange = noop;\n xhr.abort();\n error(xhr, 'timeout');\n complete(xhr);\n }, timeout);\n }\n\n xhr.send(type === 'GET' ? null : data);\n return xhr;\n };\n\n exports.setting = {\n type: 'GET',\n success: noop,\n error: noop,\n complete: noop,\n dataType: 'json',\n contentType: 'application/x-www-form-urlencoded',\n data: {},\n xhr: function() {\n return new XMLHttpRequest();\n },\n timeout: 0\n };\n\n exports.get = function() {\n return exports(parseArgs.apply(null, arguments));\n };\n\n exports.post = function() {\n var options = parseArgs.apply(null, arguments);\n options.type = 'POST';\n return exports(options);\n };\n\n function parseArgs(url, data, success, dataType) {\n if (isFn(data)) {\n dataType = success;\n success = data;\n data = {};\n }\n\n return {\n url: url,\n data: data,\n success: success,\n dataType: dataType\n };\n }\n\n return exports;\n })({});\n\n /* ------------------------------ safeSet ------------------------------ */\n\n var safeSet = _.safeSet = (function (exports) {\n /* Set value at path of object.\n *\n * If a portion of path doesn't exist, it's created.\n *\n * |Name|Desc |\n * |----|-----------------------|\n * |obj |Object to modify |\n * |path|Path of property to set|\n * |val |Value to set |\n */\n\n /* example\n * const obj = {};\n * safeSet(obj, 'a.aa.aaa', 1); // obj = {a: {aa: {aaa: 1}}}\n * safeSet(obj, ['a', 'aa'], 2); // obj = {a: {aa: 2}}\n * safeSet(obj, 'a.b', 3); // obj = {a: {aa: 2, b: 3}}\n */\n\n /* typescript\n * export declare function safeSet(\n * obj: any,\n * path: string | string[],\n * val: any\n * ): void;\n */\n\n /* dependencies\n * castPath isUndef toStr isSymbol isStr \n */\n\n exports = function(obj, path, val) {\n path = castPath(path, obj);\n var lastProp = path.pop();\n var prop;\n prop = path.shift();\n\n while (!isUndef(prop)) {\n // #25\n if (!isStr(prop) && !isSymbol(prop)) {\n prop = toStr(prop);\n }\n\n if (\n prop === '__proto__' ||\n prop === 'constructor' ||\n prop === 'prototype'\n ) {\n return;\n }\n\n if (!obj[prop]) obj[prop] = {};\n obj = obj[prop];\n prop = path.shift();\n }\n\n obj[lastProp] = val;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ startWith ------------------------------ */\n\n var startWith = _.startWith = (function (exports) {\n /* Check if string starts with the given target string.\n *\n * |Name |Desc |\n * |------|---------------------------------|\n * |str |String to search |\n * |prefix|String prefix |\n * |return|True if string starts with prefix|\n */\n\n /* example\n * startWith('ab', 'a'); // -> true\n */\n\n /* typescript\n * export declare function startWith(str: string, prefix: string): boolean;\n */\n exports = function(str, prefix) {\n return str.indexOf(prefix) === 0;\n };\n\n return exports;\n })({});\n\n /* ------------------------------ type ------------------------------ */\n\n var type = _.type = (function (exports) {\n /* Determine the internal JavaScript [[Class]] of an object.\n *\n * |Name |Desc |\n * |--------------|-----------------|\n * |val |Value to get type|\n * |lowerCase=true|LowerCase result |\n * |return |Type of object |\n */\n\n /* example\n * type(5); // -> 'number'\n * type({}); // -> 'object'\n * type(function() {}); // -> 'function'\n * type([]); // -> 'array'\n * type([], false); // -> 'Array'\n * type(async function() {}, false); // -> 'AsyncFunction'\n */\n\n /* typescript\n * export declare function type(val: any, lowerCase?: boolean): string;\n */\n\n /* dependencies\n * objToStr isNaN lowerCase isBuffer \n */\n\n exports = function(val) {\n var lower =\n arguments.length > 1 && arguments[1] !== undefined\n ? arguments[1]\n : true;\n var ret;\n if (val === null) ret = 'Null';\n if (val === undefined) ret = 'Undefined';\n if (isNaN(val)) ret = 'NaN';\n if (isBuffer(val)) ret = 'Buffer';\n\n if (!ret) {\n ret = objToStr(val).match(regObj);\n if (ret) ret = ret[1];\n }\n\n if (!ret) return '';\n return lower ? lowerCase(ret) : ret;\n };\n\n var regObj = /^\\[object\\s+(.*?)]$/;\n\n return exports;\n })({});\n\n /* ------------------------------ toSrc ------------------------------ */\n\n var toSrc = _.toSrc = (function (exports) {\n /* Convert function to its source code.\n *\n * |Name |Desc |\n * |------|-------------------|\n * |fn |Function to convert|\n * |return|Source code |\n */\n\n /* example\n * toSrc(Math.min); // -> 'function min() { [native code] }'\n * toSrc(function() {}); // -> 'function () { }'\n */\n\n /* typescript\n * export declare function toSrc(fn: types.AnyFn): string;\n */\n\n /* dependencies\n * isNil types \n */\n\n exports = function(fn) {\n if (isNil(fn)) return '';\n\n try {\n return fnToStr.call(fn);\n /* eslint-disable no-empty */\n } catch (e) {}\n\n try {\n return fn + '';\n /* eslint-disable no-empty */\n } catch (e) {}\n\n return '';\n };\n\n var fnToStr = Function.prototype.toString;\n\n return exports;\n })({});\n\n /* ------------------------------ stringifyAll ------------------------------ */\n _.stringifyAll = (function (exports) {\n /* Stringify object into json with types.\n *\n * |Name |Desc |\n * |-------|-------------------|\n * |obj |Object to stringify|\n * |options|Stringify options |\n * |return |Stringified object |\n *\n * Available options:\n *\n * |Name |Desc |\n * |------------------|-------------------------|\n * |unenumerable=false|Include unenumerable keys|\n * |symbol=false |Include symbol keys |\n * |accessGetter=false|Access getter value |\n * |timeout=0 |Timeout of stringify |\n * |depth=0 |Max depth of recursion |\n * |ignore |Values to ignore |\n *\n * When time is out, all remaining values will all be \"Timeout\".\n *\n * ### parse\n *\n * Parse result string back to object.\n *\n * |Name |Type |\n * |------|---------------|\n * |obj |String to parse|\n * |return|Result object |\n */\n\n /* example\n * stringifyAll(function test() {}); // -> '{\"value\":\"function test() {}\",\"type\":\"Function\",...}'\n */\n\n /* typescript\n * export declare namespace stringifyAll {\n * function parse(str: string): any;\n * }\n * export declare function stringifyAll(\n * obj: any,\n * options?: {\n * unenumerable?: boolean;\n * symbol?: boolean;\n * accessGetter?: boolean;\n * timeout?: number;\n * depth?: number;\n * ignore?: any[];\n * }\n * ): string;\n */\n\n /* dependencies\n * escapeJsStr type toStr endWith toSrc keys each Class getProto difference extend isPromise filter now allKeys contain isObj isMiniProgram create startWith safeSet defineProp pick isArrLike \n */\n\n exports = function(obj) {\n var _ref =\n arguments.length > 1 && arguments[1] !== undefined\n ? arguments[1]\n : {},\n self = _ref.self,\n _ref$startTime = _ref.startTime,\n startTime = _ref$startTime === void 0 ? now() : _ref$startTime,\n _ref$timeout = _ref.timeout,\n timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,\n _ref$depth = _ref.depth,\n depth = _ref$depth === void 0 ? 0 : _ref$depth,\n _ref$curDepth = _ref.curDepth,\n curDepth = _ref$curDepth === void 0 ? 1 : _ref$curDepth,\n _ref$visitor = _ref.visitor,\n visitor = _ref$visitor === void 0 ? new Visitor() : _ref$visitor,\n _ref$unenumerable = _ref.unenumerable,\n unenumerable = _ref$unenumerable === void 0 ? false : _ref$unenumerable,\n _ref$symbol = _ref.symbol,\n symbol = _ref$symbol === void 0 ? false : _ref$symbol,\n _ref$accessGetter = _ref.accessGetter,\n accessGetter = _ref$accessGetter === void 0 ? false : _ref$accessGetter,\n _ref$ignore = _ref.ignore,\n ignore = _ref$ignore === void 0 ? [] : _ref$ignore;\n\n var json = '';\n var options = {\n visitor: visitor,\n unenumerable: unenumerable,\n symbol: symbol,\n accessGetter: accessGetter,\n depth: depth,\n curDepth: curDepth + 1,\n timeout: timeout,\n startTime: startTime,\n ignore: ignore\n };\n var t = type(obj, false);\n\n if (t === 'String') {\n json = wrapStr(obj);\n } else if (t === 'Number') {\n json = toStr(obj);\n\n if (endWith(json, 'Infinity')) {\n json = '{\"value\":\"'.concat(json, '\",\"type\":\"Number\"}');\n }\n } else if (t === 'NaN') {\n json = '{\"value\":\"NaN\",\"type\":\"Number\"}';\n } else if (t === 'Boolean') {\n json = obj ? 'true' : 'false';\n } else if (t === 'Null') {\n json = 'null';\n } else if (t === 'Undefined') {\n json = '{\"type\":\"Undefined\"}';\n } else if (t === 'Symbol') {\n var val = 'Symbol';\n\n try {\n val = toStr(obj);\n /* eslint-disable no-empty */\n } catch (e) {}\n\n json = '{\"value\":'.concat(wrapStr(val), ',\"type\":\"Symbol\"}');\n } else {\n if (timeout && now() - startTime > timeout) {\n return wrapStr('Timeout');\n }\n\n if (depth && curDepth > depth) {\n return wrapStr('{...}');\n }\n\n json = '{';\n var parts = [];\n var visitedObj = visitor.get(obj);\n var id;\n\n if (visitedObj) {\n id = visitedObj.id;\n parts.push('\"reference\":'.concat(id));\n } else {\n id = visitor.set(obj);\n parts.push('\"id\":'.concat(id));\n }\n\n parts.push('\"type\":\"'.concat(t, '\"'));\n\n if (endWith(t, 'Function')) {\n parts.push('\"value\":'.concat(wrapStr(toSrc(obj))));\n } else if (t === 'RegExp') {\n parts.push('\"value\":'.concat(wrapStr(obj)));\n }\n\n if (!visitedObj) {\n var enumerableKeys = keys(obj);\n\n if (enumerableKeys.length) {\n parts.push(\n iterateObj(\n 'enumerable',\n enumerableKeys,\n self || obj,\n options\n )\n );\n }\n\n if (unenumerable) {\n var unenumerableKeys = difference(\n allKeys(obj, {\n prototype: false,\n unenumerable: true\n }),\n enumerableKeys\n );\n\n if (unenumerableKeys.length) {\n parts.push(\n iterateObj(\n 'unenumerable',\n unenumerableKeys,\n self || obj,\n options\n )\n );\n }\n }\n\n if (symbol) {\n var symbolKeys = filter(\n allKeys(obj, {\n prototype: false,\n symbol: true\n }),\n function(key) {\n return typeof key === 'symbol';\n }\n );\n\n if (symbolKeys.length) {\n parts.push(\n iterateObj('symbol', symbolKeys, self || obj, options)\n );\n }\n }\n\n var prototype = getProto(obj);\n\n if (prototype && !contain(ignore, prototype)) {\n var proto = '\"proto\":'.concat(\n exports(\n prototype,\n extend(options, {\n self: self || obj\n })\n )\n );\n parts.push(proto);\n }\n }\n\n json += parts.join(',') + '}';\n }\n\n return json;\n };\n\n function iterateObj(name, keys, obj, options) {\n var parts = [];\n each(keys, function(key) {\n var val;\n var descriptor = Object.getOwnPropertyDescriptor(obj, key);\n var hasGetter = descriptor && descriptor.get;\n var hasSetter = descriptor && descriptor.set;\n\n if (!options.accessGetter && hasGetter) {\n val = '(...)';\n } else {\n try {\n val = obj[key];\n\n if (contain(options.ignore, val)) {\n return;\n }\n\n if (isPromise(val)) {\n val.catch(function() {});\n }\n } catch (e) {\n val = e.message;\n }\n }\n\n parts.push(''.concat(wrapKey(key), ':').concat(exports(val, options)));\n\n if (hasGetter) {\n parts.push(\n ''\n .concat(wrapKey('get ' + toStr(key)), ':')\n .concat(exports(descriptor.get, options))\n );\n }\n\n if (hasSetter) {\n parts.push(\n ''\n .concat(wrapKey('set ' + toStr(key)), ':')\n .concat(exports(descriptor.set, options))\n );\n }\n });\n return '\"'.concat(name, '\":{') + parts.join(',') + '}';\n }\n\n function wrapKey(key) {\n return '\"'.concat(escapeJsonStr(key), '\"');\n }\n\n function wrapStr(str) {\n return '\"'.concat(escapeJsonStr(toStr(str)), '\"');\n }\n\n function escapeJsonStr(str) {\n return escapeJsStr(str)\n .replace(/\\\\'/g, \"'\")\n .replace(/\\t/g, '\\\\t');\n }\n\n var Visitor = Class({\n initialize: function() {\n this.id = 1;\n this.visited = [];\n },\n set: function(val) {\n var visited = this.visited,\n id = this.id;\n var obj = {\n id: id,\n val: val\n };\n visited.push(obj);\n this.id++;\n return id;\n },\n get: function(val) {\n var visited = this.visited;\n\n for (var i = 0, len = visited.length; i < len; i++) {\n var obj = visited[i];\n if (val === obj.val) return obj;\n }\n\n return false;\n }\n });\n\n exports.parse = function(str) {\n var map = {};\n var obj = parse(JSON.parse(str), {\n map: map\n });\n correctReference(map);\n return obj;\n };\n\n function correctReference(map) {\n each(map, function(obj) {\n var enumerableKeys = keys(obj);\n\n for (var i = 0, len = enumerableKeys.length; i < len; i++) {\n var key = enumerableKeys[i];\n\n if (isObj(obj[key])) {\n var reference = obj[key].reference;\n\n if (reference && map[reference]) {\n obj[key] = map[reference];\n }\n }\n }\n\n var proto = getProto(obj);\n\n if (proto && proto.reference) {\n if (map[proto.reference]) {\n Object.setPrototypeOf(obj, map[proto.reference]);\n }\n }\n });\n }\n\n function parse(obj, options) {\n var map = options.map;\n\n if (!isObj(obj)) {\n return obj;\n }\n\n var id = obj.id,\n type = obj.type,\n value = obj.value,\n proto = obj.proto,\n reference = obj.reference;\n var enumerable = obj.enumerable,\n unenumerable = obj.unenumerable;\n\n if (reference) {\n return obj;\n }\n\n if (type === 'Number') {\n if (value === 'Infinity') {\n return Number.POSITIVE_INFINITY;\n } else if (value === '-Infinity') {\n return Number.NEGATIVE_INFINITY;\n }\n\n return NaN;\n } else if (type === 'Undefined') {\n return undefined;\n }\n\n var newObj;\n\n if (type === 'Function') {\n newObj = function() {};\n\n newObj.toString = function() {\n return value;\n };\n\n if (proto) {\n Object.setPrototypeOf(newObj, parse(proto, options));\n }\n } else if (type === 'RegExp') {\n newObj = strToRegExp(value);\n } else {\n if (type !== 'Object') {\n var Fn;\n\n if (!isMiniProgram) {\n Fn = new Function(type, '');\n } else {\n Fn = function() {};\n }\n\n if (proto) {\n Fn.prototype = parse(proto, options);\n }\n\n newObj = new Fn();\n } else {\n if (proto) {\n newObj = create(parse(proto, options));\n } else {\n newObj = create(null);\n }\n }\n }\n\n var defineProps = {};\n\n if (enumerable) {\n var len;\n\n if (isArrLike(enumerable)) {\n len = enumerable.length;\n delete enumerable.length;\n }\n\n enumerable = pick(enumerable, function(value, key) {\n return !handleGetterSetter(enumerable, value, key);\n });\n each(enumerable, function(value, key) {\n var defineProp = defineProps[key] || {};\n\n if (!defineProp.get) {\n newObj[key] = parse(value, options);\n }\n });\n\n if (len) {\n newObj.length = len;\n }\n }\n\n if (unenumerable) {\n unenumerable = pick(unenumerable, function(value, key) {\n return !handleGetterSetter(unenumerable, value, key);\n });\n each(unenumerable, function(value, key) {\n var defineProp = defineProps[key] || {};\n\n if (!defineProp.get) {\n value = parse(value, options);\n\n if (isObj(value) && value.reference) {\n var _reference = value.reference;\n\n value = function() {\n return map[_reference];\n };\n\n defineProp.get = value;\n } else {\n defineProp.value = value;\n }\n }\n\n defineProp.enumerable = false;\n defineProps[key] = defineProp;\n });\n }\n\n defineProp(newObj, defineProps);\n\n function handleGetterSetter(obj, val, key) {\n key = toStr(key);\n var isGetterAndSetter = false;\n each(['get', 'set'], function(type) {\n if (startWith(key, type + ' ')) {\n var realKey = key.replace(type + ' ', '');\n\n if (obj[realKey]) {\n val = parse(val, options);\n\n if (val === 'Timeout') {\n val = retTimeout;\n }\n\n safeSet(defineProps, [realKey, type], val);\n isGetterAndSetter = true;\n }\n }\n });\n return isGetterAndSetter;\n }\n\n map[id] = newObj;\n return newObj;\n }\n\n function retTimeout() {\n return 'Timeout';\n }\n\n function strToRegExp(str) {\n var lastSlash = str.lastIndexOf('/');\n return new RegExp(str.slice(1, lastSlash), str.slice(lastSlash + 1));\n }\n\n return exports;\n })({});\n\n /* ------------------------------ toEl ------------------------------ */\n _.toEl = (function (exports) {\n /* Convert html string to dom elements.\n *\n * There should be only one root element.\n *\n * |Name |Desc |\n * |------|------------|\n * |str |Html string |\n * |return|Html element|\n */\n\n /* example\n * toEl('test
');\n */\n\n /* typescript\n * export declare function toEl(str: string): Element;\n */\n var doc = document;\n\n exports = function(str) {\n var fragment = doc.createElement('body');\n fragment.innerHTML = str;\n return fragment.childNodes[0];\n };\n\n if (doc.createRange && doc.body) {\n var range = doc.createRange();\n range.selectNode(doc.body);\n\n if (range.createContextualFragment) {\n exports = function(str) {\n return range.createContextualFragment(str).childNodes[0];\n };\n }\n }\n\n return exports;\n })({});\n\n return _;\n}));"
}
] ![](\"https://eruda.liriliri.io/icon.png\"){kind=icon}
\n \n![](\"https://eruda.liriliri.io/screenshot.jpg\")
\n\n## Demo\n\n\n\nBrowse it on your phone: [eruda.liriliri.io](https://eruda.liriliri.io/)\n\n## Install\n\nYou can get it on npm.\n\n```bash\nnpm install eruda --save-dev\n```\n\nAdd this script to your page.\n\n```html\n\n\n```\n\nIt's also available on [jsDelivr](http://www.jsdelivr.com/projects/eruda) and [cdnjs](https://cdnjs.com/libraries/eruda).\n\n```html\n\n\n```\n\nFor more detailed usage instructions, please read the documentation at [eruda.liriliri.io](https://eruda.liriliri.io/docs/)!\n\n## Related Projects\n\n* [eruda-android](https://github.com/liriliri/eruda-android): Simple webview with eruda loaded automatically.\n* [chii](https://github.com/liriliri/chii): Remote debugging tool.\n* [chobitsu](https://github.com/liriliri/chobitsu): Chrome devtools protocol JavaScript implementation.\n* [licia](https://github.com/liriliri/licia): Utility library used by eruda.\n* [luna](https://github.com/liriliri/luna): UI components used by eruda.\n* [vivy](https://github.com/liriliri/vivy-docs): Icon image generation.\n\n## Third Party\n\n* [eruda-pixel](https://github.com/Faithree/eruda-pixel): UI pixel restoration tool.\n* [eruda-webpack-plugin](https://github.com/huruji/eruda-webpack-plugin): Eruda webpack plugin.\n* [eruda-vue-devtools](https://github.com/Zippowxk/vue-devtools-plugin): Eruda Vue-devtools plugin.\n\n## Backers\n\n![](\"https://opencollective.com/eruda/backers.svg?width=890\")
\n\n## Contribution\n\nRead [Contributing Guide](https://eruda.liriliri.io/docs/contributing.html) for development setup instructions.\n"
},
{
"path": "build/build.js",
"content": "const path = require('path')\nconst fs = require('licia/fs')\n\nconst pkg = require('../package.json')\n\ndelete pkg.scripts\ndelete pkg.devDependencies\n\nfs.writeFile(\n path.resolve(__dirname, '../dist/package.json'),\n JSON.stringify(pkg, null, 2),\n 'utf8'\n)\n"
},
{
"path": "build/loaders/handlebars-minifier-loader.js",
"content": "module.exports = function (src) {\n return src.replace(/\"loc\":\\{\"start\":\\{\"line\":\\d+,\"column\":\\d+},\"end\":\\{\"line\":\\d+,\"column\":\\d+\\}\\}/g, '')\n}"
},
{
"path": "build/webpack.analyser.js",
"content": "const BundleAnalyzerPlugin =\n require('webpack-bundle-analyzer').BundleAnalyzerPlugin\n\nexports = require('./webpack.prod')\n\nexports.plugins.push(new BundleAnalyzerPlugin())\n\nmodule.exports = exports\n"
},
{
"path": "build/webpack.base.js",
"content": "const autoprefixer = require('autoprefixer')\nconst prefixer = require('postcss-prefixer')\nconst clean = require('postcss-clean')\nconst webpack = require('webpack')\nconst pkg = require('../package.json')\nconst path = require('path')\nconst ESLintPlugin = require('eslint-webpack-plugin')\n\nprocess.traceDeprecation = true\n\nconst banner = pkg.name + ' v' + pkg.version + ' ' + pkg.homepage\n\nconst postcssLoader = {\n loader: 'postcss-loader',\n options: {\n plugins: [\n prefixer({\n prefix: '_',\n ignore: [/luna-*/],\n }),\n autoprefixer,\n clean(),\n ],\n },\n}\n\nconst rawLoader = {\n loader: 'raw-loader',\n options: {\n esModule: false,\n },\n}\n\nmodule.exports = {\n entry: './src/index',\n resolve: {\n symlinks: false,\n alias: {\n axios: path.resolve(__dirname, '../src/lib/empty.js'),\n micromark: path.resolve(__dirname, '../src/lib/micromark.js'),\n },\n },\n devServer: {\n static: {\n directory: path.join(__dirname, '../test'),\n },\n port: 8080,\n },\n output: {\n path: path.resolve(__dirname, '../dist'),\n publicPath: '/assets/',\n library: 'eruda',\n libraryTarget: 'umd',\n },\n module: {\n rules: [\n {\n test: /\\.js$/,\n include: [\n path.resolve(__dirname, '../src'),\n path.resolve(__dirname, '../node_modules/luna-console'),\n path.resolve(__dirname, '../node_modules/luna-modal'),\n path.resolve(__dirname, '../node_modules/luna-tab'),\n path.resolve(__dirname, '../node_modules/luna-data-grid'),\n path.resolve(__dirname, '../node_modules/luna-object-viewer'),\n path.resolve(__dirname, '../node_modules/luna-dom-viewer'),\n path.resolve(__dirname, '../node_modules/luna-text-viewer'),\n path.resolve(__dirname, '../node_modules/luna-setting'),\n path.resolve(__dirname, '../node_modules/luna-box-model'),\n path.resolve(__dirname, '../node_modules/luna-notification'),\n ],\n use: [\n {\n loader: 'babel-loader',\n options: {\n sourceType: 'unambiguous',\n presets: ['@babel/preset-env'],\n plugins: [\n '@babel/plugin-transform-runtime',\n '@babel/plugin-proposal-class-properties',\n ],\n },\n },\n ],\n },\n {\n test: /\\.scss$/,\n use: [\n 'css-loader',\n postcssLoader,\n { loader: 'sass-loader', options: { api: 'modern' } },\n ],\n },\n {\n test: /\\.css$/,\n exclude: /luna-dom-highlighter/,\n use: ['css-loader', postcssLoader],\n },\n {\n test: /luna-dom-highlighter\\.css$/,\n use: [rawLoader],\n },\n ],\n },\n plugins: [\n new webpack.BannerPlugin(banner),\n new webpack.DefinePlugin({\n VERSION: '\"' + pkg.version + '\"',\n }),\n new ESLintPlugin(),\n ],\n}\n"
},
{
"path": "build/webpack.dev.js",
"content": "const webpack = require('webpack')\n\nexports = require('./webpack.base')\n\nexports.mode = 'development'\nexports.output.filename = 'eruda.js'\nexports.devtool = 'source-map'\nexports.plugins = exports.plugins.concat([\n new webpack.DefinePlugin({\n ENV: '\"development\"',\n }),\n])\n\nmodule.exports = exports\n"
},
{
"path": "build/webpack.polyfill.js",
"content": "const path = require('path')\n\nmodule.exports = {\n mode: 'production',\n entry: './src/polyfill',\n output: {\n path: path.resolve(__dirname, '../dist'),\n filename: 'eruda-polyfill.js',\n },\n}\n"
},
{
"path": "build/webpack.prod.js",
"content": "const webpack = require('webpack')\nconst TerserPlugin = require('terser-webpack-plugin')\n\nexports = require('./webpack.base')\n\nexports.mode = 'production'\nexports.output.filename = 'eruda.js'\nexports.devtool = 'source-map'\nexports.plugins = exports.plugins.concat([\n new webpack.DefinePlugin({\n ENV: '\"production\"',\n }),\n])\nexports.optimization = {\n minimize: true,\n minimizer: [\n new TerserPlugin({\n extractComments: false,\n }),\n ],\n}\n\nmodule.exports = exports\n"
},
{
"path": "eruda.d.ts",
"content": "/**\n * Type definitions for Eruda\n * @see https://github.com/liriliri/eruda\n */\ndeclare module 'eruda' {\n export interface InitDefaults {\n /**\n * Transparency, 0 to 1\n */\n transparency?: number\n /**\n * Display size, 0 to 100\n */\n displaySize?: number\n /**\n * Theme, defaults to Light or Dark in dark mode\n */\n theme?: string\n }\n\n export interface InitOptions {\n /**\n * Container element. If not set, it will append an element directly under html root element\n */\n container?: HTMLElement\n /**\n * Choose which default tools you want, by default all will be added\n */\n tool?: string[]\n /**\n * Auto scale eruda for different viewport settings\n */\n autoScale?: boolean\n /**\n * Use shadow dom for css encapsulation\n */\n useShadowDom?: boolean\n /**\n * Enable inline mode\n */\n inline?: boolean\n /**\n * Default settings\n */\n defaults?: InitDefaults\n }\n\n export interface Position {\n x: number\n y: number\n }\n\n type AnyFn = (...args: any[]) => any\n\n export interface Emitter {\n on(event: string, listener: AnyFn): Emitter\n off(event: string, listener: AnyFn): Emitter\n once(event: string, listener: AnyFn): Emitter\n emit(event: string, ...args: any[]): Emitter\n removeAllListeners(event?: string): Emitter\n }\n\n /**\n * Eruda Plugin\n * @see https://eruda.liriliri.io/docs/plugin.html\n */\n export interface Tool {\n /**\n * Every plugin must have a unique name, which will be shown as the tab name on the top.\n */\n name: string\n /**\n * Called when plugin is added, and a document element used to display content is passed in.\n * The element is wrapped as a jQuery like object, provided by the licia utility library.\n */\n init(el: unknown): void\n /**\n * Called when switch to the panel. Usually all you need to do is to show the container element.\n */\n show(): Tool | undefined\n /**\n * Called when switch to other panel. You should at least hide the container element here.\n */\n hide(): Tool | undefined\n /**\n * Called when plugin is removed using `eruda.remove('plugin name')`.\n */\n destroy(): void\n }\n\n export interface ToolConstructor {\n new (): Tool\n readonly prototype: Tool\n\n extend(tool: Tool): ToolConstructor\n }\n\n export interface ConsoleConfig {\n /**\n * Asynchronous rendering\n */\n asyncRender?: boolean\n /**\n * Enable JavaScript execution\n */\n jsExecution?: boolean\n /**\n * Catch global errors\n */\n catchGlobalErr?: boolean\n /**\n * Override console\n */\n overrideConsole?: boolean\n /**\n * Display extra information\n */\n displayExtraInfo?: boolean\n /**\n * Display unenumerable properties\n */\n displayUnenumerable?: boolean\n /**\n * Access getter value\n */\n displayGetterVal?: boolean\n /**\n * Stringify object when clicked\n */\n lazyEvaluation?: boolean\n /**\n * Auto display if error occurs\n */\n displayIfErr?: boolean\n /**\n * Max log number\n */\n maxLogNum?: string\n }\n\n export interface Log {\n type: string\n }\n\n export interface ErudaConsole extends Tool, Console {\n config: {\n set