create-mendix-widget-gleam 3.0.2 → 4.0.1

package/src/templates/readme_md.mjs

@@ -33,11 +33,11 @@ A Mendix Pluggable Widget written in Gleam.
 
 ## Core Principles
 
-The Gleam function \`fn(JsProps) -> Element\` has the same signature as a React functional component. React bindings come from the \`redraw\`/\`redraw_dom\` packages, while glendix handles Mendix API access and JS interop, so widget projects only need to focus on business logic.
+The Gleam function \`fn(JsProps) -> Element\` has the same signature as a React functional component. React bindings come from the \`redraw\`/\`redraw_dom\` packages, while mendraw handles Mendix API access and JS interop, so widget projects only need to focus on business logic.
 
 \`\`\`gleam
 // src/${names.snakeCase}.gleam
-import glendix/mendix.{type JsProps}
+import mendraw/mendix.{type JsProps}
 import redraw.{type Element}
 import redraw/dom/attribute
 import redraw/dom/html
@@ -53,9 +53,9 @@ pub fn widget(props: JsProps) -> Element {
 Mendix complex types can also be used type-safely from Gleam:
 
 \`\`\`gleam
-import glendix/mendix.{type JsProps}
-import glendix/mendix/editable_value
-import glendix/mendix/action
+import mendraw/mendix.{type JsProps}
+import mendraw/mendix/editable_value
+import mendraw/mendix/action
 import redraw.{type Element}
 
 pub fn widget(props: JsProps) -> Element {
@@ -105,7 +105,7 @@ gleam run -m glendix/start      # Link with Mendix test project
 gleam run -m glendix/lint       # Run ESLint
 gleam run -m glendix/lint_fix   # ESLint auto-fix
 gleam run -m glendix/release    # Release build
-gleam run -m glendix/marketplace # Search/download Marketplace widgets
+gleam run -m mendraw/marketplace # Search/download Marketplace widgets
 gleam run -m glendix/define     # Widget property definition TUI editor
 gleam build --target javascript # Gleam → JS compilation only
 gleam test                      # Run tests
@@ -122,12 +122,10 @@ src/
   components/
     hello_world.gleam            # Shared Hello World component
   ${names.pascalCase}.xml            # Widget property definitions
-widgets/                           # .mpk widget files (bindings via glendix/widget)
-bindings.json                      # External React component binding configuration
 package.json                       # npm dependencies (React, external libraries, etc.)
 \`\`\`
 
-React bindings come from [redraw](https://hexdocs.pm/redraw/)/[redraw_dom](https://hexdocs.pm/redraw_dom/), while Mendix API and JS Interop bindings are provided by [glendix](https://hexdocs.pm/glendix/).
+React bindings come from [redraw](https://hexdocs.pm/redraw/)/[redraw_dom](https://hexdocs.pm/redraw_dom/), while Mendix API and JS Interop bindings are provided by [mendraw](https://hexdocs.pm/mendraw/).
 
 ## Using External React Components
 
@@ -139,16 +137,13 @@ React component libraries distributed as npm packages can be used from pure Glea
 ${installCmd} recharts
 \`\`\`
 
-### Step 2: Write \`bindings.json\`
+### Step 2: Add bindings to \`gleam.toml\`
 
-Create \`bindings.json\` at the project root and register the components:
+Add a \`[tools.glendix.bindings]\` section to your \`gleam.toml\`:
 
-\`\`\`json
-{
-  "recharts": {
-    "components": ["PieChart", "Pie", "Cell", "Tooltip", "ResponsiveContainer"]
-  }
-}
+\`\`\`toml
+[tools.glendix.bindings.recharts]
+components = ["PieChart", "Pie", "Cell", "Tooltip", "ResponsiveContainer"]
 \`\`\`
 
 ### Step 3: Generate bindings
@@ -163,7 +158,7 @@ gleam run -m glendix/install
 
 \`\`\`gleam
 import glendix/binding
-import glendix/interop
+import mendraw/interop
 import redraw.{type Element}
 import redraw/dom/attribute.{type Attribute}
 
@@ -180,97 +175,11 @@ pub fn tooltip(attrs: List(Attribute)) -> Element {
 
 External React components follow the same calling pattern as \`html.div\`.
 
-## Mendix Marketplace Widget Download
-
-Interactively search and download widgets (.mpk) from the Mendix Marketplace. After download, binding \`.gleam\` files are generated automatically and ready to use.
-
-### Preparation
-
-Set your Mendix Personal Access Token in a \`.env\` file:
-
-\`\`\`
-MENDIX_PAT=your_personal_access_token
-\`\`\`
-
-> Generate a PAT from [Mendix Developer Settings](https://user-settings.mendix.com/link/developersettings) — click **New Token** under **Personal Access Tokens**. Required scope: \`mx:marketplace-content:read\`
-
-### Run
-
-\`\`\`bash
-gleam run -m glendix/marketplace
-\`\`\`
-
-Search and select widgets in the interactive TUI. The \`.mpk\` is downloaded to the \`widgets/\` directory, and binding \`.gleam\` files are auto-generated in \`src/widgets/\`.
-
-## Using .mpk Widget Components
-
-Place \`.mpk\` files (Mendix widget build artifacts) in the \`widgets/\` directory to render existing Mendix widgets as React components within your own widget.
-
-### Step 1: Place the \`.mpk\` files
-
-\`\`\`
-project root/
-├── widgets/
-│   ├── Switch.mpk
-│   └── Badge.mpk
-├── src/
-└── gleam.toml
-\`\`\`
-
-### Step 2: Generate bindings
-
-\`\`\`bash
-gleam run -m glendix/install
-\`\`\`
-
-This automatically:
-- Extracts \`.mjs\`/\`.css\` from \`.mpk\` and generates \`widget_ffi.mjs\`
-- Parses \`<property>\` definitions from \`.mpk\` XML and generates binding \`.gleam\` files in \`src/widgets/\` (existing files are skipped)
-
-### Step 3: Review auto-generated \`src/widgets/*.gleam\` files
-
-\`\`\`gleam
-// src/widgets/switch.gleam (auto-generated)
-import glendix/mendix.{type JsProps}
-import glendix/interop
-import redraw.{type Element}
-import redraw/dom/attribute
-import glendix/widget
-
-/// Render Switch widget - reads properties from props and passes them to the widget
-pub fn render(props: JsProps) -> Element {
-  let boolean_attribute = mendix.get_prop_required(props, "booleanAttribute")
-  let action = mendix.get_prop_required(props, "action")
-
-  let comp = widget.component("Switch")
-  interop.component_el(
-    comp,
-    [
-      attribute.attribute("booleanAttribute", boolean_attribute),
-      attribute.attribute("action", action),
-    ],
-    [],
-  )
-}
-\`\`\`
-
-Required/optional properties are distinguished automatically. You can freely modify the generated files as needed.
-
-### Step 4: Use in your widget
-
-\`\`\`gleam
-import widgets/switch
-
-// Inside a component
-switch.render(props)
-\`\`\`
-
-Widget names use the \`<name>\` value from the \`.mpk\`'s internal XML, and property keys use the original keys from the \`.mpk\` XML.
-
 ## Tech Stack
 
 - **Gleam** → JavaScript compilation
-- **[glendix](https://hexdocs.pm/glendix/)** — Mendix API + JS Interop Gleam bindings
+- **[glendix](https://hexdocs.pm/glendix/)** — Build tools + JS Interop Gleam bindings
+- **[mendraw](https://hexdocs.pm/mendraw/)** — Mendix API Gleam bindings
 - **[redraw](https://hexdocs.pm/redraw/)** / **[redraw_dom](https://hexdocs.pm/redraw_dom/)** — React Gleam bindings
 - **Mendix Pluggable Widget** (React 19)
 - **${pm}** — Package manager
@@ -292,11 +201,11 @@ Gleam 언어로 작성된 Mendix Pluggable Widget.
 
 ## 핵심 원리
 
-Gleam 함수 \`fn(JsProps) -> Element\`는 React 함수형 컴포넌트와 동일한 시그니처다. React 바인딩은 \`redraw\`/\`redraw_dom\` 패키지가, Mendix API 접근과 JS interop은 glendix가 제공하므로, 위젯 프로젝트에서는 비즈니스 로직에만 집중하면 된다.
+Gleam 함수 \`fn(JsProps) -> Element\`는 React 함수형 컴포넌트와 동일한 시그니처다. React 바인딩은 \`redraw\`/\`redraw_dom\` 패키지가, Mendix API 접근과 JS interop은 mendraw가 제공하므로, 위젯 프로젝트에서는 비즈니스 로직에만 집중하면 된다.
 
 \`\`\`gleam
 // src/${names.snakeCase}.gleam
-import glendix/mendix.{type JsProps}
+import mendraw/mendix.{type JsProps}
 import redraw.{type Element}
 import redraw/dom/attribute
 import redraw/dom/html
@@ -312,9 +221,9 @@ pub fn widget(props: JsProps) -> Element {
 Mendix 복합 타입도 Gleam에서 타입 안전하게 사용할 수 있다:
 
 \`\`\`gleam
-import glendix/mendix.{type JsProps}
-import glendix/mendix/editable_value
-import glendix/mendix/action
+import mendraw/mendix.{type JsProps}
+import mendraw/mendix/editable_value
+import mendraw/mendix/action
 import redraw.{type Element}
 
 pub fn widget(props: JsProps) -> Element {
@@ -364,7 +273,7 @@ gleam run -m glendix/start      # Mendix 테스트 프로젝트 연동
 gleam run -m glendix/lint       # ESLint 실행
 gleam run -m glendix/lint_fix   # ESLint 자동 수정
 gleam run -m glendix/release    # 릴리즈 빌드
-gleam run -m glendix/marketplace # Marketplace 위젯 검색/다운로드
+gleam run -m mendraw/marketplace # Marketplace 위젯 검색/다운로드
 gleam run -m glendix/define     # 위젯 프로퍼티 정의 TUI 에디터
 gleam build --target javascript # Gleam → JS 컴파일만
 gleam test                      # 테스트 실행
@@ -381,12 +290,10 @@ src/
   components/
     hello_world.gleam            # Hello World 공유 컴포넌트
   ${names.pascalCase}.xml            # 위젯 속성 정의
-widgets/                           # .mpk 위젯 파일 (glendix/widget로 바인딩)
-bindings.json                      # 외부 React 컴포넌트 바인딩 설정
 package.json                       # npm 의존성 (React, 외부 라이브러리 등)
 \`\`\`
 
-React 바인딩은 [redraw](https://hexdocs.pm/redraw/)/[redraw_dom](https://hexdocs.pm/redraw_dom/)이, Mendix API 및 JS Interop 바인딩은 [glendix](https://hexdocs.pm/glendix/)가 제공합니다.
+React 바인딩은 [redraw](https://hexdocs.pm/redraw/)/[redraw_dom](https://hexdocs.pm/redraw_dom/)이, Mendix API 및 JS Interop 바인딩은 [mendraw](https://hexdocs.pm/mendraw/)가 제공합니다.
 
 ## 외부 React 컴포넌트 사용
 
@@ -398,16 +305,13 @@ npm 패키지로 제공되는 React 컴포넌트 라이브러리를 \`.mjs\` FFI
 ${installCmd} recharts
 \`\`\`
 
-### 2단계: \`bindings.json\` 작성
+### 2단계: \`gleam.toml\`에 바인딩 추가
 
-프로젝트 루트에 \`bindings.json\`을 생성하고, 사용할 컴포넌트를 등록한다:
+\`gleam.toml\`에 \`[tools.glendix.bindings]\` 섹션을 추가한다:
 
-\`\`\`json
-{
-  "recharts": {
-    "components": ["PieChart", "Pie", "Cell", "Tooltip", "ResponsiveContainer"]
-  }
-}
+\`\`\`toml
+[tools.glendix.bindings.recharts]
+components = ["PieChart", "Pie", "Cell", "Tooltip", "ResponsiveContainer"]
 \`\`\`
 
 ### 3단계: 바인딩 생성
@@ -422,7 +326,7 @@ gleam run -m glendix/install
 
 \`\`\`gleam
 import glendix/binding
-import glendix/interop
+import mendraw/interop
 import redraw.{type Element}
 import redraw/dom/attribute.{type Attribute}
 
@@ -439,97 +343,11 @@ pub fn tooltip(attrs: List(Attribute)) -> Element {
 
 \`html.div\`와 동일한 호출 패턴으로 외부 React 컴포넌트를 사용할 수 있다.
 
-## Mendix Marketplace 위젯 다운로드
-
-Mendix Marketplace에서 위젯(.mpk)을 인터랙티브하게 검색하고 다운로드할 수 있다. 다운로드 완료 후 바인딩 \`.gleam\` 파일이 자동 생성되어 바로 사용 가능하다.
-
-### 사전 준비
-
-\`.env\` 파일에 Mendix Personal Access Token을 설정한다:
-
-\`\`\`
-MENDIX_PAT=your_personal_access_token
-\`\`\`
-
-> PAT는 [Mendix Developer Settings](https://user-settings.mendix.com/link/developersettings)에서 **Personal Access Tokens** 섹션의 **New Token**을 클릭하여 발급. 필요한 scope: \`mx:marketplace-content:read\`
-
-### 실행
-
-\`\`\`bash
-gleam run -m glendix/marketplace
-\`\`\`
-
-인터랙티브 TUI에서 위젯을 검색/선택하면 \`widgets/\` 디렉토리에 \`.mpk\`가 다운로드되고, \`src/widgets/\`에 바인딩 \`.gleam\` 파일이 자동 생성된다.
-
-## .mpk 위젯 컴포넌트 사용
-
-\`widgets/\` 디렉토리에 \`.mpk\` 파일(Mendix 위젯 빌드 결과물)을 배치하면, 다른 위젯 안에서 기존 Mendix 위젯을 React 컴포넌트로 렌더링할 수 있다.
-
-### 1단계: \`.mpk\` 파일 배치
-
-\`\`\`
-프로젝트 루트/
-├── widgets/
-│   ├── Switch.mpk
-│   └── Badge.mpk
-├── src/
-└── gleam.toml
-\`\`\`
-
-### 2단계: 바인딩 생성
-
-\`\`\`bash
-gleam run -m glendix/install
-\`\`\`
-
-실행 시 다음이 자동 처리된다:
-- \`.mpk\`에서 \`.mjs\`/\`.css\`를 추출하고 \`widget_ffi.mjs\`가 생성된다
-- \`.mpk\` XML의 \`<property>\` 정의를 파싱하여 \`src/widgets/\`에 바인딩 \`.gleam\` 파일이 자동 생성된다 (이미 존재하면 건너뜀)
-
-### 3단계: 자동 생성된 \`src/widgets/*.gleam\` 파일 확인
-
-\`\`\`gleam
-// src/widgets/switch.gleam (자동 생성)
-import glendix/mendix.{type JsProps}
-import glendix/interop
-import redraw.{type Element}
-import redraw/dom/attribute
-import glendix/widget
-
-/// Switch 위젯 렌더링 - props에서 속성을 읽어 위젯에 전달
-pub fn render(props: JsProps) -> Element {
-  let boolean_attribute = mendix.get_prop_required(props, "booleanAttribute")
-  let action = mendix.get_prop_required(props, "action")
-
-  let comp = widget.component("Switch")
-  interop.component_el(
-    comp,
-    [
-      attribute.attribute("booleanAttribute", boolean_attribute),
-      attribute.attribute("action", action),
-    ],
-    [],
-  )
-}
-\`\`\`
-
-required/optional 속성이 자동 구분되며, 필요에 따라 생성된 파일을 자유롭게 수정할 수 있다.
-
-### 4단계: 위젯에서 사용
-
-\`\`\`gleam
-import widgets/switch
-
-// 컴포넌트 내부에서
-switch.render(props)
-\`\`\`
-
-위젯 이름은 \`.mpk\` 내부 XML의 \`<name>\` 값을, property key는 \`.mpk\` XML의 원본 key를 그대로 사용한다.
-
 ## 기술 스택
 
 - **Gleam** → JavaScript 컴파일
-- **[glendix](https://hexdocs.pm/glendix/)** — Mendix API + JS Interop Gleam 바인딩
+- **[glendix](https://hexdocs.pm/glendix/)** — 빌드 도구 + JS Interop Gleam 바인딩
+- **[mendraw](https://hexdocs.pm/mendraw/)** — Mendix API Gleam 바인딩
 - **[redraw](https://hexdocs.pm/redraw/)** / **[redraw_dom](https://hexdocs.pm/redraw_dom/)** — React Gleam 바인딩
 - **Mendix Pluggable Widget** (React 19)
 - **${pm}** — 패키지 매니저
@@ -551,11 +369,11 @@ Gleam言語で作成されたMendix Pluggable Widget。
 
 ## 基本原理
 
-Gleam関数 \`fn(JsProps) -> Element\` はReact関数コンポーネントと同一のシグネチャを持つ。Reactバインディングは\`redraw\`/\`redraw_dom\`パッケージが、Mendix APIアクセスとJS interopはglendixが提供するため、ウィジェットプロジェクトではビジネスロジックにのみ集中すればよい。
+Gleam関数 \`fn(JsProps) -> Element\` はReact関数コンポーネントと同一のシグネチャを持つ。Reactバインディングは\`redraw\`/\`redraw_dom\`パッケージが、Mendix APIアクセスとJS interopはmendrawが提供するため、ウィジェットプロジェクトではビジネスロジックにのみ集中すればよい。
 
 \`\`\`gleam
 // src/${names.snakeCase}.gleam
-import glendix/mendix.{type JsProps}
+import mendraw/mendix.{type JsProps}
 import redraw.{type Element}
 import redraw/dom/attribute
 import redraw/dom/html
@@ -571,9 +389,9 @@ pub fn widget(props: JsProps) -> Element {
 Mendixの複合型もGleamから型安全に使用できる：
 
 \`\`\`gleam
-import glendix/mendix.{type JsProps}
-import glendix/mendix/editable_value
-import glendix/mendix/action
+import mendraw/mendix.{type JsProps}
+import mendraw/mendix/editable_value
+import mendraw/mendix/action
 import redraw.{type Element}
 
 pub fn widget(props: JsProps) -> Element {
@@ -623,7 +441,7 @@ gleam run -m glendix/start      # Mendixテストプロジェクト連携
 gleam run -m glendix/lint       # ESLint実行
 gleam run -m glendix/lint_fix   # ESLint自動修正
 gleam run -m glendix/release    # リリースビルド
-gleam run -m glendix/marketplace # Marketplaceウィジェット検索/ダウンロード
+gleam run -m mendraw/marketplace # Marketplaceウィジェット検索/ダウンロード
 gleam run -m glendix/define     # ウィジェットプロパティ定義TUIエディター
 gleam build --target javascript # Gleam → JSコンパイルのみ
 gleam test                      # テスト実行
@@ -640,12 +458,10 @@ src/
   components/
     hello_world.gleam            # Hello World共有コンポーネント
   ${names.pascalCase}.xml            # ウィジェットプロパティ定義
-widgets/                           # .mpkウィジェットファイル（glendix/widgetでバインディング）
-bindings.json                      # 外部Reactコンポーネントバインディング設定
 package.json                       # npm依存関係（React、外部ライブラリなど）
 \`\`\`
 
-Reactバインディングは[redraw](https://hexdocs.pm/redraw/)/[redraw_dom](https://hexdocs.pm/redraw_dom/)が、Mendix APIおよびJS Interopバインディングは[glendix](https://hexdocs.pm/glendix/)が提供する。
+Reactバインディングは[redraw](https://hexdocs.pm/redraw/)/[redraw_dom](https://hexdocs.pm/redraw_dom/)が、Mendix APIおよびJS Interopバインディングは[mendraw](https://hexdocs.pm/mendraw/)が提供する。
 
 ## 外部Reactコンポーネントの使用
 
@@ -657,16 +473,13 @@ npmパッケージとして提供されるReactコンポーネントライブラ
 ${installCmd} recharts
 \`\`\`
 
-### ステップ2：\`bindings.json\`の作成
+### ステップ2：\`gleam.toml\`にバインディングを追加
 
-プロジェクトルートに\`bindings.json\`を作成し、使用するコンポーネントを登録する：
+\`gleam.toml\`に\`[tools.glendix.bindings]\`セクションを追加する：
 
-\`\`\`json
-{
-  "recharts": {
-    "components": ["PieChart", "Pie", "Cell", "Tooltip", "ResponsiveContainer"]
-  }
-}
+\`\`\`toml
+[tools.glendix.bindings.recharts]
+components = ["PieChart", "Pie", "Cell", "Tooltip", "ResponsiveContainer"]
 \`\`\`
 
 ### ステップ3：バインディングの生成
@@ -681,7 +494,7 @@ gleam run -m glendix/install
 
 \`\`\`gleam
 import glendix/binding
-import glendix/interop
+import mendraw/interop
 import redraw.{type Element}
 import redraw/dom/attribute.{type Attribute}
 
@@ -698,97 +511,11 @@ pub fn tooltip(attrs: List(Attribute)) -> Element {
 
 \`html.div\`と同じ呼び出しパターンで外部Reactコンポーネントを使用できる。
 
-## Mendix Marketplaceウィジェットのダウンロード
-
-Mendix Marketplaceからウィジェット（.mpk）をインタラクティブに検索・ダウンロードできる。ダウンロード完了後、バインディング\`.gleam\`ファイルが自動生成され、すぐに使用可能になる。
-
-### 事前準備
-
-\`.env\`ファイルにMendix Personal Access Tokenを設定する：
-
-\`\`\`
-MENDIX_PAT=your_personal_access_token
-\`\`\`
-
-> PATは[Mendix Developer Settings](https://user-settings.mendix.com/link/developersettings)の**Personal Access Tokens**セクションで**New Token**をクリックして発行。必要なscope：\`mx:marketplace-content:read\`
-
-### 実行
-
-\`\`\`bash
-gleam run -m glendix/marketplace
-\`\`\`
-
-インタラクティブTUIでウィジェットを検索・選択すると、\`widgets/\`ディレクトリに\`.mpk\`がダウンロードされ、\`src/widgets/\`にバインディング\`.gleam\`ファイルが自動生成される。
-
-## .mpkウィジェットコンポーネントの使用
-
-\`widgets/\`ディレクトリに\`.mpk\`ファイル（Mendixウィジェットビルド成果物）を配置すると、別のウィジェット内から既存のMendixウィジェットをReactコンポーネントとしてレンダリングできる。
-
-### ステップ1：\`.mpk\`ファイルの配置
-
-\`\`\`
-プロジェクトルート/
-├── widgets/
-│   ├── Switch.mpk
-│   └── Badge.mpk
-├── src/
-└── gleam.toml
-\`\`\`
-
-### ステップ2：バインディングの生成
-
-\`\`\`bash
-gleam run -m glendix/install
-\`\`\`
-
-実行時に以下が自動処理される：
-- \`.mpk\`から\`.mjs\`/\`.css\`を抽出し、\`widget_ffi.mjs\`が生成される
-- \`.mpk\` XMLの\`<property>\`定義をパースし、\`src/widgets/\`にバインディング\`.gleam\`ファイルが自動生成される（既存ファイルはスキップ）
-
-### ステップ3：自動生成された\`src/widgets/*.gleam\`ファイルの確認
-
-\`\`\`gleam
-// src/widgets/switch.gleam（自動生成）
-import glendix/mendix.{type JsProps}
-import glendix/interop
-import redraw.{type Element}
-import redraw/dom/attribute
-import glendix/widget
-
-/// Switchウィジェットのレンダリング - propsからプロパティを読み取りウィジェットに渡す
-pub fn render(props: JsProps) -> Element {
-  let boolean_attribute = mendix.get_prop_required(props, "booleanAttribute")
-  let action = mendix.get_prop_required(props, "action")
-
-  let comp = widget.component("Switch")
-  interop.component_el(
-    comp,
-    [
-      attribute.attribute("booleanAttribute", boolean_attribute),
-      attribute.attribute("action", action),
-    ],
-    [],
-  )
-}
-\`\`\`
-
-required/optionalプロパティは自動的に区別され、生成されたファイルは自由に編集できる。
-
-### ステップ4：ウィジェットで使用
-
-\`\`\`gleam
-import widgets/switch
-
-// コンポーネント内で
-switch.render(props)
-\`\`\`
-
-ウィジェット名は\`.mpk\`内部XMLの\`<name>\`値を、プロパティキーは\`.mpk\` XMLの元のキーをそのまま使用する。
-
 ## 技術スタック
 
 - **Gleam** → JavaScriptコンパイル
-- **[glendix](https://hexdocs.pm/glendix/)** — Mendix API + JS Interop Gleamバインディング
+- **[glendix](https://hexdocs.pm/glendix/)** — ビルドツール + JS Interop Gleamバインディング
+- **[mendraw](https://hexdocs.pm/mendraw/)** — Mendix API Gleamバインディング
 - **[redraw](https://hexdocs.pm/redraw/)** / **[redraw_dom](https://hexdocs.pm/redraw_dom/)** — React Gleamバインディング
 - **Mendix Pluggable Widget**（React 19）
 - **${pm}** — パッケージマネージャー