multisite-cms-mcp 1.2.3 → 1.2.4

package/dist/index.js

@@ -127,6 +127,7 @@ const TOOLS = [
                         'featured_posts',
                         'parent_context',
                         'equality_comparison',
+                        'youtube_embed',
                     ],
                     description: 'The type of example to retrieve',
                 },

package/dist/tools/get-example.d.ts

@@ -1,4 +1,4 @@
-type ExampleType = 'manifest_basic' | 'manifest_custom_paths' | 'manifest_minimal_with_ui' | 'blog_index_template' | 'blog_post_template' | 'team_template' | 'downloads_template' | 'authors_template' | 'author_detail_template' | 'custom_collection_template' | 'form_handling' | 'asset_paths' | 'image_handling' | 'relation_fields' | 'data_edit_keys' | 'each_loop' | 'conditional_if' | 'nested_fields' | 'featured_posts' | 'parent_context' | 'equality_comparison';
+type ExampleType = 'manifest_basic' | 'manifest_custom_paths' | 'manifest_minimal_with_ui' | 'blog_index_template' | 'blog_post_template' | 'team_template' | 'downloads_template' | 'authors_template' | 'author_detail_template' | 'custom_collection_template' | 'form_handling' | 'asset_paths' | 'image_handling' | 'relation_fields' | 'data_edit_keys' | 'each_loop' | 'conditional_if' | 'nested_fields' | 'featured_posts' | 'parent_context' | 'equality_comparison' | 'youtube_embed';
 /**
  * Returns example code for a specific pattern
  */

package/dist/tools/get-example.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-example.d.ts","sourceRoot":"","sources":["../../src/tools/get-example.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GACZ,gBAAgB,GAChB,uBAAuB,GACvB,0BAA0B,GAC1B,qBAAqB,GACrB,oBAAoB,GACpB,eAAe,GACf,oBAAoB,GACpB,kBAAkB,GAClB,wBAAwB,GACxB,4BAA4B,GAC5B,eAAe,GACf,aAAa,GACb,gBAAgB,GAChB,iBAAiB,GACjB,gBAAgB,GAChB,WAAW,GACX,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,qBAAqB,CAAC;AA0pC1B;;GAEG;AACH,wBAAsB,UAAU,CAAC,WAAW,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAE1E"}
+{"version":3,"file":"get-example.d.ts","sourceRoot":"","sources":["../../src/tools/get-example.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GACZ,gBAAgB,GAChB,uBAAuB,GACvB,0BAA0B,GAC1B,qBAAqB,GACrB,oBAAoB,GACpB,eAAe,GACf,oBAAoB,GACpB,kBAAkB,GAClB,wBAAwB,GACxB,4BAA4B,GAC5B,eAAe,GACf,aAAa,GACb,gBAAgB,GAChB,iBAAiB,GACjB,gBAAgB,GAChB,WAAW,GACX,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,qBAAqB,GACrB,eAAe,CAAC;AAsvCpB;;GAEG;AACH,wBAAsB,UAAU,CAAC,WAAW,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAE1E"}

package/dist/tools/get-example.js

@@ -1155,6 +1155,97 @@ The most common pattern for "Related Posts" or "Other Items" sections:
 - Filter by current author/category - use \`{{#if (eq author.slug ../slug)}}\`
 - Highlight active items - use \`{{#if (eq ...)}}\`
 - Show badges for specific statuses - use \`{{#eq status "value"}}\``,
+    youtube_embed: `# YouTube Video Embeds
+
+**IMPORTANT:** YouTube iframes require specific attributes to work correctly. Missing attributes will cause Error 150/153 "Video player configuration error".
+
+## Correct YouTube Embed Format
+
+\`\`\`html
+<iframe 
+  src="{{videoUrl}}" 
+  title="{{name}}"
+  frameborder="0"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+  referrerpolicy="strict-origin-when-cross-origin"
+  allowfullscreen
+></iframe>
+\`\`\`
+
+## Required Attributes
+
+| Attribute | Required | Why |
+|-----------|----------|-----|
+| \`referrerpolicy="strict-origin-when-cross-origin"\` | **YES** | YouTube blocks embeds without this |
+| \`allowfullscreen\` | Recommended | Enables fullscreen button |
+| \`allow="..."\` | Recommended | Enables player features |
+| \`frameborder="0"\` | Recommended | Removes border |
+| \`title="..."\` | Recommended | Accessibility for screen readers |
+
+## Common Mistake (Causes Error 153)
+
+\`\`\`html
+<!-- ❌ WRONG - Missing referrerpolicy -->
+<iframe src="{{videoUrl}}" allowfullscreen></iframe>
+
+<!-- ✅ CORRECT - All required attributes -->
+<iframe 
+  src="{{videoUrl}}" 
+  referrerpolicy="strict-origin-when-cross-origin"
+  allowfullscreen
+></iframe>
+\`\`\`
+
+## Video URL Format
+
+Store YouTube URLs in embed format:
+\`\`\`
+https://www.youtube.com/embed/VIDEO_ID
+\`\`\`
+
+**NOT** watch format:
+\`\`\`
+https://www.youtube.com/watch?v=VIDEO_ID  ❌
+\`\`\`
+
+## Full Example with Conditional
+
+\`\`\`html
+<div class="video-container">
+  {{#if videoUrl}}
+    <iframe 
+      src="{{videoUrl}}" 
+      title="{{name}}"
+      frameborder="0"
+      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+      referrerpolicy="strict-origin-when-cross-origin"
+      allowfullscreen
+    ></iframe>
+  {{else}}
+    <div class="video-placeholder">
+      <p>Video coming soon</p>
+    </div>
+  {{/if}}
+</div>
+\`\`\`
+
+## Responsive Video CSS
+
+\`\`\`css
+.video-container {
+  position: relative;
+  width: 100%;
+  padding-bottom: 56.25%; /* 16:9 aspect ratio */
+}
+
+.video-container iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+\`\`\``,
 };
 /**
  * Returns example code for a specific pattern

package/dist/tools/validate-template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validate-template.d.ts","sourceRoot":"","sources":["../../src/tools/validate-template.ts"],"names":[],"mappings":"AAMA,KAAK,YAAY,GAAG,YAAY,GAAG,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,eAAe,GAAG,eAAe,GAAG,cAAc,GAAG,eAAe,GAAG,aAAa,CAAC;AA6O7J;;;;;;;GAOG;AACH,wBAAsB,gBAAgB,CACpC,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,YAAY,EAC1B,cAAc,CAAC,EAAE,MAAM,EACvB,SAAS,CAAC,EAAE,MAAM,GACjB,OAAO,CAAC,MAAM,CAAC,CA4ZjB"}
+{"version":3,"file":"validate-template.d.ts","sourceRoot":"","sources":["../../src/tools/validate-template.ts"],"names":[],"mappings":"AAMA,KAAK,YAAY,GAAG,YAAY,GAAG,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,eAAe,GAAG,eAAe,GAAG,cAAc,GAAG,eAAe,GAAG,aAAa,CAAC;AA6O7J;;;;;;;GAOG;AACH,wBAAsB,gBAAgB,CACpC,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,YAAY,EAC1B,cAAc,CAAC,EAAE,MAAM,EACvB,SAAS,CAAC,EAAE,MAAM,GACjB,OAAO,CAAC,MAAM,CAAC,CAubjB"}

package/dist/tools/validate-template.js

@@ -302,6 +302,28 @@ async function validateTemplate(html, templateType, collectionSlug, projectId) {
     if (wrongAssetPaths.length > 5) {
         warnings.push(`- ...and ${wrongAssetPaths.length - 5} more asset paths that may need /public/ prefix`);
     }
+    // Check YouTube iframes for required attributes
+    // Match all iframes - we'll check if they're video embeds
+    const allIframes = html.match(/<iframe[^>]*>/gi) || [];
+    for (const iframe of allIframes) {
+        // Check if it's likely a video embed (YouTube URL or template token in src)
+        const isYouTubeEmbed = /youtube\.com|youtu\.be/i.test(iframe);
+        const hasTemplateSrc = /src=["'][^"']*\{\{[^}]+\}\}[^"']*["']/i.test(iframe);
+        if (isYouTubeEmbed || hasTemplateSrc) {
+            // Check for referrerpolicy
+            if (!/referrerpolicy/i.test(iframe)) {
+                errors.push(`- YouTube iframe missing referrerpolicy attribute. Add: referrerpolicy="strict-origin-when-cross-origin" (without this, YouTube will show Error 153)`);
+            }
+            // Check for allowfullscreen
+            if (!/allowfullscreen/i.test(iframe)) {
+                warnings.push(`- iframe missing allowfullscreen attribute - fullscreen button won't work`);
+            }
+            // Check for title (accessibility)
+            if (!/title=/i.test(iframe)) {
+                suggestions.push(`- Consider adding a title attribute to iframe for accessibility`);
+            }
+        }
+    }
     // Validate site tokens
     const siteTokens = html.match(/\{\{site\.(\w+)\}\}/g) || [];
     for (const token of siteTokens) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "multisite-cms-mcp",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "MCP server for Fast Mode CMS. Convert websites, validate packages, and deploy directly to Fast Mode. Includes authentication, project creation, schema sync, and one-click deployment.",
   "main": "dist/index.js",
   "bin": {