Replace editor <textarea> with CodeMirror v6 (#2866)

* refactor: Add EditFieldHandle and EditorResult as interfaces for the editor value * Replace editor <textarea> with CodeMirror v6
mozilla · Jun 15, 2023 · 9a1ee55 · 9a1ee55
1 parent 5a2b145
commit 9a1ee55
Show file tree

Hide file tree

Showing 32 changed files with 1,169 additions and 795 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/translate/.eslintrc.js b/translate/.eslintrc.js
@@ -19,6 +19,7 @@ module.exports = {
     '@typescript-eslint/no-empty-function': 0,
     '@typescript-eslint/no-explicit-any': 0,
     '@typescript-eslint/no-inferrable-types': 0,
+    '@typescript-eslint/no-unused-vars': ['error', { varsIgnorePattern: '^_' }],
     '@typescript-eslint/prefer-as-const': 0,
     'import/no-default-export': 'error',
   },

diff --git a/translate/package.json b/translate/package.json
@@ -2,6 +2,11 @@
   "name": "translate",
   "private": true,
   "dependencies": {
+    "@codemirror/autocomplete": "^6.7.1",
+    "@codemirror/commands": "^6.2.4",
+    "@codemirror/language": "^6.7.0",
+    "@codemirror/state": "^6.2.1",
+    "@codemirror/view": "^6.12.0",
     "@fluent/bundle": "^0.18.0",
     "@fluent/langneg": "^0.7.0",
     "@fluent/react": "^0.15.1",

diff --git a/translate/rollup.config.mjs b/translate/rollup.config.mjs
@@ -10,7 +10,7 @@ import css from 'rollup-plugin-css-only';
 /** @type {import('rollup').RollupOptions} */
 const config = {
   input: 'src/index.tsx',
-  output: { file: 'dist/translate.js' },
+  output: { file: 'dist/translate.js', format: 'iife' },
 
   treeshake: 'recommended',