12 lines
3.8 KiB
Plaintext
12 lines
3.8 KiB
Plaintext
{
|
|
"version": 3,
|
|
"file": "chunk.b01e898f.css",
|
|
"sources": [
|
|
"../../../../../../Code.svelte"
|
|
],
|
|
"sourcesContent": [
|
|
"<script>\n import Clipboard from 'clipboard'\n import hljs from 'highlight.js/lib/highlight'\n import { beforeUpdate, tick, onMount, onDestroy } from 'svelte'\n\n export let lang = 'js'\n export let code = ''\n export let showCopy = true\n let _code = ''\n let button\n let codeElm\n let clip\n let show = false\n let compiled\n let observer\n\n $: {\n _code = code || (codeElm && codeElm.innerHTML) || _code\n updateCode(code)\n }\n\n function updateCode(newCode) {\n if (!newCode) return\n code = newCode.trim()\n compiled = hljs.highlightAuto(code, [lang]).value\n }\n\n onMount(async () => {\n if (codeElm.innerHTML) code = codeElm.innerHTML\n\n if (button) {\n clip = new Clipboard(button, {\n text: trigger => code,\n })\n }\n\n const MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver\n observer = new MutationObserver(() => {\n if (codeElm && codeElm.innerHTML) updateCode(codeElm.innerHTML)\n })\n observer.observe(codeElm, {\n subtree: true,\n childList: true,\n characterData: true,\n })\n\n await tick()\n\n show = true\n })\n\n onDestroy(() => {\n if (clip) clip.destroy()\n if (observer) observer.disconnect()\n })\n</script>\n\n<style>\n .codeview {\n padding: 0;\n }\n\n .codeview:not(:last-child) {\n margin-bottom: 1.5rem;\n }\n\n figure.highlight {\n position: relative;\n }\n\n .button-container {\n position: absolute;\n right: 0;\n }\n\n /* code {\n padding: 1.25rem 1.5rem;\n } */\n\n pre.hidden {\n visibility: hidden;\n height: 0px;\n padding: 0px;\n }\n\n pre.show {\n /* display: block; */\n visibility: visible;\n }\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NvZGUuc3ZlbHRlIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7RUFDRTtJQUNFLFVBQVU7RUFDWjs7RUFFQTtJQUNFLHFCQUFxQjtFQUN2Qjs7RUFFQTtJQUNFLGtCQUFrQjtFQUNwQjs7RUFFQTtJQUNFLGtCQUFrQjtJQUNsQixRQUFRO0VBQ1Y7O0VBRUE7O0tBRUc7O0VBRUg7SUFDRSxrQkFBa0I7SUFDbEIsV0FBVztJQUNYLFlBQVk7RUFDZDs7RUFFQTtJQUNFLG9CQUFvQjtJQUNwQixtQkFBbUI7RUFDckIiLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29kZS5zdmVsdGUiLCJzb3VyY2VzQ29udGVudCI6WyJcbiAgLmNvZGV2aWV3IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5cbiAgLmNvZGV2aWV3Om5vdCg6bGFzdC1jaGlsZCkge1xuICAgIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbiAgfVxuXG4gIGZpZ3VyZS5oaWdobGlnaHQge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgfVxuXG4gIC5idXR0b24tY29udGFpbmVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDA7XG4gIH1cblxuICAvKiBjb2RlIHtcbiAgICBwYWRkaW5nOiAxLjI1cmVtIDEuNXJlbTtcbiAgfSAqL1xuXG4gIHByZS5oaWRkZW4ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBoZWlnaHQ6IDBweDtcbiAgICBwYWRkaW5nOiAwcHg7XG4gIH1cblxuICBwcmUuc2hvdyB7XG4gICAgLyogZGlzcGxheTogYmxvY2s7ICovXG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgfVxuIl19 */</style>\n\n<div class=\"codeview\">\n <figure class=\"highlight is-expanded\">\n {#if showCopy}\n <div class=\"button-container\">\n <button class=\"button is-text is-small copy-code\" bind:this={button}>Copy</button>\n </div>\n {/if}\n <pre class=\"hidden\">\n <code class={lang} bind:this={codeElm}>\n <slot />\n </code>\n </pre>\n <pre class:hidden={!show} class:show>\n <code>\n {@html compiled}\n </code>\n </pre>\n </figure>\n</div>\n"
|
|
],
|
|
"names": [],
|
|
"mappings": "AA0DE,SAAS,eAAC,CAAC,AACT,OAAO,CAAE,CAAC,AACZ,CAAC,AAED,wBAAS,KAAK,WAAW,CAAC,AAAC,CAAC,AAC1B,aAAa,CAAE,MAAM,AACvB,CAAC,AAED,MAAM,UAAU,eAAC,CAAC,AAChB,QAAQ,CAAE,QAAQ,AACpB,CAAC,AAED,iBAAiB,eAAC,CAAC,AACjB,QAAQ,CAAE,QAAQ,CAClB,KAAK,CAAE,CAAC,AACV,CAAC,AAMD,GAAG,OAAO,eAAC,CAAC,AACV,UAAU,CAAE,MAAM,CAClB,MAAM,CAAE,GAAG,CACX,OAAO,CAAE,GAAG,AACd,CAAC,AAED,GAAG,KAAK,eAAC,CAAC,AAER,UAAU,CAAE,OAAO,AACrB,CAAC"
|
|
} |