build(deps): bump codemirror from 5.65.6 to 6.0.1 in /web (#3188)

* build(deps): bump codemirror from 5.65.6 to 6.0.1 in /web

Bumps [codemirror](https://github.com/codemirror/basic-setup) from 5.65.6 to 6.0.1.
- [Release notes](https://github.com/codemirror/basic-setup/releases)
- [Changelog](https://github.com/codemirror/basic-setup/blob/main/CHANGELOG.md)
- [Commits](https://github.com/codemirror/basic-setup/commits/6.0.1)

---
updated-dependencies:
- dependency-name: codemirror
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* upgrade

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Jens Langhammer <jens.langhammer@beryju.org>

web/package-lock.json

@@ -14,6 +14,11 @@
                 "@babel/plugin-transform-runtime": "^7.18.6",
                 "@babel/preset-env": "^7.18.6",
                 "@babel/preset-typescript": "^7.18.6",
+                "@codemirror/lang-html": "^6.1.0",
+                "@codemirror/lang-javascript": "^6.0.1",
+                "@codemirror/lang-python": "^6.0.0",
+                "@codemirror/lang-xml": "^6.0.0",
+                "@codemirror/legacy-modes": "^6.1.0",
                 "@formatjs/intl-listformat": "^7.0.2",
                 "@fortawesome/fontawesome-free": "^6.1.1",
                 "@goauthentik/api": "^2022.6.3-1656620570",
@@ -45,7 +50,7 @@
                 "base64-js": "^1.5.1",
                 "chart.js": "^3.8.0",
                 "chartjs-adapter-moment": "^1.0.0",
-                "codemirror": "^5.65.6",
+                "codemirror": "^6.0.1",
                 "construct-style-sheets-polyfill": "^3.1.0",
                 "country-flag-icons": "^1.5.5",
                 "eslint": "^8.18.0",
@@ -1675,6 +1680,150 @@
                 "node": ">=6.9.0"
             }
         },
+        "node_modules/@codemirror/autocomplete": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.0.2.tgz",
+            "integrity": "sha512-9PDjnllmXan/7Uax87KGORbxerDJ/cu10SB+n4Jz0zXMEvIh3+TGgZxhIvDOtaQ4jDBQEM7kHYW4vLdQB0DGZQ==",
+            "dependencies": {
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "@lezer/common": "^1.0.0"
+            },
+            "peerDependencies": {
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "@lezer/common": "^1.0.0"
+            }
+        },
+        "node_modules/@codemirror/commands": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.0.1.tgz",
+            "integrity": "sha512-iNHDByicYqQjs0Wo1MKGfqNbMYMyhS9WV6EwMVwsHXImlFemgEUC+c5X22bXKBStN3qnwg4fArNZM+gkv22baQ==",
+            "dependencies": {
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "@lezer/common": "^1.0.0"
+            }
+        },
+        "node_modules/@codemirror/lang-css": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-css/-/lang-css-6.0.0.tgz",
+            "integrity": "sha512-jBqc+BTuwhNOTlrimFghLlSrN6iFuE44HULKWoR4qKYObhOIl9Lci1iYj6zMIte1XTQmZguNvjXMyr43LUKwSw==",
+            "dependencies": {
+                "@codemirror/autocomplete": "^6.0.0",
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@lezer/css": "^1.0.0"
+            }
+        },
+        "node_modules/@codemirror/lang-html": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-6.1.0.tgz",
+            "integrity": "sha512-gA7NmJxqvnhwza05CvR7W/39Ap9r/4Vs9uiC0IeFYo1hSlJzc/8N6Evviz6vTW1x8SpHcRYyqKOf6rpl6LfWtg==",
+            "dependencies": {
+                "@codemirror/autocomplete": "^6.0.0",
+                "@codemirror/lang-css": "^6.0.0",
+                "@codemirror/lang-javascript": "^6.0.0",
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@lezer/common": "^1.0.0",
+                "@lezer/html": "^1.0.0"
+            }
+        },
+        "node_modules/@codemirror/lang-javascript": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-javascript/-/lang-javascript-6.0.1.tgz",
+            "integrity": "sha512-kjGbBEosl+ozDU5ruDV48w4v3H6KECTFiDjqMLT0KhVwESPfv3wOvnDrTT0uaMOg3YRGnBWsyiIoKHl/tNWWDg==",
+            "dependencies": {
+                "@codemirror/autocomplete": "^6.0.0",
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/lint": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "@lezer/common": "^1.0.0",
+                "@lezer/javascript": "^1.0.0"
+            }
+        },
+        "node_modules/@codemirror/lang-python": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-python/-/lang-python-6.0.0.tgz",
+            "integrity": "sha512-wI448yup4Y2Xxq/7r3Q4eEmth74ud263ABcexumEFEcoU+0c1k5XRKXp1aT5PrrVavlAKxWQMEvgi+x+HBU4zQ==",
+            "dependencies": {
+                "@codemirror/language": "^6.0.0",
+                "@lezer/python": "^1.0.0"
+            }
+        },
+        "node_modules/@codemirror/lang-xml": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-xml/-/lang-xml-6.0.0.tgz",
+            "integrity": "sha512-M/HLWxIiP956xGjtrxkeHkCmDGVQGKu782x8pOH5CLJIMkWtiB1DWfDoDHqpFjdEE9dkfcqPWvYfVi6GbhuXEg==",
+            "dependencies": {
+                "@codemirror/autocomplete": "^6.0.0",
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@lezer/common": "^1.0.0",
+                "@lezer/xml": "^1.0.0"
+            }
+        },
+        "node_modules/@codemirror/language": {
+            "version": "6.2.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.2.0.tgz",
+            "integrity": "sha512-tabB0Ef/BflwoEmTB4a//WZ9P90UQyne9qWB9YFsmeS4bnEqSys7UpGk/da1URMXhyfuzWCwp+AQNMhvu8SfnA==",
+            "dependencies": {
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "@lezer/common": "^1.0.0",
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0",
+                "style-mod": "^4.0.0"
+            }
+        },
+        "node_modules/@codemirror/legacy-modes": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/legacy-modes/-/legacy-modes-6.1.0.tgz",
+            "integrity": "sha512-V/PgGpndkZeTn3Hdlg/gd8MLFdyvTCIX+iwJzjUw5iNziWiNsAY8X0jvf7m3gSfxnKkNzmid6l0g4rYSpiDaCw==",
+            "dependencies": {
+                "@codemirror/language": "^6.0.0"
+            }
+        },
+        "node_modules/@codemirror/lint": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.0.0.tgz",
+            "integrity": "sha512-nUUXcJW1Xp54kNs+a1ToPLK8MadO0rMTnJB8Zk4Z8gBdrN0kqV7uvUraU/T2yqg+grDNR38Vmy/MrhQN/RgwiA==",
+            "dependencies": {
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "crelt": "^1.0.5"
+            }
+        },
+        "node_modules/@codemirror/search": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.0.0.tgz",
+            "integrity": "sha512-rL0rd3AhI0TAsaJPUaEwC63KHLO7KL0Z/dYozXj6E7L3wNHRyx7RfE0/j5HsIf912EE5n2PCb4Vg0rGYmDv4UQ==",
+            "dependencies": {
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "crelt": "^1.0.5"
+            }
+        },
+        "node_modules/@codemirror/state": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.1.0.tgz",
+            "integrity": "sha512-qbUr94DZTe6/V1VS7LDLz11rM/1t/nJxR1El4I6UaxDEdc0aZZvq6JCLJWiRmUf95NRAnDH6fhXn+PWp9wGCIg=="
+        },
+        "node_modules/@codemirror/view": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.0.2.tgz",
+            "integrity": "sha512-mnVT/q1JvKPjpmjXJNeCi/xHyaJ3abGJsumIVpdQ1nE1MXAyHf7GHWt8QpWMUvDiqF0j+inkhVR2OviTdFFX7Q==",
+            "dependencies": {
+                "@codemirror/state": "^6.0.0",
+                "style-mod": "^4.0.0",
+                "w3c-keyname": "^2.2.4"
+            }
+        },
         "node_modules/@endemolshinegroup/cosmiconfig-typescript-loader": {
             "version": "3.0.2",
             "resolved": "https://registry.npmjs.org/@endemolshinegroup/cosmiconfig-typescript-loader/-/cosmiconfig-typescript-loader-3.0.2.tgz",
@@ -1927,6 +2076,72 @@
                 "@jridgewell/sourcemap-codec": "^1.4.10"
             }
         },
+        "node_modules/@lezer/common": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.0.0.tgz",
+            "integrity": "sha512-ohydQe+Hb+w4oMDvXzs8uuJd2NoA3D8YDcLiuDsLqH+yflDTPEpgCsWI3/6rH5C3BAedtH1/R51dxENldQceEA=="
+        },
+        "node_modules/@lezer/css": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.0.0.tgz",
+            "integrity": "sha512-616VqgDKumHmYIuxs3tnX1irEQmoDHgF/TlP4O5ICWwyHwLMErq+8iKVuzTkOdBqvYAVmObqThcDEAaaMJjAdg==",
+            "dependencies": {
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0"
+            }
+        },
+        "node_modules/@lezer/highlight": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.0.0.tgz",
+            "integrity": "sha512-nsCnNtim90UKsB5YxoX65v3GEIw3iCHw9RM2DtdgkiqAbKh9pCdvi8AWNwkYf10Lu6fxNhXPpkpHbW6mihhvJA==",
+            "dependencies": {
+                "@lezer/common": "^1.0.0"
+            }
+        },
+        "node_modules/@lezer/html": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@lezer/html/-/html-1.0.0.tgz",
+            "integrity": "sha512-wZHBcieArLTxEi198hqRBBHMySzDKo5suWaESdUw0t44IXp01vkSRwX2brG1qBbKdwJ+C6U0iMl00vWNiyAROg==",
+            "dependencies": {
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0"
+            }
+        },
+        "node_modules/@lezer/javascript": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.0.1.tgz",
+            "integrity": "sha512-t7fpf3+gi/jiAtW+Gv734TbKdpPg6b8qATH01/jprW9H2oR++Tb688IHwJvZbk9F4GjpCEv86beuHMpUyC1b5g==",
+            "dependencies": {
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0"
+            }
+        },
+        "node_modules/@lezer/lr": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.1.0.tgz",
+            "integrity": "sha512-Iad04uVwk1PvSnj25mqj7zEEIRAsasbsTRmVzI0AUTs/+1Dz1//iYAaoLr7A+Xa7bZDfql5MKTxZmSlkYZD3Dg==",
+            "dependencies": {
+                "@lezer/common": "^1.0.0"
+            }
+        },
+        "node_modules/@lezer/python": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@lezer/python/-/python-1.0.0.tgz",
+            "integrity": "sha512-UQtDPmNhXxQZ7/Uoh8mR6sckrFzeyrjCkTIy7WQY8Sjdfi8wmr49iPbgsThy1Jy0DDBTnqZRULDngXNJ5AWVqg==",
+            "dependencies": {
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0"
+            }
+        },
+        "node_modules/@lezer/xml": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@lezer/xml/-/xml-1.0.0.tgz",
+            "integrity": "sha512-73iI9UK8iqSvWtLlOEl/g+50ivwQn8Ge6foHVN66AXUS1RccFnAoc7BYU8b3c8/rP6dfCOGqAGaWLxBzhj60MA==",
+            "dependencies": {
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0"
+            }
+        },
         "node_modules/@lingui/babel-plugin-extract-messages": {
             "version": "3.14.0",
             "resolved": "https://registry.npmjs.org/@lingui/babel-plugin-extract-messages/-/babel-plugin-extract-messages-3.14.0.tgz",
@@ -3825,9 +4040,18 @@
             }
         },
         "node_modules/codemirror": {
-            "version": "5.65.6",
+            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.6.tgz",
+            "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-6.0.1.tgz",
-            "integrity": "sha512-zNihMSMoDxK9Gqv9oEyDT8oM51rcRrQ+IEo2zyS48gJByBq5Fj8XuNEguMra+MuIOuh6lkpnLUJeL70DoTt6yw=="
+            "integrity": "sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==",
+            "dependencies": {
+                "@codemirror/autocomplete": "^6.0.0",
+                "@codemirror/commands": "^6.0.0",
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/lint": "^6.0.0",
+                "@codemirror/search": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0"
+            }
         },
         "node_modules/collection-visit": {
             "version": "1.0.0",
@@ -3983,6 +4207,11 @@
             "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
             "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ=="
         },
+        "node_modules/crelt": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.5.tgz",
+            "integrity": "sha512-+BO9wPPi+DWTDcNYhr/W90myha8ptzftZT+LwcmUbbok0rcP/fequmFYCw8NMoH7pkAZQzU78b3kYrlua5a9eA=="
+        },
         "node_modules/cross-fetch": {
             "version": "3.1.5",
             "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.5.tgz",
@@ -8215,6 +8444,11 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/style-mod": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.0.0.tgz",
+            "integrity": "sha512-OPhtyEjyyN9x3nhPsu76f52yUGXiZcgvsrFVtvTkyGRQJ0XK+GPc6ov1z+lRpbeabka+MYEQxOYRnt5nF30aMw=="
+        },
         "node_modules/supports-color": {
             "version": "5.5.0",
             "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -8680,6 +8914,11 @@
             "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-2.1.2.tgz",
             "integrity": "sha512-8TEXQxlldWAuIODdukIb+TR5s+9Ds40eSJrw+1iDDA9IFORPjMELarNQE3myz5XIkWWpdprmJjm1/SxMlWOC8A=="
         },
+        "node_modules/w3c-keyname": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.4.tgz",
+            "integrity": "sha512-tOhfEwEzFLJzf6d1ZPkYfGj+FWhIpBux9ppoP3rlclw3Z0BZv3N7b7030Z1kYth+6rDuAsXUFr+d0VE6Ed1ikw=="
+        },
         "node_modules/wasm-feature-detect": {
             "version": "1.2.11",
             "resolved": "https://registry.npmjs.org/wasm-feature-detect/-/wasm-feature-detect-1.2.11.tgz",
@@ -10012,6 +10251,144 @@
                 "to-fast-properties": "^2.0.0"
             }
         },
+        "@codemirror/autocomplete": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.0.2.tgz",
+            "integrity": "sha512-9PDjnllmXan/7Uax87KGORbxerDJ/cu10SB+n4Jz0zXMEvIh3+TGgZxhIvDOtaQ4jDBQEM7kHYW4vLdQB0DGZQ==",
+            "requires": {
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "@lezer/common": "^1.0.0"
+            }
+        },
+        "@codemirror/commands": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.0.1.tgz",
+            "integrity": "sha512-iNHDByicYqQjs0Wo1MKGfqNbMYMyhS9WV6EwMVwsHXImlFemgEUC+c5X22bXKBStN3qnwg4fArNZM+gkv22baQ==",
+            "requires": {
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "@lezer/common": "^1.0.0"
+            }
+        },
+        "@codemirror/lang-css": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-css/-/lang-css-6.0.0.tgz",
+            "integrity": "sha512-jBqc+BTuwhNOTlrimFghLlSrN6iFuE44HULKWoR4qKYObhOIl9Lci1iYj6zMIte1XTQmZguNvjXMyr43LUKwSw==",
+            "requires": {
+                "@codemirror/autocomplete": "^6.0.0",
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@lezer/css": "^1.0.0"
+            }
+        },
+        "@codemirror/lang-html": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-6.1.0.tgz",
+            "integrity": "sha512-gA7NmJxqvnhwza05CvR7W/39Ap9r/4Vs9uiC0IeFYo1hSlJzc/8N6Evviz6vTW1x8SpHcRYyqKOf6rpl6LfWtg==",
+            "requires": {
+                "@codemirror/autocomplete": "^6.0.0",
+                "@codemirror/lang-css": "^6.0.0",
+                "@codemirror/lang-javascript": "^6.0.0",
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@lezer/common": "^1.0.0",
+                "@lezer/html": "^1.0.0"
+            }
+        },
+        "@codemirror/lang-javascript": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-javascript/-/lang-javascript-6.0.1.tgz",
+            "integrity": "sha512-kjGbBEosl+ozDU5ruDV48w4v3H6KECTFiDjqMLT0KhVwESPfv3wOvnDrTT0uaMOg3YRGnBWsyiIoKHl/tNWWDg==",
+            "requires": {
+                "@codemirror/autocomplete": "^6.0.0",
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/lint": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "@lezer/common": "^1.0.0",
+                "@lezer/javascript": "^1.0.0"
+            }
+        },
+        "@codemirror/lang-python": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-python/-/lang-python-6.0.0.tgz",
+            "integrity": "sha512-wI448yup4Y2Xxq/7r3Q4eEmth74ud263ABcexumEFEcoU+0c1k5XRKXp1aT5PrrVavlAKxWQMEvgi+x+HBU4zQ==",
+            "requires": {
+                "@codemirror/language": "^6.0.0",
+                "@lezer/python": "^1.0.0"
+            }
+        },
+        "@codemirror/lang-xml": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-xml/-/lang-xml-6.0.0.tgz",
+            "integrity": "sha512-M/HLWxIiP956xGjtrxkeHkCmDGVQGKu782x8pOH5CLJIMkWtiB1DWfDoDHqpFjdEE9dkfcqPWvYfVi6GbhuXEg==",
+            "requires": {
+                "@codemirror/autocomplete": "^6.0.0",
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@lezer/common": "^1.0.0",
+                "@lezer/xml": "^1.0.0"
+            }
+        },
+        "@codemirror/language": {
+            "version": "6.2.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.2.0.tgz",
+            "integrity": "sha512-tabB0Ef/BflwoEmTB4a//WZ9P90UQyne9qWB9YFsmeS4bnEqSys7UpGk/da1URMXhyfuzWCwp+AQNMhvu8SfnA==",
+            "requires": {
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "@lezer/common": "^1.0.0",
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0",
+                "style-mod": "^4.0.0"
+            }
+        },
+        "@codemirror/legacy-modes": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/legacy-modes/-/legacy-modes-6.1.0.tgz",
+            "integrity": "sha512-V/PgGpndkZeTn3Hdlg/gd8MLFdyvTCIX+iwJzjUw5iNziWiNsAY8X0jvf7m3gSfxnKkNzmid6l0g4rYSpiDaCw==",
+            "requires": {
+                "@codemirror/language": "^6.0.0"
+            }
+        },
+        "@codemirror/lint": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.0.0.tgz",
+            "integrity": "sha512-nUUXcJW1Xp54kNs+a1ToPLK8MadO0rMTnJB8Zk4Z8gBdrN0kqV7uvUraU/T2yqg+grDNR38Vmy/MrhQN/RgwiA==",
+            "requires": {
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "crelt": "^1.0.5"
+            }
+        },
+        "@codemirror/search": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.0.0.tgz",
+            "integrity": "sha512-rL0rd3AhI0TAsaJPUaEwC63KHLO7KL0Z/dYozXj6E7L3wNHRyx7RfE0/j5HsIf912EE5n2PCb4Vg0rGYmDv4UQ==",
+            "requires": {
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "crelt": "^1.0.5"
+            }
+        },
+        "@codemirror/state": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.1.0.tgz",
+            "integrity": "sha512-qbUr94DZTe6/V1VS7LDLz11rM/1t/nJxR1El4I6UaxDEdc0aZZvq6JCLJWiRmUf95NRAnDH6fhXn+PWp9wGCIg=="
+        },
+        "@codemirror/view": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.0.2.tgz",
+            "integrity": "sha512-mnVT/q1JvKPjpmjXJNeCi/xHyaJ3abGJsumIVpdQ1nE1MXAyHf7GHWt8QpWMUvDiqF0j+inkhVR2OviTdFFX7Q==",
+            "requires": {
+                "@codemirror/state": "^6.0.0",
+                "style-mod": "^4.0.0",
+                "w3c-keyname": "^2.2.4"
+            }
+        },
         "@endemolshinegroup/cosmiconfig-typescript-loader": {
             "version": "3.0.2",
             "resolved": "https://registry.npmjs.org/@endemolshinegroup/cosmiconfig-typescript-loader/-/cosmiconfig-typescript-loader-3.0.2.tgz",
@@ -10207,6 +10584,72 @@
                 "@jridgewell/sourcemap-codec": "^1.4.10"
             }
         },
+        "@lezer/common": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.0.0.tgz",
+            "integrity": "sha512-ohydQe+Hb+w4oMDvXzs8uuJd2NoA3D8YDcLiuDsLqH+yflDTPEpgCsWI3/6rH5C3BAedtH1/R51dxENldQceEA=="
+        },
+        "@lezer/css": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.0.0.tgz",
+            "integrity": "sha512-616VqgDKumHmYIuxs3tnX1irEQmoDHgF/TlP4O5ICWwyHwLMErq+8iKVuzTkOdBqvYAVmObqThcDEAaaMJjAdg==",
+            "requires": {
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0"
+            }
+        },
+        "@lezer/highlight": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.0.0.tgz",
+            "integrity": "sha512-nsCnNtim90UKsB5YxoX65v3GEIw3iCHw9RM2DtdgkiqAbKh9pCdvi8AWNwkYf10Lu6fxNhXPpkpHbW6mihhvJA==",
+            "requires": {
+                "@lezer/common": "^1.0.0"
+            }
+        },
+        "@lezer/html": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@lezer/html/-/html-1.0.0.tgz",
+            "integrity": "sha512-wZHBcieArLTxEi198hqRBBHMySzDKo5suWaESdUw0t44IXp01vkSRwX2brG1qBbKdwJ+C6U0iMl00vWNiyAROg==",
+            "requires": {
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0"
+            }
+        },
+        "@lezer/javascript": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.0.1.tgz",
+            "integrity": "sha512-t7fpf3+gi/jiAtW+Gv734TbKdpPg6b8qATH01/jprW9H2oR++Tb688IHwJvZbk9F4GjpCEv86beuHMpUyC1b5g==",
+            "requires": {
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0"
+            }
+        },
+        "@lezer/lr": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.1.0.tgz",
+            "integrity": "sha512-Iad04uVwk1PvSnj25mqj7zEEIRAsasbsTRmVzI0AUTs/+1Dz1//iYAaoLr7A+Xa7bZDfql5MKTxZmSlkYZD3Dg==",
+            "requires": {
+                "@lezer/common": "^1.0.0"
+            }
+        },
+        "@lezer/python": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@lezer/python/-/python-1.0.0.tgz",
+            "integrity": "sha512-UQtDPmNhXxQZ7/Uoh8mR6sckrFzeyrjCkTIy7WQY8Sjdfi8wmr49iPbgsThy1Jy0DDBTnqZRULDngXNJ5AWVqg==",
+            "requires": {
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0"
+            }
+        },
+        "@lezer/xml": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@lezer/xml/-/xml-1.0.0.tgz",
+            "integrity": "sha512-73iI9UK8iqSvWtLlOEl/g+50ivwQn8Ge6foHVN66AXUS1RccFnAoc7BYU8b3c8/rP6dfCOGqAGaWLxBzhj60MA==",
+            "requires": {
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0"
+            }
+        },
         "@lingui/babel-plugin-extract-messages": {
             "version": "3.14.0",
             "resolved": "https://registry.npmjs.org/@lingui/babel-plugin-extract-messages/-/babel-plugin-extract-messages-3.14.0.tgz",
@@ -11624,9 +12067,18 @@
             "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4="
         },
         "codemirror": {
-            "version": "5.65.6",
+            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.6.tgz",
+            "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-6.0.1.tgz",
-            "integrity": "sha512-zNihMSMoDxK9Gqv9oEyDT8oM51rcRrQ+IEo2zyS48gJByBq5Fj8XuNEguMra+MuIOuh6lkpnLUJeL70DoTt6yw=="
+            "integrity": "sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==",
+            "requires": {
+                "@codemirror/autocomplete": "^6.0.0",
+                "@codemirror/commands": "^6.0.0",
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/lint": "^6.0.0",
+                "@codemirror/search": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0"
+            }
         },
         "collection-visit": {
             "version": "1.0.0",
@@ -11753,6 +12205,11 @@
             "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
             "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ=="
         },
+        "crelt": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.5.tgz",
+            "integrity": "sha512-+BO9wPPi+DWTDcNYhr/W90myha8ptzftZT+LwcmUbbok0rcP/fequmFYCw8NMoH7pkAZQzU78b3kYrlua5a9eA=="
+        },
         "cross-fetch": {
             "version": "3.1.5",
             "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.5.tgz",
@@ -14930,6 +15387,11 @@
             "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
             "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig=="
         },
+        "style-mod": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.0.0.tgz",
+            "integrity": "sha512-OPhtyEjyyN9x3nhPsu76f52yUGXiZcgvsrFVtvTkyGRQJ0XK+GPc6ov1z+lRpbeabka+MYEQxOYRnt5nF30aMw=="
+        },
         "supports-color": {
             "version": "5.5.0",
             "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -15301,6 +15763,11 @@
             "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-2.1.2.tgz",
             "integrity": "sha512-8TEXQxlldWAuIODdukIb+TR5s+9Ds40eSJrw+1iDDA9IFORPjMELarNQE3myz5XIkWWpdprmJjm1/SxMlWOC8A=="
         },
+        "w3c-keyname": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.4.tgz",
+            "integrity": "sha512-tOhfEwEzFLJzf6d1ZPkYfGj+FWhIpBux9ppoP3rlclw3Z0BZv3N7b7030Z1kYth+6rDuAsXUFr+d0VE6Ed1ikw=="
+        },
         "wasm-feature-detect": {
             "version": "1.2.11",
             "resolved": "https://registry.npmjs.org/wasm-feature-detect/-/wasm-feature-detect-1.2.11.tgz",

web/package.json

@@ -57,6 +57,11 @@
         "@babel/plugin-transform-runtime": "^7.18.6",
         "@babel/preset-env": "^7.18.6",
         "@babel/preset-typescript": "^7.18.6",
+        "@codemirror/lang-html": "^6.1.0",
+        "@codemirror/lang-javascript": "^6.0.1",
+        "@codemirror/lang-python": "^6.0.0",
+        "@codemirror/lang-xml": "^6.0.0",
+        "@codemirror/legacy-modes": "^6.1.0",
         "@formatjs/intl-listformat": "^7.0.2",
         "@fortawesome/fontawesome-free": "^6.1.1",
         "@goauthentik/api": "^2022.6.3-1656620570",
@@ -88,7 +93,7 @@
         "base64-js": "^1.5.1",
         "chart.js": "^3.8.0",
         "chartjs-adapter-moment": "^1.0.0",
-        "codemirror": "^5.65.6",
+        "codemirror": "^6.0.1",
         "construct-style-sheets-polyfill": "^3.1.0",
         "country-flag-icons": "^1.5.5",
         "eslint": "^8.18.0",

web/src/elements/CodeMirror.ts

@@ -1,24 +1,21 @@
-import CodeMirror from "codemirror";
+import { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
-import "codemirror/addon/dialog/dialog";
+import { html as htmlLang } from "@codemirror/lang-html";
-import "codemirror/addon/display/autorefresh";
+import { javascript } from "@codemirror/lang-javascript";
-import "codemirror/addon/hint/show-hint";
+import { python } from "@codemirror/lang-python";
-import "codemirror/addon/search/search";
+import { xml } from "@codemirror/lang-xml";
-import "codemirror/addon/search/searchcursor";
+import {
-import "codemirror/mode/htmlmixed/htmlmixed.js";
+    LanguageSupport,
-import "codemirror/mode/javascript/javascript.js";
+    StreamLanguage,
-import "codemirror/mode/python/python.js";
+    defaultHighlightStyle,
-import "codemirror/mode/xml/xml.js";
+    syntaxHighlighting,
-import "codemirror/mode/yaml/yaml.js";
+} from "@codemirror/language";
+import * as yamlMode from "@codemirror/legacy-modes/mode/yaml";
+import { EditorState, Extension } from "@codemirror/state";
+import { EditorView, keymap, lineNumbers } from "@codemirror/view";
 import YAML from "yaml";
 
-import { CSSResult, LitElement, TemplateResult, css, html } from "lit";
+import { LitElement } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-
-import CodeMirrorDialogStyle from "codemirror/addon/dialog/dialog.css";
-import CodeMirrorShowHintStyle from "codemirror/addon/hint/show-hint.css";
-import CodeMirrorStyle from "codemirror/lib/codemirror.css";
-import CodeMirrorTheme from "codemirror/theme/monokai.css";
 
 @customElement("ak-codemirror")
 export class CodeMirrorTextarea extends LitElement {
@@ -31,7 +28,7 @@ export class CodeMirrorTextarea extends LitElement {
     @property()
     name?: string;
 
-    editor?: CodeMirror.EditorFromTextArea;
+    editor?: EditorView;
 
     _value?: string;
 
@@ -56,7 +53,9 @@ export class CodeMirrorTextarea extends LitElement {
             }
         }
         if (this.editor) {
-            this.editor.setValue(textValue);
+            this.editor.dispatch({
+                changes: { from: 0, to: this.editor.state.doc.length, insert: textValue },
+            });
         } else {
             this._value = textValue;
         }
@@ -82,49 +81,42 @@ export class CodeMirrorTextarea extends LitElement {
         if (!this.editor) {
             return "";
         }
-        return this.editor.getValue();
+        return this.editor.state.doc.toString();
     }
 
-    static get styles(): CSSResult[] {
+    getLanguageExtension(): LanguageSupport | undefined {
-        return [
+        switch (this.mode.toLowerCase()) {
-            CodeMirrorStyle,
+            case "xml":
-            CodeMirrorTheme,
+                return xml();
-            CodeMirrorDialogStyle,
+            case "javascript":
-            CodeMirrorShowHintStyle,
+                return javascript();
-            css`
+            case "html":
-                .CodeMirror-wrap pre {
+                return htmlLang();
-                    word-break: break-word !important;
+            case "python":
+                return python();
+            case "yaml":
+                return new LanguageSupport(StreamLanguage.define(yamlMode.yaml));
         }
-            `,
+        return undefined;
-        ];
     }
 
     firstUpdated(): void {
-        const textarea = this.shadowRoot?.querySelector("textarea");
+        const extensions = [
-        if (!textarea) {
+            history(),
-            return;
+            keymap.of([...defaultKeymap, ...historyKeymap]),
-        }
+            syntaxHighlighting(defaultHighlightStyle),
-        this.editor = CodeMirror.fromTextArea(textarea, {
+            this.getLanguageExtension(),
-            mode: this.mode,
+            lineNumbers(),
-            theme: "monokai",
+            EditorView.lineWrapping,
-            lineNumbers: false, // Line Numbers seem to be broken on firefox?
+            EditorState.readOnly.of(this.readOnly),
-            readOnly: this.readOnly,
+            EditorState.tabSize.of(2),
-            autoRefresh: true,
+            // scrollPastEnd(),
-            lineWrapping: true,
+        ];
-            value: this._value,
+        this.editor = new EditorView({
-            extraKeys: {
+            extensions: extensions.filter((p) => p) as Extension[],
-                Tab: (cm) => {
+            root: this.shadowRoot || document,
-                    cm.execCommand("insertSoftTab");
+            doc: this._value,
-                },
-            },
-            indentUnit: 4,
         });
-        this.editor.on("blur", () => {
+        this.shadowRoot?.appendChild(this.editor.dom);
-            this.editor?.save();
-        });
-    }
-
-    render(): TemplateResult {
-        return html`<textarea name=${ifDefined(this.name)}>${ifDefined(this._value)}</textarea>`;
     }
 }