mooncakes.io

README
T
ObscureState
- ::backup_model_beforeunloadRespoApp::backup_model_beforeunload
- ::render_loopRespoApp::render_loop
- ::cast_branchRespoStatesTree::cast_branch
- ::local_pairRespoStatesTree::local_pair
- ::pathRespoStatesTree::path
- ::pickRespoStatesTree::pick
- ::set_inRespoStatesTree::set_in
T
RespoUpdateState
- ::borrowStateRef::borrow
- ::getStateRef::get
- ::newStateRef::new
- ::setStateRef::set
- ::updateStateRef::update
V
code_fonts
V
collect_global_handlers
V
debug_event
V
debug_log
V
debug_render
V
debug_state_change
V
debug_store_update
V
default_fonts
V
dispatch_global_event
V
fancy_fonts
V
is_debug_mode
V
mark_need_rerender
V
memo_once1
V
memo_once2
V
memo_once3
V
memo_once4
V
memo_once5
V
memoize1
V
memoize2
V
memoize3
V
memoize4
V
memoize5
V
normal_fonts
V
preset
V
render_node
V
set_debug_mode
V
show_obscure_state
V
try_load_storage
V
ui_button
V
ui_button_danger
V
ui_button_primary
V
ui_center
V
ui_column
V
ui_column_dispersive
V
ui_column_evenly
V
ui_column_parted
V
ui_expand
V
ui_font_code
V
ui_font_fancy
V
ui_font_normal
V
ui_fullscreen
V
ui_global
V
ui_input
V
ui_link
V
ui_row
V
ui_row_center
V
ui_row_dispersive
V
ui_row_evenly
V
ui_row_middle
V
ui_row_parted
V
ui_textarea

tiye/respo/node does not have a README file

RespoAction

pub(open) trait RespoAction {
  fn build_states_action(Array[String], @tiye/dom-ffi.JsObscure
JsObscure?, Json?) -> Self
}

RespoEffect

source

pub(open) trait RespoEffect : ToJson {
  fn build_effect(Self) -> RespoEffectBox = _
  fn make_handler(Self) -> ((RespoEffectType, @tiye/dom-ffi.Node
Node) -> Unit) = _
  fn run(Self, RespoEffectType, @tiye/dom-ffi.Node
Node) -> Unit = _
  fn mounted(Self, @tiye/dom-ffi.Node
Node) -> Unit = _
  fn before_update(Self, @tiye/dom-ffi.Node
Node) -> Unit = _
  fn updated(Self, @tiye/dom-ffi.Node
Node) -> Unit = _
  fn before_unmount(Self, @tiye/dom-ffi.Node
Node) -> Unit = _
}

implement this on data which creates effect

RespoCommonError

source

pub(all) suberror RespoCommonError {
  RespoCommonError(String)
}

currently it's commonly used for all errors in Respo

impl Show for RespoCommonError

AnchorElementTarget

source

pub(all) enum AnchorElementTarget {
  Blank
  Parent
  Self
  Top
}

AnchorElementTarget::to_string

source

fn AnchorElementTarget::to_string(self : AnchorElementTarget) -> String

ChildDomOp

source

type ChildDomOp[T, G]

ChildDomOp::to_cirru

source

fn[T, G] ChildDomOp::to_cirru(self : ChildDomOp[T, G]) -> @tiye/cirru-parser.Cirru
Cirru

DispatchFn

source

pub(all) struct DispatchFn[T]((T) -> Unit raise RespoCommonError)

impl Show for DispatchFn[T]

DispatchFn::empty_state

source

fn[T : RespoAction, S] DispatchFn::empty_state(self : DispatchFn[T], cursor : RespoCursor[S]) -> Unit raise RespoCommonError

dispatch an action to update states, to empty the state, pass None

DispatchFn::new

source

fn[T] DispatchFn::new(f : (T) -> Unit raise RespoCommonError) -> DispatchFn[T]

DispatchFn::run

source

fn[T] DispatchFn::run(self : DispatchFn[T], op : T) -> Unit raise RespoCommonError

DispatchFn::run_empty_state

source

#deprecated("use `empty_state` instead")
fn[T : RespoAction] DispatchFn::run_empty_state(self : DispatchFn[T], cursor : Array[String]) -> Unit raise RespoCommonError

DispatchFn::set_state

source

fn[T : RespoAction, S : ToJson] DispatchFn::set_state(self : DispatchFn[T], cursor : RespoCursor[S], state : S) -> Unit raise RespoCommonError

dispatch an action to update states, to empty the state, pass None

DomChange

source

type DomChange[T, G]

Diff/patch for virtual DOM, note that children are not included in this type

impl Show for DomChange[T, G]

DomChange::get_dom_path

source

fn[T, G] DomChange::get_dom_path(self : DomChange[T, G]) -> @moonbitlang/core/immut/vector.Vector
Vector[UInt]

DomChange::to_cirru

source

fn[T, G] DomChange::to_cirru(self : DomChange[T, G]) -> @tiye/cirru-parser.Cirru
Cirru

IframeElementLoading

source

pub(all) enum IframeElementLoading {
  Eager
  Lazy
}

ImgElementLoading

source

pub(all) enum ImgElementLoading {
  Eager
  Lazy
}

impl Show for ImgElementLoading

RespoComponent

source

pub(all) struct RespoComponent[T, G] {
  name : String
  effects : Array[RespoEffectBox]
  tree : RespoNode[T, G]
  listeners : (G, DispatchFn[T]) -> Unit raise RespoCommonError?
}

impl Eq for RespoComponent[T, G]

RespoComponent::named

source

fn[T, G] RespoComponent::named(name : String, tree : RespoNode[T, G], effects? : Array[&RespoEffect], listeners? : (G, DispatchFn[T]) -> Unit raise RespoCommonError?) -> RespoComponent[T, G]

RespoComponent::to_cirru

source

fn[T, G] RespoComponent::to_cirru(self : RespoComponent[T, G]) -> @tiye/cirru-parser.Cirru
Cirru

RespoComponent::to_node

source

fn[T, G] RespoComponent::to_node(self : RespoComponent[T, G]) -> RespoNode[T, G]

RespoCoord

source

pub(all) enum RespoCoord {
  Key(RespoIndexKey)
  Comp(String)
}

coord of on virtual dom

impl Show for RespoCoord

RespoCoord::to_cirru

source

fn RespoCoord::to_cirru(self : RespoCoord) -> @tiye/cirru-parser.Cirru
Cirru

RespoCursor

source

pub struct RespoCursor[T] {
  cursor : Array[String]
  _phantom : T?
}

abstract over cursor array with state type

RespoCursor::new

source

fn[T] RespoCursor::new(cursor : Array[String]) -> RespoCursor[T]

RespoEffectBox

source

pub(all) struct RespoEffectBox {
  args : Json
  handler : (RespoEffectType, @tiye/dom-ffi.Node
Node) -> Unit
}

impl Eq for RespoEffectBox

RespoEffectType

source

pub(all) enum RespoEffectType {
  Mounted
  BeforeUpdate
  Updated
  BeforeUnmount
} derive(Eq)

currently only support Mounted, BeforeUpdate, Updated, BeforeUnmount

impl Show for RespoEffectType

RespoEffectType::to_cirru

source

fn RespoEffectType::to_cirru(self : RespoEffectType) -> @tiye/cirru-parser.Cirru
Cirru

RespoElement

source

pub(all) struct RespoElement[T, G] {
  name : String
  attrs : Map[String, String]
  event : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError]
  style : @tiye/respo_css.RespoStyle
RespoStyle
  children : Array[(RespoIndexKey, RespoNode[T, G])]
}

internal abstraction for an element

impl Eq for RespoElement[T, G]

impl Show for RespoElement[T, G]

RespoElement::set_attribute

source

fn[T, G] RespoElement::set_attribute(self : RespoElement[T, G], key : String, value : String) -> Unit

RespoElement::to_cirru

source

fn[T, G] RespoElement::to_cirru(self : RespoElement[T, G]) -> @tiye/cirru-parser.Cirru
Cirru

RespoElement::to_node

source

fn[T, G] RespoElement::to_node(self : RespoElement[T, G]) -> RespoNode[T, G]

RespoEvent

source

pub(all) enum RespoEvent {
  Click(Float, Float, @tiye/dom-ffi.MouseEvent
MouseEvent)
  Keyboard(String, UInt, Bool, Bool, Bool, Bool, Bool, @tiye/dom-ffi.KeyboardEvent
KeyboardEvent)
  Input(String, @tiye/dom-ffi.InputEvent
InputEvent)
  Focus(@tiye/dom-ffi.FocusEvent
FocusEvent)
  Blur(@tiye/dom-ffi.BlurEvent
BlurEvent)
  Drag(Float, Float, @tiye/dom-ffi.DataTransfer
DataTransfer, @tiye/dom-ffi.DragEvent
DragEvent)
}

Wraps basic DOM event types with commonly-used properties extracted. This provides a unified interface for handling different event types in Respo applications.

impl Show for RespoEvent

RespoEventMark

source

pub(all) struct RespoEventMark {
  coord : @moonbitlang/core/immut/vector.Vector
Vector[RespoCoord]
  name : RespoEventType
  event_info : RespoEvent
}

Represents an event mark with its location in the virtual DOM tree. Contains the coordinate path to the element, the event type, and the event data.

RespoEventType

source

pub(all) enum RespoEventType {
  Click
  DblClick
  Change
  Keydown
  Keyup
  Keypress
  Input
  Focus
  Blur
  DragStart
  DragEnd
  DragOver
  DragEnter
  DragLeave
  Drop
} derive(Eq, Hash)

Defines the types of DOM events that can be handled in Respo. Each variant corresponds to a specific browser event type.

impl Show for RespoEventType

RespoEventType::to_cirru

source

fn RespoEventType::to_cirru(self : RespoEventType) -> @tiye/cirru-parser.Cirru
Cirru

Converts a RespoEventType to its Cirru representation. Returns a Cirru leaf node with the event type name prefixed with ::.

RespoIndexKey

source

pub(all) struct RespoIndexKey(String) derive(Eq)

impl Show for RespoIndexKey

RespoIndexKey::to_cirru

source

fn RespoIndexKey::to_cirru(self : RespoIndexKey) -> @tiye/cirru-parser.Cirru
Cirru

RespoNode

source

pub(all) enum RespoNode[T, G] {
  Component(RespoComponent[T, G])
  Element(RespoElement[T, G])
}

impl Eq for RespoNode[T, G]

RespoNode::to_cirru

source

fn[T, G] RespoNode::to_cirru(self : RespoNode[T, G]) -> @tiye/cirru-parser.Cirru
Cirru

TextareaElementAutoComplete

source

pub(all) enum TextareaElementAutoComplete {
  On
  Off
}

VideoElementPreload

source

pub(all) enum VideoElementPreload {
  Auto
  Metadata
  None
}

a

source

fn[T, G] a(inner_text? : String, class_name? : String, class_list? : Array[String], href~ : String, download? : String, target? : AnchorElementTarget, attrs? : Map[String, String], type_? : String, event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children? : Array[RespoNode[T, G]]) -> RespoNode[T, G]

anchor element https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

attach_event

source

fn attach_event(element : @tiye/dom-ffi.Element
Element, key : RespoEventType, coord : @moonbitlang/core/immut/vector.Vector
Vector[RespoCoord], handle_event : (RespoEventMark) -> Unit raise RespoCommonError) -> Unit raise RespoCommonError

b

source

fn[T, G] b(class_name? : String, class_list? : Array[String], inner_text? : String, innerHTML? : String, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[RespoNode[T, G]]) -> RespoNode[T, G]

blockquote

source

fn[T, G] blockquote(class_name? : String, class_list? : Array[String], inner_text? : String, attrs? : Map[String, String], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[RespoNode[T, G]]) -> RespoNode[T, G]

br

source

fn[T, G] br(attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle) -> RespoNode[T, G]

build_dom_tree

source

fn[T, G] build_dom_tree(tree : RespoNode[T, G], coord : @moonbitlang/core/immut/vector.Vector
Vector[RespoCoord], handle_event : (RespoEventMark) -> Unit raise RespoCommonError) -> @tiye/dom-ffi.Node
Node raise RespoCommonError

creates a DOM tree from virtual DOM with proxied event handler attached

button

source

fn[T, G] button(class_name? : String, class_list? : Array[String], inner_text~ : String, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, on_click? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError) -> RespoNode[T, G]

canvas

source

fn[T, G] canvas(class_name? : String, class_list? : Array[String], height? : Int, width? : Int, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle) -> RespoNode[T, G]

code

source

fn[T, G] code(class_name? : String, class_list? : Array[String], inner_text~ : String, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle) -> RespoNode[T, G]

collect_effects_inside_out_as

source

fn[T, G] collect_effects_inside_out_as(tree : RespoNode[T, G], coord : @moonbitlang/core/immut/vector.Vector
Vector[RespoCoord], dom_path : @moonbitlang/core/immut/vector.Vector
Vector[UInt], effect_type : RespoEffectType, changes : @moonbitlang/core/ref.Ref
Ref[Array[DomChange[T, G]]]) -> Unit raise RespoCommonError

collect_effects_outside_in_as

source

fn[T, G] collect_effects_outside_in_as(tree : RespoNode[T, G], coord : @moonbitlang/core/immut/vector.Vector
Vector[RespoCoord], dom_path : @moonbitlang/core/immut/vector.Vector
Vector[UInt], effect_type : RespoEffectType, changes : @moonbitlang/core/ref.Ref
Ref[Array[DomChange[T, G]]]) -> Unit raise RespoCommonError

contained_static_style

source

#callsite(autofill(loc))
fn[U : Show] contained_static_style(rules : Array[(String?, U, @tiye/respo_css.RespoStyle
RespoStyle)], loc~ : SourceLoc) -> String

Declare a static style in the head of the documentm for example

let _style_demo : String = contained_static_style([
  (
    Some("@media only screen and (max-width: 600px)"),
    "&",
    @css.respo_style(margin=4 |> Px, background_color=Hsl(200, 90, 96)),
  ),
])

coord_path_to_cirru

source

fn coord_path_to_cirru(coord : @moonbitlang/core/immut/vector.Vector
Vector[RespoCoord]) -> @tiye/cirru-parser.Cirru
Cirru

create_element

source

fn[T, G] create_element(name : String, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[RespoNode[T, G]]) -> RespoNode[T, G]

create element with a custom name

declare_contained_style

source

#deprecated("This function is deprecated.")
#callsite(autofill(loc))
fn[U : Show] declare_contained_style(rules : Array[(String?, U, @tiye/respo_css.RespoStyle
RespoStyle)], loc~ : SourceLoc) -> String

use contained_static_style instead

declare_static_style

source

#deprecated("This function is deprecated.")
#callsite(autofill(loc))
fn[U : Show] declare_static_style(rules : Array[(U, @tiye/respo_css.RespoStyle
RespoStyle)], loc~ : SourceLoc) -> String

use static_style instead

diff_tree

source

fn[T, G] diff_tree(new_tree : RespoNode[T, G], old_tree : RespoNode[T, G], coord : @moonbitlang/core/immut/vector.Vector
Vector[RespoCoord], dom_path : @moonbitlang/core/immut/vector.Vector
Vector[UInt], changes : @moonbitlang/core/ref.Ref
Ref[Array[DomChange[T, G]]]) -> Unit raise RespoCommonError

Diffing algorithm for RespoNode

div

source

fn[T, G] div(class_name? : String, class_list? : Array[String], attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[RespoNode[T, G]], innerHTML? : String, draggable? : Bool, on_click? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_drag_start? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_drag_end? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_drag_over? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_drag_enter? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_drag_leave? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_drop? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError) -> RespoNode[T, G]

div_listed

source

fn[T, G] div_listed(class_name? : String, class_list? : Array[String], attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[(RespoIndexKey, RespoNode[T, G])]) -> RespoNode[T, G]

create a list of <div/> elements with children. IndexKey is used in children for quick diffing.

dom_path_to_cirru

source

fn dom_path_to_cirru(dom_path : @moonbitlang/core/immut/vector.Vector
Vector[UInt]) -> @tiye/cirru-parser.Cirru
Cirru

h1

source

fn[T, G] h1(class_name? : String, class_list? : Array[String], inner_text? : String, innerHTML? : String, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[RespoNode[T, G]]) -> RespoNode[T, G]

h2

source

fn[T, G] h2(class_name? : String, class_list? : Array[String], inner_text? : String, innerHTML? : String, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[RespoNode[T, G]]) -> RespoNode[T, G]

h3

source

fn[T, G] h3(class_name? : String, class_list? : Array[String], inner_text? : String, innerHTML? : String, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[RespoNode[T, G]]) -> RespoNode[T, G]

h4

source

fn[T, G] h4(class_name? : String, class_list? : Array[String], inner_text? : String, innerHTML? : String, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[RespoNode[T, G]]) -> RespoNode[T, G]

h5

source

fn[T, G] h5(class_name? : String, class_list? : Array[String], inner_text? : String, innerHTML? : String, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[RespoNode[T, G]]) -> RespoNode[T, G]

h6

source

fn[T, G] h6(class_name? : String, class_list? : Array[String], inner_text? : String, innerHTML? : String, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[RespoNode[T, G]]) -> RespoNode[T, G]

hr

source

fn[T, G] hr(class_name? : String, class_list? : Array[String], attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle) -> RespoNode[T, G]

Horizontal rule element <hr>.

i

source

fn[T, G] i(class_name? : String, class_list? : Array[String], inner_text? : String, innerHTML? : String, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[RespoNode[T, G]], on_click? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError) -> RespoNode[T, G]

iframe

source

fn[T, G] iframe(class_name? : String, class_list? : Array[String], height? : Int, width? : Int, loading? : IframeElementLoading, src~ : String, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle) -> RespoNode[T, G]

img

source

fn[T, G] img(class_name? : String, class_list? : Array[String], alt~ : String, height? : Int, src~ : String, width? : Int, loading? : ImgElementLoading, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle) -> RespoNode[T, G]

indexes_to_cirru

source

fn indexes_to_cirru(xs : @moonbitlang/core/hashset.HashSet
HashSet[Int]) -> @tiye/cirru-parser.Cirru
Cirru

turn @hashset.T[Int] to Cirru

input

source

fn[T, G] input(class_name? : String, class_list? : Array[String], autocomplete? : TextareaElementAutoComplete, autofocus? : Bool, disabled? : Bool, name? : String, placeholder? : String, readonly_? : Bool, spellcheck? : Bool, attrs? : Map[String, String], value~ : String, event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, on_input? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_change? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_keydown? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_keyup? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_keypress? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_focus? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_blur? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError) -> RespoNode[T, G]

kabab_to_camel_case

source

fn kabab_to_camel_case(s : String) -> String

li

source

fn[T, G] li(class_name? : String, class_list? : Array[String], attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[RespoNode[T, G]], innerHTML? : String) -> RespoNode[T, G]

load_coord_target_tree

source

fn[T, G] load_coord_target_tree(tree : RespoNode[T, G], coord : ArrayView[RespoCoord]) -> RespoNode[T, G] raise RespoCommonError

p

source

fn[T, G] p(class_name? : String, class_list? : Array[String], inner_text~ : String, attrs? : Map[String, String], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[RespoNode[T, G]]) -> RespoNode[T, G]

patch_tree

source

fn[T, G] patch_tree(tree : RespoNode[T, G], old_tree : RespoNode[T, G], mount_target : @tiye/dom-ffi.Node
Node, changes : Array[DomChange[T, G]], handle_event : (RespoEventMark) -> Unit raise RespoCommonError) -> Unit raise RespoCommonError

pre

source

fn[T, G] pre(class_name? : String, class_list? : Array[String], inner_text? : String, innerHTML? : String, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children? : Array[RespoNode[T, G]]) -> RespoNode[T, G]

raf_loop

source

fn raf_loop(f : (Float) -> Unit raise RespoCommonError) -> Unit

respo_attrs

source

fn respo_attrs(id? : String, class_name? : String, hidden? : Bool, disabled? : Bool, value? : String, src? : String, href? : String, alt? : String, title? : String, placeholder? : String, type_? : String, name? : String, checked? : Bool, selected? : Bool, read_only? : Bool, max_length? : Int, min_length? : Int, tab_index? : Int, content_editable? : Bool, width? : String, height? : String, inner_text? : String, innerHTML? : String, draggable? : Bool, data? : Map[String, String]) -> Map[String, String]

create attributes for an element

space

source

fn[T, G] space(width? : Float, height? : Float, class_name? : String, class_list? : Array[String]) -> RespoNode[T, G]

create a <div/> element to render space.

span

source

fn[T, G] span(class_name? : String, class_list? : Array[String], inner_text? : String, innerHTML? : String, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, children : Array[RespoNode[T, G]], on_click? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError) -> RespoNode[T, G]

static_style

source

#callsite(autofill(loc))
fn[U : Show] static_style(rules : Array[(U, @tiye/respo_css.RespoStyle
RespoStyle)], loc~ : SourceLoc) -> String

Declare a static style in the head of the documentm for example

let _style_demo : String = static_style([
  ("&", @css.respo_style(margin=4 |> Px, background_color=Hsl(200, 90, 96))),
])

str_spaced

source

fn str_spaced(wrap_parens? : Bool, s : Array[&Show]) -> String

convert a list of strings to a single string with spaces between them, mainly used for concatenating class names

text_node

source

fn[T, G] text_node(class_name? : String, class_list? : Array[String], style? : @tiye/respo_css.RespoStyle
RespoStyle, text : String) -> RespoNode[T, G]

internally using span element to render text.

textarea

source

fn[T, G] textarea(class_name? : String, class_list? : Array[String], value~ : String, autocomplete? : TextareaElementAutoComplete, autofocus? : Bool, disabled? : Bool, name? : String, placeholder? : String, readonly_? : Bool, spellcheck? : Bool, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle, on_input? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_change? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_keydown? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_keyup? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_keypress? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_focus? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError, on_blur? : (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError) -> RespoNode[T, G]

video

source

fn[T, G] video(class_name? : String, class_list? : Array[String], height? : Int, width? : Int, src~ : String, controls? : Bool, preload? : VideoElementPreload, attrs? : Map[String, String], event? : Map[RespoEventType, (RespoEvent, DispatchFn[T]) -> Unit raise RespoCommonError], style? : @tiye/respo_css.RespoStyle
RespoStyle) -> RespoNode[T, G]

Source Files

Site source Report issue Packages Build queue Skills Statistics

#RespoAction

#RespoEffect

#RespoCommonError

#AnchorElementTarget

#AnchorElementTarget::to_string

#ChildDomOp

#ChildDomOp::to_cirru

#DispatchFn

#DispatchFn::empty_state

#DispatchFn::new

#DispatchFn::run

#DispatchFn::run_empty_state

#DispatchFn::set_state

#DomChange

#DomChange::get_dom_path

#DomChange::to_cirru

#IframeElementLoading

#ImgElementLoading

#RespoComponent

#RespoComponent::named

#RespoComponent::to_cirru

#RespoComponent::to_node

#RespoCoord

#RespoCoord::to_cirru

#RespoCursor

#RespoCursor::new

#RespoEffectBox

#RespoEffectType

#RespoEffectType::to_cirru

#RespoElement

#RespoElement::set_attribute

#RespoElement::to_cirru

#RespoElement::to_node

#RespoEvent

#RespoEventMark

#RespoEventType

#RespoEventType::to_cirru

#RespoIndexKey

#RespoIndexKey::to_cirru

#RespoNode

#RespoNode::to_cirru

#TextareaElementAutoComplete

#VideoElementPreload

#a

#attach_event

#b

#blockquote

#br

#build_dom_tree

#button

#canvas

#code

#collect_effects_inside_out_as

#collect_effects_outside_in_as

#contained_static_style

#coord_path_to_cirru

#create_element

#declare_contained_style

#declare_static_style

#diff_tree

#div

#div_listed

#dom_path_to_cirru

#h1

#h2

#h3

#h4

#h5

#h6

#hr

#i

#iframe

#img

#indexes_to_cirru

#input

#kabab_to_camel_case

#li

#load_coord_target_tree

#p

#patch_tree

RespoAction

RespoEffect

RespoCommonError

AnchorElementTarget

AnchorElementTarget::to_string

ChildDomOp

ChildDomOp::to_cirru

DispatchFn

DispatchFn::empty_state

DispatchFn::new

DispatchFn::run

DispatchFn::run_empty_state

DispatchFn::set_state

DomChange

DomChange::get_dom_path

DomChange::to_cirru

IframeElementLoading

ImgElementLoading

RespoComponent

RespoComponent::named

RespoComponent::to_cirru

RespoComponent::to_node

RespoCoord

RespoCoord::to_cirru

RespoCursor

RespoCursor::new

RespoEffectBox

RespoEffectType

RespoEffectType::to_cirru

RespoElement

RespoElement::set_attribute

RespoElement::to_cirru

RespoElement::to_node

RespoEvent

RespoEventMark

RespoEventType

RespoEventType::to_cirru

RespoIndexKey

RespoIndexKey::to_cirru

RespoNode

RespoNode::to_cirru

TextareaElementAutoComplete

VideoElementPreload

a

attach_event

b

blockquote

br

build_dom_tree

button

canvas

code

collect_effects_inside_out_as

collect_effects_outside_in_as

contained_static_style

coord_path_to_cirru

create_element

declare_contained_style

declare_static_style

diff_tree

div

div_listed

dom_path_to_cirru

h1

h2

h3

h4

h5

h6

hr

i

iframe

img

indexes_to_cirru

input

kabab_to_camel_case

li

load_coord_target_tree

p

patch_tree