@koine/next 1.0.10 → 1.0.11

package/Analytics/AnalyticsGoogle.d.ts

@@ -0,0 +1,5 @@
+export declare type AnalyticsGoogleProps = {
+    /** Falls back to `.env` variable `NEXT_PUBLIC_GTM_ID` */
+    id?: string;
+};
+export declare const AnalyticsGoogle: ({ id }: AnalyticsGoogleProps) => JSX.Element | null;

package/Analytics/AnalyticsGoogle.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useRouter } from "next/router";
+import Script from "next/script";
+import { pageview } from "@koine/utils";
+export const AnalyticsGoogle = ({ id }) => {
+    const uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
+    const { events, asPath, query } = useRouter();
+    const [ready, setReady] = useState(false);
+    const [routed, setRouted] = useState(false);
+    // const [url, setUrl] = useState("");
+    useEffect(() => {
+        const handleRouteChange = () => {
+            setRouted(true);
+        };
+        events.on("routeChangeComplete", handleRouteChange);
+        return () => {
+            events.off("routeChangeComplete", handleRouteChange);
+        };
+    }, [events]);
+    useEffect(() => {
+        if (routed && ready && asPath) {
+            // const search = query;
+            pageview(asPath);
+        }
+    }, [asPath, query, routed, ready]);
+    if (!uid) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(Script, { id: "google-tagmanager", src: `https://www.googletagmanager.com/gtag/js?id=${id}`, strategy: "afterInteractive", onLoad: () => setReady(true) }), _jsx(Script, { id: "google-analytics", strategy: "afterInteractive", children: `
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){window.dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${id}', { 'send_page_view': false });
+        ` })] }));
+};

package/Analytics/index.d.ts

@@ -0,0 +1 @@
+export * from "./AnalyticsGoogle";

package/Analytics/index.js

@@ -0,0 +1 @@
+export * from "./AnalyticsGoogle";

package/Analytics/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Analytics/index.js",
+  "types": "./index.d.ts"
+}

package/Auth/helpers.d.ts

@@ -0,0 +1,17 @@
+import type { Translate } from "../I18n";
+/**
+ * @see next/auth `pages` mapping: https://next-auth.js.org/configuration/pages`
+ */
+export declare type AuthRoutesMap = {
+    login?: string;
+    profile?: string;
+    register?: string;
+    /** Array of regexes to match pathnames of protected routes */
+    secured?: RegExp[];
+};
+export declare const AUTH_ROUTES: AuthRoutesMap;
+export declare function getAuthRoutes(t: Translate): AuthRoutesMap;
+/**
+ * @param url e.g. "http://localhost:3000/signin?callbackUrl=http://localhost:3000/profile"
+ */
+export declare function getCallbackUrl(url?: string): string;

package/Auth/helpers.js

@@ -0,0 +1,21 @@
+import { isString } from "@koine/utils";
+export const AUTH_ROUTES = {
+    login: process.env["AUTH_ROUTE_LOGIN"],
+    profile: process.env["AUTH_ROUTE_PROFILE"],
+    register: process.env["AUTH_ROUTE_REGISTER"],
+    secured: JSON.parse(process.env["AUTH_ROUTES_SECURED"] || "[]"),
+};
+export function getAuthRoutes(t) {
+    return Object.keys(AUTH_ROUTES).reduce((map, name) => {
+        const routePage = AUTH_ROUTES[name];
+        // @ts-expect-error cannot remember
+        map[name] = isString(routePage) ? t(`~:${AUTH_ROUTES[name]}`) : routePage;
+        return map;
+    }, {});
+}
+/**
+ * @param url e.g. "http://localhost:3000/signin?callbackUrl=http://localhost:3000/profile"
+ */
+export function getCallbackUrl(url = window.location.href) {
+    return url.split("callbackUrl=")[1] || "";
+}

package/Auth/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./helpers";
+export * from "./useLogin";
+export * from "./useLoginUrl";
+export * from "./useLogout";

package/Auth/index.js

@@ -0,0 +1,4 @@
+export * from "./helpers";
+export * from "./useLogin";
+export * from "./useLoginUrl";
+export * from "./useLogout";

package/Auth/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Auth/index.js",
+  "types": "./index.d.ts"
+}

package/Auth/useLogin.d.ts

@@ -0,0 +1,7 @@
+import { SubmitHandler } from "react-hook-form";
+export declare function useLogin<LoginForm extends {} = {}>(): {
+    submit: SubmitHandler<LoginForm>;
+    loading: boolean;
+    ok: boolean;
+    fail: boolean;
+};

package/Auth/useLogin.js

@@ -0,0 +1,50 @@
+import { useState, useCallback } from "react";
+import { useRouter } from "next/router";
+import { signIn } from "next-auth/react";
+import { parseURL } from "@koine/utils";
+import { useT } from "../I18n";
+import { getAuthRoutes, getCallbackUrl } from "./helpers";
+export function useLogin() {
+    const t = useT();
+    const { push } = useRouter();
+    const [loading, setLoading] = useState(false);
+    const [ok, setOk] = useState(false);
+    const [fail, setFail] = useState(false);
+    const submit = useCallback((data) => {
+        setLoading(true);
+        signIn("credentials", {
+            ...data,
+            redirect: false,
+        })
+            // @ts-expect-error FIXME: at some point...
+            .then(({ ok }) => {
+            setLoading(false);
+            setOk(ok);
+            setFail(!ok);
+            if (ok) {
+                const redirectUrl = parseURL(getCallbackUrl());
+                const { login, register, profile } = getAuthRoutes(t);
+                if (redirectUrl) {
+                    const redirectPath = redirectUrl.pathname;
+                    if (profile &&
+                        (redirectPath === login || redirectPath === register)) {
+                        push(profile);
+                    }
+                    else {
+                        push(redirectPath + redirectUrl.search);
+                    }
+                }
+                else if (profile) {
+                    push(profile);
+                }
+            }
+        });
+    }, [t, push]);
+    // TODO: useMemo ?
+    return {
+        submit,
+        loading,
+        ok,
+        fail,
+    };
+}

package/Auth/useLoginUrl.d.ts

@@ -0,0 +1 @@
+export declare function useLoginUrl(): string;

package/Auth/useLoginUrl.js

@@ -0,0 +1,11 @@
+import { useEffect, useState } from "react";
+import { useT } from "../I18n";
+import { getAuthRoutes } from "./helpers";
+export function useLoginUrl() {
+    const [currentUrl, setCurrentUrl] = useState("");
+    const t = useT();
+    useEffect(() => {
+        setCurrentUrl(`?callbackUrl=${window.location.href}`);
+    }, []);
+    return `${getAuthRoutes(t).login}${currentUrl}`;
+}

package/Auth/useLogout.d.ts

@@ -0,0 +1,6 @@
+export declare function useLogout(): {
+    submit: (event: React.SyntheticEvent<HTMLFormElement>) => void;
+    loading: boolean;
+    ok: boolean;
+    fail: boolean;
+};

package/Auth/useLogout.js

@@ -0,0 +1,52 @@
+import { useState, useCallback } from "react";
+import { useRouter } from "next/router";
+import { signOut } from "next-auth/react";
+import { parseURL } from "@koine/utils";
+import { useT } from "../I18n";
+import { getAuthRoutes, getCallbackUrl } from "./helpers";
+export function useLogout() {
+    const t = useT();
+    const { push } = useRouter();
+    const [loading, setLoading] = useState(false);
+    const [ok, setOk] = useState(false);
+    const [fail] = useState(false);
+    const submit = useCallback((event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setLoading(true);
+        signOut({ redirect: false }).then(() => {
+            setLoading(false);
+            setOk(true);
+            const redirectUrl = parseURL(getCallbackUrl());
+            const currentUrl = parseURL(window.location.href);
+            const { secured } = getAuthRoutes(t);
+            const signin = t("~:/signin");
+            const profile = t("~:/profile");
+            const targetUrl = redirectUrl || currentUrl;
+            let redirect = "";
+            if (targetUrl) {
+                if (targetUrl.pathname === profile) {
+                    redirect = signin;
+                }
+                else if (secured) {
+                    for (let i = 0; i < secured.length; i++) {
+                        if (targetUrl.pathname.match(secured[i])) {
+                            redirect = signin;
+                            break;
+                        }
+                    }
+                }
+            }
+            if (redirect) {
+                push(redirect);
+            }
+        });
+    }, [t, push]);
+    // TODO: useMemo ?
+    return {
+        submit,
+        loading,
+        ok,
+        fail,
+    };
+}

package/Favicon/Favicon.d.ts

@@ -0,0 +1,3 @@
+import { FaviconTagsProps } from "@koine/react";
+export declare type FaviconProps = FaviconTagsProps;
+export declare const Favicon: (props: FaviconTagsProps) => JSX.Element;

package/Favicon/Favicon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Head from "next/head";
+import { FaviconTags } from "@koine/react";
+export const Favicon = (props) => (_jsx(Head, { children: _jsx(FaviconTags, { ...props }) }));

package/Favicon/index.d.ts

@@ -0,0 +1 @@
+export * from "./Favicon";

package/Favicon/index.js

@@ -0,0 +1 @@
+export * from "./Favicon";

package/Favicon/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Favicon/index.js",
+  "types": "./index.d.ts"
+}

package/Forms/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useForm";
+export * from "./useSubmit";

package/Forms/index.js

@@ -0,0 +1,2 @@
+export * from "./useForm";
+export * from "./useSubmit";

package/Forms/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Forms/index.js",
+  "types": "./index.d.ts"
+}

package/Forms/useForm.d.ts

@@ -0,0 +1,32 @@
+import type { UseFormProps, FieldValues } from "react-hook-form";
+import type { ObjectSchema } from "yup";
+import { TranslateNamespace } from "../I18n";
+export declare function useForm<T extends FieldValues>(schema: ObjectSchema<any>, i18nNamespace: TranslateNamespace, formProps?: UseFormProps, debug?: boolean): {
+    watch: import("react-hook-form").UseFormWatch<T>;
+    getValues: import("react-hook-form").UseFormGetValues<T>;
+    getFieldState: import("react-hook-form").UseFormGetFieldState<T>;
+    setError: import("react-hook-form").UseFormSetError<T>;
+    clearErrors: import("react-hook-form").UseFormClearErrors<T>;
+    setValue: import("react-hook-form").UseFormSetValue<T>;
+    trigger: import("react-hook-form").UseFormTrigger<T>;
+    formState: import("react-hook-form").FormState<T>;
+    resetField: import("react-hook-form").UseFormResetField<T>;
+    reset: import("react-hook-form").UseFormReset<T>;
+    handleSubmit: import("react-hook-form").UseFormHandleSubmit<T>;
+    unregister: import("react-hook-form").UseFormUnregister<T>;
+    control: import("react-hook-form").Control<T, any>;
+    register: import("react-hook-form").UseFormRegister<T>;
+    setFocus: import("react-hook-form").UseFormSetFocus<T>;
+    field: {
+        control: import("react-hook-form").Control<T, any>;
+        register: import("react-hook-form").UseFormRegister<T>;
+        setValue: import("react-hook-form").UseFormSetValue<T>;
+        t: <R extends unknown = string>(s: string, q?: "obj" | {
+            [key: string]: string | number | boolean;
+        } | null | undefined, o?: "obj" | {
+            returnObjects?: boolean | undefined;
+            fallback?: string | string[] | undefined;
+            default?: string | undefined;
+        } | undefined) => R;
+    };
+};

package/Forms/useForm.js

@@ -0,0 +1,37 @@
+import { useMemo } from "react";
+import { useForm as _useForm } from "react-hook-form";
+import { yupResolver as resolver } from "@hookform/resolvers/yup";
+import { useT } from "../I18n";
+export function useForm(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+schema, i18nNamespace, formProps = {}, debug) {
+    const t = useT(i18nNamespace);
+    // const form = _useForm<InferType<ObjectSchema<T, object>>>({
+    const form = _useForm({
+        // @ts-expect-error FIXME:
+        resolver: resolver(schema),
+        // make the form behave more closer as native:
+        // shouldUnregister: true,
+        ...formProps,
+    });
+    // const { control, register, setValue } = form;
+    // const field = { control, register, setValue, t };
+    // if (process.env["NODE_ENV"] !== "production") {
+    //   if (debug) {
+    //     console.log(
+    //       `Form ${i18nNamespace} data`,
+    //       form.watch(),
+    //       `errors: `,
+    //       form.formState.errors
+    //     );
+    //   }
+    // }
+    // if (formProps.mode === "onChange") {
+    //   return { field, ...form };
+    // }
+    return useMemo(() => {
+        const { control, register, setValue } = form;
+        const field = { control, register, setValue, t };
+        return { field, ...form };
+    }, [t, form]);
+}

package/Forms/useSubmit.d.ts

@@ -0,0 +1,24 @@
+import type { UnpackNestedValue } from "react-hook-form";
+import { KoineApi } from "../utils/api";
+export declare function useSubmit<RequestBody extends {}, ResponseSuccesfull extends KoineApi.ResponseSuccesfull = {}, ResponseFailed extends KoineApi.ResponseFailed = Record<keyof RequestBody, string | string[]>>(url: string, transformData?: (json: UnpackNestedValue<RequestBody>) => any): {
+    submit: (json: any) => Promise<KoineApi.Response<ResponseSuccesfull, ResponseFailed>>;
+    loading: boolean;
+} & {
+    status: number;
+    msg: string;
+} & ({
+    ok?: boolean | undefined;
+    fail?: boolean | undefined;
+    loading: true;
+    data?: undefined;
+} | {
+    ok: true;
+    fail?: false | undefined;
+    loading?: false | undefined;
+    data: ResponseSuccesfull;
+} | {
+    ok?: false | undefined;
+    fail: true;
+    loading?: false | undefined;
+    data: ResponseFailed;
+});

package/Forms/useSubmit.js

@@ -0,0 +1,23 @@
+import { useAsyncFn } from "@koine/react";
+import { api } from "../utils/api";
+export function useSubmit(url, transformData) {
+    const [state, submit] = useAsyncFn(async (json) => {
+        if (transformData)
+            json = transformData(json);
+        const response = await api.post(url, {
+            json,
+        });
+        if (process.env["NODE_ENV"] !== "production") {
+            console.log("[@koine/next] useSubmit response", response);
+        }
+        return response;
+    }, [url, transformData]);
+    const { loading, error, value } = state;
+    const fail = !loading && (!!error || value?.fail);
+    return {
+        submit,
+        loading,
+        ...(value || {}),
+        fail,
+    };
+}

package/Head/Head.d.ts

@@ -0,0 +1 @@
+export { default as Head } from "next/head";

package/Head/Head.js

@@ -0,0 +1 @@
+export { default as Head } from "next/head";

package/Head/index.d.ts

@@ -0,0 +1 @@
+export * from "./Head";

package/Head/index.js

@@ -0,0 +1 @@
+export * from "./Head";

package/Head/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Head/index.js",
+  "types": "./index.d.ts"
+}

package/I18n/I18n.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="@koine/next/typings" />
+import format from "date-fns/format";
+import type { Option } from "@koine/react";
+export { default as T } from "next-translate/Trans";
+declare type Join<S1, S2> = S1 extends string ? S2 extends string ? `${S1}.${S2}` : never : never;
+declare type Paths<T> = {
+    [K in keyof T]: T[K] extends Record<string, unknown> ? Join<K, Paths<T[K]>> : K;
+}[keyof T];
+export declare type AllPaths = {
+    [N in keyof Koine.NextTranslations]: {
+        [K in keyof Koine.NextTranslations[N]]: Koine.NextTranslations[N][K] extends Array<Record<string, unknown>> ? Join<K extends string ? `${N}:${K}` : `${N}:`, Paths<Koine.NextTranslations[N][K]>> : Koine.NextTranslations[N][K] extends Record<string, unknown> ? Join<K extends string ? `${N}:${K}` : `${N}:`, Paths<Koine.NextTranslations[N][K]>> & Record<Koine.NextTranslations[N][K], object> : Koine.NextTranslations[N][K] extends Array<string | number | boolean> ? Join<K extends string ? `${N}:${K}` : `${N}`, Paths<Koine.NextTranslations[N][K]>> : Koine.NextTranslations[N][K] extends string | number | boolean ? K extends string ? `${N}:${K}` : `${N}:` : ``;
+    }[keyof Koine.NextTranslations[N]];
+}[keyof Koine.NextTranslations];
+/**
+ * Passing just `obj` is a shortcut for `{ returnObjects: true }`
+ */
+declare type TranslationQuery = undefined | null | "obj" | {
+    [key: string]: string | number | boolean;
+};
+/**
+ * Passing just `obj` is a shortcut for `{ returnObjects: true }`
+ */
+declare type TranslationOptions = undefined | "obj" | {
+    returnObjects?: boolean;
+    fallback?: string | string[];
+    default?: string;
+};
+export declare type TranslateNamespace = keyof Koine.NextTranslations;
+export declare type TranslateKey = AllPaths;
+export declare type Translate<N extends undefined | keyof Koine.NextTranslations = undefined> = <R extends unknown = string>(s: N extends TranslateNamespace ? Paths<Koine.NextTranslations[N]> | AllPaths : AllPaths, q?: TranslationQuery, o?: TranslationOptions) => R;
+export declare type TranslateLoose = (s: any, q?: any, o?: any) => string;
+/**
+ * FIXME: the use of `useMemo` is a hopefully-temporary solution to fix the FOUC
+ * problem of untranslated text during page transitions
+ *
+ * @see https://github.com/vinissimus/next-translate/issues/513#issuecomment-779826418
+ */
+export declare function useT<N extends TranslateNamespace | undefined>(namespace?: N): <R extends unknown = string>(s: N extends TranslateNamespace ? Paths<Koine.NextTranslations[N]> | AllPaths : AllPaths, q?: TranslationQuery, o?: TranslationOptions) => R;
+export declare function translationAsOptions(t: TranslateLoose, i18nKey: string): Option[];
+/**
+ * Automatically returns the `date-fns/format` function with the right locale
+ * passed as option (grabbed from next router value).
+ */
+export declare const useDateFormat: () => typeof format;

package/I18n/I18n.js

@@ -0,0 +1,74 @@
+/// <reference types="@koine/next/typings" />
+/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
+/**
+ * @file
+ *
+ * About the typescript support for translation strings @see:
+ * - https://github.com/vinissimus/next-translate/issues/721
+ */
+import { useEffect, useState, useMemo } from "react";
+import { useRouter } from "next/router";
+import format from "date-fns/format";
+import useTranslation from "next-translate/useTranslation";
+import { useDateLocale } from "@koine/react";
+export { default as T } from "next-translate/Trans";
+/**
+ * FIXME: the use of `useMemo` is a hopefully-temporary solution to fix the FOUC
+ * problem of untranslated text during page transitions
+ *
+ * @see https://github.com/vinissimus/next-translate/issues/513#issuecomment-779826418
+ */
+export function useT(namespace) {
+    const t = useTranslation().t;
+    // const typedT = <
+    //   // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
+    //   R extends unknown = string,
+    //   // Q extends TranslationQuery = TranslationQuery
+    //   // O extends TranslationOptions = TranslationOptions
+    // >(
+    //   s: N extends TranslateNamespace
+    //     ? Paths<Koine.NextTranslations[N]> | AllPaths
+    //     : AllPaths,
+    //   q?: TranslationQuery,
+    //   o?: TranslationOptions
+    // ) =>
+    //   // eslint-disable-next-line
+    //   t.call(
+    //     null,
+    //     namespace ? `${namespace}:${s}` : s,
+    //     q === "obj" ? null : q,
+    //     q === "obj" || o === "obj" ? { returnObjects: true } : o
+    //   // ) as R extends (undefined | never | unknown) ? TranslateReturn<TranslationQuery, TranslationOptions> : R;
+    //   ) as R;
+    // return typedT;
+    const tMemoized = useMemo(() => (s, q, o) => t(namespace ? `${namespace}:${s}` : s, q === "obj" ? null : q, q === "obj" || o === "obj" ? { returnObjects: true } : o
+    // ) as R extends (undefined | never | unknown) ? TranslateReturn<TranslationQuery, TranslationOptions> : R;
+    ), [t, namespace]);
+    // return tMemoized as Translate<N>;
+    return tMemoized;
+}
+export function translationAsOptions(t, i18nKey) {
+    const dictionary = t(i18nKey, undefined, {
+        returnObjects: true,
+    });
+    return Object.keys(dictionary).map((key) => ({
+        value: key,
+        label: dictionary[key],
+    }));
+}
+/**
+ * Automatically returns the `date-fns/format` function with the right locale
+ * passed as option (grabbed from next router value).
+ */
+export const useDateFormat = () => {
+    const [formatter, setFormatter] = useState(() => (...args) => format(...args));
+    const router = useRouter();
+    const locale = useDateLocale(router.locale);
+    useEffect(() => {
+        if (locale) {
+            const newFormatter = (date, _format, options) => format(date, _format, { ...(options || {}), locale });
+            setFormatter(() => (...args) => newFormatter(...args));
+        }
+    }, [locale]);
+    return formatter;
+};

package/I18n/index.d.ts

@@ -0,0 +1 @@
+export * from "./I18n";

package/I18n/index.js

@@ -0,0 +1 @@
+export * from "./I18n";

package/I18n/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/I18n/index.js",
+  "types": "./index.d.ts"
+}

package/Img/Img.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import NextImage, { ImageProps, StaticImageData } from "next/image";
+import type { KoineImgSmartProps, KoineImgSmartWrapProps } from "@koine/react";
+interface StaticRequire {
+    default: StaticImageData;
+}
+declare type StaticImport = StaticRequire | StaticImageData;
+export declare type NextImgProps = Omit<React.ComponentPropsWithoutRef<"img">, "src"> & Omit<ImageProps, "src"> & {
+    src: string | StaticImport;
+};
+export declare const NextImg: typeof NextImage;
+export declare type NextImgSmartWrapProps = KoineImgSmartWrapProps;
+export declare type NextImgSmartProps = KoineImgSmartProps & NextImgProps;
+export declare const NextImgSmart: (props: NextImgSmartProps) => JSX.Element;
+export declare function getNextImgProps<T>({ src, alt, layout, blurDataURL, width, height, priority, objectFit, objectPosition, ...restProps }: T & NextImgProps): {
+    nextImgProps: NextImgProps;
+    restProps: Omit<T & Omit<Pick<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "key" | keyof React.ImgHTMLAttributes<HTMLImageElement>>, "src"> & Omit<ImageProps, "src"> & {
+        src: string | StaticImport;
+    }, "src" | "alt" | "height" | "width" | "layout" | "priority" | "blurDataURL" | "objectFit" | "objectPosition">;
+};
+export {};

package/Img/Img.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import NextImage from "next/image";
+export const NextImg = NextImage;
+export const NextImgSmart = (props) => {
+    const [$loaded, setLoaded] = useState(false);
+    const [$error, setError] = useState(false);
+    const { nextImgProps, restProps } = getNextImgProps(props);
+    const { Wrap } = restProps;
+    return nextImgProps.priority ? (_jsx(NextImage, { ...nextImgProps })) : (_jsx(Wrap, { ...restProps, "$loaded": $loaded, "$error": $error, children: _jsx(NextImage, { ...nextImgProps, onLoadingComplete: () => setLoaded(true), onError: () => setError(true) }) }));
+};
+export function getNextImgProps({ src, alt, layout, blurDataURL, width, height, priority, objectFit, objectPosition, ...restProps }) {
+    const nextImgProps = {
+        src,
+        alt,
+        layout,
+        blurDataURL,
+        width,
+        height,
+        priority,
+        objectFit,
+        objectPosition,
+    };
+    return {
+        nextImgProps,
+        restProps,
+    };
+}

package/Img/index.d.ts

@@ -0,0 +1 @@
+export * from "./Img";

package/Img/index.js

@@ -0,0 +1 @@
+export * from "./Img";

package/Img/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Img/index.js",
+  "types": "./index.d.ts"
+}