create-mendix-widget-gleam 1.0.3 → 1.0.4

package/README.md

@@ -0,0 +1,61 @@
+# create-mendix-widget-gleam
+
+Gleam 언어로 Mendix Pluggable Widget 프로젝트를 스케폴딩하는 CLI 도구.
+
+JSX 없이, **오직 Gleam + FFI**로 React 컴포넌트를 작성하여 Mendix Studio Pro에서 동작하는 위젯을 만든다.
+
+## 사용법
+
+```bash
+npx create-mendix-widget-gleam my-widget
+```
+
+대화형 프롬프트를 통해 프로젝트명과 패키지 매니저를 선택하면, 즉시 개발 가능한 위젯 프로젝트가 생성된다.
+
+## 사전 요구사항
+
+- [Gleam](https://gleam.run/getting-started/installing/) (최신 버전)
+- [Node.js](https://nodejs.org/) (v18+)
+
+## 생성되는 프로젝트 구조
+
+```
+my-widget/
+  src/
+    widget/                    # Gleam 위젯 코드
+      my_widget.gleam          #   메인 위젯 모듈
+      react_ffi.mjs            #   React FFI 어댑터
+      mendix_ffi.mjs           #   Mendix FFI 어댑터
+      react.gleam + react/     #   React 바인딩 (타입, Props, Hooks, HTML)
+      mendix.gleam + mendix/   #   Mendix API 바인딩 (전체 Pluggable Widget API)
+      editor_config.gleam      #   Studio Pro 속성 패널
+    scripts/                   #   빌드/개발 스크립트
+  gleam.toml                   # Gleam 프로젝트 설정
+  CLAUDE.md                    # AI 어시스턴트용 프로젝트 컨텍스트
+```
+
+## 생성 후 시작하기
+
+```bash
+cd my-widget
+gleam run -m scripts/install   # 의존성 설치
+gleam run -m scripts/dev       # 개발 서버 시작
+gleam run -m scripts/build     # 프로덕션 빌드 (.mpk 생성)
+```
+
+## 포함된 Mendix API 바인딩
+
+생성된 프로젝트에는 Mendix Pluggable Widget API 전체에 대한 Gleam 바인딩이 포함되어 있다:
+
+- **EditableValue** — 텍스트, 숫자, 날짜 등 편집 가능한 값
+- **ActionValue** — 마이크로플로우/나노플로우 실행
+- **ListValue** — 데이터 목록 (필터, 정렬, 페이지네이션)
+- **SelectionValue** — 단일/다중 선택
+- **ReferenceValue** — 연관 관계 (단일/다중 참조)
+- **JsDate / Big** — JS Date, Big.js 고정밀 십진수 래퍼
+- **Filter** — 필터 조건 빌더
+- **그 외** — DynamicValue, FileValue, WebIcon, ValueFormatter 등
+
+## 라이선스
+
+Apache-2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-mendix-widget-gleam",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Scaffold a Mendix Pluggable Widget powered by Gleam",
   "type": "module",
   "license": "Apache-2.0",
@@ -8,7 +8,8 @@
   "files": [
     "bin/",
     "src/",
-    "template/"
+    "template/",
+    "README.md"
   ],
   "engines": {
     "node": ">=18"

package/template/src/widget/mendix/date.gleam

@@ -78,3 +78,15 @@ pub fn milliseconds(date: JsDate) -> Int
 /// 요일 (0=일요일, 1=월요일, ..., 6=토요일)
 @external(javascript, "../mendix_ffi.mjs", "date_get_day")
 pub fn day_of_week(date: JsDate) -> Int
+
+// === HTML input[type="date"] 변환 ===
+
+import gleam/option.{type Option}
+
+/// JsDate → "YYYY-MM-DD" 변환 (로컬 시간 기준, input[type="date"] 용)
+@external(javascript, "../mendix_ffi.mjs", "date_to_input_value")
+pub fn to_input_value(date: JsDate) -> String
+
+/// "YYYY-MM-DD" → Option(JsDate) 변환 (빈 문자열 → None)
+@external(javascript, "../mendix_ffi.mjs", "input_value_to_date")
+pub fn from_input_value(date_string: String) -> Option(JsDate)

package/template/src/widget/mendix/editable_value.gleam

@@ -70,4 +70,4 @@ pub fn is_available(ev: EditableValue) -> Bool {
 /// 편집 가능한 상태인지 확인 (사용 가능 + 읽기 전용 아님)
 pub fn is_editable(ev: EditableValue) -> Bool {
   is_available(ev) && !read_only(ev)
-}
+}

package/template/src/widget/mendix_ffi.mjs

@@ -352,6 +352,21 @@ export function date_get_day(d) {
   return d.getDay();
 }
 
+// === Date 변환 (JS Date ↔ HTML input[type="date"]) ===
+
+export function date_to_input_value(jsDate) {
+  const year = jsDate.getFullYear();
+  const month = String(jsDate.getMonth() + 1).padStart(2, "0");
+  const day = String(jsDate.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+
+export function input_value_to_date(dateString) {
+  if (!dateString) return new None();
+  const [year, month, day] = dateString.split("-").map(Number);
+  return new Some(new Date(year, month - 1, day));
+}
+
 // === Big.js ===
 
 import Big from "big.js";