sugar-high 0.8.2 → 0.8.3

package/lib/index.js

@@ -481,13 +481,6 @@ function tokenize(code, options) {
           }
           continue
         }
-
-        // if (curr === ' ' || isSign(curr)) {
-        //   append()
-        //   current = curr
-        //   append()
-        //   continue
-        // }
       }
     }
 
@@ -640,7 +633,7 @@ function tokenize(code, options) {
 
 /**
  * @param {Array<[number, string]>} tokens
- * @return {Array<any>}
+ * @return {Array<{type: string, tagName: string, children: any[], properties: Record<string, string>}>}
  */
 function generate(tokens) {
   const lines = []
@@ -671,12 +664,12 @@ function generate(tokens) {
             type: 'element',
             tagName: 'span',
             children: [{
-              type: 'text',
+              type, // token type
               value: value, // to encode
             }],
             properties: {
               className: `sh__token--${TokenTypes[type]}`,
-              style: `color: var(--sh-${TokenTypes[type]})`,
+              style: { color: `var(--sh-${TokenTypes[type]})` },
             },
           }
         ))
@@ -715,6 +708,19 @@ function generate(tokens) {
   return lines
 }
 
+/** @param { className: string, style?: Record<string, string> } */
+const propsToString = (props) => {
+  let str = `class="${props.className}"`
+
+  if (props.style) {
+    const style = Object.entries(props.style)
+      .map(([key, value]) => `${key}:${value}`)
+      .join(';')
+    str += ` style="${style}"`
+  }
+  return str
+}
+
 function toHtml(lines) {
   return lines
     .map(line => {
@@ -722,11 +728,7 @@ function toHtml(lines) {
       const tokens = line.children
         .map(child => {
           const { tagName, children, properties } = child
-          return `<${tagName} class="${
-            properties.className
-          }" style="${
-            properties.style
-          }">${encode(children[0].value)}</${tagName}>`
+          return `<${tagName} ${propsToString(properties)}>${encode(children[0].value)}</${tagName}>`
         })
         .join('')
       return `<${lineTag} class="${line.properties.className}">${tokens}</${lineTag}>`

package/package.json

@@ -1,26 +1,23 @@
 {
   "name": "sugar-high",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "type": "module",
   "types": "./lib/index.d.ts",
-  "exports": {
-    "types": "./lib/index.d.ts",
-    "default": "./lib/index.js"
-  },
+  "main": "./lib/index.js",
   "description": "Super lightweight JSX syntax highlighter",
   "files": [
     "lib"
   ],
   "license": "MIT",
   "scripts": {
-    "test": "vitest run",
+    "test": "vitest",
     "dev": "next dev docs",
     "build": "next build docs"
   },
   "devDependencies": {
     "@types/node": "22.10.7",
     "@types/react": "19.0.7",
-    "codice": "^0.4.2",
+    "codice": "^0.5.0",
     "next": "15.1.5",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",