astro-dev-mcp 0.3.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 astro-mcp contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,425 @@
+# Astro Generator MCP Server
+
+データ駆動型Astroプロジェクトを自動生成するMCP（Model Context Protocol）サーバー
+
+## 概要
+
+このMCPサーバーは、デザインデータ、ワイヤーフレーム、コンテンツ資料から、Astroコンポーネント、セクション、ページテンプレートを自動生成します。
+
+### 主な機能
+
+- ✅ **コンポーネント生成**: Props定義から再利用可能なAstroコンポーネントを生成
+- ✅ **セクション生成**: コンテンツデータから`_parts`配下のセクションを生成
+- ✅ **ページ生成**: ページ構造全体を一括生成
+- ✅ **スキーマ生成**: Excel/Markdown/JSONからTypeScript型定義を自動生成
+
+## インストール
+
+### 方法1: npxで直接実行（推奨）
+
+```bash
+npx astro-dev-mcp
+```
+
+### 方法2: グローバルインストール
+
+```bash
+npm install -g astro-dev-mcp
+```
+
+### 方法3: ローカル開発
+
+```bash
+git clone https://github.com/YoshiokaY/astro-dev-mcp.git
+cd astro-dev-mcp
+npm install
+npm run build
+npm link
+```
+
+## Claude Desktop設定
+
+`~/Library/Application Support/Claude/claude_desktop_config.json` に以下を追加:
+
+### npx使用の場合
+
+```json
+{
+	"mcpServers": {
+		"astro-generator": {
+			"command": "npx",
+			"args": ["astro-dev-mcp"]
+		}
+	}
+}
+```
+
+### グローバルインストールの場合
+
+```json
+{
+	"mcpServers": {
+		"astro-generator": {
+			"command": "astro-dev-mcp"
+		}
+	}
+}
+```
+
+### ローカル開発の場合
+
+```json
+{
+	"mcpServers": {
+		"astro-generator": {
+			"command": "node",
+			"args": ["/absolute/path/to/astro-dev-mcp/dist/index.js"]
+		}
+	}
+}
+```
+
+## 使い方
+
+### 1. コンポーネント生成
+
+**プロンプト例**:
+
+```
+ArticleCardコンポーネントを生成してください。
+
+Props:
+- ttl: タイトル（文字列）
+- desc: 説明文（文字列）
+- date: 投稿日（文字列）
+- category: カテゴリ（文字列）
+- img: 画像パス（文字列）
+- imgAlt: 画像の代替テキスト（文字列）
+
+デザイン:
+- プライマリカラー: #0ea5e9
+- レイアウト: grid
+- フォントサイズ: 1.6rem
+```
+
+**実行されるMCPツール**:
+
+```json
+{
+	"name": "generate-component",
+	"arguments": {
+		"componentName": "ArticleCard",
+		"props": {
+			"ttl": { "type": "string", "description": "タイトル" },
+			"desc": { "type": "string", "description": "説明文" },
+			"date": { "type": "string", "description": "投稿日" },
+			"category": { "type": "string", "description": "カテゴリ" },
+			"img": { "type": "string", "description": "画像パス" },
+			"imgAlt": { "type": "string", "description": "画像の代替テキスト" }
+		},
+		"design": {
+			"colors": { "primary": "#0ea5e9" },
+			"layout": "grid",
+			"typography": { "size": "1.6rem" }
+		},
+		"accessibility": true
+	}
+}
+```
+
+**出力**:
+
+- `src/components/ArticleCard.astro`
+- `src/scss/components/_c_article_card.scss`
+
+---
+
+### 2. セクション生成
+
+**プロンプト例**:
+
+```
+sampleページ用のarticlesセクションを生成してください。
+
+コンテンツ:
+- タイトル: 最新記事
+- 記事数: 4件
+- 各記事にタイトル、説明文、投稿日、カテゴリ、画像が必要
+
+使用コンポーネント:
+- Picture
+- SetTime
+```
+
+**実行されるMCPツール**:
+
+```json
+{
+	"name": "generate-section",
+	"arguments": {
+		"sectionType": "articles",
+		"pageName": "sample",
+		"content": {
+			"ttl": "最新記事",
+			"items": []
+		},
+		"components": ["Picture", "SetTime"]
+	}
+}
+```
+
+**出力**:
+
+- `src/pages/_parts/_sample/_articles.astro`
+
+---
+
+### 3. ページ全体生成
+
+**プロンプト例**:
+
+```
+blogページを生成してください。
+
+ページ情報:
+- slug: blog
+- タイトル: 技術ブログ
+- 説明: Web開発に関する最新情報
+- URL: /blog/
+
+セクション構成:
+1. hero（ヒーローセクション）
+2. articles（記事一覧）
+3. categories（カテゴリー）
+4. qa（よくある質問）
+
+パンくずリスト:
+- ホーム > 技術ブログ
+```
+
+**実行されるMCPツール**:
+
+```json
+{
+	"name": "generate-page",
+	"arguments": {
+		"pageName": "blog",
+		"pageData": {
+			"head": {
+				"slug": "blog",
+				"ttl": "技術ブログ",
+				"description": "Web開発に関する最新情報",
+				"url": "/blog/"
+			},
+			"breadcrumbs": [
+				{ "text": "ホーム", "link": "/" },
+				{ "text": "技術ブログ", "link": "/blog/" }
+			],
+			"contents": {
+				"hero": { "ttl": "Tech Blog", "subtitle": "最新の技術情報を発信" },
+				"articles": { "ttl": "最新記事", "items": [] },
+				"categories": { "ttl": "カテゴリー", "items": [] },
+				"qa": { "ttl": "よくある質問", "items": [] }
+			}
+		},
+		"sections": ["hero", "articles", "categories", "qa"]
+	}
+}
+```
+
+**出力**:
+
+- `src/pages/blog/index.astro`
+
+---
+
+### 4. Excelからスキーマ生成
+
+**プロンプト例**:
+
+```
+以下のExcelデータからPageData型を生成してください。
+
+| セクション種類 | タイトル | 説明文 | 投稿日 | カテゴリ |
+|--------------|---------|--------|--------|---------|
+| articles | 記事1 | 説明1 | 2025-01-01 | フロントエンド |
+| articles | 記事2 | 説明2 | 2025-01-02 | バックエンド |
+```
+
+**実行されるMCPツール**:
+
+```json
+{
+	"name": "generate-schema",
+	"arguments": {
+		"sourceType": "excel",
+		"sourceData": "/path/to/data.xlsx",
+		"schemaName": "PageData"
+	}
+}
+```
+
+**出力**:
+
+```typescript
+export interface PageData {
+	head: {
+		slug: string;
+		ttl: string;
+		description: string;
+		url: string;
+	};
+	contents: {
+		articles: {
+			ttl: string;
+			items: {
+				タイトル: string;
+				説明文: string;
+				投稿日: string;
+				カテゴリ: string;
+			}[];
+		};
+	};
+}
+```
+
+---
+
+## 実践ワークフロー例
+
+### ケース1: デザインカンプからLP制作
+
+```
+1. デザインカンプのスクリーンショットをアップロード
+
+「このデザインからヒーローセクションを生成してください」
+
+2. MCPがセクションを生成
+
+3. 「同じデザインで、特徴セクションも生成してください」
+
+4. 「これらのセクションを組み合わせて、LPページ全体を生成してください」
+```
+
+---
+
+### ケース2: Excelコンテンツ資料から自動生成
+
+```
+1. Excelファイルのパスを指定
+
+「このExcelからブログページのデータ構造を生成してください」
+
+2. スキーマ生成
+
+3. 「生成されたスキーマに基づいて、ページ全体を生成してください」
+```
+
+---
+
+## 開発
+
+### ビルド
+
+```bash
+npm run build
+```
+
+### 開発モード（ウォッチ）
+
+```bash
+npm run dev
+```
+
+### MCP Inspector（デバッグ）
+
+```bash
+npm run inspector
+```
+
+---
+
+## プロジェクト構造
+
+```
+astro-mcp/
+├── src/
+│   ├── index.ts                    # MCPサーバーエントリーポイント
+│   ├── tools/                      # MCPツール実装
+│   │   ├── generateComponent.ts
+│   │   ├── generateSection.ts
+│   │   ├── generatePage.ts
+│   │   └── generateSchema.ts
+│   ├── generators/                 # コード生成ロジック
+│   │   ├── astroGenerator.ts
+│   │   ├── scssGenerator.ts
+│   │   └── typeGenerator.ts
+│   ├── templates/                  # テンプレート
+│   │   ├── sectionTemplates.ts
+│   │   └── pageTemplates.ts
+│   ├── parsers/                    # データパーサー
+│   │   ├── excelParser.ts
+│   │   └── markdownParser.ts
+│   └── utils/                      # ユーティリティ
+│       └── formatter.ts
+├── package.json
+├── tsconfig.json
+└── README.md
+```
+
+---
+
+## サポートするセクションタイプ
+
+- `hero`: ヒーローセクション
+- `articles`: 記事一覧
+- `categories`: カテゴリー一覧
+- `qa`: Q&A/FAQ
+- `features`: 特徴・機能紹介
+- `tech`: 技術スタック
+- `concept`: コンセプト説明
+- `videos`: 動画コンテンツ
+- `custom`: カスタムセクション
+
+---
+
+## ロードマップ
+
+### Phase 1: プロトタイプ（完了）
+
+- [x] 基本的なMCPサーバー構築
+- [x] コンポーネント生成機能
+- [x] セクション生成機能
+- [x] ページ生成機能
+- [x] スキーマ生成機能
+
+### Phase 2: 拡張機能（次期）
+
+- [ ] Figma API連携（デザイントークン自動抽出）
+- [ ] 画像OCR対応（デザインカンプ解析）
+- [ ] レスポンシブSCSS自動生成
+- [ ] アクセシビリティチェック機能
+
+### Phase 3: AI強化（将来）
+
+- [ ] 自然言語からの直接生成
+- [ ] デザインシステム学習機能
+- [ ] コンポーネントライブラリ管理
+
+---
+
+## ライセンス
+
+MIT
+
+---
+
+## 貢献
+
+Issue、Pull Requestを歓迎します。
+
+---
+
+## お問い合わせ
+
+プロジェクトに関する質問は、GitHubのIssueでお願いします。

package/dist/editors/commonEditor.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Common.astro 編集機能
+ * サイト全体の設定（head, menu）を解析・更新する
+ */
+export interface HeadConfig {
+    siteName?: string;
+    domain?: string;
+    favicon?: string;
+    ogImg?: string;
+    logo?: string;
+    copyright?: string;
+    webfont?: string;
+    twitterName?: string;
+    facebookID?: string;
+}
+export interface MenuItem {
+    link: string;
+    txt: string;
+    child?: MenuItem[];
+    anchor?: boolean;
+    blank?: boolean;
+}
+export interface CommonUpdateConfig {
+    head?: HeadConfig;
+    menu?: MenuItem[];
+}
+/**
+ * Common.astro の内容を解析
+ */
+export declare function parseCommonAstro(content: string): {
+    head: HeadConfig;
+    menu: MenuItem[];
+    fullContent: string;
+};
+/**
+ * Common.astro の head セクションを更新
+ */
+export declare function updateCommonHead(originalContent: string, updates: HeadConfig): string;
+/**
+ * Common.astro の menu セクションを更新
+ */
+export declare function updateCommonMenu(originalContent: string, menuItems: MenuItem[]): string;
+/**
+ * Common.astro全体を更新
+ */
+export declare function updateCommonAstro(originalContent: string, config: CommonUpdateConfig): string;
+//# sourceMappingURL=commonEditor.d.ts.map

package/dist/editors/commonEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonEditor.d.ts","sourceRoot":"","sources":["../../src/editors/commonEditor.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG;IACjD,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB,CAmCA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,eAAe,EAAE,MAAM,EACvB,OAAO,EAAE,UAAU,GAClB,MAAM,CAiBR;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,eAAe,EAAE,MAAM,EACvB,SAAS,EAAE,QAAQ,EAAE,GACpB,MAAM,CASR;AAkCD;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,eAAe,EAAE,MAAM,EACvB,MAAM,EAAE,kBAAkB,GACzB,MAAM,CAcR"}

package/dist/editors/commonEditor.js

@@ -0,0 +1,108 @@
+/**
+ * Common.astro 編集機能
+ * サイト全体の設定（head, menu）を解析・更新する
+ */
+/**
+ * Common.astro の内容を解析
+ */
+export function parseCommonAstro(content) {
+    // head セクションの抽出
+    const headMatch = content.match(/head:\s*{([^}]+)}/s);
+    const head = {};
+    if (headMatch) {
+        const headContent = headMatch[1];
+        // 各プロパティを正規表現で抽出
+        const extractValue = (key) => {
+            const match = headContent.match(new RegExp(`${key}:\\s*"([^"]*)"`, 's'));
+            return match ? match[1] : undefined;
+        };
+        head.siteName = extractValue('siteName');
+        head.domain = extractValue('domain');
+        head.favicon = extractValue('favicon');
+        head.ogImg = extractValue('ogImg');
+        head.logo = extractValue('logo');
+        head.copyright = extractValue('copyright');
+        head.webfont = extractValue('webfont');
+        head.twitterName = extractValue('twitterName');
+        head.facebookID = extractValue('facebookID');
+    }
+    // menu セクションの抽出（簡易版、実際のパースは複雑）
+    const menuMatch = content.match(/menu:\s*\[([^\]]+)\]/s);
+    const menu = [];
+    // 既存の完全なコンテンツを保持
+    return {
+        head,
+        menu,
+        fullContent: content,
+    };
+}
+/**
+ * Common.astro の head セクションを更新
+ */
+export function updateCommonHead(originalContent, updates) {
+    let updatedContent = originalContent;
+    // 各プロパティを更新
+    for (const [key, value] of Object.entries(updates)) {
+        if (value !== undefined) {
+            // 既存の行を置換
+            const regex = new RegExp(`(${key}:\\s*)"[^"]*"`, 'g');
+            const replacement = `$1"${value}"`;
+            if (updatedContent.match(regex)) {
+                updatedContent = updatedContent.replace(regex, replacement);
+            }
+        }
+    }
+    return updatedContent;
+}
+/**
+ * Common.astro の menu セクションを更新
+ */
+export function updateCommonMenu(originalContent, menuItems) {
+    // menu配列を文字列化
+    const menuString = formatMenuArray(menuItems);
+    // 既存のmenu配列を置換
+    const regex = /menu:\s*\[[^\]]*\]/s;
+    const replacement = `menu: ${menuString}`;
+    return originalContent.replace(regex, replacement);
+}
+/**
+ * MenuItem配列をAstro形式の文字列に変換
+ */
+function formatMenuArray(items, indent = 2) {
+    const spaces = ' '.repeat(indent);
+    const lines = ['['];
+    items.forEach((item, index) => {
+        lines.push(`${spaces}  {`);
+        lines.push(`${spaces}    link: "${item.link}",`);
+        lines.push(`${spaces}    txt: "${item.txt}",`);
+        if (item.anchor !== undefined) {
+            lines.push(`${spaces}    anchor: ${item.anchor},`);
+        }
+        if (item.blank !== undefined) {
+            lines.push(`${spaces}    blank: ${item.blank},`);
+        }
+        if (item.child && item.child.length > 0) {
+            const childString = formatMenuArray(item.child, indent + 4);
+            lines.push(`${spaces}    child: ${childString},`);
+        }
+        lines.push(`${spaces}  }${index < items.length - 1 ? ',' : ''}`);
+    });
+    lines.push(`${spaces}]`);
+    return lines.join('\n');
+}
+/**
+ * Common.astro全体を更新
+ */
+export function updateCommonAstro(originalContent, config) {
+    let updatedContent = originalContent;
+    // head セクションの更新
+    if (config.head) {
+        updatedContent = updateCommonHead(updatedContent, config.head);
+    }
+    // menu セクションの更新
+    if (config.menu) {
+        updatedContent = updateCommonMenu(updatedContent, config.menu);
+    }
+    return updatedContent;
+}
+//# sourceMappingURL=commonEditor.js.map

package/dist/editors/commonEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonEditor.js","sourceRoot":"","sources":["../../src/editors/commonEditor.ts"],"names":[],"mappings":"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"}

package/dist/editors/scssVariablesEditor.d.ts

@@ -0,0 +1,64 @@
+/**
+ * _variables.scss 編集機能
+ * SCSS変数（カラー、サイズ、ブレークポイント）を解析・更新する
+ */
+export interface ColorVariables {
+    'color-body'?: string;
+    'color-txt'?: string;
+    'color-reversal'?: string;
+    'color-gray'?: string;
+    'color-prime'?: string;
+    'color-second'?: string;
+    'color-third'?: string;
+}
+export interface LayoutVariables {
+    brakePoint?: number;
+    containerSize?: number;
+    containerPadding?: number;
+}
+export interface FontSizeConfig {
+    pc: number;
+    sp: number;
+}
+export interface FontSizeVariables {
+    h1?: FontSizeConfig;
+    h2?: FontSizeConfig;
+    h3?: FontSizeConfig;
+    h4?: FontSizeConfig;
+    h5?: FontSizeConfig;
+    xl?: FontSizeConfig;
+    lg?: FontSizeConfig;
+    base?: FontSizeConfig;
+    sm?: FontSizeConfig;
+    xs?: FontSizeConfig;
+}
+export interface ScssVariablesConfig {
+    colors?: ColorVariables;
+    layout?: LayoutVariables;
+    fontSizes?: FontSizeVariables;
+}
+/**
+ * _variables.scss の内容を解析
+ */
+export declare function parseScssVariables(content: string): {
+    colors: ColorVariables;
+    layout: LayoutVariables;
+    fontSizes: FontSizeVariables;
+};
+/**
+ * カラー変数を更新
+ */
+export declare function updateScssColors(originalContent: string, colors: ColorVariables): string;
+/**
+ * レイアウト変数を更新
+ */
+export declare function updateScssLayout(originalContent: string, layout: LayoutVariables): string;
+/**
+ * フォントサイズ変数を更新
+ */
+export declare function updateScssFontSizes(originalContent: string, fontSizes: FontSizeVariables): string;
+/**
+ * _variables.scss 全体を更新
+ */
+export declare function updateScssVariables(originalContent: string, config: ScssVariablesConfig): string;
+//# sourceMappingURL=scssVariablesEditor.d.ts.map

package/dist/editors/scssVariablesEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scssVariablesEditor.d.ts","sourceRoot":"","sources":["../../src/editors/scssVariablesEditor.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,cAAc;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,EAAE,CAAC,EAAE,cAAc,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,GAAG;IACnD,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,eAAe,CAAC;IACxB,SAAS,EAAE,iBAAiB,CAAC;CAC9B,CAwCA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,eAAe,EAAE,MAAM,EACvB,MAAM,EAAE,cAAc,GACrB,MAAM,CAeR;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,eAAe,EAAE,MAAM,EACvB,MAAM,EAAE,eAAe,GACtB,MAAM,CAyBR;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,eAAe,EAAE,MAAM,EACvB,SAAS,EAAE,iBAAiB,GAC3B,MAAM,CAaR;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,eAAe,EAAE,MAAM,EACvB,MAAM,EAAE,mBAAmB,GAC1B,MAAM,CAgBR"}