- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| src | -
-
- |
- 80.98% | -132/163 | -84.44% | -76/90 | -74.28% | -26/35 | -80.98% | -115/142 | -
| src/renderer | -
-
- |
- 93.04% | -254/273 | -86.18% | -131/152 | -72% | -18/25 | -95.31% | -244/256 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 | - - - - - - - - - - - - - - - - - - - - - - - -1x - - - - - - - - - - - - - - - - - - -21x - -21x - -21x - - -21x -21x -21x - -21x -21x - - -21x - -21x - - - - - -2x -18x - - - -1x - -21x -6x - - -21x -16x -16x -12x -1x - -11x - -10x -10x - -5x - - - - -3x - - - - - - - -3x - - - -2x - - - - - - - -5x - - - - - - - - - - - -3x - - - - - - -23x -23x - -23x - - - -1x - -22x -21x - -1x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -18x - - - - - - - - - - - - - - - - - - - - - - - - -21x - - -10x - - - - - - - - - - - - -1x - | // /**
-// * This component supports three ways to pass the source JSON:
-// * 1. via the "json" attribute,
-// * <json-viewer json='{"name": "test"}'></json-viewer>
-// * 2. via the "json" property,
-// * const jsonViewer = document.createElement("json-viewer");
-// * jsonViewer.json = {name: "test"}
-// * 3. via content,
-// * <json-viewer>{"name": "test"}</json-viewer>
-// **/
-
-//#########################################NEW
-import styles from "./styles.css"
-import { themeStyles } from "./themes"
-import { isUrl } from "./data-helpers"
-import {
- validateBoolean,
- validateBooleanOrPositiveNumber,
- validatePositiveNumber,
- validateStringOrJson,
- validateString,
-} from "./validator"
-import Renderer from "./renderer/container"
-
-const DEFAULT_PARAMS = {
- indent: 2,
- expanded: 1,
- theme: "default-light",
- showDataTypes: true,
- showToolbar: false,
- expandIconType: "arrow",
- showCopy: true,
- showSize: true,
- data: null,
-}
-
-class JsonViewer extends HTMLElement {
- #themeStylesContainer
- #options
- #contentData
- #renderer
-
- constructor() {
- super()
-
- this.#options = { ...DEFAULT_PARAMS }
-
- this.#themeStylesContainer = document.createElement("style")
-
- // Attach a shadow DOM to encapsulate the component
- const shadowRoot = this.attachShadow({ mode: "open" })
- const basicStyles = document.createElement("style")
- basicStyles.textContent = `${styles}`
-
- shadowRoot.appendChild(basicStyles)
- shadowRoot.appendChild(this.#themeStylesContainer)
-
- // set default theme
- this.theme = this.#options.theme
- // initialize renderer
- this.#renderer = new Renderer(shadowRoot, this.#options)
- }
-
- // component attributes
- static get observedAttributes() {
- // convert camelCase to kebab-case
- return Object.keys(DEFAULT_PARAMS).map((k) =>
- k.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase()
- )
- }
-
- static allowedAttributes = ["id"].concat(JsonViewer.observedAttributes)
-
- #warn = (...args) => {
- console.warn(`JsonViewer${this.id ? ` (${this.id})` : ""}:`, ...args)
- }
-
- #validateAndUpdate = (propName, value, validatorFunc, allowedValues) => {
- try {
- value = validatorFunc(value)
- if (allowedValues && !allowedValues.includes(value)) {
- throw new Error(`should be one of ${allowedValues.join(", ")}`)
- }
- if (this.#options[propName] === value) return
-
- this.#options[propName] = value
- this.#render()
- } catch (e) {
- this.#warn(`Attribute ${propName}: ${e.message}`)
- }
- }
-
- set showDataTypes(value) {
- this.#validateAndUpdate("showDataTypes", value, validateBoolean)
- }
-
- set showToolbar(value) {
- this.#validateAndUpdate("showToolbar", value, validateBoolean)
- }
-
- set indent(newIndent) {
- this.#validateAndUpdate("indent", newIndent, validatePositiveNumber)
- }
-
- set expandIconType(name) {
- this.#validateAndUpdate("expandIconType", name, validateString, [
- "arrow",
- "square",
- "circle",
- ])
- }
-
- set expanded(newExpanded) {
- this.#validateAndUpdate(
- "expanded",
- newExpanded,
- validateBooleanOrPositiveNumber
- )
- }
-
- set showSize(newShowSize) {
- this.#validateAndUpdate("showSize", newShowSize, validateBoolean)
- }
-
- set showCopy(showCopy) {
- this.#validateAndUpdate("showCopy", showCopy, validateBoolean)
- }
-
- // validate and set theme
- // theme can be a string or an object
- // validationg theme is more complex than other attributes
- set theme(newTheme) {
- try {
- newTheme = validateStringOrJson(newTheme)
- // do nothing if the theme is the same or theme container is empty
- if (
- this.#options.theme === newTheme &&
- this.#themeStylesContainer.textContent !== ""
- )
- return
-
- this.#themeStylesContainer.textContent = themeStyles(newTheme)
- this.#options.theme = newTheme
- } catch (e) {
- this.#warn(`Attribute theme: ${e.message}`)
- }
- }
-
- // validate and set data
- // data can be a string or an object
- // validating data is more complex than other attributes
- set data(newData) {
- try {
- newData = validateStringOrJson(newData)
- // build a string from the value to compare with the current data
- const newDataString = JSON.stringify(newData)
- // do nothing if the data is the same
- if (this.#options.data === newDataString) return
- this.#options.data = newDataString
-
- if (isUrl(newData)) {
- fetch(newData)
- .then((r) => r.json())
- .then((data) => {
- this.#contentData = data
- this.#render()
- })
- } else {
- this.#contentData = newData
- this.#render()
- }
- } catch (e) {
- this.#warn(`Attribute data: ${e.message}`)
- }
- }
-
- get options() {
- return this.#options
- }
-
- connectedCallback() {
- window.addEventListener("DOMContentLoaded", () => {
- const data = this.textContent
- this.textContent = ""
- if (data) this.data = data
- })
- }
-
- attributeChangedCallback(name, oldValue, newValue) {
- // console.log("=====Changed=====")
- // console.log(name, oldValue, newValue)
- // filter out not allowed attributes
- if (JsonViewer.allowedAttributes.indexOf(name) > -1) {
- // convert kebab-case to camelCase
- const propName = name.replace(/-([a-z])/g, (g) => g[1].toUpperCase())
- this[propName] = newValue
- } else {
- this.#warn(`Attribute ${name} is not supported and will be ignored!`)
- this.removeAttribute(name)
- }
- }
-
- #render = () => {
- // console.log("====================RENDER");
-
- this.#renderer.update({
- data: this.#contentData,
- expanded: this.#options.expanded,
- expandIconType: this.#options.expandIconType,
- indent: this.#options.indent,
- showDataTypes: this.#options.showDataTypes,
- showToolbar: this.#options.showToolbar,
- showSize: this.#options.showSize,
- showCopy: this.#options.showCopy,
- })
- }
-}
-
-customElements.define("json-viewer", JsonViewer)
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 | -4x -11x - -11x - - -9x - - - - -4x -79x -77x -76x - -76x -76x -4x -3x -2x - -72x - -71x - - -71x - - - -4x - -9x - - - - - - - - - - - - -9x -45x -5x -40x -3x -15x - -15x - - -15x - -37x -4x - - -33x - - - -9x - - | // This function checks if a string is a valid URL.
-export const isUrl = (string) => {
- try {
- // Attempt to create a URL object from the input string
- return Boolean(new URL(string)) // Return true if successful
- } catch (e) {
- // If an error occurs (invalid URL), return false
- return false
- }
-}
-
-// This function determines the type of data.
-export const dataType = (data) => {
- if (Array.isArray(data)) return "array" // Check if data is an array
- if (data === null) return "null" // Check if data is null
- Iif (data instanceof RegExp) return "regexp" // Check if data is a regular expression
-
- const type = typeof data // Get the JavaScript type of data
- if (type === "number") {
- if (isNaN(data)) return "NaN" // Check if data is NaN
- if (!isFinite(data)) return "Infinity" // Check if data is Infinity
- return Number.isInteger(data) ? "int" : "float" // Check if data is integer or float
- }
- if (type === "boolean") return "bool" // Check if data is a boolean
-
- Iif (type === "object" && data instanceof Date) {
- return "date"
- }
- return type // Return the type of data as a string (e.g., "string", "object")
-}
-
-// This function parses a JSON string with custom handling for "NaN" and "undefined" strings.
-export const parseJson = (jsonString) => {
- // Replace ": NaN" and ": undefined" with ": "NaN"" and ": "undefined"" for valid JSON syntax
- const fixedJsonString = jsonString
- // replace new lines
- .replace(/\n/gi, " ")
- // replace all NaN values with "NaN"
- .replace(/:\s*NaN/gi, ': "NaN"')
- // replace all undefined values with "undefined"
- .replace(/:\s*undefined/gi, ': "undefined"')
- // replace all NaN in arrays with "NaN"
- .replace(/\[(.*)NaN(.*)\]/gi, '[$1"NaN"$2]')
- // replace undefined in arrays with "undefined"
- .replace(/\[(.*)undefined(.*)\]/gi, '[$1"undefined"$2]')
-
- // Define a custom reviver function for JSON parsing
- const customReviver = (key, value) => {
- if (value === "NaN") {
- return NaN // Convert "NaN" to the actual NaN value
- } else if (Array.isArray(value)) {
- return value.map((v) => {
- Iif (v === "NaN") {
- return NaN // Convert "NaN" to the actual NaN value
- } else Iif (v === "undefined") {
- return undefined // Convert "undefined" to the undefined value
- }
- return v
- })
- } else if (value === "undefined") {
- return undefined // Convert "undefined" to the undefined value
- }
-
- return value
- }
-
- // Parse the modified JSON string using the custom reviver function
- return JSON.parse(fixedJsonString, customReviver)
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| component.js | -
-
- |
- 60.86% | -42/69 | -55% | -11/20 | -59.09% | -13/22 | -63.07% | -41/65 | -
| data-helpers.js | -
-
- |
- 89.74% | -35/39 | -86.66% | -26/30 | -100% | -5/5 | -90.9% | -30/33 | -
| themes.js | -
-
- |
- 100% | -13/13 | -100% | -4/4 | -100% | -3/3 | -100% | -13/13 | -
| validator.js | -
-
- |
- 100% | -42/42 | -97.22% | -35/36 | -100% | -5/5 | -100% | -31/31 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 | - - - -42x -42x -42x -42x -42x - -42x - -42x - - - - - - - - - - -81x -9x - -9x -8x - -8x - - - - - - - - - -8x -8x - - - - - - -81x -25x -25x -3x -3x - - - -2x -2x -2x -2x -2x - - -2x - - - - - -3x -3x - -22x -22x - - - -81x - -81x -26x -26x - - -81x -24x -24x - -81x -2x - - - -81x -28x -28x - - -81x -26x -26x - - -81x -28x -28x - - -81x - - - -24x -24x -24x - - - -42x - - - - | import DataRow from "./data-row"
-import Toolbar from "./toolbar"
-
-function Container(root, options = {}) {
- const containerElem = document.createElement("div")
- containerElem.className = "container"
- root.appendChild(containerElem)
- let dataRow = null
- let toolbar = null
-
- const cache = {}
-
- this.update = ({
- data,
- expanded,
- indent,
- expandIconType,
- showDataTypes,
- showToolbar,
- showSize,
- showCopy,
- }) => {
- // DATA
- if (data) {
- const newDataCompareString = JSON.stringify(data)
- // if data has not changed, do nothing
- if (cache.dataComapreString !== newDataCompareString) {
- cache.dataComapreString = newDataCompareString
-
- dataRow = new DataRow({
- key: "",
- value: data,
- expanded,
- indent,
- onToggleExpand: (level) => {
- if (toolbar) toolbar.expanded = level
- cache.expanded = level
- },
- })
- containerElem.replaceChildren(dataRow.element)
- Iif (cache.showToolbar && toolbar) {
- containerElem.prepend(toolbar.element)
- toolbar.maxExpandLevel = dataRow.maxLevel
- toolbar.refresh()
- }
- }
- }
- if (showToolbar !== undefined && cache.showToolbar !== showToolbar) {
- cache.showToolbar = showToolbar
- if (showToolbar) {
- Eif (!toolbar)
- toolbar = new Toolbar({
- expanded: cache.expanded,
- indent: cache.indent,
- onChange: ({ expanded, indent, showDetails }) => {
- const options = { expanded, indent }
- Eif (showDetails !== undefined) {
- options.showCopy = showDetails
- options.showSize = showDetails
- options.showDataTypes = showDetails
- }
-
- this.update(options)
- },
- onSearch: (searchTerm) => {
- if (dataRow) dataRow.update({ searchTerm })
- },
- })
- Iif (dataRow) toolbar.maxExpandLevel = dataRow.maxLevel
- containerElem.prepend(toolbar.element)
- } else {
- const element = containerElem.querySelector(".toolbar")
- if (element) element.remove()
- }
- }
-
- const propsToBeUpdated = {}
- // EXPANDED
- if (expanded !== undefined && cache.expanded !== expanded) {
- cache.expanded = expanded
- propsToBeUpdated.expanded = expanded
- }
- // INDENT
- if (indent !== undefined && cache.indent !== indent) {
- cache.indent = indent
- propsToBeUpdated.indent = indent
- }
- if (Object.keys(propsToBeUpdated).length > 0 && dataRow) {
- dataRow.update(propsToBeUpdated)
- }
-
- // SHOW COPY
- if (showCopy !== undefined && cache.showCopy !== showCopy) {
- cache.showCopy = showCopy
- containerElem.classList.toggle("show-copy", showCopy)
- }
- // SHOW SIZE
- if (showSize !== undefined && cache.showSize !== showSize) {
- cache.showSize = showSize
- containerElem.classList.toggle("show-size", showSize)
- }
- // SHOW DATA TYPES
- if (showDataTypes !== undefined && cache.showDataTypes !== showDataTypes) {
- cache.showDataTypes = showDataTypes
- containerElem.classList.toggle("show-data-types", showDataTypes)
- }
- // EXPAND ICON TYPE
- if (
- expandIconType !== undefined &&
- cache.expandIconType !== expandIconType
- ) {
- containerElem.classList.add(`expand-icon-${expandIconType}`)
- containerElem.classList.remove(`expand-icon-${cache.expandIconType}`)
- cache.expandIconType = expandIconType
- }
- }
-
- this.update(options)
-}
-
-export default Container
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 | - -3x - - - - - - - - -68x -68x - -68x -68x -68x - - - -68x -68x -68x -68x - -68x -68x -68x - -68x - - - - - - - - - - - -68x -33x -33x -33x - - -33x -33x -33x -33x - -33x - - - -68x - -59x -59x -59x - - -59x -59x -59x - - -59x -59x -59x -59x - - -68x - -33x -33x -33x -33x - - -33x -33x -33x -33x -33x - - -33x -33x -33x -33x - - -33x - -33x -33x -33x -33x - - -33x - - -33x -33x -36x - - - - - - - -36x -36x -36x - - - -33x -33x -33x - -33x - - -35x -35x -28x -28x -28x - - -35x -35x -35x -35x -35x -35x -35x - - - -68x -68x -68x -68x - - - -68x -68x -68x -68x - - -68x -6x -6x - -6x - - -6x - - - -6x -1x - - - - - - - -6x -3x - -3x - - -3x - - - -3x -1x - - - - - - - - - - -68x -10x -1x - - -10x -2x -2x -2x - -10x -6x - - -10x -5x - - -68x - - - - | import { dataType } from "../data-helpers"
-
-const DataRow = function ({
- key,
- value,
- expanded,
- indent,
- searchTerm,
- onToggleExpand,
- level = 0,
-}) {
- const row = document.createElement("div")
- this.maxLevel = level
-
- const thisDataType = dataType(value)
- const hasChildren = thisDataType === "array" || thisDataType === "object"
- let isExpanded = expanded === true || expanded > level
- let expandIcon, childrenRows, keyEl, valueEl
-
- // ROW CONTAINER
- row.className = `data-row ${isExpanded ? "expanded" : ""}`
- row.dataset.key = key
- row.dataset.level = level
- if (level > 0) row.style.paddingLeft = `${indent * 5}px`
-
- const keyValueWrapper = document.createElement("span")
- keyValueWrapper.className = "key-value-wrapper"
- row.appendChild(keyValueWrapper)
-
- const toggleExpand = () => {
- row.classList.toggle("expanded")
- if (onToggleExpand) {
- if (row.classList.contains("expanded")) {
- onToggleExpand(level + 1)
- } else {
- onToggleExpand(level)
- }
- }
- }
-
- // EXPAND ICON
- if (hasChildren) {
- const expandIconWrapper = document.createElement("span")
- expandIconWrapper.className = "icon-wrapper"
- keyValueWrapper.appendChild(expandIconWrapper)
-
- // create the icon (i tag) using the DOM API
- expandIcon = document.createElement("span")
- expandIcon.className = `expand icon clickable`
- expandIcon.setAttribute("title", isExpanded ? "Collapse" : "Expand")
- expandIconWrapper.appendChild(expandIcon)
-
- expandIcon.addEventListener("click", () => toggleExpand())
- }
-
- // KEY VALUE WRAPPER
- if (key !== null && key !== "") {
- // KEY
- const keyDataType = typeof key
- keyEl = document.createElement("span")
- keyEl.className = `key clickable ${
- keyDataType === "number" ? "number" : ""
- }`
- keyEl.textContent = keyDataType === "number" ? key : `"${key}"`
- keyEl.addEventListener("click", () => toggleExpand())
- keyValueWrapper.appendChild(keyEl)
-
- // COLON
- const colonEl = document.createElement("span")
- colonEl.classList.add("colon")
- colonEl.textContent = ":"
- keyValueWrapper.appendChild(colonEl)
- }
-
- if (hasChildren) {
- // OPENING PARENTHESIS
- const openingParenthesis = document.createElement("span")
- openingParenthesis.className = "opening-parenthesis"
- openingParenthesis.textContent = thisDataType === "array" ? "[" : "{"
- keyValueWrapper.appendChild(openingParenthesis)
-
- // ELLIPSIS
- const ellipsis = document.createElement("span")
- ellipsis.className = "ellipsis clickable"
- ellipsis.textContent = "..."
- ellipsis.addEventListener("click", () => toggleExpand())
- keyValueWrapper.appendChild(ellipsis)
-
- // CLOSING PARENTHESIS
- const closingParenthesis = document.createElement("span")
- closingParenthesis.className = "closing-parenthesis"
- closingParenthesis.textContent = thisDataType === "array" ? "]" : "}"
- keyValueWrapper.appendChild(closingParenthesis)
-
- // ITEMS SIZE
- const itemsSize = document.createElement("span")
- const length =
- thisDataType === "array" ? value.length : Object.keys(value).length
- itemsSize.className = "items-size"
- itemsSize.textContent = `${length} item${length === 1 ? "" : "s"}`
- keyValueWrapper.appendChild(itemsSize)
-
- // CHILDREN ROWS
- childrenRows = []
-
- const items =
- thisDataType === "array" ? value.map((v, i) => i) : Object.keys(value)
- items.forEach((key) => {
- const subRow = new DataRow({
- key,
- value: value[key],
- expanded,
- indent,
- onToggleExpand,
- level: level + 1,
- })
- childrenRows.push(subRow)
- row.appendChild(subRow.element)
- this.maxLevel = Math.max(this.maxLevel, subRow.maxLevel)
- })
-
- // EXPANDED CLOSING PARENTHESIS
- const expandedClosingParenthesis = document.createElement("span")
- expandedClosingParenthesis.className = "closing-parenthesis"
- expandedClosingParenthesis.textContent =
- thisDataType === "array" ? "]" : "}"
- row.appendChild(expandedClosingParenthesis)
- } else {
- // VALUE
- let valueType = null
- if (!["nan", "NaN", "undefined", "null"].includes(thisDataType)) {
- valueType = document.createElement("span")
- valueType.className = `type`
- valueType.textContent = thisDataType.toLowerCase()
- }
-
- const valueWrapper = document.createElement("span")
- valueWrapper.className = `value ${thisDataType.toLowerCase()}`
- valueEl = document.createElement("span")
- valueEl.textContent = thisDataType === "string" ? `"${value}"` : value
- if (valueType) valueWrapper.appendChild(valueType)
- valueWrapper.appendChild(valueEl)
- keyValueWrapper.appendChild(valueWrapper)
- }
-
- // COPY ICON
- const copyIcon = document.createElement("span")
- copyIcon.className = "copy icon"
- copyIcon.setAttribute("title", "Copy to clipboard")
- copyIcon.addEventListener("click", () => {
- navigator.clipboard.writeText(JSON.stringify(value, null, indent))
- })
-
- const copyIconWrapper = document.createElement("span")
- copyIconWrapper.className = "icon-wrapper"
- copyIconWrapper.appendChild(copyIcon)
- keyValueWrapper.appendChild(copyIconWrapper)
-
- // this function highlights the search term
- const search = (searchTerm) => {
- Eif (keyEl) {
- const keyString = keyEl.textContent
- // remove any existing matches
- keyEl.innerHTML = keyString
-
- const keyIndex =
- searchTerm === null || searchTerm === undefined || searchTerm === ""
- ? -1
- : keyString.indexOf(searchTerm)
-
- if (keyIndex > -1) {
- keyEl.innerHTML =
- keyString.slice(0, keyIndex) +
- `<span class="match">${keyString.slice(
- keyIndex,
- keyIndex + searchTerm.length
- )}</span>${keyString.slice(keyIndex + searchTerm.length)}`
- }
- }
- if (valueEl) {
- const valueString = valueEl.textContent
- // remove any existing matches
- valueEl.innerHTML = valueString
-
- const valueIndex =
- searchTerm === null || searchTerm === undefined || searchTerm === ""
- ? -1
- : valueString.indexOf(searchTerm)
-
- if (valueIndex > -1) {
- valueEl.innerHTML =
- valueString.slice(0, valueIndex) +
- `<span class="match">${valueString.slice(
- valueIndex,
- valueIndex + searchTerm.length
- )}</span>${valueString.slice(valueIndex + searchTerm.length)}`
- }
- }
- }
-
- // this function updates the icon based on the expanded state
- this.update = ({ expanded, indent, searchTerm }) => {
- if (indent !== undefined && level > 0) {
- row.style.paddingLeft = `${indent * 5}px`
- }
-
- if (expanded !== undefined) {
- isExpanded = expanded === true || expanded > level
- row.classList.toggle("expanded", isExpanded)
- if (expandIcon) expandIcon.title = isExpanded ? "Collapse" : "Expand"
- }
- if (searchTerm !== undefined && searchTerm !== null) {
- search(searchTerm)
- }
-
- if (childrenRows)
- childrenRows.forEach((r) => r.update({ expanded, indent, searchTerm }))
- }
-
- this.element = row
-}
-
-export default DataRow
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| container.js | -
-
- |
- 85.48% | -53/62 | -83.63% | -46/55 | -60% | -3/5 | -89.65% | -52/58 | -
| data-row.js | -
-
- |
- 92.68% | -114/123 | -91.35% | -74/81 | -54.54% | -6/11 | -94.78% | -109/115 | -
| toolbar.js | -
-
- |
- 98.86% | -87/88 | -68.75% | -11/16 | -100% | -9/9 | -100% | -83/83 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 | 3x - - - - - - -18x -18x -18x -18x - - - -18x -18x - - -18x -18x -18x - - -18x -18x -18x - - -18x -18x -18x -18x -18x -18x -18x - - -18x -18x -18x -18x -18x -18x -18x -1x -1x - - - -18x -18x -18x - -18x -18x -18x -18x -1x -1x -1x - - - -18x -18x -18x -18x -18x -18x -1x -1x - -18x - - -18x -18x -18x -18x -18x -18x -1x -1x - -18x - - -18x -18x -18x -18x -18x -18x -3x -3x -3x - - - -18x - - -18x -18x -18x -18x -18x -18x -18x -1x - -18x - -18x -1x -1x -1x -1x -1x - - -18x - - - - | const Toolbar = function ({
- expanded,
- indent,
- onChange,
- onSearch,
- showDetails,
-}) {
- this.indent = indent || 2
- this.expanded = typeof expanded === "number" ? expanded : 2
- this.showDetails = showDetails || true
- this.maxExpandLevel = 0
-
- let searchInput
-
- const toolbar = document.createElement("div")
- toolbar.className = "toolbar"
-
- // OPTIONS
- const options = document.createElement("div")
- options.className = "options"
- toolbar.appendChild(options)
-
- // SEARCH WRAPPER
- const searchWrapper = document.createElement("div")
- searchWrapper.className = "search-wrapper"
- toolbar.appendChild(searchWrapper)
-
- // REFRESH ICON
- const refreshIconWrapper = document.createElement("div")
- refreshIconWrapper.className = "icon-wrapper clickable"
- options.appendChild(refreshIconWrapper)
- const refreshIcon = document.createElement("span")
- refreshIcon.className = "icon refresh"
- refreshIconWrapper.onclick = () => this.refresh()
- refreshIconWrapper.appendChild(refreshIcon)
-
- // EXPAND ICON
- const expandIconWrapper = document.createElement("div")
- expandIconWrapper.className = "icon-wrapper clickable"
- options.appendChild(expandIconWrapper)
- const expandIcon = document.createElement("span")
- expandIcon.className = "icon plus"
- expandIconWrapper.appendChild(expandIcon)
- expandIconWrapper.onclick = () => {
- Eif (this.expanded < this.maxExpandLevel) this.expanded += 1
- onChange({ expanded: this.expanded })
- }
-
- // COLLAPSE ICON
- const collapseIconWrapper = document.createElement("div")
- collapseIconWrapper.className = "icon-wrapper clickable"
- options.appendChild(collapseIconWrapper)
-
- const collapseIcon = document.createElement("span")
- collapseIcon.className = "icon minus"
- collapseIconWrapper.appendChild(collapseIcon)
- collapseIconWrapper.onclick = () => {
- Iif (this.expanded > this.maxExpandLevel) this.expanded = this.maxExpandLevel
- Eif (this.expanded > 0) this.expanded -= 1
- onChange({ expanded: this.expanded })
- }
-
- // INDENT ICON
- const indentIconWrapper = document.createElement("div")
- indentIconWrapper.className = "icon-wrapper clickable"
- options.appendChild(indentIconWrapper)
- const indentIcon = document.createElement("span")
- indentIcon.className = "icon indent"
- indentIconWrapper.onclick = () => {
- this.indent += 1
- onChange({ indent: this.indent })
- }
- indentIconWrapper.appendChild(indentIcon)
-
- // OUTDENT ICON
- const outdentIconWrapper = document.createElement("div")
- outdentIconWrapper.className = "icon-wrapper clickable"
- options.appendChild(outdentIconWrapper)
- const outdentIcon = document.createElement("span")
- outdentIcon.className = "icon outdent"
- outdentIconWrapper.onclick = () => {
- this.indent -= 1
- onChange({ indent: this.indent })
- }
- outdentIconWrapper.appendChild(outdentIcon)
-
- // INFO ICON
- const infoIconWrapper = document.createElement("div")
- infoIconWrapper.className = "icon-wrapper clickable"
- options.appendChild(infoIconWrapper)
- const infoIcon = document.createElement("span")
- infoIcon.className = `icon info ${this.showDetails ? "active" : ""}`
- infoIconWrapper.onclick = () => {
- infoIcon.classList.toggle("active")
- this.showDetails = !this.showDetails
- onChange({
- showDetails: this.showDetails,
- })
- }
- infoIconWrapper.appendChild(infoIcon)
-
- // SEARCH INPUT
- const searchIcon = document.createElement("span")
- searchIcon.className = "icon search"
- searchWrapper.appendChild(searchIcon)
- searchInput = document.createElement("input")
- searchInput.className = "search-input"
- searchInput.placeholder = "Search"
- searchInput.oninput = (e) => {
- onSearch(e.target.value)
- }
- searchWrapper.appendChild(searchInput)
-
- this.refresh = () => {
- this.expanded = 1
- this.indent = 2
- Eif (searchInput) searchInput.value = ""
- onChange({ indent: 2, expanded: 1 })
- onSearch("")
- }
-
- this.element = toolbar
-}
-
-export default Toolbar
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 -245 -246 -247 -248 -249 -250 -251 -252 -253 -254 -255 -256 -257 -258 -259 -260 -261 -262 -263 -264 -265 -266 -267 -268 -269 -270 -271 -272 -273 -274 -275 -276 -277 -278 -279 -280 -281 -282 -283 -284 -285 -286 -287 -288 -289 -290 -291 -292 -293 -294 -295 -296 -297 -298 -299 -300 -301 -302 -303 -304 -305 -306 -307 -308 -309 -310 -311 -312 -313 -314 -315 -316 -317 -318 -319 -320 -321 -322 -323 -324 -325 -326 -327 -328 -329 -330 -331 -332 -333 -334 -335 -336 -337 -338 -339 -340 -341 -342 -343 -344 -345 -346 -347 -348 -349 -350 -351 -352 -353 -354 -355 -356 -357 -358 -359 -360 -361 -362 -363 -364 -365 -366 -367 -368 -369 -370 -371 -372 -373 -374 -375 -376 -377 -378 -379 -380 -381 -382 -383 -384 -385 -386 -387 -388 -389 -390 -391 -392 -393 -394 -395 -396 -397 -398 -399 -400 -401 -402 -403 -404 -405 -406 -407 -408 -409 -410 -411 -412 -413 -414 -415 -416 -417 -418 -419 -420 -421 -422 -423 -424 -425 -426 -427 -428 -429 -430 -431 -432 -433 -434 -435 -436 -437 -438 -439 -440 -441 -442 -443 -444 -445 -446 -447 -448 -449 -450 -451 -452 -453 -454 -455 -456 -457 -458 -459 -460 -461 -462 -463 -464 -465 -466 -467 -468 -469 -470 -471 -472 -473 -474 -475 -476 -477 -478 -479 -480 -481 -482 -483 -484 -485 -486 -487 -488 -489 -490 -491 -492 -493 -494 -495 -496 -497 -498 -499 -500 -501 -502 -503 -504 -505 -506 -507 -508 -509 -510 -511 -512 -513 -514 -515 -516 -517 -518 -519 -520 -521 -522 -523 -524 -525 -526 -527 -528 -529 -530 -531 -532 -533 -534 -535 -536 -537 -538 -539 -540 -541 -542 -543 -544 -545 -546 -547 -548 -549 -550 -551 -552 -553 -554 -555 -556 -557 -558 -559 -560 -561 -562 -563 -564 -565 -566 -567 -568 -569 -570 -571 -572 -573 -574 -575 -576 -577 -578 -579 -580 -581 -582 -583 -584 -585 -586 -587 -588 -589 -590 -591 -592 -593 -594 -595 -596 -597 -598 -599 -600 -601 -602 -603 -604 -605 -606 -607 -608 -609 -610 -611 -612 -613 -614 -615 -616 -617 -618 -619 -620 -621 -622 -623 -624 -625 -626 -627 -628 -629 -630 -631 -632 -633 -634 -635 -636 -637 -638 -639 -640 -641 -642 -643 -644 -645 -646 -647 -648 -649 -650 -651 -652 -653 -654 -655 -656 -657 -658 -659 -660 -661 -662 -663 -664 -665 -666 -667 -668 -669 -670 -671 -672 -673 -674 -675 -676 -677 -678 -679 -680 -681 -682 -683 -684 -685 -686 -687 -688 -689 -690 -691 -692 -693 -694 -695 -696 -697 -698 -699 -700 -701 -702 -703 -704 -705 -706 -707 -708 -709 -710 -711 -712 -713 -714 -715 -716 -717 -718 -719 -720 -721 -722 -723 -724 -725 -726 -727 -728 -729 -730 -731 -732 -733 -734 -735 -736 -737 -738 -739 -740 -741 -742 -743 -744 -745 -746 -747 -748 -749 -750 -751 -752 -753 -754 -755 -756 -757 -758 -759 -760 -761 -762 -763 -764 -765 -766 -767 -768 -769 -770 -771 -772 -773 -774 -775 -776 -777 -778 -779 -780 -781 -782 -783 -784 -785 -786 -787 -788 -789 -790 -791 -792 -793 -794 -795 -796 -797 -798 -799 -800 -801 -802 -803 -804 -805 -806 -807 -808 -809 -810 -811 -812 -813 -814 -815 -816 -817 -818 -819 -820 -821 -822 -823 -824 -825 -826 -827 -828 -829 -830 -831 -832 -833 -834 -835 -836 -837 -838 -839 -840 -841 -842 -843 -844 -845 -846 -847 -848 -849 -850 -851 -852 -853 -854 -855 -856 -857 -858 -859 -860 -861 -862 -863 -864 -865 -866 -867 -868 -869 -870 -871 -872 -873 -874 -875 -876 -877 -878 -879 -880 -881 -882 -883 -884 -885 -886 -887 -888 -889 -890 -891 -892 -893 -894 -895 -896 -897 -898 -899 -900 -901 -902 -903 -904 -905 -906 -907 -908 -909 -910 -911 -912 -913 -914 -915 -916 -917 -918 -919 -920 -921 -922 -923 -924 -925 -926 -927 -928 -929 -930 -931 -932 -933 -934 -935 -936 -937 -938 -939 -940 -941 -942 -943 -944 -945 -946 -947 -948 -949 -950 -951 -952 -953 -954 -955 -956 -957 -958 -959 -960 -961 -962 -963 -964 -965 -966 -967 -968 -969 -970 -971 -972 -973 -974 -975 -976 -977 -978 -979 -980 -981 -982 -983 -984 -985 -986 -987 -988 -989 -990 -991 -992 -993 -994 -995 -996 -997 -998 -999 -1000 -1001 -1002 -1003 -1004 -1005 -1006 -1007 -1008 -1009 -1010 -1011 -1012 -1013 -1014 -1015 -1016 -1017 -1018 -1019 -1020 -1021 -1022 -1023 -1024 -1025 -1026 -1027 -1028 -1029 -1030 -1031 -1032 -1033 -1034 -1035 -1036 -1037 -1038 -1039 -1040 -1041 -1042 -1043 -1044 -1045 -1046 -1047 -1048 -1049 -1050 -1051 -1052 -1053 -1054 -1055 -1056 -1057 -1058 -1059 -1060 -1061 -1062 -1063 -1064 -1065 -1066 -1067 -1068 -1069 -1070 -1071 -1072 -1073 -1074 -1075 -1076 -1077 -1078 -1079 -1080 -1081 -1082 -1083 -1084 -1085 -1086 -1087 -1088 -1089 -1090 -1091 -1092 -1093 -1094 -1095 -1096 -1097 -1098 -1099 -1100 -1101 -1102 -1103 -1104 -1105 -1106 -1107 -1108 -1109 -1110 -1111 -1112 -1113 -1114 -1115 -1116 -1117 -1118 -1119 -1120 -1121 -1122 -1123 -1124 -1125 -1126 -1127 -1128 -1129 -1130 -1131 -1132 -1133 -1134 -1135 -1136 -1137 -1138 -1139 -1140 -1141 -1142 -1143 -1144 -1145 -1146 -1147 -1148 -1149 -1150 -1151 -1152 -1153 -1154 -1155 -1156 -1157 -1158 -1159 -1160 -1161 -1162 -1163 -1164 -1165 -1166 -1167 -1168 -1169 -1170 -1171 -1172 -1173 -1174 -1175 -1176 -1177 -1178 -1179 -1180 -1181 -1182 -1183 -1184 -1185 -1186 -1187 -1188 -1189 -1190 -1191 -1192 -1193 -1194 -1195 -1196 -1197 -1198 -1199 -1200 -1201 -1202 -1203 -1204 -1205 -1206 -1207 -1208 -1209 -1210 -1211 -1212 -1213 -1214 -1215 -1216 -1217 -1218 -1219 -1220 -1221 -1222 -1223 -1224 -1225 -1226 -1227 -1228 -1229 -1230 -1231 -1232 -1233 -1234 -1235 -1236 -1237 -1238 -1239 -1240 -1241 -1242 -1243 -1244 -1245 -1246 -1247 -1248 -1249 -1250 -1251 -1252 -1253 -1254 -1255 -1256 -1257 -1258 -1259 -1260 -1261 -1262 -1263 -1264 -1265 -1266 -1267 -1268 -1269 -1270 -1271 -1272 -1273 -1274 -1275 -1276 -1277 -1278 -1279 -1280 -1281 -1282 -1283 -1284 -1285 -1286 -1287 -1288 -1289 -1290 -1291 -1292 -1293 -1294 -1295 -1296 -1297 -1298 -1299 -1300 -1301 -1302 -1303 -1304 -1305 -1306 -1307 -1308 -1309 -1310 -1311 -1312 -1313 -1314 -1315 -1316 -1317 -1318 -1319 -1320 -1321 -1322 -1323 -1324 -1325 -1326 -1327 -1328 -1329 -1330 -1331 -1332 -1333 -1334 -1335 -1336 -1337 -1338 -1339 -1340 -1341 -1342 -1343 -1344 -1345 -1346 -1347 -1348 -1349 -1350 -1351 -1352 -1353 -1354 -1355 -1356 -1357 -1358 -1359 -1360 -1361 -1362 -1363 -1364 -1365 -1366 -1367 -1368 -1369 -1370 -1371 -1372 -1373 -1374 -1375 -1376 -1377 -1378 -1379 -1380 -1381 -1382 -1383 -1384 -1385 -1386 -1387 -1388 -1389 -1390 -1391 -1392 -1393 -1394 -1395 -1396 -1397 -1398 -1399 -1400 -1401 -1402 -1403 -1404 -1405 -1406 -1407 -1408 -1409 -1410 -1411 -1412 -1413 -1414 -1415 -1416 -1417 -1418 -1419 -1420 -1421 -1422 -1423 -1424 -1425 -1426 -1427 -1428 -1429 -1430 -1431 -1432 -1433 -1434 -1435 -1436 -1437 -1438 -1439 -1440 -1441 -1442 -1443 -1444 -1445 -1446 -1447 -1448 -1449 | - - - - - - - - - - - - - - - - - - - -2x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -2x - -2x - -26x -25x -1x - -24x -384x -384x -384x - - -1x - - -25x -400x - - - | /*
- --base00: Default Background
- --base01: Lighter Background (Used for status bars, line number and folding marks)
- --base02: Selection Background
- --base03: Comments, Invisibles, Line Highlighting
- --base04: Dark Foreground (Used for status bars)
- --base05: Default Foreground, Caret, Delimiters, Operators
- --base06: Light Foreground (Not often used)
- --base07: Light Background (Not often used)
- --base08: Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
- --base09: Integers, Boolean, Constants, XML Attributes, Markup Link Url
- --base0A: Classes, Markup Bold, Search Text Background
- --base0B: Strings, Inherited Class, Markup Code, Diff Inserted
- --base0C: Support, Regular Expressions, Escape Characters, Markup Quotes
- --base0D: Functions, Methods, Attribute IDs, Headings
- --base0E: Keywords, Storage, Selector, Markup Italic, Diff Changed
- --base0F: Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
-*/
-
-/* source: https://github.com/gammons/base16-obsidian */
-const themes = {
- apathy: [
- "#031a16",
- "#0b342d",
- "#184e45",
- "#2b685e",
- "#5f9c92",
- "#81b5ac",
- "#a7cec8",
- "#d2e7e4",
- "#3e9688",
- "#3e7996",
- "#3e4c96",
- "#883e96",
- "#963e4c",
- "#96883e",
- "#4c963e",
- "#3e965b",
- ],
- ashes: [
- "#1c2023",
- "#393f45",
- "#565e65",
- "#747c84",
- "#adb3ba",
- "#c7ccd1",
- "#dfe2e5",
- "#f3f4f5",
- "#c7ae95",
- "#c7c795",
- "#aec795",
- "#95c7ae",
- "#95aec7",
- "#ae95c7",
- "#c795ae",
- "#c79595",
- ],
- "atelier-dune-light": [
- "#fefbec",
- "#e8e4cf",
- "#a6a28c",
- "#999580",
- "#7d7a68",
- "#6e6b5e",
- "#292824",
- "#20201d",
- "#d73737",
- "#b65611",
- "#ae9513",
- "#60ac39",
- "#1fad83",
- "#6684e1",
- "#b854d4",
- "#d43552",
- ],
- "atelier-dune": [
- "#20201d",
- "#292824",
- "#6e6b5e",
- "#7d7a68",
- "#999580",
- "#a6a28c",
- "#e8e4cf",
- "#fefbec",
- "#d73737",
- "#b65611",
- "#ae9513",
- "#60ac39",
- "#1fad83",
- "#6684e1",
- "#b854d4",
- "#d43552",
- ],
- atlas: [
- "#002635",
- "#00384d",
- "#517f8d",
- "#6c8b91",
- "#869696",
- "#a1a19a",
- "#e6e6dc",
- "#fafaf8",
- "#ff5a67",
- "#f08e48",
- "#ffcc1b",
- "#7fc06e",
- "#14747e",
- "#5dd7b9",
- "#9a70a4",
- "#c43060",
- ],
- bespin: [
- "#28211c",
- "#36312e",
- "#5e5d5c",
- "#666666",
- "#797977",
- "#8a8986",
- "#9d9b97",
- "#baae9e",
- "#cf6a4c",
- "#cf7d34",
- "#f9ee98",
- "#54be0d",
- "#afc4db",
- "#5ea6ea",
- "#9b859d",
- "#937121",
- ],
- "black-metal": [
- "#000000",
- "#121212",
- "#222222",
- "#333333",
- "#999999",
- "#c1c1c1",
- "#999999",
- "#c1c1c1",
- "#5f8787",
- "#aaaaaa",
- "#a06666",
- "#dd9999",
- "#aaaaaa",
- "#888888",
- "#999999",
- "#444444",
- ],
- brewer: [
- "#0c0d0e",
- "#2e2f30",
- "#515253",
- "#737475",
- "#959697",
- "#b7b8b9",
- "#dadbdc",
- "#fcfdfe",
- "#e31a1c",
- "#e6550d",
- "#dca060",
- "#31a354",
- "#80b1d3",
- "#3182bd",
- "#756bb1",
- "#b15928",
- ],
- bright: [
- "#000000",
- "#303030",
- "#505050",
- "#b0b0b0",
- "#d0d0d0",
- "#e0e0e0",
- "#f5f5f5",
- "#ffffff",
- "#fb0120",
- "#fc6d24",
- "#fda331",
- "#a1c659",
- "#76c7b7",
- "#6fb3d2",
- "#d381c3",
- "#be643c",
- ],
- brogrammer: [
- "#1f1f1f",
- "#f81118",
- "#2dc55e",
- "#ecba0f",
- "#2a84d2",
- "#4e5ab7",
- "#1081d6",
- "#d6dbe5",
- "#d6dbe5",
- "#de352e",
- "#1dd361",
- "#f3bd09",
- "#1081d6",
- "#5350b9",
- "#0f7ddb",
- "#ffffff",
- ],
- "brushtrees-dark": [
- "#485867",
- "#5a6d7a",
- "#6d828e",
- "#8299a1",
- "#98afb5",
- "#b0c5c8",
- "#c9dbdc",
- "#e3efef",
- "#b38686",
- "#d8bba2",
- "#aab386",
- "#87b386",
- "#86b3b3",
- "#868cb3",
- "#b386b2",
- "#b39f9f",
- ],
- brushtrees: [
- "#e3efef",
- "#c9dbdc",
- "#b0c5c8",
- "#98afb5",
- "#8299a1",
- "#6d828e",
- "#5a6d7a",
- "#485867",
- "#b38686",
- "#d8bba2",
- "#aab386",
- "#87b386",
- "#86b3b3",
- "#868cb3",
- "#b386b2",
- "#b39f9f",
- ],
- chalk: [
- "#151515",
- "#202020",
- "#303030",
- "#505050",
- "#b0b0b0",
- "#d0d0d0",
- "#e0e0e0",
- "#f5f5f5",
- "#fb9fb1",
- "#eda987",
- "#ddb26f",
- "#acc267",
- "#12cfc0",
- "#6fc2ef",
- "#e1a3ee",
- "#deaf8f",
- ],
- circus: [
- "#191919",
- "#202020",
- "#303030",
- "#5f5a60",
- "#505050",
- "#a7a7a7",
- "#808080",
- "#ffffff",
- "#dc657d",
- "#4bb1a7",
- "#c3ba63",
- "#84b97c",
- "#4bb1a7",
- "#639ee4",
- "#b888e2",
- "#b888e2",
- ],
- "classic-dark": [
- "#151515",
- "#202020",
- "#303030",
- "#505050",
- "#b0b0b0",
- "#d0d0d0",
- "#e0e0e0",
- "#f5f5f5",
- "#ac4142",
- "#d28445",
- "#f4bf75",
- "#90a959",
- "#75b5aa",
- "#6a9fb5",
- "#aa759f",
- "#8f5536",
- ],
- "classic-light": [
- "#f5f5f5",
- "#e0e0e0",
- "#d0d0d0",
- "#b0b0b0",
- "#505050",
- "#303030",
- "#202020",
- "#151515",
- "#ac4142",
- "#d28445",
- "#f4bf75",
- "#90a959",
- "#75b5aa",
- "#6a9fb5",
- "#aa759f",
- "#8f5536",
- ],
- codeschool: [
- "#232c31",
- "#1c3657",
- "#2a343a",
- "#3f4944",
- "#84898c",
- "#9ea7a6",
- "#a7cfa3",
- "#b5d8f6",
- "#2a5491",
- "#43820d",
- "#a03b1e",
- "#237986",
- "#b02f30",
- "#484d79",
- "#c59820",
- "#c98344",
- ],
- cupcake: [
- "#fbf1f2",
- "#f2f1f4",
- "#d8d5dd",
- "#bfb9c6",
- "#a59daf",
- "#8b8198",
- "#72677e",
- "#585062",
- "#d57e85",
- "#ebb790",
- "#dcb16c",
- "#a3b367",
- "#69a9a7",
- "#7297b9",
- "#bb99b4",
- "#baa58c",
- ],
- cupertino: [
- "#ffffff",
- "#c0c0c0",
- "#c0c0c0",
- "#808080",
- "#808080",
- "#404040",
- "#404040",
- "#5e5e5e",
- "#c41a15",
- "#eb8500",
- "#826b28",
- "#007400",
- "#318495",
- "#0000ff",
- "#a90d91",
- "#826b28",
- ],
- darcula: [
- "#2b2b2b",
- "#323232",
- "#323232",
- "#606366",
- "#a4a3a3",
- "#a9b7c6",
- "#ffc66d",
- "#ffffff",
- "#4eade5",
- "#689757",
- "#bbb529",
- "#6a8759",
- "#629755",
- "#9876aa",
- "#cc7832",
- "#808080",
- ],
- darktooth: [
- "#1d2021",
- "#32302f",
- "#504945",
- "#665c54",
- "#928374",
- "#a89984",
- "#d5c4a1",
- "#fdf4c1",
- "#fb543f",
- "#fe8625",
- "#fac03b",
- "#95c085",
- "#8ba59b",
- "#0d6678",
- "#8f4673",
- "#a87322",
- ],
- "default-dark": [
- "#181818",
- "#282828",
- "#383838",
- "#585858",
- "#b8b8b8",
- "#d8d8d8",
- "#e8e8e8",
- "#f8f8f8",
- "#ab4642",
- "#dc9656",
- "#f7ca88",
- "#a1b56c",
- "#86c1b9",
- "#7cafc2",
- "#ba8baf",
- "#a16946",
- ],
- "default-light": [
- "#ffffff",
- "#e8e8e8",
- "#d8d8d8",
- "#b8b8b8",
- "#585858",
- "#383838",
- "#282828",
- "#181818",
- "#ab4642",
- "#dc9656",
- "#ab4642",
- "#a1b56c",
- "#86c1b9",
- "#7cafc2",
- "#ba8baf",
- "#a16946",
- ],
- dracula: [
- "#282936",
- "#3a3c4e",
- "#4d4f68",
- "#626483",
- "#62d6e8",
- "#e9e9f4",
- "#f1f2f8",
- "#f7f7fb",
- "#ea51b2",
- "#b45bcf",
- "#00f769",
- "#ebff87",
- "#a1efe4",
- "#62d6e8",
- "#b45bcf",
- "#00f769",
- ],
- eighties: [
- "#2d2d2d",
- "#393939",
- "#515151",
- "#747369",
- "#a09f93",
- "#d3d0c8",
- "#e8e6df",
- "#f2f0ec",
- "#f2777a",
- "#f99157",
- "#ffcc66",
- "#99cc99",
- "#66cccc",
- "#6699cc",
- "#cc99cc",
- "#d27b53",
- ],
- embers: [
- "#16130f",
- "#2c2620",
- "#433b32",
- "#5a5047",
- "#8a8075",
- "#a39a90",
- "#beb6ae",
- "#dbd6d1",
- "#826d57",
- "#828257",
- "#6d8257",
- "#57826d",
- "#576d82",
- "#6d5782",
- "#82576d",
- "#825757",
- ],
- flat: [
- "#2c3e50",
- "#34495e",
- "#7f8c8d",
- "#95a5a6",
- "#bdc3c7",
- "#e0e0e0",
- "#f5f5f5",
- "#ecf0f1",
- "#e74c3c",
- "#e67e22",
- "#f1c40f",
- "#2ecc71",
- "#1abc9c",
- "#3498db",
- "#9b59b6",
- "#be643c",
- ],
- "fruit-soda": [
- "#f1ecf1",
- "#e0dee0",
- "#d8d5d5",
- "#b5b4b6",
- "#979598",
- "#515151",
- "#474545",
- "#2d2c2c",
- "#fe3e31",
- "#fe6d08",
- "#f7e203",
- "#47f74c",
- "#0f9cfd",
- "#2931df",
- "#611fce",
- "#b16f40",
- ],
- github: [
- "#ffffff",
- "#f5f5f5",
- "#c8c8fa",
- "#969896",
- "#e8e8e8",
- "#333333",
- "#ffffff",
- "#ffffff",
- "#ed6a43",
- "#0086b3",
- "#795da3",
- "#183691",
- "#183691",
- "#795da3",
- "#a71d5d",
- "#333333",
- ],
- "google-dark": [
- "#1d1f21",
- "#282a2e",
- "#373b41",
- "#969896",
- "#b4b7b4",
- "#c5c8c6",
- "#e0e0e0",
- "#ffffff",
- "#cc342b",
- "#f96a38",
- "#fba922",
- "#198844",
- "#3971ed",
- "#3971ed",
- "#a36ac7",
- "#3971ed",
- ],
- "google-light": [
- "#ffffff",
- "#e0e0e0",
- "#c5c8c6",
- "#b4b7b4",
- "#969896",
- "#373b41",
- "#282a2e",
- "#1d1f21",
- "#cc342b",
- "#f96a38",
- "#fba922",
- "#198844",
- "#3971ed",
- "#3971ed",
- "#a36ac7",
- "#3971ed",
- ],
- "grayscale-dark": [
- "#101010",
- "#252525",
- "#464646",
- "#525252",
- "#ababab",
- "#b9b9b9",
- "#e3e3e3",
- "#f7f7f7",
- "#7c7c7c",
- "#999999",
- "#a0a0a0",
- "#8e8e8e",
- "#868686",
- "#686868",
- "#747474",
- "#5e5e5e",
- ],
- "grayscale-light": [
- "#f7f7f7",
- "#e3e3e3",
- "#b9b9b9",
- "#ababab",
- "#525252",
- "#464646",
- "#252525",
- "#101010",
- "#7c7c7c",
- "#999999",
- "#a0a0a0",
- "#8e8e8e",
- "#868686",
- "#686868",
- "#747474",
- "#5e5e5e",
- ],
- greenscreen: [
- "#001100",
- "#003300",
- "#005500",
- "#007700",
- "#009900",
- "#00bb00",
- "#00dd00",
- "#00ff00",
- "#007700",
- "#009900",
- "#007700",
- "#00bb00",
- "#005500",
- "#009900",
- "#00bb00",
- "#005500",
- ],
- "gruvbox-dark-hard": [
- "#1d2021",
- "#3c3836",
- "#504945",
- "#665c54",
- "#bdae93",
- "#d5c4a1",
- "#ebdbb2",
- "#fbf1c7",
- "#fb4934",
- "#fe8019",
- "#fabd2f",
- "#b8bb26",
- "#8ec07c",
- "#83a598",
- "#d3869b",
- "#d65d0e",
- ],
- "gruvbox-light-hard": [
- "#f9f5d7",
- "#ebdbb2",
- "#d5c4a1",
- "#bdae93",
- "#665c54",
- "#504945",
- "#3c3836",
- "#282828",
- "#9d0006",
- "#af3a03",
- "#b57614",
- "#79740e",
- "#427b58",
- "#076678",
- "#8f3f71",
- "#d65d0e",
- ],
- "harmonic-dark": [
- "#0b1c2c",
- "#223b54",
- "#405c79",
- "#627e99",
- "#aabcce",
- "#cbd6e2",
- "#e5ebf1",
- "#f7f9fb",
- "#bf8b56",
- "#bfbf56",
- "#8bbf56",
- "#56bf8b",
- "#568bbf",
- "#8b56bf",
- "#bf568b",
- "#bf5656",
- ],
- "harmonic-light": [
- "#f7f9fb",
- "#e5ebf1",
- "#cbd6e2",
- "#aabcce",
- "#627e99",
- "#405c79",
- "#223b54",
- "#0b1c2c",
- "#bf8b56",
- "#bfbf56",
- "#8bbf56",
- "#56bf8b",
- "#568bbf",
- "#8b56bf",
- "#bf568b",
- "#bf5656",
- ],
- "heetch-light": [
- "#feffff",
- "#392551",
- "#7b6d8b",
- "#9c92a8",
- "#ddd6e5",
- "#5a496e",
- "#470546",
- "#190134",
- "#27d9d5",
- "#bdb6c5",
- "#5ba2b6",
- "#f80059",
- "#c33678",
- "#47f9f5",
- "#bd0152",
- "#dedae2",
- ],
- heetch: [
- "#190134",
- "#392551",
- "#5a496e",
- "#7b6d8b",
- "#9c92a8",
- "#bdb6c5",
- "#dedae2",
- "#feffff",
- "#27d9d5",
- "#5ba2b6",
- "#8f6c97",
- "#c33678",
- "#f80059",
- "#bd0152",
- "#82034c",
- "#470546",
- ],
- helios: [
- "#1d2021",
- "#383c3e",
- "#53585b",
- "#6f7579",
- "#cdcdcd",
- "#d5d5d5",
- "#dddddd",
- "#e5e5e5",
- "#d72638",
- "#eb8413",
- "#f19d1a",
- "#88b92d",
- "#1ba595",
- "#1e8bac",
- "#be4264",
- "#c85e0d",
- ],
- hopscotch: [
- "#322931",
- "#433b42",
- "#5c545b",
- "#797379",
- "#989498",
- "#b9b5b8",
- "#d5d3d5",
- "#ffffff",
- "#dd464c",
- "#fd8b19",
- "#fdcc59",
- "#8fc13e",
- "#149b93",
- "#1290bf",
- "#c85e7c",
- "#b33508",
- ],
- "horizon-dark": [
- "#1c1e26",
- "#232530",
- "#2e303e",
- "#676a8d",
- "#ced1d0",
- "#cbced0",
- "#dcdfe4",
- "#e3e6ee",
- "#e93c58",
- "#e58d7d",
- "#efb993",
- "#efaf8e",
- "#24a8b4",
- "#df5273",
- "#b072d1",
- "#e4a382",
- ],
- "ia-dark": [
- "#1a1a1a",
- "#222222",
- "#1d414d",
- "#767676",
- "#b8b8b8",
- "#cccccc",
- "#e8e8e8",
- "#f8f8f8",
- "#d88568",
- "#d86868",
- "#b99353",
- "#83a471",
- "#7c9cae",
- "#8eccdd",
- "#b98eb2",
- "#8b6c37",
- ],
- "ia-light": [
- "#f6f6f6",
- "#dedede",
- "#bde5f2",
- "#898989",
- "#767676",
- "#181818",
- "#e8e8e8",
- "#f8f8f8",
- "#9c5a02",
- "#c43e18",
- "#c48218",
- "#38781c",
- "#2d6bb1",
- "#48bac2",
- "#a94598",
- "#8b6c37",
- ],
- icy: [
- "#021012",
- "#031619",
- "#041f23",
- "#052e34",
- "#064048",
- "#095b67",
- "#0c7c8c",
- "#109cb0",
- "#16c1d9",
- "#b3ebf2",
- "#80deea",
- "#4dd0e1",
- "#26c6da",
- "#00bcd4",
- "#00acc1",
- "#0097a7",
- ],
- isotope: [
- "#000000",
- "#404040",
- "#606060",
- "#808080",
- "#c0c0c0",
- "#d0d0d0",
- "#e0e0e0",
- "#ffffff",
- "#ff0000",
- "#ff9900",
- "#ff0099",
- "#33ff00",
- "#00ffff",
- "#0066ff",
- "#cc00ff",
- "#3300ff",
- ],
- macintosh: [
- "#000000",
- "#404040",
- "#404040",
- "#808080",
- "#808080",
- "#c0c0c0",
- "#c0c0c0",
- "#ffffff",
- "#dd0907",
- "#ff6403",
- "#fbf305",
- "#1fb714",
- "#02abea",
- "#0000d3",
- "#4700a5",
- "#90713a",
- ],
- marrakesh: [
- "#201602",
- "#302e00",
- "#5f5b17",
- "#6c6823",
- "#86813b",
- "#948e48",
- "#ccc37a",
- "#faf0a5",
- "#c35359",
- "#b36144",
- "#a88339",
- "#18974e",
- "#75a738",
- "#477ca1",
- "#8868b3",
- "#b3588e",
- ],
- materia: [
- "#263238",
- "#2c393f",
- "#37474f",
- "#707880",
- "#c9ccd3",
- "#cdd3de",
- "#d5dbe5",
- "#ffffff",
- "#ec5f67",
- "#ea9560",
- "#ffcc00",
- "#8bd649",
- "#80cbc4",
- "#89ddff",
- "#82aaff",
- "#ec5f67",
- ],
- "material-lighter": [
- "#fafafa",
- "#e7eaec",
- "#cceae7",
- "#ccd7da",
- "#8796b0",
- "#80cbc4",
- "#80cbc4",
- "#666666",
- "#ff5370",
- "#f76d47",
- "#ffb62c",
- "#91b859",
- "#39adb5",
- "#6182b8",
- "#7c4dff",
- "#e53935",
- ],
- material: [
- "#263238",
- "#2e3c43",
- "#314549",
- "#546e7a",
- "#b2ccd6",
- "#eeffff",
- "#eeffff",
- "#ffffff",
- "#f07178",
- "#f78c6c",
- "#ffcb6b",
- "#c3e88d",
- "#89ddff",
- "#82aaff",
- "#c792ea",
- "#ff5370",
- ],
- "mellow-purple": [
- "#1e0528",
- "#1a092d",
- "#331354",
- "#320f55",
- "#873582",
- "#ffeeff",
- "#ffeeff",
- "#f8c0ff",
- "#00d9e9",
- "#aa00a3",
- "#955ae7",
- "#05cb0d",
- "#b900b1",
- "#550068",
- "#8991bb",
- "#4d6fff",
- ],
- "mexico-light": [
- "#f8f8f8",
- "#e8e8e8",
- "#d8d8d8",
- "#b8b8b8",
- "#585858",
- "#383838",
- "#282828",
- "#181818",
- "#ab4642",
- "#dc9656",
- "#f79a0e",
- "#538947",
- "#4b8093",
- "#7cafc2",
- "#96609e",
- "#a16946",
- ],
- mocha: [
- "#3b3228",
- "#534636",
- "#645240",
- "#7e705a",
- "#b8afad",
- "#d0c8c6",
- "#e9e1dd",
- "#f5eeeb",
- "#cb6077",
- "#d28b71",
- "#f4bc87",
- "#beb55b",
- "#7bbda4",
- "#8ab3b5",
- "#a89bb9",
- "#bb9584",
- ],
- monokai: [
- "#272822",
- "#383830",
- "#49483e",
- "#75715e",
- "#a59f85",
- "#f8f8f2",
- "#f5f4f1",
- "#f9f8f5",
- "#f92672",
- "#fd971f",
- "#f4bf75",
- "#a6e22e",
- "#a1efe4",
- "#66d9ef",
- "#ae81ff",
- "#cc6633",
- ],
- nord: [
- "#2e3440",
- "#3b4252",
- "#434c5e",
- "#4c566a",
- "#d8dee9",
- "#e5e9f0",
- "#eceff4",
- "#8fbcbb",
- "#88c0d0",
- "#81a1c1",
- "#5e81ac",
- "#bf616a",
- "#d08770",
- "#ebcb8b",
- "#a3be8c",
- "#b48ead",
- ],
- ocean: [
- "#2b303b",
- "#343d46",
- "#4f5b66",
- "#65737e",
- "#a7adba",
- "#c0c5ce",
- "#dfe1e8",
- "#eff1f5",
- "#bf616a",
- "#d08770",
- "#ebcb8b",
- "#a3be8c",
- "#96b5b4",
- "#8fa1b3",
- "#b48ead",
- "#ab7967",
- ],
- "one-light": [
- "#fafafa",
- "#f0f0f1",
- "#e5e5e6",
- "#a0a1a7",
- "#696c77",
- "#383a42",
- "#202227",
- "#090a0b",
- "#ca1243",
- "#d75f00",
- "#c18401",
- "#50a14f",
- "#0184bc",
- "#4078f2",
- "#a626a4",
- "#986801",
- ],
- onedark: [
- "#282c34",
- "#353b45",
- "#3e4451",
- "#545862",
- "#565c64",
- "#abb2bf",
- "#b6bdca",
- "#c8ccd4",
- "#e06c75",
- "#d19a66",
- "#e5c07b",
- "#98c379",
- "#56b6c2",
- "#61afef",
- "#c678dd",
- "#be5046",
- ],
- "papercolor-dark": [
- "#1c1c1c",
- "#af005f",
- "#5faf00",
- "#d7af5f",
- "#5fafd7",
- "#808080",
- "#d7875f",
- "#d0d0d0",
- "#585858",
- "#5faf5f",
- "#afd700",
- "#af87d7",
- "#ffaf00",
- "#ff5faf",
- "#00afaf",
- "#5f8787",
- ],
- "papercolor-light": [
- "#eeeeee",
- "#af0000",
- "#008700",
- "#5f8700",
- "#0087af",
- "#878787",
- "#005f87",
- "#444444",
- "#bcbcbc",
- "#d70000",
- "#d70087",
- "#8700af",
- "#d75f00",
- "#d75f00",
- "#005faf",
- "#005f87",
- ],
- paraiso: [
- "#2f1e2e",
- "#41323f",
- "#4f424c",
- "#776e71",
- "#8d8687",
- "#a39e9b",
- "#b9b6b0",
- "#e7e9db",
- "#ef6155",
- "#f99b15",
- "#fec418",
- "#48b685",
- "#5bc4bf",
- "#06b6ef",
- "#815ba4",
- "#e96ba8",
- ],
- pico: [
- "#000000",
- "#1d2b53",
- "#7e2553",
- "#008751",
- "#ab5236",
- "#5f574f",
- "#c2c3c7",
- "#fff1e8",
- "#ff004d",
- "#ffa300",
- "#fff024",
- "#00e756",
- "#29adff",
- "#83769c",
- "#ff77a8",
- "#ffccaa",
- ],
- pop: [
- "#000000",
- "#202020",
- "#303030",
- "#505050",
- "#b0b0b0",
- "#d0d0d0",
- "#e0e0e0",
- "#ffffff",
- "#eb008a",
- "#f29333",
- "#f8ca12",
- "#37b349",
- "#00aabb",
- "#0e5a94",
- "#b31e8d",
- "#7a2d00",
- ],
- railscasts: [
- "#2b2b2b",
- "#272935",
- "#3a4055",
- "#5a647e",
- "#d4cfc9",
- "#e6e1dc",
- "#f4f1ed",
- "#f9f7f3",
- "#da4939",
- "#cc7833",
- "#ffc66d",
- "#a5c261",
- "#519f50",
- "#6d9cbe",
- "#b6b3eb",
- "#bc9458",
- ],
- seti: [
- "#151718",
- "#282a2b",
- "#3b758c",
- "#41535b",
- "#43a5d5",
- "#d6d6d6",
- "#eeeeee",
- "#ffffff",
- "#cd3f45",
- "#db7b55",
- "#e6cd69",
- "#9fca56",
- "#55dbbe",
- "#55b5db",
- "#a074c4",
- "#8a553f",
- ],
- "solarized-dark": [
- "#002b36",
- "#073642",
- "#586e75",
- "#657b83",
- "#839496",
- "#93a1a1",
- "#eee8d5",
- "#fdf6e3",
- "#dc322f",
- "#cb4b16",
- "#b58900",
- "#859900",
- "#2aa198",
- "#268bd2",
- "#6c71c4",
- "#d33682",
- ],
- "solarized-light": [
- "#fdf6e3",
- "#eee8d5",
- "#93a1a1",
- "#839496",
- "#657b83",
- "#586e75",
- "#073642",
- "#002b36",
- "#dc322f",
- "#cb4b16",
- "#b58900",
- "#859900",
- "#2aa198",
- "#268bd2",
- "#6c71c4",
- "#d33682",
- ],
- spacemacs: [
- "#1f2022",
- "#282828",
- "#444155",
- "#585858",
- "#b8b8b8",
- "#a3a3a3",
- "#e8e8e8",
- "#f8f8f8",
- "#f2241f",
- "#ffa500",
- "#b1951d",
- "#67b11d",
- "#2d9574",
- "#4f97d7",
- "#a31db1",
- "#b03060",
- ],
- "summerfruit-dark": [
- "#151515",
- "#202020",
- "#303030",
- "#505050",
- "#b0b0b0",
- "#d0d0d0",
- "#e0e0e0",
- "#ffffff",
- "#ff0086",
- "#fd8900",
- "#aba800",
- "#00c918",
- "#1faaaa",
- "#3777e6",
- "#ad00a1",
- "#cc6633",
- ],
- "summerfruit-light": [
- "#ffffff",
- "#e0e0e0",
- "#d0d0d0",
- "#b0b0b0",
- "#000000",
- "#101010",
- "#151515",
- "#202020",
- "#ff0086",
- "#fd8900",
- "#aba800",
- "#00c918",
- "#1faaaa",
- "#3777e6",
- "#ad00a1",
- "#cc6633",
- ],
- "tomorrow-night": [
- "#1d1f21",
- "#282a2e",
- "#373b41",
- "#969896",
- "#b4b7b4",
- "#c5c8c6",
- "#e0e0e0",
- "#ffffff",
- "#cc6666",
- "#de935f",
- "#f0c674",
- "#b5bd68",
- "#8abeb7",
- "#81a2be",
- "#b294bb",
- "#a3685a",
- ],
- tomorrow: [
- "#ffffff",
- "#e0e0e0",
- "#d6d6d6",
- "#8e908c",
- "#969896",
- "#4d4d4c",
- "#282a2e",
- "#1d1f21",
- "#c82829",
- "#f5871f",
- "#eab700",
- "#718c00",
- "#3e999f",
- "#4271ae",
- "#8959a8",
- "#a3685a",
- ],
- tube: [
- "#231f20",
- "#1c3f95",
- "#5a5758",
- "#737171",
- "#959ca1",
- "#d9d8d8",
- "#e7e7e8",
- "#ffffff",
- "#ee2e24",
- "#f386a1",
- "#ffd204",
- "#00853e",
- "#85cebc",
- "#009ddc",
- "#98005d",
- "#b06110",
- ],
- twilight: [
- "#1e1e1e",
- "#323537",
- "#464b50",
- "#5f5a60",
- "#838184",
- "#a7a7a7",
- "#c3c3c3",
- "#ffffff",
- "#cf6a4c",
- "#cda869",
- "#f9ee98",
- "#8f9d6a",
- "#afc4db",
- "#7587a6",
- "#9b859d",
- "#9b703f",
- ],
- woodland: [
- "#231e18",
- "#302b25",
- "#48413a",
- "#9d8b70",
- "#b4a490",
- "#cabcb1",
- "#d7c8bc",
- "#e4d4c8",
- "#d35c5c",
- "#ca7f32",
- "#e0ac16",
- "#b7ba53",
- "#6eb958",
- "#88a4d3",
- "#bb90e2",
- "#b49368",
- ],
- zenburn: [
- "#383838",
- "#404040",
- "#606060",
- "#6f6f6f",
- "#808080",
- "#dcdccc",
- "#c0c0c0",
- "#ffffff",
- "#dca3a3",
- "#dfaf8f",
- "#e0cf9f",
- "#5f7f5f",
- "#93e0e3",
- "#7cb8bb",
- "#dc8cc3",
- "#000000",
- ],
-}
-
-export const availableThemes = Object.keys(themes)
-
-export const themeStyles = (nameOrObject) => {
- let theme
- if (typeof nameOrObject === "string") {
- if (themes[nameOrObject] === undefined) {
- throw new Error(`${nameOrObject} not found`)
- }
- theme = themes[nameOrObject].reduce((map, v, i) => {
- const key = `base0${i.toString(16).toUpperCase()}`
- map[key] = v
- return map
- }, {})
- } else {
- theme = nameOrObject
- }
-
- return `.container{${Object.keys(theme)
- .map((key) => `--${key}: ${theme[key]};`)
- .join("")}}`
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 | 2x -11x -7x -6x - -3x - - -2x -4x - -1x - - -2x -7x -5x -4x - -5x -3x - -2x - - -2x -12x -9x -7x -5x -4x -4x -4x - - -2x - - -2x -28x -27x -26x -26x - -25x - - - -1x - - | export const validateBoolean = (value) => {
- if (typeof value === "boolean") return value
- if (value === "true") return true
- else if (value === "false") return false
-
- throw new Error(`should be a boolean!`)
-}
-
-export const validateString = (value) => {
- if (typeof value === "string") return value
-
- throw new Error(`should be a string!`)
-}
-
-export const validatePositiveNumber = (value) => {
- if (typeof value === "number" && value >= 0) return value
- if (typeof value === "string") {
- value = parseFloat(value)
- }
- if (isNaN(value) || value < 0) {
- throw new Error(`should be a positive number!`)
- }
- return value
-}
-
-export const validateBooleanOrPositiveNumber = (value) => {
- if (typeof value === "boolean") return value
- if (typeof value === "number") return value
- if (value === "true") return true
- else if (value === "false") return false
- else Eif (typeof value === "string") {
- value = parseFloat(value)
- if (!isNaN(value) && value >= 0) return value
- }
-
- throw new Error(`should be a boolean or a positive number!`)
-}
-
-export const validateStringOrJson = (value) => {
- if (typeof value === "object") return value
- if (typeof value === "string") {
- try {
- return JSON.parse(value)
- } catch (e) {
- return value
- }
- }
-
- throw new Error(`should be a string or JSON!`)
-}
- |
A modern JSON data visualization tool
- - - - -${this.escapeHtml(this.data)}
+ Error: ${result.error || "Unknown error"}
+Error: ${error instanceof Error ? error.message : "Unknown error"}
+