@dxos/web-context-react 0.8.4-main.d05673bc65 → 0.8.4-main.dd46787728

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/web-context-react",
-  "version": "0.8.4-main.d05673bc65",
+  "version": "0.8.4-main.dd46787728",
   "description": "React integration with web context protocol",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -21,15 +21,12 @@
     }
   },
   "types": "dist/types/src/index.d.ts",
-  "typesVersions": {
-    "*": {}
-  },
   "files": [
     "dist",
     "src"
   ],
   "dependencies": {
-    "@dxos/web-context": "0.8.4-main.d05673bc65"
+    "@dxos/web-context": "0.8.4-main.dd46787728"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",
@@ -37,7 +34,7 @@
     "@types/react-dom": "~19.2.3",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "vitest": "3.2.4"
+    "vitest": "4.1.5"
   },
   "peerDependencies": {
     "react": "~19.2.3"

package/src/consumer.test.tsx

@@ -5,7 +5,7 @@
 // @vitest-environment jsdom
 
 import { act, cleanup, render, screen } from '@testing-library/react';
-import React from 'react';
+import React, { ReactNode, useEffect, useRef, useState } from 'react';
 import { afterEach, describe, expect, test } from 'vitest';
 
 import { CONTEXT_REQUEST_EVENT, createContext } from '@dxos/web-context';
@@ -37,7 +37,7 @@ describe('useWebComponentContext', () => {
 
   test('consumes context from updates (subscription)', async () => {
     const Container = () => {
-      const [val, setVal] = React.useState('initial');
+      const [val, setVal] = useState('initial');
       return (
         <>
           <button onClick={() => setVal('updated')}>Update</button>
@@ -59,9 +59,9 @@ describe('useWebComponentContext', () => {
   });
 
   test('consumes context from DOM parent (outside React tree)', () => {
-    const Wrapper = ({ children }: { children: React.ReactNode }) => {
-      const ref = React.useRef<HTMLDivElement>(null);
-      React.useEffect(() => {
+    const Wrapper = ({ children }: { children: ReactNode }) => {
+      const ref = useRef<HTMLDivElement>(null);
+      useEffect(() => {
         const handler = (e: Event) => {
           const event = e as any;
           if (event.context === ctx) {

package/src/provider.tsx

@@ -149,8 +149,12 @@ export const ContextProtocolProvider = <T extends UnknownContext>({
   const handleContextProviderEvent = useCallback(
     (e: Event) => {
       const event = e as ContextProviderEvent<UnknownContext>;
-      if (event.context !== context) return;
-      if (containerRef.current && event.contextTarget === containerRef.current) return;
+      if (event.context !== context) {
+        return;
+      }
+      if (containerRef.current && event.contextTarget === containerRef.current) {
+        return;
+      }
 
       const seen = new Set<ContextCallback<ContextType<T>>>();
       for (const ref of subscriptionRefs) {
@@ -161,9 +165,13 @@ export const ContextProtocolProvider = <T extends UnknownContext>({
         }
 
         const info = subscriptions.get(callback);
-        if (!info) continue;
+        if (!info) {
+          continue;
+        }
 
-        if (seen.has(callback)) continue;
+        if (seen.has(callback)) {
+          continue;
+        }
         seen.add(callback);
 
         info.consumerHost.dispatchEvent(
@@ -198,7 +206,9 @@ export const ContextProtocolProvider = <T extends UnknownContext>({
 
   useEffect(() => {
     const el = containerRef.current;
-    if (!el) return;
+    if (!el) {
+      return;
+    }
 
     el.addEventListener(CONTEXT_REQUEST_EVENT, handleContextRequestEvent);
     el.addEventListener(CONTEXT_PROVIDER_EVENT, handleContextProviderEvent);