@prezly/theme-kit-nextjs 2.0.0-4 → 2.0.1-0

package/README.md

@@ -51,12 +51,17 @@ If you don't have these credentials, you can use one of our [testing newsrooms c
 In a base setup, you don't have to make any changes to your config.
 Depending on your use-case, you might need to make some additions to your base config.
 
+#### ⚠️ IMPORTANT: Theme Kit v2 is ESM-only package!
+
+You should be totally fine if you don't need to import anything from `@prezly/theme-kit-nextjs` in your `next.config.js`, which is a CommonJS file by default.
+In order to import from `@prezly/theme-kit-nextjs`, you will need either to set `type` property to `module` in your `package.json`, or rename `next.config.js` to `next.config.mjs`, so that it's treated as ES Module.
+
 #### Using next/image to display images served from Prezly
 
 We provide `@prezly/uploadcare-image` package to conveniently display images inside Prezly content, and this is the recommended way to display images in your theme.
 However, if you need to use the default `next/image` component, you will need to add our CDN url to image domains settings:
 ```js
-module.exports = {
+export default {
     /* ...your next config... */
     images: {
         domains: ['cdn.uc.assets.prezly.com'],
@@ -69,9 +74,9 @@ module.exports = {
 If you want to support multi-language in your theme, you'll need to make additional changes to the file:
 
 ```js
-const { localeConfig } = require('@prezly/theme-kit-nextjs/localeConfig');
+import { localeConfig } from '@prezly/theme-kit-nextjs/localeConfig';
 
-module.exports = {
+export default {
     /* ...your next config... */
 
     i18n: localeConfig,

package/build/components-nextjs/PageSeo/PageSeo.js

@@ -1,6 +1,6 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { NextSeo } from 'next-seo';
-import { useRouter } from 'next/router';
+import { useRouter } from "next/router.js";
 import { useMemo } from 'react';
 import { getUsedLanguages, LocaleObject } from "../../intl/index.js";
 import { useCompanyInformation, useCurrentLocale, useCurrentStory, useGetLinkLocaleSlug, useGetTranslationUrl, useLanguages, useNewsroom } from "../../newsroom-context/index.js";

package/build/components-nextjs/document.js

@@ -1,4 +1,4 @@
-import Document, { Head, Html, Main, NextScript } from 'next/document';
+import Document, { Head, Html, Main, NextScript } from "next/document.js";
 import { DEFAULT_LOCALE, getLocaleDirection, LocaleObject } from "../intl/index.js";
 export class PrezlyThemeDocument extends Document {
   getLocaleCode() {

package/build/newsroom-context/hooks/useGetTranslationUrl.js

@@ -1,5 +1,5 @@
 import { Story } from '@prezly/sdk';
-import { useRouter } from 'next/router';
+import { useRouter } from "next/router.js";
 import { useCallback } from 'react';
 import { getCategoryHasTranslation, getCategoryUrl } from "../../utils/index.js";
 import { useCurrentCategory } from "./useCurrentCategory.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prezly/theme-kit-nextjs",
-  "version": "2.0.0-4",
+  "version": "2.0.1-0",
   "description": "Data layer and utility library for developing Prezly themes with NextJS",
   "type": "module",
   "main": "build/index.js",
@@ -77,7 +77,7 @@
     "@types/react": "18.0.25",
     "@types/react-dom": "18.0.9",
     "babel-plugin-add-import-extension": "1.6.0",
-    "eslint": "8.27.0",
+    "eslint": "8.28.0",
     "jest": "29.3.1",
     "np": "7.6.2",
     "prettier": "2.7.1",