Merge branch 'master' into prettier

* master:
  fix: correct import of merkle in test
  chore: move snapshot to new dir
  refactor: move crdt files into separate directory
  revert: revert pruning of svg imports
  style: nicer re-exporting syntax
  refactor: remove unused imports
  chore: update package scripts to take advantage of yarn v3
  build: add missing eslint dependency to loot-core
  build: add cross-env dependency to desktop-client package.json
  build: remove deprecated nohoist settings and prevent hoisting of mobile dependencies
  fix: move downshift patch to monorepo root
  CI: update CI definition to use yarn v3
  fix: wrap glob in quotes so that it's properly passed to npm-run-all
  chore: update root yarn scripts to use `workspace` command instead of cd
  chore: fix broken builds
  chore: update to yarnv3 and fix missing packages preventing install
  Force react-error-overlay to 6.0.9 to fix error
  Add docs for building for windows (contributed by @ejmurra)
  add: tsconfig.json

.circleci/config.yml

@@ -47,7 +47,7 @@ jobs:
           keys:
             - v3-dependencies-{{ checksum "yarn.lock" }}
 
-      - run: yarn install --pure-lockfile
+      - run: yarn install --immutable
 
       - save_cache:
           <<: *cached_files
@@ -74,7 +74,7 @@ jobs:
           shell: bash
 
       - run:
-          command: yarn install --pure-lockfile
+          command: yarn install --immutable
           shell: bash
 
       - run:
@@ -96,7 +96,7 @@ jobs:
           keys:
             - v3-dependencies-{{ checksum "yarn.lock" }}
 
-      - run: yarn install --pure-lockfile
+      - run: yarn install --immutable
 
       - run: sudo npm install -g @sentry/cli --unsafe-perm
 

.gitignore

@@ -20,3 +20,12 @@ bundle.mobile.js.map
 export-2020-01-10.csv
 
 **/*.log
+
+# Yarn
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.yarnrc.yml

@@ -0,0 +1,7 @@
+nodeLinker: node-modules
+
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
+    spec: "@yarnpkg/plugin-workspace-tools"
+
+yarnPath: .yarn/releases/yarn-3.2.0.cjs

bin/package

@@ -80,27 +80,14 @@ if [[ $CI != true && "$OSTYPE" == "darwin"* ]]; then
     yarn lint
 fi
 
-./node_modules/.bin/patch-package
+yarn patch-package
 
-(
-  cd packages/loot-design;
-  ../../node_modules/.bin/patch-package
-)
+yarn workspace mobile patch-package
 
-(
-  cd packages/mobile;
-  ../../node_modules/.bin/patch-package
-)
+yarn workspace loot-core build:node
 
-(
-  cd packages/loot-core;
-  NODE_ENV=production yarn build:node
-)
+yarn workspace @actual-app/web build
 
-(
-  cd packages/desktop-client;
-  yarn build
-)
 
 rm -fr packages/desktop-electron/client-build
 cp -r packages/desktop-client/build packages/desktop-electron/client-build

bin/package-browser

@@ -56,19 +56,8 @@ if [ $CI != true ]; then
     yarn lint
 fi
 
-(
-  cd packages/loot-design;
-  ../../node_modules/.bin/patch-package
-)
+ACTUAL_RELEASE_TYPE=$RELEASE yarn workspace loot-core build:browser
 
-(
-  cd packages/loot-core;
-  ACTUAL_RELEASE_TYPE=$RELEASE yarn build:browser
-)
-
-(
-  cd packages/desktop-client;
-  REACT_APP_RELEASE_TYPE=$RELEASE yarn build:browser
-)
+REACT_APP_RELEASE_TYPE=$RELEASE yarn workspace @actual-app/web build:browser
 
 echo "packages/desktop-client/build"

docs/Building-for-Windows.md

@@ -0,0 +1,18 @@
+# How to build browser for Windows
+Many of the build scripts are bash scripts and not natively invokable in Windows. To solve this, you can build the project using Git Bash.
+1. Install [Git & Git Bash for Windows](https://git-scm.com/downloads)
+2. Install Node v16.x (latest version 17.x does not work due to issue with crypto package)
+3. Clone this repo
+4. From the root of this repo, run `sh` to launch a bash shell
+5. From inside the bash shell, run `yarn install`
+6. From still inside the shell, run `yarn start:browser`
+7. Open your browser to `localhost:3001`
+
+# How to build electron for Windows
+1. Follow steps 1 - 5 above.
+2. Run `yarn start`
+3. If you get an error from electron, run `yarn rebuild-electron` and rerun `yarn start`;
+
+## rsync: command not found
+If you run into this error, you will need to install the rsync binary to Git Bash. Follow the [directions here](https://prasaz.medium.com/add-rsync-to-windows-git-bash-f42736bae1b3). When you get to the final step - installing the libxxhash dll - rename the dll from `msys-xxhash-0.8.0.dll` to `msys-xxhash-0.dll`
+

package.json

@@ -15,46 +15,22 @@
   "workspaces": {
     "packages": [
       "packages/*"
-    ],
-    "nohoist": [
-      "**/better-sqlite3",
-      "**/better-sqlite3/**",
-      "mobile/react-native",
-      "mobile/react-native-*",
-      "mobile/rn-fetch-blob",
-      "mobile/**/event-target-shim",
-      "mobile/@sentry/react-native",
-      "mobile/nodejs-mobile-react-native",
-      "**/mobile/nodejs-mobile-react-native/**",
-      "**/@react-native-community/**",
-      "**/@react-navigation/**",
-      "mobile/react-navigation",
-      "mobile/react-navigation-tabs",
-      "mobile/rn-snoopy",
-      "mobile/rn-snoopy/**",
-      "mobile/detox",
-      "mobile/detox/**",
-      "mobile/jsc-android",
-      "mobile/jsc-android/**",
-      "**/react-native-web",
-      "**/react-native-web/**",
-      "**/@sentry/cli"
     ]
   },
   "scripts": {
-    "start": "npm-run-all --parallel start:desktop-*",
-    "start:desktop-node": "cd packages/loot-core && yarn watch:node",
-    "start:desktop-client": "cd packages/desktop-client && yarn watch",
-    "start:desktop-electron": "cd packages/desktop-electron && yarn watch",
-    "start:browser": "npm-run-all --parallel start:browser-*",
-    "start:browser-backend": "cd packages/loot-core && yarn watch:browser",
-    "start:browser-frontend": "cd packages/desktop-client && yarn start:browser",
+    "start": "npm-run-all --parallel 'start:desktop-*'",
+    "start:desktop-node": "yarn workspace loot-core watch:node",
+    "start:desktop-client": "yarn workspace @actual-app/web watch",
+    "start:desktop-electron": "yarn workspace Actual watch",
+    "start:browser": "npm-run-all --parallel 'start:browser-*'",
+    "start:browser-backend": "yarn workspace loot-core watch:browser",
+    "start:browser-frontend": "yarn workspace @actual-app/web start:browser",
     "test": "./node_modules/.bin/jest --maxWorkers=4",
     "test:debug": "node ./node_modules/.bin/jest --runInBand --useStderr",
     "test:debug-brk": "node --inspect-brk ./node_modules/.bin/jest --runInBand",
     "rebuild-electron": "./node_modules/.bin/electron-rebuild -f -m ./packages/loot-core",
-    "rebuild-node": "cd packages/loot-core && npm rebuild",
-    "lint": "cd packages/loot-core && yarn lint",
+    "rebuild-node": "yarn workspace loot-core rebuild",
+    "lint": "yarn workspace loot-core lint",
     "postinstall": "rm -rf ./packages/loot-design/node_modules/react && rm -rf ./packages/mobile/node_modules/react && rm -rf ./node_modules/react-native && patch-package"
   },
   "devDependencies": {
@@ -62,6 +38,7 @@
     "cross-env": "^5.1.5",
     "husky": "^3.0.4",
     "npm-run-all": "^4.1.3",
+    "patch-package": "^6.1.2",
     "prettier": "^1.18.1",
     "pretty-quick": "^1.11.1",
     "shelljs": "^0.8.2",
@@ -71,6 +48,8 @@
     "@babel/preset-env": "^7.15.1",
     "@babel/core": "^7.15.1",
     "@babel/runtime": "^7.15.1",
-    "@babel/helper-plugin-utils": "^7.14.5"
-  }
+    "@babel/helper-plugin-utils": "^7.14.5",
+    "react-error-overlay": "6.0.9"
+  },
+  "packageManager": "yarn@3.2.0"
 }

packages/desktop-client/package.json

@@ -23,6 +23,7 @@
     "case-sensitive-paths-webpack-plugin": "2.1.2",
     "chalk": "2.4.1",
     "codemirror": "^5.37.0",
+    "cross-env": "^7.0.3",
     "css-loader": "1.0.0",
     "date-fns": "2.0.0-alpha.27",
     "debounce": "^1.2.0",

packages/import-ynab4/importer.js

@@ -2,8 +2,8 @@ const d = require('date-fns');
 const normalizePathSep = require('slash');
 const uuid = require('uuid');
 const AdmZip = require('adm-zip');
-const actual = require('@actual-app/api/methods');
-const { amountToInteger } = require('@actual-app/api/utils');
+const actual = require('@actual-app/api');
+const amountToInteger = actual.utils.amountToInteger;
 
 // Utils
 

packages/import-ynab5/importer.js

@@ -1,7 +1,6 @@
 const d = require('date-fns');
 const uuid = require('uuid');
-const actual = require('@actual-app/api/methods');
-const { amountToInteger } = require('@actual-app/api/utils');
+const actual = require('@actual-app/api');
 
 function amountFromYnab(amount) {
   // ynabs multiplies amount by 1000 and actual by 100

packages/loot-core/bin/get-db-schema

@@ -3,7 +3,6 @@ process.env.LOOT_DATA_DIR = __dirname + '/../../../../data';
 import * as sqlite from '../platform/server/sqlite';
 import * as db from '../server/db';
 import { getMessages } from '../server/sync';
-import Timestamp from '../server/timestamp';
 
 let dbPath = process.argv[2];
 let tables = [

packages/loot-core/bin/profile-sql.js

@@ -4,7 +4,6 @@ import os from 'os';
 import * as sqlite from '../src/platform/server/sqlite';
 import * as db from '../src/server/db';
 import { batchMessages, setSyncingMode } from '../src/server/sync';
-import Timestamp from '../src/server/timestamp';
 import { runQuery } from '../src/server/aql/schema/run-query';
 import asyncStorage from '../src/platform/server/asyncStorage';
 import { makeChild } from '../src/shared/transactions';

packages/loot-core/package.json

@@ -7,8 +7,8 @@
     "build:node": "cross-env NODE_ENV=production webpack --config ./webpack/webpack.desktop.config.js",
     "watch:node": "cross-env NODE_ENV=development webpack --config ./webpack/webpack.desktop.config.js --watch",
     "build:api": "cross-env NODE_ENV=development webpack --config ./webpack/webpack.api.config.js",
-    "build:browser": "NODE_ENV=production ./bin/build-browser",
-    "watch:browser": "NODE_ENV=development ./bin/build-browser",
+    "build:browser": "cross-env NODE_ENV=production ./bin/build-browser",
+    "watch:browser": "cross-env NODE_ENV=development ./bin/build-browser",
     "lint": "eslint src"
   },
   "author": "",
@@ -43,8 +43,10 @@
     "babel-jest": "25.2.6",
     "babel-loader": "^8.0.6",
     "buffer": "^5.5.0",
+    "cross-env": "^7.0.3",
     "damerau-levenshtein": "^1.0.4",
     "date-fns": "2.0.0-alpha.27",
+    "eslint": "5.6.0",
     "eslint-plugin-prettier": "^3.1.4",
     "esm": "^3.0.82",
     "fake-indexeddb": "^3.1.3",
@@ -55,15 +57,15 @@
     "lru-cache": "^5.1.1",
     "memfs": "3.1.1",
     "memoize-one": "^4.0.0",
-    "mockdate": "^3.0.5",
     "mock-require": "^3.0.2",
+    "mockdate": "^3.0.5",
     "murmurhash": "^0.0.2",
     "perf-deets": "^1.0.15",
     "prettier": "^1.19.1",
     "sanitize-filename": "^1.6.1",
     "search-query-parser": "^1.3.0",
-    "source-map": "^0.7.3",
     "snapshot-diff": "^0.2.2",
+    "source-map": "^0.7.3",
     "throttleit": "^1.0.0",
     "uuid": "3.3.2",
     "webpack": "^4.41.2",

packages/loot-core/src/client/actions/account.js

@@ -1,6 +1,6 @@
 import { send } from '../../platform/client/fetch';
 import constants from '../constants';
-import { getPayees, getAccounts, filterTransactions } from './queries';
+import { getPayees, getAccounts } from './queries';
 import { addNotification } from './notifications';
 
 export function setAccountsSyncing(name) {

packages/loot-core/src/client/actions/sync.js

@@ -1,10 +1,7 @@
 import { send } from '../../platform/client/fetch';
 import constants from '../constants';
 import { loadPrefs } from './prefs';
-import { createBudget, loadBudget } from './budgets';
-import { getCategories, getAccounts, getPayees } from './queries';
 import { syncAccounts } from './account';
-import { setAppState } from './app';
 import { pushModal } from './modals';
 import { getUploadError } from '../../shared/errors';
 

packages/loot-core/src/client/actions/tutorial.js

@@ -1,4 +1,3 @@
-import constants from '../constants';
 import { send } from '../../platform/client/fetch';
 import Platform from '../platform';
 import { pushModal } from './modals';

packages/loot-core/src/client/data-hooks/accounts.js

@@ -1,5 +1,5 @@
-import React, { useMemo, useEffect, useState, useContext } from 'react';
-import q, { liveQuery, runQuery } from 'loot-core/src/client/query-helpers';
+import React, { useEffect, useState, useContext } from 'react';
+import q, { liveQuery } from 'loot-core/src/client/query-helpers';
 import { getAccountsById } from 'loot-core/src/client/reducers/queries';
 
 export function useAccounts() {

packages/loot-core/src/client/data-hooks/payees.js

@@ -1,5 +1,5 @@
-import React, { useMemo, useEffect, useState, useContext } from 'react';
-import q, { liveQuery, runQuery } from 'loot-core/src/client/query-helpers';
+import React, { useEffect, useState, useContext } from 'react';
+import q, { liveQuery } from 'loot-core/src/client/query-helpers';
 import { getPayeesById } from 'loot-core/src/client/reducers/queries';
 
 export function usePayees() {

packages/loot-core/src/client/data-hooks/schedules.js

@@ -1,11 +1,9 @@
-import React, { useMemo, useEffect, useState, useContext } from 'react';
-import * as monthUtils from 'loot-core/src/shared/months';
+import React, { useEffect, useState, useContext } from 'react';
 import {
   getStatus,
   getHasTransactionsQuery
 } from 'loot-core/src/shared/schedules';
-import q, { liveQuery, runQuery } from 'loot-core/src/client/query-helpers';
-import { send } from 'loot-core/src/platform/client/fetch';
+import q, { liveQuery } from 'loot-core/src/client/query-helpers';
 
 function loadStatuses(schedules, onData) {
   return liveQuery(getHasTransactionsQuery(schedules), onData, {

packages/loot-core/src/client/query-helpers.js

@@ -1,5 +1,5 @@
 import { listen, send } from '../platform/client/fetch';
-import { once, runAgain } from '../shared/async';
+import { once } from '../shared/async';
 
 import q, { getPrimaryOrderBy } from '../shared/query';
 export default q;

packages/loot-core/src/mocks/plaid.js

@@ -1,4 +1,3 @@
-import dateFns from 'date-fns';
 const uuid = require('../platform/uuid');
 
 export function generateAccount(balance) {

packages/loot-core/src/mocks/setup.js

@@ -5,7 +5,6 @@ import * as sheet from '../server/sheet';
 import * as rules from '../server/accounts/transaction-rules';
 import * as tracking from '../server/tracking/events';
 import { setSyncingMode } from '../server/sync';
-import * as monthUtils from '../shared/months';
 import { updateVersion } from '../server/update';
 import { resetTracer, tracer } from '../shared/test-helpers';
 import {

packages/loot-core/src/platform/server/fs/index.web.test.js

@@ -4,16 +4,7 @@ require('fake-indexeddb/auto');
 let FDBFactory = require('fake-indexeddb/lib/FDBFactory');
 
 let idb = require('../indexeddb');
-let {
-  init,
-  populateFileHeirarchy,
-  readFile,
-  writeFile,
-  exists,
-  pathToId,
-  listDir,
-  join
-} = require('./index');
+let { init, readFile, writeFile, exists, pathToId, join } = require('./index');
 
 beforeAll(() => {
   process.env.PUBLIC_URL =

packages/loot-core/src/server/accounts/export-to-csv.js

@@ -1,4 +1,3 @@
-import fs from 'fs';
 import csvStringify from 'csv-stringify/lib/sync';
 import { runQuery as aqlQuery } from '../aql/schema/run-query';
 import { integerToAmount } from '../../shared/util';

packages/loot-core/src/server/accounts/rules.js

@@ -7,7 +7,6 @@ import {
   isAfter,
   addDays,
   subDays,
-  format as formatDate,
   parseDate
 } from '../../shared/months';
 import { fastSetMerge } from '../../shared/util';

packages/loot-core/src/server/accounts/rules.test.js

@@ -1,6 +1,5 @@
 import {
   parseDateString,
-  parseRecurDate,
   rankRules,
   iterateIds,
   Condition,

packages/loot-core/src/server/accounts/sync.js

@@ -1,24 +1,15 @@
 import title from './title';
 import * as db from '../db';
-import {
-  mergeObjects,
-  hasFieldsChanged,
-  toRelaxedNumber,
-  amountToInteger,
-  integerToAmount
-} from '../../shared/util';
+import { hasFieldsChanged, amountToInteger } from '../../shared/util';
 import {
   makeChild as makeChildTransaction,
   recalculateSplit
 } from '../../shared/transactions';
 import * as monthUtils from '../../shared/months';
-import { transactionModel } from '../api-models';
 import { getServer } from '../server-config';
 import { batchMessages } from '../sync';
 import { runMutator } from '../mutators';
 import { getStartingBalancePayee } from './payees';
-import * as transfer from './transfer';
-import { TransactionError } from '../errors';
 import { runRules } from './transaction-rules';
 import { batchUpdateTransactions } from './transactions';
 

packages/loot-core/src/server/accounts/transaction-rules.js

@@ -17,13 +17,11 @@ import {
   sortNumbers,
   getApproxNumberThreshold
 } from '../../shared/rules';
-import q from '../../shared/query';
 import { requiredFields, toDateRepr } from '../models';
 import { currentDay } from '../../shared/months';
 import { partitionByField, fastSetMerge } from '../../shared/util';
 import { setSyncingMode, batchMessages } from '../sync';
 import { schemaConfig } from '../aql/schema';
-const uuid = require('../../platform/uuid');
 
 // TODO: Detect if it looks like the user is creating a rename rule
 // and prompt to create it in the pre phase instead

packages/loot-core/src/server/accounts/transaction-rules.test.js

@@ -1,5 +1,4 @@
 import * as db from '../db';
-import { Rule } from './rules';
 import {
   getRules,
   loadRules,
@@ -15,7 +14,6 @@ import {
   migrateOldRules
 } from './transaction-rules';
 import { loadMappings } from '../db/mappings';
-import { applyMigration } from '../migrate/migrations';
 import { runQuery } from '../aql/schema/run-query';
 import q from '../../shared/query';
 

packages/loot-core/src/server/accounts/transactions.js

@@ -1,4 +1,3 @@
-import * as sheet from '../sheet';
 import { batchMessages } from '../sync';
 import * as db from '../db';
 import { incrFetch, whereIn } from '../db/util';

packages/loot-core/src/server/api.js

@@ -1,6 +1,5 @@
 import { addTransactions } from './accounts/sync';
 import {
-  transactionModel,
   accountModel,
   categoryModel,
   categoryGroupModel,
@@ -16,17 +15,14 @@ import * as db from './db';
 import * as sheet from './sheet';
 import * as prefs from './prefs';
 import * as monthUtils from '../shared/months';
-import * as update from './update';
 import * as cloudStorage from './cloud-storage';
 import { setSyncingMode, batchMessages } from './sync';
-import { groupById, cleanUUID } from '../shared/util';
-import { getClock } from './timestamp';
+import { getClock } from './crdt';
 import { runMutator } from './mutators';
 import { integerToAmount } from '../shared/util';
 import { runQuery as aqlQuery } from './aql/schema/run-query';
 import q from '../shared/query';
 
-const { resolveName } = require('./spreadsheet/util');
 const connection = require('../platform/server/connection');
 
 let IMPORT_MODE = false;

packages/loot-core/src/server/aql/schema/executors.js

@@ -1,6 +1,5 @@
 import * as db from '../../db';
 import { whereIn } from '../../db/util';
-import { groupBy } from '../../../shared/util';
 import { isAggregateQuery } from '../compiler';
 import { convertOutputType } from '../schema-helpers';
 import { execQuery } from '../exec';

packages/loot-core/src/server/aql/schema/executors.test.js

@@ -1,16 +1,12 @@
 import fc from 'fast-check';
 import * as db from '../../db';
 import query from '../../../shared/query';
-import { makeChild } from '../../../shared/transactions';
 import { batchMessages, setSyncingMode } from '../../sync/index';
-import { setClock } from '../../timestamp';
+import { setClock } from '../../crdt';
 import { groupById } from '../../../shared/util';
 import arbs from '../../../mocks/arbitrary-schema';
-import { isAggregateQuery } from '../compiler';
 import { runQuery } from './run-query';
-import { toGroup, isHappyPathQuery } from './executors';
-
-const uuid = require('../../../platform/uuid');
+import { isHappyPathQuery } from './executors';
 
 beforeEach(global.emptyDatabase());
 

packages/loot-core/src/server/budget/actions.js

@@ -1,7 +1,6 @@
 import * as monthUtils from '../../shared/months';
 import * as db from '../db';
 import { batchMessages } from '../sync';
-import { groupBySingle } from '../../shared/util';
 import * as prefs from '../prefs';
 import * as sheet from '../sheet';
 

packages/loot-core/src/server/budget/report.js

@@ -1,5 +1,4 @@
 import * as sheet from '../sheet';
-import * as monthUtils from '../../shared/months';
 import { number, sumAmounts } from './util';
 const { resolveName } = require('../spreadsheet/util');
 

packages/loot-core/src/server/crdt/index.js

@@ -0,0 +1,12 @@
+import * as merkle from './merkle';
+
+export { merkle };
+export {
+  getClock,
+  setClock,
+  makeClock,
+  makeClientId,
+  serializeClock,
+  deserializeClock,
+  Timestamp
+} from './timestamp';

packages/loot-core/src/server/crdt/merkle.test.js

@@ -1,5 +1,5 @@
 import * as merkle from './merkle';
-import Timestamp from './timestamp';
+import { Timestamp } from './timestamp';
 
 function pretty(n) {
   if (n < 60) {

packages/loot-core/src/server/crdt/timestamp.js

@@ -1,5 +1,5 @@
 import murmurhash from 'murmurhash';
-const uuid = require('../platform/uuid');
+const uuid = require('../../platform/uuid');
 
 /**
  * Hybrid Unique Logical Clock (HULC) timestamp generator
@@ -81,7 +81,7 @@ const MAX_NODE_LENGTH = 16;
 /**
  * timestamp instance class
  */
-export default class Timestamp {
+export class Timestamp {
   constructor(millis, counter, node) {
     this._state = {
       millis: millis,
@@ -124,7 +124,7 @@ export default class Timestamp {
   }
 }
 
-export class MutableTimestamp extends Timestamp {
+class MutableTimestamp extends Timestamp {
   setMillis(n) {
     this._state.millis = n;
   }

packages/loot-core/src/server/crdt/timestamp.test.js

@@ -1,4 +1,4 @@
-import Timestamp, { setClock, makeClock } from './timestamp';
+import { Timestamp } from './timestamp';
 
 describe('Timestamp', function() {
   let now = 0;

packages/loot-core/src/server/db/index.js

@@ -11,13 +11,14 @@ import {
   payeeRuleModel
 } from '../models';
 import { groupById } from '../../shared/util';
-import Timestamp, {
+import {
   makeClock,
   setClock,
   serializeClock,
   deserializeClock,
-  makeClientId
-} from '../timestamp';
+  makeClientId,
+  Timestamp
+} from '../crdt';
 import {
   convertForInsert,
   convertForUpdate,

packages/loot-core/src/server/main.js

@@ -1,5 +1,4 @@
 import './polyfills';
-import { differenceInDays } from 'date-fns';
 import asyncStorage from '../platform/server/asyncStorage';
 import { captureException, captureBreadcrumb } from '../platform/exceptions';
 import * as prefs from './prefs';
@@ -31,8 +30,16 @@ import * as bankSync from './accounts/sync';
 import * as link from './accounts/link';
 import { uniqueFileName, idFromFileName } from './util/budget-name';
 import { mutator, runHandler } from './mutators';
-import * as timestamp from './timestamp';
-import * as merkle from './merkle';
+import {
+  getClock,
+  setClock,
+  makeClock,
+  makeClientId,
+  serializeClock,
+  deserializeClock,
+  Timestamp,
+  merkle
+} from './crdt';
 import {
   initialFullSync,
   fullSync,
@@ -1976,10 +1983,10 @@ async function loadBudget(id, appVersion, { showUpdate } = {}) {
     //
     // TODO: The client id should be stored elsewhere. It shouldn't
     // work this way, but it's fine for now.
-    timestamp.getClock().timestamp.setNode(timestamp.makeClientId());
+    getClock().timestamp.setNode(makeClientId());
     await db.runQuery(
       'INSERT OR REPLACE INTO messages_clock (id, clock) VALUES (1, ?)',
-      [timestamp.serializeClock(timestamp.getClock())]
+      [serializeClock(getClock())]
     );
 
     await prefs.savePrefs({ resetClock: false });
@@ -2261,7 +2268,15 @@ export const lib = {
 
   // Expose CRDT mechanisms so server can use them
   merkle,
-  timestamp,
+  timestamp: {
+    getClock,
+    setClock,
+    makeClock,
+    makeClientId,
+    serializeClock,
+    deserializeClock,
+    Timestamp
+  },
   SyncProtoBuf: SyncPb
 };
 

packages/loot-core/src/server/main.test.js

@@ -3,7 +3,7 @@ import * as prefs from './prefs';
 import * as db from './db';
 import * as budget from './budget/base';
 import * as monthUtils from '../shared/months';
-import { getClock, deserializeClock } from './timestamp';
+import { getClock, deserializeClock } from './crdt';
 import {
   runHandler,
   runMutator,

packages/loot-core/src/server/migrate/migrations.test.js

@@ -3,8 +3,7 @@ import {
   withMigrationsDir,
   getAppliedMigrations,
   getMigrationList,
-  getPending,
-  applyMigration
+  getPending
 } from './migrations';
 import * as db from '../db';
 

packages/loot-core/src/server/post.js

@@ -1,5 +1,5 @@
 import Platform from './platform';
-const { PostError, HTTPError } = require('./errors');
+const { PostError } = require('./errors');
 const { fetch } = require('../platform/server/fetch');
 
 function throwIfNot200(res, text) {

packages/loot-core/src/server/prefs.js

@@ -1,5 +1,5 @@
 import { sendMessages } from './sync';
-import Timestamp from './timestamp';
+import { Timestamp } from './crdt';
 const fs = require('../platform/server/fs');
 
 let prefs = null;

packages/loot-core/src/server/schedules/app.js

@@ -5,8 +5,6 @@ import * as db from '../db';
 import * as prefs from '../prefs';
 import { toDateRepr } from '../models';
 import { runQuery as aqlQuery } from '../aql/schema/run-query';
-import { compileQuery } from '../aql/compiler';
-import { schema, schemaConfig } from '../aql/schema';
 import { dayFromDate, currentDay, parseDate } from '../../shared/months';
 import q from '../../shared/query';
 import {

packages/loot-core/src/server/schedules/app.test.js

@@ -1,4 +1,3 @@
-import * as db from '../db';
 import { runQuery as aqlQuery } from '../aql/schema/run-query';
 import q from '../../shared/query';
 import { loadRules, updateRule } from '../accounts/transaction-rules';
@@ -6,7 +5,6 @@ import { loadMappings } from '../db/mappings';
 import {
   updateConditions,
   getNextDate,
-  listSchedules,
   createSchedule,
   updateSchedule,
   deleteSchedule,

packages/loot-core/src/server/schedules/find-schedules.js

@@ -7,7 +7,7 @@ import { runQuery as aqlQuery } from '../aql/schema/run-query';
 import q from '../../shared/query';
 import { getApproxNumberThreshold } from '../../shared/rules';
 import { recurConfigToRSchedule } from '../../shared/schedules';
-import { dayFromDate, parseDate, subDays } from '../../shared/months';
+import { dayFromDate, parseDate } from '../../shared/months';
 import { conditionsToAQL } from '../accounts/transaction-rules';
 const uuid = require('../../platform/uuid');
 

packages/loot-core/src/server/spreadsheet/new/sqlgen.js

@@ -1,5 +1,4 @@
 import * as nodes from './nodes';
-const uuid = require('../../../platform/uuid');
 
 let _uid = 0;
 function resetUid() {

packages/loot-core/src/server/spreadsheet/new/vm.js

@@ -1,5 +1,5 @@
-import { compile, compileBinding } from './compiler';
-import { MOV, CALL, QUERY, UOP, BOP, REG1, SP, VAR, JUMPF, JUMPT } from './ops';
+import { compile } from './compiler';
+import { MOV, CALL, QUERY, UOP, BOP, JUMPF, JUMPT } from './ops';
 
 export default class VM {
   constructor(db, scopes) {

packages/loot-core/src/server/sync/index.js

@@ -1,5 +1,4 @@
 import { sequential, once } from '../../shared/async';
-import * as perf from '../perf';
 import * as prefs from '../prefs';
 import app from '../main-app';
 import asyncStorage from '../../platform/server/asyncStorage';
@@ -12,12 +11,13 @@ import { triggerBudgetChanges, setType as setBudgetType } from '../budget/base';
 import * as undo from '../undo';
 import { runMutator } from '../mutators';
 import { setIn, getIn } from '../../shared/util';
-import Timestamp, {
+import {
   serializeClock,
   deserializeClock,
-  getClock
-} from '../timestamp';
-import * as merkle from '../merkle';
+  getClock,
+  Timestamp,
+  merkle
+} from '../crdt';
 import * as encoder from './encoder';
 import { getServer } from '../server-config';
 import { rebuildMerkleHash } from './repair';

packages/loot-core/src/server/sync/migrate.js

@@ -1,5 +1,5 @@
 import { addSyncListener, applyMessages } from './index';
-import Timestamp from '../timestamp';
+import { Timestamp } from '../crdt';
 
 function migrateParentIds(oldValues, newValues) {
   newValues.forEach((items, table) => {

packages/loot-core/src/server/sync/migrate.test.js

@@ -1,12 +1,11 @@
 import fc from 'fast-check';
 import * as db from '../db';
-import { migrateParentIds, listen, unlisten } from './migrate';
-import { addSyncListener, batchMessages, sendMessages } from './index';
+import { listen, unlisten } from './migrate';
+import { addSyncListener, sendMessages } from './index';
 import { execTracer } from '../../shared/test-helpers';
 import { schema, schemaConfig } from '../aql/schema';
 import arbs from '../../mocks/arbitrary-schema';
 import { convertInputType } from '../aql/schema-helpers';
-import { groupBy } from '../../shared/util';
 
 beforeEach(() => {
   listen();

packages/loot-core/src/server/sync/repair.js

@@ -1,6 +1,5 @@
 import * as db from '../db';
-import Timestamp, { serializeClock, getClock } from '../timestamp';
-import * as merkle from '../merkle';
+import { serializeClock, getClock, Timestamp, merkle } from '../crdt';
 
 export function rebuildMerkleHash() {
   let rows = db.runQuery('SELECT timestamp FROM messages_crdt', [], true);

packages/loot-core/src/server/sync/sync.property.test.js

@@ -2,13 +2,9 @@ import * as prefs from '../prefs';
 import * as db from '../db';
 import * as sheet from '../sheet';
 import * as sync from './index';
-import Timestamp, { deserializeClock, getClock } from '../timestamp';
-import * as merkle from '../merkle';
+import { merkle, getClock, Timestamp } from '../crdt';
 import * as encoder from './encoder';
-const Database = require('better-sqlite3');
-const fs = require('fs');
 const jsc = require('jsverify');
-const uuid = require('uuid');
 const uuidGenerator = jsc.integer(97, 122).smap(
   x => String.fromCharCode(x),
   x => x.charCodeAt(x)

packages/loot-core/src/server/sync/sync.test.js

@@ -1,7 +1,7 @@
 import * as prefs from '../prefs';
 import * as db from '../db';
 import * as sheet from '../sheet';
-import Timestamp, { getClock } from '../timestamp';
+import { getClock, Timestamp } from '../crdt';
 import { resolveName } from '../spreadsheet/util';
 import { setSyncingMode, sendMessages, applyMessages, fullSync } from './index';
 import * as encoder from './encoder';

packages/loot-core/src/server/tests/mockSyncServer.js

@@ -1,6 +1,5 @@
 import dateFns from 'date-fns';
-import * as merkle from '../merkle';
-import Timestamp, { makeClock } from '../timestamp';
+import { makeClock, Timestamp, merkle } from '../crdt';
 const defaultMockData = require('./mockData').basic;
 const SyncPb = require('../sync/proto/sync_pb');
 

packages/loot-core/src/server/tools/app.js

@@ -1,4 +1,3 @@
-import { batchMessages } from '../sync';
 import { runMutator } from '../mutators';
 import { createApp } from '../app';
 import * as db from '../db';

packages/loot-core/src/server/tracking/events.js

@@ -1,6 +1,4 @@
-import asyncStorage from '../../platform/server/asyncStorage';
 import { sha256String } from '../encryption-internals';
-let uuid = require('../../platform/uuid');
 
 let currentUniqueId;
 let mixpanel;

packages/loot-core/src/server/undo.js

@@ -1,6 +1,6 @@
 import { sendMessages } from './sync';
 import { getIn } from '../shared/util';
-import Timestamp from './timestamp';
+import { Timestamp } from './crdt';
 import { withMutatorContext, getMutatorContext } from './mutators';
 const connection = require('../platform/server/connection');
 

packages/loot-core/src/shared/transactions.js

@@ -1,4 +1,4 @@
-import { last, diffItems, getChangedValues, applyChanges } from './util';
+import { last, diffItems, applyChanges } from './util';
 const uuid = require('../platform/uuid');
 
 // The amount might be null when adding a new transaction

packages/loot-core/src/shared/transactions.test.js

@@ -5,7 +5,6 @@ import {
   addSplitTransaction,
   makeChild
 } from './transactions';
-import * as db from '../server/db';
 const uuid = require('../platform/uuid');
 
 // const data = {

packages/loot-core/webpack/webpack.api.config.js

@@ -1,4 +1,3 @@
-let path = require('path');
 let webpack = require('webpack');
 let config = require('./webpack.desktop.config');
 

packages/loot-core/webpack/webpack.browser.config.js

@@ -58,5 +58,10 @@ module.exports = {
     new webpack.IgnorePlugin({
       resourceRegExp: /worker_threads|original-fs/
     })
-  ]
+  ],
+  node: {
+    dgram: "empty",
+    net: 'empty',
+    tls: 'empty',
+  },
 };

packages/loot-design/src/components/CategorySelect.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { View, Text, Select } from './common';
 import Autocomplete, { defaultFilterSuggestion } from './Autocomplete';
-import { styles, colors } from '../style';
+import { colors } from '../style';
 import Split from '../svg/split';
 
 export const NativeCategorySelect = React.forwardRef(

packages/loot-design/src/components/DateSelect.js

@@ -7,10 +7,9 @@ import React, {
   useMemo
 } from 'react';
 import * as d from 'date-fns';
-import { css } from 'glamor';
 import Pikaday from 'pikaday';
 import 'pikaday/css/pikaday.css';
-import { styles, colors } from '../style';
+import { colors } from '../style';
 import { View, Input, Tooltip } from './common';
 import {
   getDayMonthFormat,

packages/loot-design/src/components/PayeeAutocomplete.js

@@ -1,5 +1,5 @@
 import React, { useState, useMemo, useRef } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
+import { useDispatch } from 'react-redux';
 import { getActivePayees } from 'loot-core/src/client/reducers/queries';
 import { createPayee } from 'loot-core/src/client/actions/queries';
 import { useCachedPayees } from 'loot-core/src/client/data-hooks/payees';

packages/loot-design/src/components/RecurringSchedulePicker.js

@@ -1,8 +1,5 @@
-import PropTypes from 'prop-types';
 import React, { useEffect, useReducer, useState } from 'react';
-import * as d from 'date-fns';
 import { useSelector } from 'react-redux';
-import { parse as parseDate } from 'date-fns';
 import { sendCatch } from 'loot-core/src/platform/client/fetch';
 import * as monthUtils from 'loot-core/src/shared/months';
 import { getRecurringDescription } from 'loot-core/src/shared/schedules';
@@ -16,7 +13,7 @@ import {
   Text,
   Stack
 } from '../components/common';
-import { colors, styles } from 'loot-design/src/style';
+import { colors } from 'loot-design/src/style';
 import { useTooltip } from 'loot-design/src/components/tooltips';
 import SubtractIcon from 'loot-design/src/svg/Subtract';
 import AddIcon from 'loot-design/src/svg/Add';

packages/loot-design/src/components/RecurringSchedulePicker.usage.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from 'react';
+import React from 'react';
 import RecurringSchedulePicker from './RecurringSchedulePicker';
 import { Section } from '../guide/components';
 import { Button, View } from './common';

packages/loot-design/src/components/budget/index.js

@@ -1,4 +1,4 @@
-import React, { useContext, useState, useMemo, useEffect } from 'react';
+import React, { useContext, useState, useMemo } from 'react';
 import ElementQuery from '../ElementQuery';
 import {
   View,

packages/loot-design/src/components/common.js

@@ -4,7 +4,6 @@ import React, {
   useLayoutEffect,
   useState,
   useCallback,
-  useMemo
 } from 'react';
 import { css } from 'glamor';
 import mergeRefs from 'react-merge-refs';
@@ -18,7 +17,6 @@ import {
   useRouteMatch
 } from 'react-router-dom';
 import {
-  Listbox,
   ListboxInput,
   ListboxButton,
   ListboxPopover,
@@ -32,12 +30,11 @@ import Loading from '../svg/v1/AnimatedLoading';
 import ExpandArrow from 'loot-design/src/svg/ExpandArrow';
 import View from './View';
 import Text from './Text';
-import Stack from './Stack';
 import { useProperFocus } from './useProperFocus';
 
-export View from './View';
-export Text from './Text';
-export Stack from './Stack';
+export { default as View } from './View';
+export { default as Text } from './Text';
+export { default as Stack } from './Stack';
 
 export const useStableCallback = callback => {
   const callbackRef = useRef();

packages/loot-design/src/components/manager/DeleteFile.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
-import { View, Text, Modal, Button, ButtonWithLoading } from '../common';
-import { styles, colors } from '../../style';
+import { View, Text, Modal, ButtonWithLoading } from '../common';
+import { colors } from '../../style';
 
 export default function DeleteMenu({ modalProps, actions, file }) {
   let [loadingState, setLoadingState] = useState(null);

packages/loot-design/src/components/manager/Import.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { View, Block, Modal, Button, Link } from '../common';
+import { View, Block, Modal, Button } from '../common';
 import { styles, colors } from '../../style';
 
 function getErrorMessage(error) {

packages/loot-design/src/components/manager/ImportYNAB4.js

@@ -7,7 +7,6 @@ import {
   Modal,
   Button,
   ButtonWithLoading,
-  Link,
   P
 } from '../common';
 import { styles, colors } from '../../style';

packages/loot-design/src/components/manager/ImportYNAB5.js

@@ -7,7 +7,6 @@ import {
   Modal,
   ButtonWithLoading,
   Button,
-  Link,
   P,
   ExternalLink
 } from '../common';

packages/loot-design/src/components/mobile/InputAccessoryView.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function InputAccessoryView() {
   return null;
 }

packages/loot-design/src/components/mobile/budget.test.js

@@ -4,7 +4,6 @@ import { MobileScreen } from '../../guide/components';
 import { categories, categoryGroups } from './budget.usage';
 import { BudgetTable, BudgetAccessoryView } from './budget';
 import InputAccessoryView from './InputAccessoryView';
-import { debugDOM } from 'loot-core/src/mocks/util';
 import SpreadsheetContext from '../spreadsheet/SpreadsheetContext';
 import * as monthUtils from 'loot-core/src/shared/months';
 import makeSpreadsheet from 'loot-core/src/mocks/spreadsheet';

packages/loot-design/src/components/mobile/budget.usage.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { View } from 'react-native';
 import { MobileSection } from '../../guide/components';
-import { BudgetTable, BudgetHeader, BudgetAccessoryView } from './budget';
+import { BudgetTable, BudgetAccessoryView } from './budget';
 import InputAccessoryView from './InputAccessoryView';
 import { generateCategoryGroups } from 'loot-core/src/mocks';
 import SpreadsheetContext from '../spreadsheet/SpreadsheetContext';

packages/loot-design/src/components/mobile/transaction.js

@@ -22,7 +22,7 @@ import {
   deleteTransaction,
   realizeTempTransactions
 } from 'loot-core/src/shared/transactions';
-import { applyChanges, titleFirst } from 'loot-core/src/shared/util';
+import { titleFirst } from 'loot-core/src/shared/util';
 import {
   integerToCurrency,
   integerToAmount,
@@ -48,9 +48,6 @@ import {
 
 import EditSkull1 from '../../svg/v2/EditSkull1';
 import AlertTriangle from '../../svg/v2/AlertTriangle';
-import CalendarIcon from '../../svg/v2/Calendar';
-import ValidationCheck from '../../svg/v2/ValidationCheck';
-import FavoriteStar from '../../svg/v2/FavoriteStar';
 import CheckCircle1 from '../../svg/v2/CheckCircle1';
 import ArrowsSynchronize from 'loot-design/src/svg/v2/ArrowsSynchronize';
 

packages/loot-design/src/components/modals/CloseAccount.js

@@ -8,7 +8,6 @@ import {
   P,
   Select,
   FormError,
-  AnchorLink
 } from '../common';
 import { integerToCurrency } from 'loot-core/src/shared/util';
 import { colors } from '../../style';

packages/loot-design/src/components/modals/CreateLocalAccount.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { toRelaxedNumber } from 'loot-core/src/shared/util';
 import { determineOffBudget } from 'loot-core/src/shared/accounts';
-import { styles, colors } from '../../style';
 import {
   View,
   Modal,

packages/loot-design/src/components/modals/EditField.js

@@ -4,7 +4,7 @@ import { parseISO, format as formatDate, parse as parseDate } from 'date-fns';
 import * as actions from 'loot-core/src/client/actions';
 import { amountToInteger } from 'loot-core/src/shared/util';
 import { currentDay, dayFromDate } from 'loot-core/src/shared/months';
-import { View, Modal, Stack, Button, Input } from '../common';
+import { View, Modal, Input } from '../common';
 import DateSelect from '../DateSelect';
 import CategoryAutocomplete from '../CategorySelect';
 import AccountAutocomplete from '../AccountAutocomplete';

packages/loot-design/src/components/modals/ImportTransactions.js

@@ -19,7 +19,7 @@ import {
 } from '../common';
 import { Checkbox } from '../forms';
 import { TableHeader, TableWithNavigator, Row, Field } from '../table';
-import { SectionLabel, FieldLabel } from '../forms';
+import { SectionLabel } from '../forms';
 import { colors, styles } from '../../style';
 
 let dateFormats = [

packages/loot-design/src/components/modals/LoadBackup.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { View, Text, Block, Modal, Button } from '../common';
-import { Row, Cell, DeleteCell } from '../table';
-import { styles, colors } from '../../style';
+import { Row, Cell } from '../table';
+import { colors } from '../../style';
 
 class BackupTable extends React.Component {
   state = { hoveredBackup: null };

packages/loot-design/src/components/sidebar.usage.js

@@ -8,7 +8,6 @@ import makeSpreadsheet from 'loot-core/src/mocks/spreadsheet';
 import { Sidebar } from './sidebar';
 import { Section } from '../guide/components';
 import { generateAccount } from 'loot-core/src/mocks';
-import { colors } from '../style';
 
 function withState(state, render) {
   const Component = lively(render, { getInitialState: () => state });

packages/loot-design/src/components/table.js

@@ -34,7 +34,6 @@ import { keys } from '../util/keys';
 import {
   AvoidRefocusScrollProvider,
   useProperFocus,
-  focusElement
 } from './useProperFocus';
 import { useSelectedItems } from './useSelected';
 

packages/loot-design/src/components/useResizeObserver.js

@@ -1,4 +1,4 @@
-import React, { useRef, useCallback } from 'react';
+import { useRef, useCallback } from 'react';
 
 export default function useResizeObserver(func) {
   let observer = useRef(null);

packages/mobile/.yarnrc.yml

@@ -0,0 +1 @@
+nmHoistingLimits: workspaces

packages/mobile/package.json

@@ -31,6 +31,7 @@
     "metro-react-native-babel-preset": "^0.66.2",
     "nodejs-mobile-gyp": "^0.3.1",
     "nodejs-mobile-react-native": "0.6.3",
+    "patch-package": "^6.1.2",
     "react": "16.9.0",
     "react-native": "0.65.1",
     "react-native-codegen": "^0.0.7",

tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2021", "DOM"],
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "resolveJsonModule": true,
+    "downlevelIteration": true,
+    "jsx": "preserve",
+    // Check JS files too
+    "allowJs": true,
+    "checkJs": true,
+    // Used for temp builds
+    "outDir": "build",
+    "moduleResolution": "Node",
+    "module": "ESNext"
+  },
+  "exclude": ["node_modules", "build"]
+}