feat: switch from npm to yarn

.babelrc

@@ -1,6 +1,6 @@
 {
   "presets": [
-    "@babel/typescript",
+    "@babel/preset-typescript",
     "@babel/preset-env"
   ],
   "plugins": [

.github/workflows/beta.yml

@@ -17,10 +17,10 @@ jobs:
         uses: actions/checkout@v2
 
       - name: Install dependencies
-        run: npm ci
+        run: yarn install --pure-lockfile
 
       - name: Typescript
-        run: npm run tsc
+        run: yarn tsc
 
   deploy:
 

.github/workflows/dev.yml

@@ -17,10 +17,10 @@ jobs:
         uses: actions/checkout@v2
 
       - name: Install dependencies
-        run: npm ci
+        run: yarn install --pure-lockfile
 
       - name: Typescript
-        run: npm run tsc
+        run: yarn tsc
 
   deploy:
 

.github/workflows/pr.yml

@@ -13,6 +13,6 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v2
       - name: Install dependencies
-        run: npm ci
+        run: yarn install --pure-lockfile
       - name: Typescript
-        run: npm run tsc
+        run: yarn tsc

.github/workflows/prod.yml

@@ -18,10 +18,10 @@ jobs:
         uses: actions/checkout@v2
 
       - name: Install dependencies
-        run: npm ci
+        run: yarn install --pure-lockfile
 
       - name: Typescript
-        run: npm run tsc
+        run: yarn tsc
 
   deploy:
 

.gitignore

@@ -42,3 +42,7 @@ dump.rdb
 /dist/stylesheets
 /dist/fonts
 /dist/@types
+
+# Yarn
+yarn-error.log
+package-lock.json

Dockerfile

@@ -1,4 +1,4 @@
-FROM ruby:2.7.1-alpine
+FROM ruby:2.7.1-alpine3.12
 
 ARG UID=1000
 ARG GID=1000
@@ -7,10 +7,11 @@ RUN addgroup -S webapp -g $GID && adduser -D -S webapp -G webapp -u $UID
 
 RUN apk add --update --no-cache \
     alpine-sdk \
-    nodejs \
+    nodejs-current \
     python2 \
     git \
     nodejs-npm \
+    yarn \
     tzdata
 
 WORKDIR /app/
@@ -19,17 +20,17 @@ RUN chown -R $UID:$GID .
 
 USER webapp
 
-COPY --chown=$UID:$GID package.json package-lock.json Gemfile Gemfile.lock /app/
+COPY --chown=$UID:$GID package.json yarn.lock Gemfile Gemfile.lock /app/
 
 COPY --chown=$UID:$GID vendor /app/vendor
 
-RUN npm ci
+RUN yarn install --pure-lockfile
 
 RUN gem install bundler && bundle install
 
 COPY --chown=$UID:$GID . /app/
 
-RUN npm run bundle
+RUN yarn bundle
 
 RUN bundle exec rails assets:precompile
 

README.md

@@ -88,9 +88,10 @@ This repo contains the core code used in the web app, as well as the Electron-ba
 
 **Instructions:**
 
+1. Ensure you have [Yarn](https://classic.yarnpkg.com) installed
 1. Clone the repo
-1. `npm run setup`
-1. `npm start`
+1. `yarn setup`
+1. `yarn start`
 
 Then open your browser to `http://localhost:3001`.
 

app/assets/javascripts/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "esnext",
+    "target": "ES2019",
     "module": "commonjs",
     "moduleResolution": "node",
     "allowJs": true,

app/assets/javascripts/ui_models/app_state.ts

@@ -61,8 +61,8 @@ class ActionsMenuState {
 
 export class SyncState {
   inProgress = false;
-  errorMessage?: string;
-  humanReadablePercentage?: string;
+  errorMessage?: string = undefined;
+  humanReadablePercentage?: string = undefined;
 
   constructor() {
     makeObservable(this, {