wasm

.gitignore

@@ -31,3 +31,4 @@ gitignore
 Thumbs.db
 
 tsconfig.tsbuildinfo
+app.config.*.js

apps/desktop/package.json

@@ -45,6 +45,7 @@
 		"tailwindcss": "^3.4.3",
 		"unplugin-auto-import": "^0.17.5",
 		"unplugin-icons": "^0.18.5",
-		"vite": "^5.4.0"
+		"vite": "^5.4.0",
+		"vite-plugin-wasm": "^3.3.0"
 	}
 }

apps/web/package.json

@@ -72,6 +72,7 @@
 		"postcss": "^8.4.38",
 		"tailwindcss": "^3.4.3",
 		"tsx": "^4.7.2",
-		"unplugin-fonts": "^1.1.1"
+		"unplugin-fonts": "^1.1.1",
+		"vite-plugin-wasm": "^3.3.0"
 	}
 }

crates/regex-syntax-wasm/Cargo.toml

@@ -0,0 +1,13 @@
+[package]
+name = "regex-syntax-wasm"
+description = "A WebAssembly version of the regex-syntax crate"
+version = "0.0.0"
+edition = "2021"
+publish = false
+
+[lib]
+crate-type = ["cdylib"]
+
+[dependencies]
+regex-syntax = "0.8.4"
+wasm-bindgen = "0.2.93"

crates/regex-syntax-wasm/package.json

@@ -0,0 +1,17 @@
+{
+	"name": "@macrograph/regex-syntax-wasm",
+	"description": "A WebAssembly version of the regex-syntax crate",
+	"version": "0.0.0",
+	"files": [
+		"./pkg/regex_syntax_wasm_bg.wasm",
+		"./pkg/regex_syntax_wasm.js",
+		"./pkg/regex_syntax_wasm_bg.js",
+		"./pkg/regex_syntax_wasm.d.ts"
+	],
+	"module": "./pkg/regex_syntax_wasm.js",
+	"types": "./pkg/regex_syntax_wasm.d.ts",
+	"sideEffects": ["./pkg/regex_syntax_wasm.js"],
+	"scripts": {
+		"build": "wasm-pack build && rm ./pkg/.gitignore"
+	}
+}

crates/regex-syntax-wasm/src/lib.rs

@@ -0,0 +1,6 @@
+use wasm_bindgen::prelude::*;
+
+#[wasm_bindgen]
+pub fn greet(name: &str) -> u32 {
+    42
+}

packages/packages/package.json

@@ -20,6 +20,7 @@
 		"@macrograph/typesystem": "workspace:*",
 		"@macrograph/ui": "workspace:*",
 		"@macrograph/utils": "workspace:^",
+		"@macrograph/regex-syntax-wasm": "workspace:^",
 		"@octokit/auth-callback": "^4.0.0",
 		"@rspc/client": "0.0.0-main-6ed8cc98",
 		"@rspc/tauri": "0.0.0-main-6ed8cc98",

packages/packages/src/utils.ts

@@ -16,6 +16,7 @@ import {
 } from "@macrograph/typesystem";
 import dayjs from "dayjs";
 import duration from "dayjs/plugin/duration";
+import { greet } from "@macrograph/regex-syntax-wasm";
 
 dayjs.extend(duration);
 
@@ -2503,6 +2504,8 @@ export function pkg(core: Core) {
 		type: "exec",
 		properties: { regex: { name: "Regex", type: t.string() } },
 		createIO({ io, ctx, properties }) {
+			console.log("HERE", greet("todo"));
+
 			const base = {
 				input: io.dataInput({
 					id: "",

packages/ui/package.json

@@ -25,7 +25,8 @@
 		"vite": "^5.4.0"
 	},
 	"peerDependencies": {
-		"solid-js": "^1.7.11"
+		"solid-js": "^1.7.11",
+		"vite-plugin-wasm": "^3.3.0"
 	},
 	"dependencies": {
 		"@kobalte/core": "^0.13.4",

packages/ui/vite.js

@@ -2,6 +2,7 @@ import { fileURLToPath } from "node:url";
 import AutoImport from "unplugin-auto-import/vite";
 import IconsResolver from "unplugin-icons/resolver";
 import Icons from "unplugin-icons/vite";
+import wasm from "vite-plugin-wasm";
 
 // Workaround for https://github.com/solidjs/solid-start/issues/1374
 const VinxiAutoImport = (options) => {
@@ -34,4 +35,5 @@ export default [
 		],
 	}),
 	Icons({ compiler: "solid", scale: 1 }),
+	wasm(),
 ];