dn-react-router-toolkit 0.5.8 → 0.6.0

package/dist/auth/cookie_store.d.mts

@@ -4,7 +4,7 @@ import { SerializeOptions, ParseOptions } from 'cookie';
 declare class ReactRouterCookieManager implements CookieManager {
     name: string;
     options: SerializeOptions;
-    private store;
+    private cookie;
     constructor(name: string);
     parse(request: Request, parseOptions?: ParseOptions | undefined): Promise<string | null>;
     serialize(value: string | null, serializeOptions?: SerializeOptions | undefined): Promise<string>;

package/dist/auth/cookie_store.d.ts

@@ -4,7 +4,7 @@ import { SerializeOptions, ParseOptions } from 'cookie';
 declare class ReactRouterCookieManager implements CookieManager {
     name: string;
     options: SerializeOptions;
-    private store;
+    private cookie;
     constructor(name: string);
     parse(request: Request, parseOptions?: ParseOptions | undefined): Promise<string | null>;
     serialize(value: string | null, serializeOptions?: SerializeOptions | undefined): Promise<string>;

package/dist/auth/cookie_store.js

@@ -27,7 +27,7 @@ var import_react_router = require("react-router");
 var ReactRouterCookieManager = class {
   name;
   options;
-  store;
+  cookie;
   constructor(name) {
     this.name = name;
     this.options = {
@@ -36,14 +36,14 @@ var ReactRouterCookieManager = class {
       secure: process.env.NODE_ENV === "production",
       sameSite: "strict"
     };
-    this.store = (0, import_react_router.createCookie)(this.name, this.options);
+    this.cookie = (0, import_react_router.createCookie)(this.name, this.options);
   }
   async parse(request, parseOptions) {
     const cookieStore = request.headers.get("cookie") || "";
-    return this.store.parse(cookieStore, parseOptions);
+    return this.cookie.parse(cookieStore, parseOptions);
   }
   async serialize(value, serializeOptions) {
-    return this.store.serialize(value, {
+    return this.cookie.serialize(value, {
       ...this.options,
       maxAge: !value ? 0 : void 0,
       ...serializeOptions

package/dist/auth/cookie_store.mjs

@@ -3,7 +3,7 @@ import { createCookie } from "react-router";
 var ReactRouterCookieManager = class {
   name;
   options;
-  store;
+  cookie;
   constructor(name) {
     this.name = name;
     this.options = {
@@ -12,14 +12,14 @@ var ReactRouterCookieManager = class {
       secure: process.env.NODE_ENV === "production",
       sameSite: "strict"
     };
-    this.store = createCookie(this.name, this.options);
+    this.cookie = createCookie(this.name, this.options);
   }
   async parse(request, parseOptions) {
     const cookieStore = request.headers.get("cookie") || "";
-    return this.store.parse(cookieStore, parseOptions);
+    return this.cookie.parse(cookieStore, parseOptions);
   }
   async serialize(value, serializeOptions) {
-    return this.store.serialize(value, {
+    return this.cookie.serialize(value, {
       ...this.options,
       maxAge: !value ? 0 : void 0,
       ...serializeOptions

package/dist/auth/index.js

@@ -126,7 +126,7 @@ var import_react_router = require("react-router");
 var ReactRouterCookieManager = class {
   name;
   options;
-  store;
+  cookie;
   constructor(name) {
     this.name = name;
     this.options = {
@@ -135,14 +135,14 @@ var ReactRouterCookieManager = class {
       secure: process.env.NODE_ENV === "production",
       sameSite: "strict"
     };
-    this.store = (0, import_react_router.createCookie)(this.name, this.options);
+    this.cookie = (0, import_react_router.createCookie)(this.name, this.options);
   }
   async parse(request, parseOptions) {
     const cookieStore = request.headers.get("cookie") || "";
-    return this.store.parse(cookieStore, parseOptions);
+    return this.cookie.parse(cookieStore, parseOptions);
   }
   async serialize(value, serializeOptions) {
-    return this.store.serialize(value, {
+    return this.cookie.serialize(value, {
       ...this.options,
       maxAge: !value ? 0 : void 0,
       ...serializeOptions

package/dist/auth/index.mjs

@@ -98,7 +98,7 @@ import { createCookie } from "react-router";
 var ReactRouterCookieManager = class {
   name;
   options;
-  store;
+  cookie;
   constructor(name) {
     this.name = name;
     this.options = {
@@ -107,14 +107,14 @@ var ReactRouterCookieManager = class {
       secure: process.env.NODE_ENV === "production",
       sameSite: "strict"
     };
-    this.store = createCookie(this.name, this.options);
+    this.cookie = createCookie(this.name, this.options);
   }
   async parse(request, parseOptions) {
     const cookieStore = request.headers.get("cookie") || "";
-    return this.store.parse(cookieStore, parseOptions);
+    return this.cookie.parse(cookieStore, parseOptions);
   }
   async serialize(value, serializeOptions) {
-    return this.store.serialize(value, {
+    return this.cookie.serialize(value, {
       ...this.options,
       maxAge: !value ? 0 : void 0,
       ...serializeOptions

package/dist/client/env_loader.d.mts

@@ -1,7 +1,7 @@
-import React from 'react';
+import React__default from 'react';
 
 declare function EnvLoader({ dataKey }: {
     dataKey?: string;
-}): React.JSX.Element | undefined;
+}): React__default.JSX.Element | undefined;
 
 export { EnvLoader };

package/dist/client/env_loader.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import React__default from 'react';
 
 declare function EnvLoader({ dataKey }: {
     dataKey?: string;
-}): React.JSX.Element | undefined;
+}): React__default.JSX.Element | undefined;
 
 export { EnvLoader };

package/dist/client/file_input.d.mts

@@ -0,0 +1,10 @@
+import React__default, { DetailedHTMLProps, InputHTMLAttributes, Ref, ChangeEvent } from 'react';
+
+type Props = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "onChange"> & {
+    buttonRef?: Ref<HTMLButtonElement>;
+} & {
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void | Promise<void>;
+};
+declare function FileInput({ buttonRef, className, ref, children, onClick, onChange, ...props }: Props): React__default.JSX.Element;
+
+export { FileInput };

package/dist/client/file_input.d.ts

@@ -0,0 +1,10 @@
+import React__default, { DetailedHTMLProps, InputHTMLAttributes, Ref, ChangeEvent } from 'react';
+
+type Props = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "onChange"> & {
+    buttonRef?: Ref<HTMLButtonElement>;
+} & {
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void | Promise<void>;
+};
+declare function FileInput({ buttonRef, className, ref, children, onClick, onChange, ...props }: Props): React__default.JSX.Element;
+
+export { FileInput };

package/dist/client/file_input.js

@@ -0,0 +1,80 @@
+"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/client/file_input.tsx
+var file_input_exports = {};
+__export(file_input_exports, {
+  FileInput: () => FileInput
+});
+module.exports = __toCommonJS(file_input_exports);
+var import_react = require("react");
+var import_react2 = __toESM(require("react"));
+function FileInput({
+  buttonRef,
+  className,
+  ref,
+  children,
+  onClick,
+  onChange,
+  ...props
+}) {
+  const inputRef = import_react2.default.useRef(null);
+  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(
+    "button",
+    {
+      ref: buttonRef,
+      className,
+      type: "button",
+      onClick: () => {
+        inputRef.current?.click();
+      }
+    },
+    children
+  ), /* @__PURE__ */ import_react2.default.createElement(
+    "input",
+    {
+      ...props,
+      type: "file",
+      ref: inputRef,
+      style: {
+        display: "none"
+      },
+      onChange: async (e) => {
+        await onChange?.(e);
+        if (inputRef.current) {
+          inputRef.current.value = "";
+        }
+      }
+    }
+  ));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FileInput
+});

package/dist/client/file_input.mjs

@@ -0,0 +1,45 @@
+// src/client/file_input.tsx
+import "react";
+import React from "react";
+function FileInput({
+  buttonRef,
+  className,
+  ref,
+  children,
+  onClick,
+  onChange,
+  ...props
+}) {
+  const inputRef = React.useRef(null);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      ref: buttonRef,
+      className,
+      type: "button",
+      onClick: () => {
+        inputRef.current?.click();
+      }
+    },
+    children
+  ), /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      ...props,
+      type: "file",
+      ref: inputRef,
+      style: {
+        display: "none"
+      },
+      onChange: async (e) => {
+        await onChange?.(e);
+        if (inputRef.current) {
+          inputRef.current.value = "";
+        }
+      }
+    }
+  ));
+}
+export {
+  FileInput
+};

package/dist/client/index.d.mts

@@ -1,4 +1,8 @@
 export { env } from './env.mjs';
 export { EnvLoader } from './env_loader.mjs';
+export { FileInput } from './file_input.mjs';
 export { useUserAgent } from './use_user_agent.mjs';
+export { createStoreTextEditor } from './store_text_editor.mjs';
 import 'react';
+import 'dn-react-text-editor';
+import 'react-store-input';

package/dist/client/index.d.ts

@@ -1,4 +1,8 @@
 export { env } from './env.js';
 export { EnvLoader } from './env_loader.js';
+export { FileInput } from './file_input.js';
 export { useUserAgent } from './use_user_agent.js';
+export { createStoreTextEditor } from './store_text_editor.js';
 import 'react';
+import 'dn-react-text-editor';
+import 'react-store-input';

package/dist/client/index.js

@@ -31,6 +31,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var client_exports = {};
 __export(client_exports, {
   EnvLoader: () => EnvLoader,
+  FileInput: () => FileInput,
+  createStoreTextEditor: () => createStoreTextEditor,
   env: () => env,
   useUserAgent: () => useUserAgent
 });
@@ -62,6 +64,49 @@ function EnvLoader({ dataKey = "ENV" }) {
   );
 }
 
+// src/client/file_input.tsx
+var import_react2 = require("react");
+var import_react3 = __toESM(require("react"));
+function FileInput({
+  buttonRef,
+  className,
+  ref,
+  children,
+  onClick,
+  onChange,
+  ...props
+}) {
+  const inputRef = import_react3.default.useRef(null);
+  return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(
+    "button",
+    {
+      ref: buttonRef,
+      className,
+      type: "button",
+      onClick: () => {
+        inputRef.current?.click();
+      }
+    },
+    children
+  ), /* @__PURE__ */ import_react3.default.createElement(
+    "input",
+    {
+      ...props,
+      type: "file",
+      ref: inputRef,
+      style: {
+        display: "none"
+      },
+      onChange: async (e) => {
+        await onChange?.(e);
+        if (inputRef.current) {
+          inputRef.current.value = "";
+        }
+      }
+    }
+  ));
+}
+
 // src/client/use_user_agent.tsx
 var import_react_router2 = require("react-router");
 function useUserAgent() {
@@ -72,9 +117,68 @@ function useUserAgent() {
   const isDesktop = !isMobile && !isTablet;
   return { userAgent, isMobile, isTablet, isDesktop };
 }
+
+// src/client/store_text_editor.tsx
+var import_dn_react_text_editor = require("dn-react-text-editor");
+var import_react_store_input = require("react-store-input");
+var import_react4 = __toESM(require("react"));
+function createStoreTextEditor(TextEditor) {
+  function StoreComponent({
+    store,
+    name,
+    defaultValue,
+    ...props
+  }) {
+    const { ref, onChange } = (0, import_react_store_input.useStoreController)(
+      store,
+      {
+        ref: props.ref,
+        onSubscribe: (state, element) => {
+          const result = (props.getter ? props.getter(state) : name ? state[name] : "") || "";
+          if (element.value !== result) {
+            element.value = result;
+          }
+        },
+        onDispatch: (state, element) => {
+          if (props.setter) {
+            props.setter(state, element.value);
+            return;
+          }
+          if (name) {
+            state[name] = element.value;
+          }
+        }
+      }
+    );
+    const getDefaultValue = () => {
+      if (props.getter) {
+        return props.getter(store.state);
+      }
+      if (name) {
+        return store.state[name];
+      }
+      return void 0;
+    };
+    return /* @__PURE__ */ import_react4.default.createElement(
+      TextEditor,
+      {
+        ...props,
+        ref,
+        defaultValue: defaultValue ?? getDefaultValue(),
+        onChange: (e) => {
+          onChange();
+          props.onChange?.(e);
+        }
+      }
+    );
+  }
+  return StoreComponent;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   EnvLoader,
+  FileInput,
+  createStoreTextEditor,
   env,
   useUserAgent
 });

package/dist/client/index.mjs

@@ -24,6 +24,49 @@ function EnvLoader({ dataKey = "ENV" }) {
   );
 }
 
+// src/client/file_input.tsx
+import "react";
+import React2 from "react";
+function FileInput({
+  buttonRef,
+  className,
+  ref,
+  children,
+  onClick,
+  onChange,
+  ...props
+}) {
+  const inputRef = React2.useRef(null);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(
+    "button",
+    {
+      ref: buttonRef,
+      className,
+      type: "button",
+      onClick: () => {
+        inputRef.current?.click();
+      }
+    },
+    children
+  ), /* @__PURE__ */ React2.createElement(
+    "input",
+    {
+      ...props,
+      type: "file",
+      ref: inputRef,
+      style: {
+        display: "none"
+      },
+      onChange: async (e) => {
+        await onChange?.(e);
+        if (inputRef.current) {
+          inputRef.current.value = "";
+        }
+      }
+    }
+  ));
+}
+
 // src/client/use_user_agent.tsx
 import { useRouteLoaderData as useRouteLoaderData2 } from "react-router";
 function useUserAgent() {
@@ -34,8 +77,67 @@ function useUserAgent() {
   const isDesktop = !isMobile && !isTablet;
   return { userAgent, isMobile, isTablet, isDesktop };
 }
+
+// src/client/store_text_editor.tsx
+import "dn-react-text-editor";
+import { useStoreController } from "react-store-input";
+import React3 from "react";
+function createStoreTextEditor(TextEditor) {
+  function StoreComponent({
+    store,
+    name,
+    defaultValue,
+    ...props
+  }) {
+    const { ref, onChange } = useStoreController(
+      store,
+      {
+        ref: props.ref,
+        onSubscribe: (state, element) => {
+          const result = (props.getter ? props.getter(state) : name ? state[name] : "") || "";
+          if (element.value !== result) {
+            element.value = result;
+          }
+        },
+        onDispatch: (state, element) => {
+          if (props.setter) {
+            props.setter(state, element.value);
+            return;
+          }
+          if (name) {
+            state[name] = element.value;
+          }
+        }
+      }
+    );
+    const getDefaultValue = () => {
+      if (props.getter) {
+        return props.getter(store.state);
+      }
+      if (name) {
+        return store.state[name];
+      }
+      return void 0;
+    };
+    return /* @__PURE__ */ React3.createElement(
+      TextEditor,
+      {
+        ...props,
+        ref,
+        defaultValue: defaultValue ?? getDefaultValue(),
+        onChange: (e) => {
+          onChange();
+          props.onChange?.(e);
+        }
+      }
+    );
+  }
+  return StoreComponent;
+}
 export {
   EnvLoader,
+  FileInput,
+  createStoreTextEditor,
   env,
   useUserAgent
 };

package/dist/client/store_text_editor.d.mts

@@ -0,0 +1,13 @@
+import { TextEditorProps } from 'dn-react-text-editor';
+import { Store } from 'react-store-input';
+import React__default, { FC } from 'react';
+
+type Props<TState> = {
+    store: Store<TState>;
+    name?: keyof TState;
+    getter?: (state: TState) => string;
+    setter?: (state: TState, value: string) => void;
+} & TextEditorProps;
+declare function createStoreTextEditor(TextEditor: FC<TextEditorProps>): <TState>({ store, name, defaultValue, ...props }: Props<TState>) => React__default.JSX.Element;
+
+export { createStoreTextEditor };

package/dist/client/store_text_editor.d.ts

@@ -0,0 +1,13 @@
+import { TextEditorProps } from 'dn-react-text-editor';
+import { Store } from 'react-store-input';
+import React__default, { FC } from 'react';
+
+type Props<TState> = {
+    store: Store<TState>;
+    name?: keyof TState;
+    getter?: (state: TState) => string;
+    setter?: (state: TState, value: string) => void;
+} & TextEditorProps;
+declare function createStoreTextEditor(TextEditor: FC<TextEditorProps>): <TState>({ store, name, defaultValue, ...props }: Props<TState>) => React__default.JSX.Element;
+
+export { createStoreTextEditor };

package/dist/client/store_text_editor.js

@@ -0,0 +1,94 @@
+"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/client/store_text_editor.tsx
+var store_text_editor_exports = {};
+__export(store_text_editor_exports, {
+  createStoreTextEditor: () => createStoreTextEditor
+});
+module.exports = __toCommonJS(store_text_editor_exports);
+var import_dn_react_text_editor = require("dn-react-text-editor");
+var import_react_store_input = require("react-store-input");
+var import_react = __toESM(require("react"));
+function createStoreTextEditor(TextEditor) {
+  function StoreComponent({
+    store,
+    name,
+    defaultValue,
+    ...props
+  }) {
+    const { ref, onChange } = (0, import_react_store_input.useStoreController)(
+      store,
+      {
+        ref: props.ref,
+        onSubscribe: (state, element) => {
+          const result = (props.getter ? props.getter(state) : name ? state[name] : "") || "";
+          if (element.value !== result) {
+            element.value = result;
+          }
+        },
+        onDispatch: (state, element) => {
+          if (props.setter) {
+            props.setter(state, element.value);
+            return;
+          }
+          if (name) {
+            state[name] = element.value;
+          }
+        }
+      }
+    );
+    const getDefaultValue = () => {
+      if (props.getter) {
+        return props.getter(store.state);
+      }
+      if (name) {
+        return store.state[name];
+      }
+      return void 0;
+    };
+    return /* @__PURE__ */ import_react.default.createElement(
+      TextEditor,
+      {
+        ...props,
+        ref,
+        defaultValue: defaultValue ?? getDefaultValue(),
+        onChange: (e) => {
+          onChange();
+          props.onChange?.(e);
+        }
+      }
+    );
+  }
+  return StoreComponent;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createStoreTextEditor
+});