@koine/next 1.0.4 → 1.0.9

package/I18n/I18n.d.ts

@@ -1,48 +1,44 @@
-import format from "date-fns/format";
-import { 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]>> : 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];
-declare type TranslateReturn<Q extends TranslationQuery, O extends TranslationOptions> = string;
-/**
- * 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<R extends unknown = string, N extends undefined | keyof Koine.NextTranslations = undefined, Q extends TranslationQuery = undefined, O extends TranslationOptions = undefined> = (s: N extends keyof Koine.NextTranslations ? Paths<Koine.NextTranslations[N]> | AllPaths : AllPaths, q?: Q, o?: O) => R extends undefined | unknown ? TranslateReturn<Q, O> : 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;
-/**
- * @deprecated Not sure whether this will ever be useful
- */
-export declare function useLooseT(namespace?: string): import("next-translate").Translate;
-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;
+/// <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

@@ -1 +1 @@
-export * from "./I18n";
+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

@@ -1,21 +1,21 @@
-import React from "react";
-import NextImage, { ImageProps as NextImageProps, StaticImageData } from "next/image";
-import { KoineImgSmartProps, KoineImgSmartWrapProps } from "@koine/react";
-interface StaticRequire {
-    default: StaticImageData;
-}
-declare type StaticImport = StaticRequire | StaticImageData;
-export declare type NextImgProps = Omit<React.ComponentPropsWithoutRef<"img">, "src"> & Omit<NextImageProps, "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<NextImageProps, "src"> & {
-        src: string | StaticImport;
-    }, "alt" | "height" | "src" | "width" | "layout" | "priority" | "blurDataURL" | "objectFit" | "objectPosition">;
-};
-export {};
+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

@@ -1 +1 @@
-export * from "./Img";
+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"
+}

package/Link/Link.d.ts

@@ -1,8 +1,9 @@
-import React from "react";
-import { LinkProps as NextLinkProps } from "next/link";
-import { KoineLinkProps } from "@koine/react";
-export declare type LinkProps = Omit<KoineLinkProps, "href"> & Omit<NextLinkProps, "as" | "passHref" | "children">;
-/**
- * @see https://next.js.org/docs/api-reference/next/link
- */
-export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "slot" | "style" | "title" | "key" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "replace" | "scroll" | "shallow" | "prefetch" | "locale"> & React.RefAttributes<HTMLAnchorElement>>;
+import React from "react";
+import { LinkProps as NextLinkProps } from "next/link";
+export declare type LinkProps = Omit<React.ComponentPropsWithRef<"a">, "href"> & Omit<NextLinkProps, "as" | "passHref" | "children"> & {
+    Link?: React.ComponentType<any>;
+};
+/**
+ * @see https://next.js.org/docs/api-reference/next/link
+ */
+export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "key" | "title" | "hidden" | "type" | "locale" | "replace" | "slot" | "style" | "children" | "rel" | "href" | "hrefLang" | "property" | "id" | "prefetch" | "onLoad" | "color" | "onBlur" | "onChange" | "onSubmit" | "referrerPolicy" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "download" | "media" | "ping" | "target" | "scroll" | "shallow" | "legacyBehavior" | "Link"> & React.RefAttributes<HTMLAnchorElement>>;

package/Link/Link.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import NextLink from "next/link";
+/**
+ * @see https://next.js.org/docs/api-reference/next/link
+ */
+export const Link = forwardRef(function Link({ href, prefetch, replace, scroll, shallow, locale, Link = "span", ...props }, ref) {
+    return (_jsx(NextLink, { href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true, children: _jsx(Link, { ref: ref, ...props }) }));
+});

package/Link/index.d.ts

@@ -1 +1 @@
-export * from "./Link";
+export * from "./Link";

package/Link/index.js

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

package/Link/package.json

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

package/NextProgress/NextProgress.d.ts

@@ -1,14 +1,24 @@
-/// <reference types="react" />
-export declare type NextProgressProps = {
-    /** @default 0.3 */
-    startAt: number;
-    /** @default true */
-    showOnShallow: boolean;
-    /** @default 200 */
-    stopDelayMs: number;
-};
-export declare const NextProgress: ({ startAt, showOnShallow, stopDelayMs, }: {
-    startAt?: number | undefined;
-    showOnShallow?: boolean | undefined;
-    stopDelayMs?: number | undefined;
-}) => JSX.Element;
+import { WithComponents, Simplify } from "@koine/react";
+declare type OwnProps = {
+    /** @default 0.3 */
+    startAt?: number;
+    /** @default true */
+    showOnShallow?: boolean;
+    /** @default 200 */
+    stopDelayMs?: number;
+};
+export declare type Components = {
+    Overlay: {
+        type: "div";
+        props: {
+            running?: boolean;
+        };
+    };
+};
+export declare type ComponentsProps = {
+    [Name in keyof Components]: Components[Name]["props"];
+};
+declare type Props = Simplify<WithComponents<OwnProps, Components>>;
+export declare type NextProgressProps = Props;
+export declare const NextProgress: ({ startAt, showOnShallow, stopDelayMs, Overlay, }: NextProgressProps) => JSX.Element;
+export {};

package/NextProgress/NextProgress.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useRouter } from "next/router";
+export const NextProgress = ({ startAt = 0.3, showOnShallow = true, stopDelayMs = 200, Overlay = "div", }) => {
+    const { events } = useRouter();
+    // const [progress, setProgress] = useState(0);
+    const [running, setRunning] = useState(false);
+    const timer = useRef(null);
+    const routeChangeStart = useCallback((_, { shallow }) => {
+        if (!shallow || showOnShallow) {
+            // setProgress(startAt);
+            setRunning(true);
+        }
+    }, [showOnShallow]);
+    const routeChangeEnd = useCallback((_, { shallow }) => {
+        if (!shallow || showOnShallow) {
+            if (timer.current) {
+                clearTimeout(timer.current);
+            }
+            timer.current = setTimeout(() => {
+                // setProgress(100);
+                setRunning(false);
+            }, stopDelayMs);
+        }
+    }, [showOnShallow, stopDelayMs, timer]);
+    useEffect(() => {
+        events.on("routeChangeStart", routeChangeStart);
+        events.on("routeChangeComplete", routeChangeEnd);
+        events.on("routeChangeError", routeChangeEnd);
+        return () => {
+            events.off("routeChangeStart", routeChangeStart);
+            events.off("routeChangeComplete", routeChangeEnd);
+            events.off("routeChangeError", routeChangeEnd);
+        };
+    }, [events, routeChangeStart, routeChangeEnd]);
+    return _jsx(Overlay, { running: running });
+};

package/NextProgress/index.d.ts

@@ -1 +1,2 @@
-export * from "./NextProgress";
+export { NextProgress } from "./NextProgress";
+export type { NextProgressProps } from "./NextProgress";

package/NextProgress/index.js

@@ -0,0 +1 @@
+export { NextProgress } from "./NextProgress";

package/NextProgress/package.json

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

package/Seo/Seo.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { SeoProps } from "./helpers";
-export declare const Seo: React.MemoExoticComponent<(props: SeoProps) => JSX.Element>;
+import React from "react";
+import { SeoProps } from "./helpers";
+export declare const Seo: React.MemoExoticComponent<(props: SeoProps) => JSX.Element>;

package/Seo/Seo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import Head from "next/head";
+import { buildTags } from "./helpers";
+const _Seo = (props) => {
+    return _jsx(Head, { children: buildTags(props) });
+};
+export const Seo = memo(_Seo);

package/Seo/SeoDefaults.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { SeoDefaultsProps } from "./helpers";
-export declare const SeoDefaults: React.MemoExoticComponent<(props: SeoDefaultsProps) => JSX.Element>;
+import React from "react";
+import { SeoDefaultsProps } from "./helpers";
+export declare const SeoDefaults: React.MemoExoticComponent<(props: SeoDefaultsProps) => JSX.Element>;

package/Seo/SeoDefaults.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import Head from "next/head";
+// import { useRouter } from "next/router";
+// import { getSiteUrl } from "../utils";
+import { buildTags } from "./helpers";
+const _SeoDefaults = (props) => {
+    // const router = useRouter();
+    // props.openGraph.url = getSiteUrl(router.asPath);
+    return _jsx(Head, { children: buildTags(props) });
+};
+export const SeoDefaults = memo(_SeoDefaults);

package/Seo/helpers.d.ts

@@ -1,48 +1,48 @@
-import React from "react";
-import type { NextSeoProps, DefaultSeoProps } from "next-seo/lib/types";
-export declare type SeoData = {
-    hidden?: boolean;
-    title?: string;
-    description?: string;
-    keywords?: string | string[];
-    ogimage?: string;
-};
-declare type SeoPropsOpenGraph = NextSeoProps["openGraph"] & {
-    image?: string;
-};
-/**
- * @see https://github.com/garmeeh/next-seo/blob/master/src/types.ts#L395
- */
-export declare type SeoProps = Omit<NextSeoProps, "additionalMetaTags" | "additionalLinkTags" | "mobileAlternate" | "robotsProps"> & {
-    metaTags?: NextSeoProps["additionalMetaTags"];
-    linkTags?: NextSeoProps["additionalLinkTags"];
-    seo?: SeoData;
-    hidden?: SeoData["hidden"];
-    keywords?: SeoData["keywords"];
-    openGraph?: SeoPropsOpenGraph;
-    og?: SeoPropsOpenGraph;
-};
-/**
- * @see https://github.com/garmeeh/next-seo/blob/master/src/types.ts#L413
- */
-export declare type SeoDefaultsProps = Omit<DefaultSeoProps, "additionalMetaTags" | "additionalLinkTags" | "dangerouslySetAllPagesToNoIndex" | "dangerouslySetAllPagesToNoFollow" | "defaultOpenGraphImageWidth" | "defaultOpenGraphImageHeight" | "defaultOpenGraphVideoWidth" | "defaultOpenGraphVideoHeight" | "mobileAlternate" | "robotsProps"> & {
-    metaTags?: DefaultSeoProps["additionalMetaTags"];
-    linkTags?: DefaultSeoProps["additionalLinkTags"];
-};
-declare type BuildTagsParams = SeoProps & SeoDefaultsProps;
-/**
- * We do a couple of things in addition while many other are removed.
- *
- * - Add `seo` meta object coming from a CMS probably
- * - Add `ogimage` and `openGraph.image` as single image source
- * - Add `og` alias to define `openGraph`
- * - Add check for `title` equale to `templateTitle` to avoid meta titles like
- *   "My site | My site" often happening in homepages
- * - Remove the open graph videos and images
- *
- * - Shorter code
- *
- * @returns
- */
-export declare const buildTags: ({ seo, hidden, keywords, title, titleTemplate, defaultTitle, noindex, nofollow, description, languageAlternates, twitter, facebook, openGraph, og: ogAlias, canonical, metaTags, linkTags, }?: BuildTagsParams) => React.ReactNode[];
-export {};
+import React from "react";
+import type { NextSeoProps, DefaultSeoProps } from "next-seo/lib/types";
+export declare type SeoData = {
+    hidden?: boolean;
+    title?: string;
+    description?: string;
+    keywords?: string | string[];
+    ogimage?: string;
+};
+declare type SeoPropsOpenGraph = NextSeoProps["openGraph"] & {
+    image?: string;
+};
+/**
+ * @see https://github.com/garmeeh/next-seo/blob/master/src/types.ts#L395
+ */
+export declare type SeoProps = Omit<NextSeoProps, "additionalMetaTags" | "additionalLinkTags" | "mobileAlternate" | "robotsProps"> & {
+    metaTags?: NextSeoProps["additionalMetaTags"];
+    linkTags?: NextSeoProps["additionalLinkTags"];
+    seo?: SeoData;
+    hidden?: SeoData["hidden"];
+    keywords?: SeoData["keywords"];
+    openGraph?: SeoPropsOpenGraph;
+    og?: SeoPropsOpenGraph;
+};
+/**
+ * @see https://github.com/garmeeh/next-seo/blob/master/src/types.ts#L413
+ */
+export declare type SeoDefaultsProps = Omit<DefaultSeoProps, "additionalMetaTags" | "additionalLinkTags" | "dangerouslySetAllPagesToNoIndex" | "dangerouslySetAllPagesToNoFollow" | "defaultOpenGraphImageWidth" | "defaultOpenGraphImageHeight" | "defaultOpenGraphVideoWidth" | "defaultOpenGraphVideoHeight" | "mobileAlternate" | "robotsProps"> & {
+    metaTags?: DefaultSeoProps["additionalMetaTags"];
+    linkTags?: DefaultSeoProps["additionalLinkTags"];
+};
+declare type BuildTagsParams = SeoProps & SeoDefaultsProps;
+/**
+ * We do a couple of things in addition while many other are removed.
+ *
+ * - Add `seo` meta object coming from a CMS probably
+ * - Add `ogimage` and `openGraph.image` as single image source
+ * - Add `og` alias to define `openGraph`
+ * - Add check for `title` equale to `templateTitle` to avoid meta titles like
+ *   "My site | My site" often happening in homepages
+ * - Remove the open graph videos and images
+ *
+ * - Shorter code
+ *
+ * @returns
+ */
+export declare const buildTags: ({ seo, hidden, keywords, title, titleTemplate, defaultTitle, noindex, nofollow, description, languageAlternates, twitter, facebook, openGraph, og: ogAlias, canonical, metaTags, linkTags, }?: BuildTagsParams) => React.ReactNode[];
+export {};