Grapheme-cluster aware cursor, hit-testing and soft wrap on top of #5922

ace-internal.d.ts

@@ -85,6 +85,16 @@ export namespace Ace {
         offset: number,
         height: number,
         gutterOffset: number
+        fontMetrics: {
+            textWidth: (row: number, column: number) => number,
+            getRects: (start: Position, end: Position) => Rect[]
+        }
+    }
+    interface Rect {
+        left: number,
+        top: number,
+        width: number,
+        height: number,
     }
 
     interface HardWrapOptions {

ace.d.ts

@@ -84,6 +84,16 @@ declare module "ace-code" {
             offset: number;
             height: number;
             gutterOffset: number;
+            fontMetrics: {
+                textWidth: (row: number, column: number) => number;
+                getRects: (start: Position, end: Position) => Rect[];
+            };
+        }
+        interface Rect {
+            left: number;
+            top: number;
+            width: number;
+            height: number;
         }
         interface HardWrapOptions {
             /** First row of the range to process */

demo/kitchen-sink/demo.js

@@ -673,6 +673,16 @@ optionsPanelContainer.insertBefore(
             "Open Dialog ",
             ["button",  {onclick: openTestDialog.bind(null, false)}, "Scale"],
             ["button",  {onclick: openTestDialog.bind(null, true)}, "Height"]
+        ],
+        ["div", {},
+            ["button",  {onclick: function() {
+                editor.setOption("fontFamily", "cursive");
+                session.setValue( session.getValue() + "שלום עולם בעברית123" +"\n" + "ジャパン + 八洲\n" + "𒐫𒈙⸻ဪ", 1);
+            }}, "cursive"],
+            ["button",  {onclick: function() {
+                editor.setOption("fontFamily", "Tahoma");
+                session.setValue( session.getValue() + "שלום עולם בעברית123" +"\n" + "ジャパン + 八洲", 1);
+            }}, "Tahoma"],
         ]
     ]),
     optionsPanelContainer.children[1]

demo/kitchen-sink/inline_editor.js

@@ -21,7 +21,7 @@ require("ace/commands/default_commands").commands.push({
             return;
         }
 
-        var rowCount = 10;
+        var rowCount = 5.5;
         var w = {
             row: row, 
            // rowCount: rowCount,