create-sitecore-jss 22.7.0-canary.1 → 22.7.0-canary.10

package/dist/templates/nextjs-sxa/src/Layout.tsx

@@ -1,7 +1,7 @@
 /**
  * This Layout is needed for Starter Kit.
  */
-import React from 'react';
+import { JSX } from 'react';
 import Head from 'next/head';
 import { Placeholder, LayoutServiceData, Field, HTMLLink } from '@sitecore-jss/sitecore-jss-nextjs';
 import config from 'temp/config';

package/dist/templates/nextjs-sxa/src/assets/sass/components/_component-column-splitter.scss

@@ -3,8 +3,8 @@
 .row.column-splitter {
     margin-left: 0;
     margin-right: 0;
-    padding-left: $default-padding / 2;
-    padding-right: $default-padding / 2;
+    padding-left: $default-padding * 0.5;
+    padding-right: $default-padding * 0.5;
     max-width: none;
 
     > div {

package/dist/templates/nextjs-sxa/src/assets/sass/components/promo/_promo-shadow.scss

@@ -13,11 +13,11 @@
         float: left;
     }
     >.component-content {
+        padding: 15px;
+        margin: 0 0 30px 0;
         @include respond-to(all-mobile) {
             margin: 0 10px 30px 10px;
         }
-        padding: 15px;
-        margin: 0 0 30px 0;
         &:before, &:after {
             opacity: 0.7;
             box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import {
   ComponentParams,
   ComponentRendering,

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

@@ -1,9 +1,9 @@
+import { JSX } from 'react';
 import {
   ComponentParams,
   ComponentRendering,
   Placeholder,
 } from '@sitecore-jss/sitecore-jss-nextjs';
-import React from 'react';
 
 interface ComponentProps {
   rendering: ComponentRendering & { params: ComponentParams };

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

@@ -1,3 +1,4 @@
+import { CSSProperties, JSX } from 'react';
 import {
   EditMode,
   Field,
@@ -8,7 +9,6 @@ import {
   Text,
   useSitecoreContext,
 } from '@sitecore-jss/sitecore-jss-nextjs';
-import React, { CSSProperties } from 'react';
 
 interface Fields {
   Image: ImageField & { metadata?: { [key: string]: unknown } };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import { Link as JssLink, Text, LinkField, TextField } from '@sitecore-jss/sitecore-jss-nextjs';
 
 type ResultsFieldLink = {

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import {
   RichText as JssRichText,
   useSitecoreContext,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import { Placeholder, ComponentRendering } from '@sitecore-jss/sitecore-jss-nextjs';
 
 type DynamicPlaceholderProps = {

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import {
   NextImage as JssImage,
   Link as JssLink,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import { Field, RichText as JssRichText } from '@sitecore-jss/sitecore-jss-nextjs';
 
 interface Fields {

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import {
   ComponentParams,
   ComponentRendering,

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

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import {
   Link,
   LinkField,
@@ -5,7 +6,6 @@ import {
   TextField,
   useSitecoreContext,
 } from '@sitecore-jss/sitecore-jss-nextjs';
-import React from 'react';
 
 interface Fields {
   data: {

package/dist/templates/nextjs-sxa/src/lib/next-config/plugins/sass.js

@@ -11,6 +11,9 @@ const SassAlias = require('sass-alias');
           '@sass': path.join(__dirname, '../../../assets', 'sass'),
           '@fontawesome': path.join(__dirname, '../../../../node_modules', 'font-awesome'),
         }).getImporter(),
+        // temporary measure until new versions of bootstrap and font-awesome released
+        quietDeps: true,    
+        silenceDeprecations: ["import", "legacy-js-api"],
       },
     });
 };

package/dist/templates/nextjs-sxa/src/pages/404.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import config from 'temp/config';
 import {
   GraphQLErrorPagesService,

package/dist/templates/nextjs-sxa/src/pages/500.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import Head from 'next/head';
 import {
   GraphQLErrorPagesService,

package/dist/templates/nextjs-sxa/src/pages/_app.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react'; 
 import type { AppProps } from 'next/app';
 import { I18nProvider } from 'next-localization';
 import { SitecorePageProps } from 'lib/page-props';

package/dist/templates/nextjs-xmcloud/package.json

@@ -1,8 +1,8 @@
 {
   "dependencies": {
     "@sitecore/components": "~2.0.1",
-    "@sitecore-cloudsdk/core": "^0.5.0",
-    "@sitecore-cloudsdk/events": "^0.5.0",
+    "@sitecore-cloudsdk/core": "^0.5.1",
+    "@sitecore-cloudsdk/events": "^0.5.1",
     "@sitecore-feaas/clientside": "^0.5.19"
   }
 }

package/dist/templates/nextjs-xmcloud/scripts/templates/byoc-component-src.ts

@@ -4,7 +4,7 @@
  * @returns component src boilerplate as a string
  */
 function generateComponentSrc(componentName: string): string {
-  return `import React from 'react';
+  return `import { JSX } from 'react';
 import * as FEAAS from '@sitecore-feaas/clientside/react';
 
 interface ${componentName}Props {

package/dist/templates/nextjs-xmcloud/src/Bootstrap.tsx

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useEffect, JSX } from 'react';
 import { SitecorePageProps } from 'lib/page-props';
 import { CloudSDK } from '@sitecore-cloudsdk/core/browser';
 import '@sitecore-cloudsdk/events/browser';

package/dist/templates/nextjs-xmcloud/src/Scripts.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { EditingScripts } from '@sitecore-jss/sitecore-jss-nextjs';
 // The BYOC bundle imports external (BYOC) components into the app and makes sure they are ready to be used
 import BYOC from 'src/byoc';

package/dist/templates/nextjs-xmcloud/src/byoc/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import * as FEAAS from '@sitecore-feaas/clientside/react';
 import * as Events from '@sitecore-cloudsdk/events/browser';
 import '@sitecore/components/context';

package/dist/templates/nextjs-xmcloud/src/components/CdpPageView.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import {
   CdpHelper,
   LayoutServicePageState,

package/dist/templates/nextjs-xmcloud/src/components/FEAASScripts.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import Image from 'next/image';
 import * as FEAAS from '@sitecore-feaas/clientside/react';
 import nextConfig from 'next.config';

package/dist/templates/nextjs-xmcloud/src/pages/[[...path]].tsx

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useEffect, JSX } from 'react';
 <% if (prerender === 'SSG') { -%>
 import { GetStaticPaths, GetStaticProps } from 'next';
 <% } else if (prerender === 'SSR') { -%>

package/dist/templates/nextjs-xmcloud/src/pages/feaas/render.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { GetServerSideProps } from 'next';
 import BYOC from 'src/byoc';
 import * as FEAAS from '@sitecore-feaas/clientside/react';

package/dist/templates/react/package.json

@@ -35,9 +35,9 @@
     "graphql": "~16.8.1",
     "graphql-tag": "~2.12.6",
     "i18next": "^22.0.6",
-    "react": "^18.2.0",
+    "react": "^19.0.0",
     "react-app-polyfill": "^3.0.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "^19.0.0",
     "react-helmet": "~6.1.0",
     "react-i18next": "~12.0.0",
     "react-router-dom": "~6.4.4",
@@ -67,7 +67,7 @@
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-yaml": "^0.5.0",
     "express": "^4.18.2",
     "fs-extra": "^11.1.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-sitecore-jss",
-  "version": "22.7.0-canary.1",
+  "version": "22.7.0-canary.10",
   "description": "Sitecore JSS initializer",
   "bin": "./dist/index.js",
   "scripts": {
@@ -65,5 +65,5 @@
     "ts-node": "^10.9.1",
     "typescript": "~5.6.3"
   },
-  "gitHead": "31b27434eca1cdfcc402ad567b7ecff70670f675"
+  "gitHead": "98bc01faa6487f50b8f39498af7eac98ecc86445"
 }

package/dist/templates/nextjs/.graphql-let.yml

@@ -1,8 +0,0 @@
-schema:
-  - './src/temp/GraphQLIntrospectionResult.json'
-documents: 'src/**/*.graphql'
-plugins:
-  - typescript-operations
-  - typed-document-node
-config:
-    useIndexSignature: true

package/dist/templates/nextjs/scripts/fetch-graphql-introspection-data.ts

@@ -1,46 +0,0 @@
-import { GraphQLRequestClient } from '@sitecore-jss/sitecore-jss-nextjs/graphql';
-import fs from 'fs';
-import { getIntrospectionQuery } from 'graphql';
-
-// This script load graphql introspection data in order to use graphql code generator and generate typescript types
-// The `jss graphql:update` command should be executed when Sitecore templates related to the site are altered.
-
-let jssConfig;
-
-try {
-  // eslint-disable-next-line
-  jssConfig = require('../src/temp/config');
-} catch (e) {
-  console.error(
-    'Unable to require JSS config. Ensure `jss setup` has been run, and the app has been started at least once after setup.'
-  );
-  console.error(e);
-  process.exit(1);
-}
-
-console.log(`Fetch graphql introspection data from ${jssConfig.graphQLEndpoint}...`);
-
-const client = new GraphQLRequestClient(jssConfig.graphQLEndpoint, {
-  apiKey: jssConfig.sitecoreApiKey,
-});
-
-client
-  .request(getIntrospectionQuery())
-  .then(result => {
-    fs.writeFile(
-      './src/temp/GraphQLIntrospectionResult.json',
-      JSON.stringify(result, null, 2),
-      err => {
-        if (err) {
-          console.error('Error writing GraphQLIntrospectionResult file', err);
-          return;
-        }
-
-        console.log('GraphQL Introspection Data successfully fetched!');
-      }
-    );
-  })
-  .catch(e => {
-    console.error(e);
-    process.exit(1);
-  });