dn-react-router-toolkit 0.2.3 → 0.2.5

package/dist/auth/client/provider.d.mts

@@ -4,12 +4,10 @@ import 'jose';
 
 type AuthContextValue = {
     auth: AccessTokenPayload | undefined;
-    login: (id: string, password: string) => Promise<void>;
+    login: (id: string, password: string) => Promise<AccessTokenPayload>;
     loginWithGoogle: (redirectUrl?: string) => Promise<void>;
     logout: () => Promise<void>;
-    signup: (email: string, password: string, passwordConfirm: string) => Promise<{
-        userId: string;
-    }>;
+    signup: (email: string, password: string, passwordConfirm: string) => Promise<AccessTokenPayload>;
     requestResetPassword: (email: string) => Promise<boolean>;
     resetPassword: (token: string, password: string, passwordConfirm: string) => Promise<boolean>;
 };

package/dist/auth/client/provider.d.ts

@@ -4,12 +4,10 @@ import 'jose';
 
 type AuthContextValue = {
     auth: AccessTokenPayload | undefined;
-    login: (id: string, password: string) => Promise<void>;
+    login: (id: string, password: string) => Promise<AccessTokenPayload>;
     loginWithGoogle: (redirectUrl?: string) => Promise<void>;
     logout: () => Promise<void>;
-    signup: (email: string, password: string, passwordConfirm: string) => Promise<{
-        userId: string;
-    }>;
+    signup: (email: string, password: string, passwordConfirm: string) => Promise<AccessTokenPayload>;
     requestResetPassword: (email: string) => Promise<boolean>;
     resetPassword: (token: string, password: string, passwordConfirm: string) => Promise<boolean>;
 };

package/dist/auth/client/provider.js

@@ -57,12 +57,11 @@ function AuthProvider({
       },
       body: JSON.stringify({ id, password })
     });
-    if (res.ok) {
-      navigate("/");
-    } else {
+    if (!res.ok) {
       const { message } = await res.json();
-      alert(message);
+      throw new Error(message);
     }
+    return res.json();
   };
   const loginWithGoogle = async (redirectUrl = "/") => {
     if (!googleAuth) {

package/dist/auth/client/provider.mjs

@@ -21,12 +21,11 @@ function AuthProvider({
       },
       body: JSON.stringify({ id, password })
     });
-    if (res.ok) {
-      navigate("/");
-    } else {
+    if (!res.ok) {
       const { message } = await res.json();
-      alert(message);
+      throw new Error(message);
     }
+    return res.json();
   };
   const loginWithGoogle = async (redirectUrl = "/") => {
     if (!googleAuth) {

package/dist/auth/jwt_manager.js

@@ -33,7 +33,7 @@ var JWTManager = class {
   constructor({
     siteOrigin,
     accessTokenSecret,
-    accessTokenExpiresIn = "10s",
+    accessTokenExpiresIn = "1m",
     refreshTokenSecret,
     refreshTokenExpiresIn = "1y"
   }) {

package/dist/auth/jwt_manager.mjs

@@ -9,7 +9,7 @@ var JWTManager = class {
   constructor({
     siteOrigin,
     accessTokenSecret,
-    accessTokenExpiresIn = "10s",
+    accessTokenExpiresIn = "1m",
     refreshTokenSecret,
     refreshTokenExpiresIn = "1y"
   }) {

package/dist/file/cdn.d.mts

@@ -1,5 +1,6 @@
-declare const createCDN: (origin: string) => <T extends string | undefined>(key: T, { width }?: {
+type CDN = <T extends string | undefined>(key: T, options?: {
     width?: number;
 }) => T extends undefined ? T : string;
+declare const createCDN: (origin: string) => CDN;
 
-export { createCDN };
+export { type CDN, createCDN };

package/dist/file/cdn.d.ts

@@ -1,5 +1,6 @@
-declare const createCDN: (origin: string) => <T extends string | undefined>(key: T, { width }?: {
+type CDN = <T extends string | undefined>(key: T, options?: {
     width?: number;
 }) => T extends undefined ? T : string;
+declare const createCDN: (origin: string) => CDN;
 
-export { createCDN };
+export { type CDN, createCDN };

package/dist/file/client/drop_file_input.js

@@ -43,8 +43,10 @@ function cn(...classes) {
 }
 
 // src/file/client/metadata.ts
-function generateMetadata(blob) {
-  return new Promise((resolve, reject) => {
+function generateMetadata(blob, {
+  uploadBlob
+} = {}) {
+  return new Promise((resolve) => {
     if (blob.type.startsWith("image/")) {
       const img = new Image();
       img.src = URL.createObjectURL(blob);
@@ -54,20 +56,44 @@ function generateMetadata(blob) {
           height: img.height
         });
       };
-      img.onerror = reject;
+      img.onerror = () => resolve({});
       return;
     }
     if (blob.type.startsWith("video/")) {
       const video = document.createElement("video");
-      video.src = URL.createObjectURL(blob);
-      video.onloadedmetadata = () => {
-        resolve({
-          width: video.videoWidth,
-          height: video.videoHeight,
-          duration: video.duration
+      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 = reject;
+      video.onerror = () => resolve({});
+      video.src = URL.createObjectURL(blob);
       return;
     }
     resolve({});

package/dist/file/client/drop_file_input.mjs

@@ -14,8 +14,10 @@ function cn(...classes) {
 }
 
 // src/file/client/metadata.ts
-function generateMetadata(blob) {
-  return new Promise((resolve, reject) => {
+function generateMetadata(blob, {
+  uploadBlob
+} = {}) {
+  return new Promise((resolve) => {
     if (blob.type.startsWith("image/")) {
       const img = new Image();
       img.src = URL.createObjectURL(blob);
@@ -25,20 +27,44 @@ function generateMetadata(blob) {
           height: img.height
         });
       };
-      img.onerror = reject;
+      img.onerror = () => resolve({});
       return;
     }
     if (blob.type.startsWith("video/")) {
       const video = document.createElement("video");
-      video.src = URL.createObjectURL(blob);
-      video.onloadedmetadata = () => {
-        resolve({
-          width: video.videoWidth,
-          height: video.videoHeight,
-          duration: video.duration
+      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 = reject;
+      video.onerror = () => resolve({});
+      video.src = URL.createObjectURL(blob);
       return;
     }
     resolve({});

package/dist/file/client/file_uploader.js

@@ -25,8 +25,10 @@ __export(file_uploader_exports, {
 module.exports = __toCommonJS(file_uploader_exports);
 
 // src/file/client/metadata.ts
-function generateMetadata(blob) {
-  return new Promise((resolve, reject) => {
+function generateMetadata(blob, {
+  uploadBlob
+} = {}) {
+  return new Promise((resolve) => {
     if (blob.type.startsWith("image/")) {
       const img = new Image();
       img.src = URL.createObjectURL(blob);
@@ -36,20 +38,44 @@ function generateMetadata(blob) {
           height: img.height
         });
       };
-      img.onerror = reject;
+      img.onerror = () => resolve({});
       return;
     }
     if (blob.type.startsWith("video/")) {
       const video = document.createElement("video");
-      video.src = URL.createObjectURL(blob);
-      video.onloadedmetadata = () => {
-        resolve({
-          width: video.videoWidth,
-          height: video.videoHeight,
-          duration: video.duration
+      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 = reject;
+      video.onerror = () => resolve({});
+      video.src = URL.createObjectURL(blob);
       return;
     }
     resolve({});

package/dist/file/client/file_uploader.mjs

@@ -1,6 +1,8 @@
 // src/file/client/metadata.ts
-function generateMetadata(blob) {
-  return new Promise((resolve, reject) => {
+function generateMetadata(blob, {
+  uploadBlob
+} = {}) {
+  return new Promise((resolve) => {
     if (blob.type.startsWith("image/")) {
       const img = new Image();
       img.src = URL.createObjectURL(blob);
@@ -10,20 +12,44 @@ function generateMetadata(blob) {
           height: img.height
         });
       };
-      img.onerror = reject;
+      img.onerror = () => resolve({});
       return;
     }
     if (blob.type.startsWith("video/")) {
       const video = document.createElement("video");
-      video.src = URL.createObjectURL(blob);
-      video.onloadedmetadata = () => {
-        resolve({
-          width: video.videoWidth,
-          height: video.videoHeight,
-          duration: video.duration
+      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 = reject;
+      video.onerror = () => resolve({});
+      video.src = URL.createObjectURL(blob);
       return;
     }
     resolve({});

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

@@ -1,3 +1,7 @@
-declare function generateMetadata(blob: Blob | File): Promise<Record<string, unknown>>;
+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,3 +1,7 @@
-declare function generateMetadata(blob: Blob | File): Promise<Record<string, unknown>>;
+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

@@ -23,8 +23,10 @@ __export(metadata_exports, {
   generateMetadata: () => generateMetadata
 });
 module.exports = __toCommonJS(metadata_exports);
-function generateMetadata(blob) {
-  return new Promise((resolve, reject) => {
+function generateMetadata(blob, {
+  uploadBlob
+} = {}) {
+  return new Promise((resolve) => {
     if (blob.type.startsWith("image/")) {
       const img = new Image();
       img.src = URL.createObjectURL(blob);
@@ -34,20 +36,44 @@ function generateMetadata(blob) {
           height: img.height
         });
       };
-      img.onerror = reject;
+      img.onerror = () => resolve({});
       return;
     }
     if (blob.type.startsWith("video/")) {
       const video = document.createElement("video");
-      video.src = URL.createObjectURL(blob);
-      video.onloadedmetadata = () => {
-        resolve({
-          width: video.videoWidth,
-          height: video.videoHeight,
-          duration: video.duration
+      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 = reject;
+      video.onerror = () => resolve({});
+      video.src = URL.createObjectURL(blob);
       return;
     }
     resolve({});

package/dist/file/client/metadata.mjs

@@ -1,6 +1,8 @@
 // src/file/client/metadata.ts
-function generateMetadata(blob) {
-  return new Promise((resolve, reject) => {
+function generateMetadata(blob, {
+  uploadBlob
+} = {}) {
+  return new Promise((resolve) => {
     if (blob.type.startsWith("image/")) {
       const img = new Image();
       img.src = URL.createObjectURL(blob);
@@ -10,20 +12,44 @@ function generateMetadata(blob) {
           height: img.height
         });
       };
-      img.onerror = reject;
+      img.onerror = () => resolve({});
       return;
     }
     if (blob.type.startsWith("video/")) {
       const video = document.createElement("video");
-      video.src = URL.createObjectURL(blob);
-      video.onloadedmetadata = () => {
-        resolve({
-          width: video.videoWidth,
-          height: video.videoHeight,
-          duration: video.duration
+      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 = reject;
+      video.onerror = () => resolve({});
+      video.src = URL.createObjectURL(blob);
       return;
     }
     resolve({});

package/dist/index.d.mts

@@ -2,4 +2,5 @@ export { cn } from './cn.mjs';
 export { formatHumanDateTime } from './date.mjs';
 export { singleton } from './singleton.mjs';
 export { toSlug } from './slug.mjs';
+export { sleep } from './sleep.mjs';
 export { default as moment } from 'moment-timezone';

package/dist/index.d.ts

@@ -2,4 +2,5 @@ export { cn } from './cn.js';
 export { formatHumanDateTime } from './date.js';
 export { singleton } from './singleton.js';
 export { toSlug } from './slug.js';
+export { sleep } from './sleep.js';
 export { default as moment } from 'moment-timezone';

package/dist/index.js

@@ -34,6 +34,7 @@ __export(index_exports, {
   formatHumanDateTime: () => formatHumanDateTime,
   moment: () => import_moment_timezone.default,
   singleton: () => singleton,
+  sleep: () => sleep,
   toSlug: () => toSlug
 });
 module.exports = __toCommonJS(index_exports);
@@ -83,11 +84,17 @@ function singleton(name, fn) {
 var toSlug = (str) => {
   return str.toLowerCase().replace(/[^a-zA-Z0-9가-힣ㄱ-ㅎㅏ-ㅣ]+/g, "-").replace(/^-|-$/g, "");
 };
+
+// src/sleep.ts
+var sleep = (ms) => {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   cn,
   formatHumanDateTime,
   moment,
   singleton,
+  sleep,
   toSlug
 });

package/dist/index.mjs

@@ -43,10 +43,16 @@ function singleton(name, fn) {
 var toSlug = (str) => {
   return str.toLowerCase().replace(/[^a-zA-Z0-9가-힣ㄱ-ㅎㅏ-ㅣ]+/g, "-").replace(/^-|-$/g, "");
 };
+
+// src/sleep.ts
+var sleep = (ms) => {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+};
 export {
   cn,
   formatHumanDateTime,
   moment,
   singleton,
+  sleep,
   toSlug
 };

package/dist/sleep.d.mts

@@ -0,0 +1,3 @@
+declare const sleep: (ms: number) => Promise<unknown>;
+
+export { sleep };

package/dist/sleep.d.ts

@@ -0,0 +1,3 @@
+declare const sleep: (ms: number) => Promise<unknown>;
+
+export { sleep };

package/dist/sleep.js

@@ -0,0 +1,32 @@
+"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/sleep.ts
+var sleep_exports = {};
+__export(sleep_exports, {
+  sleep: () => sleep
+});
+module.exports = __toCommonJS(sleep_exports);
+var sleep = (ms) => {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  sleep
+});

package/dist/sleep.mjs

@@ -0,0 +1,7 @@
+// src/sleep.ts
+var sleep = (ms) => {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+};
+export {
+  sleep
+};

package/dist/text_editor/attach_media.d.mts

@@ -0,0 +1,16 @@
+import { EditorView } from 'prosemirror-view';
+import { Node } from 'prosemirror-model';
+import { FileUploader } from '../file/client/file_uploader.mjs';
+import { createSchema } from './schema.mjs';
+import 'orderedmap';
+
+declare function createAttachMedia<TFile extends {
+    name?: string;
+    key: string;
+}>({ schema, cdnOrigin, fileUploader, }: {
+    schema: ReturnType<typeof createSchema>;
+    cdnOrigin: string;
+    fileUploader: FileUploader<TFile>;
+}): (view: EditorView, medias: File[], pos?: number) => Promise<Node[]>;
+
+export { createAttachMedia };

package/dist/text_editor/attach_media.d.ts

@@ -0,0 +1,16 @@
+import { EditorView } from 'prosemirror-view';
+import { Node } from 'prosemirror-model';
+import { FileUploader } from '../file/client/file_uploader.js';
+import { createSchema } from './schema.js';
+import 'orderedmap';
+
+declare function createAttachMedia<TFile extends {
+    name?: string;
+    key: string;
+}>({ schema, cdnOrigin, fileUploader, }: {
+    schema: ReturnType<typeof createSchema>;
+    cdnOrigin: string;
+    fileUploader: FileUploader<TFile>;
+}): (view: EditorView, medias: File[], pos?: number) => Promise<Node[]>;
+
+export { createAttachMedia };