A glossy Matrix collaboration client for the web.
Find a file
2015-07-03 11:24:04 +01:00
example Copyright headers (and use strict, while we're at it). 2015-06-23 16:41:25 +01:00
skins/base Add desktop notifications, overridable in the same way as other components (although it's not a react component). Also extend the flux dispatcher a little to be less dumb about dispatching while something else is already dispatching. 2015-07-03 11:12:54 +01:00
src add license header 2015-07-03 11:24:04 +01:00
.gitignore gitignore bundle.js too 2015-06-11 18:26:25 +01:00
LICENSE Basic structure of a react SDK and start of an implementation. 2015-06-09 17:40:42 +01:00
package.json s/themes/skins/g as we are always describing the whole UI layout here, whereas themes can sometimes just be small cosmetic tweaks (light-on-dark, dark-on-light etc) 2015-06-23 18:28:20 +01:00
README.md Add more detail to the getting started instructions. 2015-06-24 17:58:13 +01:00

matrix-react-sdk

This is a react-based SDK for inserting a Matrix chat client into a web page

Getting started with the example

  1. Install or update node.js so that your npm is at least at version 2.0.0
  2. Clone the repo: git clone https://github.com/matrix-org/matrix-react-sdk.git
  3. Switch to your new checkout: cd matrix-react-sdk
  4. Build the CSS: npm install && npm run build:css
  5. Switch to the example: cd example
  6. Build the javascript & copy the CSS: npm install && npm run build && ln -s ../bundle.css ./

Serve the app from within the example directory by running python -m SimpleHTTPServer 8000 and access it at http://127.0.0.1:8000

Using the example app for development

To develop using the example app, you can avoid havign to repeat the above steps each time you change something:

  1. Perform all the steps above
  2. In the matrix-react-sdk directory: npm run start:css
  3. Open a new terminal window in the matrix-react-sdk directory: cd example; npm start

Now, development version of your Javascript and CSS will be rebuilt whenever you change any of the files (although you may need to restart the CSS builder if you add a new file). Note that the debug CSS and Javascript are much, much larger than the production versions.