Merge pull request #5 from cawfree/cawfree/local-imports

@cawfree/local-imports

Author: cawfree

example/index.d.ts

@@ -0,0 +1,4 @@
+declare module '*.wasm' {
+  const value: any;
+  export default value;
+}

example/ios/Podfile.lock

@@ -656,7 +656,7 @@ PODS:
   - React-jsinspector (0.71.4)
   - React-logger (0.71.4):
     - glog
-  - react-native-webassembly (0.2.3):
+  - react-native-webassembly (0.2.4):
     - RCT-Folly
     - RCTRequired
     - RCTTypeSafety
@@ -961,7 +961,7 @@ SPEC CHECKSUMS:
   React-jsiexecutor: d6b7fa9260aa3cb40afee0507e3bc1d17ecaa6f2
   React-jsinspector: 1f51e775819199d3fe9410e69ee8d4c4161c7b06
   React-logger: 0d58569ec51d30d1792c5e86a8e3b78d24b582c6
-  react-native-webassembly: 6a92b15260a85e3c3cfaf675c2b42700361ea460
+  react-native-webassembly: c857530d3e827532d9835850251b56e1cdb68ef7
   React-perflogger: 0bb0522a12e058f6eb69d888bc16f40c16c4b907
   React-RCTActionSheet: bfd675a10f06a18728ea15d82082d48f228a213a
   React-RCTAnimation: 2fa220b2052ec75b733112aca39143d34546a941

example/metro.config.js

@@ -1,6 +1,7 @@
 const path = require('path');
 const escape = require('escape-string-regexp');
 const exclusionList = require('metro-config/src/defaults/exclusionList');
+const metroDefault = require('metro-config/src/defaults/defaults');
 const pak = require('../package.json');
 
 const root = path.resolve(__dirname, '..');
@@ -27,6 +28,8 @@ module.exports = {
       acc[name] = path.join(__dirname, 'node_modules', name);
       return acc;
     }, {}),
+
+    assetExts: metroDefault.assetExts.concat(['wasm']),
   },
 
   transformer: {

example/src/App.tsx

@@ -3,6 +3,8 @@ import { Button, StyleSheet, View } from 'react-native';
 
 import * as WebAssembly from 'react-native-webassembly';
 
+import Local from './Local.wasm';
+
 import { useWasmCircomRuntime, useWasmHelloWorld } from './hooks';
 import { fetchWasm } from './utils';
 
@@ -32,6 +34,24 @@ export default function App() {
     if (result !== 305) throw new Error('Failed to add.');
   }, [helloWorldResult]);
 
+  React.useEffect(
+    () =>
+      void (async () => {
+        try {
+          const localModule = await WebAssembly.instantiate<{
+            readonly add: (a: number, b: number) => number;
+          }>(Local);
+
+          const result = localModule.instance.exports.add(1000, 2000);
+
+          if (result !== 3000) throw new Error('Failed to add. (Local)');
+        } catch (e) {
+          console.error(e);
+        }
+      })(),
+    []
+  );
+
   React.useEffect(
     () =>
       void (async () => {

example/src/Local.wasm

@@ -1,3 +1,4 @@
+const { Image } = require('react-native');
 const { Buffer } = require('buffer');
 const { nanoid } = require('nanoid/non-secure');
 
@@ -63,9 +64,43 @@ const getScopedFunctions = (
   );
 };
 
+const fetchRequireAsBase64 = async (moduleId: number): Promise<string> => {
+  const maybeAssetSource = Image.resolveAssetSource(moduleId);
+
+  const maybeUri = maybeAssetSource?.uri;
+
+  if (typeof maybeUri !== 'string' || !maybeUri.length)
+    throw new Error(
+      `Expected non-empty string uri, encountered "${String(maybeUri)}".`
+    );
+
+  const base64EncodedString = String(
+    await new Promise(async (resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = () => resolve(reader.result);
+      reader.onerror = reject;
+      reader.readAsDataURL(await (await fetch(maybeUri)).blob());
+    })
+  );
+
+  const maybeBase64EncodedString = base64EncodedString
+    .substring(base64EncodedString.indexOf(','))
+    .slice(1);
+
+  if (
+    typeof maybeBase64EncodedString !== 'string' ||
+    !maybeBase64EncodedString.length
+  )
+    throw new Error(
+      `Expected non-empty string base64EncodedString, encountered "${maybeBase64EncodedString}".`
+    );
+
+  return maybeBase64EncodedString;
+};
+
 // https://developer.mozilla.org/en-US/docs/WebAssembly/JavaScript_interface/instantiate
 export async function instantiate<Exports extends object>(
-  bufferSource: Uint8Array | ArrayBuffer,
+  bufferSource: Uint8Array | ArrayBuffer | number,
   maybeImportObject: WebAssemblyImportObject | undefined = undefined
 ): Promise<WebassemblyInstantiateResult<Exports>> {
   const iid = nanoid();
@@ -84,7 +119,10 @@ export async function instantiate<Exports extends object>(
 
   const instanceResult = Webassembly.instantiate({
     iid,
-    bufferSource: Buffer.from(bufferSource).toString('base64'),
+    bufferSource:
+      typeof bufferSource === 'number'
+        ? await fetchRequireAsBase64(bufferSource)
+        : Buffer.from(bufferSource).toString('base64'),
     stackSizeInBytes,
     rawFunctions,
     rawFunctionScopes,