Plantingjs from npm

.eslintrc

@@ -0,0 +1,10 @@
+{
+    'extends': 'airbnb',
+    'ecmaFeatures': {'modules': true},
+    'env': {
+        'es6': true,
+        'browser': true,
+        'node': true
+    },
+    'parser': 'babel-eslint'
+}

.gitignore

@@ -2,4 +2,5 @@
 
 .coverage
 db.sqlite3
-wysadzulice/static/plantingjs
+node_modules
+wysadzulice/static

README.md

@@ -8,3 +8,11 @@ WYSADZULICE.PL
 ## Synopsis
 
 Django-based application that run http://wysadzulice.pl
+
+
+## How to install
+* Install Python requirements
+* Install Node requirements
+* Create db
+* gulp build
+* Run server

gulpfile.babel.js

@@ -0,0 +1,115 @@
+import autoprefixer from 'gulp-autoprefixer';
+import babelify from 'babelify';
+import browserify from 'browserify';
+import concat from 'gulp-concat';
+import del from 'del';
+import domain from 'domain';
+import flatten from 'gulp-flatten';
+import filter from 'gulp-filter';
+import gulp from 'gulp';
+import gutil from 'gulp-util';
+import hbsfy from 'hbsfy';
+import plumber from 'gulp-plumber';
+import sass from 'gulp-sass';
+import tap from 'gulp-tap';
+
+
+/* Default task */
+gulp.task('default', function() {
+  gulp.start('build');
+});
+
+
+/* Removing whole ./wysadzulice/static/ directory */
+gulp.task('clean', del.bind(null, './wysadzulice/static'));
+
+
+/* Building JS */
+gulp.task('js', function() {
+  return gulp.src('./wysadzulice/assets/main.js')
+    .pipe(plumber())
+    .pipe(tap(function(file) {
+      const dom = domain.create();
+      dom.on('error', function(err) {
+        gutil.log(
+          gutil.colors.red('Browserify compile error:'),
+          err.message, '\n\t',
+          gutil.colors.cyan('in file'), file.path
+        );
+        gutil.beep();
+      });
+      dom.run(function() {
+        file.contents = browserify({
+          entries: [file.path],
+          debug: false,
+          standalone: 'Planting',
+          paths: ['./node_modules/', './wysadzulice/assets/'],
+          transform: [
+            [hbsfy, {
+              global: true,
+              ignore: /\/node_modules\/(?!plantingjs\/)/,
+            }],
+            [babelify, {
+              global: true,
+              ignore: /\/node_modules\/(?!plantingjs\/)/,
+            }],
+          ],
+        }).bundle();
+      });
+    }))
+    .pipe(gulp.dest('./wysadzulice/static/wysadzulice/js/'));
+});
+/* End of building JS */
+
+/* Building CSS */
+gulp.task('css:main', function() {
+  return gulp.src('./wysadzulice/assets/styles/**/*.scss')
+    .pipe(sass())
+    .pipe(autoprefixer({browsers: ['last 1 version']}))
+    .pipe(concat('main.css'))
+    .pipe(gulp.dest('./wysadzulice/static/wysadzulice/styles/'));
+});
+
+gulp.task('css:vendor', function() {
+  return gulp.src([
+    './node_modules/jquery-ui/themes/base/jquery-ui.css',
+    './node_modules/jquery-ui/themes/base/jquery.ui.dialog.css',
+    './node_modules/plantingjs/src/styles/*.scss',
+  ])
+    .pipe(sass())
+    .pipe(concat('vendor.css'))
+    .pipe(gulp.dest('./wysadzulice/static/wysadzulice/styles/'));
+});
+
+gulp.task('css', ['css:vendor', 'css:main']);
+/* End of building CSS */
+
+
+/* Building fonts */
+gulp.task('fonts', function() {
+  return gulp.src('./node_modules/plantingjs/src/fonts/**/*')
+    .pipe(filter('**/*.{eot,svg,ttf,woff}'))
+    .pipe(flatten())
+    .pipe(gulp.dest('./wysadzulice/static/wysadzulice/fonts'));
+});
+/* End of building fonts */
+
+
+/* Building assets */
+gulp.task('assets:main', function() {
+  return gulp.src('./wysadzulice/assets/assets/**/*')
+    .pipe(gulp.dest('./wysadzulice/static/wysadzulice/assets/main'));
+});
+
+gulp.task('assets:vendor', function() {
+  return gulp.src('./wysadzulice/assets/assets/**/*')
+    .pipe(gulp.dest('./wysadzulice/static/wysadzulice/assets/vendor'));
+});
+
+gulp.task('assets', ['assets:main', 'assets:vendor']);
+/* End of building assets */
+
+
+/* Building all frontend assets */
+gulp.task('build', ['assets', 'css', 'fonts', 'js']);
+/* End of building all frontend assets */

package.json

@@ -0,0 +1,20 @@
+{
+  "dependencies": {
+    "babelify": "^6.4.0",
+    "browserify": "^11.2.0",
+    "plantingjs": "git://github.com/komitywa/plantingjs",
+    "babel-core": "^5.8.29",
+    "gulp": "^3.9.0",
+    "gulp-util": "^3.0.6",
+    "hbsfy": "^2.4.1",
+    "handlebars": "^4.0.4",
+    "gulp-plumber": "^1.0.1",
+    "gulp-tap": "^0.1.3",
+    "gulp-autoprefixer": "^1.0.1",
+    "gulp-sass": "^2.0.4",
+    "jquery-ui": "^1.10.5",
+    "del": "^0.1.0",
+    "gulp-filter": "^1.0.2",
+    "gulp-flatten": "^0.0.4"
+  }
+}

wysadzulice/assets/assets/manifesto.json

@@ -0,0 +1,47 @@
+{
+    "lat": 52.3965155,
+    "lng": 16.8978846,
+    "zoom": 14,
+    "toolboxobjects": [
+        {
+            "projections": [
+                "/static/wysadzulice/assets/main/objects/00.png",
+                "/static/wysadzulice/assets/main/objects/10.png",
+                "/static/wysadzulice/assets/main/objects/20.png",
+                "/static/wysadzulice/assets/main/objects/30.png",
+                "/static/wysadzulice/assets/main/objects/40.png",
+                "/static/wysadzulice/assets/main/objects/50.png",
+                "/static/wysadzulice/assets/main/objects/60.png",
+                "/static/wysadzulice/assets/main/objects/70.png",
+                "/static/wysadzulice/assets/main/objects/80.png",
+                "/static/wysadzulice/assets/main/objects/00.png",
+                "/static/wysadzulice/assets/main/objects/10.png",
+                "/static/wysadzulice/assets/main/objects/20.png",
+                "/static/wysadzulice/assets/main/objects/30.png",
+                "/static/wysadzulice/assets/main/objects/40.png",
+                "/static/wysadzulice/assets/main/objects/50.png",
+                "/static/wysadzulice/assets/main/objects/60.png",
+                "/static/wysadzulice/assets/main/objects/70.png",
+                "/static/wysadzulice/assets/main/objects/80.png",
+                "/static/wysadzulice/assets/main/objects/00.png",
+                "/static/wysadzulice/assets/main/objects/10.png",
+                "/static/wysadzulice/assets/main/objects/20.png",
+                "/static/wysadzulice/assets/main/objects/30.png",
+                "/static/wysadzulice/assets/main/objects/40.png",
+                "/static/wysadzulice/assets/main/objects/50.png",
+                "/static/wysadzulice/assets/main/objects/60.png",
+                "/static/wysadzulice/assets/main/objects/70.png",
+                "/static/wysadzulice/assets/main/objects/80.png",
+                "/static/wysadzulice/assets/main/objects/00.png",
+                "/static/wysadzulice/assets/main/objects/10.png",
+                "/static/wysadzulice/assets/main/objects/20.png",
+                "/static/wysadzulice/assets/main/objects/30.png",
+                "/static/wysadzulice/assets/main/objects/40.png",
+                "/static/wysadzulice/assets/main/objects/50.png",
+                "/static/wysadzulice/assets/main/objects/60.png",
+                "/static/wysadzulice/assets/main/objects/70.png",
+                "/static/wysadzulice/assets/main/objects/80.png"
+            ]
+        }
+    ]
+}

wysadzulice/assets/main.js

@@ -0,0 +1,3 @@
+import Planting from 'plantingjs';
+
+export default Planting;

wysadzulice/templates/new_planting.html

@@ -7,10 +7,10 @@
         <meta name=description>
         <meta name=viewport content="width=device-width, initial-scale=1, minimal-ui">
         <title>plantingjs</title>
-        <link rel=stylesheet href="{% static "plantingjs/styles/main.css" %}">
+        <link rel=stylesheet href="{% static "wysadzulice/styles/vendor.css" %}">
+        <link rel=stylesheet href="{% static "wysadzulice/styles/main.css" %}">
     </head>
     <body>
-        <script type=text/javascript src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD9fmhpMCKGM6BCMtsnn05GfxEK77jRHjc"></script>
         <div id="viewport" class="viewport"></div>
         <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
         <script type="text/javascript">
@@ -28,12 +28,12 @@
 
             }
         </script>
-        <script src="{% static "plantingjs/js/main.js" %}"></script>
+        <script src="{% static "wysadzulice/js/main.js" %}"></script>
         <script type="text/javascript">
             $(function() {
                 PlantingInstance = new Planting( {
                     container:document.querySelector('.viewport'),
-                    manifestoUrl: '{% static "manifesto.json" %}',
+                    manifestoUrl: '{% static "wysadzulice/assets/main/manifesto.json" %}',
                     googleApiKey: 'AIzaSyD9fmhpMCKGM6BCMtsnn05GfxEK77jRHjc',
                     onSave: simple_save_callback
                 });

wysadzulice/views.py

@@ -7,6 +7,7 @@
 from django.shortcuts import redirect
 from django.shortcuts import render
 from django.views.decorators.csrf import csrf_exempt
+
 from . import models