@koine/next 2.0.0-beta.9 → 2.0.0-beta.90

package/package.json

@@ -2,99 +2,59 @@
   "name": "@koine/next",
   "sideEffects": false,
   "dependencies": {
-    "@koine/browser": "2.0.0-beta.9",
-    "@koine/react": "2.0.0-beta.9",
-    "@koine/utils": "2.0.0-beta.9"
+    "@koine/browser": "2.0.0-beta.90",
+    "@koine/utils": "2.0.0-beta.90",
+    "@koine/i18n": "2.0.0-beta.90"
+  },
+  "peerDependencies": {
+    "next": "^14.0.4",
+    "next-seo": "^6.4.0",
+    "react": "^18.2.0"
   },
   "peerDependenciesMeta": {
-    "@emotion/react": {
-      "optional": true
-    },
-    "@emotion/server": {
-      "optional": true
-    },
-    "@emotion/styled": {
-      "optional": true
-    },
-    "@hookform/resolvers": {
-      "optional": true
-    },
-    "@kuus/yup": {
-      "optional": true
-    },
-    "@mui/base": {
-      "optional": true
-    },
-    "@mui/material": {
-      "optional": true
-    },
-    "@tiptap/react": {
-      "optional": true
-    },
-    "@tiptap/starter-kit": {
-      "optional": true
-    },
-    "date-fns": {
-      "optional": true
-    },
-    "framer-motion": {
-      "optional": true
-    },
-    "next-auth": {
-      "optional": true
-    },
     "next-seo": {
       "optional": true
-    },
-    "next-translate": {
-      "optional": true
-    },
-    "react-hook-form": {
-      "optional": true
-    },
-    "react-icons": {
-      "optional": true
-    },
-    "react-is": {
-      "optional": true
-    },
-    "react-popper": {
-      "optional": true
-    },
-    "react-swipeable": {
-      "optional": true
-    },
-    "styled-components": {
-      "optional": true
-    },
-    "tailwindcss": {
-      "optional": true
     }
   },
-  "peerDependencies": {
-    "@hookform/resolvers": "^3.1.0",
-    "@kuus/yup": "1.0.0-beta.7",
-    "@mui/base": "5.0.0-beta.4",
-    "@mui/utils": "^5.13.6",
-    "@tiptap/react": "2.0.3",
-    "@tiptap/starter-kit": "2.0.3",
-    "date-fns": "^2.30.0",
-    "date-fns-tz": "^2.0.0",
-    "framer-motion": "^10.12.17",
-    "next": "^13.4.7",
-    "next-auth": "^4.22.1",
-    "next-seo": "^6.1.0",
-    "next-translate": "^2.4.2",
-    "react": "^18.2.0",
-    "react-hook-form": "^7.45.0",
-    "react-icons": "^4.10.1",
-    "react-swipeable": "^7.0.1",
-    "styled-components": "^5.3.11",
-    "tslib": "^2.5.3",
-    "type-fest": "^3.12.0"
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "module": "./index.esm.js",
+      "import": "./index.cjs.mjs",
+      "default": "./index.cjs.js"
+    },
+    "./12": {
+      "module": "./12.esm.js",
+      "import": "./12.cjs.mjs",
+      "default": "./12.cjs.js"
+    },
+    "./config": {
+      "module": "./config.esm.js",
+      "import": "./config.cjs.mjs",
+      "default": "./config.cjs.js"
+    },
+    "./load": {
+      "module": "./load.esm.js",
+      "import": "./load.cjs.mjs",
+      "default": "./load.cjs.js"
+    },
+    "./ThemeContext": {
+      "module": "./ThemeContext.esm.js",
+      "import": "./ThemeContext.cjs.mjs",
+      "default": "./ThemeContext.cjs.js"
+    },
+    "./ThemeProvider": {
+      "module": "./ThemeProvider.esm.js",
+      "import": "./ThemeProvider.cjs.mjs",
+      "default": "./ThemeProvider.cjs.js"
+    },
+    "./useTheme": {
+      "module": "./useTheme.esm.js",
+      "import": "./useTheme.cjs.mjs",
+      "default": "./useTheme.cjs.js"
+    }
   },
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "version": "2.0.0-beta.9"
-}
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js",
+  "version": "2.0.0-beta.90"
+}

package/typings.d.ts

@@ -12,61 +12,50 @@ declare module "*.svg" {
 }
 
 /**
- * Extend NodeJS `process.env` with variables used by @koine
+ * [`next.js` pages router](https://nextjs.org/docs/pages) utility type
  */
-declare namespace NodeJS {
-  interface ProcessEnv {
-    NEXT_PUBLIC_APP_URL: string;
-  }
-}
+type NextGetStaticPathsResult<Params extends { [key: string]: any }> = Omit<
+  import("next").GetStaticPathsResult,
+  "paths"
+> & {
+  paths: Array<string | { params: Params; locale?: string }>;
+};
 
 /**
- * Types specifically related to `@koine/next` exposed on the global unique
- * namespace `Koine`. Most of the types here should be prefixed by `Next`, e.g.
- * `NextSomeFeature` accessible anywhere from `Koine.NextSomeFeature`
+ * [`next.js` pages router](https://nextjs.org/docs/pages) utility type
  */
-declare namespace Koine {
-  /**
-   * Default SEO data structure expected by the `<Seo>` component's prop `seo`
-   */
-  type NextSeo = import("./12/types-seo").SeoData;
+declare type NextPageDataStaticPaths<Params extends { [key: string]: any }> = (
+  context: import("next").GetStaticPathsContext,
+) =>
+  | Promise<NextGetStaticPathsResult<Params>>
+  | NextGetStaticPathsResult<Params>;
 
-  /**
-   * Translations dictionary extracted from JSON files.
-   * You need to augment this type with something like:
-   *
-   * ```ts
-   * declare namespace Koine {
-   *   interface Translations {
-   *     "~": typeof import("./locales/en/~.json");
-   *     "_": typeof import("./locales/en/_.json");
-   *     "$team": typeof import("./locales/en/$team.json");
-   *     "home": typeof import("./locales/en/home.json");
-   *     "Header": typeof import("./locales/en/Header.json");
-   *   }
-   * }
-   * ```
-   *
-   * Best to follow a convention to name the files which become the namespaces:
-   *
-   * - `~`: for app wide **urls** translated definitions
-   * - `_`: for app wide **common** translations
-   * - `${data}`: dollar prefix for static **data** like arrays, objects, .etc
-   * - `{route-name}`: lower cased for **route** specific data
-   * - `{ComponentName}`: pascal cased for **components** specific data
-   *
-   * This works through using [type augmentation](https://www.typescriptlang.org/docs/handbook/declaration-merging.html#module-augmentation)
-   * and [merging interfaces](https://www.typescriptlang.org/docs/handbook/declaration-merging.html#merging-interfaces).
-   */
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
-  interface Translations {}
-}
+/**
+ * [`next.js` pages router](https://nextjs.org/docs/pages) utility type
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+declare type NextPageDataStatic<P extends { [key: string]: any }> =
+  import("next").GetStaticProps<P, import("querystring").ParsedUrlQuery>;
 
 /**
- * List here the global variables used by third party scripts supported within
- * the `koine` ecosystem. For instance Google Analytics globally available
- * variables.
+ * [`next.js` pages router](https://nextjs.org/docs/pages) utility type
  */
-declare interface Window {
-  gtag: (...args: Record<string, unknown>[]) => Record<string, unknown>;
-}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+declare type NextPageDataServer<P extends { [key: string]: any }> =
+  import("next").GetServerSideProps<P, import("querystring").ParsedUrlQuery>;
+
+/**
+ * Workaround to re-create the type `RouteProperties` that is not exported by
+ * `next.js`
+ */
+declare type NextRouteProperties = Parameters<
+  import("next/router").Router["getRouteInfo"]
+>[0]["routeProps"];
+
+/**
+ * Extend NodeJS `process.env` with variables used by @koine
+ */
+// declare namespace NodeJS {
+//   interface ProcessEnv {
+//   }
+// }

package/useTheme.cjs.d.ts

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

package/useTheme.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useTheme.cjs.js').default;

package/useTheme.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var ThemeContext = require('./ThemeContext.cjs.js');
+
+/**
+ * @borrows [next-themes](https://github.com/pacocoursey/next-themes)
+ */const useTheme=()=>react.useContext(ThemeContext.ThemeContext);
+
+exports["default"] = useTheme;
+exports.useTheme = useTheme;

package/useTheme.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useTheme.cjs.js';
+export { _default as default } from './useTheme.cjs.default.js';

package/useTheme.d.ts

@@ -0,0 +1,4 @@
+import { type ThemeContextProps } from "./ThemeContext";
+export type UseThemeProps = ThemeContextProps;
+export declare const useTheme: () => ThemeContextProps;
+export default useTheme;

package/useTheme.esm.js

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import { ThemeContext } from './ThemeContext.esm.js';
+
+/**
+ * @borrows [next-themes](https://github.com/pacocoursey/next-themes)
+ */const useTheme=()=>useContext(ThemeContext);
+
+export { useTheme as default, useTheme };

package/12/AnalyticsGoogle.js

@@ -1,79 +0,0 @@
-"use client";
-"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, {
-    AnalyticsGoogle: function() {
-        return AnalyticsGoogle;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _jsxruntime = require("react/jsx-runtime");
-const _router = require("next/router");
-const _script = /*#__PURE__*/ _interop_require_default._(require("next/script"));
-const _react = require("react");
-const _gtagPageview = /*#__PURE__*/ _interop_require_default._(require("@koine/browser/gtagPageview"));
-const AnalyticsGoogle = ({ id })=>{
-    const uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
-    const { events, asPath, query } = (0, _router.useRouter)();
-    const [ready, setReady] = (0, _react.useState)(false);
-    const [routed, setRouted] = (0, _react.useState)(false);
-    // const [url, setUrl] = useState("");
-    (0, _react.useEffect)(()=>{
-        const handleRouteChange = ()=>{
-            setRouted(true);
-        };
-        events.on("routeChangeComplete", handleRouteChange);
-        return ()=>{
-            events.off("routeChangeComplete", handleRouteChange);
-        };
-    }, [
-        events
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (routed && ready && asPath) {
-            // const search = query;
-            (0, _gtagPageview.default)(asPath);
-        }
-    }, [
-        asPath,
-        query,
-        routed,
-        ready
-    ]);
-    if (!uid) {
-        return null;
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_script.default, {
-                id: "google-tagmanager",
-                src: `https://www.googletagmanager.com/gtag/js?id=${id}`,
-                strategy: "afterInteractive",
-                onLoad: ()=>setReady(true)
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_script.default, {
-                id: "google-analytics",
-                strategy: "afterInteractive",
-                children: `
-          window.dataLayer = window.dataLayer || [];
-          function gtag(){window.dataLayer.push(arguments);}
-          gtag('js', new Date());
-
-          gtag('config', '${id}', { 'send_page_view': false });
-        `
-            })
-        ]
-    });
-};
-const _default = AnalyticsGoogle;

package/12/AnalyticsGoogle.mjs

@@ -1,60 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRouter } from "next/router";
-import Script from "next/script";
-import { useEffect, useState } from "react";
-import gtagPageview from "@koine/browser/gtagPageview";
-export const AnalyticsGoogle = ({ id })=>{
-    const uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
-    const { events, asPath, query } = useRouter();
-    const [ready, setReady] = useState(false);
-    const [routed, setRouted] = useState(false);
-    // const [url, setUrl] = useState("");
-    useEffect(()=>{
-        const handleRouteChange = ()=>{
-            setRouted(true);
-        };
-        events.on("routeChangeComplete", handleRouteChange);
-        return ()=>{
-            events.off("routeChangeComplete", handleRouteChange);
-        };
-    }, [
-        events
-    ]);
-    useEffect(()=>{
-        if (routed && ready && asPath) {
-            // const search = query;
-            gtagPageview(asPath);
-        }
-    }, [
-        asPath,
-        query,
-        routed,
-        ready
-    ]);
-    if (!uid) {
-        return null;
-    }
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(Script, {
-                id: "google-tagmanager",
-                src: `https://www.googletagmanager.com/gtag/js?id=${id}`,
-                strategy: "afterInteractive",
-                onLoad: ()=>setReady(true)
-            }),
-            /*#__PURE__*/ _jsx(Script, {
-                id: "google-analytics",
-                strategy: "afterInteractive",
-                children: `
-          window.dataLayer = window.dataLayer || [];
-          function gtag(){window.dataLayer.push(arguments);}
-          gtag('js', new Date());
-
-          gtag('config', '${id}', { 'send_page_view': false });
-        `
-            })
-        ]
-    });
-};
-export default AnalyticsGoogle;

package/12/DisableErrorOverlay.js

@@ -1,31 +0,0 @@
-"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, {
-    DisableErrorOverlay: function() {
-        return DisableErrorOverlay;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _jsxruntime = require("react/jsx-runtime");
-const _head = /*#__PURE__*/ _interop_require_default._(require("next/head"));
-const DisableErrorOverlay = ()=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_head.default, {
-        children: process.env["NODE_ENV"] !== "production" && /*#__PURE__*/ (0, _jsxruntime.jsx)("script", {
-            dangerouslySetInnerHTML: {
-                __html: `window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});`
-            }
-        })
-    });
-};
-const _default = DisableErrorOverlay;

package/12/DisableErrorOverlay.mjs

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Head from "next/head";
-/**
- * Disable error overlay during `dev`
- *
- * @see https://github.com/vercel/next.js/discussions/13387#discussioncomment-101564
- */ export const DisableErrorOverlay = ()=>{
-    return /*#__PURE__*/ _jsx(Head, {
-        children: process.env["NODE_ENV"] !== "production" && /*#__PURE__*/ _jsx("script", {
-            dangerouslySetInnerHTML: {
-                __html: `window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});`
-            }
-        })
-    });
-};
-export default DisableErrorOverlay;

package/12/DynamicNamespaces.d.ts

@@ -1,13 +0,0 @@
-import type { DynamicNamespacesProps as BaseDynamicNamespacesProps } from "next-translate";
-import BaseDynamicNamespaces from "next-translate/DynamicNamespaces";
-import type { TranslateNamespace } from "./types-i18n";
-export type DynamicNamespacesProps = Omit<BaseDynamicNamespacesProps, "namespaces"> & {
-    namespaces: TranslateNamespace[];
-};
-/**
- * **NOTE**: To make typescript work nicely here make sure to enable
- * [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule)
- * in your `tsconfig.json` file.
- */
-export declare const DynamicNamespaces: (props: DynamicNamespacesProps) => ReturnType<typeof BaseDynamicNamespaces>;
-export default DynamicNamespaces;

package/12/DynamicNamespaces.js

@@ -1,23 +0,0 @@
-"use client";
-"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, {
-    DynamicNamespaces: function() {
-        return DynamicNamespaces;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _DynamicNamespaces = /*#__PURE__*/ _interop_require_default._(require("next-translate/DynamicNamespaces"));
-const DynamicNamespaces = _DynamicNamespaces.default;
-const _default = DynamicNamespaces;

package/12/DynamicNamespaces.mjs

@@ -1,8 +0,0 @@
-"use client";
-import BaseDynamicNamespaces from "next-translate/DynamicNamespaces";
-/**
- * **NOTE**: To make typescript work nicely here make sure to enable
- * [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule)
- * in your `tsconfig.json` file.
- */ export const DynamicNamespaces = BaseDynamicNamespaces;
-export default DynamicNamespaces;

package/12/Favicon.d.ts

@@ -1,4 +0,0 @@
-import { type FaviconTagsProps } from "@koine/react/FaviconTags";
-export type FaviconProps = FaviconTagsProps;
-export declare const Favicon: (props: FaviconTagsProps) => import("react/jsx-runtime").JSX.Element;
-export default Favicon;

package/12/Favicon.js

@@ -1,29 +0,0 @@
-"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, {
-    Favicon: function() {
-        return Favicon;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _jsxruntime = require("react/jsx-runtime");
-const _head = /*#__PURE__*/ _interop_require_default._(require("next/head"));
-const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
-const _FaviconTags = /*#__PURE__*/ _interop_require_default._(require("@koine/react/FaviconTags"));
-const Favicon = (props)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_head.default, {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FaviconTags.default, {
-            ...props
-        })
-    });
-const _default = Favicon;

package/12/Favicon.mjs

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Head from "next/head";
-import React from "react";
-import FaviconTags from "@koine/react/FaviconTags";
-export const Favicon = (props)=>/*#__PURE__*/ _jsx(Head, {
-        children: /*#__PURE__*/ _jsx(FaviconTags, {
-            ...props
-        })
-    });
-export default Favicon;

package/12/Link.d.ts

@@ -1,10 +0,0 @@
-import { LinkProps as NextLinkProps } from "next/link";
-import React from "react";
-export type LinkProps = Omit<React.ComponentPropsWithRef<"a">, "href"> & Omit<NextLinkProps, "as" | "passHref" | "children"> & {
-    Link?: React.ComponentType<any>;
-};
-/**
- * @see https://next.js.org/docs/api-reference/next/link
- */
-export declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default Link;

package/12/Link.js

@@ -1,38 +0,0 @@
-"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, {
-    Link: function() {
-        return Link;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _jsxruntime = require("react/jsx-runtime");
-const _link = /*#__PURE__*/ _interop_require_default._(require("next/link"));
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const Link = /*#__PURE__*/ (0, _react.forwardRef)(function Link({ href, prefetch, replace, scroll, shallow, locale, Link = "span", ...props }, ref) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_link.default, {
-        href: href,
-        replace: replace,
-        scroll: scroll,
-        shallow: shallow,
-        locale: locale,
-        passHref: true,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Link, {
-            ref: ref,
-            ...props
-        })
-    });
-});
-const _default = Link;

package/12/Link.mjs

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import NextLink from "next/link";
-import React, { forwardRef } from "react";
-/**
- * @see https://next.js.org/docs/api-reference/next/link
- */ export const Link = /*#__PURE__*/ forwardRef(function Link({ href, prefetch, replace, scroll, shallow, locale, Link = "span", ...props }, ref) {
-    return /*#__PURE__*/ _jsx(NextLink, {
-        href: href,
-        replace: replace,
-        scroll: scroll,
-        shallow: shallow,
-        locale: locale,
-        passHref: true,
-        children: /*#__PURE__*/ _jsx(Link, {
-            ref: ref,
-            ...props
-        })
-    });
-});
-export default Link;