feat: support wxml

composables/parser/index.ts

@@ -5,6 +5,7 @@ import { javascript } from './javascript'
 import { json } from './json'
 import { svelte } from './svelte'
 import { vue } from './vue'
+import { wxml } from './wxml'
 import type { AsyncComponentLoader } from 'vue'
 
 export type MonacoLanguage =
@@ -64,5 +65,6 @@ export const LANGUAGES = {
   css,
   html,
   json,
+  wxml,
 }
 export type Language = keyof typeof LANGUAGES

composables/parser/template/index.ts

@@ -4,3 +4,4 @@ export { default as svelteTemplate } from './svelte.svelte?raw'
 export { default as cssTemplate } from './css.css?raw'
 export { default as jsonTemplate } from './json.json?raw'
 export { default as htmlTemplate } from './html.html?raw'
+export { default as wxmlTemplate } from './wxml.wxml?raw'

composables/parser/template/wxml.wxml

@@ -0,0 +1,36 @@
+<!-- wxs -->
+<wxs module="m1">
+  var msg = 'hello world'
+
+  module.exports.message = msg
+</wxs>
+<view> {{ m1.message }} </view>
+
+<!-- import -->
+<import src="item.wxml" />
+<template is="item" data="{{text: 'forbar'}}" />
+
+<!-- include -->
+<include src="header.wxml" />
+<view> body </view>
+<include src="footer.wxml" />
+
+<view class="search-contianer">
+  <view
+    class="search"
+    style="height:{{ navHeight }}px;padding-top:{{ navTop }}px"
+  >
+    <view class="search-title" src="../../images/actLogo/ytlogo.png">
+      {{ mallName }}
+    </view>
+    <input
+      placeholder-class="search-placeholder"
+      type="text"
+      placeholder="please enter keyword for search"
+      disabled
+      value="{{ name }}"
+      bindinput="bindinput"
+      bindtap="goSearch"
+    />
+  </view>
+</view>

composables/parser/wxml.ts

@@ -0,0 +1,33 @@
+import { wxmlTemplate } from './template'
+import type { Parser } from '.'
+
+export const wxmlParser: Parser<any, any> = {
+  id: 'wxml-parser',
+  label: '@wxml/parser',
+  icon: 'i-vscode-icons:file-type-wxml',
+  link: 'https://github.com/wxmlfile/wxml-parser',
+  options: {
+    configurable: false,
+    defaultValue: {},
+    editorLanguage: 'json',
+  },
+  pkgName: '@wxml/parser',
+  init: (pkg) =>
+    importUrl(`https://cdn.jsdelivr.net/npm/${pkg}/+esm`).then(
+      (mod) => mod.default,
+    ),
+  version: fetchVersion,
+  parse(code) {
+    return this.parse(code)
+  },
+  editorLanguage: 'html',
+  getAstLocation,
+}
+
+export const wxml: LanguageOption = {
+  label: 'WXML',
+  // @unocss-include
+  icon: 'i-vscode-icons:file-type-wxml',
+  parsers: [wxmlParser],
+  codeTemplate: wxmlTemplate,
+}