Merge branch 'main' into fix/responsive-guide-html-highlighting

Author: eportis-cloudinary

.all-contributorsrc

@@ -103,6 +103,33 @@
       "contributions": [
         "doc"
       ]
+    },
+    {
+      "login": "vijay-x-Raj",
+      "name": "Vijay Raj",
+      "avatar_url": "https://avatars.githubusercontent.com/u/177956497?v=4",
+      "profile": "https://github.com/vijay-x-Raj",
+      "contributions": [
+        "doc"
+      ]
+    },
+    {
+      "login": "lemeurherve",
+      "name": "Hervé Le Meur",
+      "avatar_url": "https://avatars.githubusercontent.com/u/91831478?v=4",
+      "profile": "https://github.com/lemeurherve",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "mohith2883",
+      "name": "mohith2883",
+      "avatar_url": "https://avatars.githubusercontent.com/u/88938356?v=4",
+      "profile": "https://github.com/mohith2883",
+      "contributions": [
+        "doc"
+      ]
     }
   ]
 }

CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.3.5](https://github.com/cloudinary-community/astro-cloudinary/compare/v1.3.4...v1.3.5) (2025-10-02)
+
+
+### Bug Fixes
+
+* **docs:** enable HTML syntax highlighting in Responsive Images guide ([#119](https://github.com/cloudinary-community/astro-cloudinary/issues/119)) ([2f3138e](https://github.com/cloudinary-community/astro-cloudinary/commit/2f3138ed6cb5f60ed3947362cf31f15635d89ff5))
+
 ## [1.3.4](https://github.com/cloudinary-community/astro-cloudinary/compare/v1.3.3...v1.3.4) (2025-07-11)
 
 

README.md

@@ -182,6 +182,9 @@ The project will now be available at <http://localhost:4321> or the configured l
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/smv1256"><img src="https://avatars.githubusercontent.com/u/117322465?v=4?s=100" width="100px;" alt="S. M. V."/><br /><sub><b>S. M. V.</b></sub></a><br /><a href="https://github.com/cloudinary-community/astro-cloudinary/commits?author=smv1256" title="Documentation">📖</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://michaeluloth.com"><img src="https://avatars.githubusercontent.com/u/625364?v=4?s=100" width="100px;" alt="Michael Uloth"/><br /><sub><b>Michael Uloth</b></sub></a><br /><a href="https://github.com/cloudinary-community/astro-cloudinary/commits?author=ooloth" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/justinphilpott"><img src="https://avatars.githubusercontent.com/u/8027086?v=4?s=100" width="100px;" alt="Justin Philpott"/><br /><sub><b>Justin Philpott</b></sub></a><br /><a href="https://github.com/cloudinary-community/astro-cloudinary/commits?author=justinphilpott" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/vijay-x-Raj"><img src="https://avatars.githubusercontent.com/u/177956497?v=4?s=100" width="100px;" alt="Vijay Raj"/><br /><sub><b>Vijay Raj</b></sub></a><br /><a href="https://github.com/cloudinary-community/astro-cloudinary/commits?author=vijay-x-Raj" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lemeurherve"><img src="https://avatars.githubusercontent.com/u/91831478?v=4?s=100" width="100px;" alt="Hervé Le Meur"/><br /><sub><b>Hervé Le Meur</b></sub></a><br /><a href="https://github.com/cloudinary-community/astro-cloudinary/commits?author=lemeurherve" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mohith2883"><img src="https://avatars.githubusercontent.com/u/88938356?v=4?s=100" width="100px;" alt="mohith2883"/><br /><sub><b>mohith2883</b></sub></a><br /><a href="https://github.com/cloudinary-community/astro-cloudinary/commits?author=mohith2883" title="Documentation">📖</a></td>
     </tr>
   </tbody>
 </table>

astro-cloudinary/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-cloudinary",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "type": "module",
   "license": "MIT",
   "module": "./index.ts",

docs/src/content/docs/cldimage/configuration.mdx

@@ -130,7 +130,7 @@ right inside of Astro.
       more: () => (<a className="whitespace-nowrap" href="https://cloudinary.com/documentation/transformation_reference#e_enhance">More Info</a>)
     },
     {
-      prop: 'fillBackground (Beta)',
+      prop: 'fillBackground',
       type: 'boolean | object',
       default: '-',
       example: () => (<code>{`{{ gravity: 'east' }}`}</code>),
@@ -363,9 +363,7 @@ enhance
 
 #### `fillBackground`
 
-:::tip
-Generative Fill is currently in beta.
-:::
+
 
 Automatically fills the padded area using generative AI to extend the image seamlessly.
 
@@ -460,9 +458,7 @@ loop
 
 #### `recolor`
 
-:::tip
-Generative Recolor is currently in beta.
-:::
+
 
 Uses generative AI to recolor parts of your image, maintaining the relative shading.
 
@@ -529,9 +525,7 @@ recolor={{
 
 #### `remove`
 
-:::tip
-Generative Remove is currently in beta.
-:::
+
 
 Uses generative AI to remove unwanted parts of your image, replacing the area with realistic pixels.
 
@@ -653,9 +647,7 @@ removeBackground
 
 #### `replace`
 
-:::tip
-Generative Replace is currently in beta.
-:::
+
 
 Uses generative AI to replace parts of your image with something else. 
 
@@ -722,9 +714,7 @@ replace={{
 
 #### `replaceBackground`
 
-:::tip
-Generative Replace Background is currently in beta.
-:::
+
 
 Uses generative AI to replace the background of your image.
 
@@ -793,9 +783,7 @@ replaceBackground={{
 
 #### `restore`
 
-:::tip
-Generative Restore is currently in beta.
-:::
+
 
 Uses generative AI to restore details in poor quality images or images that may have become degraded through repeated processing and compression.
 

docs/src/content/docs/cldimage/examples.mdx

@@ -287,9 +287,6 @@ import { CldImage } from 'astro-cloudinary';
 ```
 </CodeBlock>
 
-:::tip
-The generative fill transformation is currently in Beta. <a href="https://cloudinary.com/documentation/transformation_reference#b_gen_fill">Learn more</a>.
-:::
 
 ### Generative Recolor
 
@@ -332,9 +329,7 @@ import { CldImage } from 'astro-cloudinary';
 ```
 </CodeBlock>
 
-:::tip
-The generative recolor transformation is currently in Beta. <a href="https://cloudinary.com/documentation/transformation_reference#e_gen_replace">Learn more</a>.
-:::
+
 
 ### Generative Remove
 
@@ -384,9 +379,7 @@ import { CldImage } from 'astro-cloudinary';
 ```
 </CodeBlock>
 
-:::tip
-The generative remove transformation is currently in Beta. <a href="https://cloudinary.com/documentation/transformation_reference#e_gen_replace">Learn more</a>.
-:::
+
 
 ### Generative Replace
 
@@ -430,9 +423,7 @@ import { CldImage } from 'astro-cloudinary';
 ```
 </CodeBlock>
 
-:::tip
-The generative replace transformation is currently in Beta. <a href="https://cloudinary.com/documentation/transformation_reference#e_gen_replace">Learn more</a>.
-:::
+
 
 ### Generative Replace Background
 
@@ -475,9 +466,7 @@ import { CldImage } from 'astro-cloudinary';
 ```
 </CodeBlock>
 
-:::tip
-The generative replace background transformation is currently in Beta. <a href="https://cloudinary.com/documentation/transformation_reference#e_gen_background_replace">Learn more</a>.
-:::
+
 
 ## Filters & Effects
 

docs/src/content/docs/getcldimageurl/configuration.mdx

@@ -109,7 +109,7 @@ right inside of Astro.
       more: () => (<a className="whitespace-nowrap" href="https://cloudinary.com/documentation/transformation_reference#e_enhance">More Info</a>)
     },
     {
-      prop: 'fillBackground (Beta)',
+      prop: 'fillBackground ',
       type: 'boolean | object',
       default: '-',
       example: () => (<code>{`{{ gravity: 'east' }}`}</code>),
@@ -321,9 +321,6 @@ crop: {
 
 #### `enhance`
 
-:::tip
-Generative Enhance is currently in beta.
-:::
 
 Uses generative AI to enhance the visual appeal of an image.
 
@@ -439,9 +436,6 @@ loop: true
 
 #### `recolor`
 
-:::tip
-Generative Recolor is currently in beta.
-:::
 
 Uses generative AI to recolor parts of your image, maintaining the relative shading.
 
@@ -701,9 +695,7 @@ replace: {
 
 #### `replaceBackground`
 
-:::tip
-Generative Replace Background is currently in beta.
-:::
+
 
 Uses generative AI to replace the background of your image.
 

docs/src/content/docs/getcldimageurl/examples.mdx

@@ -290,9 +290,7 @@ const url = getCldImageUrl({
 ```
 </CodeBlock>
 
-:::tip
-The generative fill transformation is currently in Beta. <a href="https://cloudinary.com/documentation/transformation_reference#b_gen_fill">Learn more</a>.
-:::
+
 
 ### Generative Recolor
 
@@ -334,9 +332,7 @@ const url = getCldImageUrl({
 ```
 </CodeBlock>
 
-:::tip
-The generative recolor transformation is currently in Beta. <a href="https://cloudinary.com/documentation/transformation_reference#e_gen_replace">Learn more</a>.
-:::
+
 
 ### Generative Remove
 
@@ -387,9 +383,7 @@ const url = getCldImageUrl({
 ```
 </CodeBlock>
 
-:::tip
-The generative remove transformation is currently in Beta. <a href="https://cloudinary.com/documentation/transformation_reference#e_gen_replace">Learn more</a>.
-:::
+
 
 ### Generative Replace
 
@@ -436,9 +430,7 @@ const url = getCldImageUrl({
 ```
 </CodeBlock>
 
-:::tip
-The generative replace transformation is currently in Beta. <a href="https://cloudinary.com/documentation/transformation_reference#e_gen_replace">Learn more</a>.
-:::
+
 
 ### Generative Replace Background
 
@@ -481,9 +473,7 @@ const url = getCldImageUrl({
 ```
 </CodeBlock>
 
-:::tip
-The generative replace background transformation is currently in Beta. <a href="https://cloudinary.com/documentation/transformation_reference#e_gen_background_replace">Learn more</a>.
-:::
+
 
 ## Filters & Effects
 

docs/src/content/docs/guides/background-removal.mdx

@@ -162,9 +162,6 @@ Use `underlay: "<Your Public ID>"` to specify an image to use as a background.
 
 Use `replaceBackground="<prompt>"` for an AI-generated prompt-based background.
 
-:::note
-The generative replace background transformation is currently in Beta. [Learn more](https://cloudinary.com/documentation/transformation_reference#e_gen_background_replace).
-:::
 
 <HeaderImage layout="grid">
   <CldImage

docs/src/content/docs/guides/responsive-images.mdx

@@ -46,7 +46,7 @@ application, such as:
           33vw"
     alt="<Description>"
   />
-  ```
+```
 </CodeBlock>
 
 This would give you roughly full width images on mobile, a 2-column layout on
@@ -57,6 +57,7 @@ tablets, and 3-column layout on desktop views.
 The difference with the CldImage component is that it utilizes Cloudinary tech
 in order to provide the responsive sizing.
 
+
 In the example above, the output would look like:
 
 ```html
@@ -124,7 +125,7 @@ In an example such as:
     sizes="100vw"
     alt="Description"
   />
-  ```
+```
 </CodeBlock>
 
 Each image will be cropped to a 1:1 ratio represented by the width and height provided.