Packages

glendix

4.0.0
4.0.5 4.0.4 4.0.3 4.0.2 4.0.1 4.0.0 3.0.2 3.0.0 2.0.20 2.0.19 2.0.18 2.0.17 2.0.16 2.0.15 2.0.14 2.0.13 2.0.11 2.0.10 2.0.9 2.0.8 2.0.7 2.0.6 2.0.4 2.0.3 2.0.2 2.0.1 2.0.0 1.2.2 1.2.1 1.2.0 1.1.1 1.1.0 1.0.0

Gleam bindings for Mendix Pluggable Widget API — delegates React to redraw/redraw_dom, TEA to lustre, Mendix types/widgets/marketplace to mendraw

HexDocs

Current section

Files

Jump to
Readme
33 Versions
7 Dependencies
Dependants
Files
Activity
glendix src glendix lustre.gleam
Raw

src/glendix/lustre.gleam 

// Lustre 브릿지 — Lustre 생태계를 React(redraw) 안에서 사용한다



import lustre/effect.{type Effect}

import lustre/element.{type Element as LustreElement}

import redraw.{type Element}



/// Lustre Element를 React Element로 변환한다

@external(javascript, "./lustre_ffi.mjs", "render")

pub fn render(element: LustreElement(msg), dispatch: fn(msg) -> Nil) -> Element



/// TEA 패턴 훅 — useReducer + Effect 실행

@external(javascript, "./lustre_ffi.mjs", "use_tea")

pub fn use_tea(

  init: #(model, Effect(msg)),

  update: fn(model, msg) -> #(model, Effect(msg)),

  view: fn(model) -> LustreElement(msg),

) -> Element



/// Simple TEA 훅 — Effect 없는 간단한 상태 관리

@external(javascript, "./lustre_ffi.mjs", "use_simple")

pub fn use_simple(

  init: model,

  update: fn(model, msg) -> model,

  view: fn(model) -> LustreElement(msg),

) -> Element



/// redraw Element를 lustre 트리 안에 삽입한다

/// lustre view 내에서 redraw 컴포넌트를 사용할 때 호출한다

@external(javascript, "./lustre_ffi.mjs", "embed")

pub fn embed(element: Element) -> LustreElement(msg)