Add WASM demo to github page

Author: 38

wasm-demo/pkg/README.md

@@ -0,0 +1,46 @@
+# The Minimal Demo for Plotters + WASM
+
+To build the demo you need [wasm-pack](https://rustwasm.github.io/docs/book/game-of-life/setup.html).
+
+Then you can run it locally either using `npm` and `webpack-dev-server` or
+just with static web server.
+
+The following script will install needed software and run the server via `npm`.
+```
+./start-server.sh
+```
+
+For Windows users without Bash, `start-server.bat` can be used to
+launch the server.
+
+```
+start-server.bat
+```
+
+## Developing with NPM
+Please use [rust-wasm guide](https://rustwasm.github.io/docs/book/game-of-life/setup.html) for initial setup .
+Then you can run the demo locally using `npm`:
+```bash
+wasm-pack build
+cd www
+npm install
+npm start
+```
+
+This will start a dev server which will automatically reload your page
+whenever you change anything in `www` directory. To update `rust` code
+call `wasm-pack build` manually.
+
+## Developing without dependenices
+If you don't want to use `npm` here's how you can run the example
+using any web server. We are using rust [basic-http-server](https://github.com/brson/basic-http-server), but
+any web server will do.
+
+```bash
+# Install web server (instead you can use your local nginx for example)
+cargo install basic-http-server
+wasm-pack build --target web # Note `--target web`
+basic-http-server
+```
+
+Then open http://127.0.0.1:4000/www

wasm-demo/pkg/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "wasm-demo",
+  "collaborators": [
+    "Hao Hou <[email protected]>"
+  ],
+  "version": "0.1.0",
+  "files": [
+    "wasm_demo_bg.wasm",
+    "wasm_demo.js",
+    "wasm_demo.d.ts"
+  ],
+  "module": "wasm_demo.js",
+  "types": "wasm_demo.d.ts",
+  "sideEffects": false
+}

wasm-demo/pkg/wasm_demo.d.ts

@@ -0,0 +1,89 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+* Type used on the JS side to convert screen coordinates to chart
+* coordinates.
+*/
+export class Chart {
+  free(): void;
+/**
+* Draw provided power function on the canvas element using it's id.
+* Return `Chart` struct suitable for coordinate conversion.
+* @param {string} canvas_id
+* @param {number} power
+* @returns {Chart}
+*/
+  static power(canvas_id: string, power: number): Chart;
+/**
+* Draw Mandelbrot set on the provided canvas element.
+* Return `Chart` struct suitable for coordinate conversion.
+* @param {HTMLCanvasElement} canvas
+* @returns {Chart}
+*/
+  static mandelbrot(canvas: HTMLCanvasElement): Chart;
+/**
+* @param {HTMLCanvasElement} canvas
+* @param {number} pitch
+* @param {number} yaw
+*/
+  static plot3d(canvas: HTMLCanvasElement, pitch: number, yaw: number): void;
+/**
+* This function can be used to convert screen coordinates to
+* chart coordinates.
+* @param {number} x
+* @param {number} y
+* @returns {Point | undefined}
+*/
+  coord(x: number, y: number): Point | undefined;
+}
+/**
+* Result of screen to chart coordinates conversion.
+*/
+export class Point {
+  free(): void;
+/**
+*/
+  x: number;
+/**
+*/
+  y: number;
+}
+
+export type InitInput = RequestInfo | URL | Response | BufferSource | WebAssembly.Module;
+
+export interface InitOutput {
+  readonly memory: WebAssembly.Memory;
+  readonly __wbg_chart_free: (a: number) => void;
+  readonly __wbg_point_free: (a: number) => void;
+  readonly __wbg_get_point_x: (a: number) => number;
+  readonly __wbg_set_point_x: (a: number, b: number) => void;
+  readonly __wbg_get_point_y: (a: number) => number;
+  readonly __wbg_set_point_y: (a: number, b: number) => void;
+  readonly chart_power: (a: number, b: number, c: number, d: number) => void;
+  readonly chart_mandelbrot: (a: number, b: number) => void;
+  readonly chart_plot3d: (a: number, b: number, c: number, d: number) => void;
+  readonly chart_coord: (a: number, b: number, c: number) => number;
+  readonly __wbindgen_malloc: (a: number) => number;
+  readonly __wbindgen_realloc: (a: number, b: number, c: number) => number;
+  readonly __wbindgen_exn_store: (a: number) => void;
+  readonly __wbindgen_add_to_stack_pointer: (a: number) => number;
+}
+
+/**
+* Synchronously compiles the given `bytes` and instantiates the WebAssembly module.
+*
+* @param {BufferSource} bytes
+*
+* @returns {InitOutput}
+*/
+export function initSync(bytes: BufferSource): InitOutput;
+
+/**
+* If `module_or_path` is {RequestInfo} or {URL}, makes a request and
+* for everything else, calls `WebAssembly.instantiate` directly.
+*
+* @param {InitInput | Promise<InitInput>} module_or_path
+*
+* @returns {Promise<InitOutput>}
+*/
+export default function init (module_or_path?: InitInput | Promise<InitInput>): Promise<InitOutput>;