feat: add edgeonePages image provider

Author: wenyiqing

docs/content/3.providers/tencent-cloud.md docs/content/3.providers/edgeone-pages.mddocs/content/3.providers/tencent-cloud.md renamed to docs/content/3.providers/edgeone-pages.md

@@ -1,38 +1,38 @@
 ---
-title: Tencent Cloud
-description: Use Tencent Cloud COS imageMogr2 for image processing.
+title: EdgeOne Pages
+description: Use EdgeOne Pages imageMogr2 for image processing.
 links:
   - label: Source
     icon: i-simple-icons-github
-    to: https://github.com/nuxt/image/blob/main/src/runtime/providers/tencentCloud.ts
+    to: https://github.com/nuxt/image/blob/main/src/runtime/providers/edgeonePages.ts
     size: xs
 ---
 
-Integration with Tencent Cloud COS Cloud Infinite (CI) image processing (`imageMogr2`). Supports resizing, cropping, rotation, format conversion, quality control, Gaussian blur, sharpening, and more.
+Integration with EdgeOne Pages image processing (`imageMogr2`). Supports resizing, cropping, rotation, format conversion, quality control, Gaussian blur, sharpening, and more.
 
 ## Setup
 
-Set the bucket domain as `baseURL` in `nuxt.config.ts`:
+Set the site domain as `baseURL` in `nuxt.config.ts`:
 
 ```ts [nuxt.config.ts]
 export default defineNuxtConfig({
   image: {
-    tencentCloud: {
-      baseURL: 'https://<bucket>.cos.<region>.myqcloud.com'
+    edgeonePages: {
+      baseURL: 'https://<your-site>.edgeone.app'
     }
   }
 })
 ```
 
 ::note
-`baseURL` should point to a publicly accessible COS bucket domain (or a bound CDN domain). No trailing slash is needed.
+`baseURL` should point to a publicly accessible EdgeOne Pages domain. No trailing slash is needed.
 ::
 
 ## Basic Usage
 
 ```vue
 <NuxtImg
-  provider="tencentCloud"
+  provider="edgeonePages"
   src="/path/to/image.png"
   width="600"
   height="400"
@@ -43,9 +43,9 @@ export default defineNuxtConfig({
 
 ## Standard Modifiers
 
-All 7 standard NuxtImg modifiers are mapped to COS imageMogr2:
+All 7 standard NuxtImg modifiers are mapped to imageMogr2:
 
-| Modifier | COS Mapping | Description |
+| Modifier | Mapping | Description |
 |---|---|---|
 | `width` / `height` | `/thumbnail/<W>x<H>` | Proportional scaling, affected by `fit` |
 | `fit` | thumbnail suffix | `contain` → `<W>x<H>`, `cover` → `!<W>x<H>r`, `fill` → `<W>x<H>!` |
@@ -54,11 +54,11 @@ All 7 standard NuxtImg modifiers are mapped to COS imageMogr2:
 | `background` | `/pad/1/color/<base64>` | Used with scaling, fills background color |
 | `blur` | `/blur/<n>x<n>` | Gaussian blur |
 
-## COS Extended Modifiers
+## Extended Modifiers
 
-Pass Tencent Cloud-specific image processing parameters via the `:modifiers` prop:
+Pass EdgeOne Pages-specific image processing parameters via the `:modifiers` prop:
 
-| Modifier | COS Mapping | Description |
+| Modifier | Mapping | Description |
 |---|---|---|
 | `crop` | `/crop/<W>x<H>` | Regular crop (independent of scaling) |
 | `gravity` | `/gravity/<pos>` | Crop anchor: center, north, south, west, east, northwest, etc. |
@@ -78,7 +78,7 @@ Pass Tencent Cloud-specific image processing parameters via the `:modifiers` pro
 
 ```vue
 <NuxtImg
-  provider="tencentCloud"
+  provider="edgeonePages"
   src="/photos/banner.png"
   width="1200"
   height="500"
@@ -93,7 +93,7 @@ Generated URL: `?imageMogr2/thumbnail/!1200x500r/quality/85/format/webp`
 
 ```vue
 <NuxtImg
-  provider="tencentCloud"
+  provider="edgeonePages"
   src="/photos/portrait.jpg"
   :modifiers="{ crop: '300x300', gravity: 'center' }"
 />
@@ -105,7 +105,7 @@ Generated URL: `?imageMogr2/crop/300x300/gravity/center`
 
 ```vue
 <NuxtImg
-  provider="tencentCloud"
+  provider="edgeonePages"
   src="/photos/landscape.jpg"
   :modifiers="{ rotate: 90, sharpen: 70, strip: true }"
 />
@@ -117,7 +117,7 @@ Generated URL: `?imageMogr2/rotate/90/sharpen/70/strip`
 
 ```vue
 <NuxtImg
-  provider="tencentCloud"
+  provider="edgeonePages"
   src="/photos/hero.jpg"
   width="100"
   :modifiers="{ blur: 20, quality: 10 }"
@@ -130,7 +130,7 @@ Generated URL: `?imageMogr2/thumbnail/100x/quality/10/blur/20x20`
 
 ```vue
 <NuxtImg
-  provider="tencentCloud"
+  provider="edgeonePages"
   src="/photos/group.jpg"
   :modifiers="{ scrop: '200x200' }"
 />
@@ -140,10 +140,4 @@ Generated URL: `?imageMogr2/scrop/200x200`
 
 ## References
 
-- [COS imageMogr2 Scaling](https://cloud.tencent.com/document/product/436/44880)
-- [COS imageMogr2 Cropping](https://cloud.tencent.com/document/product/436/44881)
-- [COS imageMogr2 Rotation](https://cloud.tencent.com/document/product/436/44882)
-- [COS imageMogr2 Format Conversion](https://cloud.tencent.com/document/product/436/44883)
-- [COS imageMogr2 Quality](https://cloud.tencent.com/document/product/436/44884)
-- [COS imageMogr2 Gaussian Blur](https://cloud.tencent.com/document/product/436/44885)
-- [COS imageMogr2 Sharpen](https://cloud.tencent.com/document/product/436/44886)
+- [EdgeOne Pages Image Processing](https://edgeone.ai/document/162498)

playground/app/pages/tencent-cloud.vue playground/app/pages/edgeone-pages.vueplayground/app/pages/tencent-cloud.vue renamed to playground/app/pages/edgeone-pages.vue

@@ -3,11 +3,11 @@
     <header class="hero">
       <div>
         <p class="eyebrow">
-          Tencent Cloud · COS
+          EdgeOne Pages
         </p>
         <h1>Image Processing Playground</h1>
         <p class="lead">
-          Enter your COS bucket domain and object path to compare the original image with the optimized result from the Nuxt Image tencentCloud provider.
+          Enter your EdgeOne Pages domain and image path to compare the original image with the optimized result from the Nuxt Image edgeonePages provider.
         </p>
       </div>
     </header>
@@ -16,10 +16,10 @@
       <div class="card">
         <h2>Parameters</h2>
         <div class="field">
-          <label>Bucket Domain (baseURL)</label>
+          <label>Site Domain (baseURL)</label>
           <input
             v-model="baseURL"
-            placeholder="https://<bucket>.cos.<region>.myqcloud.com"
+            placeholder="https://<your-site>.edgeone.app"
           >
         </div>
         <div class="field">
@@ -167,7 +167,7 @@
         <NuxtImg
           v-if="baseURL && src"
           :key="refreshKey + '-optimized'"
-          provider="tencentCloud"
+          provider="edgeonePages"
           :src="src"
           :width="width || undefined"
           :height="height || undefined"
@@ -213,8 +213,8 @@ import { useRuntimeConfig } from '#imports'
 
 const runtimeConfig = useRuntimeConfig()
 
-const baseURL = ref('https://saas-starter.edgeone.app')
-const src = ref('/images/cases/case3.png')
+const baseURL = ref('https://nuxt-mix-template.edgeone.site')
+const src = ref('/ssg-img.png')
 const width = ref<number | null>(800)
 const height = ref<number | null>(500)
 const fit = ref<'cover' | 'contain' | 'fill' | ''>('contain')
@@ -233,7 +233,7 @@ watchEffect(() => {
   cfg.public = cfg.public || {}
   cfg.public.image = cfg.public.image || {}
   cfg.public.image.providers = cfg.public.image.providers || {}
-  cfg.public.image.providers.tencentCloud = {
+  cfg.public.image.providers.edgeonePages = {
     baseURL: baseURL.value,
   }
 })

playground/app/providers.ts

@@ -1116,42 +1116,42 @@ export const providers: Provider[] = [
       },
     ],
   },
-  // Tencent Cloud
+  // EdgeOne Pages
   {
-    name: 'tencentCloud',
+    name: 'edgeonePages',
     samples: [
       {
-        src: '/images/cases/case3.png',
+        src: '/ssg-img.png',
         width: 400,
         height: 300,
         fit: 'contain',
       },
       {
-        src: '/images/cases/case2.png',
+        src: '/ssg-img.png',
         width: 400,
         height: 300,
         fit: 'cover',
       },
       {
-        src: '/images/cases/case4.png',
+        src: '/ssg-img.png',
         width: 400,
         height: 300,
         fit: 'fill',
       },
       {
-        src: '/images/cases/case3.png',
+        src: '/ssg-img.png',
         width: 300,
         quality: 80,
         format: 'webp',
       },
       {
-        src: '/images/cases/case2.png',
+        src: '/ssg-img.png',
         modifiers: {
           rotate: 90,
         },
       },
       {
-        src: '/images/cases/case4.png',
+        src: '/ssg-img.png',
         modifiers: {
           blur: 15,
           quality: 50,

playground/nuxt.config.ts

@@ -111,8 +111,8 @@ export default defineNuxtConfig({
     supabase: {
       baseURL: 'https://ovzjdhllnxrizgszqlsi.supabase.co/storage/v1/render/image/public/nuxt',
     },
-    tencentCloud: {
-      baseURL: 'https://saas-starter.edgeone.app',
+    edgeonePages: {
+      baseURL: 'https://nuxt-mix-template.edgeone.site',
     },
     unsplash: {},
     vercel: {

src/provider.ts

@@ -47,7 +47,7 @@ export const BuiltInProviders = [
   'strapi',
   'strapi5',
   'supabase',
-  'tencentCloud',
+  'edgeonePages',
   'twicpics',
   'unsplash',
   'uploadcare',