The web version of the Inspiral app. Written in TypeScript, using D3.js. nathanfriend.io/inspiral-web/
- install Node.js
note: this project only seems to build correctly with version 5 and lower, due to this issue:cgross/grunt-dom-munger#42. Removing thea. I got around this issue by hacking in this PR inisPath
parameter makes the build produce incorrect results.InspiralWeb/node_modules/grunt-dom-munger/tasks/dom_munger.js
- install Grunt and Bower
- run
npm install
andbower install
insideInspiralWeb/
directory - run
bower install
inside theInspiralWeb/gallery
directory - change the value
@fa-font-path
in/bower_components/fontawesome/less/variables.less
from../fonts
to./
- do the same for the
bower_components
directory in/gallery
- do the same for the
install WebEssentials VS plugin- run
npm run build-scripts
- Install
http-server
globally and runhttp-server
inside the/InspiralWeb
directory - create a distribution build, run
grunt
inside theInspiralWeb/
directory
There are some seriously terrible things about this codebase:
- A number of the original
*.ts
files are missing, but the compiled*.js
files still exist. I'm not sure how this happened 🤷 - I haven't invested time into figuring out how to compile the LESS (it used to
be done automatically by the VS extension), so currently there's no way to
make style changes to the app. I gave this a shot with the
build-styles
npm scripts, but they're not yet working. For now - just don't touchapp.min.css
.
- after building (see above), run
npm publish
from the./dist/
directory a. don't run this command from theInspiralWeb/
directory!