How to use hastscript - 10 common examples
To help you get started, we’ve selected a few hastscript examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
SAP / luigi / website / docs / src / unified-plugins / rehype-copy-to-clipboard.js View on Github 
function modify(node, prop) {
const notYetProcessed = !node.properties.className || node.properties.className.indexOf('canCopyCode') === -1; // prevent infinite loop
if (node.tagName === 'pre' && notYetProcessed) {
// Docu: https://github.com/syntax-tree/hastscript#use
const newNodeData = h('div.copyCodeContainer', [
h('a.copyCode', { onclick: 'copyCode(event, this)' },
[h('div', [
h('img', { src: prependForExport() + '/images/copy-clipboard-default.svg' }),
h('.popoverCopy', [
'Click to copy'
])]
)]
),
h('pre.canCopyCode', node.children)
]);
Object.assign(node, newNodeData);
}
}
}function modify(node, prop) {
const notYetProcessed = !node.properties.className || node.properties.className.indexOf('canCopyCode') === -1; // prevent infinite loop
if (node.tagName === 'pre' && notYetProcessed) {
// Docu: https://github.com/syntax-tree/hastscript#use
const newNodeData = h('div.copyCodeContainer', [
h('a.copyCode', { onclick: 'copyCode(event, this)' },
[h('div', [
h('img', { src: prependForExport() + '/images/copy-clipboard-default.svg' }),
h('.popoverCopy', [
'Click to copy'
])]
)]
),
h('pre.canCopyCode', node.children)
]);
Object.assign(node, newNodeData);
}
}
}function modify(node, prop) {
const notYetProcessed = !node.properties.className || node.properties.className.indexOf('canCopyCode') === -1; // prevent infinite loop
if (node.tagName === 'pre' && notYetProcessed) {
// Docu: https://github.com/syntax-tree/hastscript#use
const newNodeData = h('div.copyCodeContainer', [
h('a.copyCode', { onclick: 'copyCode(event, this)' },
[h('div', [
h('img', { src: prependForExport() + '/images/copy-clipboard-default.svg' }),
h('.popoverCopy', [
'Click to copy'
])]
)]
),
h('pre.canCopyCode', node.children)
]);
Object.assign(node, newNodeData);
}
}
}function modify(node, prop) {
const notYetProcessed = !node.properties.className || node.properties.className.indexOf('canCopyCode') === -1; // prevent infinite loop
if (node.tagName === 'pre' && notYetProcessed) {
// Docu: https://github.com/syntax-tree/hastscript#use
const newNodeData = h('div.copyCodeContainer', [
h('a.copyCode', { onclick: 'copyCode(event, this)' },
[h('div', [
h('img', { src: prependForExport() + '/images/copy-clipboard-default.svg' }),
h('.popoverCopy', [
'Click to copy'
])]
)]
),
h('pre.canCopyCode', node.children)
]);
Object.assign(node, newNodeData);
}
}
}visit(node, isStyled, (node, index, parent) => {
const style = node.properties.style;
if (/font-style:\s*italic/.test(style)) {
wrapChildren(node, hast('em'));
}
if (/font-weight:\s*(bold|700)/.test(style)) {
wrapChildren(node, hast('strong'));
}
});
}function mapImageTreeToSvg(node: ImageNode): SvgElement {
switch (node.type) {
case IMAGE: {
let box = BBox.empty()
unistVisit(node, IMAGE_LAYER, (layer: ImageLayer) => {
box = BBox.add(box, layer.size)
})
const [xMin, yMin, width, height] = BBox.toViewBox(box)
const props = {
...BASE_SVG_PROPS,
width,
height,
viewBox: `${xMin} ${yMin} ${width} ${height}`,
}
return s('svg', props)
}
case IMAGE_LAYER: {
const vbox = BBox.toViewBox(node.size)
return s('g', {
transform: `translate(0, ${vbox[3] + 2 * vbox[1]}) scale(1,-1)`,
})
}
case IMAGE_SHAPE: {
return renderShape(node)
}
case IMAGE_PATH:
case IMAGE_REGION: {
return renderPath(node)unistVisit(node, IMAGE_LAYER, (layer: ImageLayer) => {
box = BBox.add(box, layer.size)
})
const [xMin, yMin, width, height] = BBox.toViewBox(box)
const props = {
...BASE_SVG_PROPS,
width,
height,
viewBox: `${xMin} ${yMin} ${width} ${height}`,
}
return s('svg', props)
}
case IMAGE_LAYER: {
const vbox = BBox.toViewBox(node.size)
return s('g', {
transform: `translate(0, ${vbox[3] + 2 * vbox[1]}) scale(1,-1)`,
})
}
case IMAGE_SHAPE: {
return renderShape(node)
}
case IMAGE_PATH:
case IMAGE_REGION: {
return renderPath(node)
}
}
return s('metadata', [JSON.stringify(node)])
}getContent (node: Object) {
this.ast = [];
this.handle(node);
const code = h('code', this.ast);
if (this.wrap) {
return h('pre.midas', code);
}
return code;
}getContent (node: Object) {
this.ast = [];
this.handle(node);
const code = h('code', this.ast);
if (this.wrap) {
return h('pre.midas', code);
}
return code;
}CodeMirror.runMode(rawContent, mime, (text, style) => {
cmResult.push(
h(
'span',
{
className: style
? 'cm-' + style.replace(/ +/g, ' cm-')
: undefined
},
text
)
)
})
} else if (!ignoreMissing) {
