Packages

glendix

2.0.16
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
3 Dependencies
Dependants
Files
Activity
glendix src glendix react attribute_ffi.mjs
Raw

src/glendix/react/attribute_ffi.mjs 

// HTML 속성 → React props 변환 FFI



// 범용 속성 생성 (plain JS object)

export function make_attribute(key, content) {

  return { key, content };

}



// List(#(String, String)) → React style 객체 (camelCase 변환)

export function make_style_attribute(styles) {

  const style = {};

  for (const pair of styles.toArray()) {

    style[camelize(pair[0])] = pair[1];

  }

  return { key: "style", content: style };

}



function camelize(str) {

  return str.replace(/-([a-z])/g, (_, c) => c.toUpperCase());

}



// dangerouslySetInnerHTML 속성 생성

export function make_inner_html(html) {

  return { key: "dangerouslySetInnerHTML", content: { __html: html } };

}



// List(Attribute) → React props 객체

// className 자동 병합, none_ 무시

export function to_props(attributes) {

  const props = {};

  const classNames = [];

  for (const attr of attributes.toArray()) {

    if (attr.key === "none_") continue;

    if (attr.key === "className") {

      classNames.push(attr.content);

    } else {

      props[attr.key] = attr.content;

    }

  }

  if (classNames.length > 0) props.className = classNames.join(" ");

  return props;

}