@koine/next 1.0.10 → 1.0.13

package/document/em/index.js

@@ -0,0 +1,59 @@
+import { __assign, __awaiter, __extends, __generator } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import NextDocument, { Html, Head, Main, NextScript } from "next/document";
+import { Meta, NoJs } from "@koine/react";
+import createEmotionServer from "@emotion/server/create-instance";
+import { createEmotionCache } from "../../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) {
+    __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 (_jsxs(Html, __assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {}), this.props.emotionStyleTags] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] })));
+    };
+    return Document;
+}(NextDocument));
+export { Document };
+// `getInitialProps` belongs to `_document` (instead of `_app`),
+// it's compatible with static-site generation (SSG).
+Document.getInitialProps = function (ctx) { return __awaiter(void 0, void 0, void 0, function () {
+    var originalRenderPage, cache, extractCriticalToChunks, initialProps, emotionStyles, emotionStyleTags;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                originalRenderPage = ctx.renderPage;
+                cache = createEmotionCache();
+                extractCriticalToChunks = createEmotionServer(cache).extractCriticalToChunks;
+                ctx.renderPage = function () {
+                    return originalRenderPage({
+                        enhanceApp: function (App) {
+                            return function EnhanceApp(props) {
+                                return _jsx(App, __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 (_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*/, __assign(__assign({}, initialProps), { emotionStyleTags: emotionStyleTags })];
+        }
+    });
+}); };
+export default Document;

package/document/em/package.json

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

package/document/index.d.ts

@@ -0,0 +1,2 @@
+export { Document } from "./Document";
+export { Document as default } from "./Document";

package/document/index.js

@@ -0,0 +1,2 @@
+export { Document } from "./Document";
+export { Document as default } from "./Document";

package/document/package.json

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

package/document/sc/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import NextDocument, { DocumentContext, DocumentInitialProps } from "next/document";
+/**
+ * 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";
+ * ```
+ */
+export declare class Document extends NextDocument {
+    static getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps>;
+    render(): JSX.Element;
+}
+export default Document;

package/document/sc/index.js

@@ -0,0 +1,65 @@
+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 { Meta, NoJs } from "@koine/react";
+import { ServerStyleSheet } from "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) {
+    __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), { 
+                                // @ts-expect-error FIXME: have they changed type?
+                                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/document/sc/package.json

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

package/index.d.ts

@@ -0,0 +1,12 @@
+export * from "./Analytics";
+export * from "./Auth";
+export * from "./Favicon";
+export * from "./Forms";
+export * from "./Head";
+export * from "./I18n";
+export * from "./Img";
+export * from "./Link";
+export * from "./NextProgress";
+export * from "./Seo";
+export * from "./Theme";
+export * from "./utils";

package/index.js

@@ -0,0 +1,12 @@
+export * from "./Analytics";
+export * from "./Auth";
+export * from "./Favicon";
+export * from "./Forms";
+export * from "./Head";
+export * from "./I18n";
+export * from "./Img";
+export * from "./Link";
+export * from "./NextProgress";
+export * from "./Seo";
+export * from "./Theme";
+export * from "./utils";

package/package.json

@@ -1,34 +1,32 @@
 {
   "name": "@koine/next",
-  "version": "1.0.10",
+  "version": "1.0.13",
   "sideEffects": false,
   "main": "./node/index.js",
   "typings": "./index.d.ts",
   "dependencies": {
     "react": "^16.8 || ^17 || ^18",
     "next": "^12.1.6",
-    "framer-motion": "^6.3.3",
+    "@koine/utils": "1.0.13",
+    "framer-motion": "^6.3.4",
     "styled-components": "^5.3.5",
-    "@mui/base": "^5.0.0-alpha.79",
+    "@mui/base": "^5.0.0-alpha.82",
     "react-icons": "^4.3.1",
     "date-fns": "^2.28.0",
     "react-swipeable": "^7.0.0",
-    "@reach/disclosure": "^0.17.0",
     "@tiptap/react": "^2.0.0-beta.109",
-    "@tiptap/starter-kit": "^2.0.0-beta.184",
+    "@tiptap/starter-kit": "^2.0.0-beta.185",
     "yup": "^0.32.11",
-    "react-hook-form": "^7.30.0",
-    "type-fest": "^2.12.2",
-    "react-use": "^17.3.2",
-    "@reach/tabs": "^0.17.0",
+    "react-hook-form": "^7.31.2",
+    "type-fest": "^2.13.0",
+    "tslib": "^2.4.0",
     "next-auth": "^4.3.4",
-    "@mui/material": "^5.6.4",
+    "@mui/material": "^5.8.1",
     "@emotion/react": "^11.9.0",
     "@emotion/server": "^11.4.0",
-    "@hookform/resolvers": "^2.8.8",
+    "@hookform/resolvers": "^2.8.10",
     "next-translate": "^1.4.0",
-    "next-seo": "^5.4.0",
-    "tslib": "^2.4.0"
+    "next-seo": "^5.4.0"
   },
   "peerDependencies": {},
   "module": "./index.js",

package/utils/api.d.ts

@@ -0,0 +1,55 @@
+declare type _Response = Response;
+export declare namespace KoineApi {
+    type ResponseSuccesfull = unknown;
+    type ResponseFailed = unknown;
+    type ResponseShared<T extends Record<string, unknown> = {}> = T & {
+        status: _Response["status"];
+        msg: _Response["statusText"];
+    };
+    type Response<Succesfull extends ResponseSuccesfull = ResponseSuccesfull, Failed extends ResponseFailed = ResponseFailed> = {
+        status: _Response["status"];
+        msg: _Response["statusText"];
+        ok: true;
+        fail?: false;
+        data: Succesfull;
+    } | {
+        status: _Response["status"];
+        msg: _Response["statusText"];
+        ok?: false;
+        fail: true;
+        data: Failed;
+    };
+    /**
+     * Request options
+     */
+    type RequestOptions<TJson = unknown> = {
+        /**
+         * JSON request body
+         *
+         * @default {}
+         */
+        json?: TJson;
+        /**
+         * Params will be serialized into a string and appended to the URL
+         */
+        params?: Record<string, unknown>;
+        /**
+         * Headers will be merged with
+         * ```
+         * { "content-type": "application/json" }
+         * ```
+         */
+        headers?: RequestInit["headers"];
+        /**
+         * Timeout in `ms`, if `falsy` there is no timeout
+         *
+         * @default 10000
+         */
+        timeout?: number | false | null;
+    };
+    type RequestMethod = "get" | "post" | "put" | "patch" | "delete";
+    type RequestFn = <Succesfull extends ResponseSuccesfull = unknown, Failed extends ResponseFailed = unknown>(endpoint: string, options?: RequestOptions) => Promise<Response<Succesfull, Failed>>;
+    type Client = Record<RequestMethod, RequestFn>;
+}
+export declare const api: KoineApi.Client;
+export {};

package/utils/api.js

@@ -0,0 +1,44 @@
+import { __assign, __awaiter, __generator } from "tslib";
+import { buildUrlQueryString } from "@koine/utils";
+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/emotion-cache.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 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.
+ */
+export declare function createEmotionCache(): import("@emotion/utils").EmotionCache;

package/utils/emotion-cache.js

@@ -0,0 +1,8 @@
+import createCache from "@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.
+ */
+export function createEmotionCache() {
+    return createCache({ key: "css", prepend: true });
+}

package/utils/index.d.ts

@@ -0,0 +1,19 @@
+export * from "./api";
+export declare const ONE_HOUR = 3600;
+export declare const 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 declare function getSiteUrl(path?: string): string;
+/**
+ * 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
+ */
+export declare function load<T>(component: T, milliseconds: number): Promise<T>;

package/utils/index.js

@@ -0,0 +1,27 @@
+import { normaliseUrl } from "@koine/utils";
+export * from "./api";
+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) {
+    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.
+ *
+ * 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
+ */
+export function load(component, milliseconds) {
+    return new Promise(function (resolve) {
+        setTimeout(function () { return resolve(component); }, milliseconds);
+    });
+}

package/utils/package.json

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