@koine/next 2.0.0-beta.14 → 2.0.0-beta.140

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
+ */
+
+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>;
-}
+
+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,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var ThemeContext = require('./ThemeContext.cjs.js');
+
+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/{12/useTheme.d.ts → useTheme.d.ts}

@@ -1,4 +1,4 @@
-import { ThemeContextProps } from "./ThemeContext";
+import { type ThemeContextProps } from "./ThemeContext";
 export type UseThemeProps = ThemeContextProps;
 /**
  * @borrows [next-themes](https://github.com/pacocoursey/next-themes)

package/useTheme.esm.d.ts

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

package/useTheme.esm.js

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { ThemeContext } from './ThemeContext.esm.js';
+
+const useTheme=()=>useContext(ThemeContext);
+
+export { useTheme as default, useTheme };

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.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.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.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.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;

package/12/NextProgress.d.ts

@@ -1,25 +0,0 @@
-import type { Simplify } from "@koine/utils";
-import type { WithComponents } from "@koine/react/helpers";
-type OwnProps = {
-    /** @default 0.3 */
-    startAt?: number;
-    /** @default true */
-    showOnShallow?: boolean;
-    /** @default 200 */
-    stopDelayMs?: number;
-};
-export type Components = {
-    Overlay: {
-        type: "div";
-        props: {
-            running?: boolean;
-        };
-    };
-};
-export type ComponentsProps = {
-    [Name in keyof Components]: Components[Name]["props"];
-};
-type Props = Simplify<WithComponents<OwnProps, Components>>;
-export type NextProgressProps = Props;
-export declare const NextProgress: ({ startAt, showOnShallow, stopDelayMs, Overlay, }: NextProgressProps) => import("react/jsx-runtime").JSX.Element;
-export default NextProgress;

package/12/NextProgress.mjs

@@ -1,51 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRouter } from "next/router";
-import { useCallback, useEffect, useRef, useState } from "react";
-export const NextProgress = ({ startAt = 0.3, showOnShallow = true, stopDelayMs = 200, Overlay = "div" })=>{
-    const { events } = useRouter();
-    // const [progress, setProgress] = useState(0);
-    const [running, setRunning] = useState(false);
-    const timer = useRef(null);
-    const routeChangeStart = useCallback((_, { shallow })=>{
-        if (!shallow || showOnShallow) {
-            // setProgress(startAt);
-            setRunning(true);
-        }
-    }, [
-        showOnShallow
-    ]);
-    const routeChangeEnd = useCallback((_, { shallow })=>{
-        if (!shallow || showOnShallow) {
-            if (timer.current) {
-                clearTimeout(timer.current);
-            }
-            timer.current = setTimeout(()=>{
-                // setProgress(100);
-                setRunning(false);
-            }, stopDelayMs);
-        }
-    }, [
-        showOnShallow,
-        stopDelayMs,
-        timer
-    ]);
-    useEffect(()=>{
-        events.on("routeChangeStart", routeChangeStart);
-        events.on("routeChangeComplete", routeChangeEnd);
-        events.on("routeChangeError", routeChangeEnd);
-        return ()=>{
-            events.off("routeChangeStart", routeChangeStart);
-            events.off("routeChangeComplete", routeChangeEnd);
-            events.off("routeChangeError", routeChangeEnd);
-        };
-    }, [
-        events,
-        routeChangeStart,
-        routeChangeEnd
-    ]);
-    return /*#__PURE__*/ _jsx(Overlay, {
-        running: running
-    });
-};
-export default NextProgress;

package/12/Seo.mjs

@@ -1,30 +0,0 @@
-// import { memo } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import Head from "next/head";
-import { seoBuildTags } from "./seoBuildTags";
-/**
- * Adapted from [garmeeh/next-seo](https://github.com/garmeeh/next-seo)
- *
- * See also:
- * - https://github.com/catnose99/next-head-seo
- * - https://nextjs.org/docs/api-reference/next/head
- *
- * NB: on the homepage you usually want to customize the `titleTemplate` to avoid
- * doubled app name. Assuming your default seo configuration is something like:
- *
- * ```js
- * {
- *   titleTemplate: "%s | MyApp"
- * }
- * ```
- *
- * On the homepage you migh want to override it, e.g.:
- * ```js
- * <Seo title="MyApp | Some description" titleTemplate="%s" />
- * ```
- */ export const Seo = (props)=>{
-    return /*#__PURE__*/ _jsx(Head, {
-        children: seoBuildTags(props)
-    });
-};
-export default Seo;

package/12/SeoDefaults.mjs

@@ -1,14 +0,0 @@
-// import { memo } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import Head from "next/head";
-// import { useRouter } from "next/router";
-// import { getSiteUrl } from "../utils";
-import { seoBuildTags } from "./seoBuildTags";
-export const SeoDefaults = (props)=>{
-    // const router = useRouter();
-    // props.openGraph.url = getSiteUrl(router.asPath);
-    return /*#__PURE__*/ _jsx(Head, {
-        children: seoBuildTags(props)
-    });
-};
-export default SeoDefaults;

package/12/T.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import type { TransProps } from "next-translate";
-import type { TranslateNamespace, TranslationsAllPaths, TranslationsPaths } from "./types-i18n";
-export type TProps<TNamespace extends TranslateNamespace | undefined = undefined> = (Omit<TransProps, "i18nKey" | "ns"> & {
-    i18nKey: TranslationsAllPaths;
-}) | (Omit<TransProps, "i18nKey" | "ns"> & {
-    ns: TNamespace;
-    i18nKey: TranslationsPaths<TNamespace>;
-});
-/**
- * **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 T: <TNamespace extends "~" | undefined = undefined>(props: TProps<TNamespace>) => import("react").ReactElement<TProps<TNamespace>, string | import("react").JSXElementConstructor<any>>;
-export default T;

package/12/T.mjs

@@ -1,27 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import Trans from "next-translate/Trans";
-/**
- * **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 T = (props)=>/*#__PURE__*/ _jsx(Trans, {
-        ...props
-    });
-export default T; // export type TProps = Omit<TransProps, "i18nKey" | "ns"> & {
- //     i18nKey: TranslationsAllPaths;
- // };
- // export type TPropsNamespaced<
- //     TNamespace extends TranslateNamespace
- // > = Omit<TransProps, "i18nKey" | "ns"> & {
- //     i18nKey: TranslationsPaths<Translations[TNamespace]>;
- //     ns?: TNamespace;
- // };
- // export function T(props: TProps): JSX.Element;
- // export function T<TNamespace extends TranslateNamespace>(props: TPropsNamespaced<TNamespace>): JSX.Element;
- // export function T<TNamespace extends TranslateNamespace>(
- //   props: TProps<TNamespace>
- // ) {
- //   return <Trans {...props} />;
- // }
- // export { default as T } from "next-translate/Trans";

package/12/ThemeContext.mjs

@@ -1,7 +0,0 @@
-import { createContext } from "react";
-export const ThemeContext = /*#__PURE__*/ createContext({
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setTheme: (_)=>{},
-    themes: []
-});
-export default ThemeContext;