@koine/next 2.0.0-beta.2 → 2.0.0-beta.5

package/12/document/sc/index.mjs

@@ -1,8 +1,6 @@
-import { __assign, __awaiter, __extends, __generator } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* ? eslint-disable @next/next/no-document-import-in-page */ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import NextDocument, { Head, Html, Main, NextScript } from "next/document";
 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";
@@ -18,47 +16,50 @@ import NoJs from "@koine/react/NoJs";
  * ```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;
+ */ export class Document extends NextDocument {
+    static async getInitialProps(ctx) {
+        const sheet = new ServerStyleSheet();
+        const originalRenderPage = ctx.renderPage;
+        try {
+            ctx.renderPage = ()=>originalRenderPage({
+                    enhanceApp: (App)=>(props)=>sheet.collectStyles(/*#__PURE__*/ _jsx(App, {
+                                ...props
+                            }))
+                });
+            const initialProps = await NextDocument.getInitialProps(ctx);
+            return {
+                ...initialProps,
+                styles: /*#__PURE__*/ _jsxs(React.Fragment, {
+                    children: [
+                        initialProps.styles,
+                        sheet.getStyleElement()
+                    ]
+                })
+            };
+        } finally{
+            sheet.seal();
+        }
     }
-    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*/];
-                }
-            });
+    render() {
+        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
+        return /*#__PURE__*/ _jsxs(Html, {
+            lang: locale || defaultLocale,
+            className: "no-js",
+            children: [
+                /*#__PURE__*/ _jsxs(Head, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Meta, {}),
+                        /*#__PURE__*/ _jsx(NoJs, {})
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("body", {
+                    children: [
+                        /*#__PURE__*/ _jsx(Main, {}),
+                        /*#__PURE__*/ _jsx(NextScript, {})
+                    ]
+                })
+            ]
         });
-    };
-    Document.prototype.render = function () {
-        var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
-        return (_jsxs(Html, { 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/12/getT.js

@@ -1,14 +1,23 @@
-"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;
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getT: function() {
+        return getT;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _getT = /*#__PURE__*/ _interop_require_default._(require("next-translate/getT"));
+const getT = _getT.default;
+const _default = getT;

package/12/getT.mjs

@@ -1,10 +1,8 @@
 "use client";
-/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
-import getTranslation from "next-translate/getT";
+/* 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 const getT = getTranslation;
 export default getT;

package/12/index.js

@@ -1,52 +1,100 @@
 "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; } });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AnalyticsGoogle: function() {
+        return _AnalyticsGoogle.AnalyticsGoogle;
+    },
+    DisableErrorOverlay: function() {
+        return _DisableErrorOverlay.DisableErrorOverlay;
+    },
+    DynamicNamespaces: function() {
+        return _DynamicNamespaces.DynamicNamespaces;
+    },
+    Favicon: function() {
+        return _Favicon.Favicon;
+    },
+    getT: function() {
+        return _getT.getT;
+    },
+    Link: function() {
+        return _Link.Link;
+    },
+    NextProgress: function() {
+        return _NextProgress.NextProgress;
+    },
+    Seo: function() {
+        return _Seo.Seo;
+    },
+    SeoDefaults: function() {
+        return _SeoDefaults.SeoDefaults;
+    },
+    T: function() {
+        return _T.T;
+    },
+    ThemeContext: function() {
+        return _ThemeContext.ThemeContext;
+    },
+    ThemeProvider: function() {
+        return _ThemeProvider.ThemeProvider;
+    },
+    to: function() {
+        return _to.to;
+    },
+    translationAsOptions: function() {
+        return _translationAsOptions.translationAsOptions;
+    },
+    TransText: function() {
+        return _TransText.TransText;
+    },
+    useBackUrl: function() {
+        return _useBackUrl.useBackUrl;
+    },
+    useDateFormat: function() {
+        return _useDateFormat.useDateFormat;
+    },
+    useForm: function() {
+        return _useForm.useForm;
+    },
+    useLocale: function() {
+        return _useLocale.useLocale;
+    },
+    useT: function() {
+        return _useT.useT;
+    },
+    useTheme: function() {
+        return _useTheme.useTheme;
+    },
+    useTo: function() {
+        return _useTo.useTo;
+    }
+});
+const _AnalyticsGoogle = require("./AnalyticsGoogle");
+const _DisableErrorOverlay = require("./DisableErrorOverlay");
+const _DynamicNamespaces = require("./DynamicNamespaces");
+const _Favicon = require("./Favicon");
+const _getT = require("./getT");
+const _Link = require("./Link");
+const _NextProgress = require("./NextProgress");
+const _Seo = require("./Seo");
+const _SeoDefaults = require("./SeoDefaults");
+const _T = require("./T");
+const _ThemeContext = require("./ThemeContext");
+const _ThemeProvider = require("./ThemeProvider");
+const _to = require("./to");
+const _translationAsOptions = require("./translationAsOptions");
+const _TransText = require("./TransText");
+const _useBackUrl = require("./useBackUrl");
+const _useDateFormat = require("./useDateFormat");
+const _useForm = require("./useForm");
+const _useLocale = require("./useLocale");
+const _useT = require("./useT");
+const _useTheme = require("./useTheme");
+const _useTo = require("./useTo");

package/12/index.mjs

@@ -1,6 +1,6 @@
 export { AnalyticsGoogle } from "./AnalyticsGoogle";
 export { DisableErrorOverlay } from "./DisableErrorOverlay";
-export { DynamicNamespaces, } from "./DynamicNamespaces";
+export { DynamicNamespaces } from "./DynamicNamespaces";
 export { Favicon } from "./Favicon";
 export { getT } from "./getT";
 export { Link } from "./Link";
@@ -15,7 +15,7 @@ export { SeoDefaults } from "./SeoDefaults";
 export { T } from "./T";
 export { ThemeContext } from "./ThemeContext";
 export { ThemeProvider } from "./ThemeProvider";
-export { to, } from "./to";
+export { to } from "./to";
 export { translationAsOptions } from "./translationAsOptions";
 export { TransText } from "./TransText";
 export { useBackUrl } from "./useBackUrl";

package/12/seoBuildTags.js

@@ -1,109 +1,115 @@
 "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: "",
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    seoBuildTags: function() {
+        return seoBuildTags;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+const _isArray = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isArray"));
+const 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 = {};
+const seoBuildTags = ({ seo, hidden, keywords, title = "", titleTemplate, defaultTitle, noindex, nofollow, description, languageAlternates = [], twitter, facebook, openGraph, og: ogAlias, canonical, metaTags, linkTags } = {})=>{
+    const id = "seo-";
+    const render = [];
+    const $names = {};
+    const $properties = {};
     if (titleTemplate) {
         defaults.tplTitle = titleTemplate;
     }
-    title = title || (seo === null || seo === void 0 ? void 0 : seo.title) || "";
+    title = title || seo?.title || "";
     if (title) {
         if (defaults.tplTitle && defaults.tplTitle !== title) {
             title = defaults.tplTitle.replace(/%s/g, title);
         }
-    }
-    else if (defaultTitle) {
+    } else if (defaultTitle) {
         title = defaultTitle;
     }
     if (title) {
-        render.push((0, jsx_runtime_1.jsx)("title", { children: title }, id + "title"));
+        render.push(/*#__PURE__*/ (0, _jsxruntime.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);
+    $names["robots"] = `${noindex || hidden ? "noindex" : "index"},${nofollow || hidden ? "nofollow" : "follow"}`;
+    description = description || seo?.description;
     if (description) {
         $names["description"] = description;
         $properties["og:description"] = description; // overridden later...
     }
-    keywords = keywords || (seo === null || seo === void 0 ? void 0 : seo.keywords);
+    keywords = keywords || seo?.keywords;
     if (keywords) {
-        $names["keywords"] = (0, isArray_1.default)(keywords) ? keywords.join(", ") : keywords;
+        $names["keywords"] = (0, _isArray.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 (languageAlternates?.length > 0) {
+        languageAlternates.forEach(({ href, hrefLang })=>{
+            render.push(/*#__PURE__*/ (0, _jsxruntime.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"));
+        render.push(/*#__PURE__*/ (0, _jsxruntime.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 (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;
+        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));
+    const og = ogAlias || openGraph;
+    if (og?.title) $properties["og:title"] = og?.title;
+    if (og?.description) $properties["og:description"] = og?.description;
+    if (og?.url) $properties["og:url"] = og.url;
+    if (og?.type) $properties["og:type"] = og.type.toLowerCase();
+    if (og?.locale) $properties["og:locale"] = og.locale;
+    if (og?.siteName) $properties["og:siteName"] = og.siteName;
+    const ogimage = og?.image || seo?.ogimage;
+    if (ogimage) $properties["og:image"] = ogimage;
+    Object.keys($names).forEach((key)=>{
+        render.push(/*#__PURE__*/ (0, _jsxruntime.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));
+    Object.keys($properties).forEach((key)=>{
+        render.push(/*#__PURE__*/ (0, _jsxruntime.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)));
+        metaTags.forEach((tag)=>{
+            render.push(/*#__PURE__*/ (0, _jsxruntime.jsx)("meta", {
+                ...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)));
+    if (linkTags?.length) {
+        linkTags.forEach((tag)=>{
+            render.push(/*#__PURE__*/ (0, _jsxruntime.jsx)("link", {
+                ...tag
+            }, id + "link-" + (tag.href || tag.rel)));
         });
     }
     // TODO: alternates and canonical
@@ -117,5 +123,4 @@ var seoBuildTags = function (_a) {
     // <link rel="alternate" hreflang="en" href="https://www.domain.com/en/">
     return render;
 };
-exports.seoBuildTags = seoBuildTags;
-exports.default = exports.seoBuildTags;
+const _default = seoBuildTags;