Changes for Release 2404.1.0

- Added default `.graphqlconfig` and graphql schema for code completion - Updated `schema.json` and `interfaces.json` to CoreMedia Content Cloud v12 - 2404.2 (fixing inheritance order of the interfaces) - Fixed fragmented preview - Fixed umlauts in GraphQL queries - Added script "clean" to @coremedia-labs/graphql-layer for code generation - Updated minor versions of dependencies
CoreMedia · Apr 25, 2024 · 2856982 · 2856982
1 parent 8f57b59
commit 2856982
Show file tree

Hide file tree

Showing 19 changed files with 56,663 additions and 50,227 deletions.
diff --git a/.gitignore b/.gitignore
@@ -200,5 +200,4 @@ coverage/
 
 #Environment and Development Variables
 .env
-.graphqlconfig
 .eslintcache
diff --git a/.graphqlconfig.example → .graphqlconfig b/.graphqlconfig.example → .graphqlconfig
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,22 @@
 # Changelog
 
+## v2404.1.0
+
+*Released 25.04.2024*
+
+### Features:
+
+- Added default `.graphqlconfig` and graphql schema for code completion
+
+### Bugfixes and Changes:
+
+- Updated `schema.json` and `interfaces.json` to CoreMedia Content Cloud v12 - 2404.2
+  (fixing inheritance order of the interfaces) 
+- Fixed fragmented preview
+- Fixed umlauts in GraphQL queries, re #210
+- Added script "clean" to @coremedia-labs/graphql-layer for code generation
+- Updated minor versions of dependencies
+
 ## v2404.0.0
 
 *Released 02.04.2024*

diff --git a/apps/spark/package.json b/apps/spark/package.json
@@ -17,26 +17,26 @@
     "build-storybook": "storybook build -o dist/storybook"
   },
   "dependencies": {
-    "@apollo/client": "^3.9.10",
+    "@apollo/client": "^3.10.1",
     "@coremedia-labs/graphql-layer": "workspace:^",
     "@coremedia-labs/preview-integration": "workspace:^",
     "@coremedia-labs/view-dispatcher": "workspace:^",
     "@js-joda/core": "^5.6.2",
-    "@js-joda/timezone": "^2.18.3",
-    "country-flag-icons": "^1.5.10",
+    "@js-joda/timezone": "^2.21.0",
+    "country-flag-icons": "^1.5.11",
     "crypto-hash": "^2.0.1",
     "graphql": "^16.8.1",
-    "i18next": "^23.10.1",
+    "i18next": "^23.11.2",
     "i18next-browser-languagedetector": "^7.2.1",
-    "i18next-http-backend": "^2.5.0",
+    "i18next-http-backend": "^2.5.1",
     "loglevel": "^1.9.1",
     "query-string": "^7.1.3",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-helmet-async": "^1.3.0",
     "react-i18next": "^11.18.6",
     "react-is": "^18.2.0",
-    "react-player": "^2.15.1",
+    "react-player": "^2.16.0",
     "react-responsive": "^9.0.2",
     "react-router-dom": "^5.3.4",
     "react-slick": "^0.30.2",
@@ -45,26 +45,26 @@
     "styled-components": "^5.3.11"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^7.6.17",
-    "@storybook/addon-backgrounds": "^7.6.17",
-    "@storybook/addon-docs": "^7.6.17",
-    "@storybook/addon-essentials": "^7.6.17",
-    "@storybook/addon-links": "^7.6.17",
-    "@storybook/addon-measure": "^7.6.17",
-    "@storybook/addon-outline": "^7.6.17",
+    "@storybook/addon-actions": "^7.6.18",
+    "@storybook/addon-backgrounds": "^7.6.18",
+    "@storybook/addon-docs": "^7.6.18",
+    "@storybook/addon-essentials": "^7.6.18",
+    "@storybook/addon-links": "^7.6.18",
+    "@storybook/addon-measure": "^7.6.18",
+    "@storybook/addon-outline": "^7.6.18",
     "@storybook/client-api": "^7.6.17",
-    "@storybook/client-logger": "^7.6.17",
-    "@storybook/node-logger": "^7.6.17",
-    "@storybook/react": "^7.6.17",
-    "@storybook/react-vite": "^7.6.17",
-    "@types/node": "^20.12.2",
+    "@storybook/client-logger": "^7.6.18",
+    "@storybook/node-logger": "^7.6.18",
+    "@storybook/react": "^7.6.18",
+    "@storybook/react-vite": "^7.6.18",
+    "@types/node": "^20.12.7",
     "@types/react": "^17.0.80",
     "@types/react-dom": "^17.0.25",
     "@types/react-router-dom": "^5.3.3",
     "@types/react-slick": "^0.23.13",
     "@types/styled-components": "^5.1.34",
-    "@typescript-eslint/eslint-plugin": "^7.5.0",
-    "@typescript-eslint/parser": "^7.5.0",
+    "@typescript-eslint/eslint-plugin": "^7.7.1",
+    "@typescript-eslint/parser": "^7.7.1",
     "@vitejs/plugin-react-swc": "^3.6.0",
     "dotenv": "^16.4.5",
     "eslint": "^8.57.0",
@@ -75,8 +75,8 @@
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-storybook": "^0.8.0",
     "prettier": "^3.2.5",
-    "storybook": "^7.6.17",
-    "typedoc": "^0.25.12",
+    "storybook": "^7.6.18",
+    "typedoc": "^0.25.13",
     "typescript": "~5.2.2",
     "vite": "^4.5.3",
     "vitest": "^0.34.6"

diff --git a/apps/spark/src/components/FragmentPreview/FragmentsByType.ts b/apps/spark/src/components/FragmentPreview/FragmentsByType.ts
@@ -9,15 +9,15 @@ export interface Fragment {
 export const fragmentsByType: {
   [key: string]: Fragment | Array<Fragment>;
 } = {
-  CMChannel: {
+  CMChannelImpl: {
     viewName: defaultView,
     title: "Full Page",
   },
-  CMPicture: {
+  CMPictureImpl: {
     viewName: "asPreview",
     title: "Picture Crops",
   },
-  CMVideo: [
+  CMVideoImpl: [
     {
       title: "Hero",
       viewName: "asContainerPreview",
@@ -26,7 +26,7 @@ export const fragmentsByType: {
       },
     },
   ],
-  CMArticle: [
+  CMArticleImpl: [
     {
       title: "Default",
       viewName: "asFullPreview",
@@ -74,7 +74,7 @@ export const fragmentsByType: {
       },
     },
   ],
-  CMTeasable: [
+  CMTeasableImpl: [
     {
       title: "Hero",
       viewName: "asContainerPreview",
@@ -118,13 +118,13 @@ export const fragmentsByType: {
       },
     },
   ],
-  CMPerson: [
+  CMPersonImpl: [
     {
       title: "Default",
       viewName: "asFullPreview",
     },
   ],
-  CMCollection: [
+  CMCollectionImpl: [
     {
       title: "Default",
       viewName: "asContainerPreview",
@@ -172,7 +172,7 @@ export const fragmentsByType: {
       },
     },
   ],
-  CMHTML: {
+  CMHTMLImpl: {
     viewName: "asPreview",
     title: "Default",
   },

diff --git a/apps/standalone-fragment/package.json b/apps/standalone-fragment/package.json
@@ -9,22 +9,22 @@
     "lint:ci": "eslint \"src/**/*.+(ts|tsx)\""
   },
   "dependencies": {
-    "@apollo/client": "^3.9.10",
+    "@apollo/client": "^3.10.1",
     "@coremedia-labs/graphql-layer": "workspace:^",
     "graphql": "^16.8.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.3",
+    "@babel/core": "^7.24.4",
     "@types/react": "^17.0.80",
     "@types/react-dom": "^17.0.25",
-    "@typescript-eslint/eslint-plugin": "^7.5.0",
-    "@typescript-eslint/parser": "^7.5.0",
+    "@typescript-eslint/eslint-plugin": "^7.7.1",
+    "@typescript-eslint/parser": "^7.7.1",
     "babel-loader": "^9.1.3",
     "babel-preset-react-app": "^10.0.1",
     "copy-webpack-plugin": "^12.0.2",
-    "css-loader": "^6.10.0",
+    "css-loader": "^6.11.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",

diff --git a/docs/apps/development.md b/docs/apps/development.md
@@ -88,5 +88,5 @@ Generates TypeDoc documentation and places it into [/docs](../../apps/spark/docs
 ## IDE Support
 
 Using IntelliJ Idea with the JS GraphQL Plugin enables Code Completion for the
-GraphQL Queries. Duplicate and rename the file [.graphqlconfig.example](../../.graphqlconfig.example) 
-to `.graphqlconfig` and configure the corresponding values like `url`.
+GraphQL Queries. The `schema.graphql` is checked into the workspace. To update 
+it to your changes, configure and use the `.graphqlconfig`.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coremedia-labs/headless-client-workspace",
-  "version": "2404.0.0",
+  "version": "2404.1.0",
   "description": "Spark - The React client workspace for the CoreMedia Headless Server",
   "private": true,
   "license": "CoreMedia Open Source License",

diff --git a/packages/graphql-layer/package.json b/packages/graphql-layer/package.json
@@ -4,7 +4,8 @@
   "private": true,
   "license": "CoreMedia Open Source License",
   "scripts": {
-    "build": "pnpm codegen && tsc --build",
+    "clean": "rimraf -g \"src/**/__generated__/\" \"dist/\"",
+    "build": "pnpm clean && pnpm codegen && tsc --build",
     "lint": "eslint --fix \"**/*.ts\"",
     "lint:ci": "eslint \"**/*.ts\"",
     "codegen": "graphql-codegen --config codegen.yml",
@@ -27,7 +28,7 @@
     "./dist/__downloaded__/schema.json": "./dist/__downloaded__/schema.json"
   },
   "dependencies": {
-    "@apollo/client": "^3.9.10",
+    "@apollo/client": "^3.10.1",
     "dotenv": "^16.4.5",
     "graphql": "^16.8.1",
     "graphql-tag": "^2.12.6",
@@ -39,13 +40,14 @@
     "@graphql-codegen/typescript": "^4.0.6",
     "@graphql-codegen/typescript-operations": "^4.2.0",
     "@graphql-codegen/typescript-react-apollo": "^4.3.0",
-    "@types/node": "^20.12.2",
-    "@typescript-eslint/eslint-plugin": "^7.5.0",
-    "@typescript-eslint/parser": "^7.5.0",
+    "@types/node": "^20.12.7",
+    "@typescript-eslint/eslint-plugin": "^7.7.1",
+    "@typescript-eslint/parser": "^7.7.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
     "prettier": "^3.2.5",
+    "rimraf": "^5.0.5",
     "ts-node": "^10.9.2"
   }
 }
diff --git a/packages/graphql-layer/src/__downloaded__/interfaces.json b/packages/graphql-layer/src/__downloaded__/interfaces.json