simple-syntax-highlighter - npm Package Compare versions

Comparing version 1.6.0 to 1.6.1

dist/sshpre.cjs.js

@@ -1,3 +0,3 @@
-"use strict";const c=require("vue");const y=(t,e)=>{const n=t.__vccOpts||t;for(const[o,a]of e)n[o]=a;return n},i={quote:/("(?:\\"|[^"])*")|('(?:\\'|[^'])*')/,comment:/(\/\/.*?(?:\n|$)|\/\*.*?(?:\*\/|$))/,doctype:/(&lt;\!DOCTYPE.*?&gt;)/,htmlTag:/&lt;(?:([a-zA-Z][\w\d-]*)((?:[\w\d\- ]+=(?:"[^"]*"|'[^']*'))*|(?:(?!&(?:lt|amp);).)*?)(\s*\/?)|(\/?)([a-zA-Z][\w\d-]*))&gt;/,htmlentity:/(&amp;(?:[a-zA-Z]+|#x?\d+);)/,punctuation:new RegExp("(!==?|(?:[[\\](){}.:,+\\-?=!])+|(?<!&(?:[a-zA-Z]+|#x?\\d+));|\\|\\||&lt;|&gt;|&amp;)"),number:/(-?(?:\.\d+|\d+(?:\.\d+)?))/,boolean:/\b(true|false)\b/},h={shell:{quote:i.quote,comment:/(#.*?)(?:\n|$)/,keyword:/\b(p?npm|yarn|i(?:nstall)?|run|audit|outdated|update|publish|whoami|cd|sudo|chmod|chown|ls|cat|vim?|scp|rm|mv|mkdir|ln|open|cwd|which|clear|curl|ping|systemctl|echo|export|open|bash|exit)\b/,param:/( --(?:save|save-dev))(?:\s|$)/},xml:{doctype:i.doctype,quote:i.quote,comment:/(&lt;!--.*?(?:--&gt;|$))/,htmlentity:i.htmlentity,tag:i.htmlTag},html:{doctype:i.doctype,quote:i.quote,comment:/(&lt;!--.*?(?:--&gt;|$))/,htmlentity:i.htmlentity,tag:i.htmlTag},"html-vue":{doctype:i.doctype,quote:i.quote,comment:/(&lt;!--.*?(?:--&gt;|$))/,htmlentity:i.htmlentity,tag:i.htmlTag},pug:{text:/((?:^|\n)[ \t]*|^)\|([ \t]*)([^\n]+(?=\s*(?:\n|$)))/,text2:/([ \t]*)([.#\-\w\d]+(?:\([^)]*\))*)\.\n((?:\n+(?=\4[ \t]+)|(?=\4[ \t]+).+?(?:\n|$)*?)*)(?=\s*(?:\n|$))/,quote:i.quote,comment:/(^|\n)([ \t]*|^)(\/\/-[ \t]*(?:[^\n]*?(?:\n\10[ \t]+[^\n]*)+|[^\n]+(?=\n|$)))/,tag:/([a-zA-Z][\w\d-]*|)([.#][a-zA-Z][-.\w\d]*|)\b(?:\(((?:[\w\d\- ]+=(?:"[^"]*"|'[^']*'))*|(?:(?!&(?:lt|amp);).)*?)\))?(\.?)([ \t]*)([^\n]+)?(?=\n|$)/,"inline-tag":/#\[([^\[\]]+)\]/},css:{comment:/(\/\*.+?(?:\*\/|$))/,quote:/("(?:\\"|[^"])*")|('(?:\\'|[^'])*')/,pseudo:/(:(?:hover|active|focus|visited|not|before|after|(?:first|last|nth)-child))/,"selector keyword vendor":/(@-(?:moz|o|webkit|ms)-(?=keyframes\s))/,"selector keyword":/((?:@(?:import|media|font-face|keyframes)|screen|print|and)(?=[\s({])|keyframes|\s(?:ul|ol|li|table|div|pre|p|a|img|br|hr|h[1-6]|em|strong|span|html|body|iframe|video|audio|input|button|form|label|fieldset|small|abbr|i|dd|dt)\b)(?=.*\{})/,variable:/(--[a-zA-Z0-9\-]+)/,selector:/((?:[.#-\w*+ >:,[\]="~\n]|&gt;)+)(?=\s*\{)/,"attribute keyword vendor":/(-(?:moz|o|webkit|ms)-(?=transform|transition|user-select|tap-highlight-color|animation|background-size|box-shadow))/,"attribute keyword":/\b(content|float|display|position|top|left|right|bottom|(?:(?:max|min)-)?width|(?:(?:max|min|line)-)?height|font(?:-(?:family|style|size|weight|variant|stretch))?|vertical-align|color|opacity|visibility|z-index|pointer-events|user-select|transform(?:-(?:origin|style|delay|duration|property|timing-function))?|transition(?:-(?:delay|duration))?|animation(?:-(?:name|delay|duration|direction|fill-mode))?|backface-visibility|backdrop-filter|background(?:-(?:color|position|image|repeat|size|attachment|origin|clip|blend-mode))?|(?:padding|margin|border)(?:-(?:top|left|right|bottom))?|border(?:-(?:radius|color|width|style|spacing))|white-space|text-(?:align|transform|decoration|shadow|indent)|overflow(?:-(?:x|y))?|(?:letter|word)-spacing|word-break|box-(?:sizing|shadow)|stroke(?:-(?:width|opacity|dasharray|dashoffset|linecap|linejoin))?|fill|speak|outline|user-select|cursor|flex(?:-(?:direction|flow|grow|shrink|basis|wrap))?|(?:justify|align)-(?:content|self|items))(?=\s*:)/,"value keyword vendor":/(-(?:moz|o|webkit|ms)-(?=linear-gradient))/,"value keyword":/\b(inherit|initial|normal|none|unset|auto|inline(?:-(?:block|flex))?|block|flex|absolute|relative|static|fixed|sticky|hidden|visible|top|left|right|bottom|center|middle|baseline|solid|dotted|dashed|line-through|(?:over|under)line|wavy|double|(?:pre-|no)?wrap|pre|break-word|(?:upper|lower)case|capitalize|italic|bold|attr\(.*?\)|linear|ease(?:-in)?(?:-out)?|all|infinite|cubic-bezier|(?:translate|rotate)(?:[X-Z]|3d)?|skew[XY]?|scale|(?:no-)?repeat|repeat(?:-x|-y)|contain|cover|url|(?:repeating-)?(?:linear|radial)-gradient|inset|pointer|(?:flex-)?(?:start|end)|space-(?:between|evenly|around)|stretch|revert|row(?:-reverse)?|column(?:-reverse)?)(?=\s*[,;}(]|\s+[\da-z!])/,"value keyword important":/( ?!important)/,number:i.number,color:/(transparent|#(?:[\da-fA-F]{6}|[\da-fA-F]{3})|rgba?\([\d., ]*\))/,htmlentity:i.htmlentity,punctuation:/([:,;{}@#()!]+)/,attribute:/([a-zA-Z-]+)(?=\s*:)/,unit:/(px|pt|cm|%|r?em|m?s|deg|vh|vw|vmin|vmax)(?=(?:\s*[;,{}})]|\s+[-\da-z#]))/,error:/([:,;{}@#()!]+|&lt;|&gt;|&amp;)/},json:{quote:/("(?:\\"|[^"])*")/,number:i.number,boolean:i.boolean,punctuation:/([[\](){}:,]+)/,error:/(&(:?lt|gt|amp);|(?!\s).)/},js:{quote:i.quote,comment:i.comment,number:/\b(\d+(?:\.\d+)?|null)\b/,boolean:i.boolean,this:/\b(this)(?=\W)/,keyword:/\b(new|getElementsBy(?:Tag|Class|)Name|getElementById|querySelector|querySelectorAll|arguments|if|else|do|return|case|default|(?:f|F)unction|typeof|instanceof|undefined|document(?:Element)?|window|console|while|for|forEach|switch|in|break|continue|delete|length|var|let|const|export|import|as|require|from|Class|constructor|Number|Boolean|String|Array|Object|RegExp|Integer|Date|Promise|Proxy|WeakMap|WeakSet|Symbol|SyncManager|File(?:Reader)?|DataTransfer|DocumentFragment|async|await|(?:clear|set)(?:Timeout|Interval)|parse(?:Int|Float)|Math(?=\.)|isNaN|atob|btoa|getComputedStyle)(?=\W)/,htmlentity:i.htmlentity,punctuation:/(!==?|[[\]!(){}:;,+\-%*/?=]+|\.+(?![a-zA-Z])|\|\||&lt;|&gt;|&amp;)/,variable:/(\.?[a-zA-Z_][\w\d]*)/,"external-var":/(\$|jQuery|JSON)(?=\W|$)/},php:{quote:i.quote,comment:i.comment,special:/(&lt;\?(?:php)?|\?&gt;|__(?:DIR|FILE|LINE|CLASS|METHOD|FUNCTION|NAMESPACE|TRAIT)__)/,punctuation:i.punctuation,number:i.number,boolean:i.boolean,variable:/(\$[\w\d_]+)/,keyword:/\b(define|echo|die|exit|print_r|var_dump|if|else|elseif|do|return|case|default|function|\$this|while|foreach|for|switch|in|break|continue|empty|isset|unset|parse_ini_file|session_(?:start|destroy|id)|header|json_(?:encode|decode)|error_log|(require|include)(:?_once)?|try|throw|new|Exception|catch|finally|preg_(?:match|replace)|list|strlen|substr|str_replace|array_(?:keys|values))(?=\W|$)/},sql:{quote:i.quote,comment:/((?:\-\-|#)\s.*?(?:\n|$)|\/\*.*?\*\/)/,punctuation:i.punctuation,number:/\b(\d+(?:\.\d+)?|null)\b/,boolean:i.boolean,keyword:/\b(\*|DECLARE|BEGIN|END|RETURNS|FUNCTION|CREATE|DATABASE|TABLE|VIEW|COLUMN|INDEX|GRANT|REVOKE|ALL|PRIVILEGES|IDENTIFIED|FLUSH|ALTER|MODIFY|DROP|TRUNCATE|CONSTRAINT|ADD|CHECK|(?:(?:PRIMARY|FOREIGN|UNIQUE) )?KEY|REFERENCES|AUTO_INCREMENT|COMMENT|DEFAULT|UNSIGNED|CHARSET|COLLATE|CHARACTER|ENGINE|SQL_MODE|USE|IF|THEN|NULL|EXISTS|UNIQUE|SELECT|UPDATE|DELETE|(?:INSERT|REPLACE)(?: INTO)?|VALUES|SET|FROM|WHERE|(?:ORDER|GROUP) BY|LIMIT|(?:(?:LEFT|RIGHT|INNER|OUTER|CROSS) |)JOIN|AS|ON|COUNT|AVG|SUM|MIN|MAX|CASE|TO|WHEN|BETWEEN|AND|OR|NOT|IN|LIKE|IS|CONCAT|SUBSTRING|CURRENT_(?:DATE|TIMESTAMP)|USING|HAVING?)(?=\W|$)/,"var-type":/\b((?:var)?char|(?:tiny|small|medium|big)?int|decimal|float|double|real|bit|boolean|date(?:time)?|time(?:stamp)?|year|(?:tiny|medium|long)?(?:text|blob)|enum)\b/}},b={xml:/(\s*)([a-zA-Z\d\-:]+)(?:=("|')(.*?)\3)?/g,html:/(\s*)([a-zA-Z-]+)(?:=("|')(.*?)\3)?/g,"html-vue":/(\s*)([@:#]?[a-zA-Z\d-]+)(?:(?:=("|')(.*?)\3)|)/g,pug:/(\s*|,)([@:#]?[a-zA-Z\d-]+)(?:(?:=("|')(.*?)\3)|)/g},E={shell:{quote:2},xml:{quote:2,tag:5},html:{quote:2,tag:5},"html-vue":{quote:2,tag:5},pug:{text:3,text2:3,quote:2,comment:3,tag:6},json:{},php:{quote:2},sql:{quote:2},css:{quote:2},js:{quote:2}},m=t=>t.map(e=>{if(!e.children||typeof e.children=="string")return e.children||"";if(Array.isArray(e.children))return m(e.children);if(e.children.default)return m(e.children.default())}).join(""),x={name:"sshpre",props:{language:{type:String,default:""},label:{type:[String,Boolean],default:!1},tab:{type:[Boolean,String],default:"  "},dark:{type:Boolean,default:!1},copyButton:{type:Boolean,default:!1},editable:{type:Boolean,default:!0}},data:()=>({knownLanguages:Object.keys(h),content:"",slotTexts:""}),methods:{htmlize(t){return t.replace(/&(lt|gt|amp);/g,(e,n)=>({lt:"<",gt:">",amp:"&"})[n])},unhtmlize(t){return t.replace(/[<>]/g,e=>({"<":"&lt;",">":"&gt;"})[e])},isColorDark(t){let e,n,o,a,s,r;if(e=t.match(/rgba?\((.*),\s*(.*),\s*(.*?)(?:,\s*([^)]*))\)/))o=parseInt(e[1])<=100,a=parseInt(e[2])<=100,s=parseInt(e[3])<=100,r=parseFloat(e[4])<.3;else if(n=t.match(/#([\da-f]{3}(?:[\da-f]{3})?)/)){const l=n[1].length===3;o=parseInt(n[1][0])<=9,a=parseInt(n[1][l?1:2])<=9,s=parseInt(n[1][l?2:4])<=9}return(o&&a&&s||o&&a&&!s||!o&&a&&s)&&!r},createRegexPattern(){let t="";const e=[];for(const n in h[this.language]){const o=E[this.language][n]||1;for(let a=0;a<o;a++)e.push(n);t+=(t?"|":"")+h[this.language][n].source}return[t,e]},syntaxHighlightHtmlTag(t){const e=(n,o,a,s,r)=>`${o}<span class="attribute">${a}</span>`+(s||r?'<span class="punctuation">=</span>':"")+(s||r?`<span class="quote">${s||""}${r||""}${s||""}</span>`:"");if(this.language==="pug"){let[n,o="",a="",s="",r="",l=""]=t;return o=o.replace(/#[a-z\d-]+/g,p=>`<span class="id">${p}</span>`).replace(/\.[a-z\d-]+/g,p=>`<span class="class">${p}</span>`),a&&(a=a.replace(b.pug,e),a='<span class="punctuation">(</span>'+a+'<span class="punctuation">)</span>'),l&&(l=this.highlightPugInlineTag(l)),`<span class="tag-name">${n}</span>${o}${a}`+(s?'<span class="punctuation">.</span>':"")+(r||"")+(l?`<span class="text">${l}</span>`:"")}else{const[n,o="",a="",s="",r]=t,l=o.replace(b[this.language],e);return`<span class="punctuation">&lt;${s}</span><span class="tag-name">${n||r}</span>`+l+`<span class="punctuation">${a}&gt;</span>`}},highlightPugInlineTag(t){return t.replace(new RegExp(h.pug["inline-tag"],"gs"),(e,n)=>'<span class="inline-tag">#[</span>'+n.replace(new RegExp(h.pug.tag,"s"),(o,...a)=>(a=a.slice(0,a.length-2),this.syntaxHighlightHtmlTag(a)))+'<span class="inline-tag">]</span>')},highlightInPre(){if(this.knownLanguages.includes(this.language)){const t=this.getCaretPositionInPlainText();this.$refs.code.innerHTML=this.syntaxHighlightContent(this.$refs.code.innerText),this.reinjectCaret(this.$refs.code.childNodes,t)}},getCaretPositionInPlainText(){const t=window.getSelection();t.collapseToEnd();const e=new Range;return e.setStart(this.$refs.code,0),e.setEnd(t.extentNode,t.extentOffset),e.toString().length},reinjectCaret(t,e){var o,a;let n=0;for(const s of t){const r=((o=s.innerText)==null?void 0:o.length)||s.length;if(n+r>=e){s.childNodes.length>1?this.reinjectCaret(s.childNodes,e-n):document.getSelection().setPosition(((a=s.childNodes)==null?void 0:a[0])||s,e-n);break}n+=r}},onKeydown(t){switch(t.which){case 9:this.injectAtCaret(this.tab),t.preventDefault();break;case 13:this.injectAtCaret(`
-`),t.preventDefault();break}},injectAtCaret(t){const e=window.getSelection(),n=e.getRangeAt(0),o=document.createTextNode(t);n.insertNode(o),e.collapseToEnd()},syntaxHighlightContent(t){if(!this.knownLanguages.includes(this.language))return t;const[e,n]=this.createRegexPattern();return this.unhtmlize(t.replace(/&/g,"&amp;")).replace(new RegExp(e,"gs"),(o,...a)=>{a=a.slice(0,a.length-2);let s;const r=this.language==="pug";let l=a.find((u,d)=>u&&(s=n[d])&&u);if(["punctuation","quote","htmlentity"].includes(s))l=this.unhtmlize(l);else if(s==="comment")if(r){const[u,d,g]=a.slice(n.indexOf("comment"));l=`${u}${d}${this.unhtmlize(g)}`}else l=this.unhtmlize(l);else if(s==="text"&&r){let[u,d,g]=a;return g=this.highlightPugInlineTag(g),`${u}<span class="punctuation">|</span>${d}<span class="text">${g}</span>`}else if(s==="text2"&&r){const[,,,u,d,g]=a,f=this.syntaxHighlightContent(d);return`${u}${f}<span class="punctuation">.</span>
-<span class="text">${g}</span>`}else{if(s==="tag"&&["xml","html","html-vue","pug"].includes(this.language))return this.syntaxHighlightHtmlTag(a.slice(n.indexOf("tag")));if(s==="variable"&&l[0]==="."&&this.language==="js")return`<span class="punctuation">.</span><span class="obj-attr">${l.substr(1)}</span>`}let p="";return s==="color"&&this.language==="css"&&(p=` style="background-color: ${l};color: #${this.isColorDark(l)?"fff":"000"}"`),s&&`<span class="${s}"${p}>${l}</span>`||""})},getSlotContent(){return this.$slots.default&&m(this.$slots.default())||""},copyCode(t){t.target.insertAdjacentHTML("afterend",`<textarea id="clipboard-textarea">${this.$refs.code.innerText}</textarea>`);const e=document.getElementById("clipboard-textarea");e.select(),e.setSelectionRange(0,99999),document.execCommand("copy"),e.remove(),this.$emit("copied",this.$refs.code.innerText)}},mounted(){const t=this.getSlotContent();this.$refs.code.innerText=t,this.$refs.code.innerHTML=this.syntaxHighlightContent(this.$refs.code.innerText)},beforeUpdate(){this.$refs.code.innerHTML=this.syntaxHighlightContent(this.getSlotContent())}},T=["data-type","data-label"],w=["contenteditable"],N={class:"ssh-pre__original"};function C(t,e,n,o,a,s){return c.openBlock(),c.createElementBlock("div",{class:c.normalizeClass(["ssh-pre",{"ssh-pre--dark":n.dark}]),"data-type":n.language,"data-label":n.label||null},[n.copyButton?(c.openBlock(),c.createElementBlock("button",{key:0,class:"ssh-pre__copy",onClick:e[0]||(e[0]=(...r)=>s.copyCode&&s.copyCode(...r))},[c.renderSlot(t.$slots,"copy-button",{},()=>[c.createTextVNode("Copy")])])):c.createCommentVNode("",!0),c.createTextVNode(),c.createElementVNode("pre",{ref:"code",class:"ssh-pre__content",contenteditable:n.editable?"true":"false",onKeydown:e[1]||(e[1]=r=>n.editable&&s.onKeydown(r)),onInput:e[2]||(e[2]=(...r)=>s.highlightInPre&&s.highlightInPre(...r))},"    ",40,w),c.createTextVNode(),c.createElementVNode("div",N,[c.renderSlot(t.$slots,"default")])],10,T)}const A=y(x,[["render",C]]);module.exports=A;
+"use strict";const c=require("vue");const y=(t,e)=>{const n=t.__vccOpts||t;for(const[o,a]of e)n[o]=a;return n},i={quote:/("(?:\\"|[^"])*")|('(?:\\'|[^'])*')/,comment:/(\/\/.*?(?:\n|$)|\/\*.*?(?:\*\/|$))/,doctype:/(&lt;\!DOCTYPE.*?&gt;)/,htmlTag:/&lt;(?:([a-z][\w\d-]*)((?:[\w\d\- ]+=(?:"[^"]*"|'[^']*'))*|(?:(?!&(?:lt|amp);).)*?)(\s*\/?)|(\/?)([a-z][\w\d-]*))&gt;/,htmlentity:/(&amp;(?:[a-z]+|#x?\d+);)/,punctuation:new RegExp("(!==?|(?:[[\\](){}.:,+\\-?=!])+|(?<!&(?:[a-z]+|#x?\\d+));|\\|\\||&lt;|&gt;|&amp;)"),number:/(-?(?:\.\d+|\d+(?:\.\d+)?))/,boolean:/\b(true|false)\b/},h={shell:{quote:i.quote,comment:/(#.*?)(?:\n|$)/,keyword:/\b(p?npm|yarn|i(?:nstall)?|run|audit|outdated|update|publish|whoami|cd|sudo|chmod|chown|ls|cat|vim?|scp|rm|mv|mkdir|ln|open|cwd|which|clear|curl|ping|systemctl|echo|export|open|bash|exit)\b/,param:/( --(?:save|save-dev))(?:\s|$)/},xml:{doctype:i.doctype,quote:i.quote,comment:/(&lt;!--.*?(?:--&gt;|$))/,htmlentity:i.htmlentity,tag:i.htmlTag},html:{doctype:i.doctype,quote:i.quote,comment:/(&lt;!--.*?(?:--&gt;|$))/,htmlentity:i.htmlentity,tag:i.htmlTag},"html-vue":{doctype:i.doctype,quote:i.quote,comment:/(&lt;!--.*?(?:--&gt;|$))/,htmlentity:i.htmlentity,tag:i.htmlTag},pug:{text:/((?:^|\n)[ \t]*|^)\|([ \t]*)([^\n]+(?=\s*(?:\n|$)))/,text2:/([ \t]*)([.#\-\w\d]+(?:\([^)]*\))*)\.\n((?:\n+(?=\4[ \t]+)|(?=\4[ \t]+).+?(?:\n|$)*?)*)(?=\s*(?:\n|$))/,quote:i.quote,comment:/(^|\n)([ \t]*|^)(\/\/-[ \t]*(?:[^\n]*?(?:\n\10[ \t]+[^\n]*)+|[^\n]+(?=\n|$)))/,tag:/([a-z][\w\d-]*|)([.#][a-z][-.\w\d]*|)\b(?:\(((?:[\w\d\- ]+=(?:"[^"]*"|'[^']*'))*|(?:(?!&(?:lt|amp);).)*?)\))?(\.?)([ \t]*)([^\n]+)?(?=\n|$)/,"inline-tag":/#\[([^\[\]]+)\]/},css:{comment:/(\/\*.+?(?:\*\/|$))/,quote:/("(?:\\"|[^"])*")|('(?:\\'|[^'])*')/,pseudo:/(:(?:hover|active|focus|visited|not|before|after|(?:first|last|nth)-child))/,"selector keyword vendor":/(@-(?:moz|o|webkit|ms)-(?=keyframes\s))/,"selector keyword":/((?:@(?:import|media|font-face|keyframes)|screen|print|and)(?=[\s({])|keyframes|\s(?:ul|ol|li|table|div|pre|p|a|img|br|hr|h[1-6]|em|strong|span|html|body|iframe|video|audio|input|button|form|label|fieldset|small|abbr|i|dd|dt)\b)(?=.*\{})/,variable:/(--[a-z0-9\-]+)/,selector:/((?:[.#-\w*+ >:,[\]="~\n]|&gt;)+)(?=\s*\{)/,"attribute keyword vendor":/(-(?:moz|o|webkit|ms)-(?=transform|transition|user-select|tap-highlight-color|animation|background-size|box-shadow))/,"attribute keyword":/\b(content|float|display|position|top|left|right|bottom|(?:(?:max|min)-)?width|(?:(?:max|min|line)-)?height|font(?:-(?:family|style|size|weight|variant|stretch))?|vertical-align|color|opacity|visibility|z-index|pointer-events|user-select|transform(?:-(?:origin|style|delay|duration|property|timing-function))?|transition(?:-(?:delay|duration))?|animation(?:-(?:name|delay|duration|direction|fill-mode))?|backface-visibility|backdrop-filter|background(?:-(?:color|position|image|repeat|size|attachment|origin|clip|blend-mode))?|(?:padding|margin|border)(?:-(?:top|left|right|bottom))?|border(?:-(?:radius|color|width|style|spacing))|white-space|text-(?:align|transform|decoration|shadow|indent)|overflow(?:-(?:x|y))?|(?:letter|word)-spacing|word-break|box-(?:sizing|shadow)|stroke(?:-(?:width|opacity|dasharray|dashoffset|linecap|linejoin))?|fill|speak|outline|user-select|cursor|flex(?:-(?:direction|flow|grow|shrink|basis|wrap))?|(?:justify|align)-(?:content|self|items))(?=\s*:)/,"value keyword vendor":/(-(?:moz|o|webkit|ms)-(?=linear-gradient))/,"value keyword":/\b(inherit|initial|normal|none|unset|auto|inline(?:-(?:block|flex))?|block|flex|absolute|relative|static|fixed|sticky|hidden|visible|top|left|right|bottom|center|middle|baseline|solid|dotted|dashed|line-through|(?:over|under)line|wavy|double|(?:pre-|no)?wrap|pre|break-word|(?:upper|lower)case|capitalize|italic|bold|attr\(.*?\)|linear|ease(?:-in)?(?:-out)?|all|infinite|cubic-bezier|(?:translate|rotate)(?:[X-Z]|3d)?|skew[XY]?|scale|(?:no-)?repeat|repeat(?:-x|-y)|contain|cover|url|(?:repeating-)?(?:linear|radial)-gradient|inset|pointer|(?:flex-)?(?:start|end)|space-(?:between|evenly|around)|stretch|revert|row(?:-reverse)?|column(?:-reverse)?)(?=\s*[,;}(]|\s+[\da-z!])/,"value keyword important":/( ?!important)/,number:i.number,color:/(transparent|#(?:[\da-f]{6}|[\da-f]{3})|rgba?\([\d., ]*\))/,htmlentity:i.htmlentity,punctuation:/([:,;{}@#()!]+)/,attribute:/([a-z-]+)(?=\s*:)/,unit:/(px|pt|cm|%|r?em|m?s|deg|vh|vw|vmin|vmax)(?=(?:\s*[;,{}})]|\s+[-\da-z#]))/,error:/([:,;{}@#()!]+|&lt;|&gt;|&amp;)/},json:{quote:/("(?:\\"|[^"])*")/,number:i.number,boolean:i.boolean,punctuation:/([[\](){}:,]+)/,error:/(&(:?lt|gt|amp);|(?!\s).)/},js:{quote:i.quote,comment:i.comment,number:/\b(\d+(?:\.\d+)?|null)\b/,boolean:i.boolean,this:/\b(this)(?=\W)/,keyword:/\b(new|getElementsBy(?:Tag|Class|)Name|getElementById|querySelector|querySelectorAll|arguments|if|else|do|return|case|default|(?:f|F)unction|typeof|instanceof|undefined|document(?:Element)?|window|console|while|for|forEach|switch|in|break|continue|delete|length|var|let|const|export|import|as|require|from|Class|constructor|Number|Boolean|String|Array|Object|RegExp|Integer|Date|Promise|Proxy|WeakMap|WeakSet|Symbol|SyncManager|File(?:Reader)?|DataTransfer|DocumentFragment|async|await|(?:clear|set)(?:Timeout|Interval)|parse(?:Int|Float)|Math(?=\.)|isNaN|atob|btoa|getComputedStyle)(?=\W)/,htmlentity:i.htmlentity,punctuation:/(!==?|[[\]!(){}:;,+\-%*/?=]+|\.+(?![a-z])|\|\||&lt;|&gt;|&amp;)/,variable:/(\.?[a-z_][\w\d]*)/,"external-var":/(\$|jQuery|JSON)(?=\W|$)/},php:{quote:i.quote,comment:i.comment,special:/(&lt;\?(?:php)?|\?&gt;|__(?:DIR|FILE|LINE|CLASS|METHOD|FUNCTION|NAMESPACE|TRAIT)__)/,punctuation:i.punctuation,number:i.number,boolean:i.boolean,variable:/(\$[\w\d_]+)/,keyword:/\b(define|echo|die|exit|print_r|var_dump|if|else|elseif|do|return|case|default|function|\$this|while|foreach|for|switch|in|break|continue|empty|isset|unset|parse_ini_file|session_(?:start|destroy|id)|header|json_(?:encode|decode)|error_log|(require|include)(:?_once)?|try|throw|new|Exception|catch|finally|preg_(?:match|replace)|list|strlen|substr|str_replace|array_(?:keys|values))(?=\W|$)/},sql:{quote:i.quote,comment:/((?:\-\-|#)\s.*?(?:\n|$)|\/\*.*?\*\/)/,punctuation:i.punctuation,number:/\b(\d+(?:\.\d+)?|null)\b/,boolean:i.boolean,keyword:/\b(\*|DECLARE|BEGIN|END|RETURNS|FUNCTION|CREATE|DATABASE|TABLE|VIEW|COLUMN|INDEX|GRANT|REVOKE|ALL|PRIVILEGES|IDENTIFIED|FLUSH|ALTER|MODIFY|DROP|TRUNCATE|CONSTRAINT|ADD|CHECK|(?:(?:PRIMARY|FOREIGN|UNIQUE) )?KEY|REFERENCES|AUTO_INCREMENT|COMMENT|DEFAULT|UNSIGNED|CHARSET|COLLATE|CHARACTER|ENGINE|SQL_MODE|USE|IF|THEN|NULL|EXISTS|UNIQUE|SELECT|UPDATE|DELETE|(?:INSERT|REPLACE)(?: INTO)?|VALUES|SET|FROM|WHERE|(?:ORDER|GROUP) BY|LIMIT|(?:(?:LEFT|RIGHT|INNER|OUTER|CROSS) |)JOIN|AS|ON|COUNT|AVG|SUM|MIN|MAX|CASE|TO|WHEN|BETWEEN|AND|OR|NOT|IN|LIKE|IS|CONCAT|SUBSTRING|CURRENT_(?:DATE|TIMESTAMP)|USING|HAVING?)(?=\W|$)/,"var-type":/\b((?:var)?char|(?:tiny|small|medium|big)?int|decimal|float|double|real|bit|boolean|date(?:time)?|time(?:stamp)?|year|(?:tiny|medium|long)?(?:text|blob)|enum)\b/}},f={xml:/(\s*)([a-z\d\-:]+)(?:=("|')(.*?)\3)?/g,html:/(\s*)([a-z-]+)(?:=("|')(.*?)\3)?/g,"html-vue":/(\s*)([@:#]?[a-z\d-]+)(?:(?:=("|')(.*?)\3)|)/g,pug:/(\s*|,)([@:#]?[a-z\d-]+)(?:(?:=("|')(.*?)\3)|)/g},E={shell:{quote:2},xml:{quote:2,tag:5},html:{quote:2,tag:5},"html-vue":{quote:2,tag:5},pug:{text:3,text2:3,quote:2,comment:3,tag:6},json:{},php:{quote:2},sql:{quote:2},css:{quote:2},js:{quote:2}},m=t=>t.map(e=>{if(!e.children||typeof e.children=="string")return e.children||"";if(Array.isArray(e.children))return m(e.children);if(e.children.default)return m(e.children.default())}).join(""),x={name:"sshpre",props:{language:{type:String,default:""},label:{type:[String,Boolean],default:!1},tab:{type:[Boolean,String],default:"  "},dark:{type:Boolean,default:!1},copyButton:{type:Boolean,default:!1},editable:{type:Boolean,default:!1}},data:()=>({knownLanguages:Object.keys(h),content:"",slotTexts:""}),methods:{htmlize(t){return t.replace(/&(lt|gt|amp);/g,(e,n)=>({lt:"<",gt:">",amp:"&"})[n])},unhtmlize(t){return t.replace(/[<>]/g,e=>({"<":"&lt;",">":"&gt;"})[e])},isColorDark(t){let e,n,o,a,s,r;if(e=t.match(/rgba?\((.*),\s*(.*),\s*(.*?)(?:,\s*([^)]*))\)/))o=parseInt(e[1])<=100,a=parseInt(e[2])<=100,s=parseInt(e[3])<=100,r=parseFloat(e[4])<.3;else if(n=t.match(/#([\da-f]{3}(?:[\da-f]{3})?)/)){const l=n[1].length===3;o=parseInt(n[1][0])<=9,a=parseInt(n[1][l?1:2])<=9,s=parseInt(n[1][l?2:4])<=9}return(o&&a&&s||o&&a&&!s||!o&&a&&s)&&!r},createRegexPattern(){let t="";const e=[];for(const n in h[this.language]){const o=E[this.language][n]||1;for(let a=0;a<o;a++)e.push(n);t+=(t?"|":"")+h[this.language][n].source}return[t,e]},syntaxHighlightHtmlTag(t){const e=(n,o,a,s,r)=>`${o}<span class="attribute">${a}</span>`+(s||r?'<span class="punctuation">=</span>':"")+(s||r?`<span class="quote">${s||""}${r||""}${s||""}</span>`:"");if(this.language==="pug"){let[n,o="",a="",s="",r="",l=""]=t;return o=o.replace(/#[a-z\d-]+/g,p=>`<span class="id">${p}</span>`).replace(/\.[a-z\d-]+/g,p=>`<span class="class">${p}</span>`),a&&(a=a.replace(f.pug,e),a='<span class="punctuation">(</span>'+a+'<span class="punctuation">)</span>'),l&&(l=this.highlightPugInlineTag(l)),`<span class="tag-name">${n}</span>${o}${a}`+(s?'<span class="punctuation">.</span>':"")+(r||"")+(l?`<span class="text">${l}</span>`:"")}else{const[n,o="",a="",s="",r]=t,l=o.replace(f[this.language],e);return`<span class="punctuation">&lt;${s}</span><span class="tag-name">${n||r}</span>`+l+`<span class="punctuation">${a}&gt;</span>`}},highlightPugInlineTag(t){return t.replace(new RegExp(h.pug["inline-tag"],"gsi"),(e,n)=>'<span class="inline-tag">#[</span>'+n.replace(new RegExp(h.pug.tag,"si"),(o,...a)=>(a=a.slice(0,a.length-2),this.syntaxHighlightHtmlTag(a)))+'<span class="inline-tag">]</span>')},highlightInPre(){if(this.knownLanguages.includes(this.language)){const t=this.getCaretPositionInPlainText();this.$refs.code.innerHTML=this.syntaxHighlightContent(this.$refs.code.innerText),this.reinjectCaret(this.$refs.code.childNodes,t)}},getCaretPositionInPlainText(){const t=window.getSelection();t.collapseToEnd();const e=new Range;return e.setStart(this.$refs.code,0),e.setEnd(t.extentNode,t.extentOffset),e.toString().length},reinjectCaret(t,e){var o,a;let n=0;for(const s of t){const r=((o=s.innerText)==null?void 0:o.length)||s.length;if(n+r>=e){s.childNodes.length>1?this.reinjectCaret(s.childNodes,e-n):document.getSelection().setPosition(((a=s.childNodes)==null?void 0:a[0])||s,e-n);break}n+=r}},onKeydown(t){switch(t.which){case 9:this.injectAtCaret(this.tab),t.preventDefault();break;case 13:this.injectAtCaret(`
+`),t.preventDefault();break}},injectAtCaret(t){const e=window.getSelection(),n=e.getRangeAt(0),o=document.createTextNode(t);n.insertNode(o),e.collapseToEnd()},syntaxHighlightContent(t){if(!this.knownLanguages.includes(this.language))return t;const[e,n]=this.createRegexPattern();return this.unhtmlize(t.replace(/&/g,"&amp;")).replace(new RegExp(e,"gsi"),(o,...a)=>{a=a.slice(0,a.length-2);let s;const r=this.language==="pug";let l=a.find((u,d)=>u&&(s=n[d])&&u);if(["punctuation","quote","htmlentity"].includes(s))l=this.unhtmlize(l);else if(s==="comment")if(r){const[u,d,g]=a.slice(n.indexOf("comment"));l=`${u}${d}${this.unhtmlize(g)}`}else l=this.unhtmlize(l);else if(s==="text"&&r){let[u,d,g]=a;return g=this.highlightPugInlineTag(g),`${u}<span class="punctuation">|</span>${d}<span class="text">${g}</span>`}else if(s==="text2"&&r){const[,,,u,d,g]=a,b=this.syntaxHighlightContent(d);return`${u}${b}<span class="punctuation">.</span>
+<span class="text">${g}</span>`}else{if(s==="tag"&&["xml","html","html-vue","pug"].includes(this.language))return this.syntaxHighlightHtmlTag(a.slice(n.indexOf("tag")));if(s==="variable"&&l[0]==="."&&this.language==="js")return`<span class="punctuation">.</span><span class="obj-attr">${l.substr(1)}</span>`}let p="";return s==="color"&&this.language==="css"&&(p=` style="background-color: ${l};color: #${this.isColorDark(l)?"fff":"000"}"`),s&&`<span class="${s}"${p}>${l}</span>`||""})},getSlotContent(){return this.$slots.default&&m(this.$slots.default())||""},copyCode(t){t.target.insertAdjacentHTML("afterend",`<textarea id="clipboard-textarea">${this.$refs.code.innerText}</textarea>`);const e=document.getElementById("clipboard-textarea");e.select(),e.setSelectionRange(0,99999),document.execCommand("copy"),e.remove(),this.$emit("copied",this.$refs.code.innerText)}},mounted(){const t=this.getSlotContent();this.$refs.code.innerText=t,this.$refs.code.innerHTML=this.syntaxHighlightContent(this.$refs.code.innerText)},beforeUpdate(){this.$refs.code.innerHTML=this.syntaxHighlightContent(this.getSlotContent())}},T=["data-type","data-label"],w=["contenteditable"],N={class:"ssh-pre__original"};function C(t,e,n,o,a,s){return c.openBlock(),c.createElementBlock("div",{class:c.normalizeClass(["ssh-pre",{"ssh-pre--dark":n.dark}]),"data-type":n.language,"data-label":n.label||null},[n.copyButton?(c.openBlock(),c.createElementBlock("button",{key:0,class:"ssh-pre__copy",onClick:e[0]||(e[0]=(...r)=>s.copyCode&&s.copyCode(...r))},[c.renderSlot(t.$slots,"copy-button",{},()=>[c.createTextVNode("Copy")])])):c.createCommentVNode("",!0),c.createTextVNode(),c.createElementVNode("pre",{ref:"code",class:"ssh-pre__content",contenteditable:n.editable?"true":"false",onKeydown:e[1]||(e[1]=r=>n.editable&&s.onKeydown(r)),onInput:e[2]||(e[2]=(...r)=>s.highlightInPre&&s.highlightInPre(...r))},"    ",40,w),c.createTextVNode(),c.createElementVNode("div",N,[c.renderSlot(t.$slots,"default")])],10,T)}const v=y(x,[["render",C]]);module.exports=v;

dist/sshpre.es.js

@@ -11,5 +11,5 @@ import { openBlock as f, createElementBlock as b, normalizeClass as w, renderSlot as y, createTextVNode as h, createCommentVNode as C, createElementVNode as E } from "vue";
   doctype: /(<\!DOCTYPE.*?>)/,
-  htmlTag: /<(?:([a-zA-Z][\w\d-]*)((?:[\w\d\- ]+=(?:"[^"]*"|'[^']*'))*|(?:(?!&(?:lt|amp);).)*?)(\s*\/?)|(\/?)([a-zA-Z][\w\d-]*))>/,
-  htmlentity: /(&(?:[a-zA-Z]+|#x?\d+);)/,
-  punctuation: new RegExp("(!==?|(?:[[\\](){}.:,+\\-?=!])+|(?<!&(?:[a-zA-Z]+|#x?\\d+));|\\|\\||&lt;|&gt;|&amp;)"),
+  htmlTag: /&lt;(?:([a-z][\w\d-]*)((?:[\w\d\- ]+=(?:"[^"]*"|'[^']*'))*|(?:(?!&(?:lt|amp);).)*?)(\s*\/?)|(\/?)([a-z][\w\d-]*))&gt;/,
+  htmlentity: /(&amp;(?:[a-z]+|#x?\d+);)/,
+  punctuation: new RegExp("(!==?|(?:[[\\](){}.:,+\\-?=!])+|(?<!&(?:[a-z]+|#x?\\d+));|\\|\\||&lt;|&gt;|&amp;)"),
   number: /(-?(?:\.\d+|\d+(?:\.\d+)?))/,
@@ -50,3 +50,3 @@ boolean: /\b(true|false)\b/
     comment: /(^|\n)([ \t]*|^)(\/\/-[ \t]*(?:[^\n]*?(?:\n\10[ \t]+[^\n]*)+|[^\n]+(?=\n|$)))/,
-    tag: /([a-zA-Z][\w\d-]*|)([.#][a-zA-Z][-.\w\d]*|)\b(?:\(((?:[\w\d\- ]+=(?:"[^"]*"|'[^']*'))*|(?:(?!&(?:lt|amp);).)*?)\))?(\.?)([ \t]*)([^\n]+)?(?=\n|$)/,
+    tag: /([a-z][\w\d-]*|)([.#][a-z][-.\w\d]*|)\b(?:\(((?:[\w\d\- ]+=(?:"[^"]*"|'[^']*'))*|(?:(?!&(?:lt|amp);).)*?)\))?(\.?)([ \t]*)([^\n]+)?(?=\n|$)/,
     "inline-tag": /#\[([^\[\]]+)\]/
@@ -60,3 +60,3 @@ },
     "selector keyword": /((?:@(?:import|media|font-face|keyframes)|screen|print|and)(?=[\s({])|keyframes|\s(?:ul|ol|li|table|div|pre|p|a|img|br|hr|h[1-6]|em|strong|span|html|body|iframe|video|audio|input|button|form|label|fieldset|small|abbr|i|dd|dt)\b)(?=.*\{})/,
-    variable: /(--[a-zA-Z0-9\-]+)/,
+    variable: /(--[a-z0-9\-]+)/,
     selector: /((?:[.#-\w*+ >:,[\]="~\n]|&gt;)+)(?=\s*\{)/,
@@ -69,6 +69,6 @@ "attribute keyword vendor": /(-(?:moz|o|webkit|ms)-(?=transform|transition|user-select|tap-highlight-color|animation|background-size|box-shadow))/,
     number: i.number,
-    color: /(transparent|#(?:[\da-fA-F]{6}|[\da-fA-F]{3})|rgba?\([\d., ]*\))/,
+    color: /(transparent|#(?:[\da-f]{6}|[\da-f]{3})|rgba?\([\d., ]*\))/,
     htmlentity: i.htmlentity,
     punctuation: /([:,;{}@#()!]+)/,
-    attribute: /([a-zA-Z-]+)(?=\s*:)/,
+    attribute: /([a-z-]+)(?=\s*:)/,
     unit: /(px|pt|cm|%|r?em|m?s|deg|vh|vw|vmin|vmax)(?=(?:\s*[;,{}})]|\s+[-\da-z#]))/,
@@ -92,4 +92,4 @@ error: /([:,;{}@#()!]+|&lt;|&gt;|&amp;)/
     htmlentity: i.htmlentity,
-    punctuation: /(!==?|[[\]!(){}:;,+\-%*/?=]+|\.+(?![a-zA-Z])|\|\||&lt;|&gt;|&amp;)/,
-    variable: /(\.?[a-zA-Z_][\w\d]*)/,
+    punctuation: /(!==?|[[\]!(){}:;,+\-%*/?=]+|\.+(?![a-z])|\|\||&lt;|&gt;|&amp;)/,
+    variable: /(\.?[a-z_][\w\d]*)/,
     "external-var": /(\$|jQuery|JSON)(?=\W|$)/
@@ -117,7 +117,7 @@ },
 }, x = {
-  xml: /(\s*)([a-zA-Z\d\-:]+)(?:=("|')(.*?)\3)?/g,
-  html: /(\s*)([a-zA-Z-]+)(?:=("|')(.*?)\3)?/g,
-  "html-vue": /(\s*)([@:#]?[a-zA-Z\d-]+)(?:(?:=("|')(.*?)\3)|)/g,
-  pug: /(\s*|,)([@:#]?[a-zA-Z\d-]+)(?:(?:=("|')(.*?)\3)|)/g
-}, A = {
+  xml: /(\s*)([a-z\d\-:]+)(?:=("|')(.*?)\3)?/g,
+  html: /(\s*)([a-z-]+)(?:=("|')(.*?)\3)?/g,
+  "html-vue": /(\s*)([@:#]?[a-z\d-]+)(?:(?:=("|')(.*?)\3)|)/g,
+  pug: /(\s*|,)([@:#]?[a-z\d-]+)(?:(?:=("|')(.*?)\3)|)/g
+}, I = {
   shell: { quote: 2 },
@@ -140,3 +140,3 @@ xml: { quote: 2, tag: 5 },
     return m(e.children.default());
-}).join(""), I = {
+}).join(""), v = {
   name: "sshpre",
@@ -149,3 +149,3 @@ props: {
     copyButton: { type: Boolean, default: !1 },
-    editable: { type: Boolean, default: !0 }
+    editable: { type: Boolean, default: !1 }
   },
@@ -165,10 +165,10 @@ data: () => ({
     isColorDark(t) {
-      let e, n, o, a, s, r;
+      let e, n, o, a, s, l;
       if (e = t.match(/rgba?\((.*),\s*(.*),\s*(.*?)(?:,\s*([^)]*))\)/))
-        o = parseInt(e[1]) <= 100, a = parseInt(e[2]) <= 100, s = parseInt(e[3]) <= 100, r = parseFloat(e[4]) < 0.3;
+        o = parseInt(e[1]) <= 100, a = parseInt(e[2]) <= 100, s = parseInt(e[3]) <= 100, l = parseFloat(e[4]) < 0.3;
       else if (n = t.match(/#([\da-f]{3}(?:[\da-f]{3})?)/)) {
-        const l = n[1].length === 3;
-        o = parseInt(n[1][0]) <= 9, a = parseInt(n[1][l ? 1 : 2]) <= 9, s = parseInt(n[1][l ? 2 : 4]) <= 9;
+        const r = n[1].length === 3;
+        o = parseInt(n[1][0]) <= 9, a = parseInt(n[1][r ? 1 : 2]) <= 9, s = parseInt(n[1][r ? 2 : 4]) <= 9;
       }
-      return (o && a && s || o && a && !s || !o && a && s) && !r;
+      return (o && a && s || o && a && !s || !o && a && s) && !l;
     },
@@ -179,3 +179,3 @@ createRegexPattern() {
       for (const n in p[this.language]) {
-        const o = A[this.language][n] || 1;
+        const o = I[this.language][n] || 1;
         for (let a = 0; a < o; a++)
@@ -188,13 +188,13 @@ e.push(n);
     syntaxHighlightHtmlTag(t) {
-      const e = (n, o, a, s, r) => `${o}<span class="attribute">${a}</span>` + (s || r ? '<span class="punctuation">=</span>' : "") + (s || r ? `<span class="quote">${s || ""}${r || ""}${s || ""}</span>` : "");
+      const e = (n, o, a, s, l) => `${o}<span class="attribute">${a}</span>` + (s || l ? '<span class="punctuation">=</span>' : "") + (s || l ? `<span class="quote">${s || ""}${l || ""}${s || ""}</span>` : "");
       if (this.language === "pug") {
-        let [n, o = "", a = "", s = "", r = "", l = ""] = t;
-        return o = o.replace(/#[a-z\d-]+/g, (g) => `<span class="id">${g}</span>`).replace(/\.[a-z\d-]+/g, (g) => `<span class="class">${g}</span>`), a && (a = a.replace(x.pug, e), a = '<span class="punctuation">(</span>' + a + '<span class="punctuation">)</span>'), l && (l = this.highlightPugInlineTag(l)), `<span class="tag-name">${n}</span>${o}${a}` + (s ? '<span class="punctuation">.</span>' : "") + (r || "") + (l ? `<span class="text">${l}</span>` : "");
+        let [n, o = "", a = "", s = "", l = "", r = ""] = t;
+        return o = o.replace(/#[a-z\d-]+/g, (g) => `<span class="id">${g}</span>`).replace(/\.[a-z\d-]+/g, (g) => `<span class="class">${g}</span>`), a && (a = a.replace(x.pug, e), a = '<span class="punctuation">(</span>' + a + '<span class="punctuation">)</span>'), r && (r = this.highlightPugInlineTag(r)), `<span class="tag-name">${n}</span>${o}${a}` + (s ? '<span class="punctuation">.</span>' : "") + (l || "") + (r ? `<span class="text">${r}</span>` : "");
       } else {
-        const [n, o = "", a = "", s = "", r] = t, l = o.replace(x[this.language], e);
-        return `<span class="punctuation">&lt;${s}</span><span class="tag-name">${n || r}</span>` + l + `<span class="punctuation">${a}&gt;</span>`;
+        const [n, o = "", a = "", s = "", l] = t, r = o.replace(x[this.language], e);
+        return `<span class="punctuation">&lt;${s}</span><span class="tag-name">${n || l}</span>` + r + `<span class="punctuation">${a}&gt;</span>`;
       }
     },
     highlightPugInlineTag(t) {
-      return t.replace(new RegExp(p.pug["inline-tag"], "gs"), (e, n) => '<span class="inline-tag">#[</span>' + n.replace(new RegExp(p.pug.tag, "s"), (o, ...a) => (a = a.slice(0, a.length - 2), this.syntaxHighlightHtmlTag(a))) + '<span class="inline-tag">]</span>');
+      return t.replace(new RegExp(p.pug["inline-tag"], "gsi"), (e, n) => '<span class="inline-tag">#[</span>' + n.replace(new RegExp(p.pug.tag, "si"), (o, ...a) => (a = a.slice(0, a.length - 2), this.syntaxHighlightHtmlTag(a))) + '<span class="inline-tag">]</span>');
     },
@@ -217,8 +217,8 @@ highlightInPre() {
       for (const s of t) {
-        const r = ((o = s.innerText) == null ? void 0 : o.length) || s.length;
-        if (n + r >= e) {
+        const l = ((o = s.innerText) == null ? void 0 : o.length) || s.length;
+        if (n + l >= e) {
           s.childNodes.length > 1 ? this.reinjectCaret(s.childNodes, e - n) : document.getSelection().setPosition(((a = s.childNodes) == null ? void 0 : a[0]) || s, e - n);
           break;
         }
-        n += r;
+        n += l;
       }
@@ -245,19 +245,19 @@ },
       const [e, n] = this.createRegexPattern();
-      return this.unhtmlize(t.replace(/&/g, "&amp;")).replace(new RegExp(e, "gs"), (o, ...a) => {
+      return this.unhtmlize(t.replace(/&/g, "&amp;")).replace(new RegExp(e, "gsi"), (o, ...a) => {
         a = a.slice(0, a.length - 2);
         let s;
-        const r = this.language === "pug";
-        let l = a.find((c, u) => c && (s = n[u]) && c);
+        const l = this.language === "pug";
+        let r = a.find((c, u) => c && (s = n[u]) && c);
         if (["punctuation", "quote", "htmlentity"].includes(s))
-          l = this.unhtmlize(l);
+          r = this.unhtmlize(r);
         else if (s === "comment")
-          if (r) {
+          if (l) {
             const [c, u, d] = a.slice(n.indexOf("comment"));
-            l = `${c}${u}${this.unhtmlize(d)}`;
+            r = `${c}${u}${this.unhtmlize(d)}`;
           } else
-            l = this.unhtmlize(l);
-        else if (s === "text" && r) {
+            r = this.unhtmlize(r);
+        else if (s === "text" && l) {
           let [c, u, d] = a;
           return d = this.highlightPugInlineTag(d), `${c}<span class="punctuation">|</span>${u}<span class="text">${d}</span>`;
-        } else if (s === "text2" && r) {
+        } else if (s === "text2" && l) {
           const [, , , c, u, d] = a, T = this.syntaxHighlightContent(u);
@@ -269,7 +269,7 @@ return `${c}${T}<span class="punctuation">.</span>
             return this.syntaxHighlightHtmlTag(a.slice(n.indexOf("tag")));
-          if (s === "variable" && l[0] === "." && this.language === "js")
-            return `<span class="punctuation">.</span><span class="obj-attr">${l.substr(1)}</span>`;
+          if (s === "variable" && r[0] === "." && this.language === "js")
+            return `<span class="punctuation">.</span><span class="obj-attr">${r.substr(1)}</span>`;
         }
         let g = "";
-        return s === "color" && this.language === "css" && (g = ` style="background-color: ${l};color: #${this.isColorDark(l) ? "fff" : "000"}"`), s && `<span class="${s}"${g}>${l}</span>` || "";
+        return s === "color" && this.language === "css" && (g = ` style="background-color: ${r};color: #${this.isColorDark(r) ? "fff" : "000"}"`), s && `<span class="${s}"${g}>${r}</span>` || "";
       });
@@ -296,4 +296,4 @@ },
   }
-}, v = ["data-type", "data-label"], $ = ["contenteditable"], k = { class: "ssh-pre__original" };
-function S(t, e, n, o, a, s) {
+}, $ = ["data-type", "data-label"], k = ["contenteditable"], S = { class: "ssh-pre__original" };
+function R(t, e, n, o, a, s) {
   return f(), b("div", {
@@ -307,3 +307,3 @@ class: w(["ssh-pre", { "ssh-pre--dark": n.dark }]),
       class: "ssh-pre__copy",
-      onClick: e[0] || (e[0] = (...r) => s.copyCode && s.copyCode(...r))
+      onClick: e[0] || (e[0] = (...l) => s.copyCode && s.copyCode(...l))
     }, [
@@ -319,14 +319,14 @@ y(t.$slots, "copy-button", {}, () => [
       contenteditable: n.editable ? "true" : "false",
-      onKeydown: e[1] || (e[1] = (r) => n.editable && s.onKeydown(r)),
-      onInput: e[2] || (e[2] = (...r) => s.highlightInPre && s.highlightInPre(...r))
-    }, "    ", 40, $),
+      onKeydown: e[1] || (e[1] = (l) => n.editable && s.onKeydown(l)),
+      onInput: e[2] || (e[2] = (...l) => s.highlightInPre && s.highlightInPre(...l))
+    }, "    ", 40, k),
     h(),
-    E("div", k, [
+    E("div", S, [
       y(t.$slots, "default")
     ])
-  ], 10, v);
+  ], 10, $);
 }
-const _ = /* @__PURE__ */ N(I, [["render", S]]);
+const _ = /* @__PURE__ */ N(v, [["render", R]]);
 export {
   _ as default
 };

dist/sshpre.umd.js

@@ -1,3 +0,3 @@
-(function(c,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("vue")):typeof define=="function"&&define.amd?define(["vue"],m):(c=typeof globalThis<"u"?globalThis:c||self,c.sshpre=m(c.Vue))})(this,function(c){"use strict";const m="",y=(t,e)=>{const n=t.__vccOpts||t;for(const[o,a]of e)n[o]=a;return n},i={quote:/("(?:\\"|[^"])*")|('(?:\\'|[^'])*')/,comment:/(\/\/.*?(?:\n|$)|\/\*.*?(?:\*\/|$))/,doctype:/(&lt;\!DOCTYPE.*?&gt;)/,htmlTag:/&lt;(?:([a-zA-Z][\w\d-]*)((?:[\w\d\- ]+=(?:"[^"]*"|'[^']*'))*|(?:(?!&(?:lt|amp);).)*?)(\s*\/?)|(\/?)([a-zA-Z][\w\d-]*))&gt;/,htmlentity:/(&amp;(?:[a-zA-Z]+|#x?\d+);)/,punctuation:new RegExp("(!==?|(?:[[\\](){}.:,+\\-?=!])+|(?<!&(?:[a-zA-Z]+|#x?\\d+));|\\|\\||&lt;|&gt;|&amp;)"),number:/(-?(?:\.\d+|\d+(?:\.\d+)?))/,boolean:/\b(true|false)\b/},h={shell:{quote:i.quote,comment:/(#.*?)(?:\n|$)/,keyword:/\b(p?npm|yarn|i(?:nstall)?|run|audit|outdated|update|publish|whoami|cd|sudo|chmod|chown|ls|cat|vim?|scp|rm|mv|mkdir|ln|open|cwd|which|clear|curl|ping|systemctl|echo|export|open|bash|exit)\b/,param:/( --(?:save|save-dev))(?:\s|$)/},xml:{doctype:i.doctype,quote:i.quote,comment:/(&lt;!--.*?(?:--&gt;|$))/,htmlentity:i.htmlentity,tag:i.htmlTag},html:{doctype:i.doctype,quote:i.quote,comment:/(&lt;!--.*?(?:--&gt;|$))/,htmlentity:i.htmlentity,tag:i.htmlTag},"html-vue":{doctype:i.doctype,quote:i.quote,comment:/(&lt;!--.*?(?:--&gt;|$))/,htmlentity:i.htmlentity,tag:i.htmlTag},pug:{text:/((?:^|\n)[ \t]*|^)\|([ \t]*)([^\n]+(?=\s*(?:\n|$)))/,text2:/([ \t]*)([.#\-\w\d]+(?:\([^)]*\))*)\.\n((?:\n+(?=\4[ \t]+)|(?=\4[ \t]+).+?(?:\n|$)*?)*)(?=\s*(?:\n|$))/,quote:i.quote,comment:/(^|\n)([ \t]*|^)(\/\/-[ \t]*(?:[^\n]*?(?:\n\10[ \t]+[^\n]*)+|[^\n]+(?=\n|$)))/,tag:/([a-zA-Z][\w\d-]*|)([.#][a-zA-Z][-.\w\d]*|)\b(?:\(((?:[\w\d\- ]+=(?:"[^"]*"|'[^']*'))*|(?:(?!&(?:lt|amp);).)*?)\))?(\.?)([ \t]*)([^\n]+)?(?=\n|$)/,"inline-tag":/#\[([^\[\]]+)\]/},css:{comment:/(\/\*.+?(?:\*\/|$))/,quote:/("(?:\\"|[^"])*")|('(?:\\'|[^'])*')/,pseudo:/(:(?:hover|active|focus|visited|not|before|after|(?:first|last|nth)-child))/,"selector keyword vendor":/(@-(?:moz|o|webkit|ms)-(?=keyframes\s))/,"selector keyword":/((?:@(?:import|media|font-face|keyframes)|screen|print|and)(?=[\s({])|keyframes|\s(?:ul|ol|li|table|div|pre|p|a|img|br|hr|h[1-6]|em|strong|span|html|body|iframe|video|audio|input|button|form|label|fieldset|small|abbr|i|dd|dt)\b)(?=.*\{})/,variable:/(--[a-zA-Z0-9\-]+)/,selector:/((?:[.#-\w*+ >:,[\]="~\n]|&gt;)+)(?=\s*\{)/,"attribute keyword vendor":/(-(?:moz|o|webkit|ms)-(?=transform|transition|user-select|tap-highlight-color|animation|background-size|box-shadow))/,"attribute keyword":/\b(content|float|display|position|top|left|right|bottom|(?:(?:max|min)-)?width|(?:(?:max|min|line)-)?height|font(?:-(?:family|style|size|weight|variant|stretch))?|vertical-align|color|opacity|visibility|z-index|pointer-events|user-select|transform(?:-(?:origin|style|delay|duration|property|timing-function))?|transition(?:-(?:delay|duration))?|animation(?:-(?:name|delay|duration|direction|fill-mode))?|backface-visibility|backdrop-filter|background(?:-(?:color|position|image|repeat|size|attachment|origin|clip|blend-mode))?|(?:padding|margin|border)(?:-(?:top|left|right|bottom))?|border(?:-(?:radius|color|width|style|spacing))|white-space|text-(?:align|transform|decoration|shadow|indent)|overflow(?:-(?:x|y))?|(?:letter|word)-spacing|word-break|box-(?:sizing|shadow)|stroke(?:-(?:width|opacity|dasharray|dashoffset|linecap|linejoin))?|fill|speak|outline|user-select|cursor|flex(?:-(?:direction|flow|grow|shrink|basis|wrap))?|(?:justify|align)-(?:content|self|items))(?=\s*:)/,"value keyword vendor":/(-(?:moz|o|webkit|ms)-(?=linear-gradient))/,"value keyword":/\b(inherit|initial|normal|none|unset|auto|inline(?:-(?:block|flex))?|block|flex|absolute|relative|static|fixed|sticky|hidden|visible|top|left|right|bottom|center|middle|baseline|solid|dotted|dashed|line-through|(?:over|under)line|wavy|double|(?:pre-|no)?wrap|pre|break-word|(?:upper|lower)case|capitalize|italic|bold|attr\(.*?\)|linear|ease(?:-in)?(?:-out)?|all|infinite|cubic-bezier|(?:translate|rotate)(?:[X-Z]|3d)?|skew[XY]?|scale|(?:no-)?repeat|repeat(?:-x|-y)|contain|cover|url|(?:repeating-)?(?:linear|radial)-gradient|inset|pointer|(?:flex-)?(?:start|end)|space-(?:between|evenly|around)|stretch|revert|row(?:-reverse)?|column(?:-reverse)?)(?=\s*[,;}(]|\s+[\da-z!])/,"value keyword important":/( ?!important)/,number:i.number,color:/(transparent|#(?:[\da-fA-F]{6}|[\da-fA-F]{3})|rgba?\([\d., ]*\))/,htmlentity:i.htmlentity,punctuation:/([:,;{}@#()!]+)/,attribute:/([a-zA-Z-]+)(?=\s*:)/,unit:/(px|pt|cm|%|r?em|m?s|deg|vh|vw|vmin|vmax)(?=(?:\s*[;,{}})]|\s+[-\da-z#]))/,error:/([:,;{}@#()!]+|&lt;|&gt;|&amp;)/},json:{quote:/("(?:\\"|[^"])*")/,number:i.number,boolean:i.boolean,punctuation:/([[\](){}:,]+)/,error:/(&(:?lt|gt|amp);|(?!\s).)/},js:{quote:i.quote,comment:i.comment,number:/\b(\d+(?:\.\d+)?|null)\b/,boolean:i.boolean,this:/\b(this)(?=\W)/,keyword:/\b(new|getElementsBy(?:Tag|Class|)Name|getElementById|querySelector|querySelectorAll|arguments|if|else|do|return|case|default|(?:f|F)unction|typeof|instanceof|undefined|document(?:Element)?|window|console|while|for|forEach|switch|in|break|continue|delete|length|var|let|const|export|import|as|require|from|Class|constructor|Number|Boolean|String|Array|Object|RegExp|Integer|Date|Promise|Proxy|WeakMap|WeakSet|Symbol|SyncManager|File(?:Reader)?|DataTransfer|DocumentFragment|async|await|(?:clear|set)(?:Timeout|Interval)|parse(?:Int|Float)|Math(?=\.)|isNaN|atob|btoa|getComputedStyle)(?=\W)/,htmlentity:i.htmlentity,punctuation:/(!==?|[[\]!(){}:;,+\-%*/?=]+|\.+(?![a-zA-Z])|\|\||&lt;|&gt;|&amp;)/,variable:/(\.?[a-zA-Z_][\w\d]*)/,"external-var":/(\$|jQuery|JSON)(?=\W|$)/},php:{quote:i.quote,comment:i.comment,special:/(&lt;\?(?:php)?|\?&gt;|__(?:DIR|FILE|LINE|CLASS|METHOD|FUNCTION|NAMESPACE|TRAIT)__)/,punctuation:i.punctuation,number:i.number,boolean:i.boolean,variable:/(\$[\w\d_]+)/,keyword:/\b(define|echo|die|exit|print_r|var_dump|if|else|elseif|do|return|case|default|function|\$this|while|foreach|for|switch|in|break|continue|empty|isset|unset|parse_ini_file|session_(?:start|destroy|id)|header|json_(?:encode|decode)|error_log|(require|include)(:?_once)?|try|throw|new|Exception|catch|finally|preg_(?:match|replace)|list|strlen|substr|str_replace|array_(?:keys|values))(?=\W|$)/},sql:{quote:i.quote,comment:/((?:\-\-|#)\s.*?(?:\n|$)|\/\*.*?\*\/)/,punctuation:i.punctuation,number:/\b(\d+(?:\.\d+)?|null)\b/,boolean:i.boolean,keyword:/\b(\*|DECLARE|BEGIN|END|RETURNS|FUNCTION|CREATE|DATABASE|TABLE|VIEW|COLUMN|INDEX|GRANT|REVOKE|ALL|PRIVILEGES|IDENTIFIED|FLUSH|ALTER|MODIFY|DROP|TRUNCATE|CONSTRAINT|ADD|CHECK|(?:(?:PRIMARY|FOREIGN|UNIQUE) )?KEY|REFERENCES|AUTO_INCREMENT|COMMENT|DEFAULT|UNSIGNED|CHARSET|COLLATE|CHARACTER|ENGINE|SQL_MODE|USE|IF|THEN|NULL|EXISTS|UNIQUE|SELECT|UPDATE|DELETE|(?:INSERT|REPLACE)(?: INTO)?|VALUES|SET|FROM|WHERE|(?:ORDER|GROUP) BY|LIMIT|(?:(?:LEFT|RIGHT|INNER|OUTER|CROSS) |)JOIN|AS|ON|COUNT|AVG|SUM|MIN|MAX|CASE|TO|WHEN|BETWEEN|AND|OR|NOT|IN|LIKE|IS|CONCAT|SUBSTRING|CURRENT_(?:DATE|TIMESTAMP)|USING|HAVING?)(?=\W|$)/,"var-type":/\b((?:var)?char|(?:tiny|small|medium|big)?int|decimal|float|double|real|bit|boolean|date(?:time)?|time(?:stamp)?|year|(?:tiny|medium|long)?(?:text|blob)|enum)\b/}},b={xml:/(\s*)([a-zA-Z\d\-:]+)(?:=("|')(.*?)\3)?/g,html:/(\s*)([a-zA-Z-]+)(?:=("|')(.*?)\3)?/g,"html-vue":/(\s*)([@:#]?[a-zA-Z\d-]+)(?:(?:=("|')(.*?)\3)|)/g,pug:/(\s*|,)([@:#]?[a-zA-Z\d-]+)(?:(?:=("|')(.*?)\3)|)/g},E={shell:{quote:2},xml:{quote:2,tag:5},html:{quote:2,tag:5},"html-vue":{quote:2,tag:5},pug:{text:3,text2:3,quote:2,comment:3,tag:6},json:{},php:{quote:2},sql:{quote:2},css:{quote:2},js:{quote:2}},f=t=>t.map(e=>{if(!e.children||typeof e.children=="string")return e.children||"";if(Array.isArray(e.children))return f(e.children);if(e.children.default)return f(e.children.default())}).join(""),x={name:"sshpre",props:{language:{type:String,default:""},label:{type:[String,Boolean],default:!1},tab:{type:[Boolean,String],default:"  "},dark:{type:Boolean,default:!1},copyButton:{type:Boolean,default:!1},editable:{type:Boolean,default:!0}},data:()=>({knownLanguages:Object.keys(h),content:"",slotTexts:""}),methods:{htmlize(t){return t.replace(/&(lt|gt|amp);/g,(e,n)=>({lt:"<",gt:">",amp:"&"})[n])},unhtmlize(t){return t.replace(/[<>]/g,e=>({"<":"&lt;",">":"&gt;"})[e])},isColorDark(t){let e,n,o,a,s,r;if(e=t.match(/rgba?\((.*),\s*(.*),\s*(.*?)(?:,\s*([^)]*))\)/))o=parseInt(e[1])<=100,a=parseInt(e[2])<=100,s=parseInt(e[3])<=100,r=parseFloat(e[4])<.3;else if(n=t.match(/#([\da-f]{3}(?:[\da-f]{3})?)/)){const l=n[1].length===3;o=parseInt(n[1][0])<=9,a=parseInt(n[1][l?1:2])<=9,s=parseInt(n[1][l?2:4])<=9}return(o&&a&&s||o&&a&&!s||!o&&a&&s)&&!r},createRegexPattern(){let t="";const e=[];for(const n in h[this.language]){const o=E[this.language][n]||1;for(let a=0;a<o;a++)e.push(n);t+=(t?"|":"")+h[this.language][n].source}return[t,e]},syntaxHighlightHtmlTag(t){const e=(n,o,a,s,r)=>`${o}<span class="attribute">${a}</span>`+(s||r?'<span class="punctuation">=</span>':"")+(s||r?`<span class="quote">${s||""}${r||""}${s||""}</span>`:"");if(this.language==="pug"){let[n,o="",a="",s="",r="",l=""]=t;return o=o.replace(/#[a-z\d-]+/g,g=>`<span class="id">${g}</span>`).replace(/\.[a-z\d-]+/g,g=>`<span class="class">${g}</span>`),a&&(a=a.replace(b.pug,e),a='<span class="punctuation">(</span>'+a+'<span class="punctuation">)</span>'),l&&(l=this.highlightPugInlineTag(l)),`<span class="tag-name">${n}</span>${o}${a}`+(s?'<span class="punctuation">.</span>':"")+(r||"")+(l?`<span class="text">${l}</span>`:"")}else{const[n,o="",a="",s="",r]=t,l=o.replace(b[this.language],e);return`<span class="punctuation">&lt;${s}</span><span class="tag-name">${n||r}</span>`+l+`<span class="punctuation">${a}&gt;</span>`}},highlightPugInlineTag(t){return t.replace(new RegExp(h.pug["inline-tag"],"gs"),(e,n)=>'<span class="inline-tag">#[</span>'+n.replace(new RegExp(h.pug.tag,"s"),(o,...a)=>(a=a.slice(0,a.length-2),this.syntaxHighlightHtmlTag(a)))+'<span class="inline-tag">]</span>')},highlightInPre(){if(this.knownLanguages.includes(this.language)){const t=this.getCaretPositionInPlainText();this.$refs.code.innerHTML=this.syntaxHighlightContent(this.$refs.code.innerText),this.reinjectCaret(this.$refs.code.childNodes,t)}},getCaretPositionInPlainText(){const t=window.getSelection();t.collapseToEnd();const e=new Range;return e.setStart(this.$refs.code,0),e.setEnd(t.extentNode,t.extentOffset),e.toString().length},reinjectCaret(t,e){var o,a;let n=0;for(const s of t){const r=((o=s.innerText)==null?void 0:o.length)||s.length;if(n+r>=e){s.childNodes.length>1?this.reinjectCaret(s.childNodes,e-n):document.getSelection().setPosition(((a=s.childNodes)==null?void 0:a[0])||s,e-n);break}n+=r}},onKeydown(t){switch(t.which){case 9:this.injectAtCaret(this.tab),t.preventDefault();break;case 13:this.injectAtCaret(`
-`),t.preventDefault();break}},injectAtCaret(t){const e=window.getSelection(),n=e.getRangeAt(0),o=document.createTextNode(t);n.insertNode(o),e.collapseToEnd()},syntaxHighlightContent(t){if(!this.knownLanguages.includes(this.language))return t;const[e,n]=this.createRegexPattern();return this.unhtmlize(t.replace(/&/g,"&amp;")).replace(new RegExp(e,"gs"),(o,...a)=>{a=a.slice(0,a.length-2);let s;const r=this.language==="pug";let l=a.find((d,u)=>d&&(s=n[u])&&d);if(["punctuation","quote","htmlentity"].includes(s))l=this.unhtmlize(l);else if(s==="comment")if(r){const[d,u,p]=a.slice(n.indexOf("comment"));l=`${d}${u}${this.unhtmlize(p)}`}else l=this.unhtmlize(l);else if(s==="text"&&r){let[d,u,p]=a;return p=this.highlightPugInlineTag(p),`${d}<span class="punctuation">|</span>${u}<span class="text">${p}</span>`}else if(s==="text2"&&r){const[,,,d,u,p]=a,A=this.syntaxHighlightContent(u);return`${d}${A}<span class="punctuation">.</span>
+(function(c,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("vue")):typeof define=="function"&&define.amd?define(["vue"],m):(c=typeof globalThis<"u"?globalThis:c||self,c.sshpre=m(c.Vue))})(this,function(c){"use strict";const m="",y=(t,e)=>{const n=t.__vccOpts||t;for(const[o,a]of e)n[o]=a;return n},i={quote:/("(?:\\"|[^"])*")|('(?:\\'|[^'])*')/,comment:/(\/\/.*?(?:\n|$)|\/\*.*?(?:\*\/|$))/,doctype:/(&lt;\!DOCTYPE.*?&gt;)/,htmlTag:/&lt;(?:([a-z][\w\d-]*)((?:[\w\d\- ]+=(?:"[^"]*"|'[^']*'))*|(?:(?!&(?:lt|amp);).)*?)(\s*\/?)|(\/?)([a-z][\w\d-]*))&gt;/,htmlentity:/(&amp;(?:[a-z]+|#x?\d+);)/,punctuation:new RegExp("(!==?|(?:[[\\](){}.:,+\\-?=!])+|(?<!&(?:[a-z]+|#x?\\d+));|\\|\\||&lt;|&gt;|&amp;)"),number:/(-?(?:\.\d+|\d+(?:\.\d+)?))/,boolean:/\b(true|false)\b/},h={shell:{quote:i.quote,comment:/(#.*?)(?:\n|$)/,keyword:/\b(p?npm|yarn|i(?:nstall)?|run|audit|outdated|update|publish|whoami|cd|sudo|chmod|chown|ls|cat|vim?|scp|rm|mv|mkdir|ln|open|cwd|which|clear|curl|ping|systemctl|echo|export|open|bash|exit)\b/,param:/( --(?:save|save-dev))(?:\s|$)/},xml:{doctype:i.doctype,quote:i.quote,comment:/(&lt;!--.*?(?:--&gt;|$))/,htmlentity:i.htmlentity,tag:i.htmlTag},html:{doctype:i.doctype,quote:i.quote,comment:/(&lt;!--.*?(?:--&gt;|$))/,htmlentity:i.htmlentity,tag:i.htmlTag},"html-vue":{doctype:i.doctype,quote:i.quote,comment:/(&lt;!--.*?(?:--&gt;|$))/,htmlentity:i.htmlentity,tag:i.htmlTag},pug:{text:/((?:^|\n)[ \t]*|^)\|([ \t]*)([^\n]+(?=\s*(?:\n|$)))/,text2:/([ \t]*)([.#\-\w\d]+(?:\([^)]*\))*)\.\n((?:\n+(?=\4[ \t]+)|(?=\4[ \t]+).+?(?:\n|$)*?)*)(?=\s*(?:\n|$))/,quote:i.quote,comment:/(^|\n)([ \t]*|^)(\/\/-[ \t]*(?:[^\n]*?(?:\n\10[ \t]+[^\n]*)+|[^\n]+(?=\n|$)))/,tag:/([a-z][\w\d-]*|)([.#][a-z][-.\w\d]*|)\b(?:\(((?:[\w\d\- ]+=(?:"[^"]*"|'[^']*'))*|(?:(?!&(?:lt|amp);).)*?)\))?(\.?)([ \t]*)([^\n]+)?(?=\n|$)/,"inline-tag":/#\[([^\[\]]+)\]/},css:{comment:/(\/\*.+?(?:\*\/|$))/,quote:/("(?:\\"|[^"])*")|('(?:\\'|[^'])*')/,pseudo:/(:(?:hover|active|focus|visited|not|before|after|(?:first|last|nth)-child))/,"selector keyword vendor":/(@-(?:moz|o|webkit|ms)-(?=keyframes\s))/,"selector keyword":/((?:@(?:import|media|font-face|keyframes)|screen|print|and)(?=[\s({])|keyframes|\s(?:ul|ol|li|table|div|pre|p|a|img|br|hr|h[1-6]|em|strong|span|html|body|iframe|video|audio|input|button|form|label|fieldset|small|abbr|i|dd|dt)\b)(?=.*\{})/,variable:/(--[a-z0-9\-]+)/,selector:/((?:[.#-\w*+ >:,[\]="~\n]|&gt;)+)(?=\s*\{)/,"attribute keyword vendor":/(-(?:moz|o|webkit|ms)-(?=transform|transition|user-select|tap-highlight-color|animation|background-size|box-shadow))/,"attribute keyword":/\b(content|float|display|position|top|left|right|bottom|(?:(?:max|min)-)?width|(?:(?:max|min|line)-)?height|font(?:-(?:family|style|size|weight|variant|stretch))?|vertical-align|color|opacity|visibility|z-index|pointer-events|user-select|transform(?:-(?:origin|style|delay|duration|property|timing-function))?|transition(?:-(?:delay|duration))?|animation(?:-(?:name|delay|duration|direction|fill-mode))?|backface-visibility|backdrop-filter|background(?:-(?:color|position|image|repeat|size|attachment|origin|clip|blend-mode))?|(?:padding|margin|border)(?:-(?:top|left|right|bottom))?|border(?:-(?:radius|color|width|style|spacing))|white-space|text-(?:align|transform|decoration|shadow|indent)|overflow(?:-(?:x|y))?|(?:letter|word)-spacing|word-break|box-(?:sizing|shadow)|stroke(?:-(?:width|opacity|dasharray|dashoffset|linecap|linejoin))?|fill|speak|outline|user-select|cursor|flex(?:-(?:direction|flow|grow|shrink|basis|wrap))?|(?:justify|align)-(?:content|self|items))(?=\s*:)/,"value keyword vendor":/(-(?:moz|o|webkit|ms)-(?=linear-gradient))/,"value keyword":/\b(inherit|initial|normal|none|unset|auto|inline(?:-(?:block|flex))?|block|flex|absolute|relative|static|fixed|sticky|hidden|visible|top|left|right|bottom|center|middle|baseline|solid|dotted|dashed|line-through|(?:over|under)line|wavy|double|(?:pre-|no)?wrap|pre|break-word|(?:upper|lower)case|capitalize|italic|bold|attr\(.*?\)|linear|ease(?:-in)?(?:-out)?|all|infinite|cubic-bezier|(?:translate|rotate)(?:[X-Z]|3d)?|skew[XY]?|scale|(?:no-)?repeat|repeat(?:-x|-y)|contain|cover|url|(?:repeating-)?(?:linear|radial)-gradient|inset|pointer|(?:flex-)?(?:start|end)|space-(?:between|evenly|around)|stretch|revert|row(?:-reverse)?|column(?:-reverse)?)(?=\s*[,;}(]|\s+[\da-z!])/,"value keyword important":/( ?!important)/,number:i.number,color:/(transparent|#(?:[\da-f]{6}|[\da-f]{3})|rgba?\([\d., ]*\))/,htmlentity:i.htmlentity,punctuation:/([:,;{}@#()!]+)/,attribute:/([a-z-]+)(?=\s*:)/,unit:/(px|pt|cm|%|r?em|m?s|deg|vh|vw|vmin|vmax)(?=(?:\s*[;,{}})]|\s+[-\da-z#]))/,error:/([:,;{}@#()!]+|&lt;|&gt;|&amp;)/},json:{quote:/("(?:\\"|[^"])*")/,number:i.number,boolean:i.boolean,punctuation:/([[\](){}:,]+)/,error:/(&(:?lt|gt|amp);|(?!\s).)/},js:{quote:i.quote,comment:i.comment,number:/\b(\d+(?:\.\d+)?|null)\b/,boolean:i.boolean,this:/\b(this)(?=\W)/,keyword:/\b(new|getElementsBy(?:Tag|Class|)Name|getElementById|querySelector|querySelectorAll|arguments|if|else|do|return|case|default|(?:f|F)unction|typeof|instanceof|undefined|document(?:Element)?|window|console|while|for|forEach|switch|in|break|continue|delete|length|var|let|const|export|import|as|require|from|Class|constructor|Number|Boolean|String|Array|Object|RegExp|Integer|Date|Promise|Proxy|WeakMap|WeakSet|Symbol|SyncManager|File(?:Reader)?|DataTransfer|DocumentFragment|async|await|(?:clear|set)(?:Timeout|Interval)|parse(?:Int|Float)|Math(?=\.)|isNaN|atob|btoa|getComputedStyle)(?=\W)/,htmlentity:i.htmlentity,punctuation:/(!==?|[[\]!(){}:;,+\-%*/?=]+|\.+(?![a-z])|\|\||&lt;|&gt;|&amp;)/,variable:/(\.?[a-z_][\w\d]*)/,"external-var":/(\$|jQuery|JSON)(?=\W|$)/},php:{quote:i.quote,comment:i.comment,special:/(&lt;\?(?:php)?|\?&gt;|__(?:DIR|FILE|LINE|CLASS|METHOD|FUNCTION|NAMESPACE|TRAIT)__)/,punctuation:i.punctuation,number:i.number,boolean:i.boolean,variable:/(\$[\w\d_]+)/,keyword:/\b(define|echo|die|exit|print_r|var_dump|if|else|elseif|do|return|case|default|function|\$this|while|foreach|for|switch|in|break|continue|empty|isset|unset|parse_ini_file|session_(?:start|destroy|id)|header|json_(?:encode|decode)|error_log|(require|include)(:?_once)?|try|throw|new|Exception|catch|finally|preg_(?:match|replace)|list|strlen|substr|str_replace|array_(?:keys|values))(?=\W|$)/},sql:{quote:i.quote,comment:/((?:\-\-|#)\s.*?(?:\n|$)|\/\*.*?\*\/)/,punctuation:i.punctuation,number:/\b(\d+(?:\.\d+)?|null)\b/,boolean:i.boolean,keyword:/\b(\*|DECLARE|BEGIN|END|RETURNS|FUNCTION|CREATE|DATABASE|TABLE|VIEW|COLUMN|INDEX|GRANT|REVOKE|ALL|PRIVILEGES|IDENTIFIED|FLUSH|ALTER|MODIFY|DROP|TRUNCATE|CONSTRAINT|ADD|CHECK|(?:(?:PRIMARY|FOREIGN|UNIQUE) )?KEY|REFERENCES|AUTO_INCREMENT|COMMENT|DEFAULT|UNSIGNED|CHARSET|COLLATE|CHARACTER|ENGINE|SQL_MODE|USE|IF|THEN|NULL|EXISTS|UNIQUE|SELECT|UPDATE|DELETE|(?:INSERT|REPLACE)(?: INTO)?|VALUES|SET|FROM|WHERE|(?:ORDER|GROUP) BY|LIMIT|(?:(?:LEFT|RIGHT|INNER|OUTER|CROSS) |)JOIN|AS|ON|COUNT|AVG|SUM|MIN|MAX|CASE|TO|WHEN|BETWEEN|AND|OR|NOT|IN|LIKE|IS|CONCAT|SUBSTRING|CURRENT_(?:DATE|TIMESTAMP)|USING|HAVING?)(?=\W|$)/,"var-type":/\b((?:var)?char|(?:tiny|small|medium|big)?int|decimal|float|double|real|bit|boolean|date(?:time)?|time(?:stamp)?|year|(?:tiny|medium|long)?(?:text|blob)|enum)\b/}},b={xml:/(\s*)([a-z\d\-:]+)(?:=("|')(.*?)\3)?/g,html:/(\s*)([a-z-]+)(?:=("|')(.*?)\3)?/g,"html-vue":/(\s*)([@:#]?[a-z\d-]+)(?:(?:=("|')(.*?)\3)|)/g,pug:/(\s*|,)([@:#]?[a-z\d-]+)(?:(?:=("|')(.*?)\3)|)/g},E={shell:{quote:2},xml:{quote:2,tag:5},html:{quote:2,tag:5},"html-vue":{quote:2,tag:5},pug:{text:3,text2:3,quote:2,comment:3,tag:6},json:{},php:{quote:2},sql:{quote:2},css:{quote:2},js:{quote:2}},f=t=>t.map(e=>{if(!e.children||typeof e.children=="string")return e.children||"";if(Array.isArray(e.children))return f(e.children);if(e.children.default)return f(e.children.default())}).join(""),x={name:"sshpre",props:{language:{type:String,default:""},label:{type:[String,Boolean],default:!1},tab:{type:[Boolean,String],default:"  "},dark:{type:Boolean,default:!1},copyButton:{type:Boolean,default:!1},editable:{type:Boolean,default:!1}},data:()=>({knownLanguages:Object.keys(h),content:"",slotTexts:""}),methods:{htmlize(t){return t.replace(/&(lt|gt|amp);/g,(e,n)=>({lt:"<",gt:">",amp:"&"})[n])},unhtmlize(t){return t.replace(/[<>]/g,e=>({"<":"&lt;",">":"&gt;"})[e])},isColorDark(t){let e,n,o,a,s,r;if(e=t.match(/rgba?\((.*),\s*(.*),\s*(.*?)(?:,\s*([^)]*))\)/))o=parseInt(e[1])<=100,a=parseInt(e[2])<=100,s=parseInt(e[3])<=100,r=parseFloat(e[4])<.3;else if(n=t.match(/#([\da-f]{3}(?:[\da-f]{3})?)/)){const l=n[1].length===3;o=parseInt(n[1][0])<=9,a=parseInt(n[1][l?1:2])<=9,s=parseInt(n[1][l?2:4])<=9}return(o&&a&&s||o&&a&&!s||!o&&a&&s)&&!r},createRegexPattern(){let t="";const e=[];for(const n in h[this.language]){const o=E[this.language][n]||1;for(let a=0;a<o;a++)e.push(n);t+=(t?"|":"")+h[this.language][n].source}return[t,e]},syntaxHighlightHtmlTag(t){const e=(n,o,a,s,r)=>`${o}<span class="attribute">${a}</span>`+(s||r?'<span class="punctuation">=</span>':"")+(s||r?`<span class="quote">${s||""}${r||""}${s||""}</span>`:"");if(this.language==="pug"){let[n,o="",a="",s="",r="",l=""]=t;return o=o.replace(/#[a-z\d-]+/g,g=>`<span class="id">${g}</span>`).replace(/\.[a-z\d-]+/g,g=>`<span class="class">${g}</span>`),a&&(a=a.replace(b.pug,e),a='<span class="punctuation">(</span>'+a+'<span class="punctuation">)</span>'),l&&(l=this.highlightPugInlineTag(l)),`<span class="tag-name">${n}</span>${o}${a}`+(s?'<span class="punctuation">.</span>':"")+(r||"")+(l?`<span class="text">${l}</span>`:"")}else{const[n,o="",a="",s="",r]=t,l=o.replace(b[this.language],e);return`<span class="punctuation">&lt;${s}</span><span class="tag-name">${n||r}</span>`+l+`<span class="punctuation">${a}&gt;</span>`}},highlightPugInlineTag(t){return t.replace(new RegExp(h.pug["inline-tag"],"gsi"),(e,n)=>'<span class="inline-tag">#[</span>'+n.replace(new RegExp(h.pug.tag,"si"),(o,...a)=>(a=a.slice(0,a.length-2),this.syntaxHighlightHtmlTag(a)))+'<span class="inline-tag">]</span>')},highlightInPre(){if(this.knownLanguages.includes(this.language)){const t=this.getCaretPositionInPlainText();this.$refs.code.innerHTML=this.syntaxHighlightContent(this.$refs.code.innerText),this.reinjectCaret(this.$refs.code.childNodes,t)}},getCaretPositionInPlainText(){const t=window.getSelection();t.collapseToEnd();const e=new Range;return e.setStart(this.$refs.code,0),e.setEnd(t.extentNode,t.extentOffset),e.toString().length},reinjectCaret(t,e){var o,a;let n=0;for(const s of t){const r=((o=s.innerText)==null?void 0:o.length)||s.length;if(n+r>=e){s.childNodes.length>1?this.reinjectCaret(s.childNodes,e-n):document.getSelection().setPosition(((a=s.childNodes)==null?void 0:a[0])||s,e-n);break}n+=r}},onKeydown(t){switch(t.which){case 9:this.injectAtCaret(this.tab),t.preventDefault();break;case 13:this.injectAtCaret(`
+`),t.preventDefault();break}},injectAtCaret(t){const e=window.getSelection(),n=e.getRangeAt(0),o=document.createTextNode(t);n.insertNode(o),e.collapseToEnd()},syntaxHighlightContent(t){if(!this.knownLanguages.includes(this.language))return t;const[e,n]=this.createRegexPattern();return this.unhtmlize(t.replace(/&/g,"&amp;")).replace(new RegExp(e,"gsi"),(o,...a)=>{a=a.slice(0,a.length-2);let s;const r=this.language==="pug";let l=a.find((d,u)=>d&&(s=n[u])&&d);if(["punctuation","quote","htmlentity"].includes(s))l=this.unhtmlize(l);else if(s==="comment")if(r){const[d,u,p]=a.slice(n.indexOf("comment"));l=`${d}${u}${this.unhtmlize(p)}`}else l=this.unhtmlize(l);else if(s==="text"&&r){let[d,u,p]=a;return p=this.highlightPugInlineTag(p),`${d}<span class="punctuation">|</span>${u}<span class="text">${p}</span>`}else if(s==="text2"&&r){const[,,,d,u,p]=a,I=this.syntaxHighlightContent(u);return`${d}${I}<span class="punctuation">.</span>
 <span class="text">${p}</span>`}else{if(s==="tag"&&["xml","html","html-vue","pug"].includes(this.language))return this.syntaxHighlightHtmlTag(a.slice(n.indexOf("tag")));if(s==="variable"&&l[0]==="."&&this.language==="js")return`<span class="punctuation">.</span><span class="obj-attr">${l.substr(1)}</span>`}let g="";return s==="color"&&this.language==="css"&&(g=` style="background-color: ${l};color: #${this.isColorDark(l)?"fff":"000"}"`),s&&`<span class="${s}"${g}>${l}</span>`||""})},getSlotContent(){return this.$slots.default&&f(this.$slots.default())||""},copyCode(t){t.target.insertAdjacentHTML("afterend",`<textarea id="clipboard-textarea">${this.$refs.code.innerText}</textarea>`);const e=document.getElementById("clipboard-textarea");e.select(),e.setSelectionRange(0,99999),document.execCommand("copy"),e.remove(),this.$emit("copied",this.$refs.code.innerText)}},mounted(){const t=this.getSlotContent();this.$refs.code.innerText=t,this.$refs.code.innerHTML=this.syntaxHighlightContent(this.$refs.code.innerText)},beforeUpdate(){this.$refs.code.innerHTML=this.syntaxHighlightContent(this.getSlotContent())}},T=["data-type","data-label"],w=["contenteditable"],N={class:"ssh-pre__original"};function C(t,e,n,o,a,s){return c.openBlock(),c.createElementBlock("div",{class:c.normalizeClass(["ssh-pre",{"ssh-pre--dark":n.dark}]),"data-type":n.language,"data-label":n.label||null},[n.copyButton?(c.openBlock(),c.createElementBlock("button",{key:0,class:"ssh-pre__copy",onClick:e[0]||(e[0]=(...r)=>s.copyCode&&s.copyCode(...r))},[c.renderSlot(t.$slots,"copy-button",{},()=>[c.createTextVNode("Copy")])])):c.createCommentVNode("",!0),c.createTextVNode(),c.createElementVNode("pre",{ref:"code",class:"ssh-pre__content",contenteditable:n.editable?"true":"false",onKeydown:e[1]||(e[1]=r=>n.editable&&s.onKeydown(r)),onInput:e[2]||(e[2]=(...r)=>s.highlightInPre&&s.highlightInPre(...r))},"    ",40,w),c.createTextVNode(),c.createElementVNode("div",N,[c.renderSlot(t.$slots,"default")])],10,T)}return y(x,[["render",C]])});

package.json

 {
   "name": "simple-syntax-highlighter",
-  "version": "1.6.0",
-  "description": "No chi-chi syntax highlighter for Vue.js.",
+  "version": "1.6.1",
+  "description": "No chi-chi syntax highlighter for Vue.js (2 and 3).",
   "author": "Antoni Andre <[e-mail]>",
@@ -6,0 +6,0 @@ "homepage": "https://antoniandre.github.io/simple-syntax-highlighter",

README.md

@@ -7,3 +7,3 @@ # Simple Syntax Highlighter
 <!-- [![npm](https://img.shields.io/npm/dw/simple-syntax-highlighter.svg)](https://www.npmjs.com/package/simple-syntax-highlighter) -->
-> No chi-chi syntax highlighter for Vue.js.
+> No chi-chi syntax highlighter for Vue.js (2 and 3).
 
@@ -57,4 +57,7 @@ ___
 
+### Vue 3
 - __Version 3.0.0__ Support code editing. Improved syntax highlighting. Always reactive.
 - __Version 2.0.0__ Vue 3 build
+
+### Vue 2
 - __Version 1.6.0__ Support code editing. Improved syntax highlighting. Always reactive.
@@ -61,0 +64,0 @@ - __Version 1.5.0__ Removed support for IE - it's finally over. :tada:

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

68

increased by4.62%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

54670

decreased by-0.17%

Number of downloads

2745

decreased by-4.85%

No dependency changes