@koine/next 1.0.2 → 1.0.5

package/{Theme.js → Theme.cjs.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var es_object_assign = require('./es.object.assign.js');
-var es_string_replace = require('./es.string.replace.js');
+var es_object_assign = require('./es.object.assign.cjs.js');
+var es_string_replace = require('./es.string.replace.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var router = require('next/router');

package/app.js

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./es.object.assign.js');
+require('./es.object.assign.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var Head = require('next/head');
 var styles = require('@mui/material/styles');
 var react = require('@emotion/react');
 var CssBaseline = require('@mui/material/CssBaseline');
 var react$1 = require('@koine/react');
-var emotion = require('./emotion.js');
-var Theme = require('./Theme.js');
+var emotion = require('./emotion.cjs.js');
+var Theme = require('./Theme.cjs.js');
+var React = require('react');
 var router = require('next/router');
-require('./es.string.replace.js');
+var framerMotion = require('framer-motion');
+require('./es.string.replace.cjs.js');
 require('@koine/utils');
 var styledComponents = require('styled-components');
 var react$2 = require('next-auth/react');
@@ -21,9 +22,9 @@ require('next/script');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
 var CssBaseline__default = /*#__PURE__*/_interopDefaultLegacy(CssBaseline);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const AppHead = props => {
   return jsxRuntime.jsx(Head__default["default"], Object.assign({}, props, {
@@ -62,6 +63,11 @@ const AppThemeEmotion = ({
   }));
 };
 
+/**
+ * @see https://www.framer.com/docs/guide-reduce-bundle-size/
+ */
+
+const loadMotionFeatures = () => Promise.resolve().then(function () { return require('./motion-features.cjs.js'); }).then(m => m.default);
 /**
  * App main
  *
@@ -94,12 +100,23 @@ const AppMain = ({
   const {
     pathname
   } = router.useRouter();
-  return jsxRuntime.jsxs(React__default["default"].Fragment, {
-    children: [jsxRuntime.jsx(Theme.SeoDefaults, Object.assign({}, seo)), pre, jsxRuntime.jsx(Theme.NextProgress, {}), jsxRuntime.jsx(Layout, {
-      children: /*#__PURE__*/React.createElement(Component, Object.assign({}, pageProps, {
-        key: pathname
-      }))
-    }), post]
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(Theme.SeoDefaults, Object.assign({}, seo)), pre, jsxRuntime.jsxs(framerMotion.LazyMotion, Object.assign({
+      features: loadMotionFeatures
+    }, {
+      children: [jsxRuntime.jsx(Theme.NextProgress, {}), jsxRuntime.jsx(Layout, {
+        children: jsxRuntime.jsx(framerMotion.AnimatePresence, Object.assign({
+          exitBeforeEnter: true,
+          initial: false
+        }, {
+          children: jsxRuntime.jsx(framerMotion.m.div, Object.assign({}, _transition, {
+            children: /*#__PURE__*/React.createElement(Component, Object.assign({}, pageProps, {
+              key: pathname
+            }))
+          }), pathname)
+        }))
+      })]
+    })), post]
   });
 };
 
@@ -108,7 +125,7 @@ const AppMain = ({
  */
 
 const AppEmotion = props => {
-  return jsxRuntime.jsxs(React__default["default"].Fragment, {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx(AppHead, {}), jsxRuntime.jsx(AppThemeEmotion, Object.assign({}, props, {
       children: jsxRuntime.jsx(AppMain, Object.assign({}, props))
     }))]
@@ -135,7 +152,7 @@ const AppThemeSc = ({
  */
 
 const AppBase = props => {
-  return jsxRuntime.jsxs(React__default["default"].Fragment, {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx(AppHead, {}), jsxRuntime.jsx(AppThemeSc, Object.assign({}, props, {
       children: jsxRuntime.jsx(AppMain, Object.assign({}, props))
     }))]
@@ -187,7 +204,7 @@ const AppMainVanilla = ({
  */
 
 const AppVanilla = props => {
-  return jsxRuntime.jsxs(React__default["default"].Fragment, {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx(AppHead, {}), jsxRuntime.jsx(AppThemeVanilla, Object.assign({}, props, {
       children: jsxRuntime.jsx(AppMainVanilla, Object.assign({}, props))
     }))]
@@ -199,13 +216,15 @@ const AppVanilla = props => {
  */
 
 const AppAuthEmotion = props => {
-  return jsxRuntime.jsxs(react$2.SessionProvider, Object.assign({
-    session: props.pageProps.session
-  }, {
-    children: [jsxRuntime.jsx(AppHead, {}), jsxRuntime.jsx(AppThemeEmotion, Object.assign({}, props, {
-      children: jsxRuntime.jsx(AppMain, Object.assign({}, props))
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(AppHead, {}), jsxRuntime.jsx(react$2.SessionProvider, Object.assign({
+      session: props.pageProps.session
+    }, {
+      children: jsxRuntime.jsx(AppThemeEmotion, Object.assign({}, props, {
+        children: jsxRuntime.jsx(AppMain, Object.assign({}, props))
+      }))
     }))]
-  }));
+  });
 };
 
 /**
@@ -213,13 +232,15 @@ const AppAuthEmotion = props => {
  */
 
 const AppAuthSc = props => {
-  return jsxRuntime.jsxs(react$2.SessionProvider, Object.assign({
-    session: props.pageProps.session
-  }, {
-    children: [jsxRuntime.jsx(AppHead, {}), jsxRuntime.jsx(AppThemeSc, Object.assign({}, props, {
-      children: jsxRuntime.jsx(AppMain, Object.assign({}, props))
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(AppHead, {}), jsxRuntime.jsx(react$2.SessionProvider, Object.assign({
+      session: props.pageProps.session
+    }, {
+      children: jsxRuntime.jsx(AppThemeSc, Object.assign({}, props, {
+        children: jsxRuntime.jsx(AppMain, Object.assign({}, props))
+      }))
     }))]
-  }));
+  });
 };
 
 exports.AppAuthEmotion = AppAuthEmotion;

package/config.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./es.string.replace.js');
-require('./es.string.split.js');
-require('./es.object.assign.js');
-var _tslib = require('./_tslib.js');
+require('./es.string.replace.cjs.js');
+require('./es.string.split.cjs.js');
+require('./es.object.assign.cjs.js');
+var _tslib = require('./_tslib.cjs.js');
 
 /**
  * Normalise pathname

package/document.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./es.object.assign.js');
+require('./es.object.assign.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 var NextDocument = require('next/document');
 var react = require('@koine/react');
-var _tslib = require('./_tslib.js');
+var _tslib = require('./_tslib.cjs.js');
 var createEmotionServer = require('@emotion/server/create-instance');
-var emotion = require('./emotion.js');
+var emotion = require('./emotion.cjs.js');
 var styledComponents = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{es.string.replace.js → es.string.replace.cjs.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var es_object_assign = require('./es.object.assign.js');
+var es_object_assign = require('./es.object.assign.cjs.js');
 
 var objectDefineProperties = {};
 

package/{es.string.split.js → es.string.split.cjs.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var es_string_replace = require('./es.string.replace.js');
-var es_object_assign = require('./es.object.assign.js');
+var es_string_replace = require('./es.string.replace.cjs.js');
+var es_object_assign = require('./es.object.assign.cjs.js');
 
 var isObject = es_object_assign.isObject;
 var classof = es_object_assign.classofRaw;

package/index.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Theme = require('./Theme.js');
-var es_object_assign = require('./es.object.assign.js');
+var Theme = require('./Theme.cjs.js');
+var es_object_assign = require('./es.object.assign.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var router = require('next/router');
 var Script = require('next/script');
 var utils = require('@koine/utils');
-var es_string_replace = require('./es.string.replace.js');
-require('./es.string.split.js');
+var es_string_replace = require('./es.string.replace.cjs.js');
+require('./es.string.split.cjs.js');
 var react$1 = require('next-auth/react');
 var format = require('date-fns/format');
 var useTranslation = require('next-translate/useTranslation');
@@ -19,7 +19,7 @@ var Trans = require('next-translate/Trans');
 var Head = require('next/head');
 var reactHookForm = require('react-hook-form');
 var yup = require('@hookform/resolvers/yup');
-var _tslib = require('./_tslib.js');
+var _tslib = require('./_tslib.cjs.js');
 var reactUse = require('react-use');
 var NextImage = require('next/image');
 var NextLink = require('next/link');

package/motion-features.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var framerMotion = require('framer-motion');
+
+
+
+Object.defineProperty(exports, 'default', {
+	enumerable: true,
+	get: function () { return framerMotion.domMax; }
+});

package/package.json

@@ -7,19 +7,16 @@
     "./config": "./config.js",
     "./document": "./document.js"
   },
-  "version": "1.0.2",
-  "main": "./index.umd.js",
-  "module": "./index.esm.js",
-  "typings": "./index.d.ts",
   "dependencies": {
-    "react": "^17.0.2",
+    "@emotion/styled": "^11.8.1",
+    "react": ">=17.0.2",
     "next": "^12.1.4",
-    "@koine/utils": "1.0.2",
+    "@koine/utils": "1.0.5",
     "next-auth": "^4.3.1",
     "framer-motion": "^6.2.9",
     "@mui/material": "^5.6.0",
     "@emotion/react": "^11.9.0",
-    "@koine/react": "1.0.2",
+    "@koine/react": "1.0.5",
     "styled-components": "^5.3.5",
     "react-hook-form": "^7.29.0",
     "@emotion/server": "^11.4.0",
@@ -27,8 +24,12 @@
     "@hookform/resolvers": "^2.8.8",
     "react-use": "^17.3.2",
     "date-fns": "^2.28.0",
-    "next-translate": "^1.3.5",
+    "next-translate": "^1.4.0",
     "next-seo": "^5.4.0"
   },
+  "version": "1.0.5",
+  "main": "./index.umd.js",
+  "module": "./index.esm.js",
+  "typings": "./index.d.ts",
   "peerDependencies": {}
 }