Hacking HOWTO for Contributors

Summary

This chapter helps you get a minimal installation of Kitsune up and running to make it easier to contribute.

If you’re setting Kitsune up for deployment, instead of development, make sure you read all the way to the end and then read the additional sections.

If you have any problems getting Kitsune running, let us know. See the Contact us.

Operating systems

Windows

If you’re using Windows as your operating system, you’ll need to set up a virtual machine and run Kitsune in that. Kitsune won’t run in Windows.

If you’ve never set up a virtual machine before, let us know and we can walk you through it. Having said that, it’s not easy to do for people who haven’t done it before.

Mac OSX

Just follow along with the instructions below. Several of us use OSX, so if you run into problems, let us know.

Linux

We know these work in Debian, Ubuntu, Arch, and will probably work in other distributions. It’s likely that you’ll encounter some steps that are slightly different. If you run into problems, let us know.

Vagrant

We also have an option of using a virtual machine with Vagrant for an all-in-one installation. This installs all required dependencies and sets up your environment in such a way that makes it easy to run.

For full instruction about installing kitsune via vagrant, check this installation-vagrant article.

Once Vagrant is installed, run vagrant up to start and configure your virtual machine and vagrant ssh to SSH into the box.

Once inside the virtual machine, you can start the server by running the following commands:

source virtualenv/bin/activate
cd kitsune
./manage.py runserver 0.0.0.0:8000

Now, just navigate to <http://localhost:8000> to see the application!

Skip to Testing

Requirements

These are required for the minimum installation:

  • git
  • Python 2.7
  • pip: https://pip.pypa.io/en/latest/
  • virtualenv
  • MariaDB 5.5 server and client headers
  • Memcached Server
  • libxml and headers
  • libxslt and headers
  • libjpeg and headers
  • zlib and headers
  • libssl and headers
  • libffi and headers

These are optional:

Installation for these is very system dependent. Using a package manager, like yum, aptitude, or brew, is encouraged.

memcached

You need to have memcached running. Otherwise CSRF stuff won’t work.

If you are running OSX and using homebrew, you can do something like:

$ brew install memcached

and launch it:

$ memcached

If you are running RedHat/CentOS/Fedora, once you have installed memcached you can start it and configure it to run on startup using:

$ chkconfig memcached on
$ /etc/init.d/memcached start
$ service memcached start

Note

This should probably be somewhere else, but the easy way to flush your cache is something like this:

echo "flush_all" | nc localhost 11211

Assuming you have memcache configured to listen to 11211.

Getting the Source

Grab the source from Github using:

$ git clone https://github.com/mozilla/kitsune.git
$ cd kitsune

Setting up an Environment

It is strongly recommended to run Kitsune in a virtual environment, which is a tool to isolate Python environments from each other and the system. It makes local development much easier, especially when working on multiple projects.

To create a virtual environment:

$ virtualenv venv

which creates a virtualenv named “venv” in your current directory (which should be the root of the git repo. Now activate the virtualenv:

$ source venv/bin/activate

You’ll need to run this command every time you work on Kitsune, in every terminal window you use.

Installing dependencies

Python Packages

All the pure-Python requirements are provided in the requirements directory. We use a tool called peep to install packages and make sure versions are pinned.

$ ./peep.sh install -r requirements/default.txt

Additionally, you may install some useful development tools. These are not required, but are helpful:

$ ./peep.sh install -r requirements/dev.txt

If you intend to run the function UI tests, you will also need to install the appropriate dependencies:

$ ./peep.sh install -r requirements/test.txt

If you have any issues installing via peep, be sure you have the required header files from the packages listed in the requirements section above.

For more information on peep, refer to the README on the Github page for the project.

Node.js Packages

Kitsune relies on some Node.js packages. To get those, you will need to install Node.js and NPM.

Now install the Node.js dependencies with:

$ npm install

This should create a directory named node_modules in your git repo.

Frontend Packages

Kitsune gets libraries and dependencies for client side code from Bower. Bower is installed as a part of the NPM packages in the last step. To install these front-end dependencies run:

$ ./node_modules/.bin/bower install

This will download dependencies into bower_components.

Configuration and Setup

settings_local.py

There is a file called settings_local.py.dist in the kitsune/ directory. This contains a sample set of local settings. Copy the file, name it settings_local.py. and edit it, following the instructions within. Don’t forget to change <YOUR_PASSWORD> to your actual database password.

Note the two settings TEST_CHARSET and TEST_COLLATION. Without these, the test suite will use MySQL’s (moronic) defaults when creating the test database (see below) and lots of tests will fail. Hundreds.

Additionally, you can copy and modify any settings from kitsune/settings.py into kitsune/settings_local.py and the value will override the default.

Database

You defined a database connection in kitsune/settings_local.py.

Now create the database and grant permissions to the user, based on your database settings. For example, using the settings above:

$ mysql -u root -p
mysql> CREATE DATABASE kitsune CHARACTER SET utf8 COLLATE utf8_unicode_ci;
mysql> GRANT ALL ON kitsune.* TO kitsune@localhost IDENTIFIED BY '<YOUR_PASSWORD>';

To initialize the database, do:

$ ./manage.py migrate

Then we create a superuser to log into kitsune:

./manage.py createsuperuser

You’ll now have an up-to-date database!

After logging in, you can create a profile for the user by going to /users/edit in your browser.

See also the important wiki documents documentation.

Install Sample Data

We include some sample data to get you started. You can install it by running this command:

$ ./manage.py generatedata

Install linting tools

Kitsune uses Yelps Pre-commit for linting. It is installed as a part of the dev dependencies in requirements/dev.txt. To install it as a Git pre-commit hook, run it:

$ venv/bin/pre-commit install

After this, every time you commit, Pre-commit will check your changes for style problems. To run it manually, you can use the command:

$ venv/bin/pre-commit run

which will run the checks for only your changes, or if you want to run the lint checks for all files:

$ venv/bin/pre-commit run --all-files

For more details see the Pre-commit docs.

Product Details Initialization

One of the packages Kitsune uses, product_details, needs to fetch JSON files containing historical Firefox version data and write them within its package directory. To set this up, run this command to do the initial fetch:

$ ./manage.py update_product_details

Pre-compiling JavaScript Templates

We use nunjucks to render Jinja-style templates for front-end use. These templates get updated from time to time and you will need to pre-compile them to ensure that they render correctly. You have two options here:

  • One time pre-compile (use this if you are not modifying the templates):

    $ ./manage.py nunjucks_precompile
    
  • Use gulp to watch for changes and pre-compile (use this if you are making changes to the templates):

    $ ./node_modules/.bin/gulp watch
    

Testing it out

To start the dev server, run ./manage.py runserver, then open up http://localhost:8000.

If everything’s working, you should see a somewhat empty version of the SUMO home page!

Note

If you see an unstyled site and empty CSS files, you have to remove all empty files having a .less.css since they are empty and should be regenerated.

To do this, run the following command on the top directory of your Kitsune clone:

$ find . -name "*.less.css" -delete

Verify the LESS_BIN setting in settings_local.py. Then hard-refresh your pages on the browser via Ctrl + Shift + R.

Setting it up

A great way to check that everything really is working is to run the test suite. You’ll need to add an extra grant in MySQL for your database user:

$ mysql -u root -p
mysql> GRANT ALL ON test_kitsune.* TO kitsune@localhost IDENTIFIED BY '<YOUR_PASSWORD>';

The test suite will create and use this database, to keep any data in your development database safe from tests.

Running the tests

Running the test suite is easy:

$ ./manage.py test -s --noinput --logging-clear-handlers

This may open a Firefox window, which will close automatically.

For more information, see the test documentation.

Trouble-shooting

Error: A csrf_token was used in a template, but the context did not provide the value

If you see this, you likely have CACHES specifying to use memcached in your kitsune/settings_local.py file, but you don’t have memcached running.

See memcached.

Advanced install

The above covers a minimal install which will let you run most of Kitsune. In order to get everything working, you’ll need to install some additional bits.

See the following chapters for installing those additional bits:

If you want to install Kitsune on an Apache server in a mod_wsgi environment, see Running Kitsune with mod_wsgi.