JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
lib
public
.gitignore
MIT-LICENCE.txt
Procfile
README.md
app.js
package.json
proxy.js

README.md

WTCSS

The main parts of this are:

  • a phantomjs script that launches the webserver and loads the pages
  • a node.js proxy to get around some cors issues (which I'm having trouble reproducing at the moment)
  • a script that is injected by the phantomjs to find the css rules, and the items they impact - lib/findStyles.js
  • a frontend page that makes the requests and renders the interactions with canvas - public/index.html

Running

This requires phantom.js, once you have that installed - you can fire up the server with:

phantomjs app.js

By default, this will run on http://localhost:8080

[optional] cors proxy

The cors proxy is a node.js app - you can run it with

npm install
node proxy.js

Then tell the phantomjs script to use that by setting the PROX env variable

PROX="http://localhost:5000/?url=" phantomjs app.js

Contributing

It would be ace if you wanted to help improve this tool. It's fairly hacked together at the moment so could do with a lot of love. If you have any questions about it at all ping me @benjaminbenben