Packages

mendix_widget_gleam

1.0.1
4.0.5 4.0.2 4.0.1 4.0.0 3.0.0 3.0.0-1 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.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.1.4 1.1.3 1.1.2 1.1.1 1.1.0 1.0.8 1.0.7 1.0.6 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 1.0.0

Build Mendix Pluggable Widgets with Gleam — no JSX, pure Gleam + FFI

HexDocs

Current section

Files

Jump to
Readme
38 Versions
1 Dependency
Dependants
Files
Activity
mendix_widget_gleam src widget mendix_widget_gleam.gleam
Raw

src/widget/mendix_widget_gleam.gleam 

// Mendix Pluggable Widget - "Hello World"

// React 함수형 컴포넌트: fn(JsProps) -> ReactElement



import widget/react.{type JsProps, type ReactElement}

import widget/react/html

import widget/react/prop



// Props에서 문자열 속성값 추출

@external(javascript, "./react_ffi.mjs", "get_string_prop")

fn get_string_prop(props: JsProps, key: String) -> String



/// 위젯 메인 함수 - Mendix 런타임이 React 컴포넌트로 호출

pub fn widget(props: JsProps) -> ReactElement {

  let sample_text = get_string_prop(props, "sampleText")

  html.div(prop.new() |> prop.class("widget-hello-world"), [

    react.text("Hello " <> sample_text),

  ])

}