fix typo for grapheme

eyg/src/easel/print.gleam

@@ -418,7 +418,7 @@ pub fn print_keyword(keyword, loc, acc, err) {
   let Location(path: path, ..) = loc
   // list.fold(
   //   string.to_graphemes(keyword),
-  stringx.fold_graphmemes(keyword, acc, fn(acc, ch) {
+  stringx.fold_graphemes(keyword, acc, fn(acc, ch) {
     [#(ch, path, -1, Keyword, err), ..acc]
   })
 }
@@ -431,7 +431,7 @@ pub fn print_with_offset(content, loc, style, err, acc, info, _analysis) {
     _ -> #(content, style)
   }
   let acc =
-    stringx.index_fold_graphmemes(
+    stringx.index_fold_graphemes(
       // list.index_fold(
       //   string.to_graphemes(content),
       content,

eyg/src/gleam/stringx.gleam

@@ -16,12 +16,18 @@ pub fn replace_at(original, from, to, new) {
   |> string.concat
 }
 
-@external(javascript, "../plinth_ffi.js", "foldGraphmemes")
-pub fn fold_graphmemes(a: String, b: a, c: fn(a, String) -> a) -> a
+@external(javascript, "../gleam_stringx_ffi.mjs", "foldGraphemes")
+pub fn fold_graphemes(a: String, b: a, c: fn(a, String) -> a) -> a
 
-@external(javascript, "../plinth_ffi.js", "foldGraphmemes")
-pub fn index_fold_graphmemes(a: String, b: a, c: fn(a, String, Int) -> a) -> a
+@external(javascript, "../gleam_stringx_ffi.mjs", "foldGraphemes")
+pub fn index_fold_graphemes(a: String, b: a, c: fn(a, String, Int) -> a) -> a
 
 pub fn wrap(content, pre, post) {
   string.concat([pre, content, post])
 }
+
+@external(javascript, "../gleam_stringx_ffi.mjs", "byte_slice_from")
+pub fn byte_slice_from(string: String, from: Int) -> String
+
+@external(javascript, "../gleam_stringx_ffi.mjs", "byte_slice_range")
+pub fn byte_slice_range(string: String, from: Int, to: Int) -> String

eyg/src/gleam_stringx_ffi.mjs

@@ -0,0 +1,19 @@
+export function byte_slice_from(string, from) {
+  return string.slice(from);
+}
+
+export function byte_slice_range(string, from, to) {
+  return string.slice(from, to);
+}
+
+// https://stackoverflow.com/questions/1966476/how-can-i-process-each-letter-of-text-using-javascript
+export function foldGraphemes(string, initial, f) {
+  let value = initial;
+  // for (const ch of string) {
+  //   value = f(value, ch);
+  // }
+  [...string].forEach((c, i) => {
+    value = f(value, c, i);
+  });
+  return value;
+}

eyg/src/old_plinth/browser/document.gleam

@@ -1,9 +1,9 @@
 // TODO fix proper action or add event listener
-@external(javascript, "../../plinth_ffi.js", "onClick")
+@external(javascript, "../../plinth_ffi.mjs", "onClick")
 pub fn on_click(a: fn(String) -> Nil) -> Nil
 
-@external(javascript, "../../plinth_ffi.js", "onKeyDown")
+@external(javascript, "../../plinth_ffi.mjs", "onKeyDown")
 pub fn on_keydown(a: fn(String) -> Nil) -> Nil
 
-@external(javascript, "../../plinth_ffi.js", "onChange")
+@external(javascript, "../../plinth_ffi.mjs", "onChange")
 pub fn on_change(a: fn(String) -> Nil) -> Nil

eyg/src/plinth_ffi.js → eyg/src/plinth_ffi.mjs

@@ -41,22 +41,3 @@ export function onChange(f) {
   };
 }
 
-
-// -------- element properties --------
-
-
-export function array_graphmemes(string) {
-  return [...string];
-}
-
-// https://stackoverflow.com/questions/1966476/how-can-i-process-each-letter-of-text-using-javascript
-export function foldGraphmemes(string, initial, f) {
-  let value = initial;
-  // for (const ch of string) {
-  //   value = f(value, ch);
-  // }
-  [...string].forEach((c, i) => {
-    value = f(value, c, i);
-  });
-  return value;
-}