editor-raw-workaround.re

external mediumEditor : string => 'a => 'b = "medium-editor" [@@bs.module] [@@bs.new];

external extend : 'a => 'b = "" [@@bs.module "medium-editor"] [@@bs.scope "Extension"];

type baseExtensionT = Js.t {
  .
      subscribe: (string => unit => unit) [@bs.meth],
      handleKeydown: (unit => unit) [@bs.meth]
};

let _ext = {
  "name": "myext",
  "init": (fun (that: baseExtensionT) => {
    that##subscribe "editableKeydown" [%bs.raw {| that.handleKeydown.bind(that) |}];
  })[@bs.this],
  "handleKeydown": fun () => Js.log "Hello!"
}[@bs.new];

let extension = extend _ext;

let editor =
  mediumEditor
    "#editor"
    {
      "extensions": {"myext": [%bs.raw {| new extension() |}]}
    };

editor.re

external mediumEditor : string => 'a => 'b = "medium-editor" [@@bs.module] [@@bs.new];

external extend : 'a => 'b = "" [@@bs.module "medium-editor"] [@@bs.scope "Extension"];

type baseExtensionT = Js.t {
  .
      subscribe: (string => unit => unit) [@bs.meth],
      handleKeydown: (unit => unit) [@bs.meth]
};

let _ext = {
  "name": "myext",
  "init": (fun (that: baseExtensionT) => {
    that##subscribe "editableKeydown" (that##handleKeydown##bind that);
  })[@bs.this],
  "handleKeydown": fun () => Js.log "Hello!"
};

let extension = extend _ext;

let editor =
  mediumEditor
    "#editor"
    {
      "extensions": {"myext": extension}
    };