@koine/next 2.0.0-beta.124 → 2.0.0-beta.126

package/12/AnalyticsGoogle.cjs.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var router = require('next/router');
+var o = require('next/script');
+var react = require('react');
+var browser = require('@koine/browser');
+
+/** Falls back to `.env` variable `NEXT_PUBLIC_GTM_ID` */let AnalyticsGoogle=({id:s})=>{let l=s||process.env.NEXT_PUBLIC_GTM_ID,{events:m,asPath:c,query:d}=router.useRouter(),[p,f]=react.useState(!1),[w,u]=react.useState(!1);return (// const [url, setUrl] = useState("");
+react.useEffect(()=>{let e=()=>{u(!0);};return m.on("routeChangeComplete",e),()=>{m.off("routeChangeComplete",e);}},[m]),react.useEffect(()=>{w&&p&&c&&// const search = query;
+browser.gtagPageview(c);},[c,d,w,p]),l)?/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[/*#__PURE__*/jsxRuntime.jsx(o,{id:"google-tagmanager",src:`https://www.googletagmanager.com/gtag/js?id=${s}`,strategy:"afterInteractive",onLoad:()=>f(!0)}),/*#__PURE__*/jsxRuntime.jsx(o,{id:"google-analytics",strategy:"afterInteractive",children:`
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){window.dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${s}', { 'send_page_view': false });
+        `})]}):null};
+
+exports.AnalyticsGoogle = AnalyticsGoogle;
+exports.default = AnalyticsGoogle;

package/12/AnalyticsGoogle.esm.js

@@ -0,0 +1,17 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useRouter } from 'next/router';
+import o from 'next/script';
+import { useState, useEffect } from 'react';
+import { gtagPageview } from '@koine/browser';
+
+/** Falls back to `.env` variable `NEXT_PUBLIC_GTM_ID` */let AnalyticsGoogle=({id:s})=>{let l=s||process.env.NEXT_PUBLIC_GTM_ID,{events:m,asPath:c,query:d}=useRouter(),[p,f]=useState(!1),[w,u]=useState(!1);return (// const [url, setUrl] = useState("");
+useEffect(()=>{let e=()=>{u(!0);};return m.on("routeChangeComplete",e),()=>{m.off("routeChangeComplete",e);}},[m]),useEffect(()=>{w&&p&&c&&// const search = query;
+gtagPageview(c);},[c,d,w,p]),l)?/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(o,{id:"google-tagmanager",src:`https://www.googletagmanager.com/gtag/js?id=${s}`,strategy:"afterInteractive",onLoad:()=>f(!0)}),/*#__PURE__*/jsx(o,{id:"google-analytics",strategy:"afterInteractive",children:`
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){window.dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${s}', { 'send_page_view': false });
+        `})]}):null};
+
+export { AnalyticsGoogle, AnalyticsGoogle as default };

package/12/DisableErrorOverlay.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var r = require('next/head');
+
+/**
+ * Disable error overlay during `dev`
+ *
+ * @see https://github.com/vercel/next.js/discussions/13387#discussioncomment-101564
+ */let DisableErrorOverlay=()=>/*#__PURE__*/jsxRuntime.jsx(r,{children:"development"===process.env.NODE_ENV&&/*#__PURE__*/jsxRuntime.jsx("script",{dangerouslySetInnerHTML:{__html:"window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});"}})});
+
+exports.DisableErrorOverlay = DisableErrorOverlay;
+exports.default = DisableErrorOverlay;

package/12/DisableErrorOverlay.esm.js

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

package/12/seoBuildTags.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SeoProps } from "./Seo";
 import type { SeoDefaultsProps } from "./SeoDefaults";
 export type MetaTag = React.DetailedHTMLProps<React.MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>;

package/12.cjs.js

@@ -1,27 +1,9 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var router = require('next/router');
-var o = require('next/script');
-var react = require('react');
-var browser = require('@koine/browser');
-var r = require('next/head');
+var AnalyticsGoogle = require('./12/AnalyticsGoogle.cjs.js');
+var DisableErrorOverlay = require('./12/DisableErrorOverlay.cjs.js');
 
-/** Falls back to `.env` variable `NEXT_PUBLIC_GTM_ID` */let AnalyticsGoogle=({id:s})=>{let l=s||process.env.NEXT_PUBLIC_GTM_ID,{events:m,asPath:c,query:d}=router.useRouter(),[p,f]=react.useState(!1),[w,u]=react.useState(!1);return (// const [url, setUrl] = useState("");
-react.useEffect(()=>{let e=()=>{u(!0);};return m.on("routeChangeComplete",e),()=>{m.off("routeChangeComplete",e);}},[m]),react.useEffect(()=>{w&&p&&c&&// const search = query;
-browser.gtagPageview(c);},[c,d,w,p]),l)?/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[/*#__PURE__*/jsxRuntime.jsx(o,{id:"google-tagmanager",src:`https://www.googletagmanager.com/gtag/js?id=${s}`,strategy:"afterInteractive",onLoad:()=>f(!0)}),/*#__PURE__*/jsxRuntime.jsx(o,{id:"google-analytics",strategy:"afterInteractive",children:`
-          window.dataLayer = window.dataLayer || [];
-          function gtag(){window.dataLayer.push(arguments);}
-          gtag('js', new Date());
 
-          gtag('config', '${s}', { 'send_page_view': false });
-        `})]}):null};
 
-/**
- * Disable error overlay during `dev`
- *
- * @see https://github.com/vercel/next.js/discussions/13387#discussioncomment-101564
- */let DisableErrorOverlay=()=>/*#__PURE__*/jsxRuntime.jsx(r,{children:"development"===process.env.NODE_ENV&&/*#__PURE__*/jsxRuntime.jsx("script",{dangerouslySetInnerHTML:{__html:"window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});"}})});
-
-exports.AnalyticsGoogle = AnalyticsGoogle;
-exports.DisableErrorOverlay = DisableErrorOverlay;
+exports.AnalyticsGoogle = AnalyticsGoogle.AnalyticsGoogle;
+exports.DisableErrorOverlay = DisableErrorOverlay.DisableErrorOverlay;

package/12.esm.js

@@ -1,24 +1,2 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useRouter } from 'next/router';
-import o from 'next/script';
-import { useState, useEffect } from 'react';
-import { gtagPageview } from '@koine/browser';
-import r from 'next/head';
-
-/** Falls back to `.env` variable `NEXT_PUBLIC_GTM_ID` */let AnalyticsGoogle=({id:s})=>{let l=s||process.env.NEXT_PUBLIC_GTM_ID,{events:m,asPath:c,query:d}=useRouter(),[p,f]=useState(!1),[w,u]=useState(!1);return (// const [url, setUrl] = useState("");
-useEffect(()=>{let e=()=>{u(!0);};return m.on("routeChangeComplete",e),()=>{m.off("routeChangeComplete",e);}},[m]),useEffect(()=>{w&&p&&c&&// const search = query;
-gtagPageview(c);},[c,d,w,p]),l)?/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(o,{id:"google-tagmanager",src:`https://www.googletagmanager.com/gtag/js?id=${s}`,strategy:"afterInteractive",onLoad:()=>f(!0)}),/*#__PURE__*/jsx(o,{id:"google-analytics",strategy:"afterInteractive",children:`
-          window.dataLayer = window.dataLayer || [];
-          function gtag(){window.dataLayer.push(arguments);}
-          gtag('js', new Date());
-
-          gtag('config', '${s}', { 'send_page_view': false });
-        `})]}):null};
-
-/**
- * Disable error overlay during `dev`
- *
- * @see https://github.com/vercel/next.js/discussions/13387#discussioncomment-101564
- */let DisableErrorOverlay=()=>/*#__PURE__*/jsx(r,{children:"development"===process.env.NODE_ENV&&/*#__PURE__*/jsx("script",{dangerouslySetInnerHTML:{__html:"window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});"}})});
-
-export { AnalyticsGoogle, DisableErrorOverlay };
+export { AnalyticsGoogle } from './12/AnalyticsGoogle.esm.js';
+export { DisableErrorOverlay } from './12/DisableErrorOverlay.esm.js';

package/ThemeContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ThemeContextProps = {
     themes: string[];
     forcedTheme?: string;

package/ThemeProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type ValueObject = {
     [themeName: string]: string;
 };

package/config.cjs.js

@@ -6,22 +6,33 @@ var next = require('@koine/i18n/next');
 /**
  * @legacy
  *//**
+   * A list of the packages to modularize, if a `scope` is given that will be
+   * automatically prepended before a slash e.g. `{scope}/@{lib}`.
+   * @example ["components", "utils"]
+   *//**
+   * The scope of the packages to modularize, if given a slash is automatically
+   * appended between the scope and the lib name
+   * @example "@"
+   *//**
+   * Shortcut option to automatically create swc transforms to feed into
+   * _Next.js_' `modularizeImports`
+   *//**
  * 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
- */let withKoine=(i={})=>{let{nx:n,svg:s,i18nRoutes:p,i18nCompiler:l,...a}=i,m={eslint:{ignoreDuringBuilds:!0},// we have this strict check on each commit
+ */let withKoine=(s={})=>{let{nx:n,svg:p,i18nRoutes:l,i18nCompiler:a,modularize:u,...m}=s,c={eslint:{ignoreDuringBuilds:!0},// we have this strict check on each commit
 typescript:{ignoreBuildErrors:!0},// we have this strict check on each commit
 poweredByHeader:!1,experimental:{// @see https://github.com/vercel/vercel/discussions/5973#discussioncomment-472618
 // @see critters error https://github.com/vercel/next.js/issues/20742
 // optimizeCss: true,
 // @see https://github.com/vercel/next.js/discussions/30174#discussion-3643870
-scrollRestoration:!0,...a.experimental||{}},// @see https://www.zhoulujun.net/nextjs/advanced-features/compiler.html#modularize-imports
-modularizeImports:{...a.modularizeImports||{},...swc.swcTransformsKoine},...a};return (s&&(n?// @see https://github.com/gregberge/svgr
-m.nx={svgr:!0}:(// if falsy just remove the key
-delete m.nx,m.webpack=(e,r)=>// ...[_config, options]: Parameters<NonNullable<NextConfig['webpack']>>
+scrollRestoration:!0,...m.experimental||{}},// @see https://www.zhoulujun.net/nextjs/advanced-features/compiler.html#modularize-imports
+modularizeImports:{...u?Array.isArray(u)?u.reduce((r,o)=>({...r,...swc.swcCreateTransforms(o.libs,o.scope)}),{}):swc.swcCreateTransforms(u.libs,u.scope):{},...m.modularizeImports||{},...swc.swcTransformsKoine},...m};return (p&&(n?// @see https://github.com/gregberge/svgr
+c.nx={svgr:!0}:(// if falsy just remove the key
+delete c.nx,c.webpack=(e,r)=>// ...[_config, options]: Parameters<NonNullable<NextConfig['webpack']>>
 {let o="function"==typeof m.webpack?m.webpack(e,r):e;return(// @see https://dev.to/dolearning/importing-svgs-to-next-js-nna#svgr
-o.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),o)})),p)?next.withI18nLegacy({...m,i18nRoutes:p}):l?n?next.withI18nAsync({...m,i18nCompiler:l}):next.withI18n({...m,i18nCompiler:l}):m};
+o.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),o)})),l)?next.withI18nLegacy({...c,i18nRoutes:l}):a?n?next.withI18nAsync({...c,i18nCompiler:a}):next.withI18n({...c,i18nCompiler:a}):c};
 
 exports.withKoine = withKoine;

package/config.d.ts

@@ -1,8 +1,14 @@
 import type { NextConfig } from "next";
 import { type WithI18nAsyncOptions, type WithI18nLegacyOptions } from "@koine/i18n/next";
 export type Routes = NonNullable<WithI18nLegacyOptions["i18nRoutes"]>["routes"];
+type ModularizeShortcut = {
+    libs: string[];
+    scope?: string;
+};
 export type WithKoineOptions = NextConfig & {
     nx?: boolean;
     svg?: boolean;
+    modularize?: ModularizeShortcut[] | ModularizeShortcut;
 } & WithI18nLegacyOptions & WithI18nAsyncOptions;
 export declare let withKoine: (options?: WithKoineOptions) => NextConfig;
+export {};

package/config.esm.js

@@ -1,25 +1,36 @@
-import { swcTransformsKoine } from '@koine/node/swc';
+import { swcCreateTransforms, swcTransformsKoine } from '@koine/node/swc';
 import { withI18nLegacy, withI18nAsync, withI18n } from '@koine/i18n/next';
 
 /**
  * @legacy
  *//**
+   * A list of the packages to modularize, if a `scope` is given that will be
+   * automatically prepended before a slash e.g. `{scope}/@{lib}`.
+   * @example ["components", "utils"]
+   *//**
+   * The scope of the packages to modularize, if given a slash is automatically
+   * appended between the scope and the lib name
+   * @example "@"
+   *//**
+   * Shortcut option to automatically create swc transforms to feed into
+   * _Next.js_' `modularizeImports`
+   *//**
  * 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
- */let withKoine=(i={})=>{let{nx:n,svg:s,i18nRoutes:p,i18nCompiler:l,...a}=i,m={eslint:{ignoreDuringBuilds:!0},// we have this strict check on each commit
+ */let withKoine=(s={})=>{let{nx:n,svg:p,i18nRoutes:l,i18nCompiler:a,modularize:u,...m}=s,c={eslint:{ignoreDuringBuilds:!0},// we have this strict check on each commit
 typescript:{ignoreBuildErrors:!0},// we have this strict check on each commit
 poweredByHeader:!1,experimental:{// @see https://github.com/vercel/vercel/discussions/5973#discussioncomment-472618
 // @see critters error https://github.com/vercel/next.js/issues/20742
 // optimizeCss: true,
 // @see https://github.com/vercel/next.js/discussions/30174#discussion-3643870
-scrollRestoration:!0,...a.experimental||{}},// @see https://www.zhoulujun.net/nextjs/advanced-features/compiler.html#modularize-imports
-modularizeImports:{...a.modularizeImports||{},...swcTransformsKoine},...a};return (s&&(n?// @see https://github.com/gregberge/svgr
-m.nx={svgr:!0}:(// if falsy just remove the key
-delete m.nx,m.webpack=(e,r)=>// ...[_config, options]: Parameters<NonNullable<NextConfig['webpack']>>
+scrollRestoration:!0,...m.experimental||{}},// @see https://www.zhoulujun.net/nextjs/advanced-features/compiler.html#modularize-imports
+modularizeImports:{...u?Array.isArray(u)?u.reduce((r,o)=>({...r,...swcCreateTransforms(o.libs,o.scope)}),{}):swcCreateTransforms(u.libs,u.scope):{},...m.modularizeImports||{},...swcTransformsKoine},...m};return (p&&(n?// @see https://github.com/gregberge/svgr
+c.nx={svgr:!0}:(// if falsy just remove the key
+delete c.nx,c.webpack=(e,r)=>// ...[_config, options]: Parameters<NonNullable<NextConfig['webpack']>>
 {let o="function"==typeof m.webpack?m.webpack(e,r):e;return(// @see https://dev.to/dolearning/importing-svgs-to-next-js-nna#svgr
-o.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),o)})),p)?withI18nLegacy({...m,i18nRoutes:p}):l?n?withI18nAsync({...m,i18nCompiler:l}):withI18n({...m,i18nCompiler:l}):m};
+o.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),o)})),l)?withI18nLegacy({...c,i18nRoutes:l}):a?n?withI18nAsync({...c,i18nCompiler:a}):withI18n({...c,i18nCompiler:a}):c};
 
 export { withKoine };

package/index.cjs.js

@@ -4,10 +4,6 @@ var load = require('./load.cjs.js');
 var ThemeContext = require('./ThemeContext.cjs.js');
 var ThemeProvider = require('./ThemeProvider.cjs.js');
 var useTheme = require('./useTheme.cjs.js');
-require('react');
-require('react/jsx-runtime');
-require('next/script');
-require('@koine/utils');
 
 
 

package/index.esm.js

@@ -2,7 +2,3 @@ export { load } from './load.esm.js';
 export { ThemeContext } from './ThemeContext.esm.js';
 export { ThemeProvider } from './ThemeProvider.esm.js';
 export { useTheme } from './useTheme.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'next/script';
-import '@koine/utils';

package/package.json

@@ -2,9 +2,9 @@
   "name": "@koine/next",
   "sideEffects": false,
   "dependencies": {
-    "@koine/browser": "2.0.0-beta.124",
-    "@koine/utils": "2.0.0-beta.124",
-    "@koine/i18n": "2.0.0-beta.124"
+    "@koine/browser": "2.0.0-beta.126",
+    "@koine/utils": "2.0.0-beta.126",
+    "@koine/i18n": "2.0.0-beta.126"
   },
   "peerDependencies": {
     "next": "^14.0.4",
@@ -20,41 +20,49 @@
     "./package.json": "./package.json",
     ".": {
       "module": "./index.esm.js",
+      "types": "./index.esm.d.ts",
       "import": "./index.cjs.mjs",
       "default": "./index.cjs.js"
     },
     "./12": {
       "module": "./12.esm.js",
+      "types": "./12.esm.d.ts",
       "import": "./12.cjs.mjs",
       "default": "./12.cjs.js"
     },
     "./config": {
       "module": "./config.esm.js",
+      "types": "./config.esm.d.ts",
       "import": "./config.cjs.mjs",
       "default": "./config.cjs.js"
     },
     "./load": {
       "module": "./load.esm.js",
+      "types": "./load.esm.d.ts",
       "import": "./load.cjs.mjs",
       "default": "./load.cjs.js"
     },
     "./ThemeContext": {
       "module": "./ThemeContext.esm.js",
+      "types": "./ThemeContext.esm.d.ts",
       "import": "./ThemeContext.cjs.mjs",
       "default": "./ThemeContext.cjs.js"
     },
     "./ThemeProvider": {
       "module": "./ThemeProvider.esm.js",
+      "types": "./ThemeProvider.esm.d.ts",
       "import": "./ThemeProvider.cjs.mjs",
       "default": "./ThemeProvider.cjs.js"
     },
     "./useTheme": {
       "module": "./useTheme.esm.js",
+      "types": "./useTheme.esm.d.ts",
       "import": "./useTheme.cjs.mjs",
       "default": "./useTheme.cjs.js"
     }
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",
-  "version": "2.0.0-beta.124"
+  "types": "./index.esm.d.ts",
+  "version": "2.0.0-beta.126"
 }