@bettercms-ai/astro 0.3.0 → 0.4.0

package/components/BcmsBlocks.astro

@@ -34,15 +34,20 @@ const anyProps = (b: ContentBlock) => (b as { props?: Record<string, any> }).pro
       }
       case "text":
         return <div class="bcms-text" data-bcms-field={`${block.id}__html`} data-bcms-kind="richtext" set:html={p.html ?? ""} />;
-      case "image":
+      case "image": {
+        // Matches the Next adapter: the image block is click-to-select on the Visual Editor
+        // canvas like heading/text/button, rather than dock-only. `kind="image"` means select
+        // + live src reflection, never contentEditable.
+        const bind = { "data-bcms-field": `${block.id}__src`, "data-bcms-kind": "image" };
         return p.caption ? (
           <figure>
-            <BcmsImage src={p.src} alt={p.alt ?? ""} width={p.width} height={p.height} />
+            <BcmsImage src={p.src} alt={p.alt ?? ""} width={p.width} height={p.height} {...bind} />
             <figcaption>{p.caption}</figcaption>
           </figure>
         ) : (
-          <BcmsImage src={p.src} alt={p.alt ?? ""} width={p.width} height={p.height} />
+          <BcmsImage src={p.src} alt={p.alt ?? ""} width={p.width} height={p.height} {...bind} />
         );
+      }
       case "button":
         return (
           <a class={`bcms-btn bcms-btn-${p.variant === "secondary" ? "secondary" : "primary"}`} href={p.href ?? "#"} data-bcms-field={`${block.id}__text`}>

package/components/BcmsImage.astro

@@ -21,6 +21,8 @@ interface Props {
   sizes?: string;
   loading?: "lazy" | "eager";
   class?: string;
+  /** Any other attribute (e.g. `data-bcms-field`) is forwarded to the <img>. */
+  [attr: string]: unknown;
 }
 
 const {
@@ -34,6 +36,7 @@ const {
   sizes,
   loading = "lazy",
   class: className,
+  ...rest
 } = Astro.props;
 
 const builder = imageUrlBuilder({ baseUrl: config.mediaUrl });
@@ -60,4 +63,5 @@ const src2x = make().dpr(2).url();
   sizes={sizes}
   loading={loading}
   class={className}
+  {...rest}
 />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bettercms-ai/astro",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
   "description": "The BetterCMS adapter for Astro — a `bettercms()` integration, a `bettercms:client` virtual module, typed content loaders, draft preview, and native .astro rendering components.",
   "main": "./dist/index.js",