WebAssembly, ReactJs & Typescript ImageEditor Demo
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
imageeditor
imageprocessor
lib
resources
tools
.babelrc
.eslintignore
.eslintrc
.eslintrc.js
.gitignore
.rdmrc
CMakeLists.txt
LICENSE
README.md
index.d.ts
package.json
tsconfig.json
tsfmt.json
tslint.json
webpack.config.js
yarn.lock

README.md

WebAssembly, ReactJs & Typescript ImageEditor Demo

Build

mkdir build
cd build
cmake -DCMAKE_TOOLCHAIN_FILE=/PATH/TO/emsdk_portable/emscripten/incoming/cmake/Modules/Platform/Emscripten.cmake \
      -DCMAKE_BUILD_TYPE=YOUR_BUILD_TYPE_HERE \
      ../
make

Run

Development:

npm run start

Production:

npm run build
npm run server

Open http://localhost:8080/ in your browser and check console in Web Developer Tools.

Backlog

  • Remove boost example code due to licensing issues
  • Make cmake target build path more webpack friendly without symbolic links
  • Replace --preload-file from src/imageprocessor/CMakeLists.txt:7 with file upload
  • Refactor loadWasm to a more robust bootstrap process for ImageProcessor
  • Add react-based UI for drawing canvas and graphic manipulation controls
  • Add Boost/Gil based ImageProcessor API for resize and crop
  • Re-enable ImageProcessor::resize when solution for boost::gil numeric extension found
  • Refactor lib/* to cmake package system on emscripten toolchain
  • Replace WebIDL with embind for better handling of stl containers
  • Add googletest framework for testing c++ code
  • Add continuous integration with ctest, nodejs emulator on asmjs