refactor: introduce yarn workspaces

.gitignore

@@ -3,7 +3,7 @@
 /src/node_modules/@sapper/
 yarn-error.log
 /cypress/screenshots/
-/__sapper__/
+/packages/web/__sapper__/
 /static/files
 .nyc_output/
 cypress-coverage/

.ignore

@@ -0,0 +1 @@
+yarn.lock

.semaphore/semaphore.yml

@@ -12,12 +12,12 @@ blocks:
           commands:
             - sem-version node 12
             - checkout
-            - cache restore
-            - cache restore cypress
+            - cache clear
+            - cache clear cypress
             - yarn install
             - yarn cypress install
-            - cache store cypress /home/semaphore/.cache/Cypress
             - cache store
+            - cache store cypress /home/semaphore/.cache/Cypress
     dependencies: []
   - name: Jest
     task:
@@ -40,6 +40,7 @@ blocks:
             - checkout
             - cache restore
             - cache restore cypress
+            - yarn install
             - SEMAPHORE_BUILD_NUMBER=$SEMAPHORE_PIPELINE_ID SEMAPHORE_THREAD_COUNT=3 yarn test
       secrets:
         - name: Percy token
@@ -56,7 +57,7 @@ blocks:
             - sem-version node 12
             - checkout
             - cache restore
-            - yarn eslint src
+            - yarn eslint packages/*/src
   - name: Eslint Cypress
     dependencies:
       - Install dependencies
@@ -67,7 +68,7 @@ blocks:
             - sem-version node 12
             - checkout
             - cache restore
-            - yarn eslint cypress
+            - yarn eslint packages/*/cypress
   - name: Python Code Style Check
     dependencies: []
     task:

package.json

@@ -1,100 +1,35 @@
 {
-  "name": "TODO",
-  "description": "TODO",
-  "version": "0.0.1",
+  "private": true,
   "scripts": {
+    "export": "yarn web export && mv ./packages/web/__sapper__/ .",
     "commit": "git-cz",
-    "dev": "sapper dev --no-hot",
-    "build": "sapper build",
-    "export": "sapper export",
-    "deploy": "echo 'librelingo.app' > __sapper__/export/CNAME && gh-pages -d __sapper__/export",
-    "start": "node __sapper__/build",
-    "cy:run": "cypress run",
-    "cy:open": "cypress open",
-    "percypress": "KNAPSACK_PRO_TEST_FILE_PATTERN=\"cypress/integration/**/*.{feature,features}\" percy exec -- $(npm bin)/knapsack-pro-cypress",
-    "test": "run-p --race dev percypress",
-    "eslintfix": "eslint src cypress --fix",
-    "prettierfix": "yarn prettierfix:src && yarn prettierfix:cypress && yarn prettierfix:svelte",
-    "prettierfix:src": "prettier --write --plugin-search-dir=. ./src/**/*.js",
-    "prettierfix:svelte": "prettier --write --plugin-search-dir=. ./src/**/*.svelte",
-    "prettierfix:cypress": "prettier --write --plugin-search-dir=. ./src/**/*.svelte",
-    "stylefix": "yarn prettierfix && yarn eslintfix",
-    "jest": "jest src",
-    "fetchPhotos": "./scripts/fetchPhotos.sh",
-    "fetchAudios": "./scripts/fetchAudios.sh",
-    "updateAllCourseData": "./scripts/updateAllCourseData.sh",
-    "downloadCourseData": "heroku run -a librelingo-course-editor python manage.py dumpdata course --indent=2 > ./dumps/courseData.json",
-    "loadCourseDataLocally": "yarn downloadCourseData && rm -f db.sqlite3 && python manage.py migrate && python manage.py loaddata ./dumps/courseData.json",
-    "exportCourse": "yarn loadCourseDataLocally && pipenv run python manage.py exportcourse",
-    "docs": "mkdocs serve"
+    "test": "yarn web test",
+    "web": "yarn workspace web",
+    "stylefix": "yarn workspaces run prettierfix && yarn workspaces run eslintfix"
   },
-  "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "1.2.28",
-    "@fortawesome/free-brands-svg-icons": "5.13.0",
-    "@fortawesome/free-solid-svg-icons": "5.13.0",
-    "@openfonts/josefin-sans_all": "1.44.0",
-    "bulma": "0.8.2",
-    "bulma-pageloader": "0.3.0",
-    "bulma-tooltip": "3.0.2",
-    "compression": "1.7.4",
-    "dayjs": "1.8.27",
-    "github-fork-ribbon-css": "0.2.3",
-    "hotkeys-js": "3.8.1",
-    "howler": "2.2.0",
-    "js-levenshtein": "1.1.6",
-    "lodash.shuffle": "4.2.0",
-    "p-memoize": "4.0.0",
-    "polka": "next",
-    "pouchdb": "7.2.1",
-    "rehype-format": "3.0.1",
-    "rehype-stringify": "7.0.0",
-    "remark": "12.0.0",
-    "remark-parse": "8.0.2",
-    "remark-rehype": "6.0.0",
-    "sirv": "0.4.2",
-    "sortablejs": "1.10.2",
-    "svelte-i18n": "3.0.3"
+  "workspaces": {
+    "packages": [
+      "packages/*"
+    ],
+    "nohoist": [
+      "**/bulma",
+      "**/bulma/**",
+      "**/@openfonts/**",
+      "**/svelte/**",
+      "svelte/**",
+      "svelte",
+      "**/svelte",
+      "sapper/**",
+      "sapper",
+      "**/sapper",
+      "knapsack-pro-cypress"
+    ]
   },
   "devDependencies": {
-    "@babel/core": "7.9.6",
-    "@babel/preset-env": "7.9.6",
-    "@commitlint/cli": "8.3.5",
-    "@commitlint/config-conventional": "8.3.4",
-    "@knapsack-pro/cypress": "2.0.0",
-    "@percy/cypress": "2.3.1",
-    "babel-jest": "26.0.1",
-    "babel-plugin-istanbul": "6.0.0",
-    "copy-webpack-plugin": "5.1.1",
-    "css-loader": "3.5.3",
-    "cypress": "4.4.1",
-    "cypress-cucumber-preprocessor": "2.3.1",
-    "cz-conventional-changelog": "3.2.0",
     "eslint": "6.8.0",
-    "eslint-plugin-cypress": "2.10.3",
     "eslint-plugin-jest": "23.13.1",
-    "eslint-plugin-svelte3": "2.7.3",
-    "extract-text-webpack-plugin": "4.0.0-beta.0",
-    "file-loader": "6.0.0",
-    "gh-pages": "2.2.0",
-    "husky": "4.2.5",
-    "istanbul-lib-coverage": "3.0.0",
-    "jest": "26.0.1",
-    "mini-css-extract-plugin": "0.9.0",
-    "node-sass": "4.14.1",
-    "npm-run-all": "4.1.5",
-    "nyc": "15.0.1",
-    "prettier": "2.0.5",
-    "prettier-plugin-svelte": "1.1.0",
-    "raw-loader": "4.0.1",
-    "sapper": "0.27.13",
-    "sass-loader": "8.0.2",
-    "style-loader": "1.2.1",
-    "svelte": "3.22.3",
-    "svelte-loader": "2.13.6",
-    "svelte-preprocess-sass": "0.2.0",
-    "webpack": "4.43.0",
-    "webpack-bundle-analyzer": "3.8.0",
-    "webpack-cli": "3.3.11"
+    "eslint-plugin-cypress": "2.10.3",
+    "eslint-plugin-svelte3": "2.7.3"
   },
   "nyc": {
     "report-dir": "cypress-coverage",

packages/web/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "web",
+  "description": "TODO",
+  "version": "0.0.1",
+  "scripts": {
+    "cy:run": "cypress run",
+    "cy:open": "cypress open",
+    "dev": "sapper dev --no-hot",
+    "build": "sapper build",
+    "export": "sapper export",
+    "deploy": "echo 'librelingo.app' > __sapper__/export/CNAME && gh-pages -d __sapper__/export",
+    "start": "node __sapper__/build",
+    "jest": "jest src",
+    "fetchPhotos": "./scripts/fetchPhotos.sh",
+    "fetchAudios": "./scripts/fetchAudios.sh",
+    "updateAllCourseData": "./scripts/updateAllCourseData.sh",
+    "downloadCourseData": "heroku run -a librelingo-course-editor python manage.py dumpdata course --indent=2 > ./dumps/courseData.json",
+    "loadCourseDataLocally": "yarn downloadCourseData && rm -f db.sqlite3 && python manage.py migrate && python manage.py loaddata ./dumps/courseData.json",
+    "exportCourse": "yarn loadCourseDataLocally && pipenv run python manage.py exportcourse",
+    "percypress": "KNAPSACK_PRO_TEST_FILE_PATTERN=\"cypress/integration/**/*.{feature,features}\" percy exec -- $(npm bin)/knapsack-pro-cypress",
+    "test": "yarn dev & yarn percypress",
+    "docs": "mkdocs serve",
+    "prettierfix": "yarn prettierfix:src && yarn prettierfix:svelte",
+    "prettierfix:src": "prettier --write --plugin-search-dir=. ./src/**/*.js",
+    "prettierfix:svelte": "prettier --write --plugin-search-dir=. ./src/**/*.svelte",
+    "eslintfix": "eslint ./src --fix"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "1.2.28",
+    "@fortawesome/free-brands-svg-icons": "5.13.0",
+    "@fortawesome/free-solid-svg-icons": "5.13.0",
+    "@openfonts/josefin-sans_all": "1.44.0",
+    "bulma": "0.8.2",
+    "bulma-pageloader": "0.3.0",
+    "bulma-tooltip": "3.0.2",
+    "compression": "1.7.4",
+    "dayjs": "1.8.27",
+    "github-fork-ribbon-css": "0.2.3",
+    "hotkeys-js": "3.8.1",
+    "howler": "2.2.0",
+    "js-levenshtein": "1.1.6",
+    "lodash.shuffle": "4.2.0",
+    "p-memoize": "4.0.0",
+    "polka": "next",
+    "pouchdb": "7.2.1",
+    "rehype-format": "3.0.1",
+    "rehype-stringify": "7.0.0",
+    "remark": "12.0.0",
+    "remark-parse": "8.0.2",
+    "remark-rehype": "6.0.0",
+    "sirv": "0.4.2",
+    "sortablejs": "1.10.2",
+    "svelte-i18n": "3.0.3"
+  },
+  "devDependencies": {
+    "@babel/core": "7.9.6",
+    "@babel/preset-env": "7.9.6",
+    "@commitlint/cli": "8.3.5",
+    "@commitlint/config-conventional": "8.3.4",
+    "@knapsack-pro/cypress": "2.0.0",
+    "@percy/cypress": "2.3.1",
+    "babel-jest": "26.0.1",
+    "babel-plugin-istanbul": "6.0.0",
+    "copy-webpack-plugin": "5.1.1",
+    "css-loader": "3.5.3",
+    "cypress": "4.4.1",
+    "cypress-cucumber-preprocessor": "2.3.1",
+    "cz-conventional-changelog": "3.2.0",
+    "extract-text-webpack-plugin": "4.0.0-beta.0",
+    "file-loader": "6.0.0",
+    "gh-pages": "2.2.0",
+    "husky": "4.2.5",
+    "istanbul-lib-coverage": "3.0.0",
+    "jest": "26.0.1",
+    "mini-css-extract-plugin": "0.9.0",
+    "node-sass": "4.14.1",
+    "npm-run-all": "4.1.5",
+    "nyc": "15.0.1",
+    "raw-loader": "4.0.1",
+    "sapper": "0.27.13",
+    "sass-loader": "8.0.2",
+    "style-loader": "1.2.1",
+    "svelte": "3.22.3",
+    "svelte-loader": "2.13.6",
+    "svelte-preprocess-sass": "0.2.0",
+    "webpack": "4.43.0",
+    "webpack-bundle-analyzer": "3.7.0",
+    "webpack-cli": "3.3.11",
+    "prettier": "2.0.5",
+    "prettier-plugin-svelte": "1.1.0",
+    "eslint": "6.8.0",
+    "eslint-plugin-cypress": "2.10.3",
+    "eslint-plugin-jest": "23.13.1",
+    "eslint-plugin-svelte3": "2.7.3"
+  }
+}