Revert document is not defined

.depcheckrc.json

@@ -1,12 +1,3 @@
 {
-  "ignores": [
-    "@types/jest",
-    "babel-eslint",
-    "em-typedoc-theme",
-    "eslint-config-react-app",
-    "eslint-plugin-flowtype",
-    "react-native",
-    "react-native-web",
-    "typedoc-*"
-  ]
+  "ignores": ["@types/jest", "babel-eslint", "eslint-config-react-app", "eslint-plugin-flowtype", "react-native-web"]
 }

.env

@@ -5,19 +5,19 @@
 EXTEND_ESLINT=true
 
 # ALGOLIA CONFIG
-REACT_APP_ALGOLIA_SEARCH_KEY_ENDPOINT=https://us-central1-em-search-test.cloudfunctions.net/getSearchKey
-REACT_APP_ALGOLIA_APPPLICATION_ID=AJCS0S8FVN
-REACT_APP_ALGOLIA_INDEX=SEARCH_EM
+VITE_ALGOLIA_SEARCH_KEY_ENDPOINT=https://us-central1-em-search-test.cloudfunctions.net/getSearchKey
+VITE_ALGOLIA_APPPLICATION_ID=AJCS0S8FVN
+VITE_ALGOLIA_INDEX=SEARCH_EM
 
 # FIREBASE CONFIG
 # Firebase API Key is safe to expose
 # See: https://stackoverflow.com/questions/37482366/is-it-safe-to-expose-firebase-apikey-to-the-public
-REACT_APP_FIREBASE_API_KEY=AIzaSyB7sj38woH-oJ7hcSwpq0lB7hUteyZMxNo
-REACT_APP_FIREBASE_AUTH_DOMAIN=em-proto.firebaseapp.com
-REACT_APP_FIREBASE_DATABASE_URL=https://em-proto.firebaseio.com
-REACT_APP_FIREBASE_PROJECT_ID=em-proto
-REACT_APP_FIREBASE_STORAGE_BUCKET=gs://em-proto.appspot.com/
-REACT_APP_FIREBASE_MESSAGE_SENDER_ID=91947960488
+VITE_FIREBASE_API_KEY=AIzaSyB7sj38woH-oJ7hcSwpq0lB7hUteyZMxNo
+VITE_FIREBASE_AUTH_DOMAIN=em-proto.firebaseapp.com
+VITE_FIREBASE_DATABASE_URL=https://em-proto.firebaseio.com
+VITE_FIREBASE_PROJECT_ID=em-proto
+VITE_FIREBASE_STORAGE_BUCKET=gs://em-proto.appspot.com/
+VITE_FIREBASE_MESSAGE_SENDER_ID=91947960488
 
 # Demo mode
-# REACT_APP_DEMO=1
+# VITE_DEMO=1

.env.development

@@ -1,18 +1,18 @@
-# Environment Variables used by npm start (development)
+# Environment Variables used by yarn start (development)
 # Development server must be manually restarted on change.
 # This file is included in version control. Use .env.development.local to store secrets.
 # See: https://create-react-app.dev/docs/adding-custom-environment-variables/#what-other-env-files-can-be-used
 
 # FEEDBACK CONFIG
-REACT_APP_FEEDBACK_URL=https://us-central1-em-search-test.cloudfunctions.net/sendFeedbackEmail
+VITE_FEEDBACK_URL=https://us-central1-em-search-test.cloudfunctions.net/sendFeedbackEmail
 
 # WEBSOCKET
-REACT_APP_WEBSOCKET_HOST=localhost
-REACT_APP_WEBSOCKET_PORT=3001
+VITE_WEBSOCKET_HOST=localhost
+VITE_WEBSOCKET_PORT=3001
 
 # CAPACITOR
 # Local IP addresses should only be defined in .env.development.local so that they are not checked into version control.
 CAPACITOR_SERVER_URL=
 
 # AI SERVER
-REACT_APP_AI_URL=http://localhost:3001/ai
+VITE_AI_URL=http://localhost:3001/ai

.env.production

@@ -1,13 +1,13 @@
-# Environment Variables used by npm run build (production)
+# Environment Variables used by yarn build (production)
 # This file is included in version control. Use .env.production.local to store secrets.
 # See: https://create-react-app.dev/docs/adding-custom-environment-variables/#what-other-env-files-can-be-used
 
 # FEEDBACK CONFIG
-REACT_APP_FEEDBACK_URL=https://us-central1-em-proto.cloudfunctions.net/sendFeedbackEmail
+VITE_FEEDBACK_URL=https://us-central1-em-proto.cloudfunctions.net/sendFeedbackEmail
 
 # WEBSOCKET
-REACT_APP_WEBSOCKET_HOST=em-staging-sa2jm.ondigitalocean.app
-REACT_APP_WEBSOCKET_PORT=
+VITE_WEBSOCKET_HOST=em-staging-sa2jm.ondigitalocean.app
+VITE_WEBSOCKET_PORT=
 
 # AI SERVER
-REACT_APP_AI_URL=https://em-staging-sa2jm.ondigitalocean.app/ai
+VITE_AI_URL=https://em-staging-sa2jm.ondigitalocean.app/ai

.env.test

@@ -1,4 +1,4 @@
-# Environment Variables used by npm test
+# Environment Variables used by yarn test
 # This file is included in version control. Use .env.test.local to store secrets.
 # See: https://create-react-app.dev/docs/adding-custom-environment-variables/#what-other-env-files-can-be-used
 

.eslintrc.js → .eslintrc.cjs

@@ -1,94 +1,38 @@
+/*
+  ESLINT CONFIG
+
+  Tip: Run `TIMING=1 eslint .` to output the ten slowest rules.
+*/
+
 module.exports = {
   env: {
     browser: true,
     es6: true,
     mocha: true,
     jest: true,
-    'react-native/react-native': true,
   },
-  extends: ['standard', 'react-app', 'plugin:react/recommended', 'plugin:import/typescript', 'raine', 'prettier'],
-  overrides: [
-    {
-      files: ['**/*.ts', '**/*.tsx'],
-      env: {
-        browser: true,
-        es6: true,
-        node: true,
-      },
-      extends: [
-        'eslint:recommended',
-        'plugin:@typescript-eslint/eslint-recommended',
-        'plugin:@typescript-eslint/recommended',
-      ],
-      globals: {
-        Atomics: 'readonly',
-        SharedArrayBuffer: 'readonly',
-      },
-      plugins: ['@typescript-eslint'],
-      rules: {
-        semi: ['error', 'never'],
-        'import/prefer-default-export': 0,
-        // temporary fix from 'typescript-eslint' docs
-        // https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/no-unused-vars.md
-        'no-extra-parens': 0,
-        'no-unused-vars': 0,
-        'no-use-before-define': 0,
-        '@typescript-eslint/member-delimiter-style': [
-          2,
-          {
-            multiline: {
-              delimiter: 'none',
-            },
-          },
-        ],
-        '@typescript-eslint/no-explicit-any': 0,
-        '@typescript-eslint/no-non-null-assertion': 0,
-        '@typescript-eslint/no-use-before-define': 2,
-        '@typescript-eslint/no-unused-vars': 2,
-        '@typescript-eslint/explicit-function-return-type': 0,
-        '@typescript-eslint/explicit-module-boundary-types': 0,
-        '@typescript-eslint/array-type': [
-          2,
-          {
-            'array-type': 'array',
-          },
-        ],
-        // jsx
-        'jsx-quotes': [2, 'prefer-single'],
-      },
-      settings: { react: { version: 'detect' } },
-      overrides: [
-        {
-          files: ['./src/**/*.ts', './src/**/*.tsx'],
-          parser: '@typescript-eslint/parser',
-          parserOptions: {
-            ecmaFeatures: { jsx: true },
-            ecmaVersion: 2018,
-            sourceType: 'module',
-            project: './tsconfig.json',
-          },
-        },
-        {
-          files: ['./src/e2e/**/*.ts'],
-          rules: {
-            'jsdoc/check-tag-names': 0,
-          },
-        },
-      ],
-    },
-  ],
+  extends: ['react-app', 'plugin:react/recommended', 'plugin:import/typescript', 'prettier'],
   // to be removed later
   globals: {
     Atomics: 'readonly',
     SharedArrayBuffer: 'readonly',
   },
-  plugins: ['export-default-identifier', 'jsdoc', 'react', 'react-native', 'prettier'],
+  plugins: ['export-default-identifier', 'jsdoc', 'react', 'react-refresh', 'prettier'],
   settings: {
     react: {
       version: 'detect',
     },
   },
   rules: {
+    'no-restricted-properties': [
+      2,
+      {
+        object: 'window',
+        property: 'getSelection',
+        message:
+          'Please import the appropriate helper function from /src/device/selection.ts to access the browser selection. This is done to abstract the browser selection API from the rest of the codebase.',
+      },
+    ],
     // export-default-identifier
     'export-default-identifier/export-default-identifier': [
       2,
@@ -97,7 +41,26 @@ module.exports = {
       },
     ],
 
+    // import/prefer-default-export
+    'import/prefer-default-export': [
+      2,
+      {
+        // any: Any exporting file must contain a default export.
+        // single: When there is only a single export from a module, prefer using default export over named export.
+        target: 'any',
+      },
+    ],
+
     // jsdoc
+    'jsdoc/check-alignment': 2,
+    'jsdoc/check-indentation': 2,
+    'jsdoc/check-syntax': 2,
+    'jsdoc/check-types': 2,
+    'jsdoc/implements-on-classes': 2,
+    'jsdoc/no-types': 2,
+    // Disable until performance issue is solved.
+    // https://github.com/gajus/eslint-plugin-jsdoc/issues/1334
+    // 'jsdoc/no-undefined-types': 2,
     'jsdoc/check-tag-names': [
       2,
       {
@@ -114,6 +77,7 @@ module.exports = {
       2,
       {
         contexts: ['VariableDeclarator > ArrowFunctionExpression'],
+        enableFixer: false,
         require: {
           ClassDeclaration: true,
           ClassExpression: true,
@@ -146,4 +110,76 @@ module.exports = {
     'arrow-body-style': 0,
     'prefer-arrow-callback': 0,
   },
+  overrides: [
+    {
+      files: ['src/e2e/**', '**/__tests__/*'],
+      rules: {
+        'no-restricted-properties': 0,
+      },
+    },
+    {
+      files: ['**/*.ts', '**/*.tsx'],
+      env: {
+        browser: true,
+        es6: true,
+        node: true,
+      },
+      extends: [
+        'eslint:recommended',
+        'plugin:@typescript-eslint/eslint-recommended',
+        'plugin:@typescript-eslint/recommended',
+      ],
+      globals: {
+        Atomics: 'readonly',
+        SharedArrayBuffer: 'readonly',
+      },
+      plugins: ['@typescript-eslint'],
+      settings: { react: { version: 'detect' } },
+      rules: {
+        semi: ['error', 'never'],
+        // temporary fix from 'typescript-eslint' docs
+        // https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/no-unused-vars.md
+        'no-extra-parens': 0,
+        'no-unused-vars': 0,
+        'no-use-before-define': 0,
+        '@typescript-eslint/member-delimiter-style': [
+          2,
+          {
+            multiline: {
+              delimiter: 'none',
+            },
+          },
+        ],
+        '@typescript-eslint/no-explicit-any': 0,
+        '@typescript-eslint/no-non-null-assertion': 0,
+        '@typescript-eslint/no-use-before-define': 2,
+        '@typescript-eslint/no-unused-vars': 2,
+        '@typescript-eslint/explicit-function-return-type': 0,
+        '@typescript-eslint/explicit-module-boundary-types': 0,
+        '@typescript-eslint/array-type': 2,
+        // jsx
+        'jsx-quotes': [2, 'prefer-single'],
+        // react-refresh
+        'react-refresh/only-export-components': 2,
+      },
+      overrides: [
+        {
+          files: ['./src/**/*.ts', './src/**/*.tsx'],
+          parser: '@typescript-eslint/parser',
+          parserOptions: {
+            ecmaFeatures: { jsx: true },
+            ecmaVersion: 2018,
+            sourceType: 'module',
+            project: './tsconfig.json',
+          },
+        },
+        {
+          files: ['./src/e2e/**/*.ts'],
+          rules: {
+            'jsdoc/check-tag-names': 0,
+          },
+        },
+      ],
+    },
+  ],
 }

.gitattributes

@@ -0,0 +1,2 @@
+/.yarn/releases/** binary
+/.yarn/plugins/** binary

.github/dependabot.yml

@@ -0,0 +1,12 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file
+
+version: 2
+updates:
+  - package-ecosystem: 'npm'
+    directory: '/' # Location of package file
+    schedule:
+      interval: 'weekly'
+    open-pull-requests-limit: 10

.github/workflows/docs.yml

@@ -1,16 +1,20 @@
 name: Docs
 
-on:
-  push:
-    branches:
-      - dev
+# Temporarily disable the workflow except when manually triggered
+# https://docs.github.com/en/actions/using-workflows/events-that-trigger-workflows#workflow_dispatch
+on: workflow_dispatch
+
+# on:
+#   push:
+#     branches:
+#       - main
 
 jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
         with:
           # If you're using actions/checkout@v2 you must set persist-credentials to false in most cases for the deployment to work correctly.
           persist-credentials: false