@koine/next 1.0.3 → 1.0.8

package/package.json

@@ -1,35 +1,41 @@
 {
   "name": "@koine/next",
   "sideEffects": false,
-  "exports": {
-    ".": "./index.js",
-    "./app": "./app.js",
-    "./config": "./config.js",
-    "./document": "./document.js"
-  },
+  "version": "1.0.8",
+  "main": "./index.umd.js",
+  "typings": "./index.d.ts",
   "dependencies": {
-    "@emotion/styled": "^11.8.1",
-    "react": "^17.0.2",
+    "react": ">=17.0.2 || >=18.0.0",
     "next": "^12.1.4",
-    "@koine/utils": "1.0.3",
+    "@koine/utils": "1.0.8",
     "next-auth": "^4.3.1",
     "framer-motion": "^6.2.9",
-    "@mui/material": "^5.6.0",
+    "@mui/material": "^5.6.1",
     "@emotion/react": "^11.9.0",
-    "@koine/react": "1.0.3",
+    "@koine/react": "1.0.8",
     "styled-components": "^5.3.5",
+    "@mui/base": "^5.0.0-alpha.76",
+    "react-icons": "^4.3.1",
+    "date-fns": "^2.28.0",
+    "react-swipeable": "^6.2.1",
+    "@reach/disclosure": "^0.16.2",
+    "@reach/dialog": "^0.16.2",
+    "@tiptap/react": "^2.0.0-beta.108",
+    "@tiptap/starter-kit": "^2.0.0-beta.183",
+    "yup": "^0.32.11",
     "react-hook-form": "^7.29.0",
+    "@n8tb1t/use-scroll-position": "^2.0.3",
+    "@types/react-is": "^17.0.3",
+    "@types/styled-components": "^5.1.25",
+    "@types/yup": "^0.29.13",
+    "react-use": "^17.3.2",
+    "@reach/tabs": "^0.16.4",
     "@emotion/server": "^11.4.0",
-    "yup": "^0.32.11",
     "@hookform/resolvers": "^2.8.8",
-    "react-use": "^17.3.2",
-    "date-fns": "^2.28.0",
-    "next-translate": "^1.3.5",
-    "next-seo": "^5.4.0"
+    "next-translate": "^1.4.0",
+    "next-seo": "^5.4.0",
+    "tslib": "^2.3.1"
   },
-  "version": "1.0.3",
-  "main": "./index.umd.js",
-  "module": "./index.esm.js",
-  "typings": "./index.d.ts",
-  "peerDependencies": {}
+  "peerDependencies": {},
+  "module": "./index.js"
 }

package/utils/api.d.ts

@@ -1,55 +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 {};
+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,33 @@
+import { __awaiter } from "tslib";
+import { buildUrlQueryString } from "@koine/utils";
+export const api = ["get", "post", "put", "patch", "delete"].reduce((api, method) => {
+    api[method] = (endpoint, options = {}) => __awaiter(void 0, void 0, void 0, function* () {
+        const { json = {}, params, headers = {}, timeout = 10000 } = options;
+        const requestInit = {
+            method: method.toUpperCase(),
+            headers: Object.assign({ "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 = yield fetch(url, requestInit);
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        const result = (yield response.json());
+        return result;
+    });
+    return api;
+}, {});

package/{document/emotion.d.ts → utils/emotion-cache.d.ts}

@@ -1,5 +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;
+/**
+ * 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

@@ -1,19 +1,20 @@
-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>;
+export * from "./api";
+export * from "./emotion-cache";
+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 * from "./emotion-cache";
+export const ONE_HOUR = 3600;
+export 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 function getSiteUrl(path = "") {
+    return normaliseUrl(`${process.env["NEXT_PUBLIC_APP_URL"]}/${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((resolve) => {
+        setTimeout(() => resolve(component), milliseconds);
+    });
+}