@koine/next 1.0.14 → 1.0.17

package/node/document/em/index.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Document = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var document_1 = tslib_1.__importStar(require("next/document"));
+var react_1 = require("@koine/react");
+var create_instance_1 = tslib_1.__importDefault(require("@emotion/server/create-instance"));
+var emotion_cache_1 = require("../../utils/emotion-cache");
+/**
+ * Next Document wrapper for `emotion` based projects
+ *
+ * @example
+ *
+ * in your `myapp/pages/_document.tsx`:
+ * ```tsx
+ * export { Document as default } from "@koine/next/document/em";
+ * ```
+ */
+var Document = /** @class */ (function (_super) {
+    tslib_1.__extends(Document, _super);
+    function Document() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Document.prototype.render = function () {
+        var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
+        return ((0, jsx_runtime_1.jsxs)(document_1.Html, tslib_1.__assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(react_1.Meta, {}), (0, jsx_runtime_1.jsx)(react_1.NoJs, {}), this.props.emotionStyleTags] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] })));
+    };
+    return Document;
+}(document_1.default));
+exports.Document = Document;
+// `getInitialProps` belongs to `_document` (instead of `_app`),
+// it's compatible with static-site generation (SSG).
+Document.getInitialProps = function (ctx) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+    var originalRenderPage, cache, extractCriticalToChunks, initialProps, emotionStyles, emotionStyleTags;
+    return tslib_1.__generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                originalRenderPage = ctx.renderPage;
+                cache = (0, emotion_cache_1.createEmotionCache)();
+                extractCriticalToChunks = (0, create_instance_1.default)(cache).extractCriticalToChunks;
+                ctx.renderPage = function () {
+                    return originalRenderPage({
+                        enhanceApp: function (App) {
+                            return function EnhanceApp(props) {
+                                return (0, jsx_runtime_1.jsx)(App, tslib_1.__assign({ emotionCache: cache }, props));
+                            };
+                        },
+                    });
+                };
+                return [4 /*yield*/, Document.getInitialProps(ctx)];
+            case 1:
+                initialProps = _a.sent();
+                emotionStyles = extractCriticalToChunks(initialProps.html);
+                emotionStyleTags = emotionStyles.styles.map(function (style) { return ((0, jsx_runtime_1.jsx)("style", { "data-emotion": "".concat(style.key, " ").concat(style.ids.join(" ")), 
+                    // eslint-disable-next-line react/no-danger
+                    dangerouslySetInnerHTML: { __html: style.css } }, style.key)); });
+                return [2 /*return*/, tslib_1.__assign(tslib_1.__assign({}, initialProps), { emotionStyleTags: emotionStyleTags })];
+        }
+    });
+}); };
+exports.default = Document;

package/node/document/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = exports.Document = void 0;
+var Document_1 = require("./Document");
+Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return Document_1.Document; } });
+var Document_2 = require("./Document");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return Document_2.Document; } });

package/node/document/sc/index.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Document = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = tslib_1.__importDefault(require("react"));
+/* ? eslint-disable @next/next/no-document-import-in-page */
+var document_1 = tslib_1.__importStar(require("next/document"));
+var react_2 = require("@koine/react");
+var styled_components_1 = require("styled-components");
+/**
+ * Next Document wrapper for `styled-components` based projects
+ *
+ * For typescript safety of this component
+ * @see https://bit.ly/3ceuF8m
+ *
+ * @example
+ *
+ * in your `myapp/pages/_document.tsx`:
+ * ```tsx
+ * export { Document as default } from "@koine/next/document/sc";
+ * ```
+ */
+var Document = /** @class */ (function (_super) {
+    tslib_1.__extends(Document, _super);
+    function Document() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Document.getInitialProps = function (ctx) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var sheet, originalRenderPage, initialProps;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        sheet = new styled_components_1.ServerStyleSheet();
+                        originalRenderPage = ctx.renderPage;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, , 3, 4]);
+                        ctx.renderPage = function () {
+                            return originalRenderPage({
+                                enhanceApp: function (App) { return function (props) {
+                                    return sheet.collectStyles((0, jsx_runtime_1.jsx)(App, tslib_1.__assign({}, props)));
+                                }; },
+                            });
+                        };
+                        return [4 /*yield*/, document_1.default.getInitialProps(ctx)];
+                    case 2:
+                        initialProps = _a.sent();
+                        return [2 /*return*/, tslib_1.__assign(tslib_1.__assign({}, initialProps), { 
+                                // @ts-expect-error FIXME: have they changed type?
+                                styles: ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [initialProps.styles, sheet.getStyleElement()] })) })];
+                    case 3:
+                        sheet.seal();
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    Document.prototype.render = function () {
+        var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
+        return ((0, jsx_runtime_1.jsxs)(document_1.Html, tslib_1.__assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(react_2.Meta, {}), (0, jsx_runtime_1.jsx)(react_2.NoJs, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] })));
+    };
+    return Document;
+}(document_1.default));
+exports.Document = Document;
+exports.default = Document;

package/node/i18n/T/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.T = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Trans_1 = tslib_1.__importDefault(require("next-translate/Trans"));
+function T(props) {
+    return (0, jsx_runtime_1.jsx)(Trans_1.default, tslib_1.__assign({}, props));
+}
+exports.T = T;

package/node/i18n/getT/index.js

@@ -0,0 +1,13 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getT = void 0;
+var tslib_1 = require("tslib");
+/**
+ * @file
+ *
+ * About the typescript support for translation strings @see:
+ * - https://github.com/vinissimus/next-translate/issues/721
+ */
+var getT_1 = tslib_1.__importDefault(require("next-translate/getT"));
+exports.getT = getT_1.default;

package/node/i18n/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./getT"), exports);
+tslib_1.__exportStar(require("./T"), exports);
+tslib_1.__exportStar(require("./translationAsOptions"), exports);
+tslib_1.__exportStar(require("./useDateFormat"), exports);
+tslib_1.__exportStar(require("./useLocale"), exports);
+tslib_1.__exportStar(require("./useT"), exports);

package/node/i18n/translationAsOptions/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.translationAsOptions = void 0;
+function translationAsOptions(t, i18nKey) {
+    var dictionary = t(i18nKey, undefined, {
+        returnObjects: true,
+    });
+    return Object.keys(dictionary).map(function (key) { return ({
+        value: key,
+        label: dictionary[key],
+    }); });
+}
+exports.translationAsOptions = translationAsOptions;

package/node/i18n/useDateFormat/index.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDateFormat = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var router_1 = require("next/router");
+var format_1 = tslib_1.__importDefault(require("date-fns/format"));
+var react_2 = require("@koine/react");
+/**
+ * Automatically returns the `date-fns/format` function with the right locale
+ * passed as option (grabbed from next router value).
+ */
+var useDateFormat = function () {
+    var _a = (0, react_1.useState)(function () {
+        return function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            return format_1.default.apply(void 0, args);
+        };
+    }), formatter = _a[0], setFormatter = _a[1];
+    var router = (0, router_1.useRouter)();
+    var locale = (0, react_2.useDateLocale)(router.locale);
+    (0, react_1.useEffect)(function () {
+        if (locale) {
+            var newFormatter_1 = function (date, _format, options) { return (0, format_1.default)(date, _format, tslib_1.__assign(tslib_1.__assign({}, (options || {})), { locale: locale })); };
+            setFormatter(function () {
+                return function () {
+                    var args = [];
+                    for (var _i = 0; _i < arguments.length; _i++) {
+                        args[_i] = arguments[_i];
+                    }
+                    return newFormatter_1.apply(void 0, args);
+                };
+            });
+        }
+    }, [locale]);
+    return formatter;
+};
+exports.useDateFormat = useDateFormat;

package/node/i18n/useLocale/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLocale = void 0;
+var tslib_1 = require("tslib");
+var useTranslation_1 = tslib_1.__importDefault(require("next-translate/useTranslation"));
+function useLocale() {
+    return (0, useTranslation_1.default)().lang;
+}
+exports.useLocale = useLocale;

package/node/i18n/useT/index.js

@@ -0,0 +1,120 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useT = void 0;
+var tslib_1 = require("tslib");
+/**
+ * @file
+ *
+ * About the typescript support for translation strings @see:
+ * - https://github.com/vinissimus/next-translate/issues/721
+ */
+var react_1 = require("react");
+var useTranslation_1 = tslib_1.__importDefault(require("next-translate/useTranslation"));
+function useT(namespace) {
+    var t = (0, useTranslation_1.default)().t;
+    var tMemoized = (0, react_1.useMemo)(function () {
+        return function (s, q, o) {
+            return t(
+            // @ts-expect-error again...
+            (namespace ? "".concat(namespace, ":").concat(s) : s), q === "obj" ? null : q, q === "obj" || o === "obj" ? { returnObjects: true } : o
+            // ) as TReturn extends (undefined | never | unknown) ? TranslateReturn<TranslationQuery, TranslationOptions> : TReturn;
+            );
+        };
+    }, [t, namespace]);
+    return tMemoized;
+}
+exports.useT = useT;
+/**
+ * Using this as generic instead of the interface on the namespace `Koine.NextTranslations`
+ * generates the typescript warning `Type instantiation is excessively deep and possibly infinite.`
+ * Its usage is left here and commented out. Maybe we can restore it once we find
+ * the time to look for a way to avoid the warning
+ */
+// type Translations = { [key: string]: Record<string, unknown> };
+// export type TranslationsAllPaths<TTranslations extends Translations> = {
+//   [N in Extract<keyof TTranslations, string>]: {
+//     [K in Extract<
+//       keyof TTranslations[N],
+//       string
+//     >]: TTranslations[N][K] extends Array<
+//       // if we have an array of objects
+//       Record<string, unknown>
+//     >
+//       ? Join<
+//           K extends string ? `${N}:${K}` : `${N}:`,
+//           Paths<TTranslations[N][K], true>
+//         >
+//       : // if we have an object
+//       TTranslations[N][K] extends Record<string, unknown>
+//       ? Join<
+//           K extends string ? `${N}:${K}` : `${N}:`,
+//           Paths<TTranslations[N][K], true>
+//         > /* &
+//           Record<TTranslations[N][K], object> */
+//       : // if we have an array of primitives
+//       TTranslations[N][K] extends Array<string | number | boolean>
+//       ? Join<
+//           K extends string ? `${N}:${K}` : `${N}`,
+//           Paths<TTranslations[N][K], true>
+//         >
+//       : // if we have a primitve string/number/boolean
+//       TTranslations[N][K] extends string | number | boolean
+//       ? K extends string
+//         ? `${N}:${K}`
+//         : `${N}:`
+//       : ``;
+//   }[Extract<keyof TTranslations[N], string>];
+// }[Extract<keyof TTranslations, string>];
+// export type Translate<
+//   TTranslations extends Translations = Koine.NextTranslations,
+//   TNamespace extends undefined | keyof TTranslations = undefined
+// > = <TReturn extends unknown = string>(
+//   s: TNamespace extends keyof TTranslations
+//     ? Paths<TTranslations[TNamespace]>
+//     : TranslationsAllPaths<TTranslations>,
+//   q?: TranslationQuery,
+//   o?: TranslationOptions
+// ) => TReturn;
+// export function useT<
+//   TTranslations extends Translations = Koine.NextTranslations,
+//   TNamespace extends keyof TTranslations | undefined = undefined
+// >(namespace?: TNamespace) {
+//   const t = useTranslation().t;
+//   const tMemoized = useMemo(
+//     () =>
+//       <TReturn extends unknown = string>(
+//         s: TNamespace extends keyof TTranslations
+//           ? Paths<TTranslations[TNamespace], true>
+//           : TranslationsAllPaths<TTranslations>,
+//         q?: TranslationQuery,
+//         o?: TranslationOptions
+//       ) =>
+//         t(
+//           namespace ? `${namespace}:${s}` : s,
+//           q === "obj" ? null : q,
+//           q === "obj" || o === "obj" ? { returnObjects: true } : o
+//           // ) as TReturn extends (undefined | never | unknown) ? TranslateReturn<TranslationQuery, TranslationOptions> : TReturn;
+//         ) as TReturn,
+//     [t, namespace]
+//   );
+//   return tMemoized;
+// }
+/**
+ * Instead of wrapping the `useTranslation` hook from [`next-translate`](https://github.com/vinissimus/next-translate/blob/master/src/useTranslation.tsx)
+ * we might just rewrite it with our custom implementation but the `_context`
+ * to use is not exposed by the library...
+ */
+// import { useContext, useMemo } from "react"
+// import wrapTWithDefaultNs from "next-translate/lib/cjs/wrapTWithDefaultNs";
+// import I18nContext from "next-translate/lib/cjs/_context";
+// export default function useTranslation(defaultNS?: string): I18n {
+//   const ctx = useContext(I18nContext)
+//   return useMemo(
+//     () => ({
+//       ...ctx,
+//       t: wrapTWithDefaultNs(ctx.t, defaultNS),
+//     }),
+//     [ctx.lang, defaultNS]
+//   )
+// }

package/node/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Analytics"), exports);
+tslib_1.__exportStar(require("./Auth"), exports);
+tslib_1.__exportStar(require("./Favicon"), exports);
+tslib_1.__exportStar(require("./Forms"), exports);
+tslib_1.__exportStar(require("./Head"), exports);
+tslib_1.__exportStar(require("./i18n"), exports);
+tslib_1.__exportStar(require("./Img"), exports);
+tslib_1.__exportStar(require("./Link"), exports);
+tslib_1.__exportStar(require("./NextProgress"), exports);
+tslib_1.__exportStar(require("./Seo"), exports);
+tslib_1.__exportStar(require("./Theme"), exports);
+tslib_1.__exportStar(require("./utils"), exports);

package/node/utils/emotion-cache.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createEmotionCache = void 0;
+var tslib_1 = require("tslib");
+var cache_1 = tslib_1.__importDefault(require("@emotion/cache"));
+/**
+ * prepend: true moves MUI styles to the top of the <head> so they're loaded first.
+ * It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
+ */
+function createEmotionCache() {
+    return (0, cache_1.default)({ key: "css", prepend: true });
+}
+exports.createEmotionCache = createEmotionCache;

package/node/utils/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.load = exports.getSiteUrl = exports.ONE_DAY = exports.ONE_HOUR = void 0;
+var utils_1 = require("@koine/utils");
+exports.ONE_HOUR = 3600;
+exports.ONE_DAY = 84000;
+/**
+ * Get site absolute url with the given path
+ *
+ * - It uses the `NEXT_PUBLIC_APP_URL` env variable
+ * - It removes the trailing slashes
+ */
+function getSiteUrl(path) {
+    if (path === void 0) { path = ""; }
+    return (0, utils_1.normaliseUrl)("".concat(process.env["NEXT_PUBLIC_APP_URL"], "/").concat(path));
+}
+exports.getSiteUrl = getSiteUrl;
+/**
+ * Utility to load a component with an optional pre-determined delay.
+ *
+ * This was designed to improve anti spam wit async form loading.
+ *
+ * @see https://github.com/vercel/next.js/blob/main/packages/next/next-server/lib/dynamic.tsx
+ * @see https://github.com/vercel/next.js/blob/canary/examples/with-dynamic-import/pages/index.js
+ */
+function load(component, milliseconds) {
+    return new Promise(function (resolve) {
+        setTimeout(function () { return resolve(component); }, milliseconds);
+    });
+}
+exports.load = load;

package/package.json

@@ -6,9 +6,9 @@
   "dependencies": {
     "react": "^16.8 || ^17 || ^18",
     "next": "^12.1.6",
-    "@koine/utils": "1.0.14",
+    "@koine/utils": "1.0.17",
     "framer-motion": "^6.3.4",
-    "@koine/react": "1.0.14",
+    "@koine/react": "1.0.17",
     "styled-components": "^5.3.5",
     "@mui/base": "^5.0.0-alpha.82",
     "react-icons": "^4.3.1",
@@ -29,7 +29,7 @@
     "next-seo": "^5.4.0"
   },
   "peerDependencies": {},
+  "version": "1.0.17",
   "module": "./index.js",
-  "types": "./index.d.ts",
-  "version": "1.0.14"
+  "types": "./index.d.ts"
 }

package/typings.d.ts

@@ -59,28 +59,37 @@ declare namespace Koine {
   };
 
   /**
-   * Translations dictionary extracted from JSON files. You need to extend this
-   * type with something like:
+   * Translations dictionary extracted from JSON files.
+   * You need to augment this type with something like:
    *
    * ```ts
    * declare namespace Koine {
    *   interface NextTranslations {
    *     "~": typeof import("./locales/en/~.json");
-   *     _: typeof import("./locales/en/_.json");
-   *     $team: typeof import("./locales/en/$team.json");
-   *     home: typeof import("./locales/en/home.json");
-   *     Footer: typeof import("./locales/en/Footer.json");
-   *     Header: typeof import("./locales/en/Header.json");
+   *     "_": typeof import("./locales/en/_.json");
+   *     "$team": typeof import("./locales/en/$team.json");
+   *     "home": typeof import("./locales/en/home.json");
+   *     "Header": typeof import("./locales/en/Header.json");
    *   }
    * }
    * ```
+   *
+   * Best to follow a convention to name the files which become the namespaces:
+   *
+   * - `~`: for app wide **urls** translated definitions
+   * - `_`: for app wide **common** translations
+   * - `${data}`: dollar prefix for static **data** like arrays, objects, .etc
+   * - `{route-name}`: lower cased for **route** specific data
+   * - `{ComponentName}`: pascal cased for **components** specific data
    */
   interface NextTranslations {
-    /** Convention for app wide `common` translations */
-    _: Record<string, string>;
-    /** Convention for app wide `routes` translated definitions */
     "~": Record<string, string>;
+    _: Record<string, string>;
   }
+  // interface NextTranslations {
+  //   "~": Record<string, string>;
+  //   _: Record<string, string>;
+  // }
 }
 
 /**

package/utils/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./api";
 export declare const ONE_HOUR = 3600;
 export declare const ONE_DAY = 84000;
 /**

package/utils/index.js

@@ -1,5 +1,4 @@
 import { normaliseUrl } from "@koine/utils";
-export * from "./api";
 export var ONE_HOUR = 3600;
 export var ONE_DAY = 84000;
 /**

package/I18n/I18n.d.ts

@@ -1,44 +0,0 @@
-/// <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

@@ -1,95 +0,0 @@
-/// <reference types="@koine/next/typings" />
-import { __assign } from "tslib";
-/* 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) {
-    var 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;
-    var tMemoized = useMemo(function () {
-        return function (s, q, o) {
-            return t(namespace ? "".concat(namespace, ":").concat(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) {
-    var dictionary = t(i18nKey, undefined, {
-        returnObjects: true,
-    });
-    return Object.keys(dictionary).map(function (key) { return ({
-        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 var useDateFormat = function () {
-    var _a = useState(function () {
-        return function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            return format.apply(void 0, args);
-        };
-    }), formatter = _a[0], setFormatter = _a[1];
-    var router = useRouter();
-    var locale = useDateLocale(router.locale);
-    useEffect(function () {
-        if (locale) {
-            var newFormatter_1 = function (date, _format, options) { return format(date, _format, __assign(__assign({}, (options || {})), { locale: locale })); };
-            setFormatter(function () {
-                return function () {
-                    var args = [];
-                    for (var _i = 0; _i < arguments.length; _i++) {
-                        args[_i] = arguments[_i];
-                    }
-                    return newFormatter_1.apply(void 0, args);
-                };
-            });
-        }
-    }, [locale]);
-    return formatter;
-};

package/I18n/index.d.ts

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

package/I18n/index.js

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