renusify 2.5.1 → 3.0.0

package/components/highlight/{mixin.js → useHighlight.js}

@@ -1,26 +1,25 @@
-//forked from https://github.com/speed-highlight/core
-export default {
-    data() {
-        return {
-            expandData: {
-                num: {
-                    type: 'num',
-                    match: /(\.e?|\b)\d(e-|[\d.oxa-fA-F_])*(\.|\b)/g
-                },
-                str: {
-                    type: 'str',
-                    match: /(["'])(\\[^]|(?!\1)[^\r\n\\])*\1?/g
-                },
-                strDouble: {
-                    type: 'str',
-                    match: /"((?!")[^\r\n\\]|\\[^])*"?/g
-                }
-            },
-            languages: {}
+import {ref} from 'vue'
+
+export function useHighlight() {
+    const expandData = {
+        num: {
+            type: 'num',
+            match: /(\.e?|\b)\d(e-|[\d.oxa-fA-F_])*(\.|\b)/g
+        },
+        str: {
+            type: 'str',
+            match: /(["'])(\\[^]|(?!\1)[^\r\n\\])*\1?/g
+        },
+        strDouble: {
+            type: 'str',
+            match: /"((?!")[^\r\n\\]|\\[^])*"?/g
         }
-    },
-    created() {
-        this.languages.asm = {
+    }
+
+    const languages = ref({})
+
+    const initLanguages = () => {
+        languages.value.asm = {
             default: [
                 {
                     type: 'cmnt',
@@ -33,24 +32,20 @@ export default {
                     expand: 'num'
                 },
                 {
-                    // value (ex: "$0x1")
                     type: 'num',
                     match: /\$[\da-fA-F]*\b/g
                 },
                 {
                     type: 'kwd',
-                    // ex: "section .data"
                     match: /^[a-z]+\s+[a-z.]+\b/gm,
                     sub: [
                         {
-                            // keyword (ex: "section")
                             type: 'func',
                             match: /^[a-z]+/g
                         }
                     ]
                 },
                 {
-                    // instruction (ex: "mov")
                     type: 'kwd',
                     match: /^\t*[a-z][a-z\d]*\b/gm
                 },
@@ -60,7 +55,7 @@ export default {
                 }
             ]
         }
-        this.languages.bash = {
+        languages.value.bash = {
             default: [
                 {
                     sub: 'todo',
@@ -75,7 +70,6 @@ export default {
                     }]
                 },
                 {
-                    // relative or absolute path
                     type: 'oper',
                     match: /(?<=\s|^)\.*\/[a-z/_.-]+/gi
                 },
@@ -87,7 +81,6 @@ export default {
                     expand: 'num'
                 },
                 {
-                    // command
                     type: 'func',
                     match: /(?<=(^|\||\&\&|\;)\s*)[a-z_.-]+(?=\s|$)/gmi
                 },
@@ -109,7 +102,7 @@ export default {
                 }
             ]
         }
-        this.languages.bf = {
+        languages.value.bf = {
             default: [
                 {
                     match: /[^\[\->+.<\]\s].*/g,
@@ -129,7 +122,7 @@ export default {
                 }
             ]
         }
-        this.languages.c = {
+        languages.value.c = {
             default: [
                 {
                     match: /\/\/.*\n?|\/\*((?!\*\/)[^])*(\*\/)?/g,
@@ -159,7 +152,6 @@ export default {
                             match: /^asm/g
                         },
                         {
-                            //type: 'str',
                             match: /[^{}]*(?=}$)/g,
                             sub: 'asm'
                         }
@@ -183,7 +175,7 @@ export default {
                 }
             ]
         }
-        this.languages.css = {
+        languages.value.css = {
             default: [
                 {
                     match: /\/\*((?!\*\/)[^])*(\*\/)?/g,
@@ -241,7 +233,7 @@ export default {
                 }
             ]
         }
-        this.languages.csv = {
+        languages.value.csv = {
             default: [
                 {
                     expand: 'strDouble'
@@ -252,7 +244,7 @@ export default {
                 }
             ]
         }
-        this.languages.diff = {
+        languages.value.diff = {
             default: [
                 {
                     type: 'deleted',
@@ -272,16 +264,16 @@ export default {
                 }
             ]
         }
-        this.languages.docker = {
+        languages.value.docker = {
             default: [
                 {
                     type: 'kwd',
                     match: /^(FROM|RUN|CMD|LABEL|MAINTAINER|EXPOSE|ENV|ADD|COPY|ENTRYPOINT|VOLUME|USER|WORKDIR|ARG|ONBUILD|STOPSIGNAL|HEALTHCHECK|SHELL)\b/gmi
                 },
-                ...this.languages.bash.default
+                ...languages.value.bash.default
             ]
         }
-        this.languages.git = {
+        languages.value.git = {
             default: [
                 {
                     match: /^#.*/gm,
@@ -290,7 +282,7 @@ export default {
                 {
                     expand: 'str'
                 },
-                ...this.languages.diff.default,
+                ...languages.value.diff.default,
                 {
                     type: 'func',
                     match: /^(\$ )?git(\s.*)?$/gm
@@ -301,7 +293,7 @@ export default {
                 }
             ]
         }
-        this.languages.go = {
+        languages.value.go = {
             default: [
                 {
                     match: /\/\/.*\n?|\/\*((?!\*\/)[^])*(\*\/)?/g,
@@ -331,42 +323,44 @@ export default {
                 }
             ]
         }
-        let name = `[:A-Z_a-z@#\u{C0}-\u{D6}\u{D8}-\u{F6}\u{F8}-\u{2FF}\u{370}-\u{37D}\u{37F}-\u{1FFF}\u{200C}-\u{200D}\u{2070}-\u{218F}\u{2C00}-\u{2FEF}\u{3001}-\u{D7FF}\u{F900}-\u{FDCF}\u{FDF0}-\u{FFFD}][:A-Z_a-z@#\u{C0}-\u{D6}\u{D8}-\u{F6}\u{F8}-\u{2FF}\u{370}-\u{37D}\u{37F}-\u{1FFF}\u{200C}-\u{200D}\u{2070}-\u{218F}\u{2C00}-\u{2FEF}\u{3001}-\u{D7FF}\u{F900}-\u{FDCF}\u{FDF0}-\u{FFFD}\\-\\.0-9\u{B7}\u{0300}-\u{036F}\u{203F}-\u{2040}]*`,
-            properties = `\\s*(\\s+${name}\\s*(=\\s*([^"']\\S*|("|')(\\\\[^]|(?!\\4)[^])*\\4?)?)?\\s*)*`,
-            xmlElement = {
-                match: RegExp(`<[\/!?]?${name}${properties}[\/!?]?>`, 'g'),
-                sub: [
-                    {
-                        type: 'var',
-                        match: RegExp(`^<[\/!?]?${name}`, 'g'),
-                        sub: [
-                            {
-                                type: 'oper',
-                                match: /^<[\/!?]?/g
-                            }
-                        ]
-                    },
-                    {
-                        type: 'str',
-                        match: /=\s*([^"']\S*|("|')(\\[^]|(?!\2)[^])*\2?)/g,
-                        sub: [
-                            {
-                                type: 'oper',
-                                match: /^=/g
-                            }
-                        ]
-                    },
-                    {
-                        type: 'oper',
-                        match: /[\/!?]?>/g
-                    },
-                    {
-                        type: 'class',
-                        match: RegExp(name, 'g')
-                    }
-                ]
-            };
-        this.languages.xml = {
+
+        const name = `[:A-Z_a-z@#\u{C0}-\u{D6}\u{D8}-\u{F6}\u{F8}-\u{2FF}\u{370}-\u{37D}\u{37F}-\u{1FFF}\u{200C}-\u{200D}\u{2070}-\u{218F}\u{2C00}-\u{2FEF}\u{3001}-\u{D7FF}\u{F900}-\u{FDCF}\u{FDF0}-\u{FFFD}][:A-Z_a-z@#\u{C0}-\u{D6}\u{D8}-\u{F6}\u{F8}-\u{2FF}\u{370}-\u{37D}\u{37F}-\u{1FFF}\u{200C}-\u{200D}\u{2070}-\u{218F}\u{2C00}-\u{2FEF}\u{3001}-\u{D7FF}\u{F900}-\u{FDCF}\u{FDF0}-\u{FFFD}\\-\\.0-9\u{B7}\u{0300}-\u{036F}\u{203F}-\u{2040}]*`
+        const properties = `\\s*(\\s+${name}\\s*(=\\s*([^"']\\S*|("|')(\\\\[^]|(?!\\4)[^])*\\4?)?)?\\s*)*`
+        const xmlElement = {
+            match: RegExp(`<[\/!?]?${name}${properties}[\/!?]?>`, 'g'),
+            sub: [
+                {
+                    type: 'var',
+                    match: RegExp(`^<[\/!?]?${name}`, 'g'),
+                    sub: [
+                        {
+                            type: 'oper',
+                            match: /^<[\/!?]?/g
+                        }
+                    ]
+                },
+                {
+                    type: 'str',
+                    match: /=\s*([^"']\S*|("|')(\\[^]|(?!\2)[^])*\2?)/g,
+                    sub: [
+                        {
+                            type: 'oper',
+                            match: /^=/g
+                        }
+                    ]
+                },
+                {
+                    type: 'oper',
+                    match: /[\/!?]?>/g
+                },
+                {
+                    type: 'class',
+                    match: RegExp(name, 'g')
+                }
+            ]
+        }
+
+        languages.value.xml = {
             default: [
                 {
                     match: /<!--((?!-->)[^])*-->/g,
@@ -403,7 +397,7 @@ export default {
                 }
             ]
         }
-        this.languages.html = {
+        languages.value.html = {
             default: [
                 {
                     type: 'class',
@@ -451,10 +445,10 @@ export default {
                         xmlElement
                     ]
                 },
-                ...this.languages.xml.default
+                ...languages.value.xml.default
             ]
         }
-        this.languages.ini = {
+        languages.value.ini = {
             default: [
                 {
                     match: /(^[ \f\t\v]*)[#;].*/gm,
@@ -478,7 +472,7 @@ export default {
                 }
             ]
         }
-        this.languages.todo = {
+        languages.value.todo = {
             type: 'cmnt', default: [
                 {
                     type: 'err',
@@ -498,7 +492,7 @@ export default {
                 }
             ]
         }
-        this.languages.java = {
+        languages.value.java = {
             default: [
                 {
                     match: /\/\/.*\n?|\/\*((?!\*\/)[^])*(\*\/)?/g,
@@ -528,7 +522,8 @@ export default {
                 }
             ]
         }
-        this.languages.js_template_literals = {
+
+        languages.value.js_template_literals = {
             type: 'str', default: [
                 {
                     match: new class {
@@ -563,7 +558,8 @@ export default {
                 }
             ]
         }
-        this.languages.js = {
+
+        languages.value.js = {
             default: [
                 {
                     match: /\/\*\*((?!\*\/)[^])*(\*\/)?/g,
@@ -613,7 +609,8 @@ export default {
                 }
             ]
         }
-        this.languages.jsdoc = {
+
+        languages.value.jsdoc = {
             type: 'cmnt', default: [
                 {
                     type: 'kwd',
@@ -627,10 +624,11 @@ export default {
                     type: 'var',
                     match: /\[[\w\s="']+\]/g
                 },
-                ...this.languages.todo.default
+                ...languages.value.todo.default
             ]
         }
-        this.languages.json = {
+
+        languages.value.json = {
             default: [
                 {
                     type: 'var',
@@ -652,7 +650,8 @@ export default {
                 }
             ]
         }
-        this.languages.log = {
+
+        languages.value.log = {
             default: [
                 {
                     type: 'cmnt',
@@ -682,7 +681,8 @@ export default {
                 }
             ]
         }
-        this.languages.lua = {
+
+        languages.value.lua = {
             default: [
                 {
                     match: /^#!.*|--(\[(=*)\[((?!--\]\2\])[^])*--\]\2\]|.*)/g,
@@ -712,7 +712,8 @@ export default {
                 }
             ]
         }
-        this.languages.make = {
+
+        languages.value.make = {
             default: [
                 {
                     match: /^\s*#.*/gm,
@@ -750,7 +751,8 @@ export default {
                 }
             ]
         }
-        this.languages.pl = {
+
+        languages.value.pl = {
             default: [
                 {
                     match: /#.*/g,
@@ -777,14 +779,16 @@ export default {
                 }
             ]
         }
-        this.languages.plain = {
+
+        languages.value.plain = {
             default: [
                 {
                     expand: 'strDouble'
                 }
             ]
         }
-        this.languages.py = {
+
+        languages.value.py = {
             default: [
                 {
                     match: /#.*/g,
@@ -838,7 +842,8 @@ export default {
                 }
             ]
         }
-        this.languages.regex = {
+
+        languages.value.regex = {
             type: 'oper', default: [
                 {
                     match: /^(?!\/).*/gm,
@@ -858,7 +863,8 @@ export default {
                 }
             ]
         }
-        this.languages.rs = {
+
+        languages.value.rs = {
             default: [
                 {
                     match: /\/\/.*\n?|\/\*((?!\*\/)[^])*(\*\/)?/g,
@@ -888,7 +894,8 @@ export default {
                 }
             ]
         }
-        this.languages.sql = {
+
+        languages.value.sql = {
             default: [
                 {
                     match: /--.*\n?|\/\*((?!\*\/)[^])*(\*\/)?/g,
@@ -923,7 +930,8 @@ export default {
                 }
             ]
         }
-        this.languages.toml = {
+
+        languages.value.toml = {
             default: [
                 {
                     match: /#.*/g,
@@ -961,7 +969,8 @@ export default {
                 }
             ]
         }
-        this.languages.ts = {
+
+        languages.value.ts = {
             default: [
                 {
                     type: 'type',
@@ -971,10 +980,11 @@ export default {
                     type: 'kwd',
                     match: /\b(type|namespace|typedef|interface|public|private|protected|implements|declare|abstract|readonly)\b/g
                 },
-                ...this.languages.js.default
+                ...languages.value.js.default
             ]
         }
-        this.languages.uri = {
+
+        languages.value.uri = {
             default: [
                 {
                     match: /^#.*/gm,
@@ -1002,7 +1012,8 @@ export default {
                 }
             ]
         }
-        this.languages.yaml = {
+
+        languages.value.yaml = {
             default: [
                 {
                     match: /#.*/g,
@@ -1036,7 +1047,8 @@ export default {
                 }
             ]
         }
-        this.languages.http = {
+
+        languages.value.http = {
             default: [
                 {
                     type: 'kwd',
@@ -1062,71 +1074,80 @@ export default {
                 }
             ]
         }
-    },
-    methods: {
-        async highlight(code, lang, hideLineNumbers) {
-            let tmp = ''
-            await this.tokenize(code, lang, (str, type) => tmp += this.toSpan(this.sanitize(str), type))
+    }
 
-            return `<div><div class="highlight-numbers">${'<div></div>'.repeat(!hideLineNumbers && code.split('\n').length)}</div><div>${tmp}</div></div>`
+    const highlight = async (code, lang, hideLineNumbers) => {
+        let tmp = ''
+        await tokenize(code, lang, (str, type) => tmp += toSpan(sanitize(str), type))
 
-        },
-        async tokenize(src, lang, token) {
-            try {
-                let m,
-                    part,
-                    first = {},
-                    match,
-                    cache = [],
-                    i = 0,
-                    data = typeof lang === 'string' ? this.languages[lang] : lang,
-                    arr = [...typeof lang === 'string' ? data.default : lang.sub]
+        return `<div><div class="highlight-numbers">${'<div></div>'.repeat(!hideLineNumbers && code.split('\n').length)}</div><div>${tmp}</div></div>`
+    }
 
-                while (i < src.length) {
-                    first.index = null
-                    for (m = arr.length; m-- > 0;) {
-                        part = arr[m].expand ? this.expandData[arr[m].expand] : arr[m]
-                        // do not call again exec if the previous result is sufficient
-                        if (cache[m] === undefined || cache[m].match.index < i) {
-                            part.match.lastIndex = i
-                            match = part.match.exec(src)
-                            if (match === null) {
-                                // no more match with this regex can be disposed
-                                arr.splice(m, 1)
-                                cache.splice(m, 1)
-                                continue
-                            }
-                            // save match for later use to decrease performance cost
-                            cache[m] = {match, lastIndex: part.match.lastIndex}
+    const tokenize = async (src, lang, token) => {
+        try {
+            let m,
+                part,
+                first = {},
+                match,
+                cache = [],
+                i = 0,
+                data = typeof lang === 'string' ? languages.value[lang] : lang,
+                arr = [...typeof lang === 'string' ? data.default : lang.sub]
+
+            while (i < src.length) {
+                first.index = null
+                for (m = arr.length; m-- > 0;) {
+                    part = arr[m].expand ? expandData[arr[m].expand] : arr[m]
+                    if (cache[m] === undefined || cache[m].match.index < i) {
+                        part.match.lastIndex = i
+                        match = part.match.exec(src)
+                        if (match === null) {
+                            arr.splice(m, 1)
+                            cache.splice(m, 1)
+                            continue
                         }
-                        // check if it the first match in the string
-                        if (cache[m].match[0] && (cache[m].match.index <= first.index || first.index === null))
-                            first = {
-                                part: part,
-                                index: cache[m].match.index,
-                                match: cache[m].match[0],
-                                end: cache[m].lastIndex
-                            }
+                        cache[m] = {match, lastIndex: part.match.lastIndex}
                     }
-                    if (first.index === null)
-                        break
-                    token(src.slice(i, first.index), data.type)
-                    i = first.end
-                    if (first.part.sub)
-                        await this.tokenize(first.match, typeof first.part.sub === 'string' ? first.part.sub : (typeof first.part.sub === 'function' ? first.part.sub(first.match) : first.part), token)
-                    else
-                        token(first.match, first.part.type)
+                    if (cache[m].match[0] && (cache[m].match.index <= first.index || first.index === null))
+                        first = {
+                            part: part,
+                            index: cache[m].match.index,
+                            match: cache[m].match[0],
+                            end: cache[m].lastIndex
+                        }
                 }
-                token(src.slice(i, src.length), data.type)
-            } catch {
-                token(src)
+                if (first.index === null)
+                    break
+                token(src.slice(i, first.index), data.type)
+                i = first.end
+                if (first.part.sub)
+                    await tokenize(first.match, typeof first.part.sub === 'string' ? first.part.sub : (typeof first.part.sub === 'function' ? first.part.sub(first.match) : first.part), token)
+                else
+                    token(first.match, first.part.type)
             }
-        },
-        toSpan(str, token) {
-            return token ? `<span class="highlight-syn-${token}">${str}</span>` : str
-        },
-        sanitize(str = '') {
-            return str.replaceAll('&', '&#38;').replaceAll?.('<', '&lt;').replaceAll?.('>', '&gt;')
+            token(src.slice(i, src.length), data.type)
+        } catch {
+            token(src)
         }
     }
-}
+
+    const toSpan = (str, token) => {
+        return token ? `<span class="highlight-syn-${token}">${str}</span>` : str
+    }
+
+    const sanitize = (str = '') => {
+        return str.replaceAll('&', '&#38;').replaceAll?.('<', '&lt;').replaceAll?.('>', '&gt;')
+    }
+
+    initLanguages()
+
+    return {
+        expandData,
+        languages,
+        highlight,
+        tokenize,
+        toSpan,
+        sanitize,
+        initLanguages
+    }
+}