@cyfung1031/prism-code-editor 5.2.0-cdn-esm.0

package/LICENSE

@@ -0,0 +1,48 @@
+MIT License
+
+Copyright (c) 2023 Jonas Pytte
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+"""
+This license applies to parts of the `package/src/prism` subdirectory originating
+from https://github.com/PrismJS/prism:
+
+MIT LICENSE
+
+Copyright (c) 2012 Lea Verou
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+"""

package/dist/atom-one-dark-WoPpRJvW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"atom-one-dark-WoPpRJvW.js","names":[],"sources":["../src/themes/atom-one-dark.css?inline"],"sourcesContent":["/**\r\n * Based on Atom's One Dark theme: https://github.com/atom/atom/tree/master/packages/one-dark-syntax\r\n */\r\n\r\n.prism-code-editor {\r\n\tfont-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\r\n\t--pce-cursor: #528bff;\r\n\t--pce-bg: #292c33;\r\n\t--pce-widget-border: #3a3f4b;\r\n\t--pce-widget-bg: #21252b;\r\n\t--pce-widget-color: #ccc;\r\n\t--pce-widget-color-active: #fff;\r\n\t--pce-widget-color-options: #b2b2b2;\r\n\t--pce-widget-bg-input: #1b1d23;\r\n\t--pce-widget-bg-hover: #5a5d5e4f;\r\n\t--pce-widget-bg-active: #336699;\r\n\t--pce-widget-focus: #5299e0;\r\n\t--pce-search-match: #528bff3d;\r\n\t--pce-widget-bg-error: #5a1d1d;\r\n\t--pce-widget-error: #be1100;\r\n\t--pce-bg-highlight: #99bbff0a;\r\n\t--pce-selection-match: #4a566d66;\r\n\t--pce-line-number: #636d83;\r\n\t--pce-scrollbar: 220, 13%, 41%;\r\n\t--pce-bg-fold: #c5c5c5;\r\n\t--pce-guide-indent: #abb2bf26;\r\n\t--pce-ac-icon-class: #ee9d28;\r\n\t--pce-ac-icon-enum: #ee9d28;\r\n\t--pce-ac-icon-event: #ee9d28;\r\n\t--pce-ac-icon-function: #b180d7;\r\n\t--pce-ac-icon-interface: #75beff;\r\n\t--pce-ac-icon-variable: #75beff;\r\n\t--pce-selection: #3e4451;\r\n\tcolor-scheme: dark;\r\n}\r\n\r\n\r\n.pce-match {\r\n\t--pce-search-match: #515c6a;\r\n}\r\n\r\n.active-line {\r\n\t--pce-line-number: #abb2bf;\r\n}\r\n\r\n.active-indent {\r\n\t--pce-guide-indent: #abb2c280;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.cdata {\r\n\tcolor: #5c6370;\r\n}\r\n\r\n[class*=\"language-\"],\r\n.token.punctuation,\r\n.token.attr-equals,\r\n.language-css .token.property,\r\n.token.url {\r\n\tcolor: #abb2bf;\r\n}\r\n\r\n.token.keyword,\r\n.token.token.anchor,\r\n.token.regex-flags,\r\n.selector .punctuation,\r\n.selector .combinator,\r\n.selector .operator,\r\n.token.token.arrow {\r\n\tcolor: #c678dd;\r\n}\r\n\r\n.token.class-name,\r\n.token.maybe-class-name {\r\n\tcolor: #e5c07b;\r\n}\r\n\r\n.token.attr-name,\r\n.token.doctype,\r\n.selector .class,\r\n.selector .pseudo-element,\r\n.selector .pseudo-class,\r\n.token.regex .escape,\r\n.token.char-class,\r\n.token.char-set,\r\n.token.boolean,\r\n.token.constant,\r\n.token.number,\r\n.token.entity,\r\n.token.unit,\r\n.token.atrule,\r\n.token.keyword-null,\r\n.token.keyword-undefined {\r\n\tcolor: #d19a66;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.doctype-tag,\r\n.token.symbol,\r\n.token.deleted,\r\n.token.important,\r\n.token.keyword-this,\r\n.token.this\r\n.token.variable,\r\n.token.selector,\r\n.language-css .variable,\r\n.token.property-access {\r\n\tcolor: #e06c75;\r\n}\r\n\r\n.token.string,\r\n.token.char,\r\n.token.inserted,\r\n.token.string-property,\r\n.token.attr-value,\r\n.token.string.url.url,\r\n.token.attr-value:not(.script):not(.style) > .punctuation,\r\n.token.code.code-snippet {\r\n\tcolor: #98c379;\r\n}\r\n\r\n.token.url > .variable,\r\n.token.url > .content,\r\n.token.function,\r\n.token.selector .id {\r\n\tcolor: #61afef;\r\n}\r\n\r\n.token.regex,\r\n.language-regex,\r\n.token.char-class .operator,\r\n.token.alternation,\r\n.token.quantifier,\r\n.token.hexcode,\r\n.token.keyword-get,\r\n.token.keyword-set,\r\n.token.builtin,\r\n.token.operator {\r\n\tcolor: #56b6c2;\r\n}\r\n\r\n/* Language overrides */\r\n\r\n.language-css .token.important,\r\n.token.atrule .token.rule,\r\n.language-markdown .italic,\r\n.language-markdown .url > .url,\r\n.token.url.url-reference {\r\n\tcolor: #c678dd;\r\n}\r\n\r\n.language-json .token.keyword-null,\r\n.token.bold *,\r\n.token.url-reference .variable,\r\n.token.url-reference .punctuation {\r\n\tcolor: #d19a66;\r\n}\r\n\r\n.token.code.keyword,\r\n.language-json .token.operator,\r\n.token.url > .operator {\r\n\tcolor: #abb2bf;\r\n}\r\n\r\n.language-css .function,\r\n.token.blockquote,\r\n.token.hr {\r\n\tcolor: #56b6c2;\r\n}\r\n\r\n\r\n\r\n.language-markdown .strike *,\r\n.token.url-reference .string,\r\n.token.list,\r\n.token.title.important > .punctuation {\r\n\tcolor: #e06c75;\r\n}\r\n\r\n/* General */\r\n.token.bold {\r\n\tfont-weight: bold;\r\n}\r\n\r\n.token.comment,\r\n.token.italic {\r\n\tfont-style: italic;\r\n}\r\n\r\n.token.namespace {\r\n\topacity: 0.8;\r\n}\r\n\r\n/* Brackets */\r\n\r\n.token.bracket-level-0,\r\n.token.bracket-level-3,\r\n.token.bracket-level-6,\r\n.token.bracket-level-9 {\r\n\tcolor: #ffd700;\r\n}\r\n\r\n.token.bracket-level-1,\r\n.token.bracket-level-4,\r\n.token.bracket-level-7,\r\n.token.bracket-level-10 {\r\n\tcolor: #da70d6;\r\n}\r\n\r\n.token.bracket-level-2,\r\n.token.bracket-level-5,\r\n.token.bracket-level-8,\r\n.token.bracket-level-11 {\r\n\tcolor: #179fff;\r\n}\r\n\r\n.token.interpolation-punctuation {\r\n\tcolor: #98c379;\r\n}\r\n\r\n.token.bracket-error {\r\n\tcolor: #ff1212cc;\r\n}\r\n\r\n.token.markup-bracket,\r\n.token.regex .punctuation {\r\n\tcolor: inherit;\r\n}\r\n\r\n.active-bracket {\r\n\tbox-shadow: inset 0 0 0 1px #888, inset 0 0 0 9in #0064001a;\r\n}\r\n\r\n.active-tagname,\r\n.word-matches span {\r\n\tbackground: #575757b8;\r\n}\r\n"],"mappings":""}

package/dist/atom-one-dark.js

@@ -0,0 +1,6 @@
+//#region src/themes/atom-one-dark.css?inline
+var atom_one_dark_default = ".prism-code-editor{font-family:Fira Code,Fira Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;--pce-cursor: #528bff;--pce-bg: #292c33;--pce-widget-border: #3a3f4b;--pce-widget-bg: #21252b;--pce-widget-color: #ccc;--pce-widget-color-active: #fff;--pce-widget-color-options: #b2b2b2;--pce-widget-bg-input: #1b1d23;--pce-widget-bg-hover: #5a5d5e4f;--pce-widget-bg-active: #336699;--pce-widget-focus: #5299e0;--pce-search-match: #528bff3d;--pce-widget-bg-error: #5a1d1d;--pce-widget-error: #be1100;--pce-bg-highlight: #99bbff0a;--pce-selection-match: #4a566d66;--pce-line-number: #636d83;--pce-scrollbar: 220, 13%, 41%;--pce-bg-fold: #c5c5c5;--pce-guide-indent: #abb2bf26;--pce-ac-icon-class: #ee9d28;--pce-ac-icon-enum: #ee9d28;--pce-ac-icon-event: #ee9d28;--pce-ac-icon-function: #b180d7;--pce-ac-icon-interface: #75beff;--pce-ac-icon-variable: #75beff;--pce-selection: #3e4451;color-scheme:dark}.pce-match{--pce-search-match: #515c6a}.active-line{--pce-line-number: #abb2bf}.active-indent{--pce-guide-indent: #abb2c280}.token.comment,.token.prolog,.token.cdata{color:#5c6370}[class*=language-],.token.punctuation,.token.attr-equals,.language-css .token.property,.token.url{color:#abb2bf}.token.keyword,.token.token.anchor,.token.regex-flags,.selector .punctuation,.selector .combinator,.selector .operator,.token.token.arrow{color:#c678dd}.token.class-name,.token.maybe-class-name{color:#e5c07b}.token.attr-name,.token.doctype,.selector .class,.selector .pseudo-element,.selector .pseudo-class,.token.regex .escape,.token.char-class,.token.char-set,.token.boolean,.token.constant,.token.number,.token.entity,.token.unit,.token.atrule,.token.keyword-null,.token.keyword-undefined{color:#d19a66}.token.property,.token.tag,.token.doctype-tag,.token.symbol,.token.deleted,.token.important,.token.keyword-this,.token.this .token.variable,.token.selector,.language-css .variable,.token.property-access{color:#e06c75}.token.string,.token.char,.token.inserted,.token.string-property,.token.attr-value,.token.string.url.url,.token.attr-value:not(.script):not(.style)>.punctuation,.token.code.code-snippet{color:#98c379}.token.url>.variable,.token.url>.content,.token.function,.token.selector .id{color:#61afef}.token.regex,.language-regex,.token.char-class .operator,.token.alternation,.token.quantifier,.token.hexcode,.token.keyword-get,.token.keyword-set,.token.builtin,.token.operator{color:#56b6c2}.language-css .token.important,.token.atrule .token.rule,.language-markdown .italic,.language-markdown .url>.url,.token.url.url-reference{color:#c678dd}.language-json .token.keyword-null,.token.bold *,.token.url-reference .variable,.token.url-reference .punctuation{color:#d19a66}.token.code.keyword,.language-json .token.operator,.token.url>.operator{color:#abb2bf}.language-css .function,.token.blockquote,.token.hr{color:#56b6c2}.language-markdown .strike *,.token.url-reference .string,.token.list,.token.title.important>.punctuation{color:#e06c75}.token.bold{font-weight:700}.token.comment,.token.italic{font-style:italic}.token.namespace{opacity:.8}.token.bracket-level-0,.token.bracket-level-3,.token.bracket-level-6,.token.bracket-level-9{color:gold}.token.bracket-level-1,.token.bracket-level-4,.token.bracket-level-7,.token.bracket-level-10{color:orchid}.token.bracket-level-2,.token.bracket-level-5,.token.bracket-level-8,.token.bracket-level-11{color:#179fff}.token.interpolation-punctuation{color:#98c379}.token.bracket-error{color:#ff1212cc}.token.markup-bracket,.token.regex .punctuation{color:inherit}.active-bracket{box-shadow:inset 0 0 0 1px #888,inset 0 0 0 9in #0064001a}.active-tagname,.word-matches span{background:#575757b8}";
+//#endregion
+export { atom_one_dark_default as default };
+
+//# sourceMappingURL=atom-one-dark-WoPpRJvW.js.map

package/dist/autocomplete-icons.css

@@ -0,0 +1 @@
+.pce-ac-icon{display:flex;flex-shrink:0;align-items:center;margin-right:-.25em}.pce-ac-icon:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:no-repeat var(--mask);mask:no-repeat var(--mask)}.pce-ac-row[aria-selected] .pce-ac-icon:before{color:var(--pce-widget-color-active)}.pce-ac-icon-namespace{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" d="m6 2.5a2 2 0 00-2 2V6a2 2 0 01-2 2 2 2 0 012 2v1.5a2 2 0 002 2m4-11a2 2 0 012 2V6a2 2 0 002 2 2 2 0 00-2 2v1.5a2 2 0 01-2 2"/></svg>')}.pce-ac-icon-unit{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" stroke-linejoin="bevel" d="m3.5 1.5h9v13h-9zm.5 2h4m-4 3h2m-2 3h4m-4 3h2"/></svg>')}.pce-ac-icon-parameter{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" stroke="red" fill="none"><path stroke-linejoin="bevel" d="m3.3 6.2L1.5 8l1.8 1.8m9.4 0 1.8-1.8-1.8-1.8"/><path d="m5.5 6V4.5h5V6M8 5v6.5h1.5-3m.5 0a1 1 0 001-1 1 1 0 001 1m1.5-6a1 1 0 00-1-1m-3 0a1 1 0 00-1 1"/></svg>')}.pce-ac-icon-snippet{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" stroke-linejoin="bevel" d="m2.5 13V1.5h12V13M2 14.5h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1"/></svg>')}.pce-ac-icon-enum{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m2 7h6l1 1v5l-1 1H2l-1-1V8zv6h6V8H2zm1 2h4v1H3zm0 2h4v1H3zm4-5V3l1-1h6l1 1v5l-1 1h-4V8h4V3H8v3zm2-2h4v1H9zm0 2h4v1H9.41L9 6.59z"/></svg>')}.pce-ac-icon-interface{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" d="m4 8h4.5a3 3 0 016 0 3 3 0 01-6 0"/><circle cx="3" cy="8" r="2"/></svg>')}.pce-ac-icon-constant{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" stroke-linejoin="bevel" d="m1.5 3.5h13v9h-13zm2.5 3h8m0 3H4"/></svg>')}.pce-ac-icon-class{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" stroke-linejoin="bevel" d="m5.5 1.5 2 2-4 4-2-2 4-4zm0 4v7h5.5m-.5.5 2.5-2.5 1.5 1.5-2.5 2.5zm-5-5.5h5.5m-.5.5 2.5-2.5 1.5 1.5-2.5 2.5z"/></svg>')}.pce-ac-icon-property{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" d="m7.24 6.86a3.8 3.8 0 015.02-5.02l-2.8 2.8 1.9 1.9 2.8-2.8a3.8 3.8 0 01-5.02 5.02l-5.35 5.35a.95.95 0 01-1.9-1.9z"/></svg>')}.pce-ac-icon-variable{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" stroke-linejoin="bevel" d="m4 4.5H1.5v8H4m8 0h2.5v-8H12m-3 1L11.5 7v2.5l-4.5 2L4.5 10V7.5zm-4.5 2L7 9v2.5M7 9l4.5-2"/></svg>')}.pce-ac-icon-function{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" stroke-linejoin="bevel" d="m8 1.25l5.5 3.3v6.6l-5.5 3.3-5.5-3.3v-6.6zM2.5 4.85l5.5 3v6.5m0-6.5l5.5-3"/></svg>')}.pce-ac-icon-keyword{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" d="m1.5 2.5h6v2h-6zm8.5 1h5m-14 4h11m-11 3h6m3 0h5m-3 3h2m-13 0h9"/></svg>')}.pce-ac-icon-text{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" d="m1.55 7a1.2 1.2 0 011.2-.8h.6a1.2 1.2 0 011.2 1.2v3.72m0-3.09-2 .3a1.2 1.2 0 000 2.39h.1a1.9 1.9 0 001.9-2m1.7-5.2v7.6m1.85-.4a1.85 2.3 0 010-4.6 1.85 2.3 0 010 4.6m6.6-.8a1.85 2.3 0 110-3"/></svg>')}.pce-ac-icon-event{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" stroke-linejoin="bevel" d="m3.9 14.1 2.5-4.6H3.55l3.9-8h4.53l-3.29 5h3.97l-7.97 8.17"/></svg>')}

package/dist/autocomplete.css

@@ -0,0 +1 @@
+.pce-ac-wrapper button{all:unset;cursor:pointer}.pce-ac-top{grid:"d" minmax(3em,1fr) "t" minmax(auto,max-content) / auto}.pce-ac-bottom{grid:"t" minmax(auto,max-content) "d" minmax(3em,1fr) / auto}.pce-ac-bottom-end{grid:"t d" auto ". d" 3em / auto auto}.pce-ac-bottom-start{grid:"d t" auto "d ." 3em / auto auto}.pce-ac-top-end{grid:". d" 3em "t d" auto / auto auto}.pce-ac-top-start{grid:"d ." 3em "d t" auto / auto auto}.pce-ac-content{padding:.25em .3em}.pce-ac-docs pre{white-space:pre-wrap;word-break:break-word;font:inherit;margin:0}.pce-ac-docs code{font:inherit}.pce-ac-top .pce-ac-docs{margin-block:0 -1px}.pce-ac-bottom .pce-ac-docs{margin-block:-1px 0}.pce-ac-top-start .pce-ac-docs,.pce-ac-bottom-start .pce-ac-docs{inset-inline-end:-1px}.pce-ac-top-end .pce-ac-docs,.pce-ac-bottom-end .pce-ac-docs{margin-inline:-1px 0}.pce-ac-top-start .pce-ac-docs,.pce-ac-bottom-start .pce-ac-docs,.pce-ac-top-end .pce-ac-docs,.pce-ac-bottom-end .pce-ac-docs{position:absolute;max-height:100%;width:20em}button.pce-ac-toggle{width:1.26em;height:1.4em;display:grid;place-items:center;position:absolute;inset-inline-end:.2em}.pce-ac-toggle:after{content:"";height:1em;width:.7em;transform:rotate(90deg);clip-path:polygon(50% 28.96%,0% 63.96%,10.1% 71.04%,50% 43.11%,89.9% 71.04%,100% 63.96%)}button.pce-ac-close{width:1.3em;height:1.3em;display:grid;place-items:center;float:inline-end}.pce-ac-close:after{content:"";background:currentColor;height:1em;width:.6em;clip-path:polygon(50% 44.34%,0% 74.34%,9.43% 80%,9.43% 20%,0% 25.66%,50% 55.66%,100% 25.66%,90.57% 20%,50% 44.34%,9.43% 20%,9.43% 80%,50% 55.66%,90.57% 80%,100% 74.34%)}.pce-ac-wrapper{position:sticky;pointer-events:auto;right:.5em;left:.5em;display:grid}.pce-ac-wrapper>div{border:1px solid var(--pce-widget-border);border-radius:.2em;background:var(--pce-widget-bg);box-sizing:border-box;overflow:auto}.pce-ac-docs{max-height:min(100% + 1px,17em);outline:0;grid-area:d;-webkit-user-select:text;user-select:text;white-space:normal}.pce-ac-tooltip{white-space:pre;grid-area:t;height:100%;max-height:17em}.pce-ac-tooltip>ul{padding:0;box-sizing:border-box;overflow:hidden}.pce-ac-row{display:flex;padding:0 .2em;height:1.4em;align-items:center;gap:.5em;cursor:pointer;position:relative}.pce-ac-label span{color:var(--pce-ac-match, #52b1ff)}.pce-ac-label{flex-grow:1}.pce-ac-label,.pce-ac-details span{overflow-x:hidden;text-overflow:ellipsis}.pce-ac-details{font-size:90%;display:flex;flex-shrink:4;max-width:70%;opacity:.75}.pce-ac-details:has(:empty){display:none}.pce-ac-row:hover:has(button) .pce-ac-details span{width:calc(100% - 1.4em)}.pce-ac-row:hover:has(button):has(.pce-ac-details :empty){padding-inline:.2em 1.46em}.pce-ac-row:hover .pce-ac-toggle:after{background:currentColor}@media(hover:hover){.pce-ac-row:hover{background:#7772}}.pce-ac-row[aria-selected]{background:#1094ff36;color:var(--pce-widget-color-active)}.pce-tabstops span{background:var(--pce-tabstop, #7c7c7c4d)}.pce-tabstops :empty{padding:0 1px;margin:0 -1px}

package/dist/basic-DwpT6yIa.js

@@ -0,0 +1,33 @@
+import { indentGuides } from "./extensions/guides.js";
+import { s as defaultCommands, t as editHistory } from "./commands-HRCav5fj.js";
+import { n as cursorPosition } from "./cursor-7DP0p42U.js";
+import { matchBrackets } from "./extensions/matchBrackets/index.js";
+import { highlightBracketPairs } from "./extensions/matchBrackets/highlight.js";
+import { matchTags } from "./extensions/matchTags.js";
+import { n as highlightSelectionMatches } from "./selection-BXGGkB5o.js";
+import { searchWidget, showInvisibles } from "./extensions/search/index.js";
+import "./languages/index.js";
+//#region src/extensions/search/search.css?inline
+var search_default = ".prism-search{display:grid;border:1px solid var(--pce-widget-border);grid:auto / 1em auto;gap:.3em;padding:.3em;border-radius:.3em;margin:-99in 0 0;line-height:1.5;color:var(--pce-widget-color);background:var(--pce-widget-bg);position:sticky;top:.5em;right:.5em;left:.5em;z-index:4;pointer-events:auto}.prism-search-container *{box-sizing:border-box}.prism-search button{all:unset;cursor:pointer}.pce-readonly .prism-search{grid:auto / auto}.prism-search>div>div{display:flex}.pce-input input{padding:0 0 0 .3em;width:calc(var(--search-width, 20em) - 10ch - 4px);font:inherit;border:none;background:#0000;color:var(--pce-widget-color);outline:0}.pce-input ::placeholder{color:inherit;opacity:.6}.pce-match-count{margin:1px auto 1px 0}.pce-match-count,.pce-input{font-family:Arial,Helvetica,sans-serif}.pce-options{color:var(--pce-widget-color-options);font-size:80%;gap:.25em}.pce-options button{padding:0 .2em;border-radius:.2em;width:1.2em;text-align:center}.pce-options button span{pointer-events:none}.prism-search button:focus-visible{outline:1px solid var(--pce-widget-focus);z-index:1}.pce-input,.pce-options button{box-shadow:0 0 0 1px var(--_border, var(--pce-widget-border));margin:1px}.pce-input{display:flex;position:relative;background:var(--pce-widget-bg-input);border-radius:.15em;height:1.5em}.pce-input:focus-within{--_border: var(--pce-widget-focus)}.pce-find button{display:grid;align-items:center;padding:0 .4em}.pce-replace button{width:7.3ch;text-align:center}.pce-replace :last-child{width:2.7ch}.pce-input button{box-shadow:-1px 0 0 0 var(--pce-widget-border);margin-left:1px}.pce-prev:before{transform:rotate(-90deg)}.pce-next:before,.pce-expand:before{transform:rotate(90deg)}@media(hover:hover){.prism-search button:hover{background:var(--pce-widget-bg-hover)}}.pce-options button[aria-pressed=true]{background:var(--pce-widget-bg-active);color:var(--pce-widget-color-active);--_border: var(--pce-widget-focus)}.pce-input>:nth-child(3){border-radius:0 .15em .15em 0}.pce-input.pce-error{--_border: var(--pce-widget-error);--pce-widget-focus: var(--_border)}.search-error{display:none;position:absolute;top:100%;box-shadow:inherit;width:100%;white-space:normal;word-break:break-word;left:0;background:var(--pce-widget-bg-error);padding:.5em;z-index:1}.pce-error:focus-within .search-error{display:block}button.pce-close{display:grid;width:1.3em;height:1.3em;place-items:center;margin-left:auto;border-radius:.3em}.pce-find button:before,.pce-expand:before,.pce-close:before{content:\"\";background:currentColor;height:1.2em;opacity:.75}.pce-close:before{clip-path:polygon(50% 44.34%,0% 74.34%,9.43% 80%,9.43% 20%,0% 25.66%,50% 55.66%,100% 25.66%,90.57% 20%,50% 44.34%,9.43% 20%,9.43% 80%,50% 55.66%,90.57% 80%,100% 74.34%);width:.72em}.prism-search>div{display:grid;gap:.25em;width:var(--search-width, 20em)}button.pce-expand{display:grid;place-items:center;border-radius:.25em;margin:-.15em}.pce-readonly .pce-expand,[aria-expanded=false]+div .pce-replace,.pce-readonly .pce-replace{display:none}.pce-expand[aria-expanded=true]:before{transform:rotate(180deg)}.pce-find button:before,.pce-expand:before{width:.84em;clip-path:polygon(50% 28.96%,0% 63.96%,10.1% 71.04%,50% 43.11%,89.9% 71.04%,100% 63.96%)}button.pce-regex{display:flex}.pce-regex span{display:flex;align-items:flex-end}.pce-regex span:before{content:\"\";width:.3em;height:.3em;background:currentColor;margin:0 0 .2em .1em}.pce-regex span:after{content:\"*\";line-height:0;font-size:140%;margin-bottom:.5em}button.pce-in-selection{display:grid;place-items:center}button.pce-whole{position:relative}.pce-whole:after{content:\"\";position:absolute;bottom:.31em;right:.27em;left:.27em;height:.25em;clip-path:inset(1px -1px -1px);box-shadow:0 0 0 1px}.pce-in-selection:before{content:\"\";height:80%;width:90%;background:currentColor;clip-path:polygon(0 16%,80% 16%,80% 24%,0 24%,0 46%,100% 46%,100% 54%,0 54%,0 76%,60% 76%,60% 84%,0 84%)}.pce-matches span{background:var(--pce-search-match)}.pce-matches :empty{padding:0 2px;margin:0 -2px}";
+//#endregion
+//#region src/extensions/search/invisibles.css?inline
+var invisibles_default = ".pce-invisibles :before,.token.tab:before,.token.space:before{content:\"·\";position:absolute;color:var(--pce-invisibles, #e3e4e229)}.pce-tab:before,.token.tab:before{content:\"→\"}";
+//#endregion
+//#region src/setups/basic.ts
+var basic = () => [
+	defaultCommands(),
+	indentGuides(),
+	matchBrackets(),
+	highlightBracketPairs(),
+	cursorPosition(),
+	highlightSelectionMatches(),
+	searchWidget(),
+	showInvisibles(),
+	matchTags(),
+	editHistory()
+];
+var style = search_default + invisibles_default;
+//#endregion
+export { basic, style };
+
+//# sourceMappingURL=basic-DwpT6yIa.js.map

package/dist/basic-DwpT6yIa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-DwpT6yIa.js","names":[],"sources":["../src/extensions/search/search.css?inline","../src/extensions/search/invisibles.css?inline","../src/setups/basic.ts"],"sourcesContent":[".prism-search {\r\n\tdisplay: grid;\r\n\tborder: 1px solid var(--pce-widget-border);\r\n\tgrid: auto / 1em auto;\r\n\tgap: 0.3em;\r\n\tpadding: 0.3em;\r\n\tborder-radius: 0.3em;\r\n\tmargin: -99in 0 0 0;\r\n\tline-height: 1.5;\r\n\tcolor: var(--pce-widget-color);\r\n\tbackground: var(--pce-widget-bg);\r\n\tposition: sticky;\r\n\ttop: 0.5em;\r\n\tright: 0.5em;\r\n\tleft: 0.5em;\r\n\tz-index: 4;\r\n\tpointer-events: auto;\r\n}\r\n\r\n.prism-search-container * {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.prism-search button {\r\n\tall: unset;\r\n\tcursor: pointer;\r\n}\r\n\r\n.pce-readonly .prism-search {\r\n\tgrid: auto / auto;\r\n}\r\n\r\n.prism-search > div > div {\r\n\tdisplay: flex;\r\n}\r\n\r\n.pce-input input {\r\n\tpadding: 0 0 0 0.3em;\r\n\twidth: calc(var(--search-width, 20em) - 10ch - 4px);\r\n\tfont: inherit;\r\n\tborder: none;\r\n\tbackground: #0000;\r\n\tcolor: var(--pce-widget-color);\r\n\toutline: 0;\r\n}\r\n\r\n.pce-input ::placeholder {\r\n\tcolor: inherit;\r\n\topacity: 0.6;\r\n}\r\n\r\n.pce-match-count {\r\n\tmargin: 1px auto 1px 0;\r\n}\r\n\r\n.pce-match-count,\r\n.pce-input {\r\n\tfont-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.pce-options {\r\n\tcolor: var(--pce-widget-color-options);\r\n\tfont-size: 80%;\r\n\tgap: 0.25em;\r\n}\r\n\r\n.pce-options button {\r\n\tpadding: 0 0.2em;\r\n\tborder-radius: 0.2em;\r\n\twidth: 1.2em;\r\n\ttext-align: center;\r\n}\r\n\r\n.pce-options button span {\r\n\tpointer-events: none;\r\n}\r\n\r\n.prism-search button:focus-visible {\r\n\toutline: 1px solid var(--pce-widget-focus);\r\n\tz-index: 1;\r\n}\r\n\r\n.pce-input,\r\n.pce-options button {\r\n\tbox-shadow: 0 0 0 1px var(--_border, var(--pce-widget-border));\r\n\tmargin: 1px;\r\n}\r\n\r\n.pce-input {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\tbackground: var(--pce-widget-bg-input);\r\n\tborder-radius: 0.15em;\r\n\theight: 1.5em;\r\n}\r\n\r\n.pce-input:focus-within {\r\n\t--_border: var(--pce-widget-focus);\r\n}\r\n\r\n.pce-find button {\r\n\tdisplay: grid;\r\n\talign-items: center;\r\n\tpadding: 0 0.4em;\r\n}\r\n\r\n.pce-replace button {\r\n\twidth: 7.3ch;\r\n\ttext-align: center;\r\n}\r\n\r\n.pce-replace :last-child {\r\n\twidth: 2.7ch;\r\n}\r\n\r\n.pce-input button {\r\n\tbox-shadow: -1px 0 0 0 var(--pce-widget-border);\r\n\tmargin-left: 1px;\r\n}\r\n\r\n.pce-prev::before {\r\n\ttransform: rotate(-90deg);\r\n}\r\n\r\n.pce-next::before,\r\n.pce-expand::before {\r\n\ttransform: rotate(90deg);\r\n}\r\n\r\n@media (hover: hover) {\r\n\t.prism-search button:hover {\r\n\t\tbackground: var(--pce-widget-bg-hover);\r\n\t}\r\n}\r\n\r\n.pce-options button[aria-pressed=\"true\"] {\r\n\tbackground: var(--pce-widget-bg-active);\r\n\tcolor: var(--pce-widget-color-active);\r\n\t--_border: var(--pce-widget-focus);\r\n}\r\n\r\n.pce-input > :nth-child(3) {\r\n\tborder-radius: 0 0.15em 0.15em 0;\r\n}\r\n\r\n.pce-input.pce-error {\r\n\t--_border: var(--pce-widget-error);\r\n\t--pce-widget-focus: var(--_border);\r\n}\r\n\r\n.search-error {\r\n\tdisplay: none;\r\n\tposition: absolute;\r\n\ttop: 100%;\r\n\tbox-shadow: inherit;\r\n\twidth: 100%;\r\n\twhite-space: normal;\r\n\tword-break: break-word;\r\n\tleft: 0;\r\n\tbackground: var(--pce-widget-bg-error);\r\n\tpadding: 0.5em;\r\n\tz-index: 1;\r\n}\r\n\r\n.pce-error:focus-within .search-error {\r\n\tdisplay: block;\r\n}\r\n\r\nbutton.pce-close {\r\n\tdisplay: grid;\r\n\twidth: 1.3em;\r\n\theight: 1.3em;\r\n\tplace-items: center;\r\n\tmargin-left: auto;\r\n\tborder-radius: 0.3em;\r\n}\r\n\r\n.pce-find button::before,\r\n.pce-expand::before,\r\n.pce-close::before {\r\n\tcontent: \"\";\r\n\tbackground: currentColor;\r\n\theight: 1.2em;\r\n\topacity: 0.75;\r\n}\r\n\r\n.pce-close::before {\r\n\tclip-path: polygon(\r\n\t\t50% 44.34%,\r\n\t\t0% 74.34%,\r\n\t\t9.43% 80%,\r\n\t\t9.43% 20%,\r\n\t\t0% 25.66%,\r\n\t\t50% 55.66%,\r\n\t\t100% 25.66%,\r\n\t\t90.57% 20%,\r\n\t\t50% 44.34%,\r\n\t\t9.43% 20%,\r\n\t\t9.43% 80%,\r\n\t\t50% 55.66%,\r\n\t\t90.57% 80%,\r\n\t\t100% 74.34%\r\n\t);\r\n\twidth: 0.72em;\r\n}\r\n\r\n.prism-search > div {\r\n\tdisplay: grid;\r\n\tgap: 0.25em;\r\n\twidth: var(--search-width, 20em);\r\n}\r\n\r\nbutton.pce-expand {\r\n\tdisplay: grid;\r\n\tplace-items: center;\r\n\tborder-radius: 0.25em;\r\n\tmargin: -0.15em;\r\n}\r\n\r\n.pce-readonly .pce-expand,\r\n[aria-expanded=\"false\"] + div .pce-replace,\r\n.pce-readonly .pce-replace {\r\n\tdisplay: none;\r\n}\r\n\r\n.pce-expand[aria-expanded=\"true\"]::before {\r\n\ttransform: rotate(180deg);\r\n}\r\n\r\n.pce-find button::before,\r\n.pce-expand::before {\r\n\twidth: 0.84em;\r\n\tclip-path: polygon(50% 28.96%, 0% 63.96%, 10.1% 71.04%, 50% 43.11%, 89.9% 71.04%, 100% 63.96%);\r\n}\r\n\r\nbutton.pce-regex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.pce-regex span {\r\n\tdisplay: flex;\r\n\talign-items: flex-end;\r\n}\r\n\r\n.pce-regex span::before {\r\n\tcontent: \"\";\r\n\twidth: 0.3em;\r\n\theight: 0.3em;\r\n\tbackground: currentColor;\r\n\tmargin: 0 0 0.2em 0.1em;\r\n}\r\n\r\n.pce-regex span::after {\r\n\tcontent: \"*\";\r\n\tline-height: 0;\r\n\tfont-size: 140%;\r\n\tmargin-bottom: 0.5em;\r\n}\r\n\r\nbutton.pce-in-selection {\r\n\tdisplay: grid;\r\n\tplace-items: center;\r\n}\r\n\r\nbutton.pce-whole {\r\n\tposition: relative;\r\n}\r\n\r\n.pce-whole::after {\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\tbottom: 0.31em;\r\n\tright: 0.27em;\r\n\tleft: 0.27em;\r\n\theight: 0.25em;\r\n\tclip-path: inset(1px -1px -1px);\r\n\tbox-shadow: 0 0 0 1px;\r\n}\r\n\r\n.pce-in-selection::before {\r\n\tcontent: \"\";\r\n\theight: 80%;\r\n\twidth: 90%;\r\n\tbackground: currentColor;\r\n\tclip-path: polygon(\r\n\t\t0 16%,\r\n\t\t80% 16%,\r\n\t\t80% 24%,\r\n\t\t0 24%,\r\n\t\t0 46%,\r\n\t\t100% 46%,\r\n\t\t100% 54%,\r\n\t\t0 54%,\r\n\t\t0 76%,\r\n\t\t60% 76%,\r\n\t\t60% 84%,\r\n\t\t0 84%\r\n\t);\r\n}\r\n\r\n.pce-matches span {\r\n\tbackground: var(--pce-search-match);\r\n}\r\n\r\n.pce-matches :empty {\r\n\tpadding: 0 2px;\r\n\tmargin: 0 -2px;\r\n}\r\n",".pce-invisibles ::before,\n.token.tab::before,\n.token.space::before {\n\tcontent: \"·\";\n\tposition: absolute;\n\tcolor: var(--pce-invisibles, #e3e4e229);\n}\n\n.pce-tab::before,\n.token.tab::before {\n\tcontent: \"→\";\n}\n\n/*\n * Clip paths and mask images didn't work properly on inline elements in Safari or Chrome\n * so I scrapped it for pseudo-elements with unicode characters instead.\n */\n\n/* .pce-invisibles span {\n\t--mask: 50% no-repeat\n\turl('data:image/svg+xml,<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"8\" cy=\"8\" r=\"2.4\"/></svg>');\n\t-webkit-mask: var(--mask);\n\tmask: var(--mask);\n\tclip-path: circle(0.15ch);\n\tbackground: var(--pce-invisibles, #e3e4e229);\n\tdisplay: inline-block;\n}\n\nspan.pce-tab {\n\t--mask: 0 50% / 1em 1em no-repeat\n\t\turl('data:image/svg+xml,<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m0 7.4h7.1l-1.45-1.45.7-.7 2.45 2.45 0 .6-2.45 2.45-.7-.7 1.45-1.45h-7.4z\"/></svg>');\n\tclip-path: polygon(\n\t\t0 calc(50% - 0.038em),\n\t\t0.444em calc(50% - 0.038em),\n\t\t0.353em calc(50% - 0.128em),\n\t\t0.397em calc(50% - 0.172em),\n\t\t0.55em calc(50% - 0.019em),\n\t\t0.55em calc(50% + 0.019em),\n\t\t0.397em calc(50% + 0.172em),\n\t\t0.353em calc(50% + 0.128em),\n\t\t0.444em calc(50% + 0.038em),\n\t\t0 calc(50% + 0.038em)\n\t);\n} */\n","import \"../languages/index.js\"\nimport { matchBrackets } from \"../extensions/matchBrackets/index.js\"\nimport { highlightBracketPairs } from \"../extensions/matchBrackets/highlight.js\"\nimport { indentGuides } from \"../extensions/guides.js\"\nimport { cursorPosition } from \"../extensions/cursor/index.js\"\nimport { defaultCommands, editHistory } from \"../extensions/commands/index.js\"\nimport { EditorExtension } from \"../index.js\"\nimport {\n\tsearchWidget,\n\tshowInvisibles,\n\thighlightSelectionMatches,\n} from \"../extensions/search/index.js\"\nimport { matchTags } from \"../extensions/matchTags.js\"\nimport searchStyle from \"../extensions/search/search.css?inline\"\nimport invisibles from \"../extensions/search/invisibles.css?inline\"\n\nexport const basic = (): EditorExtension[] => [\n\tdefaultCommands(),\n\tindentGuides(),\n\tmatchBrackets(),\n\thighlightBracketPairs(),\n\tcursorPosition(),\n\thighlightSelectionMatches(),\n\tsearchWidget(),\n\tshowInvisibles(),\n\tmatchTags(),\n\teditHistory(),\n]\n\nexport const style = searchStyle + invisibles\n"],"mappings":";;;;;;;;;;;;;;;;AEgBA,IAAa,cAAiC;CAC7C,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,sBAAsB;CACtB,eAAe;CACf,0BAA0B;CAC1B,aAAa;CACb,eAAe;CACf,UAAU;CACV,YAAY;AACb;AAEA,IAAa,QAAQ,iBAAc"}

package/dist/bracket-CStGDfC7.js

@@ -0,0 +1,8 @@
+//#region src/utils/bracket.ts
+var testBracket = (str, brackets, l) => {
+	return brackets.indexOf(str[0]) + 1 || l && brackets.indexOf(str[l]) + 1;
+};
+//#endregion
+export { testBracket as t };
+
+//# sourceMappingURL=bracket-CStGDfC7.js.map

package/dist/bracket-CStGDfC7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bracket-CStGDfC7.js","names":[],"sources":["../src/utils/bracket.ts"],"sourcesContent":["const testBracket = (str: string, brackets: string, l: number) => {\n\treturn brackets.indexOf(str[0]) + 1 || (l && brackets.indexOf(str[l]) + 1)\n}\n\nexport { testBracket }\n"],"mappings":";AAAA,IAAM,eAAe,KAAa,UAAkB,MAAc;CACjE,OAAO,SAAS,QAAQ,IAAI,EAAE,IAAI,KAAM,KAAK,SAAS,QAAQ,IAAI,EAAE,IAAI;AACzE"}

package/dist/client/code-block.d.ts

@@ -0,0 +1,44 @@
+/** @module code-blocks */
+export type PrismCodeBlock = {
+    /** Outermost element of the code block. */
+    readonly container: HTMLPreElement;
+    /** `<code>` element wrapping the lines and overlays. */
+    readonly wrapper: HTMLElement;
+    /**
+     * Collection containing the overlays as the first element. The rest of the elements
+     * are the code lines. This means the first line starts at index 1.
+     */
+    readonly lines: HTMLCollectionOf<HTMLDivElement>;
+    /** The code of the code block. */
+    readonly code: string;
+    /** The language of the code block. */
+    readonly language: string;
+};
+/**
+ * Runs a callback function for each code block under the root in document order. If a
+ * callback has previously been run for a code block, it's skipped.
+ *
+ * The callback function takes the code block as the first argument. The second parameter
+ * is any additional properties passed when the code block was created. These options
+ * were stringified to JSON and parsed.
+ * @param root Root to search for code blocks under.
+ * @param callback Function to run for each code block.
+ * @returns An array with all visited code blocks in document order.
+ */
+declare const forEachCodeBlock: <T extends {}>(root: Document | Element, callback: (codeBlock: PrismCodeBlock, options: T) => void) => PrismCodeBlock[];
+/**
+ * @param selector Selector used to specify which lines to omit from the resulting code.
+ * @returns A function that returns the code inside a code block without any lines that
+ * match the specified selector.
+ */
+declare const omitLines: (selector: string) => (codeBlock: PrismCodeBlock) => string;
+/**
+ * Adds a copy button to a code block. Requires styles from
+ * `prism-code-editor/copy-button.css`.
+ * @param codeBlock Code block to add the copy button to.
+ * @param getCode Function used to get the copied code. Can be used to e.g. omit deleted
+ * lines.
+ */
+declare const addCopyButton: (codeBlock: PrismCodeBlock, getCode?: (codeBlock: PrismCodeBlock) => string) => void;
+export { forEachCodeBlock, addCopyButton, omitLines };
+export * from './hover.js';

package/dist/client/code-block.js

@@ -0,0 +1,254 @@
+import { i as doc, r as createTemplate, t as addListener } from "../core-fngiDtt5.js";
+import { C as voidlessLangs, S as voidTags, t as addOverlay, v as getPosition } from "../utils-umP5W0OV.js";
+import { t as testBracket } from "../bracket-CStGDfC7.js";
+import { createCopyButton } from "../extensions/copyButton/index.js";
+//#region src/client/hover.ts
+var counter = 0;
+var sp;
+var template = /* @__PURE__ */ createTemplate("<div class=pce-tooltip style=z-index:5;top:auto;display:flex><div></div><div class=pce-hover-tooltip style=flex-shrink:0>");
+var getLanguageAt = (token) => {
+	return /language-(\S*)/.exec(token.closest("[class*=language-]")?.className || "language-text")[1];
+};
+/**
+* Utility that makes it easier to add hover descriptions to tokens.
+* @param codeBlock Code block to add the functionality to.
+* @param callback Function called when a token with only textual children is hovered.
+*
+* The function gets called with the following arguments:
+* - `types`: Array with the token's type as the first element, followed by any alises.
+* - `language`: The language at the token's position.
+* - `text`: The `textContent` of the token.
+* - `element`: The `<span>` element of the hovered token.
+*
+* Lastly, the function should return an array of children that get added to the tooltip.
+* If `null` or `undefined` is returned, no tooltip is shown for the token.
+* @param options Options for configuring the size and position of the tooltip.
+*/
+var addHoverDescriptions = (codeBlock, callback, options = {}) => {
+	let current;
+	const { above, maxHeight, maxWidth } = options;
+	const container = template();
+	const pre = codeBlock.container;
+	const style = container.style;
+	const [spacer, tooltip] = container.children;
+	const wrapper = codeBlock.wrapper;
+	const id = tooltip.id = "pce-hover-" + counter++;
+	const show = (target) => {
+		const types = target.className.slice(6).split(" ");
+		const text = target.textContent;
+		const content = callback(types, getLanguageAt(target), text, target);
+		if (content) {
+			let { left, right, top, bottom, height } = getPosition(codeBlock, target);
+			let { clientHeight, clientWidth } = pre;
+			let max = bottom > top ? bottom : top;
+			tooltip.style.maxWidth = `min(${maxWidth ? maxWidth + "," : ""}${clientWidth}px - var(--padding-left) - 1em)`;
+			tooltip.style.maxHeight = `min(${maxHeight ? maxHeight + "," : ""}${max}px, ${clientHeight * .6}px - 2em)`;
+			spacer.style.width = (pre.matches(".pce-rtl") ? right : left) + "px";
+			tooltip.textContent = "";
+			tooltip.append(...content);
+			container.parentNode || addOverlay(codeBlock, container);
+			let placeAbove = !above == top > bottom && (above ? top : bottom) < container.clientHeight ? !above : above;
+			style[placeAbove ? "bottom" : "top"] = height + (placeAbove ? bottom : top) + "px";
+			style[placeAbove ? "top" : "bottom"] = "auto";
+			current?.removeAttribute("aria-describedby");
+			target.setAttribute("aria-describedby", id);
+			current = target;
+		} else hide();
+	};
+	const hide = () => {
+		current?.removeAttribute("aria-describedby");
+		container.remove();
+	};
+	addListener(tooltip, "pointerleave", hide);
+	addListener(wrapper, "pointerover", (e) => {
+		const target = e.target;
+		if (!tooltip.contains(target)) if (target.matches(".token") && (e.pointerType != "mouse" || !e.buttons) && !target.childElementCount) show(target);
+		else hide();
+	});
+};
+/**
+* Highlights bracket pairs when hovered. Clicking on a pair keeps it highlighted.
+* Clicking anywhere inside the container removes the highlight.
+*
+* This will match all brackets under the container together. If there are multiple code
+* blocks underneath, then brackets from different code blocks might get matched together.
+*
+* Note that there should not be any editors inside your container as this can cause
+* issues.
+*
+* @param container Container to add bracket pair highlighting to.
+* @param pairs Which characters to match together. The opening character must be followed
+* by the corresponding closing character. Defaults to "()[]{}".
+*/
+var highlightBracketPairsOnHover = (container, pairs = "()[]{}") => {
+	highlightPairsOnHover(container, "active-bracket", "punctuation", (token, stack, map) => {
+		const text = token.textContent;
+		const bracketType = testBracket(text, pairs, text.length - 1);
+		if (bracketType) if (bracketType % 2) stack[sp++] = [token, bracketType + 1];
+		else for (let i = sp; i;) {
+			let [el, type] = stack[--i];
+			if (bracketType == type) {
+				map.set(token, el);
+				map.set(el, token);
+				if (el.nextSibling == token) {
+					el.textContent += token.textContent;
+					token.textContent = "";
+				}
+				sp = i;
+				i = 0;
+			}
+		}
+	});
+};
+/**
+* Highlights tag pairs when a tag name is hovered. Clicking on a pair keeps it
+* highlighted. Clicking anywhere inside the container removes the highlight.
+*
+* This will match all tags under the container together. If there are multiple code
+* blocks underneath, then tags from different code blocks might get matched together.
+*
+* Note that there should not be any editors inside your container as this can cause
+* issues.
+*
+* @param container Container to add tag pair highlighting to.
+*/
+var highlightTagPairsOnHover = (container) => {
+	const partialTags = [];
+	const matchTag = (nameEl, isClosing, lastChild, stack, map) => {
+		const noVoidTags = voidlessLangs.has(getLanguageAt(nameEl));
+		const name = nameEl.textContent;
+		const tagName = noVoidTags ? name : name.toLowerCase();
+		if (!lastChild.textContent[1] && (noVoidTags || !voidTags.test(tagName))) if (isClosing) {
+			for (let i = sp, entry; entry = stack[--i];) if (tagName == entry[1]) {
+				map.set(nameEl, entry[0]);
+				map.set(entry[0], nameEl);
+				sp = i;
+				break;
+			}
+		} else stack[sp++] = [nameEl, tagName];
+	};
+	highlightPairsOnHover(container, "active-tagname", "tag", (token, stack, map) => {
+		const children = token.children;
+		const text = token.textContent;
+		const lastChild = children[children.length - 1];
+		const second = children[1];
+		const hasClosingPunctuation = lastChild?.matches(".punctuation");
+		if (second?.matches(".tag")) if (hasClosingPunctuation) matchTag(second, text[1] == "/", lastChild, stack, map);
+		else partialTags.push([second, text[1] == "/"]);
+		else if (hasClosingPunctuation && partialTags[0]) matchTag(...partialTags.pop(), lastChild, stack, map);
+	});
+};
+var highlightPairsOnHover = (container, highlightClass, tokenName, forEachToken) => {
+	let cache;
+	const active = [[], []];
+	const element = container instanceof Node ? container : container.wrapper;
+	const toggleHighlight = (index, add) => active[index].forEach((el) => el.classList.toggle(highlightClass, !!add));
+	const setCache = () => {
+		cache = /* @__PURE__ */ new WeakMap();
+		let tokens = element.getElementsByClassName(tokenName);
+		let i = sp = 0;
+		let stack = [];
+		let token;
+		while (token = tokens[i++]) forEachToken(token, stack, cache);
+	};
+	const handler = (e) => {
+		const target = e.target.closest("." + tokenName);
+		const index = e.type == "click" ? 0 : 1;
+		if (active[0].includes(target)) return;
+		if (index && (e.pointerType != "mouse" || e.buttons)) return;
+		if (!cache) setCache();
+		toggleHighlight(index);
+		active[index] = [];
+		const other = cache.get(target);
+		if (other) {
+			active[1] = [];
+			active[index] = [target, other];
+			toggleHighlight(index, true);
+		}
+	};
+	addListener(element, "click", handler);
+	addListener(element, "pointerover", handler);
+	addListener(element, "pointerleave", () => {
+		toggleHighlight(1);
+		active[1] = [];
+	});
+};
+//#endregion
+//#region src/client/code-block.ts
+/** @module code-blocks */
+/**
+* Runs a callback function for each code block under the root in document order. If a
+* callback has previously been run for a code block, it's skipped.
+*
+* The callback function takes the code block as the first argument. The second parameter
+* is any additional properties passed when the code block was created. These options
+* were stringified to JSON and parsed.
+* @param root Root to search for code blocks under.
+* @param callback Function to run for each code block.
+* @returns An array with all visited code blocks in document order.
+*/
+var forEachCodeBlock = (root, callback) => {
+	let els = root.getElementsByClassName("prism-code-editor");
+	let i = 0;
+	let result = [];
+	while (i < els.length) {
+		const element = els[i++];
+		const json = element.dataset.props;
+		if (!json) continue;
+		const wrapper = element.firstChild;
+		const codeBlock = {
+			container: element,
+			wrapper,
+			lines: wrapper.children,
+			code: wrapper.textContent.slice(0, -1),
+			language: /language-(\S*)/.exec(element.className)[1]
+		};
+		element.removeAttribute("data-props");
+		callback(codeBlock, JSON.parse(json));
+		result.push(codeBlock);
+	}
+	return result;
+};
+/**
+* @param selector Selector used to specify which lines to omit from the resulting code.
+* @returns A function that returns the code inside a code block without any lines that
+* match the specified selector.
+*/
+var omitLines = (selector) => (codeBlock) => {
+	let result = "";
+	let lines = codeBlock.lines;
+	let i = 0;
+	let line;
+	while (line = lines[++i]) if (!line.matches(selector)) result += line.textContent;
+	return result.slice(0, -1);
+};
+/**
+* Adds a copy button to a code block. Requires styles from
+* `prism-code-editor/copy-button.css`.
+* @param codeBlock Code block to add the copy button to.
+* @param getCode Function used to get the copied code. Can be used to e.g. omit deleted
+* lines.
+*/
+var addCopyButton = (codeBlock, getCode) => {
+	const container = createCopyButton();
+	const btn = container.firstChild;
+	addListener(btn, "click", () => {
+		btn.setAttribute("aria-label", "Copied!");
+		if (!navigator.clipboard?.writeText(getCode ? getCode(codeBlock) : codeBlock.code)) {
+			const selection = getSelection();
+			const range = new Range();
+			selection.removeAllRanges();
+			selection.addRange(range);
+			range.setStartAfter(codeBlock.lines[0]);
+			range.setEndAfter(codeBlock.wrapper);
+			doc.execCommand("copy");
+			range.collapse();
+		}
+	});
+	addListener(btn, "pointerenter", () => btn.setAttribute("aria-label", "Copy"));
+	addOverlay(codeBlock, container);
+};
+//#endregion
+export { addCopyButton, addHoverDescriptions, forEachCodeBlock, highlightBracketPairsOnHover, highlightTagPairsOnHover, omitLines };
+
+//# sourceMappingURL=code-block.js.map

package/dist/client/code-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.js","names":[],"sources":["../../src/client/hover.ts","../../src/client/code-block.ts"],"sourcesContent":["import { addListener, createTemplate } from \"../core.js\"\nimport { testBracket } from \"../utils/bracket.js\"\nimport { addOverlay } from \"../utils/index.js\"\nimport { getPosition, voidlessLangs, voidTags } from \"../utils/local.js\"\nimport { PrismCodeBlock } from \"./code-block.js\"\n\nexport type HoverOptions = {\n\t/** Whether the prefered position of the tooltip is above the token. @default false */\n\tabove?: boolean\n\t/** A CSS length value for the tooltip's max width. */\n\tmaxWidth?: string\n\t/** A CSS length value for the tooltip's max height. */\n\tmaxHeight?: string\n}\n\nlet counter = 0\nlet sp: number\n\nconst template = /* @__PURE__ */ createTemplate(\n\t\"<div class=pce-tooltip style=z-index:5;top:auto;display:flex><div></div><div class=pce-hover-tooltip style=flex-shrink:0>\",\n)\n\nconst getLanguageAt = (token: Element) => {\n\treturn /language-(\\S*)/.exec(\n\t\ttoken.closest(\"[class*=language-]\")?.className || \"language-text\",\n\t)![1]\n}\n\n/**\n * Utility that makes it easier to add hover descriptions to tokens.\n * @param codeBlock Code block to add the functionality to.\n * @param callback Function called when a token with only textual children is hovered.\n *\n * The function gets called with the following arguments:\n * - `types`: Array with the token's type as the first element, followed by any alises.\n * - `language`: The language at the token's position.\n * - `text`: The `textContent` of the token.\n * - `element`: The `<span>` element of the hovered token.\n *\n * Lastly, the function should return an array of children that get added to the tooltip.\n * If `null` or `undefined` is returned, no tooltip is shown for the token.\n * @param options Options for configuring the size and position of the tooltip.\n */\nconst addHoverDescriptions = (\n\tcodeBlock: PrismCodeBlock,\n\tcallback: (\n\t\ttypes: string[],\n\t\tlanguage: string,\n\t\ttext: string,\n\t\telement: HTMLSpanElement,\n\t) => (string | Node)[] | null | undefined,\n\toptions: HoverOptions = {},\n) => {\n\tlet current: HTMLSpanElement\n\tconst { above, maxHeight, maxWidth } = options\n\tconst container = template()\n\tconst pre = codeBlock.container\n\tconst style = container.style\n\tconst [spacer, tooltip] = container.children as HTMLCollectionOf<HTMLDivElement>\n\tconst wrapper = codeBlock.wrapper\n\tconst id = (tooltip.id = \"pce-hover-\" + counter++)\n\n\tconst show = (target: HTMLElement) => {\n\t\tconst types = target.className.slice(6).split(\" \")\n\t\tconst text = target.textContent!\n\t\tconst content = callback(types, getLanguageAt(target), text, target)\n\t\tif (content) {\n\t\t\tlet { left, right, top, bottom, height } = getPosition(codeBlock, target)\n\t\t\tlet { clientHeight, clientWidth } = pre\n\t\t\tlet max = bottom > top ? bottom : top\n\n\t\t\ttooltip.style.maxWidth = `min(${\n\t\t\t\tmaxWidth ? maxWidth + \",\" : \"\"\n\t\t\t}${clientWidth}px - var(--padding-left) - 1em)`\n\t\t\ttooltip.style.maxHeight = `min(${maxHeight ? maxHeight + \",\" : \"\"}${max}px, ${\n\t\t\t\tclientHeight * 0.6\n\t\t\t}px - 2em)`\n\t\t\tspacer.style.width = (pre.matches(\".pce-rtl\") ? right : left) + \"px\"\n\t\t\ttooltip.textContent = \"\"\n\t\t\ttooltip.append(...content)\n\t\t\tcontainer.parentNode || addOverlay(codeBlock, container)\n\n\t\t\tlet placeAbove =\n\t\t\t\t!above == top > bottom && (above ? top : bottom) < container.clientHeight ? !above : above\n\n\t\t\tstyle[placeAbove ? \"bottom\" : \"top\"] = height + (placeAbove ? bottom : top) + \"px\"\n\t\t\tstyle[placeAbove ? \"top\" : \"bottom\"] = \"auto\"\n\t\t\tcurrent?.removeAttribute(\"aria-describedby\")\n\t\t\ttarget.setAttribute(\"aria-describedby\", id)\n\t\t\tcurrent = target\n\t\t} else hide()\n\t}\n\n\tconst hide = () => {\n\t\tcurrent?.removeAttribute(\"aria-describedby\")\n\t\tcontainer.remove()\n\t}\n\n\taddListener(tooltip, \"pointerleave\", hide)\n\n\taddListener(wrapper, \"pointerover\", e => {\n\t\tconst target = e.target as HTMLSpanElement\n\t\tif (!tooltip.contains(target)) {\n\t\t\tif (\n\t\t\t\ttarget.matches(\".token\") &&\n\t\t\t\t(e.pointerType != \"mouse\" || !e.buttons) &&\n\t\t\t\t!target.childElementCount\n\t\t\t) {\n\t\t\t\tshow(target)\n\t\t\t} else hide()\n\t\t}\n\t})\n}\n\n/**\n * Highlights bracket pairs when hovered. Clicking on a pair keeps it highlighted.\n * Clicking anywhere inside the container removes the highlight.\n *\n * This will match all brackets under the container together. If there are multiple code\n * blocks underneath, then brackets from different code blocks might get matched together.\n *\n * Note that there should not be any editors inside your container as this can cause\n * issues.\n *\n * @param container Container to add bracket pair highlighting to.\n * @param pairs Which characters to match together. The opening character must be followed\n * by the corresponding closing character. Defaults to \"()[]{}\".\n */\nconst highlightBracketPairsOnHover = (\n\tcontainer: PrismCodeBlock | HTMLElement,\n\tpairs = \"()[]{}\",\n) => {\n\thighlightPairsOnHover<number>(container, \"active-bracket\", \"punctuation\", (token, stack, map) => {\n\t\tconst text = token.textContent!\n\t\tconst last = text.length - 1\n\t\tconst bracketType = testBracket(text, pairs, last)\n\n\t\tif (bracketType) {\n\t\t\tif (bracketType % 2) stack[sp++] = [token, bracketType + 1]\n\t\t\telse {\n\t\t\t\tfor (let i = sp; i; ) {\n\t\t\t\t\tlet [el, type] = stack[--i]\n\t\t\t\t\tif (bracketType == type) {\n\t\t\t\t\t\tmap.set(token, el)\n\t\t\t\t\t\tmap.set(el, token)\n\t\t\t\t\t\tif (el.nextSibling == token) {\n\t\t\t\t\t\t\tel.textContent += token.textContent!\n\t\t\t\t\t\t\ttoken.textContent = \"\"\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsp = i\n\t\t\t\t\t\ti = 0\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t})\n}\n\n/**\n * Highlights tag pairs when a tag name is hovered. Clicking on a pair keeps it\n * highlighted. Clicking anywhere inside the container removes the highlight.\n *\n * This will match all tags under the container together. If there are multiple code\n * blocks underneath, then tags from different code blocks might get matched together.\n *\n * Note that there should not be any editors inside your container as this can cause\n * issues.\n *\n * @param container Container to add tag pair highlighting to.\n */\nconst highlightTagPairsOnHover = (container: PrismCodeBlock | HTMLElement) => {\n\tconst partialTags: [Element, boolean][] = []\n\tconst matchTag = (\n\t\tnameEl: Element,\n\t\tisClosing: boolean,\n\t\tlastChild: Element,\n\t\tstack: [Element, string][],\n\t\tmap: WeakMap<Element, Element>,\n\t) => {\n\t\tconst noVoidTags = voidlessLangs.has(getLanguageAt(nameEl))\n\t\tconst name = nameEl.textContent!\n\t\tconst tagName = noVoidTags ? name : name.toLowerCase()\n\t\tconst notSelfClosing = !lastChild.textContent![1] && (noVoidTags || !voidTags.test(tagName))\n\t\tif (notSelfClosing) {\n\t\t\tif (isClosing) {\n\t\t\t\tfor (let i = sp, entry: [Element, string]; (entry = stack[--i]); ) {\n\t\t\t\t\tif (tagName == entry[1]) {\n\t\t\t\t\t\tmap.set(nameEl, entry[0])\n\t\t\t\t\t\tmap.set(entry[0], nameEl)\n\t\t\t\t\t\tsp = i\n\t\t\t\t\t\tbreak\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tstack[sp++] = [nameEl, tagName]\n\t\t\t}\n\t\t}\n\t}\n\n\thighlightPairsOnHover<string>(container, \"active-tagname\", \"tag\", (token, stack, map) => {\n\t\tconst children = token.children\n\t\tconst text = token.textContent!\n\t\tconst lastChild = children[children.length - 1]\n\t\tconst second = children[1]\n\t\tconst hasClosingPunctuation = lastChild?.matches(\".punctuation\")\n\n\t\tif (second?.matches(\".tag\")) {\n\t\t\tif (hasClosingPunctuation) {\n\t\t\t\tmatchTag(second, text[1] == \"/\", lastChild, stack, map)\n\t\t\t} else {\n\t\t\t\tpartialTags.push([second, text[1] == \"/\"])\n\t\t\t}\n\t\t} else if (hasClosingPunctuation && partialTags[0]) {\n\t\t\tmatchTag(...partialTags.pop()!, lastChild, stack, map)\n\t\t}\n\t})\n}\n\ntype TokenCallback<T> = (\n\ttoken: HTMLSpanElement,\n\tstack: [Element, T][],\n\tmap: WeakMap<Element, Element>,\n) => void\n\nconst highlightPairsOnHover = <T>(\n\tcontainer: PrismCodeBlock | HTMLElement,\n\thighlightClass: string,\n\ttokenName: string,\n\tforEachToken: TokenCallback<T>,\n) => {\n\tlet cache: WeakMap<Element, Element>\n\tconst active: [Element[], Element[]] = [[], []]\n\tconst element = container instanceof Node ? container : container.wrapper\n\tconst toggleHighlight = (index: 0 | 1, add?: boolean) =>\n\t\tactive[index].forEach(el => el.classList.toggle(highlightClass, !!add))\n\n\tconst setCache = () => {\n\t\tcache = new WeakMap()\n\t\tlet tokens = element.getElementsByClassName(tokenName)\n\t\tlet i = (sp = 0)\n\t\tlet stack: [Element, T][] = []\n\t\tlet token: HTMLSpanElement\n\t\twhile ((token = tokens[i++] as HTMLSpanElement)) {\n\t\t\tforEachToken(token, stack, cache)\n\t\t}\n\t}\n\n\tconst handler = (e: PointerEvent) => {\n\t\tconst target = (e.target as Element).closest(\".\" + tokenName)!\n\t\tconst index = e.type == \"click\" ? 0 : 1\n\n\t\tif (active[0].includes(target)) return\n\t\tif (index && (e.pointerType != \"mouse\" || e.buttons)) return\n\t\tif (!cache) setCache()\n\n\t\ttoggleHighlight(index)\n\t\tactive[index] = []\n\t\tconst other = cache.get(target)\n\t\tif (other) {\n\t\t\tactive[1] = []\n\t\t\tactive[index] = [target, other]\n\t\t\ttoggleHighlight(index, true)\n\t\t}\n\t}\n\n\taddListener(element, \"click\", handler)\n\taddListener(element, \"pointerover\", handler)\n\taddListener(element, \"pointerleave\", () => {\n\t\ttoggleHighlight(1)\n\t\tactive[1] = []\n\t})\n}\n\nexport { addHoverDescriptions, highlightBracketPairsOnHover, highlightTagPairsOnHover }\n","/** @module code-blocks */\n\nimport { addListener, doc } from \"../core.js\"\nimport { createCopyButton } from \"../extensions/copyButton/index.js\"\nimport { addOverlay } from \"../utils/index.js\"\n\nexport type PrismCodeBlock = {\n\t/** Outermost element of the code block. */\n\treadonly container: HTMLPreElement\n\t/** `<code>` element wrapping the lines and overlays. */\n\treadonly wrapper: HTMLElement\n\t/**\n\t * Collection containing the overlays as the first element. The rest of the elements\n\t * are the code lines. This means the first line starts at index 1.\n\t */\n\treadonly lines: HTMLCollectionOf<HTMLDivElement>\n\t/** The code of the code block. */\n\treadonly code: string\n\t/** The language of the code block. */\n\treadonly language: string\n}\n\n/**\n * Runs a callback function for each code block under the root in document order. If a\n * callback has previously been run for a code block, it's skipped.\n *\n * The callback function takes the code block as the first argument. The second parameter\n * is any additional properties passed when the code block was created. These options\n * were stringified to JSON and parsed.\n * @param root Root to search for code blocks under.\n * @param callback Function to run for each code block.\n * @returns An array with all visited code blocks in document order.\n */\nconst forEachCodeBlock = <T extends {}>(\n\troot: Document | Element,\n\tcallback: (codeBlock: PrismCodeBlock, options: T) => void,\n) => {\n\tlet els = root.getElementsByClassName(\"prism-code-editor\") as HTMLCollectionOf<HTMLPreElement>\n\tlet i = 0\n\tlet result: PrismCodeBlock[] = []\n\n\twhile (i < els.length) {\n\t\tconst element = els[i++]\n\t\tconst json = element.dataset.props\n\n\t\tif (!json) continue\n\n\t\tconst wrapper = element.firstChild as HTMLElement\n\t\tconst lines = wrapper.children as HTMLCollectionOf<HTMLDivElement>\n\t\tconst code = wrapper.textContent!.slice(0, -1)\n\t\tconst codeBlock = {\n\t\t\tcontainer: element,\n\t\t\twrapper,\n\t\t\tlines,\n\t\t\tcode,\n\t\t\tlanguage: /language-(\\S*)/.exec(element.className)![1],\n\t\t}\n\n\t\telement.removeAttribute(\"data-props\")\n\t\tcallback(codeBlock, JSON.parse(json))\n\t\tresult.push(codeBlock)\n\t}\n\n\treturn result\n}\n\n/**\n * @param selector Selector used to specify which lines to omit from the resulting code.\n * @returns A function that returns the code inside a code block without any lines that\n * match the specified selector.\n */\nconst omitLines = (selector: string) => (codeBlock: PrismCodeBlock) => {\n\tlet result = \"\"\n\tlet lines = codeBlock.lines\n\tlet i = 0\n\tlet line: HTMLDivElement\n\twhile ((line = lines[++i])) {\n\t\tif (!line.matches(selector)) result += line.textContent\n\t}\n\treturn result.slice(0, -1)\n}\n\n/**\n * Adds a copy button to a code block. Requires styles from\n * `prism-code-editor/copy-button.css`.\n * @param codeBlock Code block to add the copy button to.\n * @param getCode Function used to get the copied code. Can be used to e.g. omit deleted\n * lines.\n */\nconst addCopyButton = (\n\tcodeBlock: PrismCodeBlock,\n\tgetCode?: (codeBlock: PrismCodeBlock) => string,\n) => {\n\tconst container = createCopyButton()\n\tconst btn = container.firstChild as HTMLButtonElement\n\n\taddListener(btn, \"click\", () => {\n\t\tbtn.setAttribute(\"aria-label\", \"Copied!\")\n\t\tif (!navigator.clipboard?.writeText(getCode ? getCode(codeBlock) : codeBlock.code)) {\n\t\t\tconst selection = getSelection()!\n\t\t\tconst range = new Range()\n\t\t\tselection.removeAllRanges()\n\t\t\tselection.addRange(range)\n\t\t\trange.setStartAfter(codeBlock.lines[0])\n\t\t\trange.setEndAfter(codeBlock.wrapper)\n\t\t\tdoc!.execCommand(\"copy\")\n\t\t\trange.collapse()\n\t\t}\n\t})\n\n\taddListener(btn, \"pointerenter\", () => btn.setAttribute(\"aria-label\", \"Copy\"))\n\n\taddOverlay(codeBlock, container)\n}\n\nexport { forEachCodeBlock, addCopyButton, omitLines }\nexport * from \"./hover.js\"\n"],"mappings":"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"}

package/dist/client/hover.d.ts

@@ -0,0 +1,54 @@
+import { PrismCodeBlock } from './code-block.js';
+export type HoverOptions = {
+    /** Whether the prefered position of the tooltip is above the token. @default false */
+    above?: boolean;
+    /** A CSS length value for the tooltip's max width. */
+    maxWidth?: string;
+    /** A CSS length value for the tooltip's max height. */
+    maxHeight?: string;
+};
+/**
+ * Utility that makes it easier to add hover descriptions to tokens.
+ * @param codeBlock Code block to add the functionality to.
+ * @param callback Function called when a token with only textual children is hovered.
+ *
+ * The function gets called with the following arguments:
+ * - `types`: Array with the token's type as the first element, followed by any alises.
+ * - `language`: The language at the token's position.
+ * - `text`: The `textContent` of the token.
+ * - `element`: The `<span>` element of the hovered token.
+ *
+ * Lastly, the function should return an array of children that get added to the tooltip.
+ * If `null` or `undefined` is returned, no tooltip is shown for the token.
+ * @param options Options for configuring the size and position of the tooltip.
+ */
+declare const addHoverDescriptions: (codeBlock: PrismCodeBlock, callback: (types: string[], language: string, text: string, element: HTMLSpanElement) => (string | Node)[] | null | undefined, options?: HoverOptions) => void;
+/**
+ * Highlights bracket pairs when hovered. Clicking on a pair keeps it highlighted.
+ * Clicking anywhere inside the container removes the highlight.
+ *
+ * This will match all brackets under the container together. If there are multiple code
+ * blocks underneath, then brackets from different code blocks might get matched together.
+ *
+ * Note that there should not be any editors inside your container as this can cause
+ * issues.
+ *
+ * @param container Container to add bracket pair highlighting to.
+ * @param pairs Which characters to match together. The opening character must be followed
+ * by the corresponding closing character. Defaults to "()[]{}".
+ */
+declare const highlightBracketPairsOnHover: (container: PrismCodeBlock | HTMLElement, pairs?: string) => void;
+/**
+ * Highlights tag pairs when a tag name is hovered. Clicking on a pair keeps it
+ * highlighted. Clicking anywhere inside the container removes the highlight.
+ *
+ * This will match all tags under the container together. If there are multiple code
+ * blocks underneath, then tags from different code blocks might get matched together.
+ *
+ * Note that there should not be any editors inside your container as this can cause
+ * issues.
+ *
+ * @param container Container to add tag pair highlighting to.
+ */
+declare const highlightTagPairsOnHover: (container: PrismCodeBlock | HTMLElement) => void;
+export { addHoverDescriptions, highlightBracketPairsOnHover, highlightTagPairsOnHover };

package/dist/client/index.d.ts

@@ -0,0 +1,14 @@
+import { EditorExtension, EditorOptions, PrismEditor } from '../index.js';
+/**
+ * Mounts all editors rendered by {@link renderEditor} under the specified root. Editors
+ * are mounted in document order, and editors that have already been mounted are skipped.
+ *
+ * @param root Root element to search for editors under.
+ * @param getExtensions Function used to get the extensions that should be added to each
+ * editor. If the editors were created with extra options, these will be parsed from
+ * JSON and passed to this function together with all other editor options. This is very
+ * useful if you want to configure different extensions for different editors.
+ * @returns Array of the mounted editors. These editors are in document order.
+ */
+declare const mountEditorsUnder: <T extends {} = {}>(root: Document | Element, getExtensions?: (options: EditorOptions & T) => EditorExtension<T>[] | undefined | null) => PrismEditor<T>[];
+export { mountEditorsUnder };