Bonsai_experimental_fancy_textbox (bonsai_web_components.bonsai_web_components.experimental_fancy_textbox.Bonsai_experimental_fancy

module Vdom := Virtual_dom.Vdom

module Decoration : sig ... end

A Decoration.t is a description of a visual modification that can be applied to some text span.

val create : 
  ?min_width:Css_gen.Length.t ->
  ?caret_color:Css_gen.Color.t ->
  text:string ->
  set_text:(string -> unit Vdom.Effect.t) ->
  process:(string -> (string * Decoration.t) list) ->
  unit ->
  Vdom.Node.t

Create a fancy text-box! The fancy text-box is fancy in two ways: 1. It can grow to fit the size of its contents, but is still responsive to constraints 2. You can colorize any part of the text, e.g. for syntax highlighting

?min_width will be applied to the textbox's css. Defaults to `12ch.
?caret_color sets the color of the caret. Sadly this value can not be inferred from the text color. Defaults to "black".
~text is the raw text contained in the textbox. You must track this state yourself.
~set_text is the setter that the textbox will call when its content is updated.
~process is the syntax highlighting function. More details below:

The process function is given the raw text, and is responsible for breaking that text up into "decoratable" regions of text. These decoratable regions are expected to contain all of the non-whitespace characters that existed in the input text.

If you don't want syntax highlighting, you can provide fun s -> [s, Decoration.create()] to the process arg.

module Expert : sig ... end