feat: wasm matches

package.json

@@ -22,7 +22,8 @@
   ],
   "dependencies": {
     "@antv/g6": "^4.8.24",
-    "@gkd-kit/selector": "0.0.22",
+    "@gkd-kit/selector": "0.0.23",
+    "@gkd-kit/wasm_matches": "0.0.1",
     "@rushstack/eslint-patch": "^1.7.2",
     "@tsconfig/node20": "^20.1.2",
     "@types/file-saver": "^2.0.7",

src/utils/selector.ts

@@ -1,8 +1,26 @@
 import {
   MultiplatformSelector,
   MultiplatformTransform,
+  updateWasmToMatches,
 } from '@gkd-kit/selector';
 import type { RawNode } from './types';
+import matchesInstantiate from '@gkd-kit/wasm_matches';
+import matchesWasmUrl from '@gkd-kit/wasm_matches/dist/mod.wasm?url';
+
+matchesInstantiate(fetch(matchesWasmUrl))
+  .then((mod) => {
+    const toMatches = mod.exports.toMatches;
+    updateWasmToMatches(toMatches as any);
+    if (import.meta.env.PROD) {
+      console.log('use wasm matches');
+    }
+  })
+  .catch((e) => {
+    console.error(e);
+    if (import.meta.env.PROD) {
+      console.log('use js matches');
+    }
+  });
 
 const transform = new MultiplatformTransform<RawNode>(
   (node, name) => {

vite.config.ts

@@ -27,6 +27,10 @@ export default defineConfig(() => {
       host: '127.0.0.1',
       port: 8444,
     },
+    preview: {
+      host: '127.0.0.1',
+      port: 8444,
+    },
     build: {
       target: `chrome70`,
       sourcemap: true,