You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
1.5 KiB
34 lines
1.5 KiB
import { inspectList, truncator } from './helpers.js'; |
|
export function inspectAttribute([key, value], options) { |
|
options.truncate -= 3; |
|
if (!value) { |
|
return `${options.stylize(String(key), 'yellow')}`; |
|
} |
|
return `${options.stylize(String(key), 'yellow')}=${options.stylize(`"${value}"`, 'string')}`; |
|
} |
|
// @ts-ignore (Deno doesn't have Element) |
|
export function inspectHTMLCollection(collection, options) { |
|
// eslint-disable-next-line no-use-before-define |
|
return inspectList(collection, options, inspectHTML, '\n'); |
|
} |
|
// @ts-ignore (Deno doesn't have Element) |
|
export default function inspectHTML(element, options) { |
|
const properties = element.getAttributeNames(); |
|
const name = element.tagName.toLowerCase(); |
|
const head = options.stylize(`<${name}`, 'special'); |
|
const headClose = options.stylize(`>`, 'special'); |
|
const tail = options.stylize(`</${name}>`, 'special'); |
|
options.truncate -= name.length * 2 + 5; |
|
let propertyContents = ''; |
|
if (properties.length > 0) { |
|
propertyContents += ' '; |
|
propertyContents += inspectList(properties.map((key) => [key, element.getAttribute(key)]), options, inspectAttribute, ' '); |
|
} |
|
options.truncate -= propertyContents.length; |
|
const truncate = options.truncate; |
|
let children = inspectHTMLCollection(element.children, options); |
|
if (children && children.length > truncate) { |
|
children = `${truncator}(${element.children.length})`; |
|
} |
|
return `${head}${propertyContents}${headClose}${children}${tail}`; |
|
}
|
|
|