@koine/next 1.2.2 → 2.0.0-alpha.1

package/legacy/document/sc/index.js

@@ -0,0 +1,67 @@
+"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 styled_components_1 = require("styled-components");
+var Meta_1 = tslib_1.__importDefault(require("@koine/react/Meta"));
+var NoJs_1 = tslib_1.__importDefault(require("@koine/react/NoJs"));
+/**
+ * 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), { 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)(Meta_1.default, {}), (0, jsx_runtime_1.jsx)(NoJs_1.default, {})] }), (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/legacy/document/sc/index.mjs

@@ -0,0 +1,64 @@
+import { __assign, __awaiter, __extends, __generator } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+/* ? eslint-disable @next/next/no-document-import-in-page */
+import NextDocument, { Html, Head, Main, NextScript, } from "next/document";
+import { ServerStyleSheet } from "styled-components";
+import Meta from "@koine/react/Meta";
+import NoJs from "@koine/react/NoJs";
+/**
+ * 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) {
+    __extends(Document, _super);
+    function Document() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Document.getInitialProps = function (ctx) {
+        return __awaiter(this, void 0, void 0, function () {
+            var sheet, originalRenderPage, initialProps;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        sheet = new 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(_jsx(App, __assign({}, props)));
+                                }; },
+                            });
+                        };
+                        return [4 /*yield*/, NextDocument.getInitialProps(ctx)];
+                    case 2:
+                        initialProps = _a.sent();
+                        return [2 /*return*/, __assign(__assign({}, initialProps), { styles: (_jsxs(React.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 (_jsxs(Html, __assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {})] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] })));
+    };
+    return Document;
+}(NextDocument));
+export { Document };
+export default Document;

package/legacy/document/sc/package.json

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

package/legacy/getT.d.ts

@@ -0,0 +1,9 @@
+import type { Translate, TranslateNamespace } from "./types-i18n";
+export type GetT = <TNamespace extends TranslateNamespace | undefined = undefined>(locale?: string, namespace?: TNamespace) => Promise<Translate<TNamespace>>;
+/**
+ * **NOTE**: To make typescript work nicely here make sure to enable
+ * [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule)
+ * in your `tsconfig.json` file.
+ */
+export declare const getT: GetT;
+export default getT;

package/legacy/getT.js

@@ -0,0 +1,14 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getT = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
+var getT_1 = tslib_1.__importDefault(require("next-translate/getT"));
+/**
+ * **NOTE**: To make typescript work nicely here make sure to enable
+ * [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule)
+ * in your `tsconfig.json` file.
+ */
+exports.getT = getT_1.default;
+exports.default = exports.getT;

package/legacy/getT.mjs

@@ -0,0 +1,10 @@
+"use client";
+/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
+import getTranslation from "next-translate/getT";
+/**
+ * **NOTE**: To make typescript work nicely here make sure to enable
+ * [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule)
+ * in your `tsconfig.json` file.
+ */
+export var getT = getTranslation;
+export default getT;

package/legacy/index.d.ts

@@ -0,0 +1,24 @@
+export { AnalyticsGoogle, type AnalyticsGoogleProps } from "./AnalyticsGoogle";
+export { DisableErrorOverlay } from "./DisableErrorOverlay";
+export { DynamicNamespaces, type DynamicNamespacesProps, } from "./DynamicNamespaces";
+export { Favicon, type FaviconProps } from "./Favicon";
+export { getT, type GetT } from "./getT";
+export { Link, type LinkProps } from "./Link";
+export { NextProgress, type NextProgressProps } from "./NextProgress";
+export { Seo, type SeoProps } from "./Seo";
+export { SeoDefaults, type SeoDefaultsProps } from "./SeoDefaults";
+export { T, type TProps } from "./T";
+export { ThemeContext, type ThemeContextProps } from "./ThemeContext";
+export { ThemeProvider, type ThemeProviderProps } from "./ThemeProvider";
+export { to, type ToArgs, type ToTranslate, type ToDynamicRoute, type ToStaticRoute, } from "./to";
+export { translationAsOptions } from "./translationAsOptions";
+export { TransText } from "./TransText";
+export type { Translate, TranslateDefault, TranslateLoose, TranslateNamespace, TranslateNamespaced, TranslatedRoute, TranslatedRoutesChildrenOf, TranslationOptions, TranslationQuery, TranslationShortcut, TranslationsAllPaths, TranslationsDictionary, TranslationsDictionaryDefault, TranslationsPaths, } from "./types-i18n";
+export type { SeoData } from "./types-seo";
+export { useBackUrl } from "./useBackUrl";
+export { useDateFormat } from "./useDateFormat";
+export { useForm } from "./useForm";
+export { useLocale } from "./useLocale";
+export { useT } from "./useT";
+export { useTheme, type UseThemeProps } from "./useTheme";
+export { useTo } from "./useTo";

package/legacy/index.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTo = exports.useTheme = exports.useT = exports.useLocale = exports.useForm = exports.useDateFormat = exports.useBackUrl = exports.TransText = exports.translationAsOptions = exports.to = exports.ThemeProvider = exports.ThemeContext = exports.T = exports.SeoDefaults = exports.Seo = exports.NextProgress = exports.Link = exports.getT = exports.Favicon = exports.DynamicNamespaces = exports.DisableErrorOverlay = exports.AnalyticsGoogle = void 0;
+var AnalyticsGoogle_1 = require("./AnalyticsGoogle");
+Object.defineProperty(exports, "AnalyticsGoogle", { enumerable: true, get: function () { return AnalyticsGoogle_1.AnalyticsGoogle; } });
+var DisableErrorOverlay_1 = require("./DisableErrorOverlay");
+Object.defineProperty(exports, "DisableErrorOverlay", { enumerable: true, get: function () { return DisableErrorOverlay_1.DisableErrorOverlay; } });
+var DynamicNamespaces_1 = require("./DynamicNamespaces");
+Object.defineProperty(exports, "DynamicNamespaces", { enumerable: true, get: function () { return DynamicNamespaces_1.DynamicNamespaces; } });
+var Favicon_1 = require("./Favicon");
+Object.defineProperty(exports, "Favicon", { enumerable: true, get: function () { return Favicon_1.Favicon; } });
+var getT_1 = require("./getT");
+Object.defineProperty(exports, "getT", { enumerable: true, get: function () { return getT_1.getT; } });
+var Link_1 = require("./Link");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
+var NextProgress_1 = require("./NextProgress");
+Object.defineProperty(exports, "NextProgress", { enumerable: true, get: function () { return NextProgress_1.NextProgress; } });
+var Seo_1 = require("./Seo");
+Object.defineProperty(exports, "Seo", { enumerable: true, get: function () { return Seo_1.Seo; } });
+// export {
+//   seoBuildTags,
+//   type LinkTag,
+//   type MetaTag
+// } from "./seoBuildTags";
+var SeoDefaults_1 = require("./SeoDefaults");
+Object.defineProperty(exports, "SeoDefaults", { enumerable: true, get: function () { return SeoDefaults_1.SeoDefaults; } });
+var T_1 = require("./T");
+Object.defineProperty(exports, "T", { enumerable: true, get: function () { return T_1.T; } });
+var ThemeContext_1 = require("./ThemeContext");
+Object.defineProperty(exports, "ThemeContext", { enumerable: true, get: function () { return ThemeContext_1.ThemeContext; } });
+var ThemeProvider_1 = require("./ThemeProvider");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
+var to_1 = require("./to");
+Object.defineProperty(exports, "to", { enumerable: true, get: function () { return to_1.to; } });
+var translationAsOptions_1 = require("./translationAsOptions");
+Object.defineProperty(exports, "translationAsOptions", { enumerable: true, get: function () { return translationAsOptions_1.translationAsOptions; } });
+var TransText_1 = require("./TransText");
+Object.defineProperty(exports, "TransText", { enumerable: true, get: function () { return TransText_1.TransText; } });
+var useBackUrl_1 = require("./useBackUrl");
+Object.defineProperty(exports, "useBackUrl", { enumerable: true, get: function () { return useBackUrl_1.useBackUrl; } });
+var useDateFormat_1 = require("./useDateFormat");
+Object.defineProperty(exports, "useDateFormat", { enumerable: true, get: function () { return useDateFormat_1.useDateFormat; } });
+var useForm_1 = require("./useForm");
+Object.defineProperty(exports, "useForm", { enumerable: true, get: function () { return useForm_1.useForm; } });
+var useLocale_1 = require("./useLocale");
+Object.defineProperty(exports, "useLocale", { enumerable: true, get: function () { return useLocale_1.useLocale; } });
+var useT_1 = require("./useT");
+Object.defineProperty(exports, "useT", { enumerable: true, get: function () { return useT_1.useT; } });
+var useTheme_1 = require("./useTheme");
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return useTheme_1.useTheme; } });
+var useTo_1 = require("./useTo");
+Object.defineProperty(exports, "useTo", { enumerable: true, get: function () { return useTo_1.useTo; } });

package/legacy/index.mjs

@@ -0,0 +1,27 @@
+export { AnalyticsGoogle } from "./AnalyticsGoogle";
+export { DisableErrorOverlay } from "./DisableErrorOverlay";
+export { DynamicNamespaces, } from "./DynamicNamespaces";
+export { Favicon } from "./Favicon";
+export { getT } from "./getT";
+export { Link } from "./Link";
+export { NextProgress } from "./NextProgress";
+export { Seo } from "./Seo";
+// export {
+//   seoBuildTags,
+//   type LinkTag,
+//   type MetaTag
+// } from "./seoBuildTags";
+export { SeoDefaults } from "./SeoDefaults";
+export { T } from "./T";
+export { ThemeContext } from "./ThemeContext";
+export { ThemeProvider } from "./ThemeProvider";
+export { to, } from "./to";
+export { translationAsOptions } from "./translationAsOptions";
+export { TransText } from "./TransText";
+export { useBackUrl } from "./useBackUrl";
+export { useDateFormat } from "./useDateFormat";
+export { useForm } from "./useForm";
+export { useLocale } from "./useLocale";
+export { useT } from "./useT";
+export { useTheme } from "./useTheme";
+export { useTo } from "./useTo";

package/legacy/package.json

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

package/legacy/seoBuildTags.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import type { SeoProps } from "./Seo";
+import type { SeoDefaultsProps } from "./SeoDefaults";
+export type MetaTag = React.DetailedHTMLProps<React.MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>;
+export type LinkTag = React.DetailedHTMLProps<React.LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>;
+type BuildTagsParams = SeoProps & SeoDefaultsProps;
+/**
+ * Comparing to `next-seo` we do a couple of things in addition while many
+ * others 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` equal 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 seoBuildTags: ({ seo, hidden, keywords, title, titleTemplate, defaultTitle, noindex, nofollow, description, languageAlternates, twitter, facebook, openGraph, og: ogAlias, canonical, metaTags, linkTags, }?: BuildTagsParams) => React.ReactNode[];
+export default seoBuildTags;

package/legacy/seoBuildTags.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.seoBuildTags = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var isArray_1 = tslib_1.__importDefault(require("@koine/utils/isArray"));
+var defaults = {
+    tplTitle: "",
+};
+/**
+ * Comparing to `next-seo` we do a couple of things in addition while many
+ * others 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` equal 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
+ */
+var seoBuildTags = function (_a) {
+    var _b = _a === void 0 ? {} : _a, seo = _b.seo, hidden = _b.hidden, keywords = _b.keywords, _c = _b.title, title = _c === void 0 ? "" : _c, titleTemplate = _b.titleTemplate, defaultTitle = _b.defaultTitle, noindex = _b.noindex, nofollow = _b.nofollow, description = _b.description, _d = _b.languageAlternates, languageAlternates = _d === void 0 ? [] : _d, twitter = _b.twitter, facebook = _b.facebook, openGraph = _b.openGraph, ogAlias = _b.og, canonical = _b.canonical, metaTags = _b.metaTags, linkTags = _b.linkTags;
+    var id = "seo-";
+    var render = [];
+    var $names = {};
+    var $properties = {};
+    if (titleTemplate) {
+        defaults.tplTitle = titleTemplate;
+    }
+    title = title || (seo === null || seo === void 0 ? void 0 : seo.title) || "";
+    if (title) {
+        if (defaults.tplTitle && defaults.tplTitle !== title) {
+            title = defaults.tplTitle.replace(/%s/g, title);
+        }
+    }
+    else if (defaultTitle) {
+        title = defaultTitle;
+    }
+    if (title) {
+        render.push((0, jsx_runtime_1.jsx)("title", { children: title }, id + "title"));
+        $properties["og:title"] = title; // overridden later...
+    }
+    $names["robots"] = "".concat(noindex || hidden ? "noindex" : "index", ",").concat(nofollow || hidden ? "nofollow" : "follow");
+    description = description || (seo === null || seo === void 0 ? void 0 : seo.description);
+    if (description) {
+        $names["description"] = description;
+        $properties["og:description"] = description; // overridden later...
+    }
+    keywords = keywords || (seo === null || seo === void 0 ? void 0 : seo.keywords);
+    if (keywords) {
+        $names["keywords"] = (0, isArray_1.default)(keywords) ? keywords.join(", ") : keywords;
+    }
+    if ((languageAlternates === null || languageAlternates === void 0 ? void 0 : languageAlternates.length) > 0) {
+        languageAlternates.forEach(function (_a) {
+            var href = _a.href, hrefLang = _a.hrefLang;
+            render.push((0, jsx_runtime_1.jsx)("link", { rel: "alternate", hrefLang: hrefLang, href: href }, id + "languageAlternate-" + hrefLang));
+        });
+    }
+    if (canonical) {
+        render.push((0, jsx_runtime_1.jsx)("link", { rel: "canonical", href: canonical }, id + "canonical"));
+        $properties["og:url"] = canonical;
+    }
+    if (facebook === null || facebook === void 0 ? void 0 : facebook.appId)
+        $properties["fb:app_id"] = facebook.appId;
+    if (twitter) {
+        if (twitter.cardType)
+            $names["twitter:card"] = twitter.cardType;
+        if (twitter.site)
+            $names["twitter:site"] = twitter.site;
+        if (twitter.handle)
+            $names["twitter:creator"] = twitter.handle;
+    }
+    var og = ogAlias || openGraph;
+    if (og === null || og === void 0 ? void 0 : og.title)
+        $properties["og:title"] = og === null || og === void 0 ? void 0 : og.title;
+    if (og === null || og === void 0 ? void 0 : og.description)
+        $properties["og:description"] = og === null || og === void 0 ? void 0 : og.description;
+    if (og === null || og === void 0 ? void 0 : og.url)
+        $properties["og:url"] = og.url;
+    if (og === null || og === void 0 ? void 0 : og.type)
+        $properties["og:type"] = og.type.toLowerCase();
+    if (og === null || og === void 0 ? void 0 : og.locale)
+        $properties["og:locale"] = og.locale;
+    if (og === null || og === void 0 ? void 0 : og.siteName)
+        $properties["og:siteName"] = og.siteName;
+    var ogimage = (og === null || og === void 0 ? void 0 : og.image) || (seo === null || seo === void 0 ? void 0 : seo.ogimage);
+    if (ogimage)
+        $properties["og:image"] = ogimage;
+    Object.keys($names).forEach(function (key) {
+        render.push((0, jsx_runtime_1.jsx)("meta", { name: key, content: $names[key] }, id + "name-" + key));
+    });
+    Object.keys($properties).forEach(function (key) {
+        render.push((0, jsx_runtime_1.jsx)("meta", { property: key, content: $properties[key] }, id + "prop-" + +key));
+    });
+    if (metaTags && metaTags.length > 0) {
+        metaTags.forEach(function (tag) {
+            render.push((0, jsx_runtime_1.jsx)("meta", tslib_1.__assign({}, tag), id + "meta-" + (tag.name || tag.property || tag.httpEquiv)));
+        });
+    }
+    if (linkTags === null || linkTags === void 0 ? void 0 : linkTags.length) {
+        linkTags.forEach(function (tag) {
+            render.push((0, jsx_runtime_1.jsx)("link", tslib_1.__assign({}, tag), id + "link-" + (tag.href || tag.rel)));
+        });
+    }
+    // TODO: alternates and canonical
+    // canonical = 'https://www.domain.com/';
+    // languageAlternates={[{
+    //   hrefLang: 'en',
+    //   href: 'https://www.domain.com/en',
+    // }]}
+    // <link rel="alternate" hreflang="x-default" href="https://www.domain.com/nl/">
+    // <link rel="alternate" hreflang="nl" href="https://www.domain.com/nl/">
+    // <link rel="alternate" hreflang="en" href="https://www.domain.com/en/">
+    return render;
+};
+exports.seoBuildTags = seoBuildTags;
+exports.default = exports.seoBuildTags;

package/legacy/seoBuildTags.mjs

@@ -0,0 +1,117 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import isArray from "@koine/utils/isArray";
+var defaults = {
+    tplTitle: "",
+};
+/**
+ * Comparing to `next-seo` we do a couple of things in addition while many
+ * others 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` equal 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 var seoBuildTags = function (_a) {
+    var _b = _a === void 0 ? {} : _a, seo = _b.seo, hidden = _b.hidden, keywords = _b.keywords, _c = _b.title, title = _c === void 0 ? "" : _c, titleTemplate = _b.titleTemplate, defaultTitle = _b.defaultTitle, noindex = _b.noindex, nofollow = _b.nofollow, description = _b.description, _d = _b.languageAlternates, languageAlternates = _d === void 0 ? [] : _d, twitter = _b.twitter, facebook = _b.facebook, openGraph = _b.openGraph, ogAlias = _b.og, canonical = _b.canonical, metaTags = _b.metaTags, linkTags = _b.linkTags;
+    var id = "seo-";
+    var render = [];
+    var $names = {};
+    var $properties = {};
+    if (titleTemplate) {
+        defaults.tplTitle = titleTemplate;
+    }
+    title = title || (seo === null || seo === void 0 ? void 0 : seo.title) || "";
+    if (title) {
+        if (defaults.tplTitle && defaults.tplTitle !== title) {
+            title = defaults.tplTitle.replace(/%s/g, title);
+        }
+    }
+    else if (defaultTitle) {
+        title = defaultTitle;
+    }
+    if (title) {
+        render.push(_jsx("title", { children: title }, id + "title"));
+        $properties["og:title"] = title; // overridden later...
+    }
+    $names["robots"] = "".concat(noindex || hidden ? "noindex" : "index", ",").concat(nofollow || hidden ? "nofollow" : "follow");
+    description = description || (seo === null || seo === void 0 ? void 0 : seo.description);
+    if (description) {
+        $names["description"] = description;
+        $properties["og:description"] = description; // overridden later...
+    }
+    keywords = keywords || (seo === null || seo === void 0 ? void 0 : seo.keywords);
+    if (keywords) {
+        $names["keywords"] = isArray(keywords) ? keywords.join(", ") : keywords;
+    }
+    if ((languageAlternates === null || languageAlternates === void 0 ? void 0 : languageAlternates.length) > 0) {
+        languageAlternates.forEach(function (_a) {
+            var href = _a.href, hrefLang = _a.hrefLang;
+            render.push(_jsx("link", { rel: "alternate", hrefLang: hrefLang, href: href }, id + "languageAlternate-" + hrefLang));
+        });
+    }
+    if (canonical) {
+        render.push(_jsx("link", { rel: "canonical", href: canonical }, id + "canonical"));
+        $properties["og:url"] = canonical;
+    }
+    if (facebook === null || facebook === void 0 ? void 0 : facebook.appId)
+        $properties["fb:app_id"] = facebook.appId;
+    if (twitter) {
+        if (twitter.cardType)
+            $names["twitter:card"] = twitter.cardType;
+        if (twitter.site)
+            $names["twitter:site"] = twitter.site;
+        if (twitter.handle)
+            $names["twitter:creator"] = twitter.handle;
+    }
+    var og = ogAlias || openGraph;
+    if (og === null || og === void 0 ? void 0 : og.title)
+        $properties["og:title"] = og === null || og === void 0 ? void 0 : og.title;
+    if (og === null || og === void 0 ? void 0 : og.description)
+        $properties["og:description"] = og === null || og === void 0 ? void 0 : og.description;
+    if (og === null || og === void 0 ? void 0 : og.url)
+        $properties["og:url"] = og.url;
+    if (og === null || og === void 0 ? void 0 : og.type)
+        $properties["og:type"] = og.type.toLowerCase();
+    if (og === null || og === void 0 ? void 0 : og.locale)
+        $properties["og:locale"] = og.locale;
+    if (og === null || og === void 0 ? void 0 : og.siteName)
+        $properties["og:siteName"] = og.siteName;
+    var ogimage = (og === null || og === void 0 ? void 0 : og.image) || (seo === null || seo === void 0 ? void 0 : seo.ogimage);
+    if (ogimage)
+        $properties["og:image"] = ogimage;
+    Object.keys($names).forEach(function (key) {
+        render.push(_jsx("meta", { name: key, content: $names[key] }, id + "name-" + key));
+    });
+    Object.keys($properties).forEach(function (key) {
+        render.push(_jsx("meta", { property: key, content: $properties[key] }, id + "prop-" + +key));
+    });
+    if (metaTags && metaTags.length > 0) {
+        metaTags.forEach(function (tag) {
+            render.push(_jsx("meta", __assign({}, tag), id + "meta-" + (tag.name || tag.property || tag.httpEquiv)));
+        });
+    }
+    if (linkTags === null || linkTags === void 0 ? void 0 : linkTags.length) {
+        linkTags.forEach(function (tag) {
+            render.push(_jsx("link", __assign({}, tag), id + "link-" + (tag.href || tag.rel)));
+        });
+    }
+    // TODO: alternates and canonical
+    // canonical = 'https://www.domain.com/';
+    // languageAlternates={[{
+    //   hrefLang: 'en',
+    //   href: 'https://www.domain.com/en',
+    // }]}
+    // <link rel="alternate" hreflang="x-default" href="https://www.domain.com/nl/">
+    // <link rel="alternate" hreflang="nl" href="https://www.domain.com/nl/">
+    // <link rel="alternate" hreflang="en" href="https://www.domain.com/en/">
+    return render;
+};
+export default seoBuildTags;

package/legacy/to.d.ts

@@ -0,0 +1,24 @@
+import type { TranslateNamespaced, TranslatedRoute } from "./types-i18n";
+type OnlyStatic<T extends string> = T extends `${string}.[${string}].${string}` | `${string}.[${string}]` | `[${string}].${string}` | `[${string}]` ? never : T;
+type OnlyDynamic<T extends string> = T extends `${string}.[${string}].${string}` | `${string}.[${string}]` | `[${string}].${string}` | `[${string}]` ? T : never;
+/**
+ * @borrows [awesome-template-literal-types](https://github.com/ghoullier/awesome-template-literal-types#router-params-parsing)
+ */
+type ExtractRouteParams<T extends string> = string extends T ? Record<string, string> : T extends `${infer _Start}[${infer Param}].${infer Rest}` ? {
+    [k in Param | keyof ExtractRouteParams<Rest>]: string | number;
+} : T extends `${infer _Start}[${infer Param}]` ? {
+    [k in Param]: string | number;
+} : {};
+export type ToTranslate = TranslateNamespaced<"~">;
+export type ToStaticRoute = OnlyStatic<TranslatedRoute>;
+export type ToDynamicRoute = OnlyDynamic<TranslatedRoute>;
+export type ToArgs = [ToStaticRoute] | [ToDynamicRoute, ExtractRouteParams<ToDynamicRoute>];
+/**
+ * `To` named route utility. It accept either a single argument if that is a static
+ * route name or a second argument that interpolates the dynamic portions of
+ * the route name. The types of these portions are automatically inferred.
+ *
+ * @borrows [awesome-template-literal-types](https://github.com/ghoullier/awesome-template-literal-types)
+ */
+export declare function to(...args: [ToTranslate, ...ToArgs]): string;
+export default to;

package/legacy/to.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.to = void 0;
+/**
+ * `To` named route utility. It accept either a single argument if that is a static
+ * route name or a second argument that interpolates the dynamic portions of
+ * the route name. The types of these portions are automatically inferred.
+ *
+ * @borrows [awesome-template-literal-types](https://github.com/ghoullier/awesome-template-literal-types)
+ */
+function to() {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    var relative = "";
+    var t = args[0];
+    if (args.length === 3) {
+        if (args[2]) {
+            relative = t(args[1], args[2]).replace("*", "");
+        }
+    }
+    else if (args.length === 2) {
+        relative = t(args[1]);
+    }
+    return relative;
+}
+exports.to = to;
+exports.default = to;

package/legacy/to.mjs

@@ -0,0 +1,25 @@
+/**
+ * `To` named route utility. It accept either a single argument if that is a static
+ * route name or a second argument that interpolates the dynamic portions of
+ * the route name. The types of these portions are automatically inferred.
+ *
+ * @borrows [awesome-template-literal-types](https://github.com/ghoullier/awesome-template-literal-types)
+ */
+export function to() {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    var relative = "";
+    var t = args[0];
+    if (args.length === 3) {
+        if (args[2]) {
+            relative = t(args[1], args[2]).replace("*", "");
+        }
+    }
+    else if (args.length === 2) {
+        relative = t(args[1]);
+    }
+    return relative;
+}
+export default to;

package/legacy/translationAsOptions.d.ts

@@ -0,0 +1,3 @@
+import type { Option } from "@koine/react/types";
+import type { TranslateLoose } from "./types-i18n";
+export declare function translationAsOptions(t: TranslateLoose, i18nKey: string): Option[];