3846masa/!README.md Secret

## !README.md

      
    Raw
  

              !README.md
            
          
    Sample code

Setup

yarn

Run

yarn start


## .gitignore
/node_modules
/.cache
/dist

## add.rs
#[no_mangle]
pub fn add(a: i32, b: i32) -> i32 {
  a + b
}

## index.html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sample Code</title>
</head>

<body>
  <p>Result: <span id="result"></span></p>
  <button id="run">Run</button>
  <script src="./index.js"></script>
</body>

</html>

## index.js
const worker = new Worker('./worker.js');
worker.addEventListener('error', console.error);

const a = 10;
const b = 20;

const onClick = () => {
  const callback = ({ data: { result } }) => {
    console.assert(result === a + b);
    document.getElementById('result').textContent = `${a} + ${b} = ${result}`;
  };

  worker.addEventListener('message', callback, { once: true });
  worker.postMessage({ a, b });
};

document.getElementById('run').addEventListener('click', onClick, { once: true });

## package.json
{
  "scripts": {
    "start": "parcel index.html",
    "build": "parcel build index.html"
  },
  "peerDependencies": {
    "parcel-bundler": "github:3846masa-tmp/parcel#support-wasm-in-workers"
  },
  "browserslist": "last 1 Chrome version"
}

## worker.js
import { add } from './add.rs';

self.addEventListener('message', ({ data: { a, b } }) => {
  self.postMessage({ result: add(a, b) });
});
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Sample Code</title>
	</head>

	<body>
	<p>Result: <span id="result"></span></p>
	<button id="run">Run</button>
	<script src="./index.js"></script>
	</body>

	</html>
	const worker = new Worker('./worker.js');
	worker.addEventListener('error', console.error);

	const a = 10;
	const b = 20;

	const onClick = () => {
	const callback = ({ data: { result } }) => {
	console.assert(result === a + b);
	document.getElementById('result').textContent = `${a} + ${b} = ${result}`;
	};

	worker.addEventListener('message', callback, { once: true });
	worker.postMessage({ a, b });
	};

	document.getElementById('run').addEventListener('click', onClick, { once: true });
	{
	"scripts": {
	"start": "parcel index.html",
	"build": "parcel build index.html"
	},
	"peerDependencies": {
	"parcel-bundler": "github:3846masa-tmp/parcel#support-wasm-in-workers"
	},
	"browserslist": "last 1 Chrome version"
	}
	import { add } from './add.rs';

	self.addEventListener('message', ({ data: { a, b } }) => {
	self.postMessage({ result: add(a, b) });
	});