@contentrain/astro-kit 0.28.0 → 0.29.0

package/catalog.json

@@ -774,7 +774,7 @@
     {
       "id": "embed",
       "name": "Embed",
-      "description": "A video, map or player from another site (YouTube, Vimeo, Google Maps, OpenStreetMap, Spotify, SoundCloud, Calendly, Typeform, Loom, Wistia), loaded only on click: until then a poster link to the provider's page, with no iframe, no third-party request and no cookie (YouTube through youtube-nocookie.com). Unknown providers are never framed; they stay a plain link.",
+      "description": "A video, map or player from another site (YouTube, Vimeo, Google Maps, OpenStreetMap, Spotify, SoundCloud, Calendly, Typeform, Google Forms, Loom, Wistia), loaded only on click: until then a poster link to the provider's page, with no iframe, no third-party request and no cookie (YouTube through youtube-nocookie.com). Unknown providers are never framed; they stay a plain link.",
       "category": "content",
       "uses": [],
       "shared": [
@@ -805,7 +805,7 @@
       "props": {
         "url": {
           "type": "url",
-          "description": "A video page (youtube.com/watch, youtu.be, /shorts/, vimeo.com/<id>) or a known provider's embed address (google.com/maps/embed, open.spotify.com/embed, w.soundcloud.com/player, calendly.com, *.typeform.com/to, loom.com/embed, fast.wistia.net/embed)."
+          "description": "A video page (youtube.com/watch, youtu.be, /shorts/, vimeo.com/<id>) or a known provider's embed address (google.com/maps/embed, open.spotify.com/embed, w.soundcloud.com/player, calendly.com, *.typeform.com/to, docs.google.com/forms/…/viewform, loom.com/embed, fast.wistia.net/embed)."
         },
         "address": {
           "type": "string",

package/components/embed/Embed.astro

@@ -34,7 +34,7 @@ const embed = tv({
 })
 
 interface Props {
-  /** A video page (YouTube, Vimeo) or a known provider's embed address (Google Maps embed, Spotify, SoundCloud, Calendly, Typeform, Loom, Wistia). */
+  /** A video page (YouTube, Vimeo) or a known provider's embed address (Google Maps embed, Spotify, SoundCloud, Calendly, Typeform, Google Forms, Loom, Wistia). */
   url?: string | undefined
   /** A place or address to show on a Google map, when there is no `url`. */
   address?: string | undefined

package/components/embed/embed.ts

@@ -3,7 +3,7 @@
 // Only known providers get an iframe; anything else stays a link, so a page
 // can never frame an arbitrary address that came in with the content.
 
-export type EmbedProvider = 'youtube' | 'vimeo' | 'google-maps' | 'openstreetmap' | 'spotify' | 'soundcloud' | 'calendly' | 'typeform' | 'loom' | 'wistia'
+export type EmbedProvider = 'youtube' | 'vimeo' | 'google-maps' | 'openstreetmap' | 'spotify' | 'soundcloud' | 'calendly' | 'typeform' | 'google-forms' | 'loom' | 'wistia'
 
 export interface EmbedTarget {
   provider: EmbedProvider
@@ -76,12 +76,15 @@ const GOOGLE = new Set(['www.google.com', 'google.com'])
 /** Framed as given: the host is known to serve an embeddable page at that address. */
 const FRAMED: Array<[EmbedProvider, EmbedTarget['kind'], (url: URL) => boolean]> = [
   // Exact hosts only: a pattern over Google's country domains also admits look-alikes (`google.com.evil.example`).
-  ['google-maps', 'map', u => (GOOGLE.has(u.hostname) && u.pathname.startsWith('/maps/embed')) || (u.hostname === 'maps.google.com' && u.searchParams.get('output') === 'embed')],
+  // A hand-pasted "embed a map" iframe is `google.com/maps?q=…&output=embed` as much as `/maps/embed?pb=…` (what `mapTarget` writes too).
+  ['google-maps', 'map', u => (GOOGLE.has(u.hostname) && (u.pathname.startsWith('/maps/embed') || (u.pathname === '/maps' && u.searchParams.get('output') === 'embed'))) || (u.hostname === 'maps.google.com' && u.searchParams.get('output') === 'embed')],
   ['openstreetmap', 'map', u => u.hostname === 'www.openstreetmap.org' && u.pathname === '/export/embed.html'],
   ['spotify', 'audio', u => u.hostname === 'open.spotify.com' && u.pathname.startsWith('/embed/')],
   ['soundcloud', 'audio', u => u.hostname === 'w.soundcloud.com' && u.pathname.startsWith('/player')],
   ['calendly', 'widget', u => u.hostname === 'calendly.com'],
   ['typeform', 'widget', u => /^[\w-]+\.typeform\.com$/.test(u.hostname) && u.pathname.startsWith('/to/')],
+  // A Google Form's own embed address (`/forms/d/e/<id>/viewform?embedded=true`): the form, not the rest of Google Docs.
+  ['google-forms', 'widget', u => u.hostname === 'docs.google.com' && /^\/forms\/d\/(?:e\/)?[\w-]+\/viewform$/.test(u.pathname)],
   ['loom', 'video', u => /^(?:www\.)?loom\.com$/.test(u.hostname) && u.pathname.startsWith('/embed/')],
   ['wistia', 'video', u => u.hostname === 'fast.wistia.net' && u.pathname.startsWith('/embed/')],
 ]

package/components/embed/meta.json

@@ -1,7 +1,7 @@
 {
   "id": "embed",
   "name": "Embed",
-  "description": "A video, map or player from another site (YouTube, Vimeo, Google Maps, OpenStreetMap, Spotify, SoundCloud, Calendly, Typeform, Loom, Wistia), loaded only on click: until then a poster link to the provider's page, with no iframe, no third-party request and no cookie (YouTube through youtube-nocookie.com). Unknown providers are never framed; they stay a plain link.",
+  "description": "A video, map or player from another site (YouTube, Vimeo, Google Maps, OpenStreetMap, Spotify, SoundCloud, Calendly, Typeform, Google Forms, Loom, Wistia), loaded only on click: until then a poster link to the provider's page, with no iframe, no third-party request and no cookie (YouTube through youtube-nocookie.com). Unknown providers are never framed; they stay a plain link.",
   "category": "content",
   "uses": [],
   "shared": ["KitImage.astro", "types.ts"],
@@ -10,7 +10,7 @@
     "width": { "options": ["prose", "page"], "default": "prose", "description": "prose: as wide as the reading column. page: the full page frame." }
   },
   "props": {
-    "url": { "type": "url", "description": "A video page (youtube.com/watch, youtu.be, /shorts/, vimeo.com/<id>) or a known provider's embed address (google.com/maps/embed, open.spotify.com/embed, w.soundcloud.com/player, calendly.com, *.typeform.com/to, loom.com/embed, fast.wistia.net/embed)." },
+    "url": { "type": "url", "description": "A video page (youtube.com/watch, youtu.be, /shorts/, vimeo.com/<id>) or a known provider's embed address (google.com/maps/embed, open.spotify.com/embed, w.soundcloud.com/player, calendly.com, *.typeform.com/to, docs.google.com/forms/…/viewform, loom.com/embed, fast.wistia.net/embed)." },
     "address": { "type": "string", "description": "A place or address shown on a Google map when there is no url (Elementor google_maps address, Divi map address)." },
     "title": { "type": "string", "description": "What it is: the player's accessible name and the poster's text." },
     "caption": { "type": "string", "description": "A line under the embed." },

package/mapping/classic.json

@@ -1,7 +1,7 @@
 {
   "format": "astro-kit-mapping@1",
   "builder": "classic",
-  "version": "5",
+  "version": "6",
   "fallback": "prose",
   "rules": [
     {
@@ -292,6 +292,15 @@
         "showLabel": "ui:embed.show"
       }
     },
+    {
+      "match": "classic/provider-embed",
+      "component": "embed",
+      "props": {
+        "url": "dom:iframe@src",
+        "playLabel": "ui:embed.play",
+        "showLabel": "ui:embed.show"
+      }
+    },
     {
       "match": "classic/mailchimp",
       "component": "newsletter",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentrain/astro-kit",
-  "version": "0.28.0",
+  "version": "0.29.0",
   "license": "MIT",
   "description": "Copy-in Astro components for Contentrain sites (shadcn model): typed props, tailwind-variants, zero JavaScript by default — with a machine-readable catalog",
   "type": "module",
@@ -42,7 +42,7 @@
     "mapping"
   ],
   "dependencies": {
-    "@contentrain/types": "1.53.0"
+    "@contentrain/types": "1.54.0"
   },
   "devDependencies": {
     "@types/node": "^22.10.0",