@notionhq/custom-blocks 0.1.39 → 0.1.40

package/dist/bridge/SandboxBridge.js

@@ -23,44 +23,34 @@ const RESPONSE_TYPE_BY_REQUEST = new Map([
 ]);
 const INIT_RESULT_TIMER_FALLBACK_MS = 100;
 export class SandboxBridge {
-    constructor() {
-        this.hostState = {
-            status: "uninitialized",
-            theme: "light",
-            contrastMode: DEFAULT_CONTRAST_MODE,
-        };
-        this.listeners = new Set();
-        this.messageLog = [];
-        this.messageLogListeners = new Set();
-        this.nextRequestId = 1;
-        this.pendingCreatePage = new PendingRequests("custom-block-create-page");
-        this.pendingGetPage = new PendingRequests("custom-block-get-page");
-        this.pendingGetUser = new PendingRequests("custom-block-get-user");
-        this.pendingListUsers = new PendingRequests("custom-block-list-users");
-        this.pendingUpdatePage = new PendingRequests("custom-block-update-page");
-        this.hasSentConnect = false;
-        this.hasReceivedInit = false;
-        this.hasSentInitResult = false;
-        this.pendingOutboundMessages = [];
-        this.latestDataSourceBindings = {};
-        this.isMockState = false;
-        this.isListening = false;
-        this.initMessage = new Promise((resolve, reject) => {
-            this.resolveInit = resolve;
-            this.rejectInit = reject;
-        });
-        this.notify = () => {
-            for (const listener of this.listeners) {
-                listener();
-            }
-        };
-        this.handleMessage = (event) => {
-            if (event.source !== window.parent) {
-                return;
-            }
-            this.receiveMessage(event.data);
-        };
-    }
+    hostState = {
+        status: "uninitialized",
+        theme: "light",
+        contrastMode: DEFAULT_CONTRAST_MODE,
+    };
+    listeners = new Set();
+    messageLog = [];
+    messageLogListeners = new Set();
+    nextRequestId = 1;
+    pendingCreatePage = new PendingRequests("custom-block-create-page");
+    pendingGetPage = new PendingRequests("custom-block-get-page");
+    pendingGetUser = new PendingRequests("custom-block-get-user");
+    pendingListUsers = new PendingRequests("custom-block-list-users");
+    pendingUpdatePage = new PendingRequests("custom-block-update-page");
+    hasSentConnect = false;
+    hasReceivedInit = false;
+    initializationId;
+    hasSentInitResult = false;
+    pendingOutboundMessages = [];
+    latestDataSourceBindings = {};
+    isMockState = false;
+    isListening = false;
+    resolveInit;
+    rejectInit;
+    initMessage = new Promise((resolve, reject) => {
+        this.resolveInit = resolve;
+        this.rejectInit = reject;
+    });
     startListening() {
         if (this.isListening || typeof window === "undefined") {
             return;
@@ -68,6 +58,7 @@ export class SandboxBridge {
         this.isListening = true;
         window.addEventListener("message", this.handleMessage);
     }
+    static MAX_LOG_ENTRIES = 100;
     logMessage(direction, data) {
         if (this.messageLog.length >= SandboxBridge.MAX_LOG_ENTRIES) {
             this.messageLog.shift();
@@ -188,6 +179,17 @@ export class SandboxBridge {
             ? message.type
             : undefined;
     }
+    notify = () => {
+        for (const listener of this.listeners) {
+            listener();
+        }
+    };
+    handleMessage = (event) => {
+        if (event.source !== window.parent) {
+            return;
+        }
+        this.receiveMessage(event.data);
+    };
     receiveMessage(data) {
         this.logMessage("received", data);
         const parsed = v.safeParse(hostToSandboxMessageSchema, data);
@@ -846,7 +848,6 @@ export class SandboxBridge {
         }
     }
 }
-SandboxBridge.MAX_LOG_ENTRIES = 100;
 function getInitialContentHeight() {
     if (typeof document === "undefined") {
         return 0;

package/dist/bridge/dataSources/query.js

@@ -85,13 +85,13 @@ function resolveDataSourceQueryOptions(options) {
     return {
         status: "ok",
         options: {
-            limit: Object.prototype.hasOwnProperty.call(optionsObject, "limit")
+            limit: Object.hasOwn(optionsObject, "limit")
                 ? optionsObject.limit
                 : undefined,
-            filter: Object.prototype.hasOwnProperty.call(optionsObject, "filter")
+            filter: Object.hasOwn(optionsObject, "filter")
                 ? optionsObject.filter
                 : undefined,
-            sorts: Object.prototype.hasOwnProperty.call(optionsObject, "sorts")
+            sorts: Object.hasOwn(optionsObject, "sorts")
                 ? optionsObject.sorts
                 : undefined,
         },
@@ -138,7 +138,7 @@ function resolveFilter(filter, dataSource) {
         };
     }
     const filterObject = filter;
-    if (Object.prototype.hasOwnProperty.call(filterObject, "and")) {
+    if (Object.hasOwn(filterObject, "and")) {
         if (Object.keys(filterObject).length !== 1 ||
             !Array.isArray(filterObject.and)) {
             return {
@@ -226,7 +226,7 @@ function resolveSort(sort, dataSource) {
         };
     }
     const direction = sortObject.direction;
-    if (!Object.prototype.hasOwnProperty.call(sortObject, "direction") ||
+    if (!Object.hasOwn(sortObject, "direction") ||
         (direction !== "ascending" && direction !== "descending")) {
         return {
             status: "error",
@@ -401,8 +401,8 @@ function resolveDatePropertyFilter(propertyId, value) {
     };
 }
 function resolvePropertyAddress(value, dataSource) {
-    const hasKey = Object.prototype.hasOwnProperty.call(value, "key");
-    const hasPropertyId = Object.prototype.hasOwnProperty.call(value, "propertyId");
+    const hasKey = Object.hasOwn(value, "key");
+    const hasPropertyId = Object.hasOwn(value, "propertyId");
     if (hasKey === hasPropertyId) {
         return {
             status: "error",
@@ -417,7 +417,7 @@ function resolvePropertyAddress(value, dataSource) {
                 error: "Data source query property key must be a string.",
             };
         }
-        if (!Object.prototype.hasOwnProperty.call(dataSource.propertyIdsByKey, value.key)) {
+        if (!Object.hasOwn(dataSource.propertyIdsByKey, value.key)) {
             return {
                 status: "error",
                 error: `Unknown property key "${value.key}" for data source "${dataSource.key}".`,
@@ -441,7 +441,7 @@ function resolvePropertyAddress(value, dataSource) {
         }
         propertyId = value.propertyId;
     }
-    if (!Object.prototype.hasOwnProperty.call(dataSource.propertySchemasById, propertyId)) {
+    if (!Object.hasOwn(dataSource.propertySchemasById, propertyId)) {
         return {
             status: "error",
             error: `Unknown property ID "${propertyId}" for data source "${dataSource.key}".`,

package/dist/bridge/pendingRequests.js

@@ -4,10 +4,11 @@
  * and calls it, then removes the entry so the same `requestId` cannot be resolved twice.
  */
 export class PendingRequests {
+    prefix;
+    nextId = 1;
+    entries = new Map();
     constructor(prefix) {
         this.prefix = prefix;
-        this.nextId = 1;
-        this.entries = new Map();
     }
     allocate(resolver) {
         const requestId = `${this.prefix}-${this.nextId}`;

package/dist/init.js

@@ -18,7 +18,7 @@ export class NotInIframeError extends CustomBlockInitializationError {
         this.name = "NotInIframeError";
     }
 }
-const DEFAULT_INIT_TIMEOUT_MS = 15000;
+const DEFAULT_INIT_TIMEOUT_MS = 15_000;
 const NOT_IN_IFRAME_MESSAGE = "<NotionCustomBlock> only works inside an iframe — use the dev shell or deploy to Notion.";
 let initPromise;
 /**

package/dist/protocol/messages/init.js

@@ -22,6 +22,8 @@ export class CustomBlockInitializationError extends Error {
         this.code = error.code;
         this.isRetryable = error.isRetryable;
     }
+    code;
+    isRetryable;
 }
 /**
  * Initialization message sent by the host to the sandbox exactly once, in response to the

package/dist/react/useCustomBlockInit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCustomBlockInit.d.ts","sourceRoot":"","sources":["../../src/react/useCustomBlockInit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,mDAAmD,CAAA;AAEvG,OAAO,EACN,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAE3B,MAAM,YAAY,CAAA;AAEnB;;;;;;;;;GASG;AACH,MAAM,MAAM,wBAAwB,GACjC;IAAE,QAAQ,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GACrC;IAAE,QAAQ,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,8BAA8B,CAAA;CAAE,GAC1D;IAAE,QAAQ,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,sBAAsB,CAAA;CAAE,CAAA;AAExE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CACjC,IAAI,CAAC,EAAE,sBAAsB,GAC3B,wBAAwB,CA2B1B"}
+{"version":3,"file":"useCustomBlockInit.d.ts","sourceRoot":"","sources":["../../src/react/useCustomBlockInit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,mDAAmD,CAAA;AAEvG,OAAO,EACN,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAE3B,MAAM,YAAY,CAAA;AAEnB;;;;;;;;;GASG;AACH,MAAM,MAAM,wBAAwB,GACjC;IAAE,QAAQ,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GACrC;IAAE,QAAQ,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,8BAA8B,CAAA;CAAE,GAC1D;IAAE,QAAQ,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,sBAAsB,CAAA;CAAE,CAAA;AAExE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CACjC,IAAI,CAAC,EAAE,sBAAsB,GAC3B,wBAAwB,CAyB1B"}

package/dist/react/useCustomBlockInit.js

@@ -22,6 +22,7 @@ export function useCustomBlockInit(opts) {
         isLoaded: false,
         error: undefined,
     });
+    // biome-ignore lint/correctness/useExhaustiveDependencies(opts): Initialization caches its first options and promise. Later options are ignored, so changes should not resubscribe to the same promise.
     useEffect(() => {
         let cancelled = false;
         initCustomBlock(opts).then(initial => {
@@ -36,9 +37,6 @@ export function useCustomBlockInit(opts) {
         return () => {
             cancelled = true;
         };
-        // `initCustomBlock` caches its result, so options after the first call
-        // are ignored — re-running on opts changes would be misleading.
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return state;
 }

package/dist/react/useDataSource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDataSource.d.ts","sourceRoot":"","sources":["../../src/react/useDataSource.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAG5E;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAC5B,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,oBAAoB,GAC5B,mBAAmB,CAuCrB"}
+{"version":3,"file":"useDataSource.d.ts","sourceRoot":"","sources":["../../src/react/useDataSource.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAG5E;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAC5B,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,oBAAoB,GAC5B,mBAAmB,CA0CrB"}

package/dist/react/useDataSource.js

@@ -20,6 +20,9 @@ export function useDataSource(key, options) {
         ? host.dataSources.find(dataSource => dataSource.key === key)
         : undefined;
     const isInitialized = host.status === "initialized";
+    // biome-ignore lint/correctness/useExhaustiveDependencies(options): Compare options by value through optionsIdentity. Object identity alone must not trigger queries.
+    // biome-ignore lint/correctness/useExhaustiveDependencies(optionsIdentity): Changes to the serialized options must trigger a query even though the callback reads options.
+    // biome-ignore lint/correctness/useExhaustiveDependencies(matchingDataSource): Requery when the matching data source changes, even when the key and options are unchanged.
     useEffect(() => {
         if (!isInitialized) {
             return;

package/dist/version.js

@@ -4,4 +4,4 @@
  *
  * WARNING: Generated during SDK publish. Do not edit in the published package.
  */
-export const CUSTOM_BLOCKS_SDK_VERSION = "0.1.39"
+export const CUSTOM_BLOCKS_SDK_VERSION = "0.1.40"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@notionhq/custom-blocks",
-	"version": "0.1.39",
+	"version": "0.1.40",
 	"license": "MIT",
 	"type": "module",
 	"publishConfig": {

package/src/bridge/SandboxBridge.ts

@@ -16,7 +16,7 @@ import type { CustomBlockCreatePageErrorInfo } from "@notionhq/custom-blocks-pro
 import type { GetUserMessage } from "@notionhq/custom-blocks-protocol/messages/getUser.js"
 import {
 	hostToSandboxMessageSchema,
-	PrimeableHostToSandboxMessage,
+	type PrimeableHostToSandboxMessage,
 } from "@notionhq/custom-blocks-protocol/messages/hostToSandbox.js"
 import {
 	CustomBlockInitializationError,

package/src/bridge/dataSources/query.ts

@@ -147,13 +147,13 @@ function resolveDataSourceQueryOptions(
 	return {
 		status: "ok",
 		options: {
-			limit: Object.prototype.hasOwnProperty.call(optionsObject, "limit")
+			limit: Object.hasOwn(optionsObject, "limit")
 				? optionsObject.limit
 				: undefined,
-			filter: Object.prototype.hasOwnProperty.call(optionsObject, "filter")
+			filter: Object.hasOwn(optionsObject, "filter")
 				? optionsObject.filter
 				: undefined,
-			sorts: Object.prototype.hasOwnProperty.call(optionsObject, "sorts")
+			sorts: Object.hasOwn(optionsObject, "sorts")
 				? optionsObject.sorts
 				: undefined,
 		},
@@ -217,7 +217,7 @@ function resolveFilter(
 		}
 	}
 	const filterObject = filter as Record<string, unknown>
-	if (Object.prototype.hasOwnProperty.call(filterObject, "and")) {
+	if (Object.hasOwn(filterObject, "and")) {
 		if (
 			Object.keys(filterObject).length !== 1 ||
 			!Array.isArray(filterObject.and)
@@ -325,7 +325,7 @@ function resolveSort(
 	}
 	const direction = sortObject.direction
 	if (
-		!Object.prototype.hasOwnProperty.call(sortObject, "direction") ||
+		!Object.hasOwn(sortObject, "direction") ||
 		(direction !== "ascending" && direction !== "descending")
 	) {
 		return {
@@ -557,11 +557,8 @@ function resolvePropertyAddress(
 ):
 	| { status: "ok"; propertyId: string; propertyType: string }
 	| { status: "error"; error: string } {
-	const hasKey = Object.prototype.hasOwnProperty.call(value, "key")
-	const hasPropertyId = Object.prototype.hasOwnProperty.call(
-		value,
-		"propertyId",
-	)
+	const hasKey = Object.hasOwn(value, "key")
+	const hasPropertyId = Object.hasOwn(value, "propertyId")
 	if (hasKey === hasPropertyId) {
 		return {
 			status: "error",
@@ -577,12 +574,7 @@ function resolvePropertyAddress(
 				error: "Data source query property key must be a string.",
 			}
 		}
-		if (
-			!Object.prototype.hasOwnProperty.call(
-				dataSource.propertyIdsByKey,
-				value.key,
-			)
-		) {
+		if (!Object.hasOwn(dataSource.propertyIdsByKey, value.key)) {
 			return {
 				status: "error",
 				error: `Unknown property key "${value.key}" for data source "${dataSource.key}".`,
@@ -605,12 +597,7 @@ function resolvePropertyAddress(
 		}
 		propertyId = value.propertyId
 	}
-	if (
-		!Object.prototype.hasOwnProperty.call(
-			dataSource.propertySchemasById,
-			propertyId,
-		)
-	) {
+	if (!Object.hasOwn(dataSource.propertySchemasById, propertyId)) {
 		return {
 			status: "error",
 			error: `Unknown property ID "${propertyId}" for data source "${dataSource.key}".`,

package/src/react/useCustomBlockInit.ts

@@ -45,6 +45,7 @@ export function useCustomBlockInit(
 		isLoaded: false,
 		error: undefined,
 	})
+	// biome-ignore lint/correctness/useExhaustiveDependencies(opts): Initialization caches its first options and promise. Later options are ignored, so changes should not resubscribe to the same promise.
 	useEffect(() => {
 		let cancelled = false
 		initCustomBlock(opts).then(
@@ -62,9 +63,6 @@ export function useCustomBlockInit(
 		return () => {
 			cancelled = true
 		}
-		// `initCustomBlock` caches its result, so options after the first call
-		// are ignored — re-running on opts changes would be misleading.
-		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [])
 	return state
 }

package/src/react/useDataSource.ts

@@ -29,6 +29,9 @@ export function useDataSource(
 			: undefined
 
 	const isInitialized = host.status === "initialized"
+	// biome-ignore lint/correctness/useExhaustiveDependencies(options): Compare options by value through optionsIdentity. Object identity alone must not trigger queries.
+	// biome-ignore lint/correctness/useExhaustiveDependencies(optionsIdentity): Changes to the serialized options must trigger a query even though the callback reads options.
+	// biome-ignore lint/correctness/useExhaustiveDependencies(matchingDataSource): Requery when the matching data source changes, even when the key and options are unchanged.
 	useEffect(() => {
 		if (!isInitialized) {
 			return