feat: add sdk feature detection object in core

contentful · May 24, 2024 · 76801b2 · 76801b2
1 parent 4443695
commit 76801b2
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/core/src/constants.ts b/packages/core/src/constants.ts
@@ -25,6 +25,7 @@ export const OUTGOING_EVENTS = {
   ComponentMoveStarted: 'componentMoveStarted',
   ComponentMoveEnded: 'componentMoveEnded',
   OutsideCanvasClick: 'outsideCanvasClick',
+  SDKFeatures: 'sdkFeatures',
 };
 
 export const INCOMING_EVENTS = {

diff --git a/packages/core/src/definitions/index.ts b/packages/core/src/definitions/index.ts
@@ -1,2 +1,3 @@
 export * from './components';
 export * from './styles';
+export * from './sdkFeatures';
diff --git a/packages/core/src/definitions/sdkFeatures.ts b/packages/core/src/definitions/sdkFeatures.ts
@@ -0,0 +1 @@
+export const features = {};
diff --git a/packages/experience-builder-sdk/src/hooks/useDetectEditorMode.tsx b/packages/experience-builder-sdk/src/hooks/useDetectEditorMode.tsx
@@ -1,6 +1,7 @@
 import { useEffect, useRef, useState } from 'react';
 import {
   doesMismatchMessageSchema,
+  features,
   sendMessage,
   tryParseMessage,
 } from '@contentful/experiences-core';
@@ -42,6 +43,7 @@ export const useDetectEditorMode = ({ isClientSide = false }: UseDetectEditorMod
       if (typeof window !== 'undefined' && !window.__EB__?.isEditorMode) {
         window.addEventListener('message', onMessage);
         sendMessage(OUTGOING_EVENTS.Connected);
+        sendMessage(OUTGOING_EVENTS.SDKFeatures, { features });
 
         setTimeout(() => {
           if (!receivedMessage.current) {