\n )\n }\n}\n\nexport default SortedSetDetails\n"
},
{
"path": "src/components/details/StringDetails.js",
"content": "import React from 'react'\nimport pureRender from 'pure-render-decorator'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport clipboard from 'clipboard'\nimport Details from '../../components/details/Details'\nimport Highlight from '../../components/Highlight'\n\n@pureRender\nclass KeyDetails extends React.Component {\n\n static propTypes = {\n item: ImmutablePropTypes.map\n }\n\n state = {\n types: ['JSON', 'Raw'],\n show: 'JSON',\n hasJSON: false\n }\n\n renderValue () {\n let value = this.props.item.get('value')\n try {\n if (this.state.show === 'Raw') {\n value = {value}
\n } else {\n value = (\n \n {JSON.stringify(JSON.parse(value), null, 2)}\n \n )\n }\n this.state.hasJSON = true\n } catch (e) {\n value = {value}
\n }\n return value\n }\n\n renderButtons () {\n let buttons = {}\n let value = this.props.item.get('value')\n\n // Create types buttons.\n if (this.state.hasJSON) {\n buttons.show = (\n \n {this.state.types.map((type) => {\n return (\n
{\n e.preventDefault()\n this.setState({show: type})\n }}\n >\n {type}\n \n )\n })}\n \n \n \n \n \n \n {this.props.selectedKey ?\n \n :/*else*/\n null\n }\n \n
\n )\n }\n}\n\nexport default BrowseHandler\n"
},
{
"path": "src/components/handlers/InfoHandler.js",
"content": "import React from 'react'\nimport ImmutablePropTypes from 'react-immutable-proptypes'\nimport autobind from 'autobind-decorator'\nimport pureRender from 'pure-render-decorator'\nimport connectToStores from 'alt/utils/connectToStores'\nimport throttle from '../../utils/throttle'\nimport hostsStore from '../../stores/hostsStore'\nimport hostsActions from '../../actions/hostsActions'\nimport HostInfo from '../../components/HostInfo'\n\n/**\n * Wrap the Info component so we can handle transisions.\n */\n@pureRender\nclass InfoHandler extends React.Component {\n\n static willTransitionTo () {\n let {hostInfo, connected} = hostsStore.getState()\n if (!hostInfo && connected) {\n hostsActions.fetchHostInfo()\n }\n }\n\n render () {\n return \n }\n}\n\n/**\n * Info component.\n */\n@connectToStores\n@pureRender\n@autobind\nclass Info extends React.Component {\n\n static propTypes = {\n connected: React.PropTypes.bool,\n hostInfoLoading: React.PropTypes.bool,\n hostInfo: ImmutablePropTypes.map\n }\n\n static getStores () {\n return [hostsStore]\n }\n\n static getPropsFromStores () {\n return hostsStore.getState()\n }\n\n componentDidMount () {\n this.refreshInterval = setInterval(() => this.fetchHostInfo(true), 1000)\n }\n\n componentWillUnmount () {\n clearInterval(this.refreshInterval)\n }\n\n componentWillReceiveProps (nextProps) {\n // Connected to a new server.\n if (this.props.connected !== nextProps.connected) {\n this.fetchHostInfo()\n }\n }\n\n @throttle(250)\n fetchHostInfo (isRefresh) {\n hostsActions.fetchHostInfo.defer(isRefresh)\n }\n\n render () {\n return (\n \n {!this.props.hostInfo ?\n (this.props.hostInfoLoading ?\n
Loading Info
\n : null)\n :/*else*/\n
\n }\n
\n \n \n
\n )\n }\n}\n\nexport default MainHandler\nexport {themeManager}\n"
},
{
"path": "src/components/handlers/NotFoundHandler.js",
"content": "import React from 'react'\n\nclass NotFoundHandler extends React.Component {\n\n render () {\n return (\n \n
Sorry, Page Not Found
\n \n )\n }\n}\n\nexport default NotFoundHandler\n"
},
{
"path": "src/conf.js",
"content": "var conf = {}\n\nconf.BASENAME = 'RedisExplorer'\nconf.APPNAME = conf.BASENAME\nconf.DEVELPER_ID = 'Brian Link'\nconf.COMPANY = 'Terra Eclipse, Inc.'\nconf.ICON = 'resources/redisexplorer'\nconf.ICON_URL = 'https://raw.githubusercontent.com/cpsubrian/redisexplorer/master/' + conf.ICON + '.ico'\nconf.BUNDLE_ID = 'com.terraeclipse.redisexplorer'\nconf.OSX_OUT = './dist/' + conf.APPNAME + '-darwin-x64'\nconf.OSX_FILENAME = conf.OSX_OUT + '/' + conf.APPNAME + '.app'\n\nmodule.exports = conf\n"
},
{
"path": "src/main.js",
"content": "/**\n * Entry point for babel.\n */\n\nimport 'babel/polyfill'\nimport './app'\n"
},
{
"path": "src/router.js",
"content": "import React from 'react'\nimport Router, {Route, NotFoundRoute} from 'react-router'\n\nimport MainHandler from './components/handlers/MainHandler'\nimport NotFoundHandler from './components/handlers/NotFoundHandler'\nimport BrowseHandler from './components/handlers/BrowseHandler'\nimport InfoHandler from './components/handlers/InfoHandler'\n\nconst routes = (\n \n \n \n \n \n)\n\nconst router = Router.create({\n routes: routes\n})\n\nexport default router\nexport {routes, router}\n"
},
{
"path": "src/stores/browseStore.js",
"content": "import alt from '../alt'\nimport _ from 'underscore'\nimport Immutable from 'immutable'\nimport immutable from 'alt/utils/ImmutableUtil'\nimport regex from '../utils/regex'\nimport settings from '../utils/settings'\nimport browseActions from '../actions/browseActions'\n\n@immutable\nclass BrowseStore {\n\n constructor () {\n // Bind actions.\n this.bindActions(browseActions)\n\n // Initialize state.\n this.keys = Immutable.OrderedMap()\n this.keysIndex = Immutable.List()\n this.selectedKey = null\n this.selectedIndex = null\n this.loading = false\n this.loaded = false\n this.finished = false\n this.error = null\n this.offset = 0\n this.match = settings.get('browse:match', null)\n this.matchRegExp = null\n }\n\n /* General\n ****************************************************************************/\n onResetKeys () {\n this.keys = this.keys.clear()\n this.keysIndex = this.keysIndex.clear()\n this.selectedKey = null\n this.selectedIndex = null\n this.loading = false\n this.loaded = false\n this.finished = false\n this.error = null\n this.offset = 0\n this.match = null\n this.matchRegExp = null\n settings.set('browse:match', null)\n }\n\n onSetOffset (offset) {\n this.offset = offset\n }\n\n onSetMatch (match) {\n this.matchRegExp = null\n if (match && match.length) {\n this.match = match\n } else {\n this.match = null\n }\n settings.set('browse:match', match)\n }\n\n onToggleSelectedKey (key) {\n if (key) {\n let index = this.keysIndex.indexOf(key)\n this.onToggleSelected({key, index})\n } else {\n this.onToggleSelected()\n }\n }\n\n onToggleSelectedIndex (index) {\n let key = this.keysIndex.get(index)\n this.onToggleSelected({key, index})\n }\n\n onToggleSelected (item = {}) {\n let {key, index} = item\n key = (typeof key !== 'undefined') ? key : this.selectedKey.get('key')\n index = (typeof index !== 'undefined') ? index : this.selectedIndex\n this.keys = this.keys.withMutations((keys) => {\n if (keys.get(key).get('selected')) {\n keys.update(key, (item) => item.set('selected', false))\n this.selectedKey = null\n this.selectedIndex = null\n } else {\n if (this.selectedKey) {\n keys.update(this.selectedKey.get('key'), (item) => item.set('selected', false))\n }\n keys.update(key, (item) => item.set('selected', true))\n this.selectedKey = keys.get(key)\n this.selectedIndex = index\n }\n })\n }\n\n /* Fetch Keys Lifecycle\n ****************************************************************************/\n onFetchKeys () {\n this.keys = this.keys.clear()\n this.keysIndex = this.keysIndex.clear()\n this.selectedKey = null\n this.selectedIndex = null\n this.loading = true\n this.loaded = false\n this.finished = false\n this.error = null\n this.offset = 0\n\n // Compute match regular expression.\n if (this.match && !this.matchRegExp) {\n this.matchRegExp = regex.fromGlob(this.match)\n }\n }\n\n onFetchKeysAdd (newKeys) {\n this.loading = false\n this.loaded = true\n this.keys = this.keys.withMutations((keys) => {\n this.keysIndex = this.keysIndex.withMutations((index) => {\n newKeys.forEach((key) => {\n if (!keys.has(key.key)) {\n index.push(key.key)\n }\n keys.set(key.key, Immutable.Map(key))\n })\n })\n })\n }\n\n onFetchKeysFailed (err) {\n this.loading = false\n this.loaded = true\n this.error = err\n }\n\n onFetchKeysFinished () {\n this.loading = false\n this.loaded = true\n this.finished = true\n }\n\n /* Fetch Values Lifecycle\n ****************************************************************************/\n onFetchValues (keys) {\n // @todo Maybe set a loading flag on each key?\n }\n\n onFetchValuesAdd (values) {\n this.keys = this.keys.withMutations((keys) => {\n _.each(values, (value, key) => {\n keys.update(key, (item) => item.set('value', value))\n })\n })\n }\n\n onFetchValuesFailed (err) {\n this.error = err\n }\n}\n\nexport default alt.createStore(BrowseStore)\n"
},
{
"path": "src/stores/hostsStore.js",
"content": "import alt from '../alt'\nimport path from 'path'\nimport fs from 'fs'\nimport _ from 'underscore'\nimport Immutable from 'immutable'\nimport immutable from 'alt/utils/ImmutableUtil'\nimport sshConfig from 'ssh-config'\nimport hostsActions from '../actions/hostsActions'\nimport settings from '../utils/settings'\n\n@immutable\nclass HostsStore {\n\n constructor () {\n // Bind actions.\n this.bindActions(hostsActions)\n\n // Initialize state.\n this.error = null\n this.connected = false\n this.connecting = false\n this.hostInfoLoading = false\n this.hostInfoError = null\n this.hostInfo = null\n this.hosts = Immutable.List()\n\n // Load hosts from .ssh.\n let configPath = path.join(\n process.env[(process.platform === 'win32') ? 'USERPROFILE' : 'HOME'],\n '.ssh',\n 'config'\n )\n let hostsFile = fs.readFileSync(configPath, 'utf8')\n if (hostsFile && hostsFile.length) {\n let config = sshConfig.parse(hostsFile)\n\n this.hosts = this.hosts.withMutations((hosts) => {\n _.each(config, (host) => {\n hosts.push(Immutable.Map(host))\n })\n })\n }\n\n // Alphabetize.\n this.hosts = this.hosts.sortBy((host) => host.get('Host').toLowerCase())\n\n // Add localhost and set active host.\n this.hosts = this.hosts.unshift(Immutable.Map({\n Host: 'localhost',\n Hostname: 'localhost'\n }))\n\n // Set active host.\n let name = settings.get('hosts:active', 'localhost')\n this.activeHost = this.hosts.find((host) => host.get('Host') === name)\n }\n\n /* Connection Lifecycle\n ****************************************************************************/\n onConnectToHost (host) {\n if ((!this.connected && !this.connecting) || (this.activeHost !== host)) {\n this.activeHost = host\n this.connected = false\n this.connecting = true\n this.hostInfoLoading = false\n this.hostInfoError = null\n this.hostInfo = null\n settings.set('hosts:active', host.get('Host'))\n }\n }\n\n onConnectToHostFailed (err) {\n this.error = err\n this.connecting = false\n }\n\n onConnectedToHost () {\n this.connected = true\n this.connecting = false\n }\n\n /* Fetch Host Info Lifecycle\n ****************************************************************************/\n onFetchHostInfo (isRefresh) {\n if (!isRefresh) {\n this.loadingHostInfo = true\n this.hostInfo = null\n }\n this.hostInfoError = null\n }\n\n onFetchHostInfoFailed (err) {\n this.hostInfoLoading = false\n this.hostInfoError = err\n }\n\n onFetchHostInfoFinished (info) {\n this.hostInfoLoading = false\n this.hostInfoError = null\n this.hostInfo = Immutable.Map(info)\n }\n}\n\nexport default alt.createStore(HostsStore)\n"
},
{
"path": "src/utils/db.js",
"content": "import redis from 'redis'\nimport redisInfo from 'redis-info'\nimport tunnel from 'tunnel-ssh'\nimport _ from 'underscore'\n\nconst DST_PORT = 6379\nconst LOCAL_PORT = 8379\nconst DEFAULT_COUNT = 250\n\n// Abstraction around redis.\nclass DB {\n\n // Clean up open connections, then initiate a new host connection.\n connect (host, cb) {\n if (this.client) {\n this.client.end()\n }\n if (this.tunnel) {\n this.tunnel.close((err) => {\n if (err && err.message !== 'Not running') return cb(err)\n this.connectToHost(host, cb)\n })\n } else {\n this.connectToHost(host, cb)\n }\n }\n\n // Connect to localhost or remote.\n connectToHost (host, cb) {\n if (host.Host === 'localhost') {\n setImmediate(() => {\n this.client = redis.createClient()\n this.client.on('ready', () => {\n cb()\n })\n })\n } else {\n this.connectToRemoteHost(host, cb)\n }\n }\n\n // Connect to a remote host using privateKey auth via ssh-agent.\n connectToRemoteHost (host, cb) {\n let config = {\n host: host.Hostname,\n dstPort: DST_PORT,\n localPort: LOCAL_PORT,\n username: host.User,\n agent: process.env.SSH_AUTH_SOCK\n }\n this.tunnel = tunnel(config, (err) => {\n if (err) return cb(err)\n this.client = redis.createClient(config.localPort)\n this.client.on('ready', () => {\n cb()\n })\n })\n }\n\n // An iterator-like api to scan keys.\n scan (options = {}) {\n let db = this\n\n options.cmd = 'SCAN'\n options.count = options.count || DEFAULT_COUNT\n\n let _scan = {\n options: options,\n cursor: 0,\n stopped: false,\n results: [],\n // Perform the next iteration of the scan.\n next: (cb) => {\n let args = []\n if (_scan.stopped) return\n if (_scan.cursor !== false) {\n args.push(_scan.cursor)\n if (options.key) {\n args.push(options.key)\n }\n if (options.count) {\n args.push('COUNT')\n args.push(options.count)\n }\n if (options.match) {\n args.push('MATCH')\n args.push(options.match)\n }\n args.push(_scan.process.bind(db, cb))\n db.client[options.cmd].apply(db.client, args)\n } else {\n if (cb) cb(null, false)\n }\n },\n // Collect results.\n process: (cb, err, results) => {\n if (err) return cb(err)\n if (_scan.stopped) return\n let [cursor, keys] = results\n _scan.cursor = (cursor === '0') ? false : cursor\n _scan.results = _scan.results.concat(keys.map(key => {\n return {key: key, _key: key}\n }))\n // Make sure we have at least options.count results.\n if (!_scan.cursor || (_scan.results.length >= options.count)) {\n ((results) => {\n _scan.results = []\n _scan.postProcess(cb, results)\n })(_scan.results)\n } else {\n _scan.next(cb)\n }\n },\n // Lookup data types of the matching keys.\n postProcess: (cb, results) => {\n if (_scan.stopped) return\n if (!results.length || !_scan.options.loadTypes) {\n return cb(null, results)\n }\n db.client.multi(results.map((result) => {\n return ['TYPE', result.key]\n })).exec((err, types) => {\n if (err) return cb(err)\n types.forEach((type, i) => {\n results[i].type = type\n })\n cb(null, results)\n })\n },\n stop: () => {\n _scan.stopped = true\n }\n }\n return _scan\n }\n\n // Fetch and parse the redis server info.\n fetchInfo (cb) {\n this.client.INFO((err, result) => {\n if (err) return cb(err)\n try {\n let info = redisInfo.parse(result)\n return cb(null, info)\n } catch (e) {\n return cb(e)\n }\n })\n }\n\n // Load values for a set of keys ({key, type}).\n fetchValues (keys, cb) {\n // Collect keys by type.\n let types = keys.reduce((memo, key) => {\n memo[key.type] = memo[key.type] || []\n memo[key.type].push(key.key)\n return memo\n }, {})\n\n // Create tasks.\n let tasks = _.map(types, (keys, type) => {\n switch (type) {\n case 'string':\n return this.fetchStringValues(keys)\n case 'list':\n return this.fetchListValues(keys)\n case 'set':\n return this.fetchSetValues(keys)\n case 'zset':\n return this.fetchSortedSetValues(keys)\n case 'hash':\n return this.fetchHashValues(keys)\n default:\n return Promise.reject(new Error('Unknown type: ' + type))\n }\n })\n\n Promise.all(tasks).then((values) => {\n cb(null, Object.assign.apply(null, values))\n }, (err) => {\n cb(err)\n })\n }\n\n // Fetch string values for an array of keys.\n fetchStringValues (keys) {\n return new Promise((resolve, reject) => {\n this.client.multi(keys.map((key) => {\n return ['GET', key]\n })).exec((err, results) => {\n if (err) return reject(err)\n resolve(keys.reduce((memo, key, i) => {\n memo[key] = results[i]\n return memo\n }, {}))\n })\n })\n }\n\n // Fetch list values for an array of keys.\n fetchListValues (keys) {\n return new Promise((resolve, reject) => {\n this.client.multi(keys.map((key) => {\n return ['LRANGE', key, 0, -1]\n })).exec((err, results) => {\n if (err) return reject(err)\n resolve(keys.reduce((memo, key, i) => {\n memo[key] = results[i]\n return memo\n }, {}))\n })\n })\n }\n\n // Fetch set values for an array of keys.\n fetchSetValues (keys) {\n return new Promise((resolve, reject) => {\n this.client.multi(keys.map((key) => {\n return ['SMEMBERS', key]\n })).exec((err, results) => {\n if (err) return reject(err)\n resolve(keys.reduce((memo, key, i) => {\n memo[key] = results[i]\n return memo\n }, {}))\n })\n })\n }\n\n // Fetch sorted-set values for an array of keys.\n fetchSortedSetValues (keys) {\n return new Promise((resolve, reject) => {\n this.client.multi(keys.map((key) => {\n return ['ZRANGEBYSCORE', key, '-inf', '+inf', 'WITHSCORES']\n })).exec((err, results) => {\n if (err) return reject(err)\n resolve(keys.reduce((memo, key, i) => {\n memo[key] = []\n results[i].forEach((val, j) => {\n if (j % 2 === 0 || j === 0) {\n memo[key].push({\n value: val,\n score: parseFloat(results[i][j + 1])\n })\n }\n })\n return memo\n }, {}))\n })\n })\n }\n\n // Fetch hash values for an array of keys.\n fetchHashValues (keys) {\n return Promise.resolve(keys.reduce((memo, key) => {\n memo[key] = '[value]'\n return memo\n }, {}))\n }\n}\n\nexport default (new DB())\n"
},
{
"path": "src/utils/keys.js",
"content": "const keysUtils = {\n\n getTypeName (type) {\n switch (type) {\n case 'string': return 'String'\n case 'list': return 'List'\n case 'set': return 'Set'\n case 'zset': return 'Sorted Set'\n case 'hash': return 'Hash'\n }\n }\n}\n\nexport default keysUtils\n"
},
{
"path": "src/utils/perf.js",
"content": "import React from 'react/addons'\nexport default React.addons.Perf\n"
},
{
"path": "src/utils/regex.js",
"content": "const regex = {\n\n escape (s) {\n return s.replace(/[-\\/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&')\n },\n\n fromGlob (s) {\n let converted = s\n .split('*')\n .map((part) => {\n return regex.escape(part)\n })\n .map((part) => {\n return '(' + part + ')'\n })\n .join('(.*)')\n\n return new RegExp('^' + converted, 'g')\n }\n}\n\nexport default regex\n"
},
{
"path": "src/utils/settings.js",
"content": "import fs from 'fs'\nimport path from 'path'\nimport mkdirp from 'mkdirp'\nimport conf from '../conf'\nimport throttle from '../utils/throttle'\n\nlet basePath = path.join(\n process.env[(process.platform === 'win32') ? 'USERPROFILE' : 'HOME'],\n 'Library',\n 'Application\\ Support',\n conf['APPNAME']\n )\nlet settingsPath = path.join(basePath, 'settings.json')\n\n// Create basePath if it doesn't exist.\nmkdirp.sync(basePath)\n\n// Load settings from the file.\nlet cache = {}\ntry {\n cache = JSON.parse(fs.readFileSync(settingsPath))\n} catch (e) {}\n\n// Settings API.\nconst settings = {\n\n get (key, fallback) {\n return cache[key] || fallback\n },\n\n set (key, value) {\n cache[key] = value\n settings.write()\n },\n\n @throttle(1000)\n write () {\n fs.writeFileSync(settingsPath, JSON.stringify(cache))\n }\n}\n\nexport default settings\n"
},
{
"path": "src/utils/spawn.js",
"content": "/**\n * ES7-like async via a wrapped generator function.\n * Inside the function you can yield Promises.\n */\nfunction spawn (genF) {\n return new Promise((resolve, reject) => {\n let gen = genF()\n let step = (nextF) => {\n let next\n try {\n next = nextF()\n } catch(e) {\n // Finished with failure, reject the promise.\n reject(e)\n return\n }\n if (next.done) {\n // Finished with success, resolve the promise.\n resolve(next.value)\n return\n }\n // Not finished, chain off the yielded promise and `step` again.\n Promise\n .cast(next.value)\n .then((v) => {\n step(() => gen.next(v))\n }, (e) => {\n step(() => gen.throw(e))\n })\n }\n step(() => gen.next(undefined))\n })\n}\n\nexport default spawn\n"
},
{
"path": "src/utils/throttle.js",
"content": "import _ from 'underscore'\n\n/**\n * Throttle decorator.\n *\n * Use like:\n *\n * @throttle(250)\n * myFunction () {\n * // Probably does something.\n * }\n */\nfunction throttle (delay, options = {}) {\n return function throttleDecorator (target, name, descriptor) {\n descriptor.value = _.throttle(descriptor.value, delay, options)\n return descriptor\n }\n}\n\nexport default throttle\n"
},
{
"path": "styles/.gitkeep",
"content": ""
},
{
"path": "styles/components/header.less",
"content": ".header {\n .icon {\n vertical-align: middle;\n }\n .toolbar {\n padding: 0 !important;\n }\n .button {\n display: inline-block;\n padding: 0 @space;\n color: @grey-600;\n line-height: @toolbarHeight;\n text-decoration: none;\n\n &:hover {\n color: @black;\n text-decoration: none;\n }\n &.active {\n color: @pink;\n }\n .icon {\n vertical-align: middle;\n margin-right: 4px;\n }\n }\n .host-button {\n &.disconnected i {\n color: @grey-600;\n }\n &.connecting i {\n color: @pink-100;\n }\n &.connected i {\n color: @pink;\n }\n }\n .host-option {\n font-size: 14px;\n\n .icon {\n font-size: 16px;\n color: @grey-400;\n }\n }\n}"
},
{
"path": "styles/components/key-details.less",
"content": ".key-details-panel {\n .side-panel {\n position: relative;\n\n .close {\n position: absolute !important;\n top: 0;\n right: 0;\n color: @cyan-600;\n\n &:hover {\n color: @cyan-300;\n }\n }\n\n .key-details {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: @grey-50;\n color: @cyan-900;\n font-size: 12px;\n\n & > * {\n box-sizing: border-box;\n }\n .key {\n min-height: 48px;\n padding: 15px 48px 12px 24px;\n background: @cyan-700;\n border-bottom: 1px solid @cyan-600;\n color: @cyan-100;\n white-space: pre-wrap;\n word-wrap: break-word;\n font-size: 16px;\n }\n .type {\n padding: 12px 24px;\n background: @cyan-800;\n border-bottom: 1px solid @cyan-700;\n color: @cyan-400;\n position: relative;\n\n .type-icon {\n font-size: 16px;\n margin-right: 6px;\n vertical-align: middle;\n }\n .type-name {\n vertical-align: middle;\n }\n .buttons {\n position: absolute;\n top: 11px;\n right: 24px;\n\n & > * {\n margin-left: 8px;\n float: left;\n }\n a {\n font-size: 10px;\n line-height: 1em;\n display: inline-block;\n padding: 4px 8px;\n color: @cyan-900;\n text-decoration: none;\n background: @cyan-600;\n border-radius: 4px;\n transition: background 300ms;\n }\n a:hover {\n background: @cyan-500;\n }\n a.active, a:active {\n color: @cyan-50;\n background: @cyan-400;\n }\n .pill {\n a {\n margin-left: 1px;\n border-radius: 0;\n }\n a:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n a:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n }\n }\n }\n }\n .value {\n flex: 1;\n overflow: auto;\n padding: 24px;\n position: relative;\n\n .value-item {\n position: relative;\n }\n .value-item .actions {\n display: inline-block;\n position: absolute;\n top: 1px;\n right: 1px;\n padding: 2px 6px;\n font-size: 9px;\n line-height: 12px;\n background: @cyan-50;\n color: @white;\n border-bottom-left-radius: 5px;\n }\n .value-item:hover .actions {\n background-color: @cyan-300;\n }\n .value-item .actions a {\n display: inline-block;\n margin-left: 6px;\n color: @white;\n font-size: 12px;\n vertical-align: middle;\n }\n .value-item .actions a:first-child {\n margin-left: 0;\n }\n .value-item .actions a i {\n font-size: 12px;\n }\n .value-item .actions a:hover {\n color: @cyan-800;\n }\n .value-item .actions a:active {\n color: @cyan-900;\n }\n\n pre {\n display: block;\n padding: 0;\n margin: 0 0 12px 0;\n white-space: pre-wrap;\n word-wrap: break-word;\n }\n pre:last-child {\n margin-bottom: 0;\n }\n pre code {\n display: block;\n padding: 12px;\n background: @white !important;\n border: 1px solid @grey-100;\n border-bottom-color: @grey-200;\n }\n }\n }\n }\n}\n"
},
{
"path": "styles/components/values-table.less",
"content": ".values-table {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n table {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n thead {\n flex: 0 0 auto;\n display: block;\n .zDepth(1);\n\n tr {\n display: flex;\n flex-direction: row;\n }\n th {\n flex: 1;\n padding: 0 @space;\n text-align: left;\n background: @grey-100;\n border-bottom: none;\n }\n .search {\n margin-top: -12px;\n margin-bottom: -9px;\n }\n }\n tbody {\n flex: 1 1 auto;\n display: block;\n\n tr {\n display: flex;\n flex-direction: row;\n\n td {\n border-bottom: 1px solid @grey-100;\n padding: @space/2 @space;\n height: (30 - @space);\n line-height: (30 - @space);\n font-size: 12px;\n }\n td.key {\n color: @grey-800;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n strong {\n color: @cyan-600;\n }\n }\n td.value {\n flex: 1;\n color: @grey-300;\n padding-left: 0;\n padding-right: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n td.type i {\n font-size: 16px;\n vertical-align: middle;\n color: @blue-grey-200;\n }\n }\n tr:hover {\n td {\n cursor: pointer;\n background: @grey-50;\n }\n td.key {\n color: @grey-900;\n }\n td.value {\n color: @grey-600;\n }\n }\n tr.selected {\n td {\n background: @cyan-50;\n }\n td.key {\n color: @cyan-900;\n }\n td.value {\n color: @cyan-700;\n }\n }\n }\n}"
},
{
"path": "styles/handlers/browse.less",
"content": ".main {\n .browse {\n flex: 1;\n position: relative;\n }\n}"
},
{
"path": "styles/handlers/info.less",
"content": ".main {\n .info {\n flex: 1;\n position: relative;\n overflow-y: auto;\n background: @grey-100;\n }\n .host-info {\n padding: 24px;\n -webkit-column-count: 3;\n -webkit-column-gap: 24px;\n\n .host-info-group {\n box-sizing: border-box;\n display: inline-block;\n padding: 12px;\n margin-bottom: 24px;\n width: 100%;\n\n h3 {\n margin: 0 0 4px 0;\n padding: 0;\n font-size: 12px;\n color: @cyan;\n }\n table {\n width: 100%;\n font-size: 11px;\n\n tr {\n td {\n padding: 2px 0;\n white-space: pre-wrap;\n word-wrap: break-word;\n\n strong {\n color: @cyan-200;\n margin-top: 5px;\n }\n }\n td.prop {\n padding-right: 12px;\n color: @grey-500;\n }\n td.value {\n\n }\n }\n tr:nth-child(2n) {\n td {\n background: #fbfbfb;\n }\n }\n }\n }\n }\n}"
},
{
"path": "styles/handlers/main.less",
"content": ".main {\n display: flex;\n flex-direction: column;\n height: 100%;\n position: relative;\n\n .header {\n flex: 0 0 @toolbarHeight;\n .zDepth(2);\n }\n}"
},
{
"path": "styles/index.less",
"content": "// Fonts\n@import url(fonts/Roboto/Roboto.css);\n@import url(fonts/MaterialIcons/MaterialIcons.css);\n\n// Utils\n@import \"utils/variables.less\";\n@import \"utils/material-colors.less\";\n@import \"utils/mixins.less\";\n@import \"utils/highlight.less\";\n\n// Handlers\n@import \"handlers/main.less\";\n@import \"handlers/browse.less\";\n@import \"handlers/info.less\";\n\n// Components\n@import \"components/header.less\";\n@import \"components/key-details.less\";\n@import \"components/values-table.less\";\n\n// Reset html/body\nhtml, body {\n height: 100%;\n width: 100%;\n margin: 0;\n padding: 0;\n overflow: hidden;\n background: none;\n //-webkit-user-select: none;\n //-webkit-user-drag: none;\n font-family: @font-regular;\n cursor: default;\n -webkit-font-smoothing: subpixel-antialiased;\n text-rendering: optimizelegibility;\n //-webkit-font-smoothing: antialiased;\n img {\n pointer-events: none;\n }\n}"
},
{
"path": "styles/utils/highlight.less",
"content": "/*\n\ngithub.com style (c) Vasily Polovnyov \n\n*/\n\n.hljs {\n display: block;\n overflow-x: auto;\n padding: 0.5em;\n color: #333;\n background: #f8f8f8;\n -webkit-text-size-adjust: none;\n}\n\n.hljs-comment,\n.diff .hljs-header {\n color: #998;\n font-style: italic;\n}\n\n.hljs-keyword,\n.css .rule .hljs-keyword,\n.hljs-winutils,\n.nginx .hljs-title,\n.hljs-subst,\n.hljs-request,\n.hljs-status {\n color: #333;\n font-weight: bold;\n}\n\n.hljs-number,\n.hljs-hexcolor,\n.ruby .hljs-constant {\n color: #008080;\n}\n\n.hljs-string,\n.hljs-tag .hljs-value,\n.hljs-doctag,\n.tex .hljs-formula {\n color: #d14;\n}\n\n.hljs-title,\n.hljs-id,\n.scss .hljs-preprocessor {\n color: #900;\n font-weight: bold;\n}\n\n.hljs-list .hljs-keyword,\n.hljs-subst {\n font-weight: normal;\n}\n\n.hljs-class .hljs-title,\n.hljs-type,\n.vhdl .hljs-literal,\n.tex .hljs-command {\n color: #458;\n font-weight: bold;\n}\n\n.hljs-tag,\n.hljs-tag .hljs-title,\n.hljs-rule .hljs-property,\n.django .hljs-tag .hljs-keyword {\n color: #000080;\n font-weight: normal;\n}\n\n.hljs-attribute,\n.hljs-variable,\n.lisp .hljs-body,\n.hljs-name {\n color: #008080;\n}\n\n.hljs-regexp {\n color: #009926;\n}\n\n.hljs-symbol,\n.ruby .hljs-symbol .hljs-string,\n.lisp .hljs-keyword,\n.clojure .hljs-keyword,\n.scheme .hljs-keyword,\n.tex .hljs-special,\n.hljs-prompt {\n color: #990073;\n}\n\n.hljs-built_in {\n color: #0086b3;\n}\n\n.hljs-preprocessor,\n.hljs-pragma,\n.hljs-pi,\n.hljs-doctype,\n.hljs-shebang,\n.hljs-cdata {\n color: #999;\n font-weight: bold;\n}\n\n.hljs-deletion {\n background: #fdd;\n}\n\n.hljs-addition {\n background: #dfd;\n}\n\n.diff .hljs-change {\n background: #0086b3;\n}\n\n.hljs-chunk {\n color: #aaa;\n}"
},
{
"path": "styles/utils/material-colors.less",
"content": "// ==========================================================================\n//\n// Name: UI Color Palette\n// Description: The color palette of material design.\n// Version: 2.1.0\n//\n// Author: Denis Malinochkin\n// Git: https://github.com/mrmlnc/material-color\n//\n// twitter: @mrmlnc\n//\n// ==========================================================================\n\n// Palettes\n// --------------------------------------------------------------------------\n\n// Red\n@list-red: #ffebee, #ffcdd2, #ef9a9a, #e57373, #ef5350,\n #f44336, #e53935, #d32f2f, #c62828, #b71c1c,\n #ff8a80, #ff5252, #ff1744, #d50000;\n\n// Pink\n@list-pink: #fce4ec, #f8bbd0, #f48fb1, #f06292, #ec407a,\n #e91e63, #d81b60, #c2185b, #ad1457, #880e4f,\n #ff80ab, #ff4081, #f50057, #c51162;\n\n// Purple\n@list-purple: #f3e5f5, #e1bee7, #ce93d8, #ba68c8, #ab47bc,\n #9c27b0, #8e24aa, #7b1fa2, #6a1b9a, #4a148c,\n #ea80fc, #e040fb, #d500f9, #aa00ff;\n\n// Deep Purple\n@list-deep-purple: #ede7f6, #d1c4e9, #b39ddb, #9575cd, #7e57c2,\n #673ab7, #5e35b1, #512da8, #4527a0, #311b92,\n #b388ff, #7c4dff, #651fff, #6200ea;\n\n// Indigo\n@list-indigo: #e8eaf6, #c5cae9, #9fa8da, #7986cb, #5c6bc0,\n #3f51b5, #3949ab, #303f9f, #283593, #1a237e,\n #8c9eff, #536dfe, #3d5afe, #304ffe;\n\n// Blue\n@list-blue: #e3f2fd, #bbdefb, #90caf9, #64b5f6, #42a5f5,\n #2196f3, #1e88e5, #1976d2, #1565c0, #0d47a1,\n #82b1ff, #448aff, #2979ff, #2962ff;\n\n// Light Blue\n@list-light-blue: #e1f5fe, #b3e5fc, #81d4fa, #4fc3f7, #29b6f6,\n #03a9f4, #039be5, #0288d1, #0277bd, #01579b,\n #80d8ff, #40c4ff, #00b0ff, #0091ea;\n\n// Cyan\n@list-cyan: #e0f7fa, #b2ebf2, #80deea, #4dd0e1, #26c6da,\n #00bcd4, #00acc1, #0097a7, #00838f, #006064,\n #84ffff, #18ffff, #00e5ff, #00b8d4;\n\n// Teal\n@list-teal: #e0f2f1, #b2dfdb, #80cbc4, #4db6ac, #26a69a,\n #009688, #00897b, #00796b, #00695c, #004d40,\n #a7ffeb, #64ffda, #1de9b6, #00bfa5;\n\n// Green\n@list-green: #e8f5e9, #c8e6c9, #a5d6a7, #81c784, #66bb6a,\n #4caf50, #43a047, #388e3c, #2e7d32, #1b5e20,\n #b9f6ca, #69f0ae, #00e676, #00c853;\n\n// Light Green\n@list-light-green: #f1f8e9, #dcedc8, #c5e1a5, #aed581, #9ccc65,\n #8bc34a, #7cb342, #689f38, #558b2f, #33691e,\n #ccff90, #b2ff59, #76ff03, #64dd17;\n\n// Lime\n@list-lime: #f9fbe7, #f0f4c3, #e6ee9c, #dce775, #d4e157,\n #cddc39, #c0ca33, #afb42b, #9e9d24, #827717,\n #f4ff81, #eeff41, #c6ff00, #aeea00;\n\n// Yellow\n@list-yellow: #fffde7, #fff9c4, #fff59d, #fff176, #ffee58,\n #ffeb3b, #fdd835, #fbc02d, #f9a825, #f57f17,\n #ffff8d, #ffff00, #ffea00, #ffd600;\n\n// Amber\n@list-amber: #fff8e1, #ffecb3, #ffe082, #ffd54f, #ffca28,\n #ffc107, #ffb300, #ffa000, #ff8f00, #ff6f00,\n #ffe57f, #ffd740, #ffc400, #ffab00;\n\n// Orange\n@list-orange: #fff3e0, #ffe0b2, #ffcc80, #ffb74d, #ffa726,\n #ff9800, #fb8c00, #f57c00, #ef6c00, #e65100,\n #ffd180, #ffab40, #ff9100, #ff6d00;\n\n// Deep Orange\n@list-deep-orange: #fbe9e7, #ffccbc, #ffab91, #ff8a65, #ff7043,\n #ff5722, #f4511e, #e64a19, #d84315, #bf360c,\n #ff9e80, #ff6e40, #ff3d00, #dd2c00;\n\n// Brown\n@list-brown: #efebe9, #d7ccc8, #bcaaa4, #a1887f, #8d6e63,\n #795548, #6d4c41, #5d4037, #4e342e, #3e2723;\n\n// Grey\n@list-grey: #fafafa, #f5f5f5, #eeeeee, #e0e0e0, #bdbdbd,\n #9e9e9e, #757575, #616161, #424242, #212121;\n\n// Blue Grey\n@list-blue-grey: #eceff1, #cfd8dc, #b0bec5, #90a4ae, #78909c,\n #607d8b, #546e7a, #455a64, #37474f, #263238;\n\n\n\n// Definitions\n// --------------------------------------------------------------------------\n\n// Red\n@red: extract(@list-red, 6);\n\n@red-50: extract(@list-red, 1);\n@red-100: extract(@list-red, 2);\n@red-200: extract(@list-red, 3);\n@red-300: extract(@list-red, 4);\n@red-400: extract(@list-red, 5);\n@red-500: extract(@list-red, 6);\n@red-600: extract(@list-red, 7);\n@red-700: extract(@list-red, 8);\n@red-800: extract(@list-red, 9);\n@red-900: extract(@list-red, 10);\n@red-A100: extract(@list-red, 11);\n@red-A200: extract(@list-red, 12);\n@red-A400: extract(@list-red, 13);\n@red-A700: extract(@list-red, 14);\n\n\n// Pink\n@pink: extract(@list-pink, 6);\n\n@pink-50: extract(@list-pink, 1);\n@pink-100: extract(@list-pink, 2);\n@pink-200: extract(@list-pink, 3);\n@pink-300: extract(@list-pink, 4);\n@pink-400: extract(@list-pink, 5);\n@pink-500: extract(@list-pink, 6);\n@pink-600: extract(@list-pink, 7);\n@pink-700: extract(@list-pink, 8);\n@pink-800: extract(@list-pink, 9);\n@pink-900: extract(@list-pink, 10);\n@pink-A100: extract(@list-pink, 11);\n@pink-A200: extract(@list-pink, 12);\n@pink-A400: extract(@list-pink, 13);\n@pink-A700: extract(@list-pink, 14);\n\n\n// Purple\n@purple: extract(@list-purple, 6);\n\n@purple-50: extract(@list-purple, 1);\n@purple-100: extract(@list-purple, 2);\n@purple-200: extract(@list-purple, 3);\n@purple-300: extract(@list-purple, 4);\n@purple-400: extract(@list-purple, 5);\n@purple-500: extract(@list-purple, 6);\n@purple-600: extract(@list-purple, 7);\n@purple-700: extract(@list-purple, 8);\n@purple-800: extract(@list-purple, 9);\n@purple-900: extract(@list-purple, 10);\n@purple-A100: extract(@list-purple, 11);\n@purple-A200: extract(@list-purple, 12);\n@purple-A400: extract(@list-purple, 13);\n@purple-A700: extract(@list-purple, 14);\n\n\n// Deep Purple\n@deep-purple: extract(@list-deep-purple, 6);\n\n@deep-purple-50: extract(@list-deep-purple, 1);\n@deep-purple-100: extract(@list-deep-purple, 2);\n@deep-purple-200: extract(@list-deep-purple, 3);\n@deep-purple-300: extract(@list-deep-purple, 4);\n@deep-purple-400: extract(@list-deep-purple, 5);\n@deep-purple-500: extract(@list-deep-purple, 6);\n@deep-purple-600: extract(@list-deep-purple, 7);\n@deep-purple-700: extract(@list-deep-purple, 8);\n@deep-purple-800: extract(@list-deep-purple, 9);\n@deep-purple-900: extract(@list-deep-purple, 10);\n@deep-purple-A100: extract(@list-deep-purple, 11);\n@deep-purple-A200: extract(@list-deep-purple, 12);\n@deep-purple-A400: extract(@list-deep-purple, 13);\n@deep-purple-A700: extract(@list-deep-purple, 14);\n\n\n// Indigo\n@indigo: extract(@list-indigo, 6);\n\n@indigo-50: extract(@list-indigo, 1);\n@indigo-100: extract(@list-indigo, 2);\n@indigo-200: extract(@list-indigo, 3);\n@indigo-300: extract(@list-indigo, 4);\n@indigo-400: extract(@list-indigo, 5);\n@indigo-500: extract(@list-indigo, 6);\n@indigo-600: extract(@list-indigo, 7);\n@indigo-700: extract(@list-indigo, 8);\n@indigo-800: extract(@list-indigo, 9);\n@indigo-900: extract(@list-indigo, 10);\n@indigo-A100: extract(@list-indigo, 11);\n@indigo-A200: extract(@list-indigo, 12);\n@indigo-A400: extract(@list-indigo, 13);\n@indigo-A700: extract(@list-indigo, 14);\n\n\n// Blue\n@blue: extract(@list-blue, 6);\n\n@blue-50: extract(@list-blue, 1);\n@blue-100: extract(@list-blue, 2);\n@blue-200: extract(@list-blue, 3);\n@blue-300: extract(@list-blue, 4);\n@blue-400: extract(@list-blue, 5);\n@blue-500: extract(@list-blue, 6);\n@blue-600: extract(@list-blue, 7);\n@blue-700: extract(@list-blue, 8);\n@blue-800: extract(@list-blue, 9);\n@blue-900: extract(@list-blue, 10);\n@blue-A100: extract(@list-blue, 11);\n@blue-A200: extract(@list-blue, 12);\n@blue-A400: extract(@list-blue, 13);\n@blue-A700: extract(@list-blue, 14);\n\n\n// Light Blue\n@light-blue: extract(@list-light-blue, 6);\n\n@light-blue-50: extract(@list-light-blue, 1);\n@light-blue-100: extract(@list-light-blue, 2);\n@light-blue-200: extract(@list-light-blue, 3);\n@light-blue-300: extract(@list-light-blue, 4);\n@light-blue-400: extract(@list-light-blue, 5);\n@light-blue-500: extract(@list-light-blue, 6);\n@light-blue-600: extract(@list-light-blue, 7);\n@light-blue-700: extract(@list-light-blue, 8);\n@light-blue-800: extract(@list-light-blue, 9);\n@light-blue-900: extract(@list-light-blue, 10);\n@light-blue-A100: extract(@list-light-blue, 11);\n@light-blue-A200: extract(@list-light-blue, 12);\n@light-blue-A400: extract(@list-light-blue, 13);\n@light-blue-A700: extract(@list-light-blue, 14);\n\n\n// Cyan\n@cyan: extract(@list-cyan, 6);\n\n@cyan-50: extract(@list-cyan, 1);\n@cyan-100: extract(@list-cyan, 2);\n@cyan-200: extract(@list-cyan, 3);\n@cyan-300: extract(@list-cyan, 4);\n@cyan-400: extract(@list-cyan, 5);\n@cyan-500: extract(@list-cyan, 6);\n@cyan-600: extract(@list-cyan, 7);\n@cyan-700: extract(@list-cyan, 8);\n@cyan-800: extract(@list-cyan, 9);\n@cyan-900: extract(@list-cyan, 10);\n@cyan-A100: extract(@list-cyan, 11);\n@cyan-A200: extract(@list-cyan, 12);\n@cyan-A400: extract(@list-cyan, 13);\n@cyan-A700: extract(@list-cyan, 14);\n\n\n// Teal\n@teal: extract(@list-teal, 6);\n\n@teal-50: extract(@list-teal, 1);\n@teal-100: extract(@list-teal, 2);\n@teal-200: extract(@list-teal, 3);\n@teal-300: extract(@list-teal, 4);\n@teal-400: extract(@list-teal, 5);\n@teal-500: extract(@list-teal, 6);\n@teal-600: extract(@list-teal, 7);\n@teal-700: extract(@list-teal, 8);\n@teal-800: extract(@list-teal, 9);\n@teal-900: extract(@list-teal, 10);\n@teal-A100: extract(@list-teal, 11);\n@teal-A200: extract(@list-teal, 12);\n@teal-A400: extract(@list-teal, 13);\n@teal-A700: extract(@list-teal, 14);\n\n\n// Green\n@green: extract(@list-green, 6);\n\n@green-50: extract(@list-green, 1);\n@green-100: extract(@list-green, 2);\n@green-200: extract(@list-green, 3);\n@green-300: extract(@list-green, 4);\n@green-400: extract(@list-green, 5);\n@green-500: extract(@list-green, 6);\n@green-600: extract(@list-green, 7);\n@green-700: extract(@list-green, 8);\n@green-800: extract(@list-green, 9);\n@green-900: extract(@list-green, 10);\n@green-A100: extract(@list-green, 11);\n@green-A200: extract(@list-green, 12);\n@green-A400: extract(@list-green, 13);\n@green-A700: extract(@list-green, 14);\n\n\n// Light Green\n@light-green: extract(@list-light-green, 6);\n\n@light-green-50: extract(@list-light-green, 1);\n@light-green-100: extract(@list-light-green, 2);\n@light-green-200: extract(@list-light-green, 3);\n@light-green-300: extract(@list-light-green, 4);\n@light-green-400: extract(@list-light-green, 5);\n@light-green-500: extract(@list-light-green, 6);\n@light-green-600: extract(@list-light-green, 7);\n@light-green-700: extract(@list-light-green, 8);\n@light-green-800: extract(@list-light-green, 9);\n@light-green-900: extract(@list-light-green, 10);\n@light-green-A100: extract(@list-light-green, 11);\n@light-green-A200: extract(@list-light-green, 12);\n@light-green-A400: extract(@list-light-green, 13);\n@light-green-A700: extract(@list-light-green, 14);\n\n\n// Lime\n@lime: extract(@list-lime, 6);\n\n@lime-50: extract(@list-lime, 1);\n@lime-100: extract(@list-lime, 2);\n@lime-200: extract(@list-lime, 3);\n@lime-300: extract(@list-lime, 4);\n@lime-400: extract(@list-lime, 5);\n@lime-500: extract(@list-lime, 6);\n@lime-600: extract(@list-lime, 7);\n@lime-700: extract(@list-lime, 8);\n@lime-800: extract(@list-lime, 9);\n@lime-900: extract(@list-lime, 10);\n@lime-A100: extract(@list-lime, 11);\n@lime-A200: extract(@list-lime, 12);\n@lime-A400: extract(@list-lime, 13);\n@lime-A700: extract(@list-lime, 14);\n\n\n//Yellow\n@yellow: extract(@list-yellow, 6);\n\n@yellow-50: extract(@list-yellow, 1);\n@yellow-100: extract(@list-yellow, 2);\n@yellow-200: extract(@list-yellow, 3);\n@yellow-300: extract(@list-yellow, 4);\n@yellow-400: extract(@list-yellow, 5);\n@yellow-500: extract(@list-yellow, 6);\n@yellow-600: extract(@list-yellow, 7);\n@yellow-700: extract(@list-yellow, 8);\n@yellow-800: extract(@list-yellow, 9);\n@yellow-900: extract(@list-yellow, 10);\n@yellow-A100: extract(@list-yellow, 11);\n@yellow-A200: extract(@list-yellow, 12);\n@yellow-A400: extract(@list-yellow, 13);\n@yellow-A700: extract(@list-yellow, 14);\n\n\n// Amber\n@amber: extract(@list-amber, 6);\n\n@amber-50: extract(@list-amber, 1);\n@amber-100: extract(@list-amber, 2);\n@amber-200: extract(@list-amber, 3);\n@amber-300: extract(@list-amber, 4);\n@amber-400: extract(@list-amber, 5);\n@amber-500: extract(@list-amber, 6);\n@amber-600: extract(@list-amber, 7);\n@amber-700: extract(@list-amber, 8);\n@amber-800: extract(@list-amber, 9);\n@amber-900: extract(@list-amber, 10);\n@amber-A100: extract(@list-amber, 11);\n@amber-A200: extract(@list-amber, 12);\n@amber-A400: extract(@list-amber, 13);\n@amber-A700: extract(@list-amber, 14);\n\n\n// Orange\n@orange: extract(@list-orange, 6);\n\n@orange-50: extract(@list-orange, 1);\n@orange-100: extract(@list-orange, 2);\n@orange-200: extract(@list-orange, 3);\n@orange-300: extract(@list-orange, 4);\n@orange-400: extract(@list-orange, 5);\n@orange-500: extract(@list-orange, 6);\n@orange-600: extract(@list-orange, 7);\n@orange-700: extract(@list-orange, 8);\n@orange-800: extract(@list-orange, 9);\n@orange-900: extract(@list-orange, 10);\n@orange-A100: extract(@list-orange, 11);\n@orange-A200: extract(@list-orange, 12);\n@orange-A400: extract(@list-orange, 13);\n@orange-A700: extract(@list-orange, 14);\n\n\n// Deep Orange\n@deep-orange: extract(@list-deep-orange, 6);\n\n@deep-orange-50: extract(@list-deep-orange, 1);\n@deep-orange-100: extract(@list-deep-orange, 2);\n@deep-orange-200: extract(@list-deep-orange, 3);\n@deep-orange-300: extract(@list-deep-orange, 4);\n@deep-orange-400: extract(@list-deep-orange, 5);\n@deep-orange-500: extract(@list-deep-orange, 6);\n@deep-orange-600: extract(@list-deep-orange, 7);\n@deep-orange-700: extract(@list-deep-orange, 8);\n@deep-orange-800: extract(@list-deep-orange, 9);\n@deep-orange-900: extract(@list-deep-orange, 10);\n@deep-orange-A100: extract(@list-deep-orange, 11);\n@deep-orange-A200: extract(@list-deep-orange, 12);\n@deep-orange-A400: extract(@list-deep-orange, 13);\n@deep-orange-A700: extract(@list-deep-orange, 14);\n\n\n// Brown\n@brown: extract(@list-brown, 6);\n\n@brown-50: extract(@list-brown, 1);\n@brown-100: extract(@list-brown, 2);\n@brown-200: extract(@list-brown, 3);\n@brown-300: extract(@list-brown, 4);\n@brown-400: extract(@list-brown, 5);\n@brown-500: extract(@list-brown, 6);\n@brown-600: extract(@list-brown, 7);\n@brown-700: extract(@list-brown, 8);\n@brown-800: extract(@list-brown, 9);\n@brown-900: extract(@list-brown, 10);\n\n\n// Grey\n@grey: extract(@list-grey, 6);\n\n@grey-50: extract(@list-grey, 1);\n@grey-100: extract(@list-grey, 2);\n@grey-200: extract(@list-grey, 3);\n@grey-300: extract(@list-grey, 4);\n@grey-400: extract(@list-grey, 5);\n@grey-500: extract(@list-grey, 6);\n@grey-600: extract(@list-grey, 7);\n@grey-700: extract(@list-grey, 8);\n@grey-800: extract(@list-grey, 9);\n@grey-900: extract(@list-grey, 10);\n\n\n// Blue Grey\n@blue-grey: extract(@list-blue-grey, 6);\n\n@blue-grey-50: extract(@list-blue-grey, 1);\n@blue-grey-100: extract(@list-blue-grey, 2);\n@blue-grey-200: extract(@list-blue-grey, 3);\n@blue-grey-300: extract(@list-blue-grey, 4);\n@blue-grey-400: extract(@list-blue-grey, 5);\n@blue-grey-500: extract(@list-blue-grey, 6);\n@blue-grey-600: extract(@list-blue-grey, 7);\n@blue-grey-700: extract(@list-blue-grey, 8);\n@blue-grey-800: extract(@list-blue-grey, 9);\n@blue-grey-900: extract(@list-blue-grey, 10);\n\n\n\n// UI Color Application\n// --------------------------------------------------------------------------\n\n// Typography\n@ui-display-4: @grey-600;\n@ui-display-3: @grey-600;\n@ui-display-2: @grey-600;\n@ui-display-1: @grey-600;\n@ui-headline: @grey-900;\n@ui-title: @grey-900;\n@ui-subhead-1: @grey-900;\n@ui-body-2: @grey-900;\n@ui-body-1: @grey-900;\n@ui-caption: @grey-600;\n@ui-menu: @grey-900;\n@ui-button: @grey-900;"
},
{
"path": "styles/utils/mixins.less",
"content": "// Paper-like shadows based on 'zDepth'.\n.zDepth(0) {\n box-shadow: none;\n z-index: 0;\n}\n.zDepth(1) {\n box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, 0.12);\n z-index: 1;\n}\n.zDepth(2) {\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.10), 0 3px 10px rgba(0, 0, 0, 0.18);\n z-index: 2;\n}\n.zDepth(3) {\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15), 0 6px 10px rgba(0, 0, 0, 0.23);\n z-index: 3;\n}\n.zDepth(4) {\n box-shadow: 0 14px 45px rgba(0, 0, 0, 0.20), 0 10px 18px rgba(0, 0, 0, 0.22);\n z-index: 4;\n}\n.zDepth(5) {\n box-shadow: 0 19px 60px rgba(0, 0, 0, 0.25), 0 15px 20px rgba(0, 0, 0, 0.22);\n z-index: 5;\n}"
},
{
"path": "styles/utils/variables.less",
"content": "// Fonts\n@font-regular: 'Roboto';\n@font-code: Menlo, Consolas;\n\n// Sizes\n@toolbarHeight: 56px;\n@space: 16px;\n\n// Extra Colors\n@black: #000;\n@white: #fff;"
}
]