@kirill.konshin/utils 0.0.10 → 0.0.12

package/dist/mui/readOnly.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { InputProps } from '@mui/material/Input';
+export declare const ReadOnly: React.FC<InputProps & {
+    children: any;
+}>;
+//# sourceMappingURL=readOnly.d.ts.map

package/dist/mui/readOnly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"readOnly.d.ts","sourceRoot":"","sources":["../../src/mui/readOnly.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEnE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,GAAG;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,CAE7D,CAAC"}

package/dist/mui/readOnly.js

@@ -0,0 +1,7 @@
+import { jsx } from "react/jsx-runtime";
+import Input from "@mui/material/Input";
+const ReadOnly = ({ children, inputProps, ...props }) => /* @__PURE__ */ jsx(Input, { ...props, inputComponent: "div", inputProps: { ...inputProps, children } });
+export {
+  ReadOnly
+};
+//# sourceMappingURL=readOnly.js.map

package/dist/mui/readOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readOnly.js","sources":["../../src/mui/readOnly.tsx"],"sourcesContent":["import React from 'react';\nimport { default as Input, InputProps } from '@mui/material/Input';\n\nexport const ReadOnly: React.FC<InputProps & { children: any }> = ({ children, inputProps, ...props }) => (\n    <Input {...props} inputComponent={'div' as any} inputProps={{ ...inputProps, children }}></Input>\n);\n"],"names":[],"mappings":";;AAGO,MAAM,WAAqD,CAAC,EAAE,UAAU,YAAY,GAAG,YAC1F,oBAAC,SAAO,GAAG,OAAO,gBAAgB,OAAc,YAAY,EAAE,GAAG,YAAY,WAAY,CAAA;"}

package/dist/next/appLink.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps, FC } from 'react';
+import { default as Link, LinkProps } from 'next/link';
+export declare const AppLink: FC<{
+    children: any;
+    exact?: boolean;
+    activeClassName?: any;
+} & LinkProps & ComponentProps<typeof Link>>;
+//# sourceMappingURL=appLink.d.ts.map

package/dist/next/appLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appLink.d.ts","sourceRoot":"","sources":["../../src/next/appLink.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAI5C,eAAO,MAAM,OAAO,EAAE,EAAE,CACpB;IACI,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,GAAG,CAAC;CACzB,GAAG,SAAS,GACT,cAAc,CAAC,OAAO,IAAI,CAAC,CAyBlC,CAAC"}

package/dist/next/appLink.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { usePathname } from "next/navigation";
+import Link from "next/link";
+import clsx from "clsx";
+const AppLink = function AppLink2({
+  href,
+  children,
+  className = "",
+  activeClassName = "",
+  prefetch = false,
+  // set explicit default
+  exact = false,
+  ...props
+}) {
+  const pathname = usePathname();
+  const hrefPath = typeof href === "string" ? href : href.pathname || "/";
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      ...props,
+      href,
+      className: clsx(className, {
+        [activeClassName]: !exact && pathname.startsWith(hrefPath) || exact && pathname === hrefPath
+      }),
+      prefetch,
+      children
+    }
+  );
+};
+export {
+  AppLink
+};
+//# sourceMappingURL=appLink.js.map

package/dist/next/appLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appLink.js","sources":["../../src/next/appLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { ComponentProps, FC } from 'react';\nimport { usePathname } from 'next/navigation';\nimport Link, { LinkProps } from 'next/link';\nimport clsx from 'clsx';\n\n//TODO Test this\nexport const AppLink: FC<\n    {\n        children: any;\n        exact?: boolean;\n        activeClassName?: any;\n    } & LinkProps &\n        ComponentProps<typeof Link>\n> = function AppLink({\n    href,\n    children,\n    className = '',\n    activeClassName = '',\n    prefetch = false, // set explicit default\n    exact = false,\n    ...props\n}) {\n    const pathname = usePathname();\n    const hrefPath = typeof href === 'string' ? href : href.pathname || '/';\n\n    return (\n        <Link\n            {...props}\n            href={href}\n            className={clsx(className, {\n                [activeClassName]: (!exact && pathname.startsWith(hrefPath)) || (exact && pathname === hrefPath),\n            })}\n            prefetch={prefetch}\n        >\n            {children}\n        </Link>\n    );\n};\n"],"names":["AppLink"],"mappings":";;;;AAQa,MAAA,UAOT,SAASA,SAAQ;AAAA,EACjB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,WAAW;AAAA;AAAA,EACX,QAAQ;AAAA,EACR,GAAG;AACP,GAAG;AACC,QAAM,WAAW,YAAY;AAC7B,QAAM,WAAW,OAAO,SAAS,WAAW,OAAO,KAAK,YAAY;AAGhE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACvB,CAAC,eAAe,GAAI,CAAC,SAAS,SAAS,WAAW,QAAQ,KAAO,SAAS,aAAa;AAAA,MAAA,CAC1F;AAAA,MACD;AAAA,MAEC;AAAA,IAAA;AAAA,EACL;AAER;"}

package/dist/next/index.d.ts

@@ -0,0 +1,6 @@
+export * from './appLink';
+export * from './measure';
+export * from './noSSR';
+export * from './redirect';
+export * from './useIsInner';
+//# sourceMappingURL=index.d.ts.map

package/dist/next/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/next/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"}

package/dist/next/index.js

@@ -0,0 +1,15 @@
+import { AppLink } from "./appLink.js";
+import { isProd, measurer } from "./measure.js";
+import { NoSSR } from "./noSSR.js";
+import "next/navigation";
+import "react";
+import { useIsIndex, useIsInner } from "./useIsInner.js";
+export {
+  AppLink,
+  NoSSR,
+  isProd,
+  measurer,
+  useIsIndex,
+  useIsInner
+};
+//# sourceMappingURL=index.js.map

package/dist/next/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/next/measure.d.ts

@@ -0,0 +1,15 @@
+export declare const isProd: boolean;
+export declare const measurer: {
+    measure: (what: string, step: string, supplemental?: string, ...args: any[]) => {
+        done: (result?: string, ...args2: any[]) => void;
+        fail: (result?: string, ...args2: any[]) => void;
+        log: (...args2: any[]) => void;
+    };
+    important: (str: any) => any;
+    subject: (str: any) => any;
+    arg: (str: any) => any;
+    sup: (str: any) => any;
+    ok: (str: any) => any;
+    err: (str: any) => any;
+};
+//# sourceMappingURL=measure.d.ts.map

package/dist/next/measure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"measure.d.ts","sourceRoot":"","sources":["../../src/next/measure.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,SACwF,CAAC;AAE5G,eAAO,MAAM,QAAQ;;;;;;;;;;;;CAAqC,CAAC"}

package/dist/next/measure.js

@@ -0,0 +1,9 @@
+import { createMeasurer } from "../core/measure.js";
+import { PHASE_PRODUCTION_BUILD, PHASE_PRODUCTION_SERVER } from "next/constants";
+const isProd = process.env.NEXT_PHASE === PHASE_PRODUCTION_BUILD || process.env.NEXT_PHASE === PHASE_PRODUCTION_SERVER;
+const measurer = createMeasurer({ colors: isProd });
+export {
+  isProd,
+  measurer
+};
+//# sourceMappingURL=measure.js.map

package/dist/next/measure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"measure.js","sources":["../../src/next/measure.ts"],"sourcesContent":["import { createMeasurer } from '../core/measure';\nimport { PHASE_PRODUCTION_BUILD, PHASE_PRODUCTION_SERVER } from 'next/constants';\n\nexport const isProd =\n    process.env.NEXT_PHASE === PHASE_PRODUCTION_BUILD || process.env.NEXT_PHASE === PHASE_PRODUCTION_SERVER;\n\nexport const measurer = createMeasurer({ colors: isProd });\n"],"names":[],"mappings":";;AAGO,MAAM,SACT,QAAQ,IAAI,eAAe,0BAA0B,QAAQ,IAAI,eAAe;AAE7E,MAAM,WAAW,eAAe,EAAE,QAAQ,OAAQ,CAAA;"}

package/dist/next/noSSR.d.ts

@@ -0,0 +1,5 @@
+export declare function NoSSR({ children, onSSR }: {
+    children: any;
+    onSSR?: import("react/jsx-runtime").JSX.Element | undefined;
+}): any;
+//# sourceMappingURL=noSSR.d.ts.map

package/dist/next/noSSR.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"noSSR.d.ts","sourceRoot":"","sources":["../../src/next/noSSR.tsx"],"names":[],"mappings":"AAQA,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAwB,EAAE;;;CAAA,OAQ3D"}

package/dist/next/noSSR.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useLayoutEffect } from "react";
+const DefaultOnSSR = () => /* @__PURE__ */ jsx("span", {});
+function NoSSR({ children, onSSR = /* @__PURE__ */ jsx(DefaultOnSSR, {}) }) {
+  const [canRender, setCanRender] = useState(false);
+  useLayoutEffect(() => {
+    setCanRender(true);
+  }, []);
+  return canRender ? children : onSSR;
+}
+export {
+  NoSSR
+};
+//# sourceMappingURL=noSSR.js.map

package/dist/next/noSSR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"noSSR.js","sources":["../../src/next/noSSR.tsx"],"sourcesContent":["'use client';\n\nimport React, { useLayoutEffect, useState } from 'react';\n\nconst DefaultOnSSR = () => <span />;\n\n// @see https://github.com/kadirahq/react-no-ssr/blob/master/src/index.js\n// @see https://nextjs.org/docs/messages/react-hydration-error#solution-1-using-useeffect-to-run-on-the-client-only\nexport function NoSSR({ children, onSSR = <DefaultOnSSR /> }) {\n    const [canRender, setCanRender] = useState(false);\n\n    useLayoutEffect(() => {\n        setCanRender(true);\n    }, []);\n\n    return canRender ? children : onSSR;\n}\n"],"names":[],"mappings":";;AAIA,MAAM,eAAe,MAAM,oBAAC,QAAK,EAAA;AAI1B,SAAS,MAAM,EAAE,UAAU,QAAS,oBAAA,cAAA,CAAa,CAAA,KAAM;AAC1D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,kBAAgB,MAAM;AAClB,iBAAa,IAAI;AAAA,EACrB,GAAG,EAAE;AAEL,SAAO,YAAY,WAAW;AAClC;"}

package/dist/next/redirect.d.ts

@@ -0,0 +1,6 @@
+import { LinkProps } from 'next/link';
+export default function Redirect({ to, replace }: {
+    to: LinkProps['href'];
+    replace?: LinkProps['replace'];
+}): null;
+//# sourceMappingURL=redirect.d.ts.map

package/dist/next/redirect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"redirect.d.ts","sourceRoot":"","sources":["../../src/next/redirect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;IAAE,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAAC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,QAM1G"}

package/dist/next/useIsInner.d.ts

@@ -0,0 +1,3 @@
+export declare const useIsInner: () => boolean;
+export declare const useIsIndex: () => boolean;
+//# sourceMappingURL=useIsInner.d.ts.map

package/dist/next/useIsInner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsInner.d.ts","sourceRoot":"","sources":["../../src/next/useIsInner.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,QAAO,OAG7B,CAAC;AAEF,eAAO,MAAM,UAAU,QAAO,OAG7B,CAAC"}

package/dist/next/useIsInner.js

@@ -0,0 +1,14 @@
+import { useSelectedLayoutSegments } from "next/navigation";
+const useIsInner = () => {
+  const pathname = useSelectedLayoutSegments();
+  return pathname.length > 0;
+};
+const useIsIndex = () => {
+  const pathname = useSelectedLayoutSegments();
+  return pathname.length === 0;
+};
+export {
+  useIsIndex,
+  useIsInner
+};
+//# sourceMappingURL=useIsInner.js.map

package/dist/next/useIsInner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsInner.js","sources":["../../src/next/useIsInner.ts"],"sourcesContent":["'use client';\n\nimport { useSelectedLayoutSegments } from 'next/navigation';\n\nexport const useIsInner = (): boolean => {\n    const pathname = useSelectedLayoutSegments();\n    return pathname.length > 0;\n};\n\nexport const useIsIndex = (): boolean => {\n    const pathname = useSelectedLayoutSegments();\n    return pathname.length === 0;\n};\n"],"names":[],"mappings":";AAIO,MAAM,aAAa,MAAe;AACrC,QAAM,WAAW,0BAA0B;AAC3C,SAAO,SAAS,SAAS;AAC7B;AAEO,MAAM,aAAa,MAAe;AACrC,QAAM,WAAW,0BAA0B;AAC3C,SAAO,SAAS,WAAW;AAC/B;"}

package/dist/react/apiCall.d.ts

@@ -0,0 +1,6 @@
+export declare const jsonContentType = "application/json";
+export type DataResponse<R> = Response & {
+    data?: R;
+};
+export declare function apiCall<R>(url: string, init?: RequestInit): Promise<DataResponse<R>>;
+//# sourceMappingURL=apiCall.d.ts.map

package/dist/react/apiCall.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apiCall.d.ts","sourceRoot":"","sources":["../../src/react/apiCall.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,qBAAqB,CAAC;AAElD,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,QAAQ,GAAG;IAAE,IAAI,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC;AAEtD,wBAAsB,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAoB1F"}

package/dist/react/apiCall.js

@@ -0,0 +1,24 @@
+const jsonContentType = "application/json";
+async function apiCall(url, init) {
+  var _a;
+  const useBodyAsIs = !(init == null ? void 0 : init.body) || (init == null ? void 0 : init.body) instanceof FormData || typeof (init == null ? void 0 : init.body) === "string";
+  const res = await fetch(url, {
+    method: "POST",
+    ...init,
+    body: useBodyAsIs ? init == null ? void 0 : init.body : JSON.stringify(init.body),
+    headers: {
+      ...init == null ? void 0 : init.headers,
+      ...useBodyAsIs ? {} : { "Content-Type": jsonContentType }
+    }
+  });
+  if ((_a = res.headers.get("Content-Type")) == null ? void 0 : _a.includes(jsonContentType)) {
+    res.data = await res.json();
+  }
+  if (!res.ok) throw new Error(res.statusText, { cause: res });
+  return res;
+}
+export {
+  apiCall,
+  jsonContentType
+};
+//# sourceMappingURL=apiCall.js.map

package/dist/react/apiCall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apiCall.js","sources":["../../src/react/apiCall.ts"],"sourcesContent":["export const jsonContentType = 'application/json';\n\nexport type DataResponse<R> = Response & { data?: R };\n\nexport async function apiCall<R>(url: string, init?: RequestInit): Promise<DataResponse<R>> {\n    const useBodyAsIs = !init?.body || init?.body instanceof FormData || typeof init?.body === 'string';\n\n    const res: DataResponse<R> = await fetch(url, {\n        method: 'POST',\n        ...init,\n        body: useBodyAsIs ? init?.body : JSON.stringify(init.body),\n        headers: {\n            ...init?.headers,\n            ...(useBodyAsIs ? {} : { 'Content-Type': jsonContentType }),\n        },\n    });\n\n    if (res.headers.get('Content-Type')?.includes(jsonContentType)) {\n        res.data = await res.json();\n    }\n\n    if (!res.ok) throw new Error(res.statusText, { cause: res });\n\n    return res;\n}\n"],"names":[],"mappings":"AAAO,MAAM,kBAAkB;AAIT,eAAA,QAAW,KAAa,MAA8C;AAJrF;AAKG,QAAA,cAAc,EAAC,6BAAM,UAAQ,6BAAM,iBAAgB,YAAY,QAAO,6BAAM,UAAS;AAErF,QAAA,MAAuB,MAAM,MAAM,KAAK;AAAA,IAC1C,QAAQ;AAAA,IACR,GAAG;AAAA,IACH,MAAM,cAAc,6BAAM,OAAO,KAAK,UAAU,KAAK,IAAI;AAAA,IACzD,SAAS;AAAA,MACL,GAAG,6BAAM;AAAA,MACT,GAAI,cAAc,CAAA,IAAK,EAAE,gBAAgB,gBAAgB;AAAA,IAAA;AAAA,EAC7D,CACH;AAED,OAAI,SAAI,QAAQ,IAAI,cAAc,MAA9B,mBAAiC,SAAS,kBAAkB;AACxD,QAAA,OAAO,MAAM,IAAI,KAAK;AAAA,EAAA;AAG1B,MAAA,CAAC,IAAI,GAAU,OAAA,IAAI,MAAM,IAAI,YAAY,EAAE,OAAO,KAAK;AAEpD,SAAA;AACX;"}

package/dist/react/form/client.d.ts

@@ -0,0 +1,7 @@
+import { MaybeTypeOf, Validation } from './form';
+import { z } from 'zod';
+export declare function createClient<S extends z.ZodObject<any>>(schema: S): {
+    useValidation: (actionFn: (data: FormData) => Promise<Validation<S>>, initialData?: MaybeTypeOf<S>) => [state: Validation<S>, dispatch: (payload: FormData) => void, isPending: boolean];
+    useValidationTransition: (actionFn: (data: FormData) => Promise<Validation<S>>, initialData?: MaybeTypeOf<S>) => [Validation<S>, (formData: FormData) => Promise<Validation<S>>, boolean];
+};
+//# sourceMappingURL=client.d.ts.map

package/dist/react/form/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/react/form/client.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,WAAW,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB,wBAAgB,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;8BAqBhD,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,gBACvC,WAAW,CAAC,CAAC,CAAC;wCAWjB,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,gBACvC,WAAW,CAAC,CAAC,CAAC,KAC5B,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC;EAkB9E"}

package/dist/react/form/client.js

@@ -0,0 +1,45 @@
+import { useActionState, useTransition, useState, useCallback } from "react";
+import { create } from "./form.js";
+const FORM_DEBUG = process.env.NEXT_PUBLIC_FORM_DEBUG === "true";
+function createClient(schema) {
+  const { validate } = create(schema);
+  function useValidationCallback(actionFn) {
+    return useCallback(
+      async (formData) => {
+        const clientRes = validate(formData);
+        console.log("Client validation", FORM_DEBUG ? "ignored" : "active", clientRes);
+        if (!clientRes.success && !FORM_DEBUG) return clientRes;
+        const serverRes = await actionFn(formData);
+        console.log("Server validation", serverRes);
+        return serverRes;
+      },
+      [actionFn]
+    );
+  }
+  function useValidation(actionFn, initialData = {}) {
+    const cb = useValidationCallback(actionFn);
+    return useActionState(async (_, data) => cb(data), {
+      success: false,
+      data: initialData
+    });
+  }
+  function useValidationTransition(actionFn, initialData = {}) {
+    const [isPending, startTransition] = useTransition();
+    const [state, setState] = useState({ success: false, data: initialData });
+    const cb = useValidationCallback(actionFn);
+    const wrappedCb = useCallback(
+      (formData) => {
+        const promise = cb(formData);
+        startTransition(() => promise.then(setState));
+        return promise;
+      },
+      [cb, startTransition]
+    );
+    return [state, wrappedCb, isPending];
+  }
+  return { useValidation, useValidationTransition };
+}
+export {
+  createClient
+};
+//# sourceMappingURL=client.js.map

package/dist/react/form/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","sources":["../../../src/react/form/client.tsx"],"sourcesContent":["'use client';\n\nimport { useActionState, useCallback, useState, useTransition } from 'react';\nimport { create, MaybeTypeOf, Validation } from './form';\nimport { z } from 'zod';\n\nconst FORM_DEBUG = process.env.NEXT_PUBLIC_FORM_DEBUG === 'true';\n\nexport function createClient<S extends z.ZodObject<any>>(schema: S) {\n    const { validate } = create(schema);\n\n    function useValidationCallback(\n        actionFn: (data: FormData) => Promise<Validation<S>>,\n    ): (formData: FormData) => Promise<Validation<S>> {\n        return useCallback(\n            async (formData: FormData) => {\n                const clientRes = validate(formData);\n                console.log('Client validation', FORM_DEBUG ? 'ignored' : 'active', clientRes);\n                if (!clientRes.success && !FORM_DEBUG) return clientRes;\n\n                const serverRes = await actionFn(formData);\n                console.log('Server validation', serverRes);\n                return serverRes;\n            },\n            [actionFn],\n        );\n    }\n\n    function useValidation(\n        actionFn: (data: FormData) => Promise<Validation<S>>,\n        initialData: MaybeTypeOf<S> = {} as MaybeTypeOf<S>,\n    ) {\n        const cb = useValidationCallback(actionFn);\n\n        return useActionState<Validation<S>, FormData>(async (_, data) => cb(data), {\n            success: false,\n            data: initialData,\n        });\n    }\n\n    function useValidationTransition(\n        actionFn: (data: FormData) => Promise<Validation<S>>,\n        initialData: MaybeTypeOf<S> = {} as MaybeTypeOf<S>,\n    ): [Validation<S>, (formData: FormData) => Promise<Validation<S>>, boolean] {\n        const [isPending, startTransition] = useTransition();\n        const [state, setState] = useState<Validation<S>>({ success: false, data: initialData });\n        const cb = useValidationCallback(actionFn);\n\n        const wrappedCb = useCallback(\n            (formData: FormData) => {\n                const promise = cb(formData);\n                startTransition(() => promise.then(setState));\n                return promise;\n            },\n            [cb, startTransition],\n        );\n\n        return [state, wrappedCb, isPending];\n    }\n\n    return { useValidation, useValidationTransition };\n}\n"],"names":[],"mappings":";;AAMA,MAAM,aAAa,QAAQ,IAAI,2BAA2B;AAEnD,SAAS,aAAyC,QAAW;AAChE,QAAM,EAAE,SAAA,IAAa,OAAO,MAAM;AAElC,WAAS,sBACL,UAC8C;AACvC,WAAA;AAAA,MACH,OAAO,aAAuB;AACpB,cAAA,YAAY,SAAS,QAAQ;AACnC,gBAAQ,IAAI,qBAAqB,aAAa,YAAY,UAAU,SAAS;AAC7E,YAAI,CAAC,UAAU,WAAW,CAAC,WAAmB,QAAA;AAExC,cAAA,YAAY,MAAM,SAAS,QAAQ;AACjC,gBAAA,IAAI,qBAAqB,SAAS;AACnC,eAAA;AAAA,MACX;AAAA,MACA,CAAC,QAAQ;AAAA,IACb;AAAA,EAAA;AAGJ,WAAS,cACL,UACA,cAA8B,IAChC;AACQ,UAAA,KAAK,sBAAsB,QAAQ;AAEzC,WAAO,eAAwC,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG;AAAA,MACxE,SAAS;AAAA,MACT,MAAM;AAAA,IAAA,CACT;AAAA,EAAA;AAGL,WAAS,wBACL,UACA,cAA8B,IAC0C;AACxE,UAAM,CAAC,WAAW,eAAe,IAAI,cAAc;AAC7C,UAAA,CAAC,OAAO,QAAQ,IAAI,SAAwB,EAAE,SAAS,OAAO,MAAM,aAAa;AACjF,UAAA,KAAK,sBAAsB,QAAQ;AAEzC,UAAM,YAAY;AAAA,MACd,CAAC,aAAuB;AACd,cAAA,UAAU,GAAG,QAAQ;AAC3B,wBAAgB,MAAM,QAAQ,KAAK,QAAQ,CAAC;AACrC,eAAA;AAAA,MACX;AAAA,MACA,CAAC,IAAI,eAAe;AAAA,IACxB;AAEO,WAAA,CAAC,OAAO,WAAW,SAAS;AAAA,EAAA;AAGhC,SAAA,EAAE,eAAe,wBAAwB;AACpD;"}

package/dist/react/form/form.d.ts

@@ -0,0 +1,44 @@
+import { typeToFlattenedError, z, SafeParseReturnType, TypeOf } from 'zod';
+export declare const stringRequired: () => z.ZodString;
+export declare const maxLength: (schema: z.ZodString) => number;
+export declare const minLength: (schema: z.ZodString) => number;
+export declare const isRequired: (schema: z.ZodString) => boolean;
+export type ZodObject = z.ZodObject<any> | z.ZodEffects<z.ZodObject<any>>;
+export type MaybeTypeOf<S extends ZodObject> = Partial<TypeOf<S>>;
+export type SafeTypeOf<S extends ZodObject> = SafeParseReturnType<TypeOf<S>, TypeOf<S>>['data'];
+export type Errors<S extends ZodObject> = typeToFlattenedError<TypeOf<S>>['fieldErrors'];
+export type Validation<S extends ZodObject> = {
+    success: true;
+    data: SafeTypeOf<S>;
+    errors?: never;
+} | {
+    success: false;
+    data?: MaybeTypeOf<S>;
+    errors?: Errors<S>;
+};
+export declare function create<S extends ZodObject>(schema: S): {
+    register: (name: keyof TypeOf<S>, data?: MaybeTypeOf<S>, errors?: Errors<S>, mui?: boolean) => {
+        label?: any;
+        helperText?: string | undefined;
+        error?: boolean | undefined;
+        name: keyof z.TypeOf<S>;
+        id: keyof z.TypeOf<S>;
+        required: boolean;
+        maxLength: number;
+        type: string;
+        defaultValue: Partial<z.TypeOf<S>>[keyof z.TypeOf<S>] | undefined;
+    };
+    validate: (formData: FormData) => Validation<S>;
+    Field: ({ children, name, errors, hint, }: {
+        children?: any;
+        name: string;
+        errors?: Validation<S>["errors"];
+        hint?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    validationError: (data: MaybeTypeOf<S>, errors: Errors<S>) => Validation<S>;
+};
+export declare function Hint({ children, error }: {
+    children: any;
+    error?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form.d.ts.map

package/dist/react/form/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/react/form/form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,CAAC,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAI3E,eAAO,MAAM,cAAc,mBAAgE,CAAC;AAC5F,eAAO,MAAM,SAAS,WAAY,CAAC,CAAC,SAAS,KAAG,MAA+B,CAAC;AAChF,eAAO,MAAM,SAAS,WAAY,CAAC,CAAC,SAAS,KAAG,MAA+B,CAAC;AAChF,eAAO,MAAM,UAAU,WAAY,CAAC,CAAC,SAAS,KAAG,OAAgC,CAAC;AAElF,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1E,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,SAAS,IAAI,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AAChG,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,SAAS,IAAI,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;AACzF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,SAAS,IACpC;IACI,OAAO,EAAE,IAAI,CAAC;IACd,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC;CAClB,GACD;IACI,OAAO,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CACtB,CAAC;AAER,wBAAgB,MAAM,CAAC,CAAC,SAAS,SAAS,EAAE,MAAM,EAAE,CAAC;qBAQzB,MAAM,MAAM,CAAC,CAAC,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,WAAW,MAAM,CAAC,CAAC,CAAC,QAAO,OAAO;;;;;;;;;;;yBA2BpE,QAAQ,KAAG,UAAU,CAAC,CAAC,CAAC;+CAqBjD;QACC,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACjC,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB;4BAlC8B,WAAW,CAAC,CAAC,CAAC,UAAU,MAAM,CAAC,CAAC,CAAC,KAAG,UAAU,CAAC,CAAC,CAAC;EAoDnF;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,2CAE3E"}

package/dist/react/form/form.js

@@ -0,0 +1,75 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+const nonEmpty = "This field cannot be empty";
+const stringRequired = () => z.string({ required_error: nonEmpty }).min(1, nonEmpty);
+const maxLength = (schema) => schema.maxLength || 0;
+const minLength = (schema) => schema.minLength || 0;
+const isRequired = (schema) => minLength(schema) > 0;
+function create(schema) {
+  const getShape = () => schema.shape || schema.sourceType().shape;
+  if (!getShape()) {
+    throw new Error("Invalid schema: only z.object() or z.object().refine() are supported");
+  }
+  function register(name, data, errors, mui = false) {
+    var _a, _b;
+    const field = getShape()[name];
+    return {
+      name,
+      id: name,
+      required: isRequired(field),
+      maxLength: maxLength(field),
+      type: field.isEmail ? "email" : name.includes("password") ? "password" : "text",
+      defaultValue: data == null ? void 0 : data[name],
+      ...mui ? {
+        label: field.description,
+        helperText: (_a = errors == null ? void 0 : errors[name]) == null ? void 0 : _a.join(", "),
+        error: !!((_b = errors == null ? void 0 : errors[name]) == null ? void 0 : _b.length)
+      } : {}
+    };
+  }
+  function validationError(data, errors) {
+    return {
+      success: false,
+      data,
+      // data is undefined if there are errors
+      errors
+      // Next.js will butcher error object, so we provide something more primitive
+    };
+  }
+  function validate(formData) {
+    const rawData = Object.fromEntries(formData);
+    const { error, data } = schema.safeParse(rawData);
+    if (error) {
+      return validationError(rawData, error.flatten().fieldErrors);
+    }
+    return { success: true, data };
+  }
+  function Field({
+    children,
+    name,
+    errors,
+    hint
+  }) {
+    var _a;
+    const { description } = getShape()[name];
+    return /* @__PURE__ */ jsxs("div", { className: "form-row", children: [
+      description && /* @__PURE__ */ jsx("label", { htmlFor: name, children: description }),
+      children,
+      hint && /* @__PURE__ */ jsx(Hint, { children: hint }),
+      (_a = errors == null ? void 0 : errors[name]) == null ? void 0 : _a.map((e) => /* @__PURE__ */ jsx(Hint, { error: true, children: e }, e))
+    ] });
+  }
+  return { register, validate, Field, validationError };
+}
+function Hint({ children, error }) {
+  return /* @__PURE__ */ jsx("div", { className: `hint ${error ? "hint-error" : ""}`, children });
+}
+export {
+  Hint,
+  create,
+  isRequired,
+  maxLength,
+  minLength,
+  stringRequired
+};
+//# sourceMappingURL=form.js.map

package/dist/react/form/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sources":["../../../src/react/form/form.tsx"],"sourcesContent":["import { typeToFlattenedError, z, SafeParseReturnType, TypeOf } from 'zod';\n\nconst nonEmpty = 'This field cannot be empty';\n\nexport const stringRequired = () => z.string({ required_error: nonEmpty }).min(1, nonEmpty);\nexport const maxLength = (schema: z.ZodString): number => schema.maxLength || 0;\nexport const minLength = (schema: z.ZodString): number => schema.minLength || 0;\nexport const isRequired = (schema: z.ZodString): boolean => minLength(schema) > 0;\n\nexport type ZodObject = z.ZodObject<any> | z.ZodEffects<z.ZodObject<any>>; // z.ZodType<any, any, any>\nexport type MaybeTypeOf<S extends ZodObject> = Partial<TypeOf<S>>;\nexport type SafeTypeOf<S extends ZodObject> = SafeParseReturnType<TypeOf<S>, TypeOf<S>>['data'];\nexport type Errors<S extends ZodObject> = typeToFlattenedError<TypeOf<S>>['fieldErrors'];\nexport type Validation<S extends ZodObject> =\n    | {\n          success: true; // this is true only if form was validated successfully\n          data: SafeTypeOf<S>;\n          errors?: never;\n      }\n    | {\n          success: false;\n          data?: MaybeTypeOf<S>;\n          errors?: Errors<S>;\n      };\n\nexport function create<S extends ZodObject>(schema: S) {\n    const getShape = () =>\n        (schema as z.ZodObject<any>).shape || (schema as z.ZodEffects<z.ZodObject<any>>).sourceType().shape;\n\n    if (!getShape()) {\n        throw new Error('Invalid schema: only z.object() or z.object().refine() are supported');\n    }\n\n    function register(name: keyof TypeOf<S>, data?: MaybeTypeOf<S>, errors?: Errors<S>, mui: boolean = false) {\n        const field = getShape()[name];\n        return {\n            name,\n            id: name,\n            required: isRequired(field),\n            maxLength: maxLength(field),\n            type: field.isEmail ? 'email' : (name as string).includes('password') ? 'password' : 'text',\n            defaultValue: data?.[name],\n            ...(mui\n                ? {\n                      label: field.description,\n                      helperText: errors?.[name]?.join(', '),\n                      error: !!errors?.[name]?.length,\n                  }\n                : {}),\n        };\n    }\n\n    function validationError(data: MaybeTypeOf<S>, errors: Errors<S>): Validation<S> {\n        return {\n            success: false,\n            data, // data is undefined if there are errors\n            errors, // Next.js will butcher error object, so we provide something more primitive\n        };\n    }\n\n    function validate(formData: FormData): Validation<S> {\n        const rawData = Object.fromEntries(formData) as TypeOf<S>;\n        const { error, data } = schema.safeParse(rawData);\n\n        // console.log('Validate result', { error, data, rawData });\n\n        if (error) {\n            // data is undefined if there are errors\n            // Next.js will butcher error object, so we provide something more primitive\n            return validationError(rawData, error.flatten().fieldErrors as any);\n        }\n\n        return { success: true, data };\n    }\n\n    //FIXME Context?\n    function Field({\n        children,\n        name,\n        errors,\n        hint,\n    }: {\n        children?: any;\n        name: string;\n        errors?: Validation<S>['errors'];\n        hint?: string;\n    }) {\n        const { description } = getShape()[name];\n\n        return (\n            <div className=\"form-row\">\n                {description && <label htmlFor={name}>{description}</label>}\n                {children}\n                {hint && <Hint>{hint}</Hint>}\n                {errors?.[name]?.map((e: string) => (\n                    <Hint error key={e}>\n                        {e}\n                    </Hint>\n                ))}\n            </div>\n        );\n    }\n\n    return { register, validate, Field, validationError };\n}\n\nexport function Hint({ children, error }: { children: any; error?: boolean }) {\n    return <div className={`hint ${error ? 'hint-error' : ''}`}>{children}</div>;\n}\n"],"names":[],"mappings":";;AAEA,MAAM,WAAW;AAEJ,MAAA,iBAAiB,MAAM,EAAE,OAAO,EAAE,gBAAgB,UAAU,EAAE,IAAI,GAAG,QAAQ;AACnF,MAAM,YAAY,CAAC,WAAgC,OAAO,aAAa;AACvE,MAAM,YAAY,CAAC,WAAgC,OAAO,aAAa;AACvE,MAAM,aAAa,CAAC,WAAiC,UAAU,MAAM,IAAI;AAkBzE,SAAS,OAA4B,QAAW;AACnD,QAAM,WAAW,MACZ,OAA4B,SAAU,OAA0C,aAAa;AAE9F,MAAA,CAAC,YAAY;AACP,UAAA,IAAI,MAAM,sEAAsE;AAAA,EAAA;AAG1F,WAAS,SAAS,MAAuB,MAAuB,QAAoB,MAAe,OAAO;;AAChG,UAAA,QAAQ,SAAS,EAAE,IAAI;AACtB,WAAA;AAAA,MACH;AAAA,MACA,IAAI;AAAA,MACJ,UAAU,WAAW,KAAK;AAAA,MAC1B,WAAW,UAAU,KAAK;AAAA,MAC1B,MAAM,MAAM,UAAU,UAAW,KAAgB,SAAS,UAAU,IAAI,aAAa;AAAA,MACrF,cAAc,6BAAO;AAAA,MACrB,GAAI,MACE;AAAA,QACI,OAAO,MAAM;AAAA,QACb,aAAY,sCAAS,UAAT,mBAAgB,KAAK;AAAA,QACjC,OAAO,CAAC,GAAC,sCAAS,UAAT,mBAAgB;AAAA,MAAA,IAE7B,CAAA;AAAA,IACV;AAAA,EAAA;AAGK,WAAA,gBAAgB,MAAsB,QAAkC;AACtE,WAAA;AAAA,MACH,SAAS;AAAA,MACT;AAAA;AAAA,MACA;AAAA;AAAA,IACJ;AAAA,EAAA;AAGJ,WAAS,SAAS,UAAmC;AAC3C,UAAA,UAAU,OAAO,YAAY,QAAQ;AAC3C,UAAM,EAAE,OAAO,KAAA,IAAS,OAAO,UAAU,OAAO;AAIhD,QAAI,OAAO;AAGP,aAAO,gBAAgB,SAAS,MAAM,QAAA,EAAU,WAAkB;AAAA,IAAA;AAG/D,WAAA,EAAE,SAAS,MAAM,KAAK;AAAA,EAAA;AAIjC,WAAS,MAAM;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAMD;;AACC,UAAM,EAAE,YAAA,IAAgB,SAAA,EAAW,IAAI;AAGnC,WAAA,qBAAC,OAAI,EAAA,WAAU,YACV,UAAA;AAAA,MAAA,eAAgB,oBAAA,SAAA,EAAM,SAAS,MAAO,UAAY,aAAA;AAAA,MAClD;AAAA,MACA,QAAS,oBAAA,MAAA,EAAM,UAAK,KAAA,CAAA;AAAA,OACpB,sCAAS,UAAT,mBAAgB,IAAI,CAAC,MACjB,oBAAA,MAAA,EAAK,OAAK,MACN,UADY,EAAA,GAAA,CAEjB;AAAA,IACH,GACL;AAAA,EAAA;AAIR,SAAO,EAAE,UAAU,UAAU,OAAO,gBAAgB;AACxD;AAEO,SAAS,KAAK,EAAE,UAAU,SAA6C;AACnE,SAAA,oBAAC,SAAI,WAAW,QAAQ,QAAQ,eAAe,EAAE,IAAK,SAAS,CAAA;AAC1E;"}

package/dist/react/form/index.d.ts

@@ -0,0 +1,3 @@
+export * from './client';
+export * from './form';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}

package/dist/react/index.d.ts

@@ -0,0 +1,5 @@
+export * from './form';
+export * from './apiCall';
+export * from './useFetch';
+export * from './useFetcher';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"}

package/dist/react/index.js

@@ -0,0 +1,19 @@
+import { createClient } from "./form/client.js";
+import { Hint, create, isRequired, maxLength, minLength, stringRequired } from "./form/form.js";
+import { apiCall, jsonContentType } from "./apiCall.js";
+import { useFetch } from "./useFetch.js";
+import { useFetcher } from "./useFetcher.js";
+export {
+  Hint,
+  apiCall,
+  create,
+  createClient,
+  isRequired,
+  jsonContentType,
+  maxLength,
+  minLength,
+  stringRequired,
+  useFetch,
+  useFetcher
+};
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/react/useFetch.d.ts

@@ -0,0 +1,2 @@
+export declare function useFetch<R>(fn: (...args: any[]) => Promise<R>, defaultValue?: R | null): [R | null, typeof fn, boolean, Error | undefined];
+//# sourceMappingURL=useFetch.d.ts.map

package/dist/react/useFetch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetch.d.ts","sourceRoot":"","sources":["../../src/react/useFetch.ts"],"names":[],"mappings":"AAOA,wBAAgB,QAAQ,CAAC,CAAC,EACtB,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,EAClC,YAAY,GAAE,CAAC,GAAG,IAAW,GAC9B,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,GAAG,SAAS,CAAC,CAkBnD"}

package/dist/react/useFetch.js

@@ -0,0 +1,19 @@
+import { useTransition, useState, useCallback } from "react";
+function useFetch(fn, defaultValue = null) {
+  const [isPending, startTransition] = useTransition();
+  const [data, setData] = useState(defaultValue);
+  const [error, setError] = useState();
+  const actionFn = useCallback(
+    (...args) => {
+      const promise = fn(...args);
+      startTransition(() => promise.then(setData).catch(setError));
+      return promise;
+    },
+    [fn]
+  );
+  return [data, actionFn, isPending, error];
+}
+export {
+  useFetch
+};
+//# sourceMappingURL=useFetch.js.map

package/dist/react/useFetch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetch.js","sources":["../../src/react/useFetch.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useState, useTransition } from 'react';\n\n//TODO useFetch https://use-http.com\n//TODO SWR?\n//TODO Tanstack Query?\nexport function useFetch<R>(\n    fn: (...args: any[]) => Promise<R>,\n    defaultValue: R | null = null,\n): [R | null, typeof fn, boolean, Error | undefined] {\n    // An async function was passed to useActionState, but it was dispatched outside of an action context.\n    // This is likely not what you intended. Either pass the dispatch function to an `action` prop, or dispatch manually inside `startTransition`\n    const [isPending, startTransition] = useTransition();\n    const [data, setData] = useState<R | null>(defaultValue);\n    const [error, setError] = useState<Error>();\n\n    const actionFn = useCallback(\n        (...args: Parameters<typeof fn>) => {\n            const promise = fn(...args);\n            // https://react.dev/reference/react/useTransition#react-doesnt-treat-my-state-update-after-await-as-a-transition\n            startTransition(() => promise.then(setData).catch(setError)); //FIXME sub-chain...\n            return promise;\n        },\n        [fn],\n    );\n\n    return [data, actionFn, isPending, error];\n}\n"],"names":[],"mappings":";AAOgB,SAAA,SACZ,IACA,eAAyB,MACwB;AAGjD,QAAM,CAAC,WAAW,eAAe,IAAI,cAAc;AACnD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAmB,YAAY;AACvD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAgB;AAE1C,QAAM,WAAW;AAAA,IACb,IAAI,SAAgC;AAC1B,YAAA,UAAU,GAAG,GAAG,IAAI;AAE1B,sBAAgB,MAAM,QAAQ,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACpD,aAAA;AAAA,IACX;AAAA,IACA,CAAC,EAAE;AAAA,EACP;AAEA,SAAO,CAAC,MAAM,UAAU,WAAW,KAAK;AAC5C;"}

package/dist/react/useFetcher.d.ts

@@ -0,0 +1,10 @@
+export declare function useFetcher<T = any>(cb: any, { fetchOnMount, onError }?: {
+    fetchOnMount?: boolean;
+    onError?: (e: Error) => void;
+}): {
+    loading: boolean;
+    error: Error | null;
+    data: T | null;
+    trigger: (...args: any[]) => Promise<any>;
+};
+//# sourceMappingURL=useFetcher.d.ts.map

package/dist/react/useFetcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetcher.d.ts","sourceRoot":"","sources":["../../src/react/useFetcher.ts"],"names":[],"mappings":"AAEA,wBAAgB,UAAU,CAAC,CAAC,GAAG,GAAG,EAC9B,EAAE,KAAA,EAEF,EAAE,YAAoB,EAAE,OAAO,EAAE,GAAE;IAAE,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;CAAO;;;;;EA2CnG"}

package/dist/react/useFetcher.js

@@ -0,0 +1,43 @@
+import { useState, useRef, useCallback, useEffect } from "react";
+function useFetcher(cb, { fetchOnMount = false, onError } = {}) {
+  const [loading, setLoading] = useState(fetchOnMount);
+  const [error, setError] = useState(null);
+  const [data, setData] = useState(null);
+  const isMounted = useRef(false);
+  const trigger = useCallback(
+    async (...args) => {
+      try {
+        setLoading(true);
+        setError(null);
+        const res = await cb(args);
+        if (!isMounted.current) return;
+        setData(res);
+        return res;
+      } catch (e) {
+        console.error("Fetch failed", e);
+        if (!isMounted.current) return;
+        setError(e);
+        onError == null ? void 0 : onError(e);
+      } finally {
+        if (isMounted.current) setLoading(false);
+      }
+    },
+    [cb, onError]
+  );
+  useEffect(() => {
+    if (fetchOnMount) {
+      trigger().catch((e) => console.error("Fetch on mount failed", e));
+    }
+  }, [fetchOnMount, cb, trigger]);
+  useEffect(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  });
+  return { loading, error, data, trigger };
+}
+export {
+  useFetcher
+};
+//# sourceMappingURL=useFetcher.js.map

package/dist/react/useFetcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetcher.js","sources":["../../src/react/useFetcher.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport function useFetcher<T = any>(\n    cb,\n\n    { fetchOnMount = false, onError }: { fetchOnMount?: boolean; onError?: (e: Error) => void } = {},\n) {\n    const [loading, setLoading] = useState(fetchOnMount);\n    const [error, setError] = useState<Error | null>(null);\n    const [data, setData] = useState<T | null>(null);\n\n    const isMounted = useRef(false);\n\n    const trigger = useCallback(\n        async (...args) => {\n            try {\n                setLoading(true);\n                setError(null);\n                const res = await cb(args);\n                if (!isMounted.current) return;\n                setData(res);\n                return res;\n            } catch (e) {\n                console.error('Fetch failed', e);\n                if (!isMounted.current) return;\n                setError(e);\n                (onError as any)?.(e);\n            } finally {\n                if (isMounted.current) setLoading(false);\n            }\n        },\n        [cb, onError],\n    );\n\n    useEffect(() => {\n        if (fetchOnMount) {\n            trigger().catch((e) => console.error('Fetch on mount failed', e)); // catch actually will never happen\n        }\n    }, [fetchOnMount, cb, trigger]);\n\n    useEffect(() => {\n        isMounted.current = true;\n        return () => {\n            isMounted.current = false;\n        };\n    });\n\n    return { loading, error, data, trigger };\n}\n"],"names":[],"mappings":";AAEgB,SAAA,WACZ,IAEA,EAAE,eAAe,OAAO,QAAQ,IAA8D,IAChG;AACE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,YAAY;AACnD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuB,IAAI;AACrD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAmB,IAAI;AAEzC,QAAA,YAAY,OAAO,KAAK;AAE9B,QAAM,UAAU;AAAA,IACZ,UAAU,SAAS;AACX,UAAA;AACA,mBAAW,IAAI;AACf,iBAAS,IAAI;AACP,cAAA,MAAM,MAAM,GAAG,IAAI;AACrB,YAAA,CAAC,UAAU,QAAS;AACxB,gBAAQ,GAAG;AACJ,eAAA;AAAA,eACF,GAAG;AACA,gBAAA,MAAM,gBAAgB,CAAC;AAC3B,YAAA,CAAC,UAAU,QAAS;AACxB,iBAAS,CAAC;AACT,2CAAkB;AAAA,MAAC,UACtB;AACM,YAAA,UAAU,QAAS,YAAW,KAAK;AAAA,MAAA;AAAA,IAE/C;AAAA,IACA,CAAC,IAAI,OAAO;AAAA,EAChB;AAEA,YAAU,MAAM;AACZ,QAAI,cAAc;AACN,cAAA,EAAE,MAAM,CAAC,MAAM,QAAQ,MAAM,yBAAyB,CAAC,CAAC;AAAA,IAAA;AAAA,EAErE,GAAA,CAAC,cAAc,IAAI,OAAO,CAAC;AAE9B,YAAU,MAAM;AACZ,cAAU,UAAU;AACpB,WAAO,MAAM;AACT,gBAAU,UAAU;AAAA,IACxB;AAAA,EAAA,CACH;AAED,SAAO,EAAE,SAAS,OAAO,MAAM,QAAQ;AAC3C;"}

package/dist/react-native/index.d.ts

@@ -0,0 +1,4 @@
+export * from './share';
+export * from './update';
+export * from './useAppState';
+//# sourceMappingURL=index.d.ts.map