dn-react-router-toolkit 0.6.8 → 0.7.0

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
 });
@@ -128,22 +129,37 @@ function StoreTextEditor({
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = (0, import_react4.useRef)(null);
+  const controllerRef = (0, import_react4.useRef)(null);
+  (0, import_react4.useImperativeHandle)(
+    ref,
+    () => controllerRef.current,
+    []
+  );
   const { dispatch } = (0, import_react_store_input.useStoreController)(store, {
     onSubscribe: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -169,7 +185,7 @@ function StoreTextEditor({
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();
@@ -178,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

@@ -83,29 +83,44 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React3, { useRef } from "react";
+import React3, { useImperativeHandle, useRef } from "react";
 function StoreTextEditor({
   store,
   name,
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = useRef(null);
+  const controllerRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => controllerRef.current,
+    []
+  );
   const { dispatch } = useStoreController(store, {
     onSubscribe: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -131,7 +146,7 @@ function StoreTextEditor({
     TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();
@@ -140,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/client/store_text_editor.d.mts

@@ -8,6 +8,6 @@ type Props<TState> = {
     getter?: (state: TState) => string;
     setter?: (state: TState, value: string) => void;
 } & TextEditorProps;
-declare function StoreTextEditor<TState>({ store, name, getter, setter, defaultValue, ...props }: Props<TState>): React__default.JSX.Element;
+declare function StoreTextEditor<TState>({ store, name, getter, setter, defaultValue, ref, ...props }: Props<TState>): React__default.JSX.Element;
 
 export { StoreTextEditor };

package/dist/client/store_text_editor.d.ts

@@ -8,6 +8,6 @@ type Props<TState> = {
     getter?: (state: TState) => string;
     setter?: (state: TState, value: string) => void;
 } & TextEditorProps;
-declare function StoreTextEditor<TState>({ store, name, getter, setter, defaultValue, ...props }: Props<TState>): React__default.JSX.Element;
+declare function StoreTextEditor<TState>({ store, name, getter, setter, defaultValue, ref, ...props }: Props<TState>): React__default.JSX.Element;
 
 export { StoreTextEditor };

package/dist/client/store_text_editor.js

@@ -42,22 +42,37 @@ function StoreTextEditor({
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = (0, import_react.useRef)(null);
+  const controllerRef = (0, import_react.useRef)(null);
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => controllerRef.current,
+    []
+  );
   const { dispatch } = (0, import_react_store_input.useStoreController)(store, {
     onSubscribe: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -83,7 +98,7 @@ function StoreTextEditor({
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/client/store_text_editor.mjs

@@ -3,29 +3,44 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React, { useRef } from "react";
+import React, { useImperativeHandle, useRef } from "react";
 function StoreTextEditor({
   store,
   name,
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = useRef(null);
+  const controllerRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => controllerRef.current,
+    []
+  );
   const { dispatch } = useStoreController(store, {
     onSubscribe: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -51,7 +66,7 @@ function StoreTextEditor({
     TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/crud/crud_form.js

@@ -92,22 +92,37 @@ function StoreTextEditor({
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = (0, import_react7.useRef)(null);
+  const controllerRef = (0, import_react7.useRef)(null);
+  (0, import_react7.useImperativeHandle)(
+    ref,
+    () => controllerRef.current,
+    []
+  );
   const { dispatch } = (0, import_react_store_input2.useStoreController)(store, {
     onSubscribe: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -133,7 +148,7 @@ function StoreTextEditor({
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();
@@ -143,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

package/dist/crud/crud_form.mjs

@@ -51,29 +51,44 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React5, { useRef } from "react";
+import React5, { useImperativeHandle, useRef } from "react";
 function StoreTextEditor({
   store,
   name,
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = useRef(null);
+  const controllerRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => controllerRef.current,
+    []
+  );
   const { dispatch } = useStoreController(store, {
     onSubscribe: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -99,7 +114,7 @@ function StoreTextEditor({
     TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();
@@ -109,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

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 };