@scm-manager/scm-code-editor-plugin 4.0.0-20260224-132340 → 4.0.0-20260230-160625

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scm-manager/scm-code-editor-plugin",
   "private": false,
-  "version": "4.0.0-20260224-132340",
+  "version": "4.0.0-20260230-160625",
   "license": "AGPL-3.0-only",
   "main": "./src/main/js/index.tsx",
   "scripts": {
@@ -12,25 +12,24 @@
     "deploy": "plugin-scripts publish"
   },
   "dependencies": {
-    "@scm-manager/ui-api": "4.0.0-REACT19-20251115-163310",
-    "@scm-manager/ui-components": "4.0.0-REACT19-20251115-163310",
-    "@scm-manager/ui-core": "4.0.0-REACT19-20251115-163310",
-    "@scm-manager/ui-extensions": "4.0.0-REACT19-20251115-163310",
-    "@scm-manager/ui-plugins": "4.0.0-REACT19-20251115-163310",
+    "@scm-manager/ui-api": "4.0.0-REACT19-20260213-175738",
+    "@scm-manager/ui-components": "4.0.0-REACT19-20260213-175738",
+    "@scm-manager/ui-core": "4.0.0-REACT19-20260213-175738",
+    "@scm-manager/ui-extensions": "4.0.0-REACT19-20260213-175738",
+    "@scm-manager/ui-plugins": "4.0.0-REACT19-20260213-175738",
     "@tanstack/react-query": "^5.90.6",
     "ace-builds": "^1.43.6",
-    "classnames": "^2.3.1",
+    "classnames": "^2.3.4",
     "query-string": "6.14.1",
+    "raw-loader": "^4.0.2",
     "react": "^19.1.1",
     "react-ace": "^14.0.1",
     "react-dom": "^19.1.1",
     "react-hook-form": "^7.33.1",
     "react-i18next": "11",
     "react-query": "^3.25.1",
-    "react-redux": "^5.0.7",
-    "react-router": "^7.9.1",
-    "react-router-dom": "^7.9.1",
-    "redux": "^4.0.0",
+    "react-router": "^7.13.0",
+    "react-router-dom": "^7.13.0",
     "styled-components": "^6.1.19"
   },
   "babel": {
@@ -38,9 +37,6 @@
       "@scm-manager/babel-preset"
     ]
   },
-  "jest": {
-    "preset": "@scm-manager/jest-preset"
-  },
   "prettier": "@scm-manager/prettier-config",
   "eslintConfig": {
     "extends": "@scm-manager/eslint-config"
@@ -48,26 +44,16 @@
   "devDependencies": {
     "@scm-manager/babel-preset": "^2.13.1",
     "@scm-manager/eslint-config": "^2.18.2",
-    "@scm-manager/jest-preset": "^2.13.0",
     "@scm-manager/plugin-scripts": "^1.6.1",
     "@scm-manager/prettier-config": "^2.12.0",
     "@scm-manager/tsconfig": "^2.13.0",
-    "@scm-manager/ui-scripts": "^2.32.2",
-    "@scm-manager/ui-tests": "3.0.0",
-    "@scm-manager/ui-types": "4.0.0-REACT19-20251115-163310",
-    "@types/classnames": "^2.3.1",
-    "@types/enzyme": "^3.10.3",
-    "@types/fetch-mock": "^7.3.1",
+    "@scm-manager/ui-types": "4.0.0-REACT19-20260213-175738",
+    "@types/classnames": "^2.3.4",
     "@types/i18next": "^13.0.0",
-    "@types/jest": "^24.0.19",
-    "@types/query-string": "5",
+    "@types/query-string": "6",
     "@types/react": "^19.1.1",
-    "@types/react-redux": "5.0.7",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/styled-components": "^5.1.25",
-    "@vitest/coverage-v8": "^3.2.4",
-    "jest": "^24.9.0",
-    "vitest": "^3.2.4"
+    "@vitest/coverage-v8": "^4.0.18",
+    "vitest": "^4.0.18"
   },
   "publishConfig": {
     "access": "public"

package/src/main/js/components/CodeEditor.tsx

@@ -22,6 +22,9 @@ import AceEditor from "react-ace";
 import "./EditorTheme.js";
 import findLanguage from "./findLanguage";
 import styled from "styled-components";
+import {registerTheme} from "./EditorTheme";
+import * as ace from "ace-builds";
+import {Ace} from "ace-builds";
 
 const defaultLanguage = "text";
 
@@ -118,6 +121,10 @@ class CodeEditor extends Component<Props, State> {
       <StyledAceEditor
         className={`is-family-monospace ${className}`}
         mode={language}
+        onLoad={(editor) => {
+          registerTheme(ace);
+          editor.setTheme("ace/theme/scm-manager");
+        }}
         theme="scm-manager"
         onChange={onChange}
         name="UNIQUE_ID_OF_DIV"

package/src/main/js/components/EditorTheme.css

@@ -14,64 +14,64 @@
  * along with this program. If not, see https://www.gnu.org/licenses/.
  */
 
-.scm-manager {
+.ace-scm-manager {
   font-family: monospace !important;
   font-size: 14px !important;
   line-height: 21px !important;
   font-weight: 400;
 }
 
-.scm-manager .ace_placeholder {
+.ace-scm-manager .ace_placeholder {
   font-family: inherit;
   transform: scale(1);
 }
 
-.scm-manager .ace_marker-layer .ace_selection {
+.ace-scm-manager .ace_marker-layer .ace_selection {
   background: var(--sh-selected-color);
 }
 
-.scm-manager .ace_meta,
-.scm-manager .ace_meta.ace_tag,
-.scm-manager .ace_comment {
+.ace-scm-manager .ace_meta,
+.ace-scm-manager .ace_meta.ace_tag,
+.ace-scm-manager .ace_comment {
   color: var(--sh-comment-color);
 }
 
-.scm-manager .ace_constant.ace_character,
-.scm-manager .ace_entity.ace_other.ace_attribute-name,
-.scm-manager .ace_string {
+.ace-scm-manager .ace_constant.ace_character,
+.ace-scm-manager .ace_entity.ace_other.ace_attribute-name,
+.ace-scm-manager .ace_string {
   color: var(--sh-selector-color);
 }
 
-.scm-manager .ace_keyword.ace_operator {
+.ace-scm-manager .ace_keyword.ace_operator {
   color: var(--sh-operator-color);
 }
 
-.scm-manager .ace_variable,
-.scm-manager .ace_keyword {
+.ace-scm-manager .ace_variable,
+.ace-scm-manager .ace_keyword {
   color: var(--sh-keyword-color);
 }
 
-.scm-manager .ace_entity.ace_name.ace_function,
-.scm-manager .ace_support.ace_function {
+.ace-scm-manager .ace_entity.ace_name.ace_function,
+.ace-scm-manager .ace_support.ace_function {
   color: var(--sh-function-color);
 }
 
-.scm-manager .ace_variable,
-.scm-manager .ace_string.ace_regexp {
+.ace-scm-manager .ace_variable,
+.ace-scm-manager .ace_string.ace_regexp {
   color: var(--sh-variable-color);
 }
 
-.scm-manager .ace_constant.ace_other,
-.scm-manager .ace_invalid.ace_deprecated, /* ? */
-.scm-manager .ace_entity.ace_name.ace_tag,
-.scm-manager .ace_constant.ace_numeric {
+.ace-scm-manager .ace_constant.ace_other,
+.ace-scm-manager .ace_invalid.ace_deprecated,
+.ace-scm-manager .ace_entity.ace_name.ace_tag,
+.ace-scm-manager .ace_constant.ace_numeric {
   color: var(--sh-property-color);
 }
 
-.scm-manager .ace_constant.ace_language {
+.ace-scm-manager .ace_constant.ace_language {
   color: var(--sh-function-color);
 }
 
-.scm-manager .ace_indent-guide {
+.ace-scm-manager .ace_indent-guide {
   border-right: 1px solid var(--scm-border-color);
 }

package/src/main/js/components/EditorTheme.js

@@ -16,25 +16,19 @@
 
 // @ts-nocheck
 // copy of ace/theme/arduino-tomorrow
-import ace from "ace-builds/src-noconflict/ace";
 import css from '!!raw-loader!./EditorTheme.css';
 
-ace.define(
-  "ace/theme/scm-manager",
-  ["require", "exports", "module", "ace/lib/dom"],
-  function (require, exports, module) {
-    exports.isDark = false;
-    exports.cssClass = "scm-manager";
-    exports.cssText = css;
-
-    var dom = require("../lib/dom");
-    dom.importCssString(exports.cssText, exports.cssClass);
-  },
-);
-(function () {
-  ace.require(["ace/theme/scm-manager"], function (m) {
-    if (typeof module == "object" && typeof exports == "object" && module) {
-      module.exports = m;
+export function registerTheme(ace) {
+  ace.define(
+    "ace/theme/scm-manager",
+    ["require", "exports", "module", "ace/lib/dom"],
+    function (require, exports, module) {
+      exports.isDark = false;
+      exports.cssClass = "ace-scm-manager";
+      exports.cssText = css;
+      var dom = require("ace/lib/dom");
+      dom.importCssString(exports.cssText, exports.cssClass);
     }
-  });
-})();
+  );
+  ace.require("ace/theme/scm-manager");
+}