@koine/next 1.0.9 → 1.0.12

package/node/document/em/index.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Document = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const document_1 = tslib_1.__importStar(require("next/document"));
-const react_1 = require("@koine/react");
-const create_instance_1 = tslib_1.__importDefault(require("@emotion/server/create-instance"));
-const emotion_cache_1 = require("../../utils/emotion-cache");
+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
  *
@@ -17,57 +17,46 @@ const emotion_cache_1 = require("../../utils/emotion-cache");
  * export { Document as default } from "@koine/next/document/em";
  * ```
  */
-class Document extends document_1.default {
-    render() {
-        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, { 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, {})] })] }));
+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 = async (ctx) => {
-    // Resolution order
-    //
-    // On the server:
-    // 1. app.getInitialProps
-    // 2. page.getInitialProps
-    // 3. document.getInitialProps
-    // 4. app.render
-    // 5. page.render
-    // 6. document.render
-    //
-    // On the server with error:
-    // 1. document.getInitialProps
-    // 2. app.render
-    // 3. page.render
-    // 4. document.render
-    //
-    // On the client
-    // 1. app.getInitialProps
-    // 2. page.getInitialProps
-    // 3. app.render
-    // 4. page.render
-    const originalRenderPage = ctx.renderPage;
-    // You can consider sharing the same emotion cache between all the SSR requests to speed up performance.
-    // However, be aware that it can have global side effects.
-    const cache = (0, emotion_cache_1.createEmotionCache)();
-    const { extractCriticalToChunks } = (0, create_instance_1.default)(cache);
-    ctx.renderPage = () => originalRenderPage({
-        enhanceApp: (App) => function EnhanceApp(props) {
-            return (0, jsx_runtime_1.jsx)(App, { emotionCache: cache, ...props });
-        },
+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 })];
+        }
     });
-    const initialProps = await Document.getInitialProps(ctx);
-    // This is important. It prevents emotion to render invalid HTML.
-    // See https://github.com/mui-org/material-ui/issues/26561#issuecomment-855286153
-    const emotionStyles = extractCriticalToChunks(initialProps.html);
-    const emotionStyleTags = emotionStyles.styles.map((style) => ((0, jsx_runtime_1.jsx)("style", { "data-emotion": `${style.key} ${style.ids.join(" ")}`, 
-        // eslint-disable-next-line react/no-danger
-        dangerouslySetInnerHTML: { __html: style.css } }, style.key)));
-    return {
-        ...initialProps,
-        emotionStyleTags,
-    };
-};
+}); };
 exports.default = Document;

package/node/document/sc/index.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Document = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
+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 */
-const document_1 = tslib_1.__importStar(require("next/document"));
-const react_2 = require("@koine/react");
-const styled_components_1 = require("styled-components");
+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
  *
@@ -21,29 +21,48 @@ const styled_components_1 = require("styled-components");
  * export { Document as default } from "@koine/next/document/sc";
  * ```
  */
-class Document extends document_1.default {
-    static async getInitialProps(ctx) {
-        const sheet = new styled_components_1.ServerStyleSheet();
-        const originalRenderPage = ctx.renderPage;
-        try {
-            ctx.renderPage = () => originalRenderPage({
-                enhanceApp: (App) => (props) => sheet.collectStyles((0, jsx_runtime_1.jsx)(App, { ...props })),
-            });
-            const initialProps = await document_1.default.getInitialProps(ctx);
-            return {
-                ...initialProps,
-                // @ts-expect-error FIXME: have they changed type?
-                styles: ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [initialProps.styles, sheet.getStyleElement()] })),
-            };
-        }
-        finally {
-            sheet.seal();
-        }
-    }
-    render() {
-        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, { 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, {})] })] }));
+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/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
+var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Analytics"), exports);
 tslib_1.__exportStar(require("./Auth"), exports);
 tslib_1.__exportStar(require("./Favicon"), exports);

package/node/utils/api.js

@@ -1,38 +1,47 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.api = void 0;
-const utils_1 = require("@koine/utils");
-exports.api = ["get", "post", "put", "patch", "delete"].reduce((api, method) => {
-    api[method] = async (endpoint, options = {}) => {
-        const { json = {}, params, headers = {}, timeout = 10000 } = options;
-        const requestInit = {
-            method: method.toUpperCase(),
-            headers: {
-                "content-type": "application/json",
-                ...headers,
-            },
-        };
-        const timeoutNumber = Number(timeout);
-        let controller;
-        let timeoutId;
-        let url = `/api/${endpoint.replace(/^\/*/, "")}`;
-        if (method !== "get") {
-            requestInit.body = JSON.stringify(json);
-        }
-        if (timeoutNumber > 0) {
-            controller = new AbortController();
-            timeoutId = setTimeout(() => controller.abort(), timeoutNumber);
-            requestInit.signal = controller.signal;
-        }
-        if (params) {
-            url += (0, utils_1.buildUrlQueryString)(params);
-        }
-        const response = await fetch(url, requestInit);
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        const result = (await response.json());
-        return result;
+var tslib_1 = require("tslib");
+var utils_1 = require("@koine/utils");
+exports.api = ["get", "post", "put", "patch", "delete"].reduce(function (api, method) {
+    api[method] = function (endpoint, options) {
+        if (options === void 0) { options = {}; }
+        return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+            var _a, json, params, _b, headers, _c, timeout, requestInit, timeoutNumber, controller, timeoutId, url, response, result;
+            return tslib_1.__generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        _a = options.json, json = _a === void 0 ? {} : _a, params = options.params, _b = options.headers, headers = _b === void 0 ? {} : _b, _c = options.timeout, timeout = _c === void 0 ? 10000 : _c;
+                        requestInit = {
+                            method: method.toUpperCase(),
+                            headers: tslib_1.__assign({ "content-type": "application/json" }, headers),
+                        };
+                        timeoutNumber = Number(timeout);
+                        url = "/api/".concat(endpoint.replace(/^\/*/, ""));
+                        if (method !== "get") {
+                            requestInit.body = JSON.stringify(json);
+                        }
+                        if (timeoutNumber > 0) {
+                            controller = new AbortController();
+                            timeoutId = setTimeout(function () { return controller.abort(); }, timeoutNumber);
+                            requestInit.signal = controller.signal;
+                        }
+                        if (params) {
+                            url += (0, utils_1.buildUrlQueryString)(params);
+                        }
+                        return [4 /*yield*/, fetch(url, requestInit)];
+                    case 1:
+                        response = _d.sent();
+                        if (timeoutId) {
+                            clearTimeout(timeoutId);
+                        }
+                        return [4 /*yield*/, response.json()];
+                    case 2:
+                        result = (_d.sent());
+                        return [2 /*return*/, result];
+                }
+            });
+        });
     };
     return api;
 }, {});

package/node/utils/emotion-cache.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createEmotionCache = void 0;
-const tslib_1 = require("tslib");
-const cache_1 = tslib_1.__importDefault(require("@emotion/cache"));
+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.

package/node/utils/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.load = exports.getSiteUrl = exports.ONE_DAY = exports.ONE_HOUR = void 0;
-const tslib_1 = require("tslib");
-const utils_1 = require("@koine/utils");
+var tslib_1 = require("tslib");
+var utils_1 = require("@koine/utils");
 tslib_1.__exportStar(require("./api"), exports);
 exports.ONE_HOUR = 3600;
 exports.ONE_DAY = 84000;
@@ -12,8 +12,9 @@ exports.ONE_DAY = 84000;
  * - It uses the `NEXT_PUBLIC_APP_URL` env variable
  * - It removes the trailing slashes
  */
-function getSiteUrl(path = "") {
-    return (0, utils_1.normaliseUrl)(`${process.env["NEXT_PUBLIC_APP_URL"]}/${path}`);
+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;
 /**
@@ -25,8 +26,8 @@ exports.getSiteUrl = getSiteUrl;
  * @see https://github.com/vercel/next.js/blob/canary/examples/with-dynamic-import/pages/index.js
  */
 function load(component, milliseconds) {
-    return new Promise((resolve) => {
-        setTimeout(() => resolve(component), milliseconds);
+    return new Promise(function (resolve) {
+        setTimeout(function () { return resolve(component); }, milliseconds);
     });
 }
 exports.load = load;

package/package.json

@@ -1,8 +1,34 @@
 {
-  "version": "1.0.9",
   "name": "@koine/next",
+  "version": "1.0.12",
   "sideEffects": false,
   "main": "./node/index.js",
   "typings": "./index.d.ts",
-  "module": "./index.js"
+  "dependencies": {
+    "react": "^16.8 || ^17 || ^18",
+    "react-dom": "^16.8 || ^17 || ^18",
+    "next": "^12.1.6",
+    "framer-motion": "^6.3.3",
+    "styled-components": "^5.3.5",
+    "@mui/base": "^5.0.0-alpha.81",
+    "react-icons": "^4.3.1",
+    "date-fns": "^2.28.0",
+    "react-swipeable": "^7.0.0",
+    "@tiptap/react": "^2.0.0-beta.109",
+    "@tiptap/starter-kit": "^2.0.0-beta.184",
+    "yup": "^0.32.11",
+    "react-hook-form": "^7.31.1",
+    "type-fest": "^2.12.2",
+    "tslib": "^2.4.0",
+    "next-auth": "^4.3.4",
+    "@mui/material": "^5.8.0",
+    "@emotion/react": "^11.9.0",
+    "@emotion/server": "^11.4.0",
+    "@hookform/resolvers": "^2.8.10",
+    "next-translate": "^1.4.0",
+    "next-seo": "^5.4.0"
+  },
+  "peerDependencies": {},
+  "module": "./index.js",
+  "types": "./index.d.ts"
 }

package/utils/api.js

@@ -1,35 +1,44 @@
+import { __assign, __awaiter, __generator } from "tslib";
 import { buildUrlQueryString } from "@koine/utils";
-export const api = ["get", "post", "put", "patch", "delete"].reduce((api, method) => {
-    api[method] = async (endpoint, options = {}) => {
-        const { json = {}, params, headers = {}, timeout = 10000 } = options;
-        const requestInit = {
-            method: method.toUpperCase(),
-            headers: {
-                "content-type": "application/json",
-                ...headers,
-            },
-        };
-        const timeoutNumber = Number(timeout);
-        let controller;
-        let timeoutId;
-        let url = `/api/${endpoint.replace(/^\/*/, "")}`;
-        if (method !== "get") {
-            requestInit.body = JSON.stringify(json);
-        }
-        if (timeoutNumber > 0) {
-            controller = new AbortController();
-            timeoutId = setTimeout(() => controller.abort(), timeoutNumber);
-            requestInit.signal = controller.signal;
-        }
-        if (params) {
-            url += buildUrlQueryString(params);
-        }
-        const response = await fetch(url, requestInit);
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        const result = (await response.json());
-        return result;
+export var api = ["get", "post", "put", "patch", "delete"].reduce(function (api, method) {
+    api[method] = function (endpoint, options) {
+        if (options === void 0) { options = {}; }
+        return __awaiter(void 0, void 0, void 0, function () {
+            var _a, json, params, _b, headers, _c, timeout, requestInit, timeoutNumber, controller, timeoutId, url, response, result;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        _a = options.json, json = _a === void 0 ? {} : _a, params = options.params, _b = options.headers, headers = _b === void 0 ? {} : _b, _c = options.timeout, timeout = _c === void 0 ? 10000 : _c;
+                        requestInit = {
+                            method: method.toUpperCase(),
+                            headers: __assign({ "content-type": "application/json" }, headers),
+                        };
+                        timeoutNumber = Number(timeout);
+                        url = "/api/".concat(endpoint.replace(/^\/*/, ""));
+                        if (method !== "get") {
+                            requestInit.body = JSON.stringify(json);
+                        }
+                        if (timeoutNumber > 0) {
+                            controller = new AbortController();
+                            timeoutId = setTimeout(function () { return controller.abort(); }, timeoutNumber);
+                            requestInit.signal = controller.signal;
+                        }
+                        if (params) {
+                            url += buildUrlQueryString(params);
+                        }
+                        return [4 /*yield*/, fetch(url, requestInit)];
+                    case 1:
+                        response = _d.sent();
+                        if (timeoutId) {
+                            clearTimeout(timeoutId);
+                        }
+                        return [4 /*yield*/, response.json()];
+                    case 2:
+                        result = (_d.sent());
+                        return [2 /*return*/, result];
+                }
+            });
+        });
     };
     return api;
 }, {});

package/utils/index.js

@@ -1,15 +1,16 @@
 import { normaliseUrl } from "@koine/utils";
 export * from "./api";
-export const ONE_HOUR = 3600;
-export const ONE_DAY = 84000;
+export var ONE_HOUR = 3600;
+export var 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
  */
-export function getSiteUrl(path = "") {
-    return normaliseUrl(`${process.env["NEXT_PUBLIC_APP_URL"]}/${path}`);
+export function getSiteUrl(path) {
+    if (path === void 0) { path = ""; }
+    return normaliseUrl("".concat(process.env["NEXT_PUBLIC_APP_URL"], "/").concat(path));
 }
 /**
  * Utility to load a component with an optional pre-determined delay.
@@ -20,7 +21,7 @@ export function getSiteUrl(path = "") {
  * @see https://github.com/vercel/next.js/blob/canary/examples/with-dynamic-import/pages/index.js
  */
 export function load(component, milliseconds) {
-    return new Promise((resolve) => {
-        setTimeout(() => resolve(component), milliseconds);
+    return new Promise(function (resolve) {
+        setTimeout(function () { return resolve(component); }, milliseconds);
     });
 }