parent
b41ad18871
commit
4a4824e268
@ -1,3 +1,21 @@
|
||||
# chaos-toy
|
||||
|
||||
A small web app to play around with your own rules for chaos game
|
||||
A small web app to play around with your own rules for chaos game
|
||||
|
||||
## Building
|
||||
|
||||
To build this project, you will need the [rust toolchain](https://rustup.rs/) and `wasm-pack`, [which you can download here](https://rustwasm.github.io/wasm-pack/installer/) (or just run `cargo install wasm-pack`).
|
||||
|
||||
Then, run `wasm-pack build simulator` to build the rust simulator.
|
||||
|
||||
If you wish to build the simulator with the debug profile, then run `wasm-pack build simulator --dev` or `npm run prepare-dev`.
|
||||
Re-running these commands should work with Vite's auto-reload.
|
||||
|
||||
If `wasm-pack` fails to download `wasm-opt`, then you can try installing it manually (`brew install binaryen`, `pacman -S binaryen`).
|
||||
Alternatively, you can disable `wasm-opt` by uncommenting the relevant lines in `simulator/Cargo.toml`.
|
||||
|
||||
At this point, you can now run `npm install`, which will symlink `simulator/pkg/` to `node_modules/chaos-toy-rs`.
|
||||
|
||||
## Running
|
||||
|
||||
To run in development mode, simply run `npm run dev` or `yarn dev`.
|
||||
|
||||
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Chaos toy</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
<div id="root"></div>
|
||||
|
||||
<script src="/src/index.tsx" type="module"></script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,31 @@
|
||||
{
|
||||
"name": "chaos-toy",
|
||||
"version": "0.1.0",
|
||||
"description": "A small web app to play around with your own rules for chaos game",
|
||||
"main": "src/index.ts",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "wasm-pack build simulator && vite build",
|
||||
"prepare-dev": "wasm-pack build --dev simulator",
|
||||
"serve": "vite preview"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://git.shadamethyst.xyz/adri326/chaos-toy"
|
||||
},
|
||||
"keywords": [
|
||||
"chaos-game"
|
||||
],
|
||||
"author": "Shad Amethyst",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"solid-js": "^1.6.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"chaos-toy-rs": "file:./simulator/pkg/",
|
||||
"typescript": "^4.9.0",
|
||||
"vite": "^3.0.9",
|
||||
"vite-plugin-solid": "^2.3.0",
|
||||
"vite-plugin-wasm": "^3.1.0"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
/target
|
||||
**/*.rs.bk
|
||||
Cargo.lock
|
||||
bin/
|
||||
pkg/
|
||||
wasm-pack.log
|
||||
@ -0,0 +1,36 @@
|
||||
[package]
|
||||
name = "chaos-toy-rs"
|
||||
version = "0.1.0"
|
||||
authors = ["Adrien Burgun <adrien.burgun@orange.fr>"]
|
||||
edition = "2018"
|
||||
|
||||
# Uncomment the following lines if you are having trouble building with wasm-pack
|
||||
# [package.metadata.wasm-pack.profile.release]
|
||||
# wasm-opt = false
|
||||
|
||||
[lib]
|
||||
crate-type = ["cdylib", "rlib"]
|
||||
|
||||
[features]
|
||||
default = ["console_error_panic_hook"]
|
||||
|
||||
[dependencies]
|
||||
wasm-bindgen = "0.2.63"
|
||||
|
||||
# The `console_error_panic_hook` crate provides better debugging of panics by
|
||||
# logging them with `console.error`. This is great for development, but requires
|
||||
# all the `std::fmt` and `std::panicking` infrastructure, so isn't great for
|
||||
# code size when deploying.
|
||||
console_error_panic_hook = { version = "0.1.6", optional = true }
|
||||
|
||||
# `wee_alloc` is a tiny allocator for wasm that is only ~1K in code size
|
||||
# compared to the default allocator's ~10K. It is slower than the default
|
||||
# allocator, however.
|
||||
wee_alloc = { version = "0.4.5", optional = true }
|
||||
|
||||
[dev-dependencies]
|
||||
wasm-bindgen-test = "0.3.13"
|
||||
|
||||
[profile.release]
|
||||
# Tell `rustc` to optimize for small code size.
|
||||
opt-level = "s"
|
||||
@ -0,0 +1,18 @@
|
||||
use wasm_bindgen::prelude::*;
|
||||
|
||||
// When the `wee_alloc` feature is enabled, use `wee_alloc` as the global
|
||||
// allocator.
|
||||
#[cfg(feature = "wee_alloc")]
|
||||
#[global_allocator]
|
||||
static ALLOC: wee_alloc::WeeAlloc = wee_alloc::WeeAlloc::INIT;
|
||||
|
||||
#[wasm_bindgen]
|
||||
pub fn init() {
|
||||
#[cfg(feature = "console_error_panic_hook")]
|
||||
console_error_panic_hook::set_once();
|
||||
}
|
||||
|
||||
#[wasm_bindgen]
|
||||
pub fn hello_world() -> String {
|
||||
return String::from("Hello, world!");
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
//! Test suite for the Web and headless browsers.
|
||||
|
||||
#![cfg(target_arch = "wasm32")]
|
||||
|
||||
extern crate wasm_bindgen_test;
|
||||
use wasm_bindgen_test::*;
|
||||
|
||||
wasm_bindgen_test_configure!(run_in_browser);
|
||||
|
||||
#[wasm_bindgen_test]
|
||||
fn pass() {
|
||||
assert_eq!(1 + 1, 2);
|
||||
}
|
||||
@ -0,0 +1,12 @@
|
||||
import type { Component } from "solid-js";
|
||||
import Simulator from "./Simulator";
|
||||
|
||||
const App: Component = () => {
|
||||
return (
|
||||
<>
|
||||
<Simulator />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default App;
|
||||
@ -0,0 +1,11 @@
|
||||
import { hello_world } from "chaos-toy-rs";
|
||||
import type { Component } from "solid-js";
|
||||
|
||||
const Simulator: Component = () => {
|
||||
return (<>
|
||||
<div>{hello_world()}</div>
|
||||
<canvas>Sorry, your browser needs to support canvases</canvas>
|
||||
</>);
|
||||
};
|
||||
|
||||
export default Simulator;
|
||||
@ -0,0 +1,9 @@
|
||||
/* @refresh reload */
|
||||
import { render } from "solid-js/web";
|
||||
import * as chaos_toy_rs from "chaos-toy-rs";
|
||||
|
||||
import App from "./App";
|
||||
|
||||
chaos_toy_rs.init();
|
||||
|
||||
render(() => <App />, document.getElementById("root") as HTMLElement);
|
||||
@ -0,0 +1,14 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "ESNext",
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "node",
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"esModuleInterop": true,
|
||||
"jsx": "preserve",
|
||||
"jsxImportSource": "solid-js",
|
||||
"types": ["vite/client"],
|
||||
"noEmit": true,
|
||||
"isolatedModules": true
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,17 @@
|
||||
import { defineConfig } from "vite";
|
||||
import solidPlugin from "vite-plugin-solid";
|
||||
import wasm from "vite-plugin-wasm";
|
||||
|
||||
export default defineConfig({
|
||||
clearScreen: false,
|
||||
plugins: [
|
||||
wasm(),
|
||||
solidPlugin(),
|
||||
],
|
||||
server: {
|
||||
port: 3000,
|
||||
},
|
||||
build: {
|
||||
target: "esnext",
|
||||
},
|
||||
});
|
||||
Loading…
Reference in new issue