dn-react-router-toolkit 0.2.7 → 0.3.1

package/dist/file/client/file_upload_button.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-
-type Props<TFile> = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
-    onUpload?: (files: TFile[]) => Promise<void> | void;
-};
-declare function createFileUploadButton<TFile>({ uploadFile, }: {
-    uploadFile: (file: File) => Promise<TFile>;
-}): ({ onUpload, children, className, style, ...props }: Props<TFile>) => React.JSX.Element;
-
-export { createFileUploadButton as default };

package/dist/file/client/file_upload_button.js

@@ -1,89 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/file/client/file_upload_button.tsx
-var file_upload_button_exports = {};
-__export(file_upload_button_exports, {
-  default: () => createFileUploadButton
-});
-module.exports = __toCommonJS(file_upload_button_exports);
-var import_react = __toESM(require("react"));
-var import_react2 = require("react");
-function createFileUploadButton({
-  uploadFile
-}) {
-  return function FileUploadButton({
-    onUpload,
-    children,
-    className,
-    style,
-    ...props
-  }) {
-    const inputRef = (0, import_react2.useRef)(null);
-    const onClick = () => {
-      inputRef.current?.click();
-    };
-    const onChange = async (e) => {
-      const files = e.target.files;
-      if (files && files.length > 0) {
-        if (onUpload) {
-          try {
-            const entities = await Promise.all(
-              Array.from(files).map((file) => uploadFile(file))
-            );
-            await onUpload(entities);
-          } catch (err) {
-            console.error(err);
-            alert("\uD30C\uC77C \uC5C5\uB85C\uB4DC \uC911 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4.");
-          }
-        }
-      }
-      e.target.value = "";
-    };
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-      "input",
-      {
-        ...props,
-        type: "file",
-        ref: inputRef,
-        className: "hidden",
-        onChange
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      "button",
-      {
-        className,
-        style,
-        type: "button",
-        onClick
-      },
-      children
-    ));
-  };
-}

package/dist/file/client/file_upload_button.mjs

@@ -1,58 +0,0 @@
-// src/file/client/file_upload_button.tsx
-import React from "react";
-import { useRef } from "react";
-function createFileUploadButton({
-  uploadFile
-}) {
-  return function FileUploadButton({
-    onUpload,
-    children,
-    className,
-    style,
-    ...props
-  }) {
-    const inputRef = useRef(null);
-    const onClick = () => {
-      inputRef.current?.click();
-    };
-    const onChange = async (e) => {
-      const files = e.target.files;
-      if (files && files.length > 0) {
-        if (onUpload) {
-          try {
-            const entities = await Promise.all(
-              Array.from(files).map((file) => uploadFile(file))
-            );
-            await onUpload(entities);
-          } catch (err) {
-            console.error(err);
-            alert("\uD30C\uC77C \uC5C5\uB85C\uB4DC \uC911 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4.");
-          }
-        }
-      }
-      e.target.value = "";
-    };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        ...props,
-        type: "file",
-        ref: inputRef,
-        className: "hidden",
-        onChange
-      }
-    ), /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        className,
-        style,
-        type: "button",
-        onClick
-      },
-      children
-    ));
-  };
-}
-export {
-  createFileUploadButton as default
-};

package/dist/file/client/file_uploader.d.mts

@@ -1,13 +0,0 @@
-type FileUploaderOptions = {
-    metadata?: Record<string, unknown>;
-    convertToWebp?: boolean;
-};
-declare class FileUploader<TFile> {
-    endpoint: string;
-    constructor(endpoint?: string);
-    uploadFile(file: File, options?: FileUploaderOptions): Promise<TFile>;
-    uploadBlob(blob: Blob, name?: string, options?: FileUploaderOptions): Promise<TFile>;
-    deleteFile(fileId: string): Promise<boolean>;
-}
-
-export { FileUploader, type FileUploaderOptions };

package/dist/file/client/file_uploader.d.ts

@@ -1,13 +0,0 @@
-type FileUploaderOptions = {
-    metadata?: Record<string, unknown>;
-    convertToWebp?: boolean;
-};
-declare class FileUploader<TFile> {
-    endpoint: string;
-    constructor(endpoint?: string);
-    uploadFile(file: File, options?: FileUploaderOptions): Promise<TFile>;
-    uploadBlob(blob: Blob, name?: string, options?: FileUploaderOptions): Promise<TFile>;
-    deleteFile(fileId: string): Promise<boolean>;
-}
-
-export { FileUploader, type FileUploaderOptions };

package/dist/file/client/file_uploader.js

@@ -1,163 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/file/client/file_uploader.ts
-var file_uploader_exports = {};
-__export(file_uploader_exports, {
-  FileUploader: () => FileUploader
-});
-module.exports = __toCommonJS(file_uploader_exports);
-
-// src/file/client/metadata.ts
-function generateMetadata(blob, {
-  uploadBlob
-} = {}) {
-  return new Promise((resolve) => {
-    if (blob.type.startsWith("image/")) {
-      const img = new Image();
-      img.src = URL.createObjectURL(blob);
-      img.onload = () => {
-        resolve({
-          width: img.width,
-          height: img.height
-        });
-      };
-      img.onerror = () => resolve({});
-      return;
-    }
-    if (blob.type.startsWith("video/")) {
-      const video = document.createElement("video");
-      video.onloadeddata = () => {
-        const canvas = document.createElement("canvas");
-        canvas.width = video.videoWidth;
-        canvas.height = video.videoHeight;
-        const context = canvas.getContext("2d");
-        if (!context || !uploadBlob) {
-          return resolve({
-            width: video.videoWidth,
-            height: video.videoHeight
-          });
-        }
-        video.addEventListener("seeked", () => {
-          context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
-          canvas.toBlob((blob2) => {
-            if (!blob2) {
-              return resolve({
-                width: video.videoWidth,
-                height: video.videoHeight
-              });
-            }
-            uploadBlob(blob2, "poster").then(({ url }) => {
-              resolve({
-                width: video.videoWidth,
-                height: video.videoHeight,
-                poster: url
-              });
-            });
-          }, "image/jpeg");
-        });
-        video.currentTime = 0;
-      };
-      video.onerror = () => resolve({});
-      video.src = URL.createObjectURL(blob);
-      return;
-    }
-    resolve({});
-  });
-}
-
-// src/file/client/file_uploader.ts
-var FileUploader = class {
-  endpoint;
-  constructor(endpoint = "/api/files") {
-    this.endpoint = endpoint;
-    this.uploadFile = this.uploadFile.bind(this);
-    this.uploadBlob = this.uploadBlob.bind(this);
-    this.deleteFile = this.deleteFile.bind(this);
-  }
-  uploadFile(file, options = {}) {
-    return this.uploadBlob(file, file.name, options);
-  }
-  async uploadBlob(blob, name = "blob", options = {}) {
-    if (options.convertToWebp && blob.type.startsWith("image/") && blob.type !== "image/webp") {
-      const img = document.createElement("img");
-      img.src = URL.createObjectURL(blob);
-      await img.decode();
-      const canvas = document.createElement("canvas");
-      canvas.width = img.width;
-      canvas.height = img.height;
-      const ctx = canvas.getContext("2d");
-      if (ctx) {
-        ctx.drawImage(img, 0, 0);
-      }
-      const webpBlob = await new Promise((resolve) => {
-        canvas.toBlob((b) => {
-          resolve(b);
-        }, "image/webp");
-      });
-      if (webpBlob) {
-        blob = webpBlob;
-        name = name.replace(/\.[^/.]+$/, "") + ".webp";
-      }
-    }
-    const { type, size } = blob;
-    const metadataForMedia = await generateMetadata(blob);
-    const metadata = {
-      ...metadataForMedia,
-      ...options.metadata
-    };
-    const res1 = await fetch(this.endpoint, {
-      method: "POST",
-      body: JSON.stringify({
-        name: name.replace(/ /g, "_"),
-        type,
-        size,
-        metadata
-      })
-    });
-    if (!res1.ok) {
-      const message = await res1.json();
-      throw new Error(message);
-    }
-    const result = await res1.json();
-    const { signedUrl, file } = result;
-    const res2 = await fetch(signedUrl, {
-      method: "PUT",
-      body: blob
-    });
-    if (!res2.ok) {
-      throw new Error(await res2.text());
-    }
-    return file;
-  }
-  async deleteFile(fileId) {
-    const res = await fetch(`${this.endpoint}/${fileId}`, {
-      method: "DELETE"
-    });
-    if (!res.ok) {
-      const { message } = await res.json();
-      throw new Error(message);
-    }
-    return true;
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FileUploader
-});

package/dist/file/client/file_uploader.mjs

@@ -1,136 +0,0 @@
-// src/file/client/metadata.ts
-function generateMetadata(blob, {
-  uploadBlob
-} = {}) {
-  return new Promise((resolve) => {
-    if (blob.type.startsWith("image/")) {
-      const img = new Image();
-      img.src = URL.createObjectURL(blob);
-      img.onload = () => {
-        resolve({
-          width: img.width,
-          height: img.height
-        });
-      };
-      img.onerror = () => resolve({});
-      return;
-    }
-    if (blob.type.startsWith("video/")) {
-      const video = document.createElement("video");
-      video.onloadeddata = () => {
-        const canvas = document.createElement("canvas");
-        canvas.width = video.videoWidth;
-        canvas.height = video.videoHeight;
-        const context = canvas.getContext("2d");
-        if (!context || !uploadBlob) {
-          return resolve({
-            width: video.videoWidth,
-            height: video.videoHeight
-          });
-        }
-        video.addEventListener("seeked", () => {
-          context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
-          canvas.toBlob((blob2) => {
-            if (!blob2) {
-              return resolve({
-                width: video.videoWidth,
-                height: video.videoHeight
-              });
-            }
-            uploadBlob(blob2, "poster").then(({ url }) => {
-              resolve({
-                width: video.videoWidth,
-                height: video.videoHeight,
-                poster: url
-              });
-            });
-          }, "image/jpeg");
-        });
-        video.currentTime = 0;
-      };
-      video.onerror = () => resolve({});
-      video.src = URL.createObjectURL(blob);
-      return;
-    }
-    resolve({});
-  });
-}
-
-// src/file/client/file_uploader.ts
-var FileUploader = class {
-  endpoint;
-  constructor(endpoint = "/api/files") {
-    this.endpoint = endpoint;
-    this.uploadFile = this.uploadFile.bind(this);
-    this.uploadBlob = this.uploadBlob.bind(this);
-    this.deleteFile = this.deleteFile.bind(this);
-  }
-  uploadFile(file, options = {}) {
-    return this.uploadBlob(file, file.name, options);
-  }
-  async uploadBlob(blob, name = "blob", options = {}) {
-    if (options.convertToWebp && blob.type.startsWith("image/") && blob.type !== "image/webp") {
-      const img = document.createElement("img");
-      img.src = URL.createObjectURL(blob);
-      await img.decode();
-      const canvas = document.createElement("canvas");
-      canvas.width = img.width;
-      canvas.height = img.height;
-      const ctx = canvas.getContext("2d");
-      if (ctx) {
-        ctx.drawImage(img, 0, 0);
-      }
-      const webpBlob = await new Promise((resolve) => {
-        canvas.toBlob((b) => {
-          resolve(b);
-        }, "image/webp");
-      });
-      if (webpBlob) {
-        blob = webpBlob;
-        name = name.replace(/\.[^/.]+$/, "") + ".webp";
-      }
-    }
-    const { type, size } = blob;
-    const metadataForMedia = await generateMetadata(blob);
-    const metadata = {
-      ...metadataForMedia,
-      ...options.metadata
-    };
-    const res1 = await fetch(this.endpoint, {
-      method: "POST",
-      body: JSON.stringify({
-        name: name.replace(/ /g, "_"),
-        type,
-        size,
-        metadata
-      })
-    });
-    if (!res1.ok) {
-      const message = await res1.json();
-      throw new Error(message);
-    }
-    const result = await res1.json();
-    const { signedUrl, file } = result;
-    const res2 = await fetch(signedUrl, {
-      method: "PUT",
-      body: blob
-    });
-    if (!res2.ok) {
-      throw new Error(await res2.text());
-    }
-    return file;
-  }
-  async deleteFile(fileId) {
-    const res = await fetch(`${this.endpoint}/${fileId}`, {
-      method: "DELETE"
-    });
-    if (!res.ok) {
-      const { message } = await res.json();
-      throw new Error(message);
-    }
-    return true;
-  }
-};
-export {
-  FileUploader
-};

package/dist/file/client/format_size.d.mts

@@ -1,3 +0,0 @@
-declare function formatSize(size: number): string;
-
-export { formatSize };

package/dist/file/client/format_size.d.ts

@@ -1,3 +0,0 @@
-declare function formatSize(size: number): string;
-
-export { formatSize };

package/dist/file/client/format_size.mjs

@@ -1,13 +0,0 @@
-// src/file/client/format_size.ts
-function formatSize(size) {
-  if (size < 1024) {
-    return `${size} B`;
-  }
-  if (size < 1024 * 1024) {
-    return `${(size / 1024).toFixed(2)} KB`;
-  }
-  return `${(size / (1024 * 1024)).toFixed(2)} MB`;
-}
-export {
-  formatSize
-};

package/dist/file/client/metadata.d.mts

@@ -1,7 +0,0 @@
-declare function generateMetadata(blob: Blob | File, { uploadBlob, }?: {
-    uploadBlob?: (blob: Blob, type: string) => Promise<{
-        url: string;
-    }>;
-}): Promise<Record<string, unknown>>;
-
-export { generateMetadata };

package/dist/file/client/metadata.d.ts

@@ -1,7 +0,0 @@
-declare function generateMetadata(blob: Blob | File, { uploadBlob, }?: {
-    uploadBlob?: (blob: Blob, type: string) => Promise<{
-        url: string;
-    }>;
-}): Promise<Record<string, unknown>>;
-
-export { generateMetadata };

package/dist/file/client/metadata.js

@@ -1,85 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/file/client/metadata.ts
-var metadata_exports = {};
-__export(metadata_exports, {
-  generateMetadata: () => generateMetadata
-});
-module.exports = __toCommonJS(metadata_exports);
-function generateMetadata(blob, {
-  uploadBlob
-} = {}) {
-  return new Promise((resolve) => {
-    if (blob.type.startsWith("image/")) {
-      const img = new Image();
-      img.src = URL.createObjectURL(blob);
-      img.onload = () => {
-        resolve({
-          width: img.width,
-          height: img.height
-        });
-      };
-      img.onerror = () => resolve({});
-      return;
-    }
-    if (blob.type.startsWith("video/")) {
-      const video = document.createElement("video");
-      video.onloadeddata = () => {
-        const canvas = document.createElement("canvas");
-        canvas.width = video.videoWidth;
-        canvas.height = video.videoHeight;
-        const context = canvas.getContext("2d");
-        if (!context || !uploadBlob) {
-          return resolve({
-            width: video.videoWidth,
-            height: video.videoHeight
-          });
-        }
-        video.addEventListener("seeked", () => {
-          context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
-          canvas.toBlob((blob2) => {
-            if (!blob2) {
-              return resolve({
-                width: video.videoWidth,
-                height: video.videoHeight
-              });
-            }
-            uploadBlob(blob2, "poster").then(({ url }) => {
-              resolve({
-                width: video.videoWidth,
-                height: video.videoHeight,
-                poster: url
-              });
-            });
-          }, "image/jpeg");
-        });
-        video.currentTime = 0;
-      };
-      video.onerror = () => resolve({});
-      video.src = URL.createObjectURL(blob);
-      return;
-    }
-    resolve({});
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  generateMetadata
-});

package/dist/file/client/metadata.mjs

@@ -1,60 +0,0 @@
-// src/file/client/metadata.ts
-function generateMetadata(blob, {
-  uploadBlob
-} = {}) {
-  return new Promise((resolve) => {
-    if (blob.type.startsWith("image/")) {
-      const img = new Image();
-      img.src = URL.createObjectURL(blob);
-      img.onload = () => {
-        resolve({
-          width: img.width,
-          height: img.height
-        });
-      };
-      img.onerror = () => resolve({});
-      return;
-    }
-    if (blob.type.startsWith("video/")) {
-      const video = document.createElement("video");
-      video.onloadeddata = () => {
-        const canvas = document.createElement("canvas");
-        canvas.width = video.videoWidth;
-        canvas.height = video.videoHeight;
-        const context = canvas.getContext("2d");
-        if (!context || !uploadBlob) {
-          return resolve({
-            width: video.videoWidth,
-            height: video.videoHeight
-          });
-        }
-        video.addEventListener("seeked", () => {
-          context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
-          canvas.toBlob((blob2) => {
-            if (!blob2) {
-              return resolve({
-                width: video.videoWidth,
-                height: video.videoHeight
-              });
-            }
-            uploadBlob(blob2, "poster").then(({ url }) => {
-              resolve({
-                width: video.videoWidth,
-                height: video.videoHeight,
-                poster: url
-              });
-            });
-          }, "image/jpeg");
-        });
-        video.currentTime = 0;
-      };
-      video.onerror = () => resolve({});
-      video.src = URL.createObjectURL(blob);
-      return;
-    }
-    resolve({});
-  });
-}
-export {
-  generateMetadata
-};

package/dist/file/file_repository.d.mts

@@ -1,16 +0,0 @@
-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>;
-        key: string;
-    }): Promise<TFile>;
-    deleteFile(fileId: string): Promise<void>;
-}
-
-export type { FileRepository };