create-sitecore-jss 22.12.1 → 22.12.3

package/dist/templates/nextjs/eslint.config.mjs

@@ -1,28 +1,20 @@
 /**
  * ESLint flat config for JSS Next.js apps.
- * Replaces legacy .eslintrc so scaffolded apps use ESLint 9 flat config.
+ * Loads eslint-config-next's published flat bundle (no FlatCompat) to avoid circular
+ * plugin graphs when ESLint 9 validates legacy eslintrc through @eslint/eslintrc.
  */
-import { dirname } from 'path';
-import { fileURLToPath } from 'url';
-import { FlatCompat } from '@eslint/eslintrc';
+import { createRequire } from 'module';
 import eslintConfigPrettier from 'eslint-config-prettier';
+import prettierPlugin from 'eslint-plugin-prettier';
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-const compat = new FlatCompat({ baseDirectory: __dirname });
-
-const nextAndPrettierLegacy = compat.extends(
-  'next',
-  'next/core-web-vitals',
-  'plugin:@typescript-eslint/recommended',
-  'prettier',
-  'plugin:yaml/recommended',
-  'plugin:prettier/recommended'
-);
+const require = createRequire(import.meta.url);
+const coreWebVitals = require('eslint-config-next/core-web-vitals');
 
 export default [
-  { ignores: ['.generated/**', '**/*.d.ts', '**/*.js', 'node_modules', '.next', 'out'] },
-  ...nextAndPrettierLegacy,
+  {
+    ignores: ['.generated/**', '**/*.d.ts', '**/*.js', 'node_modules', '.next', 'out'],
+  },
+  ...coreWebVitals,
   {
     files: ['**/*.ts', '**/*.tsx'],
     rules: {
@@ -37,5 +29,11 @@ export default [
       'jsx-quotes': ['error', 'prefer-double'],
     },
   },
+  {
+    plugins: { prettier: prettierPlugin },
+    rules: {
+      'prettier/prettier': 'warn',
+    },
+  },
   eslintConfigPrettier,
 ];

package/dist/templates/nextjs/package.json

@@ -26,7 +26,7 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@sitecore-jss/sitecore-jss-nextjs": "<%- version %>",
-    "next": "^16.1.0",
+    "next": "^16.2.0",
     "next-localization": "^0.12.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
@@ -45,9 +45,8 @@
     "constant-case": "^3.0.4",
     "cross-env": "~10.0.0",
     "dotenv-flow": "^4.1.0",
-    "@eslint/eslintrc": "^3.2.0",
     "eslint": "^9.15.0",
-    "eslint-config-next": "^15.0.0",
+    "eslint-config-next": "^16.2.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.37.5",

package/dist/templates/nextjs/tsconfig.json

@@ -6,7 +6,9 @@
       "lib/*": ["src/lib/*"],
       "temp/*": ["src/temp/*"],
       "assets/*": ["src/assets/*"],
-      "react": ["node_modules/react"]
+      <%_ if (helper.isDev) { _%>
+      "react": ["node_modules/react"],
+      <%_ } _%>
     },
     "target": "es5",
     "types": ["node"],

package/dist/templates/nextjs-styleguide/src/components/graphql/GraphQL-ConnectedDemo.dynamic.tsx

@@ -1,4 +1,4 @@
-import React, { JSX, useEffect } from 'react';
+import { JSX, useEffect } from 'react';
 import {
   Text,
   Link,

package/dist/templates/nextjs-sxa/src/components/Image.tsx

@@ -72,17 +72,17 @@ export const Default = (props: ImageProps): JSX.Element => {
   const { sitecoreContext } = useSitecoreContext();
 
   if (props.fields) {
-    const Image = () => <JssImage field={props.fields.Image} />;
     const id = props.params.RenderingIdentifier;
+    const imageField = props.fields.Image;
 
     return (
       <div className={`component image ${props?.params?.styles}`} id={id ? id : undefined}>
         <div className="component-content">
           {sitecoreContext.pageState === 'edit' || !props.fields.TargetUrl?.value?.href ? (
-            <Image />
+            <JssImage field={imageField} />
           ) : (
             <JssLink field={props.fields.TargetUrl}>
-              <Image />
+              <JssImage field={imageField} />
             </JssLink>
           )}
           <Text

package/dist/templates/nextjs-sxa/src/components/Title.tsx

@@ -64,28 +64,30 @@ export const Default = (props: TitleProps): JSX.Element => {
   const datasource = props.fields?.data?.datasource || props.fields?.data?.contextItem;
   const { sitecoreContext } = useSitecoreContext();
   const text: TextField = datasource?.field?.jsonValue || {};
-  const link: LinkField = {
+  const linkValue: NonNullable<LinkField['value']> = {
     value: {
       href: datasource?.url?.path,
       title: datasource?.field?.jsonValue?.value,
     },
-  };
+  }.value;
+
+  const displayText: TextField =
+    sitecoreContext.pageState !== 'normal' && !text?.value ? { ...text, value: 'Title field' } : text;
+
   if (sitecoreContext.pageState !== 'normal') {
-    link.value.querystring = `sc_site=${datasource?.url?.siteName}`;
-    if (!text?.value) {
-      text.value = 'Title field';
-      link.value.href = '#';
-    }
+    linkValue.querystring = `sc_site=${datasource?.url?.siteName}`;
+    if (!displayText?.value) linkValue.href = '#';
   }
+  const link: LinkField = { value: linkValue };
 
   return (
     <ComponentContent styles={props?.params?.styles} id={props?.params?.RenderingIdentifier}>
       <>
         {sitecoreContext.pageEditing ? (
-          <Text field={text} />
+          <Text field={displayText} />
         ) : (
           <Link field={link}>
-            <Text field={text} />
+            <Text field={displayText} />
           </Link>
         )}
       </>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-sitecore-jss",
-  "version": "22.12.1",
+  "version": "22.12.3",
   "description": "Sitecore JSS initializer",
   "bin": "./dist/index.js",
   "scripts": {
@@ -35,7 +35,7 @@
     "dotenv": "^17.2.1",
     "ejs": "^3.1.10",
     "fs-extra": "^11.3.1",
-    "glob": "^10.4.5",
+    "glob": "^13.0.6",
     "inquirer": "^8.2.4",
     "minimist": "^1.2.8"
   },
@@ -63,5 +63,5 @@
     "ts-node": "^10.9.2",
     "typescript": "~5.9.2"
   },
-  "gitHead": "52e25b8422c4fe896d141e97a2023346135ddfd2"
+  "gitHead": "90ccd80a8796bed90ab5500f27e9c35b90b114be"
 }