dn-react-router-toolkit 0.6.10 → 0.7.1

package/dist/client/editor.d.mts

@@ -0,0 +1,12 @@
+import { FileUploader } from 'dn-react-toolkit/file/client';
+import { AttachFileOptions } from 'dn-react-text-editor';
+import { CDN } from 'dn-react-toolkit/file';
+
+declare function createAttachFileOptions<TFile extends {
+    key: string;
+}>({ cdn, fileUploader, }: {
+    cdn: CDN;
+    fileUploader: FileUploader<TFile>;
+}): Omit<AttachFileOptions, "schema">;
+
+export { createAttachFileOptions };

package/dist/client/editor.d.ts

@@ -0,0 +1,12 @@
+import { FileUploader } from 'dn-react-toolkit/file/client';
+import { AttachFileOptions } from 'dn-react-text-editor';
+import { CDN } from 'dn-react-toolkit/file';
+
+declare function createAttachFileOptions<TFile extends {
+    key: string;
+}>({ cdn, fileUploader, }: {
+    cdn: CDN;
+    fileUploader: FileUploader<TFile>;
+}): Omit<AttachFileOptions, "schema">;
+
+export { createAttachFileOptions };

package/dist/client/editor.js

@@ -0,0 +1,57 @@
+"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/client/editor.tsx
+var editor_exports = {};
+__export(editor_exports, {
+  createAttachFileOptions: () => createAttachFileOptions
+});
+module.exports = __toCommonJS(editor_exports);
+var import_client = require("dn-react-toolkit/file/client");
+function createAttachFileOptions({
+  cdn,
+  fileUploader
+}) {
+  return {
+    uploadFile: async (file) => {
+      const result = await fileUploader.uploadFile(file, {
+        convertToWebp: true
+      });
+      return {
+        alt: file.name,
+        src: cdn(result.key)
+      };
+    },
+    generateMetadata: (file) => (0, import_client.generateMetadata)(file, {
+      uploadBlob: async (blob) => {
+        const result = await fileUploader.uploadBlob(blob, "file", {
+          convertToWebp: true
+        });
+        return {
+          alt: file.name,
+          src: cdn(result.key)
+        };
+      }
+    })
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createAttachFileOptions
+});

package/dist/client/editor.mjs

@@ -0,0 +1,32 @@
+// src/client/editor.tsx
+import { generateMetadata } from "dn-react-toolkit/file/client";
+function createAttachFileOptions({
+  cdn,
+  fileUploader
+}) {
+  return {
+    uploadFile: async (file) => {
+      const result = await fileUploader.uploadFile(file, {
+        convertToWebp: true
+      });
+      return {
+        alt: file.name,
+        src: cdn(result.key)
+      };
+    },
+    generateMetadata: (file) => generateMetadata(file, {
+      uploadBlob: async (blob) => {
+        const result = await fileUploader.uploadBlob(blob, "file", {
+          convertToWebp: true
+        });
+        return {
+          alt: file.name,
+          src: cdn(result.key)
+        };
+      }
+    })
+  };
+}
+export {
+  createAttachFileOptions
+};

package/dist/client/index.d.mts

@@ -3,6 +3,9 @@ export { EnvLoader } from './env_loader.mjs';
 export { FileInput } from './file_input.mjs';
 export { useUserAgent } from './use_user_agent.mjs';
 export { StoreTextEditor } from './store_text_editor.mjs';
+export { createAttachFileOptions } from './editor.mjs';
 import 'react';
 import 'dn-react-text-editor';
 import 'react-store-input';
+import 'dn-react-toolkit/file/client';
+import 'dn-react-toolkit/file';

package/dist/client/index.d.ts

@@ -3,6 +3,9 @@ export { EnvLoader } from './env_loader.js';
 export { FileInput } from './file_input.js';
 export { useUserAgent } from './use_user_agent.js';
 export { StoreTextEditor } from './store_text_editor.js';
+export { createAttachFileOptions } from './editor.js';
 import 'react';
 import 'dn-react-text-editor';
 import 'react-store-input';
+import 'dn-react-toolkit/file/client';
+import 'dn-react-toolkit/file';

package/dist/client/index.js

@@ -33,6 +33,7 @@ __export(client_exports, {
   EnvLoader: () => EnvLoader,
   FileInput: () => FileInput,
   StoreTextEditor: () => StoreTextEditor,
+  createAttachFileOptions: () => createAttachFileOptions,
   env: () => env,
   useUserAgent: () => useUserAgent
 });
@@ -193,11 +194,42 @@ function StoreTextEditor({
     }
   );
 }
+
+// src/client/editor.tsx
+var import_client = require("dn-react-toolkit/file/client");
+function createAttachFileOptions({
+  cdn,
+  fileUploader
+}) {
+  return {
+    uploadFile: async (file) => {
+      const result = await fileUploader.uploadFile(file, {
+        convertToWebp: true
+      });
+      return {
+        alt: file.name,
+        src: cdn(result.key)
+      };
+    },
+    generateMetadata: (file) => (0, import_client.generateMetadata)(file, {
+      uploadBlob: async (blob) => {
+        const result = await fileUploader.uploadBlob(blob, "file", {
+          convertToWebp: true
+        });
+        return {
+          alt: file.name,
+          src: cdn(result.key)
+        };
+      }
+    })
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   EnvLoader,
   FileInput,
   StoreTextEditor,
+  createAttachFileOptions,
   env,
   useUserAgent
 });

package/dist/client/index.mjs

@@ -155,10 +155,41 @@ function StoreTextEditor({
     }
   );
 }
+
+// src/client/editor.tsx
+import { generateMetadata } from "dn-react-toolkit/file/client";
+function createAttachFileOptions({
+  cdn,
+  fileUploader
+}) {
+  return {
+    uploadFile: async (file) => {
+      const result = await fileUploader.uploadFile(file, {
+        convertToWebp: true
+      });
+      return {
+        alt: file.name,
+        src: cdn(result.key)
+      };
+    },
+    generateMetadata: (file) => generateMetadata(file, {
+      uploadBlob: async (blob) => {
+        const result = await fileUploader.uploadBlob(blob, "file", {
+          convertToWebp: true
+        });
+        return {
+          alt: file.name,
+          src: cdn(result.key)
+        };
+      }
+    })
+  };
+}
 export {
   EnvLoader,
   FileInput,
   StoreTextEditor,
+  createAttachFileOptions,
   env,
   useUserAgent
 };

package/dist/crud/crud_form.js

@@ -158,6 +158,9 @@ function StoreTextEditor({
   );
 }
 
+// src/client/editor.tsx
+var import_client = require("dn-react-toolkit/file/client");
+
 // src/crud/crud_form.tsx
 function CrudForm({
   AdminHeader
@@ -219,14 +222,5 @@ function CrudForm({
       }
       return /* @__PURE__ */ import_react8.default.createElement(FormRow, null, /* @__PURE__ */ import_react8.default.createElement(FormEntry, null, /* @__PURE__ */ import_react8.default.createElement(FormLabel, { key: name }, value.label), /* @__PURE__ */ import_react8.default.createElement(InputComponent, null)));
     }
-  )), form.item && /* @__PURE__ */ import_react8.default.createElement(
-    "button",
-    {
-      className: "button-dangerous mt-8",
-      onClick: () => {
-        form.delete();
-      }
-    },
-    "\uC0AD\uC81C\uD558\uAE30"
-  )));
+  ))));
 }

package/dist/crud/crud_form.mjs

@@ -124,6 +124,9 @@ function StoreTextEditor({
   );
 }
 
+// src/client/editor.tsx
+import { generateMetadata } from "dn-react-toolkit/file/client";
+
 // src/crud/crud_form.tsx
 function CrudForm({
   AdminHeader
@@ -185,16 +188,7 @@ function CrudForm({
       }
       return /* @__PURE__ */ React6.createElement(FormRow, null, /* @__PURE__ */ React6.createElement(FormEntry, null, /* @__PURE__ */ React6.createElement(FormLabel, { key: name }, value.label), /* @__PURE__ */ React6.createElement(InputComponent, null)));
     }
-  )), form.item && /* @__PURE__ */ React6.createElement(
-    "button",
-    {
-      className: "button-dangerous mt-8",
-      onClick: () => {
-        form.delete();
-      }
-    },
-    "\uC0AD\uC81C\uD558\uAE30"
-  )));
+  ))));
 }
 export {
   CrudForm as default

package/dist/crud/crud_form_provider.d.mts

@@ -14,8 +14,7 @@ type FormColumnValue<TModel> = {
 type FormColumns<TModel> = Partial<{
     [K in keyof TModel]: FormColumnValue<TModel>;
 }>;
-declare const FormContext: React__default.Context<{}>;
-declare function useFormContext<TModel>(): {
+type FormContextProps<TModel> = {
     name: string;
     item?: TModel;
     store: Store<TModel>;
@@ -23,6 +22,8 @@ declare function useFormContext<TModel>(): {
     delete: () => Promise<void>;
     columns: FormColumns<TModel>;
 };
+declare const FormContext: React__default.Context<{}>;
+declare function useFormContext<TModel>(): FormContextProps<TModel>;
 type CrudFormProps<TModel> = {
     primaryKey: keyof TModel;
     name: string;
@@ -33,4 +34,4 @@ type CrudFormProps<TModel> = {
 };
 declare function CrudFormProvider<TModel>({ primaryKey, name, prefix, item, columns, children, }: CrudFormProps<TModel>): React__default.JSX.Element;
 
-export { type CrudFormProps, type FormColumnValue, type FormColumns, FormContext, CrudFormProvider as default, useFormContext };
+export { type CrudFormProps, type FormColumnValue, type FormColumns, FormContext, type FormContextProps, CrudFormProvider as default, useFormContext };

package/dist/crud/crud_form_provider.d.ts

@@ -14,8 +14,7 @@ type FormColumnValue<TModel> = {
 type FormColumns<TModel> = Partial<{
     [K in keyof TModel]: FormColumnValue<TModel>;
 }>;
-declare const FormContext: React__default.Context<{}>;
-declare function useFormContext<TModel>(): {
+type FormContextProps<TModel> = {
     name: string;
     item?: TModel;
     store: Store<TModel>;
@@ -23,6 +22,8 @@ declare function useFormContext<TModel>(): {
     delete: () => Promise<void>;
     columns: FormColumns<TModel>;
 };
+declare const FormContext: React__default.Context<{}>;
+declare function useFormContext<TModel>(): FormContextProps<TModel>;
 type CrudFormProps<TModel> = {
     primaryKey: keyof TModel;
     name: string;
@@ -33,4 +34,4 @@ type CrudFormProps<TModel> = {
 };
 declare function CrudFormProvider<TModel>({ primaryKey, name, prefix, item, columns, children, }: CrudFormProps<TModel>): React__default.JSX.Element;
 
-export { type CrudFormProps, type FormColumnValue, type FormColumns, FormContext, CrudFormProvider as default, useFormContext };
+export { type CrudFormProps, type FormColumnValue, type FormColumns, FormContext, type FormContextProps, CrudFormProvider as default, useFormContext };

package/dist/crud/crud_form_provider.js

@@ -114,22 +114,22 @@ function CrudFormProvider({
   const apiPrefix = `/api${prefix}`;
   const createInitialState = () => {
     return Object.keys(item || columns).reduce((acc, key) => {
-      const value = item ? item[key] : void 0;
+      const value2 = item ? item[key] : void 0;
       if (columns[key]?.defaultValue !== void 0) {
-        if (typeof value === "number") {
+        if (typeof value2 === "number") {
           return {
             ...acc,
-            [key]: value ?? columns[key]?.defaultValue
+            [key]: value2 ?? columns[key]?.defaultValue
           };
         }
         return {
           ...acc,
-          [key]: value || columns[key]?.defaultValue
+          [key]: value2 || columns[key]?.defaultValue
         };
       }
       return {
         ...acc,
-        [key]: value
+        [key]: value2
       };
     }, {});
   };
@@ -171,13 +171,15 @@ function CrudFormProvider({
     alert(`${name}\uB97C \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
     navigate(`${prefix}`);
   };
-  return /* @__PURE__ */ import_react2.default.createElement(
-    FormContext.Provider,
-    {
-      value: { name, item, store, submit, delete: deleteItem, columns }
-    },
-    children
-  );
+  const value = {
+    name,
+    item,
+    store,
+    submit,
+    delete: deleteItem,
+    columns
+  };
+  return /* @__PURE__ */ import_react2.default.createElement(FormContext.Provider, { value }, children);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/crud/crud_form_provider.mjs

@@ -78,22 +78,22 @@ function CrudFormProvider({
   const apiPrefix = `/api${prefix}`;
   const createInitialState = () => {
     return Object.keys(item || columns).reduce((acc, key) => {
-      const value = item ? item[key] : void 0;
+      const value2 = item ? item[key] : void 0;
       if (columns[key]?.defaultValue !== void 0) {
-        if (typeof value === "number") {
+        if (typeof value2 === "number") {
           return {
             ...acc,
-            [key]: value ?? columns[key]?.defaultValue
+            [key]: value2 ?? columns[key]?.defaultValue
           };
         }
         return {
           ...acc,
-          [key]: value || columns[key]?.defaultValue
+          [key]: value2 || columns[key]?.defaultValue
         };
       }
       return {
         ...acc,
-        [key]: value
+        [key]: value2
       };
     }, {});
   };
@@ -135,13 +135,15 @@ function CrudFormProvider({
     alert(`${name}\uB97C \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
     navigate(`${prefix}`);
   };
-  return /* @__PURE__ */ React.createElement(
-    FormContext.Provider,
-    {
-      value: { name, item, store, submit, delete: deleteItem, columns }
-    },
-    children
-  );
+  const value = {
+    name,
+    item,
+    store,
+    submit,
+    delete: deleteItem,
+    columns
+  };
+  return /* @__PURE__ */ React.createElement(FormContext.Provider, { value }, children);
 }
 export {
   FormContext,

package/dist/crud/crud_page.d.mts

@@ -1,4 +1,4 @@
-import { CrudFormProps } from './crud_form_provider.mjs';
+import { FormContextProps, CrudFormProps } from './crud_form_provider.mjs';
 import { TablePageOptions } from '../table/page.mjs';
 import React__default from 'react';
 import 'react-store-input';
@@ -9,7 +9,9 @@ type CrudPageOptions<TModel> = {
     primaryKey: keyof TModel;
     tablePageOptions: Omit<TablePageOptions<TModel>, "name">;
     formOptions: {
-        form?: React__default.FC;
+        form?: React__default.FC<{
+            form: FormContextProps<TModel>;
+        }>;
         columns: CrudFormProps<TModel>["columns"];
     };
     header: React__default.FC<{

package/dist/crud/crud_page.d.ts

@@ -1,4 +1,4 @@
-import { CrudFormProps } from './crud_form_provider.js';
+import { FormContextProps, CrudFormProps } from './crud_form_provider.js';
 import { TablePageOptions } from '../table/page.js';
 import React__default from 'react';
 import 'react-store-input';
@@ -9,7 +9,9 @@ type CrudPageOptions<TModel> = {
     primaryKey: keyof TModel;
     tablePageOptions: Omit<TablePageOptions<TModel>, "name">;
     formOptions: {
-        form?: React__default.FC;
+        form?: React__default.FC<{
+            form: FormContextProps<TModel>;
+        }>;
         columns: CrudFormProps<TModel>["columns"];
     };
     header: React__default.FC<{

package/dist/crud/crud_page.js

@@ -115,22 +115,22 @@ function CrudFormProvider({
   const apiPrefix = `/api${prefix}`;
   const createInitialState = () => {
     return Object.keys(item || columns).reduce((acc, key) => {
-      const value = item ? item[key] : void 0;
+      const value2 = item ? item[key] : void 0;
       if (columns[key]?.defaultValue !== void 0) {
-        if (typeof value === "number") {
+        if (typeof value2 === "number") {
           return {
             ...acc,
-            [key]: value ?? columns[key]?.defaultValue
+            [key]: value2 ?? columns[key]?.defaultValue
           };
         }
         return {
           ...acc,
-          [key]: value || columns[key]?.defaultValue
+          [key]: value2 || columns[key]?.defaultValue
         };
       }
       return {
         ...acc,
-        [key]: value
+        [key]: value2
       };
     }, {});
   };
@@ -172,13 +172,15 @@ function CrudFormProvider({
     alert(`${name}\uB97C \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
     navigate(`${prefix}`);
   };
-  return /* @__PURE__ */ import_react2.default.createElement(
-    FormContext.Provider,
-    {
-      value: { name, item, store, submit, delete: deleteItem, columns }
-    },
-    children
-  );
+  const value = {
+    name,
+    item,
+    store,
+    submit,
+    delete: deleteItem,
+    columns
+  };
+  return /* @__PURE__ */ import_react2.default.createElement(FormContext.Provider, { value }, children);
 }
 
 // src/table/page.tsx
@@ -699,6 +701,9 @@ function StoreTextEditor({
   );
 }
 
+// src/client/editor.tsx
+var import_client = require("dn-react-toolkit/file/client");
+
 // src/crud/crud_form.tsx
 function CrudForm({
   AdminHeader
@@ -760,16 +765,7 @@ function CrudForm({
       }
       return /* @__PURE__ */ import_react13.default.createElement(FormRow, null, /* @__PURE__ */ import_react13.default.createElement(FormEntry, null, /* @__PURE__ */ import_react13.default.createElement(FormLabel, { key: name }, value.label), /* @__PURE__ */ import_react13.default.createElement(InputComponent, null)));
     }
-  )), form.item && /* @__PURE__ */ import_react13.default.createElement(
-    "button",
-    {
-      className: "button-dangerous mt-8",
-      onClick: () => {
-        form.delete();
-      }
-    },
-    "\uC0AD\uC81C\uD558\uAE30"
-  )));
+  ))));
 }
 
 // src/crud/crud_page.tsx
@@ -802,12 +798,18 @@ function crudPage({
             columns: formOptions.columns,
             primaryKey
           },
-          formOptions.form ? /* @__PURE__ */ import_react14.default.createElement(formOptions.form, null) : /* @__PURE__ */ import_react14.default.createElement(CrudForm, { AdminHeader: header })
+          formOptions.form ? /* @__PURE__ */ import_react14.default.createElement(FormDelegate, { component: formOptions.form }) : /* @__PURE__ */ import_react14.default.createElement(CrudForm, { AdminHeader: header })
         );
       }
     };
   };
 }
+function FormDelegate({
+  component: Component
+}) {
+  const form = useFormContext();
+  return /* @__PURE__ */ import_react14.default.createElement(Component, { form });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   crudPage

package/dist/crud/crud_page.mjs

@@ -81,22 +81,22 @@ function CrudFormProvider({
   const apiPrefix = `/api${prefix}`;
   const createInitialState = () => {
     return Object.keys(item || columns).reduce((acc, key) => {
-      const value = item ? item[key] : void 0;
+      const value2 = item ? item[key] : void 0;
       if (columns[key]?.defaultValue !== void 0) {
-        if (typeof value === "number") {
+        if (typeof value2 === "number") {
           return {
             ...acc,
-            [key]: value ?? columns[key]?.defaultValue
+            [key]: value2 ?? columns[key]?.defaultValue
           };
         }
         return {
           ...acc,
-          [key]: value || columns[key]?.defaultValue
+          [key]: value2 || columns[key]?.defaultValue
         };
       }
       return {
         ...acc,
-        [key]: value
+        [key]: value2
       };
     }, {});
   };
@@ -138,13 +138,15 @@ function CrudFormProvider({
     alert(`${name}\uB97C \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
     navigate(`${prefix}`);
   };
-  return /* @__PURE__ */ React.createElement(
-    FormContext.Provider,
-    {
-      value: { name, item, store, submit, delete: deleteItem, columns }
-    },
-    children
-  );
+  const value = {
+    name,
+    item,
+    store,
+    submit,
+    delete: deleteItem,
+    columns
+  };
+  return /* @__PURE__ */ React.createElement(FormContext.Provider, { value }, children);
 }
 
 // src/table/page.tsx
@@ -673,6 +675,9 @@ function StoreTextEditor({
   );
 }
 
+// src/client/editor.tsx
+import { generateMetadata } from "dn-react-toolkit/file/client";
+
 // src/crud/crud_form.tsx
 function CrudForm({
   AdminHeader
@@ -734,16 +739,7 @@ function CrudForm({
       }
       return /* @__PURE__ */ React11.createElement(FormRow, null, /* @__PURE__ */ React11.createElement(FormEntry, null, /* @__PURE__ */ React11.createElement(FormLabel, { key: name }, value.label), /* @__PURE__ */ React11.createElement(InputComponent, null)));
     }
-  )), form.item && /* @__PURE__ */ React11.createElement(
-    "button",
-    {
-      className: "button-dangerous mt-8",
-      onClick: () => {
-        form.delete();
-      }
-    },
-    "\uC0AD\uC81C\uD558\uAE30"
-  )));
+  ))));
 }
 
 // src/crud/crud_page.tsx
@@ -776,12 +772,18 @@ function crudPage({
             columns: formOptions.columns,
             primaryKey
           },
-          formOptions.form ? /* @__PURE__ */ React12.createElement(formOptions.form, null) : /* @__PURE__ */ React12.createElement(CrudForm, { AdminHeader: header })
+          formOptions.form ? /* @__PURE__ */ React12.createElement(FormDelegate, { component: formOptions.form }) : /* @__PURE__ */ React12.createElement(CrudForm, { AdminHeader: header })
         );
       }
     };
   };
 }
+function FormDelegate({
+  component: Component
+}) {
+  const form = useFormContext();
+  return /* @__PURE__ */ React12.createElement(Component, { form });
+}
 export {
   crudPage
 };

package/dist/crud/index.d.mts

@@ -1,4 +1,4 @@
-export { CrudFormProps, FormColumnValue, FormColumns, FormContext, useFormContext } from './crud_form_provider.mjs';
+export { CrudFormProps, FormColumnValue, FormColumns, FormContext, FormContextProps, useFormContext } from './crud_form_provider.mjs';
 export { CrudHandler, CrudHandlerOptions, crudHandler } from './crud_loader.mjs';
 export { CrudPage, CrudPageOptions, crudPage } from './crud_page.mjs';
 export { generateHandlers } from './generate_handlers.mjs';