dn-react-router-toolkit 0.1.12 → 0.2.0

package/dist/file/file_service.d.ts

@@ -0,0 +1,32 @@
+import { ObjectStorage } from './object_storage.js';
+import { FileRepository } from './file_repository.js';
+import '@aws-sdk/client-s3';
+
+type UploadFileParams = {
+    name: string;
+    userId?: string;
+    type?: string;
+    size?: number;
+    metadata?: Record<string, any>;
+};
+declare class FileService<TFile> {
+    prefix: string;
+    fileRepository: FileRepository<TFile>;
+    objectStorage: ObjectStorage;
+    constructor({ prefix, fileRepository, objectStorage, }: {
+        prefix?: string;
+        fileRepository: FileRepository<TFile>;
+        objectStorage: ObjectStorage;
+    });
+    generateSignedUrl(params: UploadFileParams): Promise<{
+        file: Awaited<TFile>;
+        signedUrl: string;
+    }>;
+    putFile(buffer: Buffer, params: UploadFileParams): Promise<{
+        key: string;
+        file: Awaited<TFile>;
+    }>;
+    private createFileReference;
+}
+
+export { FileService, type UploadFileParams };

package/dist/{file-kit → file}/file_service.js

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/file-kit/file_service.ts
+// src/file/file_service.ts
 var file_service_exports = {};
 __export(file_service_exports, {
   FileService: () => FileService
@@ -26,32 +26,38 @@ module.exports = __toCommonJS(file_service_exports);
 var import_uuid = require("uuid");
 var FileService = class {
   prefix;
-  repository;
-  OBJECT_STORAGE;
-  constructor(prefix = "user", {
-    repository,
-    OBJECT_STORAGE
+  fileRepository;
+  objectStorage;
+  constructor({
+    prefix = "user",
+    fileRepository,
+    objectStorage
   }) {
     this.prefix = prefix;
-    this.repository = repository;
-    this.OBJECT_STORAGE = OBJECT_STORAGE;
+    this.fileRepository = fileRepository;
+    this.objectStorage = objectStorage;
   }
-  async generateSignedUrl({ userId, name, type, size, metadata = {} }) {
+  async generateSignedUrl(params) {
+    const { key, file } = await this.createFileReference(params);
+    const signedUrl = await this.objectStorage.generateSignedUrl(key, {
+      contentType: params.type
+    });
+    return { file, signedUrl };
+  }
+  async putFile(buffer, params) {
+    const { key, file } = await this.createFileReference(params);
+    await this.objectStorage.put(key, buffer);
+    return { key, file };
+  }
+  async createFileReference(params) {
     const id = (0, import_uuid.v4)();
-    const key = `${this.prefix}/${id}/${name}`;
-    const file = await this.repository.createFile({
+    const key = `${this.prefix}/${id}/${params.name}`;
+    const file = await this.fileRepository.createFile({
       id,
-      userId,
-      name,
-      type,
-      size,
-      metadata,
-      key
-    });
-    const signedUrl = await this.OBJECT_STORAGE.generateSignedUrl(key, {
-      contentType: type
+      key,
+      ...params
     });
-    return { file, signedUrl };
+    return { key, file };
   }
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/file/file_service.mjs

@@ -0,0 +1,41 @@
+// src/file/file_service.ts
+import { v4 } from "uuid";
+var FileService = class {
+  prefix;
+  fileRepository;
+  objectStorage;
+  constructor({
+    prefix = "user",
+    fileRepository,
+    objectStorage
+  }) {
+    this.prefix = prefix;
+    this.fileRepository = fileRepository;
+    this.objectStorage = objectStorage;
+  }
+  async generateSignedUrl(params) {
+    const { key, file } = await this.createFileReference(params);
+    const signedUrl = await this.objectStorage.generateSignedUrl(key, {
+      contentType: params.type
+    });
+    return { file, signedUrl };
+  }
+  async putFile(buffer, params) {
+    const { key, file } = await this.createFileReference(params);
+    await this.objectStorage.put(key, buffer);
+    return { key, file };
+  }
+  async createFileReference(params) {
+    const id = v4();
+    const key = `${this.prefix}/${id}/${params.name}`;
+    const file = await this.fileRepository.createFile({
+      id,
+      key,
+      ...params
+    });
+    return { key, file };
+  }
+};
+export {
+  FileService
+};

package/dist/file/handlers/delete_file.d.mts

@@ -0,0 +1,17 @@
+import { AuthService } from '../../auth/auth_service.mjs';
+import { FileRepository } from '../file_repository.mjs';
+import 'jose';
+import 'react-router';
+import '../../auth/jwt_manager.mjs';
+import '../object_storage.mjs';
+import '@aws-sdk/client-s3';
+import '../../auth/auth_repository.mjs';
+
+declare const deleteFileHandler: <TFile>(request: Request, { fileId }: {
+    fileId: string;
+}, { authService, fileRepository, }: {
+    authService: AuthService;
+    fileRepository: FileRepository<TFile>;
+}) => Promise<Response>;
+
+export { deleteFileHandler };

package/dist/file/handlers/delete_file.d.ts

@@ -0,0 +1,17 @@
+import { AuthService } from '../../auth/auth_service.js';
+import { FileRepository } from '../file_repository.js';
+import 'jose';
+import 'react-router';
+import '../../auth/jwt_manager.js';
+import '../object_storage.js';
+import '@aws-sdk/client-s3';
+import '../../auth/auth_repository.js';
+
+declare const deleteFileHandler: <TFile>(request: Request, { fileId }: {
+    fileId: string;
+}, { authService, fileRepository, }: {
+    authService: AuthService;
+    fileRepository: FileRepository<TFile>;
+}) => Promise<Response>;
+
+export { deleteFileHandler };

package/dist/{route/api/files/[fileId]/route.js → file/handlers/delete_file.js}

@@ -17,14 +17,14 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/route/api/files/[fileId]/route.ts
-var route_exports = {};
-__export(route_exports, {
-  fileDeleteHandler: () => fileDeleteHandler
+// src/file/handlers/delete_file.ts
+var delete_file_exports = {};
+__export(delete_file_exports, {
+  deleteFileHandler: () => deleteFileHandler
 });
-module.exports = __toCommonJS(route_exports);
+module.exports = __toCommonJS(delete_file_exports);
 
-// src/http-kit/response.ts
+// src/http/response.ts
 var createJsonResponse = (status) => {
   return (data = {}, init) => {
     return Response.json(data, { status, ...init });
@@ -74,26 +74,26 @@ var INTERNAL_SERVER_ERROR = createException(
   "\uC608\uAE30\uCE58 \uBABB\uD55C \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4."
 );
 
-// src/route/api/files/[fileId]/route.ts
-var fileDeleteHandler = async (request, { fileId }, {
-  AUTH,
-  repository
+// src/file/handlers/delete_file.ts
+var deleteFileHandler = async (request, { fileId }, {
+  authService,
+  fileRepository
 }) => {
-  const auth = await AUTH.verifyOrRefresh(request);
-  const file = await repository.findFileById(fileId);
+  const auth = await authService.verifyOrRefresh(request);
+  const file = await fileRepository.findFileById(fileId);
   const headers = {
     "Access-Control-Allow-Origin": "*"
   };
   if (!file) {
     return NOT_FOUND("\uD30C\uC77C\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.", { headers });
   }
-  if (!repository.hasPermission(file, auth?.userId)) {
+  if (!fileRepository.hasPermission(file, auth?.userId)) {
     return FORBIDDEN("\uD30C\uC77C\uC744 \uC0AD\uC81C\uD560 \uAD8C\uD55C\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.", { headers });
   }
-  await repository.deleteFile(fileId);
+  await fileRepository.deleteFile(fileId);
   return NO_CONTENT({ headers });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  fileDeleteHandler
+  deleteFileHandler
 });

package/dist/{route/api/files/[fileId]/route.mjs → file/handlers/delete_file.mjs}

@@ -1,4 +1,4 @@
-// src/http-kit/response.ts
+// src/http/response.ts
 var createJsonResponse = (status) => {
   return (data = {}, init) => {
     return Response.json(data, { status, ...init });
@@ -48,25 +48,25 @@ var INTERNAL_SERVER_ERROR = createException(
   "\uC608\uAE30\uCE58 \uBABB\uD55C \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4."
 );
 
-// src/route/api/files/[fileId]/route.ts
-var fileDeleteHandler = async (request, { fileId }, {
-  AUTH,
-  repository
+// src/file/handlers/delete_file.ts
+var deleteFileHandler = async (request, { fileId }, {
+  authService,
+  fileRepository
 }) => {
-  const auth = await AUTH.verifyOrRefresh(request);
-  const file = await repository.findFileById(fileId);
+  const auth = await authService.verifyOrRefresh(request);
+  const file = await fileRepository.findFileById(fileId);
   const headers = {
     "Access-Control-Allow-Origin": "*"
   };
   if (!file) {
     return NOT_FOUND("\uD30C\uC77C\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.", { headers });
   }
-  if (!repository.hasPermission(file, auth?.userId)) {
+  if (!fileRepository.hasPermission(file, auth?.userId)) {
     return FORBIDDEN("\uD30C\uC77C\uC744 \uC0AD\uC81C\uD560 \uAD8C\uD55C\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.", { headers });
   }
-  await repository.deleteFile(fileId);
+  await fileRepository.deleteFile(fileId);
   return NO_CONTENT({ headers });
 };
 export {
-  fileDeleteHandler
+  deleteFileHandler
 };

package/dist/file/handlers/upload_file.d.mts

@@ -0,0 +1,16 @@
+import { AuthService } from '../../auth/auth_service.mjs';
+import { FileService } from '../file_service.mjs';
+import 'jose';
+import 'react-router';
+import '../../auth/jwt_manager.mjs';
+import '../object_storage.mjs';
+import '@aws-sdk/client-s3';
+import '../../auth/auth_repository.mjs';
+import '../file_repository.mjs';
+
+declare const uploadFileHandler: <TFile>(request: Request, { authService, fileService, }: {
+    authService: AuthService;
+    fileService: FileService<TFile>;
+}) => Promise<Response>;
+
+export { uploadFileHandler };

package/dist/file/handlers/upload_file.d.ts

@@ -0,0 +1,16 @@
+import { AuthService } from '../../auth/auth_service.js';
+import { FileService } from '../file_service.js';
+import 'jose';
+import 'react-router';
+import '../../auth/jwt_manager.js';
+import '../object_storage.js';
+import '@aws-sdk/client-s3';
+import '../../auth/auth_repository.js';
+import '../file_repository.js';
+
+declare const uploadFileHandler: <TFile>(request: Request, { authService, fileService, }: {
+    authService: AuthService;
+    fileService: FileService<TFile>;
+}) => Promise<Response>;
+
+export { uploadFileHandler };

package/dist/{route/api/files/route.js → file/handlers/upload_file.js}

@@ -17,14 +17,14 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/route/api/files/route.ts
-var route_exports = {};
-__export(route_exports, {
-  fileUploadHandler: () => fileUploadHandler
+// src/file/handlers/upload_file.ts
+var upload_file_exports = {};
+__export(upload_file_exports, {
+  uploadFileHandler: () => uploadFileHandler
 });
-module.exports = __toCommonJS(route_exports);
+module.exports = __toCommonJS(upload_file_exports);
 
-// src/http-kit/response.ts
+// src/http/response.ts
 var createJsonResponse = (status) => {
   return (data = {}, init) => {
     return Response.json(data, { status, ...init });
@@ -68,12 +68,12 @@ var INTERNAL_SERVER_ERROR = createException(
   "\uC608\uAE30\uCE58 \uBABB\uD55C \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4."
 );
 
-// src/route/api/files/route.ts
-var fileUploadHandler = async (request, {
-  AUTH,
-  FILE_SERVICE
+// src/file/handlers/upload_file.ts
+var uploadFileHandler = async (request, {
+  authService,
+  fileService
 }) => {
-  const auth = await AUTH.verifyOrRefresh(request);
+  const auth = await authService.verifyOrRefresh(request);
   const { name, type, size, metadata } = await request.json();
   const headers = {
     "Access-Control-Allow-Origin": "*"
@@ -85,7 +85,7 @@ var fileUploadHandler = async (request, {
     return BAD_REQUEST("\uD30C\uC77C \uD0C0\uC785\uC774 \uD544\uC694\uD574\uC694.", { headers });
   }
   try {
-    const result = await FILE_SERVICE.generateSignedUrl({
+    const result = await fileService.generateSignedUrl({
       userId: auth?.userId,
       name,
       type,
@@ -102,5 +102,5 @@ var fileUploadHandler = async (request, {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  fileUploadHandler
+  uploadFileHandler
 });

package/dist/{route/api/files/route.mjs → file/handlers/upload_file.mjs}

@@ -1,4 +1,4 @@
-// src/http-kit/response.ts
+// src/http/response.ts
 var createJsonResponse = (status) => {
   return (data = {}, init) => {
     return Response.json(data, { status, ...init });
@@ -42,12 +42,12 @@ var INTERNAL_SERVER_ERROR = createException(
   "\uC608\uAE30\uCE58 \uBABB\uD55C \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4."
 );
 
-// src/route/api/files/route.ts
-var fileUploadHandler = async (request, {
-  AUTH,
-  FILE_SERVICE
+// src/file/handlers/upload_file.ts
+var uploadFileHandler = async (request, {
+  authService,
+  fileService
 }) => {
-  const auth = await AUTH.verifyOrRefresh(request);
+  const auth = await authService.verifyOrRefresh(request);
   const { name, type, size, metadata } = await request.json();
   const headers = {
     "Access-Control-Allow-Origin": "*"
@@ -59,7 +59,7 @@ var fileUploadHandler = async (request, {
     return BAD_REQUEST("\uD30C\uC77C \uD0C0\uC785\uC774 \uD544\uC694\uD574\uC694.", { headers });
   }
   try {
-    const result = await FILE_SERVICE.generateSignedUrl({
+    const result = await fileService.generateSignedUrl({
       userId: auth?.userId,
       name,
       type,
@@ -75,5 +75,5 @@ var fileUploadHandler = async (request, {
   }
 };
 export {
-  fileUploadHandler
+  uploadFileHandler
 };

package/dist/{file-kit → file}/object_storage.d.mts

@@ -3,7 +3,9 @@ import * as _aws_sdk_client_s3 from '@aws-sdk/client-s3';
 declare class ObjectStorage {
     private client;
     private bucketName;
-    constructor(bucketName: string);
+    constructor({ bucketName }: {
+        bucketName: string;
+    });
     generateSignedUrl(key: string, { contentType, expiresIn, }?: {
         contentType?: string;
         expiresIn?: number;

package/dist/{file-kit → file}/object_storage.d.ts

@@ -3,7 +3,9 @@ import * as _aws_sdk_client_s3 from '@aws-sdk/client-s3';
 declare class ObjectStorage {
     private client;
     private bucketName;
-    constructor(bucketName: string);
+    constructor({ bucketName }: {
+        bucketName: string;
+    });
     generateSignedUrl(key: string, { contentType, expiresIn, }?: {
         contentType?: string;
         expiresIn?: number;

package/dist/{file-kit → file}/object_storage.js

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/file-kit/object_storage.ts
+// src/file/object_storage.ts
 var object_storage_exports = {};
 __export(object_storage_exports, {
   ObjectStorage: () => ObjectStorage
@@ -30,7 +30,7 @@ var ObjectStorage = class {
     region: "ap-northeast-2"
   });
   bucketName;
-  constructor(bucketName) {
+  constructor({ bucketName }) {
     this.bucketName = bucketName;
   }
   async generateSignedUrl(key, {

package/dist/{file-kit → file}/object_storage.mjs

@@ -1,4 +1,4 @@
-// src/file-kit/object_storage.ts
+// src/file/object_storage.ts
 import {
   GetObjectCommand,
   PutObjectCommand,
@@ -10,7 +10,7 @@ var ObjectStorage = class {
     region: "ap-northeast-2"
   });
   bucketName;
-  constructor(bucketName) {
+  constructor({ bucketName }) {
     this.bucketName = bucketName;
   }
   async generateSignedUrl(key, {

package/dist/{file-kit → file}/responsive_image.d.mts

@@ -8,11 +8,11 @@ type ResponsiveImageProps = Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes
     };
     ratio?: number;
 };
-declare const createResponsiveImage: (cdn: (key: string | undefined, options?: {
-    width?: number;
-}) => string | undefined) => React.FC<ResponsiveImageProps>;
+declare const createResponsiveImage: ({ cdnOrigin }: {
+    cdnOrigin: string;
+}) => React.FC<ResponsiveImageProps>;
 
-declare function generateSrcSet(image: HTMLImageElement | string, ratio?: number, props?: {
+declare function generateSrcSet(cdnOrigin: string, image: HTMLImageElement | string, ratio?: number, props?: {
     width?: string | number;
     height?: string | number;
 }): string | undefined;

package/dist/{file-kit → file}/responsive_image.d.ts

@@ -8,11 +8,11 @@ type ResponsiveImageProps = Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes
     };
     ratio?: number;
 };
-declare const createResponsiveImage: (cdn: (key: string | undefined, options?: {
-    width?: number;
-}) => string | undefined) => React.FC<ResponsiveImageProps>;
+declare const createResponsiveImage: ({ cdnOrigin }: {
+    cdnOrigin: string;
+}) => React.FC<ResponsiveImageProps>;
 
-declare function generateSrcSet(image: HTMLImageElement | string, ratio?: number, props?: {
+declare function generateSrcSet(cdnOrigin: string, image: HTMLImageElement | string, ratio?: number, props?: {
     width?: string | number;
     height?: string | number;
 }): string | undefined;

package/dist/{file-kit → file}/responsive_image.js

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/file-kit/responsive_image.tsx
+// src/file/responsive_image.tsx
 var responsive_image_exports = {};
 __export(responsive_image_exports, {
   createResponsiveImage: () => createResponsiveImage,
@@ -36,6 +36,15 @@ __export(responsive_image_exports, {
 });
 module.exports = __toCommonJS(responsive_image_exports);
 var import_react = __toESM(require("react"));
+
+// src/file/cdn.ts
+var createCDN = (origin) => {
+  return (key, { width } = {}) => {
+    return key ? `${origin}/${key}${width ? `?w=${width}` : ""}` : void 0;
+  };
+};
+
+// src/file/responsive_image.tsx
 var sizes = [
   64,
   128,
@@ -51,28 +60,28 @@ var sizes = [
   2560,
   3840
 ];
-var createResponsiveImage = (cdn) => {
+var createResponsiveImage = ({ cdnOrigin }) => {
   const Component = ({
     alt,
     file,
     ratio,
     ...props
   }) => {
-    const src = cdn(file?.key) || props.src || "#";
+    const src = createCDN(cdnOrigin)(file?.key) || props.src || "#";
     return /* @__PURE__ */ import_react.default.createElement(
       "img",
       {
         ...props,
         src,
         alt,
-        srcSet: generateSrcSet(src, ratio, props)
+        srcSet: generateSrcSet(cdnOrigin, src, ratio, props)
       }
     );
   };
   return Component;
 };
 var responsive_image_default = createResponsiveImage;
-var generateSrc = (src, width, height, ratio, image = {}) => {
+var generateSrc = (cdnOrigin, src, width, height, ratio, image = {}) => {
   const searchParams = new URLSearchParams();
   if (image.width) {
     searchParams.set("w", image.width.toString());
@@ -90,13 +99,12 @@ var generateSrc = (src, width, height, ratio, image = {}) => {
     searchParams.set("h", height.toString());
   }
   const search = searchParams.toString() ? `?${searchParams.toString()}` : "";
-  const origin = process.env.NEXT_PUBLIC_CDN_ORIGIN || "";
-  if (!src.includes(origin)) {
+  if (!src.includes(cdnOrigin)) {
     return src;
   }
   return `${encodeURI(decodeURI(src))}${search}`;
 };
-function generateSrcSet(image, ratio, props = {}) {
+function generateSrcSet(cdnOrigin, image, ratio, props = {}) {
   const src = typeof image === "string" ? image : image.src;
   const isGif = src.endsWith(".gif");
   if (isGif) {
@@ -106,6 +114,7 @@ function generateSrcSet(image, ratio, props = {}) {
     return [1, 2, 3].map((scale) => {
       const genWidth = Number(props.width) * scale;
       return `${generateSrc(
+        cdnOrigin,
         src,
         genWidth,
         props.height ? Number(props.height) * scale : ratio ? Math.round(genWidth / ratio) : void 0
@@ -113,7 +122,7 @@ function generateSrcSet(image, ratio, props = {}) {
     }).join(", ");
   }
   return sizes.map(
-    (size) => `${generateSrc(src, size, void 0, ratio, props)} ${size}w`
+    (size) => `${generateSrc(cdnOrigin, src, size, void 0, ratio, props)} ${size}w`
   ).join(", ");
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/{file-kit → file}/responsive_image.mjs

@@ -1,5 +1,14 @@
-// src/file-kit/responsive_image.tsx
+// src/file/responsive_image.tsx
 import React from "react";
+
+// src/file/cdn.ts
+var createCDN = (origin) => {
+  return (key, { width } = {}) => {
+    return key ? `${origin}/${key}${width ? `?w=${width}` : ""}` : void 0;
+  };
+};
+
+// src/file/responsive_image.tsx
 var sizes = [
   64,
   128,
@@ -15,28 +24,28 @@ var sizes = [
   2560,
   3840
 ];
-var createResponsiveImage = (cdn) => {
+var createResponsiveImage = ({ cdnOrigin }) => {
   const Component = ({
     alt,
     file,
     ratio,
     ...props
   }) => {
-    const src = cdn(file?.key) || props.src || "#";
+    const src = createCDN(cdnOrigin)(file?.key) || props.src || "#";
     return /* @__PURE__ */ React.createElement(
       "img",
       {
         ...props,
         src,
         alt,
-        srcSet: generateSrcSet(src, ratio, props)
+        srcSet: generateSrcSet(cdnOrigin, src, ratio, props)
       }
     );
   };
   return Component;
 };
 var responsive_image_default = createResponsiveImage;
-var generateSrc = (src, width, height, ratio, image = {}) => {
+var generateSrc = (cdnOrigin, src, width, height, ratio, image = {}) => {
   const searchParams = new URLSearchParams();
   if (image.width) {
     searchParams.set("w", image.width.toString());
@@ -54,13 +63,12 @@ var generateSrc = (src, width, height, ratio, image = {}) => {
     searchParams.set("h", height.toString());
   }
   const search = searchParams.toString() ? `?${searchParams.toString()}` : "";
-  const origin = process.env.NEXT_PUBLIC_CDN_ORIGIN || "";
-  if (!src.includes(origin)) {
+  if (!src.includes(cdnOrigin)) {
     return src;
   }
   return `${encodeURI(decodeURI(src))}${search}`;
 };
-function generateSrcSet(image, ratio, props = {}) {
+function generateSrcSet(cdnOrigin, image, ratio, props = {}) {
   const src = typeof image === "string" ? image : image.src;
   const isGif = src.endsWith(".gif");
   if (isGif) {
@@ -70,6 +78,7 @@ function generateSrcSet(image, ratio, props = {}) {
     return [1, 2, 3].map((scale) => {
       const genWidth = Number(props.width) * scale;
       return `${generateSrc(
+        cdnOrigin,
         src,
         genWidth,
         props.height ? Number(props.height) * scale : ratio ? Math.round(genWidth / ratio) : void 0
@@ -77,7 +86,7 @@ function generateSrcSet(image, ratio, props = {}) {
     }).join(", ");
   }
   return sizes.map(
-    (size) => `${generateSrc(src, size, void 0, ratio, props)} ${size}w`
+    (size) => `${generateSrc(cdnOrigin, src, size, void 0, ratio, props)} ${size}w`
   ).join(", ");
 }
 export {