modscape 1.1.8 → 1.2.0

package/README.ja.md

@@ -8,7 +8,13 @@
 
 **Modscape** は、モダンなデータ基盤（Modern Data Stack）に特化した、YAML駆動のデータモデリング・ビジュアライザーです。物理的なスキーマとビジネスロジックのギャップを埋め、データチームがデータを通じた「ストーリー」を設計、文書化、共有することを可能にします。
 
-[ライブデモ](https://yujikawa.github.io/modscape/)
+
+🌐 **Live Demo:**
+https://yujikawa.github.io/modscape/
+
+
+![Modscape Screenshot](https://raw.githubusercontent.com/yujikawa/modscape/main/docs/assets/modscape.png)
+
 
 ## なぜ Modscape なのか？
 
@@ -26,7 +32,7 @@
 - **刷新されたモデリング・ノード**: 左上に突き出した「インデックス・タブ」で種類（FACT, DIM, HUB等）を明示。長い物理名は自動省略され、プロフェッショナルな外観を維持。
 - **インタラクティブなビジュアルキャンバス**: 
   - **ドラッグで接続**: カラム間のリレーションを直感的に作成。吸着機能で快適な操作感。
-  - **意味的なエッジバッジ**: 接続点に `( 1 )` や `[ M ]` バッジを表示し、カーディナリティ（多重度）を視覚化。
+  - **意味的なエッジバッジ**: 接続点に `( 1 )` や `[ N ]` バッジを表示し、カーディナリティ（多重度）を視覚化。
   - **データリネージ・モード**: データの流れをアニメーション付きの点線矢印で可視化。
   - **ドメイン階層ナビゲーション**: テーブルをビジネスドメインごとに整理し、構造化されたサイドバーから素早くアクセス。
 - **統合 Undo/Redo & オートセーブ**: 

package/README.md

@@ -8,7 +8,10 @@
 
 **Modscape** is a YAML-driven data modeling visualizer specialized for **Modern Data Stack** architectures. It bridges the gap between raw physical schemas and high-level business logic, empowering data teams to design, document, and share their data stories.
 
-[Live Demo](https://yujikawa.github.io/modscape/)
+🌐 **Live Demo:**
+https://yujikawa.github.io/modscape/
+
+![Modscape Screenshot](https://raw.githubusercontent.com/yujikawa/modscape/main/docs/assets/modscape.png)
 
 ## Why Modscape?
 
@@ -26,7 +29,7 @@ In modern data analysis platforms, data modeling is no longer just about drawing
 - **Redesigned Modeling Nodes**: Protruding "Index Tabs" for entity types (FACT, DIM, HUB, LINK, etc.) and auto-truncating physical names for a professional look.
 - **Interactive Visual Canvas**: 
   - **Drag-to-Connect**: Create relationships between columns intuitively with "Magnetic Snapping".
-  - **Semantic Edge Badges**: Visually identify cardinality with `( 1 )` and `[ M ]` badges at the connection points.
+  - **Semantic Edge Badges**: Visually identify cardinality with `( 1 )` and `[ N ]` badges at the connection points.
   - **Data Lineage Mode**: Visualize data flow with animated dashed arrows.
   - **Domain-Grouped Navigation**: Organize tables into visual business domains and navigate them via a structured sidebar.
 - **Unified Undo/Redo & Auto-save**: 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "modscape",
-  "version": "1.1.8",
+  "version": "1.2.0",
   "description": "Modscape: A YAML-driven data modeling visualizer CLI",
   "repository": {
     "type": "git",
@@ -20,9 +20,9 @@
   "scripts": {
     "build-ui": "cd visualizer && npm run build && rm -rf ../visualizer-dist && mv dist ../visualizer-dist",
     "dev": "node src/index.js dev",
-    "test:e2e": "playwright test",
-    "test:all": "npm run build-ui && npm run test:e2e",
-    "test:update": "npm run build-ui && npm run test:e2e -- --update-snapshots"
+    "test:e2e": "cp tests/fixtures/test-model.yaml tests/fixtures/test-model-runtime.yaml && playwright test",
+    "test:all": "npm run build-ui && sleep 1 && npm run test:e2e",
+    "test:update": "npm run build-ui && sleep 1 && npm run test:e2e -- --update-snapshots"
   },
   "dependencies": {
     "@inquirer/prompts": "^8.3.0",

package/src/templates/default-model.yaml

@@ -53,7 +53,7 @@ tables:
       - [102, 2, 300.75]
 
 relationships:
-  # Relationships: Defines Entity-Relationship connections (solid lines with 1:M badges)
+  # Relationships: Defines Entity-Relationship connections (solid lines with 1:N badges)
   - from: { table: source_table, column: id }
     to: { table: derived_table, column: source_id }
     type: one-to-many

package/visualizer/package.json

@@ -1,7 +1,7 @@
 {
   "name": "visualizer",
   "private": true,
-  "version": "1.1.8",
+  "version": "1.2.0",
   "type": "module",
   "scripts": {
     "dev": "vite",