feat: send tagged field info on click (#12)

contentful · Feb 28, 2023 · af0bb86 · af0bb86
1 parent fdf3802
commit af0bb86
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/src/features/tagging/getLivePreviewProps.spec.ts b/src/features/tagging/getLivePreviewProps.spec.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, it, expect, vi } from 'vitest';
+
 import { getLivePreviewProps } from './getLivePreviewProps';
 
 describe('getLivePreviewProps', () => {
@@ -16,6 +17,7 @@ describe('getLivePreviewProps', () => {
       'data-contentful-field-id': fieldId,
       'data-contentful-entry-id': entryId,
       'data-contentful-locale': locale,
+      onClick: vi.spyOn(result, 'onClick'),
     });
   });
 });
diff --git a/src/features/tagging/getLivePreviewProps.ts b/src/features/tagging/getLivePreviewProps.ts
@@ -4,10 +4,26 @@ export type LivePreviewProps = {
   locale: string | null | undefined;
 };
 
+enum TagAttributes {
+  FIELD_ID = 'data-contentful-field-id',
+  ENTRY_ID = 'data-contentful-entry-id',
+  LOCALE = 'data-contentful-locale',
+}
+
 export const getLivePreviewProps = ({ fieldId, entryId, locale }: LivePreviewProps) => {
   return {
-    'data-contentful-field-id': fieldId,
-    'data-contentful-entry-id': entryId,
-    'data-contentful-locale': locale,
+    [TagAttributes.FIELD_ID]: fieldId,
+    [TagAttributes.ENTRY_ID]: entryId,
+    [TagAttributes.LOCALE]: locale,
+    onClick: () =>
+      window.top?.postMessage(
+        {
+          fieldId,
+          entryId,
+          locale,
+        },
+        //todo: check if there is any security risk with this
+        '*'
+      ),
   };
 };