feat: conditional compile for wasm code

Author: AprilNEA

package.json

@@ -70,6 +70,7 @@
     "tw-animate-css": "^1.3.4",
     "typescript": "~5.6.2",
     "vite": "^6.3.5",
+    "vite-plugin-conditional-compiler": "^0.3.1",
     "vite-plugin-top-level-await": "^1.5.0",
     "vite-plugin-wasm": "^3.4.1"
   }

pnpm-lock.yaml

@@ -13,7 +13,10 @@
  * See LICENSE file for details or contact [email protected]
  */
 
-import init, * as wasm from "@dev-utility/core";
+// #v-ifdef WASM
+import wasmFunctions from "./invoke.wasm";
+// #v-endif
+
 import { type InvokeOptions, invoke as invokeCore } from "@tauri-apps/api/core";
 import useSWRMutation, {
   type SWRMutationConfiguration,
@@ -30,9 +33,10 @@ import {
   type TotpSecret,
   type TotpValidationResult,
 } from "./types";
+
 export const IS_TAURI = "__TAURI__" in window;
 
-interface UtilitiesArgs {
+export interface UtilitiesArgs {
   [InvokeFunction.GenerateUlid]: { count: number };
   [InvokeFunction.GenerateNanoid]: { count: number };
   [InvokeFunction.GenerateUuidV4]: { count: number };
@@ -70,7 +74,7 @@ interface UtilitiesArgs {
   };
 }
 
-interface UtilitiesReturns {
+export interface UtilitiesReturns {
   [InvokeFunction.GenerateUlid]: string;
   [InvokeFunction.GenerateNanoid]: string;
   [InvokeFunction.GenerateUuidV4]: string;
@@ -87,31 +91,19 @@ interface UtilitiesReturns {
   [InvokeFunction.ValidateTotpCode]: TotpValidationResult;
 }
 
-type WasmFunctions = {
-  [K in keyof UtilitiesArgs]: (args: UtilitiesArgs[K]) => UtilitiesReturns[K];
-};
-const wasmFunctions: Partial<WasmFunctions> = {
-  [InvokeFunction.GenerateUlid]: (args) => wasm.generate_ulid(args.count),
-  // [InvokeFunction.GenerateNanoid]: (args) => wasm.generate_nanoid(args.count),
-  [InvokeFunction.GenerateUuidV4]: (args) => wasm.generate_uuid_v4(args.count),
-  [InvokeFunction.GenerateUuidV7]: (args) => wasm.generate_uuid_v7(args.count),
-  [InvokeFunction.FormatJson]: (args) => wasm.format_json(args.input, args.style),
-  [InvokeFunction.FormatCss]: (args) => wasm.format_css(args.input),
-  // [InvokeFunction.GenerateHashes]: (args) => wasm.generate_hashes(args.input),
-  [InvokeFunction.EncodeBase64]: (args) => wasm.encode_base64(args.input),
-  [InvokeFunction.DecodeBase64]: (args) => wasm.decode_base64(args.input),
-};
-
 export async function utilityInvoke<T extends InvokeFunction>(
   cmd: T,
   args: UtilitiesArgs[T],
   options?: InvokeOptions
 ): Promise<UtilitiesReturns[T]> {
   if (IS_TAURI) {
     return invokeCore(cmd, args, options);
-  } else if (cmd in wasmFunctions) {
+  }
+  // #v-ifdef WASM
+  else if (cmd in wasmFunctions) {
     return wasmFunctions[cmd]!(args);
   }
+  // #v-endif
   throw new Error(`Function ${cmd} not found`);
 }
 

src/utilities/invoke.ts

@@ -0,0 +1,25 @@
+// @ts-nocheck
+// #v-ifdef WASM
+import * as wasm from "@dev-utility/core";
+// #v-endif
+
+import type { UtilitiesArgs, UtilitiesReturns } from "./invoke";
+import { InvokeFunction } from "./types";
+
+type WasmFunctions = {
+  [K in keyof UtilitiesArgs]: (args: UtilitiesArgs[K]) => UtilitiesReturns[K];
+};
+const wasmFunctions: Partial<WasmFunctions> = {
+  [InvokeFunction.GenerateUlid]: (args) => wasm.generate_ulid(args.count),
+  // [InvokeFunction.GenerateNanoid]: (args) => wasm.generate_nanoid(args.count),
+  [InvokeFunction.GenerateUuidV4]: (args) => wasm.generate_uuid_v4(args.count),
+  [InvokeFunction.GenerateUuidV7]: (args) => wasm.generate_uuid_v7(args.count),
+  [InvokeFunction.FormatJson]: (args) =>
+    wasm.format_json(args.input, args.style),
+  [InvokeFunction.FormatCss]: (args) => wasm.format_css(args.input),
+  // [InvokeFunction.GenerateHashes]: (args) => wasm.generate_hashes(args.input),
+  [InvokeFunction.EncodeBase64]: (args) => wasm.encode_base64(args.input),
+  [InvokeFunction.DecodeBase64]: (args) => wasm.decode_base64(args.input),
+};
+
+export default wasmFunctions;

src/utilities/invoke.wasm.ts

@@ -18,6 +18,7 @@ import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react-swc";
 import path from "path";
 import { defineConfig } from "vite";
+import ConditionalCompile from "vite-plugin-conditional-compiler";
 import topLevelAwait from "vite-plugin-top-level-await";
 import wasm from "vite-plugin-wasm";
 
@@ -26,6 +27,7 @@ const host = process.env.TAURI_DEV_HOST;
 // https://vitejs.dev/config/
 export default defineConfig(async () => ({
   plugins: [
+    ConditionalCompile(),
     react({
       plugins: [
         [