https://github.com/mortonprod/tripster

A proof of concept to manipulate website images using WebAssembly in a chrome extension
https://github.com/mortonprod/tripster

Last synced: 3 months ago
JSON representation

A proof of concept to manipulate website images using WebAssembly in a chrome extension

• Host: GitHub
• URL: https://github.com/mortonprod/tripster
• Owner: mortonprod
• Created: 2022-04-01T20:12:19.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-05-05T14:51:54.000Z (over 2 years ago)
• Last Synced: 2024-05-02T15:24:40.683Z (6 months ago)
• Language: TypeScript
• Homepage:
• Size: 158 KB
• Stars: 10
• Watchers: 4
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Introduction

This app scans a website and changes all images to a canvas element which we manipulate through web assembly.

# Building

**Remember to increase version number for production build**

```

emcc --post-js src/post.js -o static/iframe.js src/image/main.c -s WASM=1 -s EXPORTED_FUNCTIONS='["_render", "_init", "_psyrender"]' -s EXPORTED_RUNTIME_METHODS='["cwrap"]' -s ALLOW_MEMORY_GROWTH

npm run build

cd dist

 zip -r ../extension.zip *

```

*Note: The build is set to development since you can't minimise code sent to chrome developers as part of validation.*

You can check you have zip correctly using

```

unzip extension.zip -d test

```

# Issues

* How do we get images in the iframe context when it will not have the access rights to get to that webpage? No access to cookies or JWT