update readme for bundler instructions, upgrade to 0.2.76 bindgen, drop filename for rs files (needed for cjs)

Signed-off-by: ks2211 <kaushik@cosmonic.com>

Author: ks2211

README.md

@@ -86,6 +86,38 @@ $ npm install @wasmcloud/wasmcloud-js
 </script>
 ```
 
+**With a bundler**
+
+There are some caveats to using with a bundler: 
+
+* The module contains `.wasm` files that need to be present alongside the final build output. Using `webpack-copy-plugin` can solve this issue.
+
+* Using the es6 imports is currently broken due to `webpack` bundling and the `.wasm` file -- this is being tracked/fixed.
+
+```javascript
+import { wasmcloudjs } from '@wasmcloud/wasmcloud-js/dist/cjs/wasmcloud'
+
+(async() => {
+    const host = await wasmcloudjs.startHost('default', false, ['ws://localhost:4222'])
+    console.log(host);
+})()
+
+```
+
+```javascript
+// webpack config, add this to the plugin section
+plugins: [
+		new CopyPlugin({
+			patterns: [
+				{
+					from: 'node_modules/@wasmcloud/wasmcloud-js/dist/cjs/*.wasm',
+					to: '[name].wasm'
+				}
+			]
+		}),
+	]
+```
+
 **Node** 
 
 *IN PROGRESS* - NodeJS does not support WebSockets natively (required by nats.ws)

package.json

@@ -1,14 +1,16 @@
 {
   "name": "@wasmcloud/wasmcloud-js",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "wasmcloud host in JavaScript/Browser",
   "main": "dist/wasmcloud.js",
+  "browser": "dist/wasmcloud.js",
   "module": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
   "files": [
     "dist",
     "src",
-    "README.md"
+    "README.md",
+    "wasmcloud-rs-js"
   ],
   "scripts": {
     "build": "npm run clean && npm run build:browser && npm run build:cjs",
@@ -60,7 +62,6 @@
     "chai": "^4.3.4",
     "chai-as-promised": "^7.1.1",
     "copy-webpack-plugin": "^9.0.1",
-    "esbuild": "^0.12.20",
     "eslint": "^7.32.0",
     "mocha": "^9.0.3",
     "path": "^0.12.7",

wasmcloud-rs-js/Cargo.toml

@@ -14,7 +14,7 @@ crate-type = ["cdylib", "rlib"]
 default = ["console_error_panic_hook"]
 
 [dependencies]
-wasm-bindgen = "0.2.63"
+wasm-bindgen = "0.2.76"
 wascap = "0.6.0"
 getrandom = { version = "0.2", features = ["js"] }
 rand = { version = "0.7.3", features = ["wasm-bindgen"] }

webpack.config.js

@@ -22,8 +22,7 @@ const baseConfig = {
 		new WasmPackPlugin({
 			crateDirectory: path.resolve(__dirname, 'wasmcloud-rs-js'),
 			extraArgs: '--target bundler',
-			outDir: path.resolve(__dirname, 'wasmcloud-rs-js', 'pkg'),
-			outName: 'wasmcloud_rs_js'
+			outDir: path.resolve(__dirname, 'wasmcloud-rs-js', 'pkg')
 		})
 	],
 	experiments: {