feat: change live control event types

Author: Jinjiang

scopes/compositions/compositions/ui/compositions-panel/compositions-panel.tsx

@@ -87,7 +87,7 @@ export function CompositionsPanel({
   // listen to the mounter for live control updates
   useEffect(() => {
     function onLiveControlsSetup(e: MessageEvent<LiveControlReadyEventData>) {
-      if (!e.data || e.data.type !== 'composition-controls:ready') return () => {};
+      if (!e.data || e.data.type !== 'composition-live-controls:ready') return () => {};
       const { controls, values, timestamp } = JSON.parse(JSON.stringify(e.data.payload));
       const iframeWindow = e.source;
       setMounter(iframeWindow as Window);
@@ -106,7 +106,7 @@ export function CompositionsPanel({
     (key: string, value: any) => {
       if (mounter) {
         const data: LiveControlUpdateEventData = {
-          type: 'composition-controls:update',
+          type: 'composition-live-controls:update',
           payload: {
             key,
             value: JSON.parse(JSON.stringify(value)),

scopes/compositions/compositions/ui/compositions-panel/live-control.type.ts

@@ -1,7 +1,7 @@
 // TODO: put the whole file into a sharable Bit component for custom preview mounters
 
 export type LiveControlUpdateEventData = {
-  type: 'composition-controls:update';
+  type: 'composition-live-controls:update';
   payload: {
     key: string;
     value: any;
@@ -10,7 +10,7 @@ export type LiveControlUpdateEventData = {
 };
 
 export type LiveControlReadyEventData = {
-  type: 'composition-controls:ready';
+  type: 'composition-live-controls:ready';
   payload: {
     controls: Array<Control>;
     values: Record<string, any>;