@instructure/canvas-rce 5.14.0 → 5.14.2

package/eslint.config.js

@@ -0,0 +1,239 @@
+const globals = require('globals')
+const pluginJs = require('@eslint/js')
+const tseslint = require('typescript-eslint')
+const pluginReact = require('eslint-plugin-react')
+const jsxA11y = require('eslint-plugin-jsx-a11y')
+const pluginReactHooks = require('eslint-plugin-react-hooks')
+const pluginPromise = require('eslint-plugin-promise')
+const importPlugin = require('eslint-plugin-import')
+const notice = require('eslint-plugin-notice')
+const comments = require('@eslint-community/eslint-plugin-eslint-comments/configs')
+const pluginJest = require('eslint-plugin-jest')
+
+/** @type {import('eslint').Linter.Config[]} */
+module.exports = tseslint.config(
+  // General
+  {
+    files: ['src/**/*.ts', 'testcafe/**/*.{js,mjs,ts,jsx,tsx}'],
+  },
+  {
+    ignores: [
+      'es/**/*',
+      './src/translations/*/*',
+      'scripts',
+      'packages/canvas-rce/webpack.testcafe.config.js',
+      'testcafe/',
+      'webpack.*.config.js',
+    ],
+  },
+
+  // Globals
+  {
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'commonjs',
+      globals: {
+        ...globals.node,
+        ...globals.browser,
+        ENV: true,
+        JSX: true,
+        INST: true,
+        tinyMCE: true,
+        tinymce: true,
+        structuredClone: true,
+      },
+    },
+  },
+
+  {
+    rules: {
+      'no-console': 'warn',
+      'no-undef': 'warn',
+      'no-unused-private-class-members': 'warn',
+      'prefer-const': 'warn',
+      'prefer-rest-params': 'off',
+    },
+  },
+
+  // TypeScript
+  ...tseslint.configs.recommended,
+  {
+    rules: {
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/no-empty-object-type': 'warn',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-non-null-asserted-optional-chain': 'warn',
+      '@typescript-eslint/no-require-imports': 'off',
+      '@typescript-eslint/no-this-alias': 'off',
+      '@typescript-eslint/no-unsafe-function-type': 'warn',
+      '@typescript-eslint/no-unused-expressions': 'warn',
+      '@typescript-eslint/no-unused-vars': 'warn',
+      '@typescript-eslint/no-wrapper-object-types': 'warn',
+      'no-undef': 'warn',
+    },
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'commonjs',
+      globals: {
+        ...globals.typescript,
+      },
+    },
+  },
+
+  // JavaScript
+  pluginJs.configs.recommended,
+  {
+    rules: {
+      'no-constant-binary-expression': 'warn',
+      'no-dupe-class-members': 'warn',
+      'no-dupe-keys': 'warn',
+      'no-import-assign': 'warn',
+      'no-loss-of-precision': 'warn',
+      'no-prototype-builtins': 'off',
+      'no-redeclare': 'warn',
+      'no-unexpected-multiline': 'warn',
+      'no-unsafe-optional-chaining': 'warn',
+      'no-unused-expressions': 'off',
+      'no-unused-vars': 'warn',
+      'no-useless-escape': 'warn',
+      'prefer-const': 'warn',
+      'prefer-rest-params': 'off',
+    },
+  },
+
+  // React
+  pluginReact.configs.flat.recommended,
+  {
+    plugins: {react: pluginReact},
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    rules: {
+      'react/no-deprecated': 'warn',
+      'react/prop-types': 'warn',
+      'react/display-name': 'off',
+      'react/jsx-key': 'warn',
+      'react/no-string-refs': 'warn',
+      'react/no-find-dom-node': 'warn',
+      'react/no-unknown-property': 'warn',
+      'react/jsx-no-target-blank': 'warn',
+    },
+  },
+
+  // Copyright / Open Source Header
+  {
+    files: ['src/**/*.{js,mjs,ts,jsx,tsx}'],
+    ignores: ['**/*.config.js', 'es/**/*', 'src/translations/**/*'],
+    plugins: {
+      notice,
+    },
+    rules: {
+      // Lenient so we don't automatically put our copyright notice on
+      //   top of something already copyrighted by someone else.
+      'notice/notice': [
+        'error',
+        {
+          templateFile: '../../config/copyright-template.js',
+          mustMatch: 'Copyright ',
+        },
+      ],
+    },
+  },
+
+  // Promises
+  pluginPromise.configs['flat/recommended'],
+  {
+    rules: {
+      'promise/always-return': 'off',
+      'promise/catch-or-return': 'off',
+    },
+  },
+
+  // Imports
+  importPlugin.flatConfigs.recommended,
+  {
+    files: [
+      '__tests__/**/*.{js,mjs,ts,jsx,tsx}',
+      'src/**/*.{js,mjs,ts,jsx,tsx}',
+      'testcafe/**/*.{js,mjs,ts,jsx,tsx}',
+    ],
+    ignores: ['src/translations/**'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'commonjs',
+    },
+    rules: {
+      'import/no-dynamic-require': 'warn',
+      'import/no-nodejs-modules': 'warn',
+      'import/no-unresolved': 'warn',
+      'import/named': 'off',
+      'import/namespace': 'off',
+    },
+  },
+
+  // React Hooks
+  {
+    plugins: {'react-hooks': pluginReactHooks},
+    rules: {
+      'react-hooks/rules-of-hooks': 'warn',
+      'react-hooks/exhaustive-deps': 'warn',
+    },
+  },
+
+  // JSX A11y
+  jsxA11y.flatConfigs.recommended,
+  {
+    rules: {
+      'jsx-a11y/no-interactive-element-to-noninteractive-role': 'warn',
+      '@eslint-community/eslint-comments/no-duplicate-disable': 'warn',
+      'jsx-a11y/role-has-required-aria-props': 'warn',
+      'jsx-a11y/no-autofocus': 'warn',
+    },
+  },
+
+  // Extra ESLint Comment rules
+  comments.recommended,
+  {
+    rules: {
+      '@eslint-community/eslint-comments/disable-enable-pair': ['error', {allowWholeFile: true}],
+    },
+  },
+
+  // Testcafe
+  {
+    files: ['testcafe/**/*.{js,mjs,ts,jsx,tsx}'],
+    languageOptions: {
+      globals: {
+        test: true,
+        fixture: true,
+      },
+    },
+  },
+
+  // Jest
+  {
+    files: [
+      '__tests__/**/*.{js,mjs,ts,jsx,tsx}',
+      'src/**/__tests__/**/*.{js,mjs,ts,jsx,tsx}',
+      'src/rce/plugins/tinymce-a11y-checker/rules/__mocks__/index.js',
+    ],
+    ignores: ['es/**'],
+    plugins: {jest: pluginJest},
+    languageOptions: {
+      globals: {
+        ...pluginJest.environments.globals.globals,
+        global: true,
+      },
+    },
+    rules: {
+      'jest/no-disabled-tests': 'warn',
+      'jest/no-focused-tests': 'error',
+      'jest/no-identical-title': 'warn',
+      'jest/prefer-to-have-length': 'warn',
+      'jest/valid-expect': 'error',
+      'react/no-deprecated': 'warn',
+    },
+  }
+)

package/jest.config.js

@@ -42,7 +42,7 @@ module.exports = {
   testMatch: ['**/__tests__/**/?(*.)(spec|test).[jt]s?(x)'],
   modulePathIgnorePatterns: ['<rootDir>/es', '<rootDir>/canvas'],
   transformIgnorePatterns: [`/node_modules/(?!${esModules})`],
-  testEnvironment: '<rootDir>../../jest/strictTimeLimitEnvironment.js',
+  testEnvironment: 'jsdom',
   moduleNameMapper: {
     // jest can't import css
     '\\.(css|less)$': '<rootDir>/src/rce/__mocks__/styleMock.js',

package/package.json

@@ -1,20 +1,18 @@
 {
   "name": "@instructure/canvas-rce",
-  "version": "5.14.0",
+  "version": "5.14.2",
   "description": "A component wrapping Canvas's usage of Tinymce",
   "main": "es/index.js",
+  "types": "es/index.d.ts",
   "owner": "LF",
   "scripts": {
-    "i18n:extract": "format-message extract \"src/**/*.[jt]s*\" -g underscored_crc32 -o locales/en.json",
+    "i18n:extract": "format-message extract \"src/**/*.{js,jsx,ts,tsx}\" -g underscored_crc32 -o locales/en.json",
     "integration-test": "nightwatch --env integration",
-    "lint": "eslint \"src/**/*.js\" \"test/**/*.js\" \"src/**/*.ts*\" \"test/**/*.ts*\"",
-    "lint:fix": "eslint --fix \"src/**/*.js\" \"test/**/*.js\" \"src/**/*.ts*\" \"test/**/*.ts*\"",
-    "test": "if [ \"$CANVAS_RCE_PARALLEL\" = \"1\" ]; then yarn test:parallel; else yarn test:serial; fi",
-    "test:parallel": "concurrently --names \"mocha,jest\" \"yarn test:mocha\" \"yarn test:jest\"",
-    "test:serial": "yarn test:mocha && yarn test:jest",
-    "test:mocha": "env TS_NODE_COMPILER_OPTIONS='{\"module\": \"commonjs\"}' mocha 'test/**/*.test.{js,ts,tsx}' --timeout 5000 --reporter mocha-multi-reporters --reporter-options configFile=mocha-reporter-config.js --exit",
-    "test:mocha:one": "env TS_NODE_COMPILER_OPTIONS='{\"module\": \"commonjs\"}' mocha --timeout 5000 --reporter mocha-multi-reporters --reporter-options configFile=mocha-reporter-config.js",
-    "test:mocha:debug": "env TS_NODE_COMPILER_OPTIONS='{\"module\": \"commonjs\"}' mocha --inspect-brk --timeout 5000 --reporter mocha-multi-reporters --reporter-options configFile=mocha-reporter-config.js",
+    "lint": "eslint --quiet",
+    "lint:fix": "eslint --quiet --fix",
+    "test": "yarn test:serial",
+    "test:parallel": "yarn test:jest",
+    "test:serial": "yarn test:jest",
     "test:jest": "jest --color --runInBand",
     "test:cafe": "yarn build:cafe && yarn test:cafe:only",
     "test:cafe:ui": "yarn build:cafe && yarn test:cafe:only:ui",
@@ -24,30 +22,28 @@
     "test:cafe:one": "testcafe chrome testcafe/**/*.test.js --test ",
     "test:cafe:all": "yarn build:cafe && testcafe chrome,firefox,safari testcafe/**/*.test.js",
     "test:cafe:debug": "yarn build:cafe && yarn test:cafe:only:debug",
-    "test:watch": "mocha 'test/**/*.test.js' --watch",
-    "test:coverage": "cross-env nyc -r html -r json node_modules/.bin/mocha 'test/**/*.test.js'",
     "test:jest:debug": "node --inspect-brk node_modules/.bin/jest --runInBand",
     "test:jest:watch": "node node_modules/.bin/jest --watch",
-    "debug": "inspect _mocha --no-timeouts --debug-brk 'test/**/*.test.js'",
     "demo": "scripts/demo.sh",
     "demo:clean": "rm -f github-pages/dist/*",
     "demo:build": "wp -c ./webpack.demo.config.js",
-    "demo:dev": "yarn demo:clean && mkdir -p ./github-pages/dist &&  cp ./github-pages/index.html ./github-pages/dist && wp -c ./webpack.dev.config.js",
+    "demo:dev": "yarn demo:clean && mkdir -p ./github-pages/dist && cp ./github-pages/index.html ./github-pages/dist && wp -c ./webpack.dev.config.js",
     "installTranslations": "scripts/installTranslations.js",
     "commitTranslations": "scripts/commitTranslations.sh",
+    "build": "scripts/build-canvas",
     "build:all": "scripts/build.js",
     "build:es": "babel --out-dir es src --ignore '**/__tests__,**/__mocks__' --extensions '.ts,.tsx,.js,.jsx'",
     "build:types": "tsc",
-    "build:canvas": "scripts/build-canvas",
+    "build:canvas": "yarn run build",
     "build:watch": "yarn clean:es && yarn build:es --watch",
     "build:cafe": "wp --config webpack.testcafe.config.js",
     "prepublishOnly": "yarn build:all && yarn test",
-    "fmt:check": "prettier -l '**/*.js*' '**/*.ts*'",
-    "fmt:fix": "prettier --write '**/*.js*' '**/*.ts*'",
+    "fmt:check": "biome check",
+    "fmt:fix": "biome format --write",
     "clean": "rm -rf lib && yarn clean:es && rm -rf coverage && yarn demo:clean",
     "clean:es": "rm -rf es",
     "check:ts": "tsc -p tsconfig.json",
-    "generate-svgs": "yarn build:es && node --experimental-modules scripts/generateSvgs.js && prettier --write src/rce/plugins/instructure_equation/MathIcon/svgs.js",
+    "generate-svgs": "yarn build:es && node --experimental-modules scripts/generateSvgs.js",
     "publishToNpm": "scripts/publish_to_npm.sh"
   },
   "keywords": [
@@ -76,61 +72,64 @@
     "instrument": false
   },
   "dependencies": {
-    "@instructure/canvas-theme": "8.56.4",
+    "@instructure/canvas-theme": "9.10.0",
     "@instructure/canvas-media": "*",
-    "@instructure/debounce": "8.56.4",
-    "@instructure/emotion": "8.56.4",
+    "@instructure/debounce": "9.10.0",
+    "@instructure/emotion": "9.10.0",
     "@instructure/k5uploader": "*",
     "@instructure/media-capture": "^9.0.0",
-    "@instructure/theme-registry": "8.56.4",
-    "@instructure/ui-a11y-content": "8.56.4",
-    "@instructure/ui-a11y-utils": "8.56.4",
-    "@instructure/ui-alerts": "8.56.4",
-    "@instructure/ui-avatar": "8.56.4",
-    "@instructure/ui-badge": "8.56.4",
-    "@instructure/ui-billboard": "8.56.4",
-    "@instructure/ui-buttons": "8.56.4",
-    "@instructure/ui-checkbox": "8.56.4",
-    "@instructure/ui-source-code-editor": "8.56.4",
-    "@instructure/ui-color-utils": "8.56.4",
-    "@instructure/ui-file-drop": "8.56.4",
-    "@instructure/ui-flex": "8.56.4",
-    "@instructure/ui-focusable": "8.56.4",
-    "@instructure/ui-form-field": "8.56.4",
-    "@instructure/ui-grid": "8.56.4",
-    "@instructure/ui-heading": "8.56.4",
-    "@instructure/ui-icons": "8.56.4",
-    "@instructure/ui-img": "8.56.4",
-    "@instructure/ui-link": "8.56.4",
-    "@instructure/ui-list": "8.56.4",
+    "@instructure/theme-registry": "9.10.0",
+    "@instructure/ui-a11y-content": "9.10.0",
+    "@instructure/ui-a11y-utils": "9.10.0",
+    "@instructure/ui-alerts": "9.10.0",
+    "@instructure/ui-avatar": "9.10.0",
+    "@instructure/ui-badge": "9.10.0",
+    "@instructure/ui-billboard": "9.10.0",
+    "@instructure/ui-buttons": "9.10.0",
+    "@instructure/ui-checkbox": "9.10.0",
+    "@instructure/ui-source-code-editor": "9.10.0",
+    "@instructure/ui-color-picker": "8.56.4",
+    "@instructure/ui-color-utils": "9.10.0",
+    "@instructure/ui-file-drop": "9.10.0",
+    "@instructure/ui-flex": "9.10.0",
+    "@instructure/ui-focusable": "9.10.0",
+    "@instructure/ui-form-field": "9.10.0",
+    "@instructure/ui-grid": "9.10.0",
+    "@instructure/ui-heading": "9.10.0",
+    "@instructure/ui-icons": "9.10.0",
+    "@instructure/ui-img": "9.10.0",
+    "@instructure/ui-link": "9.10.0",
+    "@instructure/ui-list": "9.10.0",
     "@instructure/ui-media-player": "^9.0.0",
-    "@instructure/ui-menu": "8.56.4",
-    "@instructure/ui-modal": "8.56.4",
-    "@instructure/ui-motion": "8.56.4",
-    "@instructure/ui-number-input": "8.56.4",
-    "@instructure/ui-overlays": "8.56.4",
-    "@instructure/ui-pagination": "8.56.4",
-    "@instructure/ui-popover": "8.56.4",
-    "@instructure/ui-radio-input": "8.56.4",
-    "@instructure/ui-react-utils": "8.56.4",
-    "@instructure/ui-simple-select": "8.56.4",
-    "@instructure/ui-spinner": "8.56.4",
-    "@instructure/ui-svg-images": "8.56.4",
-    "@instructure/ui-table": "8.56.4",
-    "@instructure/ui-tabs": "8.56.4",
-    "@instructure/ui-text-area": "8.56.4",
-    "@instructure/ui-text-input": "8.56.4",
-    "@instructure/ui-text": "8.56.4",
-    "@instructure/ui-themes": "8.56.4",
-    "@instructure/ui-toggle-details": "8.56.4",
-    "@instructure/ui-tooltip": "8.56.4",
-    "@instructure/ui-tray": "8.56.4",
-    "@instructure/ui-tree-browser": "8.56.4",
-    "@instructure/ui-truncate-text": "8.56.4",
-    "@instructure/ui-utils": "8.56.4",
-    "@instructure/ui-view": "8.56.4",
-    "@instructure/uid": "8.56.4",
+    "@instructure/ui-menu": "9.10.0",
+    "@instructure/ui-modal": "9.10.0",
+    "@instructure/ui-motion": "9.10.0",
+    "@instructure/ui-number-input": "9.10.0",
+    "@instructure/ui-overlays": "9.10.0",
+    "@instructure/ui-pagination": "9.10.0",
+    "@instructure/ui-pill": "9.10.0",
+    "@instructure/ui-popover": "9.10.0",
+    "@instructure/ui-radio-input": "9.10.0",
+    "@instructure/ui-react-utils": "9.10.0",
+    "@instructure/ui-simple-select": "9.10.0",
+    "@instructure/ui-spinner": "9.10.0",
+    "@instructure/ui-svg-images": "9.10.0",
+    "@instructure/ui-table": "9.10.0",
+    "@instructure/ui-tabs": "9.10.0",
+    "@instructure/ui-text-area": "9.10.0",
+    "@instructure/ui-text-input": "9.10.0",
+    "@instructure/ui-text": "9.10.0",
+    "@instructure/ui-themes": "9.10.0",
+    "@instructure/ui-toggle-details": "9.10.0",
+    "@instructure/ui-tooltip": "9.10.0",
+    "@instructure/ui-tray": "9.10.0",
+    "@instructure/ui-tree-browser": "9.10.0",
+    "@instructure/ui-truncate-text": "9.10.0",
+    "@instructure/ui-utils": "9.10.0",
+    "@instructure/ui-view": "9.10.0",
+    "@instructure/uid": "9.10.0",
     "@sheerun/mutationobserver-shim": "^0.3.2",
+    "@types/tinycolor2": "^1.4.6",
     "@tinymce/tinymce-react": "~3.8.4",
     "aphrodite": "^2",
     "axios": "^0.21.1",
@@ -160,6 +159,7 @@
     "redux-batch-middleware": "^0.2.0",
     "redux-thunk": "^3.1.0",
     "text-field-edit": "^3.2.0",
+    "tinycolor2": "^1.6.0",
     "tinymce": "^5",
     "uri-js": "^4.2.2",
     "wcag-element-contrast": "^1.0.1"
@@ -171,12 +171,13 @@
     "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
     "@babel/preset-typescript": "^7",
     "@babel/register": "7",
+    "@biomejs/biome": "*",
     "@instructure/browserslist-config-canvas-lms": ">=2",
     "@instructure/translations": ">=1",
     "@testing-library/dom": "^8",
     "@testing-library/jest-dom": "^5",
-    "@testing-library/react": "^12",
     "@testing-library/react-hooks": "^5",
+    "@testing-library/react": "^12",
     "@testing-library/user-event": "^14",
     "@types/testing-library__jest-dom": "^5.0.0",
     "axe-testcafe": "^3",
@@ -190,39 +191,33 @@
     "babel-plugin-typescript-to-proptypes": "^2.1.0",
     "cross-env": "^5.0.0",
     "escape-html": "^1",
-    "eslint-plugin-mocha": "^6",
-    "eslint-plugin-testcafe": "^0.2.1",
     "fetch-mock": "^6",
     "format-message-cli": "^6",
     "format-message-parse": "^6",
-    "jest": "^28",
     "jest-canvas-mock": "^2",
     "jest-junit": "^7",
     "jest-mock-proxy": "3.1.2",
+    "jest": "^28",
     "mathjax": "^3.2.0",
-    "mocha": "^6",
-    "mocha-junit-reporter": "^1.18.0",
-    "mocha-multi-reporters": "^1.1.7",
     "moxios": "^0.4",
     "nyc": "^13",
-    "prettier": "^2.2.1",
     "proxyquire": "1.7.4",
     "shelljs": "^0.8.3",
     "sinon": "^7",
     "skin-deep": "^1",
     "source-map-support": "0.5.21",
-    "testcafe": "1.14.2",
     "testcafe-browser-provider-selenium": "^1.2.0",
     "testcafe-react-selectors": "^3.3.0",
-    "ts-node": "^10.9.1",
-    "typescript": "^5.3.2",
+    "testcafe": "1.14.2",
+    "ts-node": "^10.9.2",
+    "typescript": "*",
     "url-loader": "^4.1.1",
-    "webpack": "^5",
     "webpack-merge": "^5",
     "webpack-nano": "^1",
-    "webpack-plugin-serve": "^1"
+    "webpack-plugin-serve": "^1",
+    "webpack": "^5"
   },
   "resolutions": {
     "format-message-estree-util": "./packages/format-message-estree-util"
   }
-}
+}

package/scripts/build-canvas

@@ -11,7 +11,8 @@ mkdir -p es
 # delete everything in them.
 rm -rf lib/*
 rm -rf es/*
+rm -f tsconfig.tsbuildinfo
 
-yarn build:types
 yarn installTranslations
 yarn build:es
+yarn build:types

package/scripts/build.js

@@ -18,8 +18,6 @@
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 
-// Generates all the pre-translated code in lib/translated/{locale}.
-
 const shell = require('shelljs')
 
 shell.set('-e')
@@ -34,7 +32,9 @@ shell.exec('mkdir -p es')
 // delete everything in it.
 shell.exec('rm -rf lib/*')
 shell.exec('rm -rf es/*')
-shell.exec('scripts/installTranslations.js')
+shell.exec('yarn installTranslations')
 
 shell.echo('Building')
-shell.exec("npx babel --out-dir es src --ignore '**/__tests__' --extensions '.ts,.tsx,.js,.jsx'")
+shell.exec('yarn build:es')
+shell.echo('Building TypeScript declarations')
+shell.exec('yarn build:types')

package/scripts/publish_to_npm.sh

@@ -34,7 +34,7 @@ if [ -z "$SKIP_ALERT" ]; then
     # runs the get-user command and throws away output
     # checks for nonzero exit code to determine if the
     # user is logged in or not
-    aws iam get-user > /dev/null 2>&1
+    aws sts get-caller-identity > /dev/null 2>&1
     if [[ ! $? -eq 0 ]]; then
         echo -e "\n⚠️  Please log into AWS and try again. ⚠️\n"
         exit 1

package/testcafe/RCEWrapper.test.js

@@ -17,7 +17,6 @@
  */
 
 import {Selector, ClientFunction} from 'testcafe'
-// eslint-disable-next-line babel/no-unused-expressions
 fixture`RCEWrapper`.page`./testcafe.html`
 const tinyIframe = Selector('#textarea_ifr')
 const textArea = Selector('.RceHtmlEditor')

package/testcafe/StatusBar.test.js

@@ -17,7 +17,6 @@
  */
 
 import {Selector} from 'testcafe'
-// eslint-disable-next-line babel/no-unused-expressions
 fixture`StatusBar`.page`./testcafe.html`
 
 const tinyIframe = Selector('#textarea_ifr')

package/testcafe/axe.test.js

@@ -16,7 +16,6 @@
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 import {axeCheck, createReport} from 'axe-testcafe'
-// eslint-disable-next-line babel/no-unused-expressions
 fixture`aXe a11y checking`.page`./testcafe.html`
 
 async function runAxeCheck(t, context, options) {
@@ -28,13 +27,13 @@ async function runAxeCheck(t, context, options) {
 
 test('automated a11y testing', async t => {
   const axeContext = {
-    include: 'body'
+    include: 'body',
   }
   const axeOptions = {
     runOnly: {
       type: 'tag',
-      values: ['wcag21a', 'wcag21aa', 'best-practice', 'section508']
-    }
+      values: ['wcag21a', 'wcag21aa', 'best-practice', 'section508'],
+    },
   }
   await runAxeCheck(t, axeContext, axeOptions)
 })

package/testcafe/enhanceUserContent.test.js

@@ -17,7 +17,6 @@
  */
 
 import {Selector} from 'testcafe'
-// eslint-disable-next-line babel/no-unused-expressions
 fixture`EnhanceUserContent`.page`./enhanceUserContent.html`
 
 // const externalLink = Selector(

package/tsconfig.json

@@ -1,23 +1,28 @@
 {
   "compilerOptions": {
-    "allowJs": true, // allows importing of .js files from .ts files
-    "esModuleInterop": true, // more accurately transpiles to the ES6 module spec (maybe not needed w/ babel transpilation)
-    "isolatedModules": true, // required to adhere to babel's single-file transpilation process
-    "jsx": "react", // transpiles jsx to React.createElement calls (maybe not needed w/ babel transpilation)
-    "lib": ["dom", "es2020", "esnext"], // include types for DOM APIs and standard JS up to ES2020
-    "module": "ES2020", // support the most modern ES6-style module syntax
-    "moduleResolution": "node", // required for non-commonjs imports
+    "allowJs": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "jsx": "react",
+    "lib": ["dom", "es2020", "esnext"],
+    "module": "ES2020",
+    "moduleResolution": "node",
     "declaration": true,
-    "emitDeclarationOnly": true, // don't generate transpiled JS .d.ts files for canvas-rce source code
-    "resolveJsonModule": true, // enables importing json files
-    "skipLibCheck": true, // don't do type-checking on dependencies' internal types for improved performance
-    "strict": true, // enables a bunch of strict mode family options. See https://www.typescriptlang.org/tsconfig#strict
-    "target": "ES2020", // support the most modern JS features (let babel handle transpilation)
+    "declarationDir": "es",
+    "emitDeclarationOnly": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "ES2020",
     "noImplicitAny": true,
     "experimentalDecorators": true,
-    "outDir": "es"
+    "composite": true,
+    "rootDir": "src",
+    "verbatimModuleSyntax": false,
+    "paths": {
+      "@instructure/*": ["../packages/*"]
+    }
   },
   "include": ["src/**/*"],
-  "exclude": ["**/node_modules", "**/.*/"]
-
+  "exclude": ["**/node_modules", "**/.*/", "**/__tests__/*", "**/__mocks__/*"]
 }