dn-react-router-toolkit 0.1.12 → 0.2.1

package/dist/{file-kit → file}/client/file_upload_button.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/client/file_upload_button.tsx
+// src/file/client/file_upload_button.tsx
 var file_upload_button_exports = {};
 __export(file_upload_button_exports, {
   default: () => createFileUploadButton

package/dist/{file-kit → file}/client/file_upload_button.mjs

@@ -1,4 +1,4 @@
-// src/file-kit/client/file_upload_button.tsx
+// src/file/client/file_upload_button.tsx
 import React from "react";
 import { useRef } from "react";
 function createFileUploadButton({

package/dist/{file-kit → file}/client/file_uploader.js

@@ -17,14 +17,14 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/file-kit/client/file_uploader.ts
+// src/file/client/file_uploader.ts
 var file_uploader_exports = {};
 __export(file_uploader_exports, {
   FileUploader: () => FileUploader
 });
 module.exports = __toCommonJS(file_uploader_exports);
 
-// src/file-kit/client/metadata.ts
+// src/file/client/metadata.ts
 function generateMetadata(blob) {
   return new Promise((resolve, reject) => {
     if (blob.type.startsWith("image/")) {
@@ -56,7 +56,7 @@ function generateMetadata(blob) {
   });
 }
 
-// src/file-kit/client/file_uploader.ts
+// src/file/client/file_uploader.ts
 var FileUploader = class {
   endpoint;
   constructor(endpoint = "/api/files") {

package/dist/{file-kit → file}/client/file_uploader.mjs

@@ -1,4 +1,4 @@
-// src/file-kit/client/metadata.ts
+// src/file/client/metadata.ts
 function generateMetadata(blob) {
   return new Promise((resolve, reject) => {
     if (blob.type.startsWith("image/")) {
@@ -30,7 +30,7 @@ function generateMetadata(blob) {
   });
 }
 
-// src/file-kit/client/file_uploader.ts
+// src/file/client/file_uploader.ts
 var FileUploader = class {
   endpoint;
   constructor(endpoint = "/api/files") {

package/dist/{file-kit → file}/client/format_size.js

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/file-kit/client/format_size.ts
+// src/file/client/format_size.ts
 var format_size_exports = {};
 __export(format_size_exports, {
   formatSize: () => formatSize

package/dist/{file-kit → file}/client/format_size.mjs

@@ -1,4 +1,4 @@
-// src/file-kit/client/format_size.ts
+// src/file/client/format_size.ts
 function formatSize(size) {
   if (size < 1024) {
     return `${size} B`;

package/dist/{file-kit → file}/client/metadata.js

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/file-kit/client/metadata.ts
+// src/file/client/metadata.ts
 var metadata_exports = {};
 __export(metadata_exports, {
   generateMetadata: () => generateMetadata

package/dist/{file-kit → file}/client/metadata.mjs

@@ -1,4 +1,4 @@
-// src/file-kit/client/metadata.ts
+// src/file/client/metadata.ts
 function generateMetadata(blob) {
   return new Promise((resolve, reject) => {
     if (blob.type.startsWith("image/")) {

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

@@ -1,13 +1,13 @@
-interface FileRepository<TFile> {
+interface FileRepository<TFile = unknown> {
     findFileById(fileId: string): Promise<TFile | undefined>;
     hasPermission(file: TFile, userId?: string): boolean;
     createFile(fileData: {
         id: string;
         userId?: string;
         name: string;
-        type: string;
-        size: number;
-        metadata: Record<string, any>;
+        type?: string;
+        size?: number;
+        metadata?: Record<string, any>;
         key: string;
     }): Promise<TFile>;
     deleteFile(fileId: string): Promise<void>;

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

@@ -1,13 +1,13 @@
-interface FileRepository<TFile> {
+interface FileRepository<TFile = unknown> {
     findFileById(fileId: string): Promise<TFile | undefined>;
     hasPermission(file: TFile, userId?: string): boolean;
     createFile(fileData: {
         id: string;
         userId?: string;
         name: string;
-        type: string;
-        size: number;
-        metadata: Record<string, any>;
+        type?: string;
+        size?: number;
+        metadata?: Record<string, any>;
         key: string;
     }): Promise<TFile>;
     deleteFile(fileId: string): Promise<void>;

package/dist/{auth-kit/repository.js → file/file_repository.js}

@@ -13,6 +13,6 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/auth-kit/repository.ts
-var repository_exports = {};
-module.exports = __toCommonJS(repository_exports);
+// src/file/file_repository.ts
+var file_repository_exports = {};
+module.exports = __toCommonJS(file_repository_exports);

package/dist/file/file_service.d.mts

@@ -0,0 +1,32 @@
+import { ObjectStorage } from './object_storage.mjs';
+import { FileRepository } from './file_repository.mjs';
+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/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;