@koine/next 1.0.24 → 1.0.27

package/config/index.js

@@ -142,7 +142,18 @@ export function withKoine(_a) {
             // @see https://github.com/vercel/next.js/discussions/30174#discussion-3643870
             scrollRestoration: true }, (nextConfig.experimental || {})), { 
             // @see https://nextjs.org/docs/advanced-features/compiler#modularize-imports
-            modularizeImports: __assign({}, (((_b = nextConfig === null || nextConfig === void 0 ? void 0 : nextConfig.experimental) === null || _b === void 0 ? void 0 : _b.modularizeImports) || {})) }), 
+            modularizeImports: __assign(__assign({}, (((_b = nextConfig === null || nextConfig === void 0 ? void 0 : nextConfig.experimental) === null || _b === void 0 ? void 0 : _b.modularizeImports) || {})), { 
+                // FIXME: make these work with the right file/folder structure?
+                // "@koine/next/?(((\\w*)?/?)*)": {
+                //   transform: "@koine/next/{{ matches.[1] }}/{{member}}",
+                // },
+                // "@koine/react/?(((\\w*)?/?)*)": {
+                //   transform: "@koine/react/{{ matches.[1] }}/{{member}}",
+                // },
+                // "@koine/utils/?(((\\w*)?/?)*)": {
+                //   transform: "@koine/utils/{{ matches.[1] }}/{{member}}",
+                // },
+                "@koine/utils": { transform: "@koine/utils/{{member}}" } }) }), 
         // @see https://github.com/vercel/next.js/issues/7322#issuecomment-887330111
         reactStrictMode: true }, nextConfig);
     if (svg) {

package/node/config/index.js

@@ -152,7 +152,18 @@ function withKoine(_a) {
             // @see https://github.com/vercel/next.js/discussions/30174#discussion-3643870
             scrollRestoration: true }, (nextConfig.experimental || {})), { 
             // @see https://nextjs.org/docs/advanced-features/compiler#modularize-imports
-            modularizeImports: tslib_1.__assign({}, (((_b = nextConfig === null || nextConfig === void 0 ? void 0 : nextConfig.experimental) === null || _b === void 0 ? void 0 : _b.modularizeImports) || {})) }), 
+            modularizeImports: tslib_1.__assign(tslib_1.__assign({}, (((_b = nextConfig === null || nextConfig === void 0 ? void 0 : nextConfig.experimental) === null || _b === void 0 ? void 0 : _b.modularizeImports) || {})), { 
+                // FIXME: make these work with the right file/folder structure?
+                // "@koine/next/?(((\\w*)?/?)*)": {
+                //   transform: "@koine/next/{{ matches.[1] }}/{{member}}",
+                // },
+                // "@koine/react/?(((\\w*)?/?)*)": {
+                //   transform: "@koine/react/{{ matches.[1] }}/{{member}}",
+                // },
+                // "@koine/utils/?(((\\w*)?/?)*)": {
+                //   transform: "@koine/utils/{{ matches.[1] }}/{{member}}",
+                // },
+                "@koine/utils": { transform: "@koine/utils/{{member}}" } }) }), 
         // @see https://github.com/vercel/next.js/issues/7322#issuecomment-887330111
         reactStrictMode: true }, nextConfig);
     if (svg) {

package/package.json

@@ -7,9 +7,9 @@
   "peerDependencies": {
     "react": "^16.8 || ^17 || ^18",
     "next": "^12.1.6",
-    "@koine/utils": "1.0.24",
+    "@koine/utils": "1.0.27",
     "framer-motion": "^6.3.10",
-    "@koine/react": "1.0.24",
+    "@koine/react": "1.0.27",
     "styled-components": "^5.3.5",
     "@mui/base": "^5.0.0-alpha.83",
     "react-icons": "^4.4.0",
@@ -20,6 +20,7 @@
     "yup": "^0.32.11",
     "react-hook-form": "^7.31.3",
     "type-fest": "^2.13.0",
+    "react-popper": "^2.3.0",
     "tslib": "^2.4.0",
     "next-auth": "^4.3.4",
     "@mui/material": "^5.8.2",
@@ -29,7 +30,7 @@
     "next-translate": "^1.4.0",
     "next-seo": "^5.4.0"
   },
-  "version": "1.0.24",
+  "version": "1.0.27",
   "module": "./index.js",
   "types": "./index.d.ts"
 }

package/typings.d.ts

@@ -97,7 +97,6 @@ declare namespace Koine {
  * the `koine` ecosystem. For instance Google Analytics globally available
  * variables.
  */
-
-declare const gtag: (
-  ...args: Record<string, unknown>[]
-) => Record<string, unknown>;
+declare interface Window {
+  gtag: (...args: Record<string, unknown>[]) => Record<string, unknown>;
+}

package/Forms/useSubmit.d.ts

@@ -1,24 +0,0 @@
-import type { UnpackNestedValue } from "react-hook-form";
-import { KoineApi } from "../utils/api";
-export declare function useSubmit<RequestBody extends {}, ResponseSuccesfull extends KoineApi.ResponseSuccesfull = {}, ResponseFailed extends KoineApi.ResponseFailed = Record<keyof RequestBody, string | string[]>>(url: string, transformData?: (json: UnpackNestedValue<RequestBody>) => any): {
-    submit: (json: any) => Promise<KoineApi.Response<ResponseSuccesfull, ResponseFailed>>;
-    loading: boolean;
-} & {
-    status: number;
-    msg: string;
-} & ({
-    ok?: boolean | undefined;
-    fail?: boolean | undefined;
-    loading: true;
-    data?: undefined;
-} | {
-    ok: true;
-    fail?: false | undefined;
-    loading?: false | undefined;
-    data: ResponseSuccesfull;
-} | {
-    ok?: false | undefined;
-    fail: true;
-    loading?: false | undefined;
-    data: ResponseFailed;
-});

package/Forms/useSubmit.js

@@ -1,28 +0,0 @@
-import { __assign, __awaiter, __generator } from "tslib";
-import { useAsyncFn } from "@koine/react";
-import { api } from "../utils/api";
-export function useSubmit(url, transformData) {
-    var _this = this;
-    var _a = useAsyncFn(function (json) { return __awaiter(_this, void 0, void 0, function () {
-        var response;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (transformData)
-                        json = transformData(json);
-                    return [4 /*yield*/, api.post(url, {
-                            json: json,
-                        })];
-                case 1:
-                    response = _a.sent();
-                    if (process.env["NODE_ENV"] !== "production") {
-                        console.log("[@koine/next] useSubmit response", response);
-                    }
-                    return [2 /*return*/, response];
-            }
-        });
-    }); }, [url, transformData]), state = _a[0], submit = _a[1];
-    var loading = state.loading, error = state.error, value = state.value;
-    var fail = !loading && (!!error || (value === null || value === void 0 ? void 0 : value.fail));
-    return __assign(__assign({ submit: submit, loading: loading }, (value || {})), { fail: fail });
-}

package/utils/api.d.ts

@@ -1,55 +0,0 @@
-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

@@ -1,44 +0,0 @@
-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;
-}, {});