create-mendix-widget-gleam 3.0.2 → 4.0.1

package/README.md

@@ -2,7 +2,7 @@
 
 Gleam 언어로 Mendix Pluggable Widget 프로젝트를 스케폴딩하는 CLI 도구.
 
-JSX 없이, **Gleam + [glendix](https://hexdocs.pm/glendix/)**로 React 컴포넌트를 작성하여 Mendix Studio Pro에서 동작하는 위젯을 만든다.
+JSX 없이, **Gleam + [glendix](https://hexdocs.pm/glendix/)/[mendraw](https://hexdocs.pm/mendraw/)**로 React 컴포넌트를 작성하여 Mendix Studio Pro에서 동작하는 위젯을 만든다.
 
 ## 사용법
 
@@ -27,14 +27,12 @@ my-widget/
     editor_preview.gleam       # Studio Pro 디자인 뷰 미리보기
     components/
       hello_world.gleam      # Hello World 공유 컴포넌트
-  widgets/                       # .mpk 위젯 파일 (glendix/widget로 바인딩)
-  bindings.json                  # 외부 React 컴포넌트 바인딩 설정
   package.json                   # npm 의존성 (React, 외부 라이브러리 등)
-  gleam.toml                   # Gleam 프로젝트 설정 (glendix >= 3.0.0 의존성 포함)
+  gleam.toml                   # Gleam 프로젝트 설정 (glendix >= 4.0.3 + mendraw >= 1.1.11 의존성 포함)
   CLAUDE.md                    # AI 어시스턴트용 프로젝트 컨텍스트
 ```
 
-React/Mendix FFI 및 JS Interop 바인딩은 프로젝트에 포함되지 않으며, [glendix](https://hexdocs.pm/glendix/) Hex 패키지로 제공된다.
+React/Mendix FFI 및 JS Interop 바인딩은 프로젝트에 포함되지 않으며, [glendix](https://hexdocs.pm/glendix/) 및 [mendraw](https://hexdocs.pm/mendraw/) Hex 패키지로 제공된다.
 
 ## 생성 후 시작하기
 
@@ -43,7 +41,7 @@ cd my-widget
 gleam run -m glendix/install   # 의존성 설치
 gleam run -m glendix/dev       # 개발 서버 시작
 gleam run -m glendix/build     # 프로덕션 빌드 (.mpk 생성)
-gleam run -m glendix/marketplace  # Marketplace 위젯 검색/다운로드
+gleam run -m mendraw/marketplace  # Marketplace 위젯 검색/다운로드
 gleam run -m glendix/define      # 위젯 프로퍼티 정의 TUI 에디터
 ```
 
@@ -51,9 +49,9 @@ gleam run -m glendix/define      # 위젯 프로퍼티 정의 TUI 에디터
 
 생성된 프로젝트는 [glendix](https://hexdocs.pm/glendix/) Hex 패키지를 의존성으로 사용한다. glendix가 React 원시 함수와 Mendix Pluggable Widget API 전체에 대한 타입 안전한 Gleam 바인딩을 제공한다:
 
-- **React** — `react`, `react/attribute`, `react/hook`, `react/event`, `react/html`, `react/svg`, `react/svg_attribute`, `binding`, `widget`
-- **Mendix** — `mendix`, `mendix/editable_value`, `mendix/action`, `mendix/list_value`, `mendix/selection`, `mendix/reference`, `mendix/reference_set`, `mendix/date`, `mendix/big`, `mendix/filter` 등
-- **JS Interop** — `js/array`, `js/object`, `js/json`, `js/promise`, `js/dom`, `js/timer`
+- **React** — `redraw`, `redraw/dom/attribute`, `redraw/hooks`, `redraw/dom/events`, `redraw/dom/html`, `redraw/dom/svg`; bindings via `glendix/binding`
+- **Mendix** (mendraw) — `mendraw/mendix`, `mendraw/mendix/editable_value`, `mendraw/mendix/action`, `mendraw/mendix/list_value`, `mendraw/mendix/selection`, `mendraw/mendix/reference`, `mendraw/mendix/reference_set`, `mendraw/mendix/date`, `mendraw/mendix/decimal`, `mendraw/mendix/filter` 등
+- **JS Interop** (glendix) — `glendix/js/array`, `glendix/js/object`, `glendix/js/json`, `glendix/js/promise`, `glendix/js/dom`, `glendix/js/timer`
 
 ## 라이선스
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-mendix-widget-gleam",
-  "version": "3.0.2",
+  "version": "4.0.1",
   "description": "Scaffold a Mendix Pluggable Widget powered by Gleam",
   "type": "module",
   "license": "Apache-2.0",

package/src/i18n.mjs

@@ -48,11 +48,10 @@ const messages = {
     "progress.depsInstalled": "Dependencies installed",
     "error.depsInstallFail":
       "⚠ Dependency installation failed. Run manually in the project directory:",
-    "progress.playwrightInstalling": "Installing Playwright Chromium...",
-    "progress.playwrightInstalled": "Playwright Chromium installed",
-    "progress.playwrightExists": "Playwright Chromium already installed",
-    "error.playwrightFail":
-      "⚠ Playwright browser installation failed. Run manually in the project directory:",
+    "progress.glendixInstalling": "Running glendix/install...",
+    "progress.glendixInstalled": "glendix/install complete",
+    "error.glendixInstallFail":
+      "⚠ glendix/install failed. Run manually:",
     "progress.buildingWidget": "Building widget...",
     "progress.widgetBuilt": "Widget build complete",
     "error.buildFail":
@@ -119,11 +118,10 @@ const messages = {
     "progress.depsInstalled": "의존성 설치 완료",
     "error.depsInstallFail":
       "⚠ 의존성 설치 실패. 프로젝트 디렉토리에서 직접 실행하세요:",
-    "progress.playwrightInstalling": "Playwright Chromium 설치 중...",
-    "progress.playwrightInstalled": "Playwright Chromium 설치 완료",
-    "progress.playwrightExists": "Playwright Chromium 이미 설치됨",
-    "error.playwrightFail":
-      "⚠ Playwright 브라우저 설치 실패. 프로젝트 디렉토리에서 직접 실행하세요:",
+    "progress.glendixInstalling": "glendix/install 실행 중...",
+    "progress.glendixInstalled": "glendix/install 완료",
+    "error.glendixInstallFail":
+      "⚠ glendix/install 실패. 직접 실행하세요:",
     "progress.buildingWidget": "위젯 빌드 중...",
     "progress.widgetBuilt": "위젯 빌드 완료",
     "error.buildFail":
@@ -190,11 +188,10 @@ const messages = {
     "progress.depsInstalled": "依存関係インストール完了",
     "error.depsInstallFail":
       "⚠ 依存関係インストール失敗。プロジェクトディレクトリで直接実行してください:",
-    "progress.playwrightInstalling": "Playwright Chromiumインストール中...",
-    "progress.playwrightInstalled": "Playwright Chromiumインストール完了",
-    "progress.playwrightExists": "Playwright Chromiumインストール済み",
-    "error.playwrightFail":
-      "⚠ Playwrightブラウザインストール失敗。プロジェクトディレクトリで直接実行してください:",
+    "progress.glendixInstalling": "glendix/installを実行中...",
+    "progress.glendixInstalled": "glendix/install完了",
+    "error.glendixInstallFail":
+      "⚠ glendix/install失敗。直接実行してください:",
     "progress.buildingWidget": "ウィジェットビルド中...",
     "progress.widgetBuilt": "ウィジェットビルド完了",
     "error.buildFail":

package/src/index.mjs

@@ -4,7 +4,7 @@
 
 import { resolve, dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
-import { mkdir, writeFile } from "node:fs/promises";
+import { mkdir, writeFile, readFile } from "node:fs/promises";
 import { execSync } from "node:child_process";
 import { collect_options } from "../tui/build/dev/javascript/tui/tui.mjs";
 import { collectOptions } from "./prompts.mjs";
@@ -14,7 +14,6 @@ import { scaffold } from "./scaffold.mjs";
 import { t, getTemplateComments, getLangLabel } from "./i18n.mjs";
 import { generateClaudeMdContent } from "./templates/claude_md.mjs";
 import { generateReadmeContent } from "./templates/readme_md.mjs";
-import { generateWidgetsReadmeContent } from "./templates/widgets_readme.mjs";
 import { generateLicenseContent } from "./licenses.mjs";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
@@ -28,7 +27,9 @@ const DIM = "\x1b[2m";
 const YELLOW = "\x1b[33m";
 const MAGENTA = "\x1b[35m";
 
-const VERSION = "1.0.0";
+const VERSION = JSON.parse(
+  await readFile(join(__dirname, "..", "package.json"), "utf-8"),
+).version;
 
 const HELP = `
 ${BOLD}create-mendix-widget-gleam${RESET} — Create Gleam + Mendix Pluggable Widget projects
@@ -66,9 +67,12 @@ const BANNER_LINES = [
 
 const header = '\n' + BANNER_LINES.map(([g, l]) =>
   `${CYAN}${BOLD}${g}${RESET}${MAGENTA}${l}${RESET}`
-).join('\n') + `\n${DIM}         create-mendix-widget-gleam v${VERSION}${RESET}\n`;
+).join('\n') + '\n';
 
 export async function main(args) {
+  // Ctrl+C 즉시 종료
+  process.on("SIGINT", () => process.exit(130));
+
   // Flag handling
   if (args.includes("--help") || args.includes("-h")) {
     console.log(HELP);
@@ -146,7 +150,6 @@ export async function main(args) {
   // Build template comments (i18n for template placeholders)
   const templateComments = {
     ...getTemplateComments(lang),
-    widgets_readme: generateWidgetsReadmeContent(lang),
   };
 
   // Scaffold options
@@ -221,35 +224,19 @@ export async function main(args) {
     console.error(`  ${CYAN}${pmConfig.install}${RESET}\n`);
   }
 
-  // Install Playwright Chromium (only if not already installed)
+  // Run glendix/install
+  console.log(`\n${BOLD}${t(lang, "progress.glendixInstalling")}${RESET}\n`);
   try {
-    const chromiumExists =
-      execSync(
-        `node -e "const fs=require('fs'),pw=require('playwright');process.stdout.write(String(fs.existsSync(pw.chromium.executablePath())))"`,
-        { cwd: targetDir, encoding: "utf-8", stdio: ["pipe", "pipe", "ignore"] },
-      ).trim() === "true";
-
-    if (!chromiumExists) {
-      console.log(`\n${BOLD}${t(lang, "progress.playwrightInstalling")}${RESET}\n`);
-      try {
-        execSync("npx playwright install chromium", {
-          cwd: targetDir,
-          stdio: "inherit",
-        });
-        console.log(`\n${GREEN}✓${RESET} ${t(lang, "progress.playwrightInstalled")}`);
-      } catch {
-        console.error(
-          `\n${YELLOW}${t(lang, "error.playwrightFail")}${RESET}`,
-        );
-        console.error(
-          `  ${CYAN}npx playwright install chromium${RESET}\n`,
-        );
-      }
-    } else {
-      console.log(`${GREEN}✓${RESET} ${t(lang, "progress.playwrightExists")}`);
-    }
+    execSync("gleam run -m glendix/install", {
+      cwd: targetDir,
+      stdio: "inherit",
+    });
+    console.log(`\n${GREEN}✓${RESET} ${t(lang, "progress.glendixInstalled")}`);
   } catch {
-    // playwright package not installed — ignore
+    console.error(
+      `\n${YELLOW}${t(lang, "error.glendixInstallFail")}${RESET}`,
+    );
+    console.error(`  ${CYAN}gleam run -m glendix/install${RESET}\n`);
   }
 
   // Production build
@@ -276,7 +263,7 @@ ${BOLD}${t(lang, "done.nextSteps")}${RESET}
   ${CYAN}cd ${names.kebabCase}${RESET}
   ${CYAN}gleam run -m glendix/dev${RESET}             ${DIM}${t(lang, "done.devServer")}${RESET}
   ${CYAN}gleam run -m glendix/build${RESET}           ${DIM}${t(lang, "done.prodBuild")}${RESET}
-  ${CYAN}gleam run -m glendix/marketplace${RESET}     ${DIM}${t(lang, "done.marketplace")}${RESET}
+  ${CYAN}gleam run -m mendraw/marketplace${RESET}     ${DIM}${t(lang, "done.marketplace")}${RESET}
 `);
 
   // etch TUI 이벤트 서버의 stdin 리스너가 이벤트 루프를 유지하므로 명시적 종료

package/src/templates/claude_md.mjs

@@ -15,24 +15,25 @@ export function generateClaudeMdContent(lang, names, pm, pmConfig, organization)
 
   return `# ${names.pascalCase}
 
-A project for developing Mendix Pluggable Widgets with Gleam. Widgets are implemented using only Gleam + [glendix](https://hexdocs.pm/glendix/) bindings, without JSX.
+A project for developing Mendix Pluggable Widgets with Gleam. Widgets are implemented using only Gleam + [glendix](https://hexdocs.pm/glendix/)/[mendraw](https://hexdocs.pm/mendraw/) bindings, without JSX.
 
 ## Commands
 
 \`\`\`bash
-gleam run -m glendix/install      # Install dependencies (Gleam deps + npm + bindings.json code generation)
+gleam run -m glendix/install      # Install dependencies (Gleam deps + npm + TOML widget download + binding generation)
 gleam run -m glendix/build        # Production build (.mpk output)
 gleam run -m glendix/dev          # Dev server (HMR, port 3000)
 gleam run -m glendix/start        # Link with Mendix test project
 gleam run -m glendix/release      # Release build
 gleam run -m glendix/lint         # Run ESLint
 gleam run -m glendix/lint_fix     # ESLint auto-fix
-gleam run -m glendix/marketplace  # Search/download Marketplace widgets
+gleam run -m mendraw/marketplace  # Search/download Marketplace widgets
+gleam run -m mendraw/install      # Generate widget bindings
 gleam test                        # Run tests
 gleam format                      # Format code
 \`\`\`
 
-If you add external React packages to bindings.json, install the npm package manually before running \`glendix/install\`.
+If you add external React packages to \`gleam.toml [tools.glendix.bindings]\`, install the npm package manually before running \`glendix/install\`.
 
 ## Hard Rules
 
@@ -41,7 +42,7 @@ IMPORTANT: Breaking these rules will break the build or compromise the architect
 - **Do not write JSX/JS files directly.** All widget logic and UI must be written in Gleam
 - **Do not write FFI files (.mjs) in the widget project.** React/Mendix FFI is provided by the glendix package
 - **Do not manually manage bridge JS files (src/*.js).** glendix auto-generates/deletes them at build time
-- **React bindings use \`redraw\`/\`redraw_dom\` packages.** glendix v3.0 no longer provides React bindings directly
+- **React bindings use \`redraw\`/\`redraw_dom\` packages.** glendix does not provide React bindings directly
 - The Gleam compilation output path (\`build/dev/javascript/{gleam.toml name}/\`) must match the Rollup input path
 - Mendix widget names allow only alphabetic characters (a-zA-Z)
 
@@ -53,7 +54,7 @@ IMPORTANT: Breaking these rules will break the build or compromise the architect
 
 ## Architecture
 
-Widget entry point signature: \`pub fn widget(props: JsProps) -> Element\` — identical to a React functional component. \`JsProps\` from \`glendix/mendix\`, \`Element\` from \`redraw\`.
+Widget entry point signature: \`pub fn widget(props: JsProps) -> Element\` — identical to a React functional component. \`JsProps\` from \`mendraw/mendix\`, \`Element\` from \`redraw\`.
 
 - \`src/${names.snakeCase}.gleam\` — Main widget (called by Mendix runtime)
 - \`src/editor_config.gleam\` — Studio Pro property panel configuration
@@ -61,8 +62,7 @@ Widget entry point signature: \`pub fn widget(props: JsProps) -> Element\` — i
 - \`src/components/\` — Shared components
 - \`src/${names.pascalCase}.xml\` — Widget property definitions. Adding \`<property>\` triggers automatic type generation by the build tool
 - \`src/package.xml\` — Mendix package manifest
-- \`bindings.json\` — External React component binding configuration
-- \`widgets/\` — .mpk widget file bindings (used via \`glendix/widget\`)
+- \`gleam.toml [tools.glendix.bindings]\` — External React component binding configuration
 
 ## Build Pipeline
 
@@ -93,6 +93,7 @@ src/*.gleam → gleam build → build/dev/javascript/**/*.mjs → Bridge JS (aut
 For detailed glendix API and Gleam syntax, see:
 
 - docs/glendix_guide.md — Complete React/Mendix bindings guide (elements, Hooks, events, Mendix types, practical patterns, troubleshooting)
+- docs/mendraw_guide.md — mendraw usage guide (Marketplace download, classic widget support)
 - docs/gleam_language_tour.md — Gleam syntax reference (types, pattern matching, FFI, use keyword, etc.)
 
 ## Mendix Documentation Sources