Refactor frontend

.gitignore

@@ -95,3 +95,6 @@ settings_production.py
 /sql-logfile.txt
 /logfile.txt
 /data/
+/tulius/static/node_modules/
+/tulius/static/app/index_bundle.js
+/tulius/static/package-lock.json

Dockerfile

@@ -3,7 +3,9 @@ FROM kozzztik/tulius:base_3.1.0
 RUN mkdir /opt/tulius/data
 RUN pip install --upgrade pip
 # for coveralls
-RUN apt-get install git -y
+RUN curl -sL https://deb.nodesource.com/setup_12.x | bash -
+RUN apt-get update && apt-get install nodejs git -y
+RUN npm install @vue/cli -g
 ENV TULIUS_BRANCH local
 
 ADD tulius /opt/tulius/tulius
@@ -24,6 +26,7 @@ RUN pip install -r requirements.txt
 ADD .git /opt/tulius/.git
 
 RUN python manage.py compilemessages
+RUN cd tulius/static && npm install && npm run build
 
 ADD gunicorn.conf.py /opt/tulius/gunicorn.conf.py
 CMD [ "gunicorn" ]

README.md

@@ -121,9 +121,18 @@ Update repo if needed (use separate branch and PR)
 16. Check that everything works. Profit.
 
 # Running on local environment
+To run frontend part you need to install node.js & npm:
+- for Windows use installer https://nodejs.org/en/download/ 
+- for Linux (Debian based) ```apt-get install nodejs```
 
-To use Tulius on local dev environment you need to at least 1 instance]
-(2 for correct work of heavy requests). 
+Then switch to tulius/static folder and run 
+```
+npm install @vue/cli -g
+npm install -D
+```
+
+To use Tulius on local dev environment you need to at least 2 instances
+3 for correct work of heavy requests). 
 For all of them it is needed to set environment variable:
 
 ```bash
@@ -136,6 +145,7 @@ file from template and set needed options there.
 Instances, that needed to run:
 1. `manage.py runserver` - Django instance for backend HTTP requests
 2. `celery -A tulius worker -l info` - for deferred tasks (optional)
+3. `npm run serve` in tulius/static directory for frontend webpack dev server
 
 On Windows, as Celery not supports it yet, install gevent:
 

scripts/BaseDockerfile

@@ -1,6 +1,8 @@
 FROM python:3.11
 EXPOSE 7000
-RUN apt-get update && apt-get install gettext -y
+RUN curl -sL https://deb.nodesource.com/setup_12.x | bash -
+RUN apt-get update && apt-get install gettext git nodejs -y
+RUN npm install @vue/cli -g
 ENV PYTHONUNBUFFERED 1
 ENV TULIUS_BRANCH local
 RUN mkdir /opt/tulius

settings.py

@@ -141,6 +141,18 @@
     },
 ]
 
+if env == 'dev':
+    VUE_BUNDLE = [
+        'http://localhost:9000/static/js/chunk-vendors.js',
+        'http://localhost:9000/static/js/app.js'
+    ]
+else:
+    VUE_BUNDLE = [
+        '/static/dist/js/chunk-vendors.js',
+        '/static/dist/js/app.js'
+    ]
+
+
 AUTHENTICATION_BACKENDS = (
     'tulius.vk.backend.VKBackend',
     'django.contrib.auth.backends.ModelBackend',