feat: add htmlparser2

composables/language/html.ts

@@ -0,0 +1,32 @@
+import type * as Htmlparser2 from 'htmlparser2'
+import type { LanguageOption, Parser } from '../language'
+
+// @unocss-include
+
+const htmlparser2: Parser<typeof Htmlparser2, Htmlparser2.Options> = {
+  id: 'htmlparser2',
+  label: 'htmlparser2',
+  icon: 'i-vscode-icons:file-type-html',
+  editorLanguage: 'html',
+  options: {
+    configurable: true,
+    defaultValue: 'return {}',
+    editorLanguage: 'javascript',
+    defaultValueType: 'javascript',
+  },
+  // @ts-expect-error
+  init: () => import('https://cdn.jsdelivr.net/npm/htmlparser2@9.1.0/+esm'),
+  version: () =>
+    fetch('https://cdn.jsdelivr.net/npm/htmlparser2/package.json')
+      .then((r) => r.json())
+      .then((raw) => `htmlparser2@${raw.version}`),
+  parse(code, options) {
+    return this.parseDocument(code, options)
+  },
+}
+
+export const html: LanguageOption = {
+  label: 'HTML',
+  icon: 'i-vscode-icons:file-type-html',
+  parsers: [htmlparser2],
+}

composables/language/index.ts

@@ -2,6 +2,7 @@ import { javascript } from './javascript'
 import { vue } from './vue'
 import { svelte } from './svelte'
 import { json } from './json'
+import { html } from './html'
 import type { JsonNode, Range } from '#imports'
 
 export interface Parser<C = unknown, O = unknown> {
@@ -38,6 +39,7 @@ export const LANGUAGES = {
   vue,
   svelte,
   json,
+  html,
 }
 export type Language = keyof typeof LANGUAGES
 

package.json

@@ -40,6 +40,7 @@
     "bumpp": "^9.4.0",
     "eslint": "^8.57.0",
     "floating-vue": "5.2.2",
+    "htmlparser2": "^9.1.0",
     "nuxt": "3.10.3",
     "nuxt-monaco-editor": "^1.2.7",
     "onigasm": "^2.2.5",