Installation problems

[soegaard]

The documentation on http://khan.github.io/react-components/ says:

In the author's limited experience, it's easiest to clone React Components as a subrepo (assuming Git).

git submodule add https://github.com/Khan/react-components.git react-components

Then simply use CommonJS requires pointing to the components within the subrepo.

var TeX = require('react-components/js/tex.jsx');
React.render(\nabla \cdot E = 4 \pi \rho, domNode);

However:

$ git submodule add https://github.com/Khan/react-components.git react-components
$ cd react-components
$ make

eventually leads to the error:

Error: Cannot find module './react-live-editor/live-editor.jsx' from '/Users/soegaard/Dropbox/GitHub/matematik-app/react-components'
at /Users/soegaard/Dropbox/GitHub/matematik-app/react-components/node_modules/browserify/node_modules/resolve/lib/async.js:55:21
at load (/Users/soegaard/Dropbox/GitHub/matematik-app/react-components/node_modules/browserify/node_modules/resolve/lib/async.js:69:43)
at onex (/Users/soegaard/Dropbox/GitHub/matematik-app/react-components/node_modules/browserify/node_modules/resolve/lib/async.js:92:31)
at /Users/soegaard/Dropbox/GitHub/matematik-app/react-components/node_modules/browserify/node_modules/resolve/lib/async.js:22:47
at FSReqWrap.oncomplete (fs.js:82:15)
make: *** [docs/preview-bundle.js] Error 1

This page: https://github.com/Khan/react-components shows that react-live-editor is a submodule of react-components so the installation instructions ought to include a note on how to clone react-live-editor.

This command:

 git submodule update --init --recursive

fetched the submodule for me.

Now make gets a little further:

$ make
npm install
npm WARN package.json [email protected] license should be a valid SPDX license expression
/

[email protected] prepublish /Users/soegaard/Dropbox/GitHub/matematik-app/react-components
node prepublish.js

[email protected] node_modules/reactify
├── [email protected]
└── [email protected] ([email protected], [email protected])
./node_modules/.bin/browserify -t [ reactify --es6 ] js/.jsx -o bundle.js
./node_modules/.bin/browserify -d -t [ reactify --es6 ] reactify-components.jsx -o docs/preview-bundle.js
pip install -r requirements.txt
make: pip: No such file or directory
make: ** [pydeps] Error 1

This means that I need to install Python...

I only need the TeX component - as mentioned in issue #53 it would be nice to have a simple to use the TeX component without the other components.

Question: Is it necessary to run make? Or can I use the TeX component without?
(the documentation doesn't say whether to run make or not)

[sophiebits]

You should be able to install react-components from npm and require('react-components/tex'). Not sure why the instructions suggest a submodule…

[soegaard]

Thanks for the hint. Eventually I decided to use KaTeX directly.