sugar-high 0.8.2 → 0.8.4

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 = []
@@ -666,20 +659,21 @@ function generate(tokens) {
     /** @type {Array<any>} */
     const lineTokens = (
       tokens
-        .map(([type, value]) => (
-          {
+        .map(([type, value]) => {
+          const tokenType = TokenTypes[type]
+          return {
             type: 'element',
             tagName: 'span',
             children: [{
-              type: 'text',
-              value: value, // to encode
+              type: 'text', // text node
+              value, // to encode
             }],
             properties: {
-              className: `sh__token--${TokenTypes[type]}`,
-              style: `color: var(--sh-${TokenTypes[type]})`,
+              className: `sh__token--${tokenType}`,
+              style: { color: `var(--sh-${tokenType})` },
             },
           }
-        ))
+        })
     )
     lines.push(createLine(lineTokens))
   }
@@ -715,6 +709,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 +729,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.4",
   "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": "^1.0.0-beta.0",
     "next": "15.1.5",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -28,5 +25,8 @@
     "typescript": "5.7.3",
     "vitest": "^3.0.2"
   },
+  "resolutions": {
+    "sugar-high": "link:./"
+  },
   "packageManager": "pnpm@8.7.1"
 }