astro-dev-mcp 0.4.0 → 0.5.6

package/dist/templates/uiPatterns.js

@@ -2,7 +2,6 @@
  * UIパターン汎用ジェネレーター
  * コンテンツデータとUIパターンを受け取り、適切なマークアップを生成
  */
-import { getContainerClass, getButtonClass } from '../utils/astroDevClasses.js';
 /**
  * UIパターンに基づいてマークアップを生成
  */
@@ -27,10 +26,7 @@ export function generateUIPattern(config) {
 /**
  * タブUI生成(開発環境のTab.ts連携)
  */
-function generateTabUI(config) {
-    const { options = {} } = config;
-    const { useContainer = true } = options;
-    const containerClass = useContainer ? getContainerClass() : '';
+function generateTabUI(_config) {
     return `---
 interface Props {
 	data: {
@@ -46,8 +42,8 @@ const { data } = Astro.props;
 ---
 
 <section class="c_tab">
-	${useContainer ? `<div class="${containerClass}">` : ''}
-		<h2 class="section_ttl">{data.ttl}</h2>
+	<div class="contentInner">
+		<h2 class="section_ttl" set:html={data.ttl} />
 		<ul class="c_tab_list">
 			{
 				data.items.map((item, i) => (
@@ -57,9 +53,8 @@ const { data } = Astro.props;
 							class={i === 0 ? "-open" : ""}
 							aria-pressed={i === 0 ? "true" : "false"}
 							tabindex={i === 0 ? "-1" : "0"}
-						>
-							{item.name}
-						</button>
+							set:html={item.name}
+						/>
 					</li>
 				))
 			}
@@ -72,11 +67,11 @@ const { data } = Astro.props;
 					tabindex="-1"
 				>
 					<!-- コンテンツはプロジェクト固有で実装 -->
-					{item.content}
+					<Fragment set:html={item.content} />
 				</div>
 			))
 		}
-	${useContainer ? '</div>' : ''}
+	</div>
 </section>
 `;
 }
@@ -84,9 +79,8 @@ const { data } = Astro.props;
  * アコーディオンUI生成(開発環境のAccordion.ts連携)
  */
 function generateAccordionUI(config) {
-    const { data, options = {} } = config;
-    const { openFirst = true, useContainer = true } = options;
-    const containerClass = useContainer ? getContainerClass() : '';
+    const { options = {} } = config;
+    const { openFirst = true } = options;
     return `---
 interface Props {
 	data: {
@@ -102,8 +96,8 @@ const { data } = Astro.props;
 ---
 
 <section class="accordion_section">
-	${useContainer ? `<div class="${containerClass}">` : ''}
-		<h2 class="section_ttl">{data.ttl}</h2>
+	<div class="contentInner">
+		<h2 class="section_ttl" set:html={data.ttl} />
 		<div class="accordion_list">
 			{
 				data.items.map((item, i) => (
@@ -112,7 +106,7 @@ const { data } = Astro.props;
 						open={${openFirst} && i === 0}
 					>
 						<summary class="c_pull_ttl accordion_item_ttl">
-							<span class="accordion_item_ttl_text">{item.ttl}</span>
+							<span class="accordion_item_ttl_text" set:html={item.ttl} />
 						</summary>
 						<div class="c_pull_content accordion_item_content">
 							<div class="accordion_item_content_text" set:html={item.content} />
@@ -121,7 +115,7 @@ const { data } = Astro.props;
 				))
 			}
 		</div>
-	${useContainer ? '</div>' : ''}
+	</div>
 </section>
 `;
 }
@@ -129,12 +123,10 @@ const { data } = Astro.props;
  * グリッドUI生成
  */
 function generateGridUI(config) {
-    const { data, options = {}, components = [] } = config;
-    const { columns = 3, gap = '2.4rem', hasImage = true, useContainer = true } = options;
-    const hasPicture = components.includes('Picture');
-    const containerClass = useContainer ? getContainerClass() : '';
+    const { options = {} } = config;
+    const { columns = 3, gap = '2.4rem', hasImage = true } = options;
     return `---
-${hasPicture ? 'import Picture from "@/components/Picture.astro";' : ''}
+import Picture from "@/components/Picture.astro";
 
 interface Props {
 	data: {
@@ -153,8 +145,8 @@ const { data, imgPath = '' } = Astro.props;
 ---
 
 <section class="grid_section">
-	${useContainer ? `<div class="${containerClass}">` : ''}
-		<h2 class="section_ttl">{data.ttl}</h2>
+	<div class="contentInner">
+		<h2 class="section_ttl" set:html={data.ttl} />
 		<ul class="grid_list" style="display: grid; grid-template-columns: repeat(${columns}, 1fr); gap: ${gap};">
 			{
 				data.items.map((item) => (
@@ -163,20 +155,20 @@ const { data, imgPath = '' } = Astro.props;
         ? `
 						{item.img && (
 							<div class="grid_item_img">
-								${hasPicture ? '<Picture src={imgPath + item.img} alt={item.ttl} sizes={[400, 300]} />' : '<img src={imgPath + item.img} alt={item.ttl} loading="lazy" />'}
+								<Picture src={imgPath + item.img} alt={item.ttl} />
 							</div>
 						)}
 						`
         : ''}
 						<div class="grid_item_body">
-							<h3 class="grid_item_ttl">{item.ttl}</h3>
-							{item.desc && <p class="grid_item_desc">{item.desc}</p>}
+							<h3 class="grid_item_ttl" set:html={item.ttl} />
+							{item.desc && <p class="grid_item_desc" set:html={item.desc} />}
 						</div>
 					</li>
 				))
 			}
 		</ul>
-	${useContainer ? '</div>' : ''}
+	</div>
 </section>
 `;
 }
@@ -184,12 +176,10 @@ const { data, imgPath = '' } = Astro.props;
  * カルーセルUI生成
  */
 function generateCarouselUI(config) {
-    const { data, options = {}, components = [] } = config;
-    const { autoplay = false, useContainer = true } = options;
-    const hasPicture = components.includes('Picture');
-    const containerClass = useContainer ? getContainerClass() : '';
+    const { options = {} } = config;
+    const { autoplay = false } = options;
     return `---
-${hasPicture ? 'import Picture from "@/components/Picture.astro";' : ''}
+import Picture from "@/components/Picture.astro";
 
 /**
  * カルーセルセクション
@@ -211,8 +201,8 @@ const { data, imgPath = '' } = Astro.props;
 ---
 
 <section class="carousel_section">
-	${useContainer ? `<div class="${containerClass}">` : ''}
-		<h2 class="section_ttl">{data.ttl}</h2>
+	<div class="contentInner">
+		<h2 class="section_ttl" set:html={data.ttl} />
 		<div class="swiper carousel_swiper" data-autoplay="${autoplay}">
 			<div class="swiper-wrapper">
 				{
@@ -220,12 +210,12 @@ const { data, imgPath = '' } = Astro.props;
 						<div class="swiper-slide carousel_item">
 							{item.img && (
 								<div class="carousel_item_img">
-									${hasPicture ? '<Picture src={imgPath + item.img} alt={item.ttl} sizes={[800, 600]} />' : '<img src={imgPath + item.img} alt={item.ttl} loading="lazy" />'}
+									<Picture src={imgPath + item.img} alt={item.ttl} />
 								</div>
 							)}
 							<div class="carousel_item_body">
-								<h3 class="carousel_item_ttl">{item.ttl}</h3>
-								{item.desc && <p class="carousel_item_desc">{item.desc}</p>}
+								<h3 class="carousel_item_ttl" set:html={item.ttl} />
+								{item.desc && <p class="carousel_item_desc" set:html={item.desc} />}
 							</div>
 						</div>
 					))
@@ -235,17 +225,14 @@ const { data, imgPath = '' } = Astro.props;
 			<div class="swiper-button-prev"></div>
 			<div class="swiper-button-next"></div>
 		</div>
-	${useContainer ? '</div>' : ''}
+	</div>
 </section>
 `;
 }
 /**
  * リストUI生成
  */
-function generateListUI(config) {
-    const { data, options = {} } = config;
-    const { useContainer = true } = options;
-    const containerClass = useContainer ? getContainerClass() : '';
+function generateListUI(_config) {
     return `---
 interface Props {
 	data: {
@@ -261,33 +248,28 @@ const { data } = Astro.props;
 ---
 
 <section class="list_section">
-	${useContainer ? `<div class="${containerClass}">` : ''}
-		<h2 class="section_ttl">{data.ttl}</h2>
+	<div class="contentInner">
+		<h2 class="section_ttl" set:html={data.ttl} />
 		<ul class="list">
 			{
 				data.items.map((item) => (
 					<li class="list_item">
-						<h3 class="list_item_ttl">{item.ttl}</h3>
-						{item.desc && <p class="list_item_desc">{item.desc}</p>}
+						<h3 class="list_item_ttl" set:html={item.ttl} />
+						{item.desc && <p class="list_item_desc" set:html={item.desc} />}
 					</li>
 				))
 			}
 		</ul>
-	${useContainer ? '</div>' : ''}
+	</div>
 </section>
 `;
 }
 /**
  * モーダルUI生成(開発環境のModal.ts連携)
  */
-function generateModalUI(config) {
-    const { data, components = [], options = {} } = config;
-    const hasPicture = components.includes('Picture');
-    const { useContainer = true, useStandardButton = true } = options;
-    const containerClass = useContainer ? getContainerClass() : '';
-    const buttonClass = useStandardButton ? getButtonClass('c_modal_btn modal_card') : 'c_modal_btn modal_card';
+function generateModalUI(_config) {
     return `---
-${hasPicture ? 'import Picture from "@/components/Picture.astro";' : ''}
+import Picture from "@/components/Picture.astro";
 
 /**
  * モーダルギャラリーセクション
@@ -312,21 +294,21 @@ const { data, imgPath = '' } = Astro.props;
 ---
 
 <section class="modal_section">
-	${useContainer ? `<div class="${containerClass}">` : ''}
-		<h2 class="section_ttl">{data.ttl}</h2>
+	<div class="contentInner">
+		<h2 class="section_ttl" set:html={data.ttl} />
 		<ul class="modal_list">
 			{
 				data.items.map((item) => (
 					<li class="modal_item">
 						<button
 							type="button"
-							class="${buttonClass}"
+							class="c_modal_btn modal_card"
 							data-src={item.src}
 							data-alt={item.alt}
 						>
 							{item.thumbnail && (
 								<span class="modal_thumbnail">
-									${hasPicture ? '<Picture src={imgPath + item.thumbnail} alt={item.alt || item.ttl} sizes={[800, 450]} />' : '<img src={imgPath + item.thumbnail} alt={item.alt || item.ttl} loading="lazy" />'}
+									<Picture src={imgPath + item.thumbnail} alt={item.alt || item.ttl} />
 									{item.type === 'video' && (
 										<span class="modal_play_icon">
 											<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -338,15 +320,15 @@ const { data, imgPath = '' } = Astro.props;
 								</span>
 							)}
 							<span class="modal_body">
-								<h3 class="modal_ttl">{item.ttl}</h3>
-								{item.desc && <p class="modal_desc">{item.desc}</p>}
+								<h3 class="modal_ttl" set:html={item.ttl} />
+								{item.desc && <p class="modal_desc" set:html={item.desc} />}
 							</span>
 						</button>
 					</li>
 				))
 			}
 		</ul>
-	${useContainer ? '</div>' : ''}
+	</div>
 </section>
 `;
 }

package/dist/templates/uiPatterns.js.map

@@ -1 +1 @@
-{"version":3,"file":"uiPatterns.js","sourceRoot":"","sources":["../../src/templates/uiPatterns.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AA0BhF;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,MAAuB;IACxD,QAAQ,MAAM,CAAC,OAAO,EAAE,CAAC;QACxB,KAAK,KAAK;YACT,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC;QAC9B,KAAK,WAAW;YACf,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC;QACpC,KAAK,MAAM;YACV,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;QAC/B,KAAK,UAAU;YACd,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAC;QACnC,KAAK,MAAM;YACV,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;QAC/B,KAAK,OAAO;YACX,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC;QAChC;YACC,MAAM,IAAI,KAAK,CAAC,uBAAuB,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IAC3D,CAAC;AACF,CAAC;AAED;;GAEG;AACH,SAAS,aAAa,CAAC,MAAuB;IAC7C,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IACxC,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/D,OAAO;;;;;;;;;;;;;;;GAeL,YAAY,CAAC,CAAC,CAAC,eAAe,cAAc,IAAI,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BrD,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;CAE9B,CAAC;AACF,CAAC;AAED;;GAEG;AACH,SAAS,mBAAmB,CAAC,MAAuB;IACnD,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IACtC,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IAC1D,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/D,OAAO;;;;;;;;;;;;;;;GAeL,YAAY,CAAC,CAAC,CAAC,eAAe,cAAc,IAAI,CAAC,CAAC,CAAC,EAAE;;;;;;0CAMd,SAAS;cACrC,SAAS;;;;;;;;;;;;GAYpB,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;CAE9B,CAAC;AACF,CAAC;AAED;;GAEG;AACH,SAAS,cAAc,CAAC,MAAuB;IAC9C,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IACvD,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IACtF,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAClD,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/D,OAAO;EACN,UAAU,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,EAAE;;;;;;;;KAQlE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;GAWjC,YAAY,CAAC,CAAC,CAAC,eAAe,cAAc,IAAI,CAAC,CAAC,CAAC,EAAE;;8EAEsB,OAAO,gBAAgB,GAAG;;;;QAKjG,QAAQ;QACP,CAAC,CAAC;;;UAGA,UAAU,CAAC,CAAC,CAAC,wEAAwE,CAAC,CAAC,CAAC,gEAAgE;;;OAG3J;QACC,CAAC,CAAC,EACJ;;;;;;;;;GASH,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;CAE9B,CAAC;AACF,CAAC;AAED;;GAEG;AACH,SAAS,kBAAkB,CAAC,MAAuB;IAClD,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IACvD,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IAC1D,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAClD,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/D,OAAO;EACN,UAAU,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;GAsBpE,YAAY,CAAC,CAAC,CAAC,eAAe,cAAc,IAAI,CAAC,CAAC,CAAC,EAAE;;uDAED,QAAQ;;;;;;;WAOpD,UAAU,CAAC,CAAC,CAAC,wEAAwE,CAAC,CAAC,CAAC,gEAAgE;;;;;;;;;;;;;;;GAehK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;CAE9B,CAAC;AACF,CAAC;AAED;;GAEG;AACH,SAAS,cAAc,CAAC,MAAuB;IAC9C,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IACtC,MAAM,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IACxC,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/D,OAAO;;;;;;;;;;;;;;;GAeL,YAAY,CAAC,CAAC,CAAC,eAAe,cAAc,IAAI,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;GAYrD,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;CAE9B,CAAC;AACF,CAAC;AAED;;GAEG;AACH,SAAS,eAAe,CAAC,MAAuB;IAC/C,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IACvD,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAClD,MAAM,EAAE,YAAY,GAAG,IAAI,EAAE,iBAAiB,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IAClE,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,WAAW,GAAG,iBAAiB,CAAC,CAAC,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC;IAE5G,OAAO;EACN,UAAU,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBpE,YAAY,CAAC,CAAC,CAAC,eAAe,cAAc,IAAI,CAAC,CAAC,CAAC,EAAE;;;;;;;;gBAQxC,WAAW;;;;;;WAMhB,UAAU,CAAC,CAAC,CAAC,0FAA0F,CAAC,CAAC,CAAC,kFAAkF;;;;;;;;;;;;;;;;;;;;GAoBpM,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;CAE9B,CAAC;AACF,CAAC"}
+{"version":3,"file":"uiPatterns.js","sourceRoot":"","sources":["../../src/templates/uiPatterns.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAyBH;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,MAAuB;IACxD,QAAQ,MAAM,CAAC,OAAO,EAAE,CAAC;QACxB,KAAK,KAAK;YACT,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC;QAC9B,KAAK,WAAW;YACf,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC;QACpC,KAAK,MAAM;YACV,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;QAC/B,KAAK,UAAU;YACd,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAC;QACnC,KAAK,MAAM;YACV,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;QAC/B,KAAK,OAAO;YACX,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC;QAChC;YACC,MAAM,IAAI,KAAK,CAAC,uBAAuB,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IAC3D,CAAC;AACF,CAAC;AAED;;GAEG;AACH,SAAS,aAAa,CAAC,OAAwB;IAC9C,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CP,CAAC;AACF,CAAC;AAED;;GAEG;AACH,SAAS,mBAAmB,CAAC,MAAuB;IACnD,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IAChC,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IAErC,OAAO;;;;;;;;;;;;;;;;;;;;;0CAqBkC,SAAS;cACrC,SAAS;;;;;;;;;;;;;;CActB,CAAC;AACF,CAAC;AAED;;GAEG;AACH,SAAS,cAAc,CAAC,MAAuB;IAC9C,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IAChC,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IAEjE,OAAO;;;;;;;;;KASH,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;8EAa0C,OAAO,gBAAgB,GAAG;;;;QAKjG,QAAQ;QACP,CAAC,CAAC;;;;;;OAMH;QACC,CAAC,CAAC,EACJ;;;;;;;;;;;CAWL,CAAC;AACF,CAAC;AAED;;GAEG;AACH,SAAS,kBAAkB,CAAC,MAAuB;IAClD,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IAChC,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC;IAErC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;uDAyB+C,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;CAwB9D,CAAC;AACF,CAAC;AAED;;GAEG;AACH,SAAS,cAAc,CAAC,OAAwB;IAC/C,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BP,CAAC;AACF,CAAC;AAED;;GAEG;AACH,SAAS,eAAe,CAAC,OAAwB;IAChD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DP,CAAC;AACF,CAAC"}

package/dist/tools/generateSection.d.ts

@@ -1,5 +1,5 @@
 /**
- * セクション生成ツール
+ * セクション生成ツール（SCSS生成・app.js更新統合版）
  */
 export declare function generateSection(args: any): Promise<{
     content: {

package/dist/tools/generateSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generateSection.d.ts","sourceRoot":"","sources":["../../src/tools/generateSection.ts"],"names":[],"mappings":"AAeA;;GAEG;AACH,wBAAsB,eAAe,CAAC,IAAI,EAAE,GAAG;;;;;GAuD9C"}
+{"version":3,"file":"generateSection.d.ts","sourceRoot":"","sources":["../../src/tools/generateSection.ts"],"names":[],"mappings":"AAyCA;;GAEG;AACH,wBAAsB,eAAe,CAAC,IAAI,EAAE,GAAG;;;;;GAiH9C"}

package/dist/tools/generateSection.js

@@ -1,12 +1,17 @@
 import { generateSectionTemplate } from '../templates/sectionTemplates.js';
 import { formatCode } from '../utils/formatter.js';
 import { parseSectionIntent } from '../utils/promptParser.js';
+import { generateScssPattern } from '../templates/scssPatterns.js';
+import { getRequiredScripts, updateAppJs, needsAppJsUpdate, } from '../editors/appJsEditor.js';
+import { readFileSync, writeFileSync, existsSync } from 'fs';
+import { resolve } from 'path';
 /**
- * セクション生成ツール
+ * セクション生成ツール（SCSS生成・app.js更新統合版）
  */
 export async function generateSection(args) {
-    const { prompt, sectionType, uiPattern, pageName, content, components = [], } = args;
+    const { prompt, sectionType, uiPattern, pageName, content, components = [], generateScss = true, scssOptions = {}, projectRoot = process.cwd(), } = args;
     try {
+        const updateLogs = [];
         let finalSectionType;
         let finalUIPattern;
         // プロンプトが指定されている場合は解析
@@ -16,7 +21,7 @@ export async function generateSection(args) {
             finalUIPattern = parsed.uiPattern;
             // 低信頼度の場合は警告
             if (parsed.confidence < 0.7) {
-                console.warn(`⚠️ プロンプト解析の信頼度が低い（${parsed.confidence}）: "${prompt}"`);
+                updateLogs.push(`⚠️ プロンプト解析の信頼度が低い（${parsed.confidence}）: "${prompt}"`);
             }
         }
         else {
@@ -24,7 +29,26 @@ export async function generateSection(args) {
             finalSectionType = sectionType;
             finalUIPattern = uiPattern;
         }
-        // セクションテンプレート生成
+        // 1. app.js の更新（UIパターンにスクリプトが必要な場合）
+        if (finalUIPattern) {
+            const appJsPath = resolve(projectRoot, 'src/js/app.js');
+            if (existsSync(appJsPath)) {
+                const originalContent = readFileSync(appJsPath, 'utf-8');
+                if (needsAppJsUpdate(originalContent, finalUIPattern)) {
+                    const requiredScripts = getRequiredScripts(finalUIPattern);
+                    const updatedContent = updateAppJs(originalContent, requiredScripts);
+                    writeFileSync(appJsPath, updatedContent, 'utf-8');
+                    updateLogs.push(`✅ app.js を更新しました（追加: ${requiredScripts.join(', ')}）`);
+                }
+                else {
+                    updateLogs.push(`ℹ️ app.js は既に必要なスクリプトが登録済みです`);
+                }
+            }
+            else {
+                updateLogs.push(`⚠️ app.js が見つかりません: ${appJsPath}`);
+            }
+        }
+        // 2. セクションテンプレート生成
         const sectionCode = generateSectionTemplate({
             type: finalSectionType,
             uiPattern: finalUIPattern,
@@ -33,12 +57,31 @@ export async function generateSection(args) {
             components,
         });
         // コード整形
-        const formatted = await formatCode(sectionCode, 'astro');
+        const formattedAstro = await formatCode(sectionCode, 'astro');
+        // 3. SCSS生成（オプション）
+        let scssCode = '';
+        if (generateScss && finalUIPattern) {
+            scssCode = generateScssPattern({
+                pattern: finalUIPattern,
+                pageName,
+                sectionName: finalSectionType,
+                options: scssOptions,
+            });
+            updateLogs.push(`✅ SCSSファイルを生成しました（配置先: src/scss/pages/_${pageName}.scss）`);
+        }
+        // 結果メッセージの構築
+        const updateSection = updateLogs.length > 0
+            ? `### プロジェクト更新\n${updateLogs.join('\n')}\n\n`
+            : '';
+        let resultText = `${updateSection}### セクション生成\n✅ セクション「${finalSectionType}」（UI: ${finalUIPattern || 'デフォルト'}）を生成しました\n\n#### Astroコンポーネント\n\`\`\`astro\n${formattedAstro}\n\`\`\`\n\n**配置先**: \`src/pages/_parts/_${pageName}/_${finalSectionType}.astro\``;
+        if (scssCode) {
+            resultText += `\n\n#### SCSSファイル\n\`\`\`scss\n${scssCode}\n\`\`\`\n\n**配置先**: \`src/scss/pages/_${pageName}.scss\`\n\n**注意**: 既存の \`_${pageName}.scss\` がある場合は、生成されたSCSSを追記してください。`;
+        }
         return {
             content: [
                 {
                     type: 'text',
-                    text: `✅ セクション「${finalSectionType}」（UI: ${finalUIPattern || 'デフォルト'}）を生成しました\n\n\`\`\`astro\n${formatted}\n\`\`\`\n\n### 配置先\n- \`src/pages/_parts/_${pageName}/_${finalSectionType}.astro\``,
+                    text: resultText,
                 },
             ],
         };

package/dist/tools/generateSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateSection.js","sourceRoot":"","sources":["../../src/tools/generateSection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAa9D;;GAEG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,IAAS;IAC9C,MAAM,EACL,MAAM,EACN,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,UAAU,GAAG,EAAE,GACf,GAAG,IAAmB,CAAC;IAExB,IAAI,CAAC;QACJ,IAAI,gBAAwB,CAAC;QAC7B,IAAI,cAAkC,CAAC;QAEvC,qBAAqB;QACrB,IAAI,MAAM,EAAE,CAAC;YACZ,MAAM,MAAM,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;YAC1C,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC;YACtC,cAAc,GAAG,MAAM,CAAC,SAAS,CAAC;YAElC,aAAa;YACb,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG,EAAE,CAAC;gBAC7B,OAAO,CAAC,IAAI,CACX,qBAAqB,MAAM,CAAC,UAAU,OAAO,MAAM,GAAG,CACtD,CAAC;YACH,CAAC;QACF,CAAC;aAAM,CAAC;YACP,mBAAmB;YACnB,gBAAgB,GAAG,WAAY,CAAC;YAChC,cAAc,GAAG,SAAS,CAAC;QAC5B,CAAC;QAED,gBAAgB;QAChB,MAAM,WAAW,GAAG,uBAAuB,CAAC;YAC3C,IAAI,EAAE,gBAAgB;YACtB,SAAS,EAAE,cAAqB;YAChC,QAAQ;YACR,OAAO,EAAE,OAAO,IAAI,EAAE;YACtB,UAAU;SACV,CAAC,CAAC;QAEH,QAAQ;QACR,MAAM,SAAS,GAAG,MAAM,UAAU,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAEzD,OAAO;YACN,OAAO,EAAE;gBACR;oBACC,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,WAAW,gBAAgB,SAAS,cAAc,IAAI,OAAO,4BAA4B,SAAS,8CAA8C,QAAQ,KAAK,gBAAgB,UAAU;iBAC7L;aACD;SACD,CAAC;IACH,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QAChB,MAAM,IAAI,KAAK,CAAC,eAAe,KAAK,EAAE,CAAC,CAAC;IACzC,CAAC;AACF,CAAC"}
+{"version":3,"file":"generateSection.js","sourceRoot":"","sources":["../../src/tools/generateSection.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-dev-mcp",
-  "version": "0.4.0",
+  "version": "0.5.6",
   "description": "MCP server for generating Astro components, sections, and pages from design data and content",
   "type": "module",
   "main": "dist/index.js",
@@ -31,7 +31,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/YoshiokaY/astro-dev-mcp.git"
+    "url": "git+https://github.com/YoshiokaY/astro-dev-mcp.git"
   },
   "bugs": {
     "url": "https://github.com/YoshiokaY/astro-dev-mcp/issues"