Stable 2019 03 29

.browserslistrc

@@ -0,0 +1,8 @@
+# Browsers that we support:
+# https://browserl.ist/?q=last+2+major+versions%2C+%3E+1%25%2C+not+dead%2C+IE+11%2C+Firefox+ESR
+
+last 2 major versions
+> 1%
+not dead
+IE 11
+Firefox ESR

.eslintrc

@@ -10,12 +10,12 @@
     "sourceType": "module",
     "ecmaFeatures": {
       "jsx": true
-    },
+    }
   },
   "rules": {
     "strict": 0,
     "curly": 0,
-    "quotes": ["warn", "single"],
+    "quotes": ["warn", "single", {"avoidEscape": true}],
     "no-underscore-dangle": 0,
     "camelcase": [0],
     "new-cap": 0,

.github/PULL_REQUEST_TEMPLATE.md

@@ -3,7 +3,7 @@
 1. [ ] If you've added code that should be tested, add tests
 2. [ ] If you've changed APIs, update (or create!) the documentation
 3. [ ] Ensure the tests pass
-4. [ ] Make sure your code lints and you followed [our coding style](../CONTRIBUTING.md)
+4. [ ] Make sure your code lints and you followed [our coding style](https://github.com/kobotoolbox/kpi/blob/master/CONTRIBUTING.md)
 5. [ ] If this is a big feature, make sure to prefix the title with `Feature:` and add a thorough description for non-dev folk
 
 ## Description

.gitignore

@@ -23,4 +23,5 @@ test/compiled/*
 .idea/
 celerybeat-schedule
 deployments.json
-.DS_Store
+.DS_Store
+jsapp/fonts

.stylelintrc.json

@@ -0,0 +1,261 @@
+{
+    "rules": {
+        "at-rule-empty-line-before": [
+            "always",
+            {
+                "except": [
+                    "blockless-after-same-name-blockless",
+                    "first-nested"
+                ],
+                "ignore": ["after-comment"],
+                "severity": "warning"
+            }
+        ],
+        "at-rule-name-case": ["lower", { "severity": "warning" }],
+        "at-rule-name-space-after": [
+            "always-single-line",
+            { "severity": "warning" }
+        ],
+        "at-rule-semicolon-newline-after": [
+            "always",
+            { "severity": "warning" }
+        ],
+        "block-no-empty": true,
+        "block-closing-brace-empty-line-before": [
+            "never",
+            { "severity": "warning" }
+        ],
+        "block-closing-brace-newline-after": [
+            "always",
+            { "severity": "warning" }
+        ],
+        "block-closing-brace-newline-before": [
+            "always-multi-line",
+            { "severity": "warning" }
+        ],
+        "block-closing-brace-space-before": [
+            "always-single-line",
+            { "severity": "warning" }
+        ],
+        "block-opening-brace-newline-after": [
+            "always-multi-line",
+            { "severity": "warning" }
+        ],
+        "block-opening-brace-space-after": [
+            "always-single-line",
+            { "severity": "warning" }
+        ],
+        "block-opening-brace-space-before": [
+            "always",
+            { "severity": "warning" }
+        ],
+        "color-no-invalid-hex": true,
+        "color-hex-case": ["lower", { "severity": "warning" }],
+        "color-hex-length": ["short", { "severity": "warning" }],
+        "comment-no-empty": true,
+        "comment-empty-line-before": [
+            "always",
+            {
+                "except": ["first-nested"],
+                "ignore": ["stylelint-commands"],
+                "severity": "warning"
+            }
+        ],
+        "comment-whitespace-inside": ["always", { "severity": "warning" }],
+        "custom-property-empty-line-before": [
+            "always",
+            {
+                "except": ["after-custom-property", "first-nested"],
+                "ignore": ["after-comment", "inside-single-line-block"],
+                "severity": "warning"
+            }
+        ],
+        "declaration-block-no-duplicate-properties": [
+            true,
+            { "severity": "warning" }
+        ],
+        "declaration-block-no-shorthand-property-overrides": true,
+        "declaration-bang-space-after": ["never", { "severity": "warning" }],
+        "declaration-bang-space-before": ["always", { "severity": "warning" }],
+        "declaration-block-semicolon-newline-after": [
+            "always-multi-line",
+            { "severity": "warning" }
+        ],
+        "declaration-block-semicolon-space-after": [
+            "always-single-line",
+            { "severity": "warning" }
+        ],
+        "declaration-block-semicolon-space-before": [
+            "never",
+            { "severity": "warning" }
+        ],
+        "declaration-block-single-line-max-declarations": [
+            1,
+            { "severity": "warning" }
+        ],
+        "declaration-block-trailing-semicolon": [
+            "always",
+            { "severity": "warning" }
+        ],
+        "declaration-colon-newline-after": [
+            "always-multi-line",
+            { "severity": "warning" }
+        ],
+        "declaration-colon-space-after": [
+            "always-single-line",
+            { "severity": "warning" }
+        ],
+        "declaration-colon-space-before": ["never", { "severity": "warning" }],
+        "declaration-empty-line-before": [
+            "always",
+            {
+                "except": ["after-declaration", "first-nested"],
+                "ignore": ["after-comment", "inside-single-line-block"],
+                "severity": "warning"
+            }
+        ],
+        "font-family-no-duplicate-names": true,
+        "font-family-no-missing-generic-family-keyword": [
+            true,
+            { "severity": "warning" }
+        ],
+        "function-calc-no-unspaced-operator": [true, { "severity": "warning" }],
+        "function-linear-gradient-no-nonstandard-direction": true,
+        "function-comma-newline-after": [
+            "always-multi-line",
+            { "severity": "warning" }
+        ],
+        "function-comma-space-after": [
+            "always-single-line",
+            { "severity": "warning" }
+        ],
+        "function-comma-space-before": ["never", { "severity": "warning" }],
+        "function-max-empty-lines": [0, { "severity": "warning" }],
+        "function-name-case": ["lower", { "severity": "warning" }],
+        "function-parentheses-newline-inside": [
+            "always-multi-line",
+            { "severity": "warning" }
+        ],
+        "function-parentheses-space-inside": [
+            "never-single-line",
+            { "severity": "warning" }
+        ],
+        "function-whitespace-after": ["always", { "severity": "warning" }],
+        "keyframe-declaration-no-important": [true, { "severity": "warning" }],
+        "length-zero-no-unit": [true, { "severity": "warning" }],
+        "max-empty-lines": [1, { "severity": "warning" }],
+        "media-feature-name-no-unknown": true,
+        "media-feature-colon-space-after": [
+            "always",
+            { "severity": "warning" }
+        ],
+        "media-feature-colon-space-before": [
+            "never",
+            { "severity": "warning" }
+        ],
+        "media-feature-name-case": ["lower", { "severity": "warning" }],
+        "media-feature-parentheses-space-inside": [
+            "never",
+            { "severity": "warning" }
+        ],
+        "media-feature-range-operator-space-after": [
+            "always",
+            { "severity": "warning" }
+        ],
+        "media-feature-range-operator-space-before": [
+            "always",
+            { "severity": "warning" }
+        ],
+        "media-query-list-comma-newline-after": [
+            "always-multi-line",
+            { "severity": "warning" }
+        ],
+        "media-query-list-comma-space-after": [
+            "always-single-line",
+            { "severity": "warning" }
+        ],
+        "media-query-list-comma-space-before": [
+            "never",
+            { "severity": "warning" }
+        ],
+        "no-duplicate-at-import-rules": true,
+        "no-duplicate-selectors": [true, { "severity": "warning" }],
+        "no-empty-source": true,
+        "no-extra-semicolons": [true, { "severity": "warning" }],
+        "no-eol-whitespace": [true, { "severity": "warning" }],
+        "no-missing-end-of-source-newline": [true, { "severity": "warning" }],
+        "no-invalid-double-slash-comments": [true, { "severity": "warning" }],
+        "number-leading-zero": ["always", { "severity": "warning" }],
+        "number-no-trailing-zeros": [true, { "severity": "warning" }],
+        "property-no-unknown": [true, { "severity": "warning" }],
+        "property-case": ["lower", { "severity": "warning" }],
+        "rule-empty-line-before": [
+            "always-multi-line",
+            {
+                "except": ["first-nested"],
+                "ignore": ["after-comment"],
+                "severity": "warning"
+            }
+        ],
+        "selector-pseudo-class-no-unknown": true,
+        "selector-pseudo-element-no-unknown": true,
+        "selector-type-no-unknown": true,
+        "selector-attribute-brackets-space-inside": [
+            "never",
+            { "severity": "warning" }
+        ],
+        "selector-attribute-operator-space-after": [
+            "never",
+            { "severity": "warning" }
+        ],
+        "selector-attribute-operator-space-before": [
+            "never",
+            { "severity": "warning" }
+        ],
+        "selector-combinator-space-after": [
+            "always",
+            { "severity": "warning" }
+        ],
+        "selector-combinator-space-before": [
+            "always",
+            { "severity": "warning" }
+        ],
+        "selector-descendant-combinator-no-non-space": [
+            true,
+            { "severity": "warning" }
+        ],
+        "selector-list-comma-newline-after": [
+            "always",
+            { "severity": "warning" }
+        ],
+        "selector-list-comma-space-before": [
+            "never",
+            { "severity": "warning" }
+        ],
+        "selector-max-empty-lines": [0, { "severity": "warning" }],
+        "selector-pseudo-class-case": ["lower", { "severity": "warning" }],
+        "selector-pseudo-class-parentheses-space-inside": [
+            "never",
+            { "severity": "warning" }
+        ],
+        "selector-pseudo-element-case": ["lower", { "severity": "warning" }],
+        "selector-pseudo-element-colon-notation": [
+            "double",
+            { "severity": "warning" }
+        ],
+        "selector-type-case": ["lower", { "severity": "warning" }],
+        "string-no-newline": [true, { "severity": "warning" }],
+        "unit-no-unknown": true,
+        "unit-case": ["lower", { "severity": "warning" }],
+        "value-list-comma-newline-after": [
+            "always-multi-line",
+            { "severity": "warning" }
+        ],
+        "value-list-comma-space-after": [
+            "always-single-line",
+            { "severity": "warning" }
+        ],
+        "value-list-comma-space-before": ["never", { "severity": "warning" }],
+        "value-list-max-empty-lines": [0, { "severity": "warning" }]
+    }
+}

Dockerfile

@@ -59,6 +59,7 @@ COPY ./scripts/copy_fonts.py ${KPI_SRC_DIR}/scripts/copy_fonts.py
 COPY ./scripts/generate_icons.js ${KPI_SRC_DIR}/scripts/generate_icons.js
 COPY ./webpack ${KPI_SRC_DIR}/webpack
 COPY ./.eslintrc ${KPI_SRC_DIR}/.eslintrc
+COPY ./.stylelintrc.json ${KPI_SRC_DIR}/.stylelintrc.json
 COPY ./test ${KPI_SRC_DIR}/test
 
 COPY ./jsapp ${KPI_SRC_DIR}/jsapp
@@ -127,6 +128,8 @@ RUN ln -s "${KPI_SRC_DIR}/docker/init.bash" /etc/my_init.d/10_init_kpi.bash && \
     ln -s "${KPI_SRC_DIR}/docker/run_uwsgi.bash" /etc/service/uwsgi/run && \
     mkdir -p /etc/service/celery && \
     ln -s "${KPI_SRC_DIR}/docker/run_celery.bash" /etc/service/celery/run && \
+    mkdir -p /etc/service/celery_beat && \
+    ln -s "${KPI_SRC_DIR}/docker/run_celery_beat.bash" /etc/service/celery_beat/run && \
     mkdir -p /etc/service/celery_sync_kobocat_xforms && \
     ln -s "${KPI_SRC_DIR}/docker/run_celery_sync_kobocat_xforms.bash" /etc/service/celery_sync_kobocat_xforms/run
 

Makefile

@@ -8,5 +8,5 @@ pip_compile: $(PIP_DEPENDENCY_TARGETS)
 
 # All `pip` dependency files depend on their corresponding `.in` file and the base `requirements.in`.
 $(PIP_DEPENDENCY_DIR)/%.txt: $(PIP_DEPENDENCY_DIR)/%.in $(PIP_DEPENDENCY_DIR)/requirements.in
-	pip-compile --output-file=$@ ${ARGS} $<
+	CUSTOM_COMPILE_COMMAND='make pip_compile' pip-compile --output-file=$@ ${ARGS} $<
 

README.md

@@ -65,4 +65,8 @@ As this is a Django project, you may find the admin panel at `<kpi base url>/adm
 
 Icons
 -----
-All project icons are kept in `jsapp/svg-icons/`. Adding new icon requires adding new `svg` file here and regenerating icons with `npm run generate-icons`. Filenames are used for icon font classnames, e.g. `.k-icon-arrow-last` for `arrow-last.svg` (please use kebab-case). You can see all available icons by running `npm run show-icons` - it will open a list in your browser.
+All project icons are kept in `jsapp/svg-icons/`. Adding new icon requires adding new `svg` file here and regenerating icons with `npm run generate-icons`. Filenames are used for icon font classnames, e.g. `.k-icon-arrow-last` for `arrow-last.svg` (please use kebab-case). You can see all available icons by running `npm run show-icons` - it will open a list in your browser.
+
+Supported Browsers
+------------------
+See [browsers list config](./.browserslistrc)