Use Gulp to build JavaScript and CSS.

Mostly ported from MusicBrainz Server setup.

.babelrc

@@ -0,0 +1,8 @@
+{
+  "presets": ["es2015", "stage-2"],
+  "plugins": [
+    "transform-react-jsx",
+    "transform-react-constant-elements",
+    "transform-react-inline-elements"
+  ]
+}

.gitignore

@@ -37,6 +37,9 @@ hl_extractor/svm_models
 hl_extractor/profile.conf
 hl_extractor/profile.conf.in
 
+# Node.js
+/node_modules
+
 # Other stuff
 /static/download
 export

admin/install_web_server.sh

@@ -1,3 +1,4 @@
 #!/bin/sh
 
-apt-get -y install memcached node-less python-virtualenv python-dev ipython pxz
+curl -sL https://deb.nodesource.com/setup_5.x | sudo -E bash -
+apt-get -y install memcached python-virtualenv python-dev ipython pxz nodejs

admin/setup_app.sh

@@ -1,13 +1,22 @@
+#!/bin/sh
+
 # Setting up the application
 if [ $# -eq 1 ]
   then
     cd $1
 else
     echo "Application directory is not specified. Using current directory!"
 fi
+
 echo "source venv-acousticbrainz/bin/activate" > ~/.bashrc
 virtualenv ../venv-acousticbrainz
 source ../venv-acousticbrainz/bin/activate
+
+pip install -U pip
 pip install -r requirements.txt
+
 python manage.py init_db
 python manage.py init_test_db
+
+npm install
+./node_modules/.bin/gulp

config.py.sample

@@ -52,7 +52,4 @@ MEMCACHED_NAMESPACE = "AB"
 #SMTP_PORT = 25
 #MAIL_FROM_DOMAIN = "acousticbrainz.org"
 
-# Set to True if Less should be compiled in browser. Set to False if styling is pre-compiled.
-COMPILE_LESS = True
-
 FILE_STORAGE_DIR = "./files"

fabfile.py

@@ -6,10 +6,12 @@
 
 import os
 
+
 def vpsql():
     """Connect to the acousticbrainz database running on vagrant."""
     local("psql -h localhost -p 15432 -U postgres acousticbrainz")
 
+
 def vssh():
     """SSH to a running vagrant host."""
     curdir = os.path.dirname(os.path.abspath(__file__))
@@ -19,6 +21,7 @@ def vssh():
 
     local("ssh -F .vagrant/ssh_config -o 'ControlMaster auto' -o 'ControlPath ~/.ssh/ab_vagrant_control' -o 'ControlPersist 4h' acousticbrainz")
 
+
 def git_pull():
     local("git pull origin")
     print(green("Updated local code.", bold=True))
@@ -29,14 +32,9 @@ def install_requirements():
     print(green("Installed requirements.", bold=True))
 
 
-def compile_styling():
-    """Compile main.less into main.css.
-    This command requires Less (CSS pre-processor). More information about it can be
-    found at http://lesscss.org/.
-    """
-    style_path = "webserver/static/css/"
-    local("lessc --clean-css %smain.less > %smain.css" % (style_path, style_path))
-    print(green("Style sheets have been compiled successfully.", bold=True))
+def build_static():
+    local("./node_modules/.bin/gulp")
+    print(green("Static files have been built successfully.", bold=True))
 
 
 def clear_memcached():
@@ -51,7 +49,7 @@ def clear_memcached():
 def deploy():
     git_pull()
     install_requirements()
-    compile_styling()
+    build_static()
     clear_memcached()
 
 

gulpfile.js

@@ -0,0 +1,2 @@
+require('babel-core/register');
+require('./webserver/static/gulpfile');

package.json

@@ -0,0 +1,32 @@
+{
+  "name": "acousticbrainz-server",
+  "version": "0.0.0",
+  "description": "package.json for keeping track of nodejs dependencies for acousticbrainz-server",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/metabrainz/acousticbrainz-server.git"
+  },
+  "dependencies": {
+    "babel-core": "6.2.1",
+    "babel-plugin-transform-react-constant-elements": "6.1.20",
+    "babel-plugin-transform-react-inline-elements": "6.1.20",
+    "babel-plugin-transform-react-jsx": "6.2.0",
+    "babel-preset-es2015": "6.1.18",
+    "babel-preset-stage-2": "6.1.18",
+    "babelify": "7.2.0",
+    "bootstrap": "3.3.6",
+    "gulp": "3.9.0",
+    "gulp-less": "3.0.5",
+    "gulp-rev": "6.0.1",
+    "gulp-streamify": "1.0.2",
+    "highcharts": "4.2.0",
+    "jquery": "2.1.4",
+    "less-plugin-clean-css": "1.5.1",
+    "lodash": "3.10.1",
+    "q": "1.4.1",
+    "react": "0.14.3",
+    "vinyl-source-stream": "1.1.0",
+    "yarb": "0.5.1"
+  },
+  "private": true
+}

webserver/__init__.py

@@ -47,11 +47,16 @@ def create_app():
     from webserver.errors import init_error_handlers
     init_error_handlers(app)
 
+    # Static files
+    import static_manager
+    static_manager.read_manifest()
+
     # Template utilities
     app.jinja_env.add_extension('jinja2.ext.do')
     from webserver import utils
     app.jinja_env.filters['date'] = utils.reformat_date
     app.jinja_env.filters['datetime'] = utils.reformat_datetime
+    app.jinja_env.filters['make_static_path'] = static_manager.get_file_path
 
     # Blueprints
     from webserver.views.index import index_bp

webserver/static/.gitignore

@@ -0,0 +1 @@
+build