Merge pull request #38 from CoreMedia/release-2512

Changes for Release 2512.0.0

Author: pitgrap

.github/workflows/ci.yml

@@ -1,30 +1,30 @@
-# This is a basic workflow to help you get started with Actions
-
 name: CI
 
 on:
   push:
-    branches: [ main ]
+    branches:
+      - main
   pull_request:
-    branches: [ main ]
+    branches:
+      - main
 
 jobs:
   build:
     runs-on: ubuntu-latest
 
     steps:
     - name: Checkout repository
-      uses: actions/checkout@v4
+      uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 #v6.0.1
 
     - name: Use pnpm
-      uses: pnpm/action-setup@v3
+      uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 #v4.2.0
       with:
         version: 10
 
     - name: Use Node.js
-      uses: actions/setup-node@v4
+      uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f #v6.1.0
       with:
-        node-version: 22
+        node-version: 24
         cache: 'pnpm'
 
     - name: Install dependencies
@@ -36,7 +36,7 @@ jobs:
         pnpm --filter @coremedia-labs/spark build-storybook
 
     - name: Analyze Code and Style
-      run: pnpm -r lint:ci
+      run: pnpm lint
 
     - name: Test Workspace
       run: pnpm test

CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## v2512.0.0
+
+*Released 14.01.2026*
+
+### Breaking Changes:
+
+- Updated `schema.json` to CoreMedia Content Cloud v13 - 2512.0
+- Updated `node.js` to 24 LTS
+- Updates eslint to v9
+- Added pnpm catalogs to the workspace
+- Removed support for CoreMedia Campaign Service
+
+### Bugfixes and Changes:
+
+- Updated apollo server to v5 (stitching server)
+- Updated express to v5 (stitching server)
+- Updated minor versions of dependencies
+
+---
+
 ## v2506.0.0
 
 *Released 02.07.2025*

Dockerfile

@@ -1,2 +1,2 @@
-FROM node:22-slim
+FROM node:24-slim
 RUN npm install -g pnpm@10

README.md

@@ -1,6 +1,6 @@
 ![CoreMedia Labs Logo](https://documentation.coremedia.com/badges/banner_coremedia_labs_wide.png)
 
-![CoreMedia Content Cloud Version](https://img.shields.io/static/v1?message=2506&label=CoreMedia%20Content%20Cloud&style=for-the-badge&labelColor=666666&color=672779 
+![CoreMedia Content Cloud Version](https://img.shields.io/static/v1?message=main&label=CoreMedia%20Content%20Cloud&style=for-the-badge&labelColor=666666&color=672779 
 "This badge shows the CoreMedia version this project is compatible with. 
 Please read the versioning section of the project to see what other CoreMedia versions are supported and how to find them."
 )
@@ -9,6 +9,8 @@ Please read the versioning section of the project to see what other CoreMedia ve
 If a project is inactive it means that the development has been discontinued and won't support future CoreMedia versions."
 )
 
+![Build](https://github.com/CoreMedia/coremedia-headless-client-react-pwa/actions/workflows/ci.yml/badge.svg?branch=main)
+
 # Spark - The React Example Application
 
 ![Picture of Spark](docs/img/spark.jpg)

apps/spark/.env.example

@@ -19,9 +19,6 @@ VITE_FQDN=https://<headless-stitching-server.example>
 # Enable automatic persistent queries (APQ)
 #VITE_APQ_ENABLED=false
 
-# Enable campaigns in the app
-#VITE_CAMPAIGN_ENABLED=true
-
 # Set loglevel, default is "warn" for prod and "info" for dev.
 #VITE_LOGLEVEL=debug
 

apps/spark/.eslintrc.cjs

@@ -9,7 +9,7 @@ const version = require("../../../package.json").version;
 require('dotenv').config();
 
 const versionFile = {
-  "version": version + ((process.env.VITE_CAMPAIGN_ENABLED === "true") ? " with campaigns" : "")
+  "version": version
 }
 
 fs.mkdir(path.join(__dirname, "../src/__generated__"), { recursive: true}, () => {

apps/spark/bin/set-version.cjs

@@ -0,0 +1,47 @@
+import eslint from '@eslint/js';
+import { defineConfig, globalIgnores } from 'eslint/config';
+import typescriptEslint from 'typescript-eslint';
+import typescriptParser from "@typescript-eslint/parser";
+import importPlugin from "eslint-plugin-import";
+import eslintPluginPrettierRecommended  from "eslint-plugin-prettier/recommended";
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      eslint.configs.recommended,
+      importPlugin.flatConfigs.recommended,
+      typescriptEslint.configs.recommended,
+      importPlugin.flatConfigs.typescript,
+      eslintPluginPrettierRecommended
+    ],
+    languageOptions: {
+      parser: typescriptParser,
+      ecmaVersion: 'latest',
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    settings: {
+      react: {
+        version: "detect",
+      },
+    },
+    rules: {
+      "import/order": ["error"],
+      "import/newline-after-import": ["error"],
+      "no-case-declarations": "off",
+      "no-constant-binary-expression": "off",
+      "no-empty-pattern": "off",
+      "no-unused-vars": ["off", { "argsIgnorePattern": "_" }],
+      "prettier/prettier": ["error", {"trailingComma": "es5"}],
+      "@typescript-eslint/no-explicit-any" : "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off",
+      "@typescript-eslint/no-unused-expressions": "off",
+      "@typescript-eslint/no-unused-vars": ["off", { "argsIgnorePattern": "_" }]
+    },
+  }
+]);

apps/spark/eslint.config.mjs

@@ -10,71 +10,72 @@
     "build": "pnpm set-version && vite build",
     "set-version": "node bin/set-version.cjs",
     "test": "vitest run",
-    "lint": "eslint --fix \"src/**/*.+(ts|tsx)\"",
-    "lint:ci": "eslint \"src/**/*.+(ts|tsx)\"",
+    "lint": "eslint",
     "docs": "typedoc src",
     "download:crops": "node bin/download-crops.cjs",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build -o dist/storybook"
   },
   "dependencies": {
-    "@apollo/client": "^3.13.8",
+    "@apollo/client": "catalog:",
     "@coremedia-labs/graphql-layer": "workspace:^",
     "@coremedia-labs/preview-integration": "workspace:^",
     "@coremedia-labs/view-dispatcher": "workspace:^",
-    "@js-joda/core": "^5.6.5",
-    "@js-joda/timezone": "^2.22.0",
-    "country-flag-icons": "^1.5.19",
-    "crypto-hash": "^2.0.1",
-    "graphql": "^16.11.0",
-    "i18next": "^23.16.8",
-    "i18next-browser-languagedetector": "^7.2.2",
-    "i18next-http-backend": "^2.7.3",
-    "loglevel": "^1.9.2",
-    "query-string": "^7.1.3",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-helmet-async": "^2.0.5",
-    "react-i18next": "^11.18.6",
-    "react-is": "^18.3.1",
-    "react-player": "^2.16.0",
-    "react-responsive": "^9.0.2",
-    "react-router-dom": "^5.3.4",
-    "react-router-hash-link": "^2.4.3",
-    "react-slick": "^0.30.3",
-    "require-from-string": "^2.0.2",
-    "slick-carousel": "^1.8.1",
-    "styled-components": "^5.3.11"
+    "@js-joda/core": "catalog:",
+    "@js-joda/timezone": "catalog:",
+    "country-flag-icons": "catalog:",
+    "crypto-hash": "catalog:",
+    "graphql": "catalog:",
+    "i18next": "catalog:",
+    "i18next-browser-languagedetector": "catalog:",
+    "i18next-http-backend": "catalog:",
+    "loglevel": "catalog:",
+    "query-string": "catalog:",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "react-helmet-async": "catalog:",
+    "react-i18next": "catalog:",
+    "react-is": "catalog:",
+    "react-player": "catalog:",
+    "react-responsive": "catalog:",
+    "react-router-dom": "catalog:",
+    "react-router-hash-link": "catalog:",
+    "react-slick": "catalog:",
+    "require-from-string": "catalog:",
+    "slick-carousel": "catalog:",
+    "styled-components": "catalog:"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.0.1",
-    "@storybook/addon-docs": "^9.0.15",
-    "@storybook/addon-links": "^9.0.15",
-    "@storybook/react-vite": "^9.0.15",
-    "@types/node": "^22.15.34",
-    "@types/react": "^17.0.87",
-    "@types/react-dom": "^17.0.26",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/react-router-hash-link": "^2.4.9",
-    "@types/react-slick": "^0.23.13",
-    "@types/styled-components": "^5.1.34",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "@vitejs/plugin-react-swc": "^3.10.2",
-    "dotenv": "^16.6.1",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-import-resolver-typescript": "^3.10.1",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prettier": "^5.5.1",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "^9.0.15",
-    "prettier": "^3.6.2",
-    "storybook": "^9.0.15",
-    "typedoc": "^0.28.7",
-    "typescript": "~5.2.2",
-    "vite": "^7.0.0",
-    "vitest": "^3.2.4"
+    "@chromatic-com/storybook": "catalog:",
+    "@eslint/js": "catalog:",
+    "@storybook/addon-docs": "catalog:",
+    "@storybook/addon-links": "catalog:",
+    "@storybook/react-vite": "catalog:",
+    "@types/node": "catalog:",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "@types/react-router-dom": "catalog:",
+    "@types/react-router-hash-link": "catalog:",
+    "@types/react-slick": "catalog:",
+    "@types/styled-components": "catalog:",
+    "@typescript-eslint/parser": "catalog:",
+    "@vitejs/plugin-react-swc": "catalog:",
+    "dotenv": "catalog:",
+    "eslint": "catalog:",
+    "eslint-config-prettier": "catalog:",
+    "eslint-import-resolver-typescript": "catalog:",
+    "eslint-plugin-import": "catalog:",
+    "eslint-plugin-prettier": "catalog:",
+    "eslint-plugin-react": "catalog:",
+    "eslint-plugin-react-hooks": "catalog:",
+    "eslint-plugin-storybook": "catalog:",
+    "prettier": "catalog:",
+    "storybook": "catalog:",
+    "typedoc": "catalog:",
+    "typescript": "catalog:",
+    "typescript-eslint": "catalog:",
+    "vite": "catalog:",
+    "vitest": "catalog:"
   },
   "browserslist": {
     "production": [

apps/spark/package.json

@@ -8,7 +8,7 @@ import CartContextProvider from "../../context/CartContext";
 import { getRootSegment, isAPQEnabled, setLogLevel } from "../../utils/App/App";
 import PreviewPage from "../../pages/PreviewPage";
 import { initializeApollo } from "../../utils/App/Apollo";
-import { getPreviewCampaignId, getPreviewDate, isPreview } from "../../utils/Preview/Preview";
+import { getPreviewDate, isPreview } from "../../utils/Preview/Preview";
 import { PreviewContextProvider } from "../../context/PreviewContextProvider";
 import SearchStateContextProvider from "../../context/SearchStateContext";
 import CommercePreviewPage from "../../pages/CommercePreviewPage";
@@ -34,13 +34,12 @@ const App: FC = () => {
   const location = useLocation();
   const rootSegment = getRootSegment(location.pathname) || "corporate";
   const previewDate = getPreviewDate(location.search);
-  const previewCampaignId = getPreviewCampaignId(location.search);
   const urlSearchParams = useMemo(() => new URLSearchParams(location.search), [location.search]);
   const apolloClient = initializeApollo(previewDate, isAPQEnabled());
 
   return (
     <ApolloProvider client={apolloClient}>
-      <PreviewContextProvider previewDate={previewDate} previewCampaignId={previewCampaignId}>
+      <PreviewContextProvider previewDate={previewDate}>
         <ThemeProvider theme={theme}>
           <GlobalStyle />
           <SiteContextProvider rootSegment={rootSegment} currentNavigation={location.pathname}>