@koine/next 1.0.4 → 1.0.9

package/app/css/auth/package.json

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

package/app/css/index.d.ts

@@ -0,0 +1,54 @@
+import { AppProps } from "next/app";
+import { AppThemeProps } from "./AppTheme";
+import { AppMainProps } from "./AppMain";
+export declare type NextAppProps = AppProps & AppThemeProps & AppMainProps;
+/**
+ * App
+ *
+ * @example
+ *
+ * ```tsx
+ * import { NextApp, NextAppProps } from "@koine/next/app/css/auth";
+ * import { Favicon, AnalyticsGoogle } from "@koine/next";
+ * import { theme } from "src/helpers/theme";
+ * import { Layout } from "src/components/Layout";
+ * // import "@fontsource/myfont/800.css";
+ * // import "src/helpers/theme.css";
+ *
+ * const motion = () => import("@koine/react/m/max").then((m) => m.default);
+ *
+ * export default function App(props: NextAppProps) {
+ *   return (
+ *     <NextApp
+ *       {...props}
+ *       Layout={Layout}
+ *       theme={theme}
+ *       seo={{
+ *         titleTemplate: "%s | MyApp",
+ *         defaultTitle: "MyApp",
+ *         openGraph: {
+ *           type: "website",
+ *           locale: "en_US",
+ *           url: "https://myapp.com/",
+ *           site_name: "MyApp",
+ *         },
+ *         twitter: {
+ *           handle: "@MklrNl",
+ *           site: "@MyApp",
+ *           cardType: "summary_large_image",
+ *         },
+ *       }}
+ *       pre={
+ *         <>
+ *           <AnalyticsGoogle id="UA-xxxxxxxx-x" />
+ *           <Favicon name="MyApp" color="#000000" />
+ *         </>
+ *       }
+ *     />
+ *   );
+ * }
+ *
+ * ```
+ */
+export declare const NextApp: (props: NextAppProps) => JSX.Element;
+export default NextApp;

package/app/css/index.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { AppHead } from "../AppHead";
+import { AppTheme } from "./AppTheme";
+import { AppMain } from "./AppMain";
+/**
+ * App
+ *
+ * @example
+ *
+ * ```tsx
+ * import { NextApp, NextAppProps } from "@koine/next/app/css/auth";
+ * import { Favicon, AnalyticsGoogle } from "@koine/next";
+ * import { theme } from "src/helpers/theme";
+ * import { Layout } from "src/components/Layout";
+ * // import "@fontsource/myfont/800.css";
+ * // import "src/helpers/theme.css";
+ *
+ * const motion = () => import("@koine/react/m/max").then((m) => m.default);
+ *
+ * export default function App(props: NextAppProps) {
+ *   return (
+ *     <NextApp
+ *       {...props}
+ *       Layout={Layout}
+ *       theme={theme}
+ *       seo={{
+ *         titleTemplate: "%s | MyApp",
+ *         defaultTitle: "MyApp",
+ *         openGraph: {
+ *           type: "website",
+ *           locale: "en_US",
+ *           url: "https://myapp.com/",
+ *           site_name: "MyApp",
+ *         },
+ *         twitter: {
+ *           handle: "@MklrNl",
+ *           site: "@MyApp",
+ *           cardType: "summary_large_image",
+ *         },
+ *       }}
+ *       pre={
+ *         <>
+ *           <AnalyticsGoogle id="UA-xxxxxxxx-x" />
+ *           <Favicon name="MyApp" color="#000000" />
+ *         </>
+ *       }
+ *     />
+ *   );
+ * }
+ *
+ * ```
+ */
+export const NextApp = (props) => {
+    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(AppTheme, { ...props, children: _jsx(AppMain, { ...props }) })] }));
+};
+export default NextApp;

package/app/css/package.json

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

package/app/em/AppMain.d.ts

@@ -0,0 +1,10 @@
+import type { AppMainBaseProps, AppMainFramerProps } from "../AppMain";
+export declare type AppMainProps = AppMainBaseProps & AppMainFramerProps;
+/**
+ * App main
+ *
+ * It implies a setup for `styled-components` and `framer-motion` libraries.
+ *
+ * About the page transition [wallis' blog post](https://wallis.dev/blog/nextjs-page-transitions-with-framer-motion)
+ */
+export declare const AppMain: ({ Component, pageProps, Layout, ProgressOverlay, seo, motion, transition, pre, post, }: AppMainProps) => JSX.Element;

package/app/em/AppMain.js

@@ -0,0 +1,22 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRouter } from "next/router";
+import { AnimatePresence, m } from "framer-motion";
+import { MotionProvider } from "@koine/react/m";
+import { SeoDefaults } from "../../Seo";
+import { NextProgress } from "../../NextProgress";
+/**
+ * App main
+ *
+ * It implies a setup for `styled-components` and `framer-motion` libraries.
+ *
+ * About the page transition [wallis' blog post](https://wallis.dev/blog/nextjs-page-transitions-with-framer-motion)
+ */
+export const AppMain = ({ Component, pageProps, Layout, ProgressOverlay, seo, motion, transition = {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+}, pre, post, }) => {
+    const { pathname } = useRouter();
+    return (_jsxs(_Fragment, { children: [_jsx(SeoDefaults, { ...seo }), pre, _jsxs(MotionProvider, { features: motion, children: [ProgressOverlay && _jsx(NextProgress, { Overlay: ProgressOverlay }), _jsx(Layout, { children: _jsx(AnimatePresence, { exitBeforeEnter: true, initial: false, children: _jsx(m.div, { ...transition, children: _createElement(Component, { ...pageProps, key: pathname }) }, pathname) }) })] }), post] }));
+};

package/app/{AppTheme--emotion.d.ts → em/AppTheme.d.ts}

@@ -1,15 +1,15 @@
-import React from "react";
-import { AppProps as NextAppProps } from "next/app";
-import { Theme } from "@mui/material/styles";
-import { EmotionCache } from "@emotion/react";
-export declare type AppThemeEmotionProps = NextAppProps & {
-    emotionCache?: EmotionCache;
-    /**
-     * A theme object
-     */
-    theme: Theme;
-};
-/**
- * App theme with `emotion` (good for `@mui`)s
- */
-export declare const AppThemeEmotion: React.FC<AppThemeEmotionProps>;
+import React from "react";
+import { AppProps as NextAppProps } from "next/app";
+import { Theme } from "@mui/material/styles";
+import { EmotionCache } from "@emotion/react";
+export declare type AppThemeProps = React.PropsWithChildren<NextAppProps & {
+    emotionCache?: EmotionCache;
+    /**
+     * A theme object
+     */
+    theme: Theme;
+}>;
+/**
+ * App theme with `emotion` (good for `@mui`)s
+ */
+export declare const AppTheme: ({ emotionCache, theme, children, }: AppThemeProps) => JSX.Element;

package/app/em/AppTheme.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ThemeProvider } from "@mui/material/styles";
+import { CacheProvider } from "@emotion/react";
+import CssBaseline from "@mui/material/CssBaseline";
+import { Global, css } from "@emotion/react";
+import { stylesGlobal } from "@koine/react/sc";
+import { createEmotionCache } from "../../utils/emotion-cache";
+// client-side cache, shared for the whole session of the user in the browser.
+const clientSideEmotionCache = createEmotionCache();
+/**
+ * App theme with `emotion` (good for `@mui`)s
+ */
+export const AppTheme = ({ emotionCache = clientSideEmotionCache, theme, children, }) => {
+    return (_jsx(CacheProvider, { value: emotionCache, children: _jsxs(ThemeProvider, { theme: theme, children: [_jsx(CssBaseline, {}), _jsx(Global, { styles: css `
+            ${stylesGlobal}
+          ` }), children] }) }));
+};

package/app/em/auth/index.d.ts

@@ -0,0 +1,9 @@
+import { AppProps } from "next/app";
+import { AppThemeProps } from "../AppTheme";
+import { AppMainProps } from "../AppMain";
+export declare type NextAppProps = AppProps & AppThemeProps & AppMainProps;
+/**
+ * App with authentication provided by `next-auth`
+ */
+export declare const NextApp: (props: NextAppProps) => JSX.Element;
+export default NextApp;

package/app/em/auth/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { SessionProvider } from "next-auth/react";
+import { AppHead } from "../../AppHead";
+import { AppTheme } from "../AppTheme";
+import { AppMain } from "../AppMain";
+/**
+ * App with authentication provided by `next-auth`
+ */
+export const NextApp = (props) => {
+    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(SessionProvider, { session: props.pageProps.session, children: _jsx(AppTheme, { ...props, children: _jsx(AppMain, { ...props }) }) })] }));
+};
+export default NextApp;

package/app/em/auth/package.json

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

package/app/em/index.d.ts

@@ -0,0 +1,9 @@
+import { AppProps } from "next/app";
+import { AppThemeProps } from "./AppTheme";
+import { AppMainProps } from "./AppMain";
+export declare type NextAppProps = AppProps & AppThemeProps & AppMainProps;
+/**
+ * App
+ */
+export declare const NextApp: (props: NextAppProps) => JSX.Element;
+export default NextApp;

package/app/em/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { AppHead } from "../AppHead";
+import { AppTheme } from "./AppTheme";
+import { AppMain } from "./AppMain";
+/**
+ * App
+ */
+export const NextApp = (props) => {
+    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(AppTheme, { ...props, children: _jsx(AppMain, { ...props }) })] }));
+};
+export default NextApp;

package/app/em/package.json

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

package/app/index.d.ts

@@ -1,11 +1,2 @@
-export * from "./App--emotion";
-export * from "./App--sc";
-export * from "./App--vanilla";
-export * from "./AppAuth--emotion";
-export * from "./AppAuth--sc";
-export * from "./AppHead";
-export * from "./AppMain";
-export * from "./AppMain--vanilla";
-export * from "./AppTheme--emotion";
-export * from "./AppTheme--sc";
-export * from "./AppTheme--vanilla";
+export * from "./AppHead";
+export * from "./AppMain";

package/app/index.js

@@ -0,0 +1,2 @@
+export * from "./AppHead";
+export * from "./AppMain";

package/app/package.json

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

package/app/sc/AppMain.d.ts

@@ -0,0 +1,10 @@
+import type { AppMainBaseProps, AppMainFramerProps } from "../AppMain";
+export declare type AppMainProps = AppMainBaseProps & AppMainFramerProps;
+/**
+ * App main
+ *
+ * It implies a setup for `styled-components` and `framer-motion` libraries.
+ *
+ * About the page transition [wallis' blog post](https://wallis.dev/blog/nextjs-page-transitions-with-framer-motion)
+ */
+export declare const AppMain: ({ Component, pageProps, Layout, ProgressOverlay, seo, motion, transition, pre, post, }: AppMainProps) => JSX.Element;

package/app/sc/AppMain.js

@@ -0,0 +1,22 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRouter } from "next/router";
+import { AnimatePresence, m } from "framer-motion";
+import { MotionProvider } from "@koine/react/m";
+import { SeoDefaults } from "../../Seo";
+import { NextProgress } from "../../NextProgress";
+/**
+ * App main
+ *
+ * It implies a setup for `styled-components` and `framer-motion` libraries.
+ *
+ * About the page transition [wallis' blog post](https://wallis.dev/blog/nextjs-page-transitions-with-framer-motion)
+ */
+export const AppMain = ({ Component, pageProps, Layout, ProgressOverlay, seo, motion, transition = {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+}, pre, post, }) => {
+    const { pathname } = useRouter();
+    return (_jsxs(_Fragment, { children: [_jsx(SeoDefaults, { ...seo }), pre, _jsxs(MotionProvider, { features: motion, children: [ProgressOverlay && _jsx(NextProgress, { Overlay: ProgressOverlay }), _jsx(Layout, { children: _jsx(AnimatePresence, { exitBeforeEnter: true, initial: false, children: _jsx(m.div, { ...transition, children: _createElement(Component, { ...pageProps, key: pathname }) }, pathname) }) })] }), post] }));
+};

package/app/sc/AppTheme.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { AppProps as NextAppProps } from "next/app";
+import { Theme } from "@koine/react/sc";
+export declare type AppThemeProps = React.PropsWithChildren<NextAppProps & {
+    /**
+     * A theme object
+     */
+    theme: Theme;
+}>;
+/**
+ * App theme with `styled-components`
+ */
+export declare const AppTheme: ({ theme, children }: AppThemeProps) => JSX.Element;

package/app/sc/AppTheme.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ThemeProvider } from "styled-components";
+import { StylesGlobal } from "@koine/react/sc";
+/**
+ * App theme with `styled-components`
+ */
+export const AppTheme = ({ theme, children }) => {
+    return (_jsxs(ThemeProvider, { theme: theme, children: [_jsx(StylesGlobal, {}), children] }));
+};

package/app/sc/auth/index.d.ts

@@ -0,0 +1,9 @@
+import { AppProps } from "next/app";
+import { AppThemeProps } from "../AppTheme";
+import { AppMainProps } from "../AppMain";
+export declare type NextAppProps = AppProps & AppThemeProps & AppMainProps;
+/**
+ * App with authentication provided by `next-auth`
+ */
+export declare const NextApp: (props: NextAppProps) => JSX.Element;
+export default NextApp;

package/app/sc/auth/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { SessionProvider } from "next-auth/react";
+import { AppHead } from "../../AppHead";
+import { AppTheme } from "../AppTheme";
+import { AppMain } from "../AppMain";
+/**
+ * App with authentication provided by `next-auth`
+ */
+export const NextApp = (props) => {
+    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(SessionProvider, { session: props.pageProps.session, children: _jsx(AppTheme, { ...props, children: _jsx(AppMain, { ...props }) }) })] }));
+};
+export default NextApp;

package/app/sc/auth/package.json

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

package/app/sc/index.d.ts

@@ -0,0 +1,56 @@
+import { AppProps } from "next/app";
+import { AppThemeProps } from "./AppTheme";
+import { AppMainProps } from "./AppMain";
+export declare type NextAppProps = AppProps & AppThemeProps & AppMainProps;
+/**
+ * App
+ *
+ * @example
+ *
+ * ```tsx
+ * import { NextApp, NextAppProps } from "@koine/next/app/sc/auth";
+ * import { Favicon, AnalyticsGoogle } from "@koine/next";
+ * import { theme } from "src/helpers/theme";
+ * import { Layout, ProgressOverlay } from "src/components/Layout";
+ * // import "@fontsource/myfont/800.css";
+ * // import "src/helpers/theme.css";
+ *
+ * const motion = () => import("@koine/react/m/max").then((m) => m.default);
+ *
+ * export default function App(props: NextAppProps) {
+ *   return (
+ *     <NextApp
+ *       {...props}
+ *       Layout={Layout}
+ *       ProgressOverlay={ProgressOverlay}
+ *       theme={theme}
+ *       motion={motion}
+ *       seo={{
+ *         titleTemplate: "%s | MyApp",
+ *         defaultTitle: "MyApp",
+ *         openGraph: {
+ *           type: "website",
+ *           locale: "en_US",
+ *           url: "https://myapp.com/",
+ *           site_name: "MyApp",
+ *         },
+ *         twitter: {
+ *           handle: "@MklrNl",
+ *           site: "@MyApp",
+ *           cardType: "summary_large_image",
+ *         },
+ *       }}
+ *       pre={
+ *         <>
+ *           <AnalyticsGoogle id="UA-xxxxxxxx-x" />
+ *           <Favicon name="MyApp" color="#000000" />
+ *         </>
+ *       }
+ *     />
+ *   );
+ * }
+ *
+ * ```
+ */
+export declare const NextApp: (props: NextAppProps) => JSX.Element;
+export default NextApp;

package/app/sc/index.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { AppHead } from "../AppHead";
+import { AppTheme } from "./AppTheme";
+import { AppMain } from "./AppMain";
+/**
+ * App
+ *
+ * @example
+ *
+ * ```tsx
+ * import { NextApp, NextAppProps } from "@koine/next/app/sc/auth";
+ * import { Favicon, AnalyticsGoogle } from "@koine/next";
+ * import { theme } from "src/helpers/theme";
+ * import { Layout, ProgressOverlay } from "src/components/Layout";
+ * // import "@fontsource/myfont/800.css";
+ * // import "src/helpers/theme.css";
+ *
+ * const motion = () => import("@koine/react/m/max").then((m) => m.default);
+ *
+ * export default function App(props: NextAppProps) {
+ *   return (
+ *     <NextApp
+ *       {...props}
+ *       Layout={Layout}
+ *       ProgressOverlay={ProgressOverlay}
+ *       theme={theme}
+ *       motion={motion}
+ *       seo={{
+ *         titleTemplate: "%s | MyApp",
+ *         defaultTitle: "MyApp",
+ *         openGraph: {
+ *           type: "website",
+ *           locale: "en_US",
+ *           url: "https://myapp.com/",
+ *           site_name: "MyApp",
+ *         },
+ *         twitter: {
+ *           handle: "@MklrNl",
+ *           site: "@MyApp",
+ *           cardType: "summary_large_image",
+ *         },
+ *       }}
+ *       pre={
+ *         <>
+ *           <AnalyticsGoogle id="UA-xxxxxxxx-x" />
+ *           <Favicon name="MyApp" color="#000000" />
+ *         </>
+ *       }
+ *     />
+ *   );
+ * }
+ *
+ * ```
+ */
+export const NextApp = (props) => {
+    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(AppTheme, { ...props, children: _jsx(AppMain, { ...props }) })] }));
+};
+export default NextApp;

package/app/sc/package.json

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

package/config/index.d.ts

@@ -1,58 +1,71 @@
-import type { NextConfig } from "next";
-import type { Redirect, Rewrite } from "next/dist/lib/load-custom-routes";
-/**
- * Normalise pathname
- *
- * From a path like `/some//malformed/path///` it returns `some/malformed/path`
- *
- * - Removes subsequent slashes
- * - Removing initial and ending slashes
- */
-export declare function normaliseUrlPathname(pathname: string): string;
-/**
- * Clean a pathname and encode each part
- *
- * @see {@link normaliseUrlPathname}
- */
-export declare function encodePathname(pathname: string): string;
-/**
- */
-export declare function getPathRedirect(locale: string, localisedPathname: string, templateName: string, dynamic?: boolean, permanent?: boolean): {
-    source: string;
-    destination: string;
-    permanent: boolean;
-    locale: false;
-};
-/**
- */
-export declare function getPathRewrite(source: string, destination: string, dynamic?: boolean): {
-    source: string;
-    destination: string;
-};
-/**
- */
-export declare function getRedirects({ defaultLocale, routes, dynamicRoutes, permanent, }: {
-    defaultLocale: string;
-    routes: Record<string, string>;
-    dynamicRoutes: Record<string, boolean>;
-    permanent?: boolean;
-}): Promise<Redirect[]>;
-/**
- */
-export declare function getRewrites({ routes, dynamicRoutes, }: {
-    routes: Record<string, string>;
-    dynamicRoutes: Record<string, boolean>;
-}): Promise<Rewrite[]>;
-declare type KoineNextConfig = {
-    /** @default true Nx monorepo setup */
-    nx?: boolean;
-    /** @default true  Svg to react components */
-    svg?: boolean;
-    /** @default true  Styled components enabled */
-    sc?: boolean;
-};
-/**
- * Get Next.js config with some basic opinionated defaults
- */
-export declare function withKoine({ nx, svg, sc, ...nextConfig }?: NextConfig & KoineNextConfig): NextConfig;
-export default withKoine;
+import type { NextConfig } from "next";
+import type { Redirect, Rewrite } from "next/dist/lib/load-custom-routes";
+/**
+ * Normalise pathname
+ *
+ * From a path like `/some//malformed/path///` it returns `some/malformed/path`
+ *
+ * - Removes subsequent slashes
+ * - Removing initial and ending slashes
+ */
+export declare function normaliseUrlPathname(pathname: string): string;
+/**
+ * Clean a pathname and encode each part
+ *
+ * @see {@link normaliseUrlPathname}
+ */
+export declare function encodePathname(pathname: string): string;
+/**
+ */
+export declare function getPathRedirect(locale: string, localisedPathname: string, templateName: string, dynamic?: boolean, permanent?: boolean): {
+    source: string;
+    destination: string;
+    permanent: boolean;
+    locale: false;
+};
+/**
+ */
+export declare function getPathRewrite(source: string, destination: string, dynamic?: boolean): {
+    source: string;
+    destination: string;
+};
+/**
+ */
+export declare function getRedirects({ defaultLocale, routes, dynamicRoutes, permanent, }: {
+    defaultLocale: string;
+    routes: Record<string, string>;
+    dynamicRoutes: Record<string, boolean>;
+    permanent?: boolean;
+}): Promise<Redirect[]>;
+/**
+ */
+export declare function getRewrites({ routes, dynamicRoutes, }: {
+    routes: Record<string, string>;
+    dynamicRoutes: Record<string, boolean>;
+}): Promise<Rewrite[]>;
+declare type KoineNextConfig = {
+    /** @default true Nx monorepo setup */
+    nx?: boolean;
+    /** @default true  Svg to react components */
+    svg?: boolean;
+    /** @default true  Styled components enabled */
+    sc?: boolean;
+    /**
+     * When true uses `*.page.ts` or `*.page.tsx` extension for next.js config option [`pageExtensions`](https://nextjs.org/docs/api-reference/next.config.js/custom-page-extensions#including-non-page-files-in-the-pages-directory). When `true` it enables the same for `next-translate`
+     * @default false
+     */
+    page?: boolean;
+};
+/**
+ * Get Next.js config with some basic opinionated defaults
+ *
+ * @param {object} options
+ * @property {boolean} [options.nx=false] Nx monorepo setup
+ * @property {boolean} [options.svg=false] Svg to react components
+ * @property {boolean} [options.sc=false] Styled components enabled
+ * @property {boolean} [options.page=false] When `true` uses `*.page.ts` or `*.page.tsx`
+ *                                          extension for next.js config option [`pageExtensions`](https://nextjs.org/docs/api-reference/next.config.js/custom-page-extensions#including-non-page-files-in-the-pages-directory)
+ *                                          and it enables the same for `next-translate`.
+ */
+export declare function withKoine({ nx, svg, sc, page, ...nextConfig }?: NextConfig & KoineNextConfig): NextConfig;
+export default withKoine;