sugar-high 0.0.8 → 0.1.2

package/README.md

@@ -3,7 +3,7 @@
 
 Super lightweight JSX syntax highlighter, around 1KB after minified and gzipped
 
-> ⚠️ Still in experiment! Use it in production with caution!
+![img](https://repository-images.githubusercontent.com/453236442/9416c941-9c40-4dbe-a73e-0e0d21993802)
 
 ### Usage
 

package/index.d.ts

@@ -0,0 +1,2 @@
+export function highlight(code: string): string
+export function tokenize(code: string): Array<[number, string]>

package/lib/index.mjs

@@ -147,15 +147,9 @@ function isRegexStart(str) {
 export function tokenize(code) {
   let current = ''
   let type = -1
+  let last = [null, null]
   /** @type {Array<[number, string]>} */
   const tokens = []
-  // string.type = 0 for string or string template
-  // string.type = 1 for regex
-  const string = { entered: false, type: 0 }
-  
-  // comment.type = 0 for single line comments
-  // comment.type = 1 for multi-line comments
-  const comment = { entered: false, type: 0 }
 
   // jsx.tag for entering open or closed tag
   // jsx.child for entering children
@@ -173,20 +167,20 @@ export function tokenize(code) {
       return T_KEYWORD
     } else if (token === '\n') {
       return T_BREAK
-    } else if (
-       (
-        // is quoted string
-        (isStringQuotation(chr0) && !isStringQuotation(chr1)) ||
-        // is regex
-        (!jsx.tag && isRegexStart(chr0 + chr1) && token[token.length - 1] === '/')
-      )
-    ) {
-      return T_STRING
     } else if (token === ' ') {
       return T_SPACE
-    } else if (signs.has(chr0)) {
+    } else if (token.split('').every(ch => signs.has(ch))) {
       return T_SIGN
     } else if (
+      (
+       // is quoted string
+       (isStringQuotation(chr0) && !isStringQuotation(chr1)) ||
+       // is regex
+       (!jsx.tag && isRegexStart(chr0 + chr1) && token[token.length - 1] === '/')
+     )
+   ) {
+     return T_STRING
+   } else if (
       !inJsxLiterals() && 
       (
         isIdentifierChar(chr0) &&
@@ -203,7 +197,12 @@ export function tokenize(code) {
   const append = () => {
     if (current) {
       type = classify(current)
-      tokens.push([type, current])
+      /** @type [number, string]  */
+      const pair = [type, current]
+      if (type !== T_SPACE && type !== T_BREAK) {
+        last = pair
+      }
+      tokens.push(pair)
     }
     current = ''
   }
@@ -222,48 +221,58 @@ export function tokenize(code) {
       jsx.tag = !(isOpenElementEnd || isCloseElementEnd)
     }
     // if it's not in a jsx tag declaration or a string, close child if next is jsx close tag
-    if (!jsx.tag && !string.entered && (curr === '<' && isIdentifierChar(next) || c_n === '</')) {
+    if (!jsx.tag && (curr === '<' && isIdentifierChar(next) || c_n === '</')) {
       jsx.tag = true
       jsx.child = false
     }
 
     if (
-      !string.entered && 
       (isStringQuotation(curr) || !jsx.tag && isRegexStart(c_n))
     ) {
-      string.entered = true
-      string.type = isStringQuotation(curr) ? 0 : 1
       append()
-      current = curr
-    } else if (string.entered) {
-      current += curr
-      if (string.type === 0 && isStringQuotation(curr)) {
-        string.entered = false
-        append()
-      } else if (string.type === 1 && prev !== '\\' && curr === '/') {
-        string.entered = false
+      const [lastType, lastToken] = last
+      if (!((lastType === T_SIGN && !'()[]'.includes(lastToken)) || lastType === T_COMMENT)) {
+        current = curr
         append()
+        continue
       }
-    } else if (
-      !comment.entered && 
-      isCommentStart(c_n)
-    ) {
-      comment.type = next === '/' ? 0 : 1
-      comment.entered = true
-      append()
-      current = c_n
-      i++
-    } else if (comment.entered) {
-      current += curr
-      if (comment.type === 0 && next === '\n') {
-        comment.entered = false
+      let j = i + 1
+      let strEnd = i
+      const inString = () => j < code.length && code[j] !== '\n'
+      // string quotation
+      if (isStringQuotation(curr)) {
+        for (; inString(); j++) {
+          if (isStringQuotation(code[j])) {
+            strEnd = j
+            break
+          }
+        }
+      } else {
+        // regex
+        for (; inString(); j++) {
+          if (code[j] === '/' && code[j - 1] !== '\\') {
+            strEnd = j
+            break
+          }
+        }
+      }
+      if (strEnd !== i) {
+        current = code.slice(i, strEnd + 1)
         append()
-      } else if (comment.type === 1 && (c_n === '*/')) {
-        comment.entered = false
-        current += '/'
+        i = j
+      } else {
+        current = curr
         append()
-        i++
       }
+    } else if (isCommentStart(c_n)) {
+      const start = i
+      if (next === '/') {
+        for (; i < code.length && code[i] !== '\n'; i++);
+      } else {
+        for (; i < code.length && code[i - 1] + code[i] !== '*/'; i++);
+      }
+      current = code.slice(start, i + 1)
+      append()
     } else if (curr === ' ' || curr === '\n') {
       if (
         curr === ' ' &&
@@ -327,6 +336,11 @@ function generate(tokens) {
   return output
 }
 
+/**
+ * 
+ * @param {string} code 
+ * @returns {string}
+ */
 export function highlight(code) {
   const tokens = tokenize(code)
   const output = generate(tokens).join('')

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "sugar-high",
-  "version": "0.0.8",
+  "version": "0.1.2",
   "type": "module",
   "exports": "./lib/index.mjs",
   "description": "Super lightweight JSX syntax highlighter",
   "files": [
     "lib",
+    "index.d.ts",
     "*.md"
   ],
   "license": "MIT",