@payloadcms/live-preview - npm Package Compare versions

Comparing version 3.11.0 to 3.11.1-canary.053fca8

dist/handleMessage.d.ts

@@ -0,5 +1,6 @@
+import type { LivePreviewMessageEvent } from './types.js';
 export declare const handleMessage: <T>(args: {
     apiRoute?: string;
     depth?: number;
-    event: MessageEvent;
+    event: LivePreviewMessageEvent<T>;
     initialData: T;
@@ -6,0 +7,0 @@ serverURL: string;

dist/handleMessage.js

 import { isLivePreviewEvent } from './isLivePreviewEvent.js';
 import { mergeData } from './mergeData.js';
-// For performance reasons, `fieldSchemaJSON` will only be sent once on the initial message
-// We need to cache this value so that it can be used across subsequent messages
-// To do this, save `fieldSchemaJSON` when it arrives as a global variable
-// Send this cached value to `mergeData`, instead of `eventData.fieldSchemaJSON` directly
-let payloadLivePreviewFieldSchema = undefined // TODO: type this from `fieldSchemaToJSON` return type
-;
-// Each time the data is merged, cache the result as a `previousData` variable
-// This will ensure changes compound overtop of each other
-let payloadLivePreviewPreviousData = undefined;
+const _payloadLivePreview = {
+    /**
+   * For performance reasons, `fieldSchemaJSON` will only be sent once on the initial message
+   * We need to cache this value so that it can be used across subsequent messages
+   * To do this, save `fieldSchemaJSON` when it arrives as a global variable
+   * Send this cached value to `mergeData`, instead of `eventData.fieldSchemaJSON` directly
+   */ fieldSchema: undefined,
+    /**
+   * Each time the data is merged, cache the result as a `previousData` variable
+   * This will ensure changes compound overtop of each other
+   */ previousData: undefined
+};
 export const handleMessage = async (args)=>{
     const { apiRoute, depth, event, initialData, serverURL } = args;
     if (isLivePreviewEvent(event, serverURL)) {
-        const { data, externallyUpdatedRelationship, fieldSchemaJSON } = event.data;
-        if (!payloadLivePreviewFieldSchema && fieldSchemaJSON) {
-            payloadLivePreviewFieldSchema = fieldSchemaJSON;
+        const { data, externallyUpdatedRelationship, fieldSchemaJSON, locale } = event.data;
+        if (!_payloadLivePreview?.fieldSchema && fieldSchemaJSON) {
+            _payloadLivePreview.fieldSchema = fieldSchemaJSON;
         }
-        if (!payloadLivePreviewFieldSchema) {
+        if (!_payloadLivePreview?.fieldSchema) {
             // eslint-disable-next-line no-console
@@ -28,9 +31,9 @@ console.warn('Payload Live Preview: No `fieldSchemaJSON` was received from the parent window. Unable to merge data.');
             externallyUpdatedRelationship,
-            fieldSchema: payloadLivePreviewFieldSchema,
+            fieldSchema: _payloadLivePreview.fieldSchema,
             incomingData: data,
-            initialData: payloadLivePreviewPreviousData || initialData,
-            locale: event.data.locale,
+            initialData: _payloadLivePreview?.previousData || initialData,
+            locale,
             serverURL
         });
-        payloadLivePreviewPreviousData = mergedData;
+        _payloadLivePreview.previousData = mergedData;
         return mergedData;
@@ -37,0 +40,0 @@ }

dist/index.d.ts

@@ -8,3 +8,4 @@ export { handleMessage } from './handleMessage.js';
 export { traverseRichText } from './traverseRichText.js';
+export type { LivePreviewMessageEvent } from './types.js';
 export { unsubscribe } from './unsubscribe.js';
 //# sourceMappingURL=index.d.ts.map

dist/mergeData.d.ts

@@ -1,3 +0,2 @@
-import type { fieldSchemaToJSON } from 'payload/shared';
-import type { UpdatedDocument } from './types.js';
+import type { DocumentEvent, FieldSchemaJSON } from 'payload';
 export declare const mergeData: <T>(args: {
@@ -11,4 +10,4 @@ apiRoute?: string;
     depth?: number;
-    externallyUpdatedRelationship?: UpdatedDocument;
-    fieldSchema: ReturnType<typeof fieldSchemaToJSON>;
+    externallyUpdatedRelationship?: DocumentEvent;
+    fieldSchema: FieldSchemaJSON;
     incomingData: Partial<T>;
@@ -15,0 +14,0 @@ initialData: T;

dist/traverseFields.d.ts

@@ -0,5 +1,6 @@
+import type { DocumentEvent } from 'payload';
 import type { fieldSchemaToJSON } from 'payload/shared';
-import type { PopulationsByCollection, UpdatedDocument } from './types.js';
+import type { PopulationsByCollection } from './types.js';
 export declare const traverseFields: <T>(args: {
-    externallyUpdatedRelationship?: UpdatedDocument;
+    externallyUpdatedRelationship?: DocumentEvent;
     fieldSchema: ReturnType<typeof fieldSchemaToJSON>;
@@ -6,0 +7,0 @@ incomingData: T;

dist/traverseRichText.d.ts

@@ -1,4 +0,5 @@
-import type { PopulationsByCollection, UpdatedDocument } from './types.js';
+import type { DocumentEvent } from 'payload';
+import type { PopulationsByCollection } from './types.js';
 export declare const traverseRichText: ({ externallyUpdatedRelationship, incomingData, populationsByCollection, result, }: {
-    externallyUpdatedRelationship?: UpdatedDocument;
+    externallyUpdatedRelationship?: DocumentEvent;
     incomingData: any;
@@ -5,0 +6,0 @@ populationsByCollection: PopulationsByCollection;

dist/types.d.ts

@@ -0,1 +1,2 @@
+import type { DocumentEvent, FieldSchemaJSON } from 'payload';
 export type LivePreviewArgs = {};
@@ -10,7 +11,9 @@ export type LivePreview = void;
 };
-export type UpdatedDocument = {
-    entitySlug: string;
-    id?: number | string;
-    updatedAt: string;
-};
+export type LivePreviewMessageEvent<T> = MessageEvent<{
+    data: T;
+    externallyUpdatedRelationship?: DocumentEvent;
+    fieldSchemaJSON: FieldSchemaJSON;
+    locale?: string;
+    type: 'payload-live-preview';
+}>;
 //# sourceMappingURL=types.d.ts.map

dist/types.js

@@ -1,4 +0,3 @@
-// TODO: import this from `payload/admin/components/utilities/DocumentEvents/types.ts`
 export { };
 
 //# sourceMappingURL=types.js.map

package.json

 {
   "name": "@payloadcms/live-preview",
-  "version": "3.11.0",
+  "version": "3.11.1-canary.053fca8",
   "description": "The official live preview JavaScript SDK for Payload",
@@ -35,3 +35,3 @@ "homepage": "https://payloadcms.com",
     "@payloadcms/eslint-config": "3.9.0",
-    "payload": "3.11.0"
+    "payload": "3.11.1-canary.053fca8"
   },
@@ -45,3 +45,3 @@ "publishConfig": {
     "build:types": "tsc --emitDeclarationOnly --outDir dist",
-    "clean": "rimraf {dist,*.tsbuildinfo}",
+    "clean": "rimraf -g {dist,*.tsbuildinfo}",
     "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
@@ -48,0 +48,0 @@ "lint": "eslint .",

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

68209

increased by0.87%

Lines of code

497

increased by1.64%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

No dependency changes