Set up Vite template

Author: object-Object

.cargo/config.toml

@@ -1,6 +1,9 @@
-[build]
+[target.'cfg(not(target_arch = "wasm32"))']
 rustflags = ["-C", "target-cpu=native"]
 
+[target.wasm32-unknown-unknown]
+rustflags = ["--cfg", 'getrandom_backend="wasm_js"']
+
 [alias]
 mlog = "run --release --features mlog --bin mlog --"
 mlogv32 = "run --release --features mlogv32 --bin mlogv32 --"

.gitignore

@@ -1,2 +1,25 @@
-/target
+/target/
 *.json.gz
+
+# Logs
+logs/
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules/
+dist/
+pkg/
+*.local
+
+# Editor directories and files
+.idea/
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.prettierrc

@@ -1,3 +1,12 @@
 {
-    "tabWidth": 4
-}
+    "tabWidth": 2,
+    "overrides": [
+        {
+            "files": ["*.json"],
+            "options": {
+                "tabWidth": 4
+            }
+        }
+    ],
+    "plugins": ["@trivago/prettier-plugin-sort-imports"]
+}

.vscode/settings.json

@@ -7,5 +7,8 @@
 
     // "rust-analyzer.cargo.noDefaultFeatures": true,
     // "rust-analyzer.cargo.features": ["no_std", "serde_alloc"]
-    "rust-analyzer.cargo.features": "all"
+    "rust-analyzer.cargo.features": "all",
+
+    "eslint.workingDirectories": ["mindy-website/www"],
+    "prettier.prettierPath": "mindy-website/www/node_modules/prettier"
 }

Cargo.lock

@@ -2,7 +2,7 @@
 name = "mindy"
 version = "0.1.0"
 edition = "2024"
-rust-version = "1.88"
+rust-version.workspace = true
 
 [[bin]]
 name = "mlog"
@@ -140,3 +140,11 @@ strip = false
 [profile.bench]
 debug = true
 strip = false
+
+[workspace]
+members = [
+    "mindy-website",
+]
+
+[workspace.package]
+rust-version = "1.88"

Cargo.toml

@@ -0,0 +1,14 @@
+[package]
+name = "mindy-website"
+edition = "2024"
+rust-version.workspace = true
+
+[lib]
+crate-type = ["cdylib"]
+
+[dependencies]
+console_error_panic_hook = "0.1.7"
+getrandom = { version = "0.3.3", features = ["wasm_js"] }
+mindy = { path = "..", features = ["embedded_graphics"] }
+wasm-bindgen = "0.2.100"
+wee_alloc = "0.4.5"

mindy-website/Cargo.toml

@@ -0,0 +1,14 @@
+# mindy-website
+
+## Running
+
+Install `wasm-pack`: https://drager.github.io/wasm-pack/installer/
+
+```sh
+rustup target add wasm32-unknown-unknown
+wasm-pack build
+
+cd www
+yarn
+yarn dev
+```

mindy-website/README.md

@@ -0,0 +1,19 @@
+use wasm_bindgen::prelude::*;
+
+#[global_allocator]
+static ALLOC: wee_alloc::WeeAlloc = wee_alloc::WeeAlloc::INIT;
+
+#[wasm_bindgen]
+extern "C" {
+    fn alert(s: &str);
+}
+
+#[wasm_bindgen]
+pub fn init() {
+    console_error_panic_hook::set_once();
+}
+
+#[wasm_bindgen]
+pub fn greet() {
+    alert("Hello world!");
+}

mindy-website/src/lib.rs

@@ -0,0 +1,32 @@
+import js from "@eslint/js";
+import reactDom from "eslint-plugin-react-dom";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import reactX from "eslint-plugin-react-x";
+import { globalIgnores } from "eslint/config";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+
+export default tseslint.config([
+  globalIgnores(["dist"]),
+  {
+    files: ["**/*.{ts,tsx}"],
+    extends: [
+      js.configs.recommended,
+      ...tseslint.configs.recommendedTypeChecked,
+      ...tseslint.configs.stylisticTypeChecked,
+      reactHooks.configs["recommended-latest"],
+      reactRefresh.configs.vite,
+      reactX.configs["recommended-typescript"],
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ["./tsconfig.node.json", "./tsconfig.app.json"],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+]);