CHANGELOG.md

@@ -2,6 +2,22 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [1.23.0](https://github.com/ajaxorg/ace/compare/v1.22.1...v1.23.0) (2023-06-21)
+
+
+### Features
+
+* **autocomplete:** ellipsis is shown when suggestions is longer than popover width ([#5204](https://github.com/ajaxorg/ace/issues/5204)) ([de4234b](https://github.com/ajaxorg/ace/commit/de4234be62be264b78bd4dd19b09cf20fb4d0f28))
+* signal gutterkeydown in keyboard accessibility mode ([#5202](https://github.com/ajaxorg/ace/issues/5202)) ([538b18c](https://github.com/ajaxorg/ace/commit/538b18cf86e21c810910d286c820bac399927cd7))
+
+
+### Bug Fixes
+
+* Fix vite build and webpack warning ([#5192](https://github.com/ajaxorg/ace/issues/5192)) ([e14902e](https://github.com/ajaxorg/ace/commit/e14902e0c2b281346d062d6a5c84d05bd3590fe3))
+* gutter tooltip class fix ([#5211](https://github.com/ajaxorg/ace/issues/5211)) ([5bdb944](https://github.com/ajaxorg/ace/commit/5bdb944714e7787632914aeef521e3e5024a1d1f))
+* Improve ARIA labelling fold controls ([#5205](https://github.com/ajaxorg/ace/issues/5205)) ([dad5e6f](https://github.com/ajaxorg/ace/commit/dad5e6f6e445b805f7b470ef7892442a83d342e5))
+* regression in setting breakpoints on folded lines ([51326eb](https://github.com/ajaxorg/ace/commit/51326ebfe9b3e97925ab1be05246e0f2646c8687))
+
 ### [1.22.1](https://github.com/ajaxorg/ace/compare/v1.22.0...v1.22.1) (2023-06-11)
 
 

ace-modules.d.ts

@@ -211,50 +211,95 @@ declare module 'ace-builds/src-noconflict/mode-xml';
 declare module 'ace-builds/src-noconflict/mode-xquery';
 declare module 'ace-builds/src-noconflict/mode-yaml';
 declare module 'ace-builds/src-noconflict/mode-zeek';
+declare module 'ace-builds/src-noconflict/theme-ambiance-css';
 declare module 'ace-builds/src-noconflict/theme-ambiance';
+declare module 'ace-builds/src-noconflict/theme-chaos-css';
 declare module 'ace-builds/src-noconflict/theme-chaos';
+declare module 'ace-builds/src-noconflict/theme-chrome-css';
 declare module 'ace-builds/src-noconflict/theme-chrome';
+declare module 'ace-builds/src-noconflict/theme-cloud9_day-css';
 declare module 'ace-builds/src-noconflict/theme-cloud9_day';
+declare module 'ace-builds/src-noconflict/theme-cloud9_night-css';
 declare module 'ace-builds/src-noconflict/theme-cloud9_night';
+declare module 'ace-builds/src-noconflict/theme-cloud9_night_low_color-css';
 declare module 'ace-builds/src-noconflict/theme-cloud9_night_low_color';
+declare module 'ace-builds/src-noconflict/theme-clouds-css';
 declare module 'ace-builds/src-noconflict/theme-clouds';
+declare module 'ace-builds/src-noconflict/theme-clouds_midnight-css';
 declare module 'ace-builds/src-noconflict/theme-clouds_midnight';
+declare module 'ace-builds/src-noconflict/theme-cobalt-css';
 declare module 'ace-builds/src-noconflict/theme-cobalt';
+declare module 'ace-builds/src-noconflict/theme-crimson_editor-css';
 declare module 'ace-builds/src-noconflict/theme-crimson_editor';
+declare module 'ace-builds/src-noconflict/theme-dawn-css';
 declare module 'ace-builds/src-noconflict/theme-dawn';
+declare module 'ace-builds/src-noconflict/theme-dracula-css';
 declare module 'ace-builds/src-noconflict/theme-dracula';
+declare module 'ace-builds/src-noconflict/theme-dreamweaver-css';
 declare module 'ace-builds/src-noconflict/theme-dreamweaver';
+declare module 'ace-builds/src-noconflict/theme-eclipse-css';
 declare module 'ace-builds/src-noconflict/theme-eclipse';
+declare module 'ace-builds/src-noconflict/theme-github-css';
 declare module 'ace-builds/src-noconflict/theme-github';
+declare module 'ace-builds/src-noconflict/theme-github_dark-css';
 declare module 'ace-builds/src-noconflict/theme-github_dark';
+declare module 'ace-builds/src-noconflict/theme-gob-css';
 declare module 'ace-builds/src-noconflict/theme-gob';
+declare module 'ace-builds/src-noconflict/theme-gruvbox-css';
 declare module 'ace-builds/src-noconflict/theme-gruvbox';
+declare module 'ace-builds/src-noconflict/theme-gruvbox_dark_hard-css';
 declare module 'ace-builds/src-noconflict/theme-gruvbox_dark_hard';
+declare module 'ace-builds/src-noconflict/theme-gruvbox_light_hard-css';
 declare module 'ace-builds/src-noconflict/theme-gruvbox_light_hard';
+declare module 'ace-builds/src-noconflict/theme-idle_fingers-css';
 declare module 'ace-builds/src-noconflict/theme-idle_fingers';
+declare module 'ace-builds/src-noconflict/theme-iplastic-css';
 declare module 'ace-builds/src-noconflict/theme-iplastic';
+declare module 'ace-builds/src-noconflict/theme-katzenmilch-css';
 declare module 'ace-builds/src-noconflict/theme-katzenmilch';
+declare module 'ace-builds/src-noconflict/theme-kr_theme-css';
 declare module 'ace-builds/src-noconflict/theme-kr_theme';
+declare module 'ace-builds/src-noconflict/theme-kuroir-css';
 declare module 'ace-builds/src-noconflict/theme-kuroir';
+declare module 'ace-builds/src-noconflict/theme-merbivore-css';
 declare module 'ace-builds/src-noconflict/theme-merbivore';
+declare module 'ace-builds/src-noconflict/theme-merbivore_soft-css';
 declare module 'ace-builds/src-noconflict/theme-merbivore_soft';
+declare module 'ace-builds/src-noconflict/theme-mono_industrial-css';
 declare module 'ace-builds/src-noconflict/theme-mono_industrial';
+declare module 'ace-builds/src-noconflict/theme-monokai-css';
 declare module 'ace-builds/src-noconflict/theme-monokai';
+declare module 'ace-builds/src-noconflict/theme-nord_dark-css';
 declare module 'ace-builds/src-noconflict/theme-nord_dark';
+declare module 'ace-builds/src-noconflict/theme-one_dark-css';
 declare module 'ace-builds/src-noconflict/theme-one_dark';
+declare module 'ace-builds/src-noconflict/theme-pastel_on_dark-css';
 declare module 'ace-builds/src-noconflict/theme-pastel_on_dark';
+declare module 'ace-builds/src-noconflict/theme-solarized_dark-css';
 declare module 'ace-builds/src-noconflict/theme-solarized_dark';
+declare module 'ace-builds/src-noconflict/theme-solarized_light-css';
 declare module 'ace-builds/src-noconflict/theme-solarized_light';
+declare module 'ace-builds/src-noconflict/theme-sqlserver-css';
 declare module 'ace-builds/src-noconflict/theme-sqlserver';
+declare module 'ace-builds/src-noconflict/theme-terminal-css';
 declare module 'ace-builds/src-noconflict/theme-terminal';
+declare module 'ace-builds/src-noconflict/theme-textmate-css';
 declare module 'ace-builds/src-noconflict/theme-textmate';
+declare module 'ace-builds/src-noconflict/theme-tomorrow-css';
 declare module 'ace-builds/src-noconflict/theme-tomorrow';
+declare module 'ace-builds/src-noconflict/theme-tomorrow_night-css';
 declare module 'ace-builds/src-noconflict/theme-tomorrow_night';
+declare module 'ace-builds/src-noconflict/theme-tomorrow_night_blue-css';
 declare module 'ace-builds/src-noconflict/theme-tomorrow_night_blue';
+declare module 'ace-builds/src-noconflict/theme-tomorrow_night_bright-css';
 declare module 'ace-builds/src-noconflict/theme-tomorrow_night_bright';
+declare module 'ace-builds/src-noconflict/theme-tomorrow_night_eighties-css';
 declare module 'ace-builds/src-noconflict/theme-tomorrow_night_eighties';
+declare module 'ace-builds/src-noconflict/theme-twilight-css';
 declare module 'ace-builds/src-noconflict/theme-twilight';
+declare module 'ace-builds/src-noconflict/theme-vibrant_ink-css';
 declare module 'ace-builds/src-noconflict/theme-vibrant_ink';
+declare module 'ace-builds/src-noconflict/theme-xcode-css';
 declare module 'ace-builds/src-noconflict/theme-xcode';
 declare module 'ace-builds/src-noconflict/snippets/abap';
 declare module 'ace-builds/src-noconflict/snippets/abc';

ace.d.ts

@@ -222,9 +222,11 @@ export namespace Ace {
     behavioursEnabled: boolean;
     wrapBehavioursEnabled: boolean;
     enableAutoIndent: boolean;
-    enableBasicAutocompletion: boolean | Completer[],
-    enableLiveAutocompletion: boolean | Completer[],
-    enableSnippets: boolean,
+    enableBasicAutocompletion: boolean | Completer[];
+    enableLiveAutocompletion: boolean | Completer[];
+    liveAutocompletionDelay: number;
+    liveAutocompletionThreshold: number;
+    enableSnippets: boolean;
     autoScrollEditorIntoView: boolean;
     keyboardHandler: string | null;
     placeholder: string;
@@ -864,6 +866,7 @@ export namespace Ace {
     on(name: 'mousewheel', callback: (e: any) => void): void;
     on(name: 'click', callback: (e: any) => void): void;
     on(name: 'guttermousedown', callback: (e: any) => void): void;
+    on(name: 'gutterkeydown', callback: (e: any) => void): void;
 
     onPaste(text: string, event: any): void;
 
@@ -884,7 +887,7 @@ export namespace Ace {
     setStyle(style: string): void;
     unsetStyle(style: string): void;
     getFontSize(): string;
-    setFontSize(size: number): void;
+    setFontSize(size: number|string): void;
     focus(): void;
     isFocused(): boolean;
     blur(): void;
@@ -1008,6 +1011,7 @@ export namespace Ace {
       prefix: string,
       callback: CompleterCallback): void;
     getDocTooltip?(item: Completion): undefined | string | Completion;
+    cancel?(): void;
     id?: string;
     triggerCharacters?: string[]
   }
@@ -1097,6 +1101,9 @@ export const EditSession: {
 export const UndoManager: {
   new(): Ace.UndoManager;
 };
+export const Editor: {
+  new(): Ace.Editor;
+};
 export const Range: {
   new(startRow: number, startColumn: number, endRow: number, endColumn: number): Ace.Range;
   fromPoints(start: Ace.Point, end: Ace.Point): Ace.Range;

css/ace.css

@@ -894,7 +894,7 @@ background: rgba(58, 103, 78, 0.62);
 }
 .ace_completion-meta {
 opacity: 0.5;
-margin: 0 0.9em;
+margin-left: 0.9em;
 }
 .ace_completion-message {
 color: blue;
@@ -922,13 +922,24 @@ line-height: 1.4;
 background: #25282c;
 color: #c1c1c1;
 }
-.ace_autocomplete_right .ace_text-layer  {
+.ace_autocomplete .ace_text-layer  {
 width: calc(100% - 8px);
 }
-.ace_autocomplete_right .ace_line {
+.ace_autocomplete .ace_line {
 display: flex;
+align-items: center;
+}
+.ace_autocomplete .ace_line > * {
+min-width: 0;
+flex: 0 0 auto;
+}
+.ace_autocomplete .ace_line .ace_ {
+flex: 0 1 auto;
+overflow: hidden;
+white-space: nowrap;
+text-overflow: ellipsis;
 }
-.ace_autocomplete_right .ace_completion-spacer {
+.ace_autocomplete .ace_completion-spacer {
 flex: 1;
 }
 /*inlineautocomplete.css*/

demo/autoresize.html

@@ -14,7 +14,9 @@
 	}
 	.scrollmargin {
 		height: 80px;
-        text-align: center;
+	}
+	.scrollmargin2 {
+		height: 180px;
 	}
     </style>
 </head>
@@ -26,21 +28,26 @@
 <pre id="editor3" style="width: 40%;"></pre>
 <div class="scrollmargin"></div>
 <pre id="editor"></pre>
+<div class="scrollmargin2"></div>
+<pre id="editor4" style="width: 40%;transform:scale(1.5)"></pre>
+<div class="scrollmargin2"></div>
 
 <!-- load ace -->
 <script src="../src/ace.js"></script>
+<!-- load ace language_tools extension -->
+<script src="../src/ext-language_tools.js"></script>
 <script>
     var editor1 = ace.edit("editor1", {
         theme: "ace/theme/tomorrow_night_eighties",
-        mode: "ace/mode/html",
+        mode: "ace/mode/javascript",
         maxLines: 30,
         wrap: true,
         autoScrollEditorIntoView: true
     });
 
     var editor2 = ace.edit("editor2", {
         theme: "ace/theme/tomorrow_night_blue",
-        mode: "ace/mode/html",
+        mode: "ace/mode/css",
         autoScrollEditorIntoView: true,
         maxLines: 30,
         minLines: 2
@@ -57,7 +64,18 @@
     editor.setTheme("ace/theme/tomorrow");
     editor.session.setMode("ace/mode/html");
     editor.setAutoScrollEditorIntoView(true);
-    editor.setOption("maxLines", 100);
+    editor.setOption("maxLines", 100); 
+    window.editor = editor;
+
+    var editor4 = ace.edit("editor4", {
+        theme: "ace/theme/tomorrow_night_blue",
+        mode: "ace/mode/javascript",
+        autoScrollEditorIntoView: true,
+        maxLines: 30,
+        minLines: 100,
+        hasCssTransforms: true,
+        value: "transformed editor" + "\n".repeat(100)
+    });
 </script>
 
 <script src="./show_own_source.js"></script>

demo/i18n.html

@@ -37,9 +37,10 @@
   </style>
 </head>
 <body>
-<a href="?lang=Ru"/>Russian</a> &nbsp;
-<a href="?lang=Am"/>Armenian</a>&nbsp; 
-<a href="?lang=En"/>English</a>&nbsp;
+<a href="?lang=Ru">Russian</a> &nbsp;
+<a href="?lang=Am">Armenian</a>&nbsp; 
+<a href="?lang=En">English</a>&nbsp;
+<a href="?lang=Es">Spanish</a>&nbsp;
 <pre id="editor"></pre>
 
 <!-- load ace -->
@@ -70,9 +71,9 @@
         "Autocomplete suggestions": "Предложения автозаполнения",
 
         "Cursor at row $0": "",
-        "Unfold rows $0 to $1": "",
+        "Toggle code folding, rows $0 through $1": "",
+        "Toggle code folding, row $0": "",
         "Unfold code": "",
-        "Fold at row $0": "",
         "Fold code": "",
         "Read annotations row $0": "",
 
@@ -83,6 +84,7 @@
         "information message": "информационное сообщение",
         "information messages": "информационные сообщения"
     };
+
     var messagesArmenian = {
         "$id": "am",
 
@@ -106,9 +108,9 @@
         "Autocomplete suggestions": "Ավտոմատ լրացման առաջարկներ",
 
         "Cursor at row $0": "",
-        "Unfold rows $0 to $1": "",
+        "Toggle code folding, rows $0 through $1": "",
+        "Toggle code folding, row $0": "",
         "Unfold code": "",
-        "Fold at row $0": "",
         "Fold code": "",
         "Read annotations row $0": "",
 
@@ -120,13 +122,54 @@
         "information messages": "տեղեկատվություններ"
     };
 
+    var messagesSpanish = {
+        "$id": "es",
+        "Autocomplete suggestions": "Sugerencias de autocompletar",
+        "editor": "editor",
+        "Editor content, press Enter to start editing, press Escape to exit": "Contenido del editor, presiona Entrar para empezar a editar, presiona Escape para salir",
+        "Editor gutter, press Enter to interact with controls using arrow keys, press Escape to exit": "Canaleta de editor, presiona Entrar para por, presiona Escape para salir",
+        "Looks good!": "¡Parece bien!",
+        "Recently used": "Usado recientemente",
+        "Other commands": "Otros mandos",
+        "No matching commands": "No hay mandos que hacen juego",
+        "Search for": "Buscar",
+        "All": "Todo",
+        "Replace with": "Reemplazar con",
+        "Replace": "Reemplazar",
+        "Toggle Replace mode": "Pasar el modo de reemplazar",
+        "RegExp Search": "Búsqueda de RegExp",
+        "CaseSensitive Search": "Búsqueda sensible a mayúsculas y minúsculas",
+        "Whole Word Search": "Búsqueda de palabras enteras",
+        "Search In Selection": "Buscar en la selección",
+        "$0 of $1": "$0 de $1",
+        "Cursor at row $0": "Cursor en row $0",
+        "Unfold rows $0 to $1": "Desplegar las filas desde $0 hasta $1",
+        "Unfold code": "Desplegar el codigo",
+        "Fold at row $0": "Plegar en fila $0",
+        "Toggle code folding, rows $0 through $1": "",
+        "Toggle code folding, row $0": "",
+        "Fold code": "Plegar el codigo",
+        "Read annotations row $0": "Leer anotaciones fila $0",
+        "error": "error",
+        "errors": "errores",
+        "warning": "advertencia",
+        "warnings": "advertencias",
+        "information message": "mensaje de informacion",
+        "information messages": "mensajes de informacion"
+    }
+
+
+
     if (/lang=ru/i.test(location.href)) {
         ace.config.setMessages(messagesRussian);
     } else if (/lang=en/i.test(location.href)) {
         ace.config.setMessages();
+    } else if (/lang=es/i.test(location.href)) {
+        ace.config.setMessages(messagesSpanish)
     } else {
         ace.config.setMessages(messagesArmenian);
     }
+
     var editor = ace.edit("editor", {
         mode: "ace/mode/html"
     });