Integrating S3-Compatible Asset Storage

import { VendureConfig } from '@vendure/core';import { // [!code highlight]  AssetServerPlugin, // [!code highlight]  configureS3AssetStorage // [!code highlight]} from '@vendure/asset-server-plugin'; // [!code highlight]import 'dotenv/config';import path from 'path';const IS_DEV = process.env.APP_ENV === 'dev';export const config: VendureConfig = {  // ... other configuration options  plugins: [    AssetServerPlugin.init({ // [!code highlight]      route: 'assets', // [!code highlight]      assetUploadDir: path.join(__dirname, '../static/assets'), // [!code highlight]      assetUrlPrefix: IS_DEV ? undefined : 'https://www.my-shop.com/assets/', // [!code highlight] // [!code highlight]      // S3-Compatible Storage Configuration // [!code highlight]      // Dynamically switches between local storage and S3 based on environment // [!code highlight]      storageStrategyFactory: process.env.S3_BUCKET // [!code highlight]        ? configureS3AssetStorage({ // [!code highlight]            bucket: process.env.S3_BUCKET, // [!code highlight]            credentials: { // [!code highlight]              accessKeyId: process.env.S3_ACCESS_KEY_ID!, // [!code highlight]              secretAccessKey: process.env.S3_SECRET_ACCESS_KEY!, // [!code highlight]            }, // [!code highlight]            nativeS3Configuration: { // [!code highlight]              // Platform-specific endpoint configuration // [!code highlight]              endpoint: process.env.S3_ENDPOINT, // [!code highlight]              region: process.env.S3_REGION, // [!code highlight]              forcePathStyle: process.env.S3_FORCE_PATH_STYLE === 'true', // [!code highlight]              signatureVersion: 'v4', // [!code highlight]            }, // [!code highlight]          }) // [!code highlight]        : undefined, // Fallback to local storage when S3 not configured // [!code highlight]    }), // [!code highlight]    // ... other plugins  ],};

# Basic Vendure ConfigurationAPP_ENV=devSUPERADMIN_USERNAME=superadminSUPERADMIN_PASSWORD=superadminCOOKIE_SECRET=your-cookie-secret-32-characters-min# S3-Compatible Storage ConfigurationS3_BUCKET=your-bucket-nameS3_ACCESS_KEY_ID=your-access-key-idS3_SECRET_ACCESS_KEY=your-secret-access-keyS3_REGION=your-regionS3_ENDPOINT=your-endpoint-urlS3_FORCE_PATH_STYLE=true-or-false

AssetServerPlugin.init({  route: 'assets',  assetUrlPrefix: 'https://cdn.yourdomain.com/assets/', // [!code highlight]  storageStrategyFactory: process.env.S3_BUCKET    ? configureS3AssetStorage({        // ... S3 configuration      })    : undefined,});

# DevelopmentS3_BUCKET=vendure-dev-assets# StagingS3_BUCKET=vendure-staging-assets# ProductionS3_BUCKET=vendure-prod-assets

# From AWS S3 to CloudFlare R2# Change these variables:S3_ENDPOINT=https://account-id.r2.cloudflarestorage.comS3_FORCE_PATH_STYLE=true# Keep the same bucket name and credentials structure