@tanstack/query-broadcast-client-experimental 4.0.10 → 4.0.11-beta.0

package/build/{cjs/packages/query-broadcast-client-experimental/src → lib}/index.js

@@ -12,7 +12,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var broadcastChannel = require('../../../node_modules/broadcast-channel/dist/es/broadcast-channel.js');
+var broadcastChannel = require('broadcast-channel');
 
 function broadcastQueryClient({
   queryClient,

package/build/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import { BroadcastChannel } from 'broadcast-channel'\nimport type { QueryClient } from '@tanstack/query-core'\n\ninterface BroadcastQueryClientOptions {\n  queryClient: QueryClient\n  broadcastChannel?: string\n}\n\nexport function broadcastQueryClient({\n  queryClient,\n  broadcastChannel = 'tanstack-query',\n}: BroadcastQueryClientOptions) {\n  let transaction = false\n  const tx = (cb: () => void) => {\n    transaction = true\n    cb()\n    transaction = false\n  }\n\n  const channel = new BroadcastChannel(broadcastChannel, {\n    webWorkerSupport: false,\n  })\n\n  const queryCache = queryClient.getQueryCache()\n\n  queryClient.getQueryCache().subscribe((queryEvent) => {\n    if (transaction) {\n      return\n    }\n\n    const {\n      query: { queryHash, queryKey, state },\n    } = queryEvent\n\n    if (queryEvent.type === 'updated' && queryEvent.action.type === 'success') {\n      channel.postMessage({\n        type: 'updated',\n        queryHash,\n        queryKey,\n        state,\n      })\n    }\n\n    if (queryEvent.type === 'removed') {\n      channel.postMessage({\n        type: 'removed',\n        queryHash,\n        queryKey,\n      })\n    }\n  })\n\n  channel.onmessage = (action) => {\n    if (!action?.type) {\n      return\n    }\n\n    tx(() => {\n      const { type, queryHash, queryKey, state } = action\n\n      if (type === 'updated') {\n        const query = queryCache.get(queryHash)\n\n        if (query) {\n          query.setState(state)\n          return\n        }\n\n        queryCache.build(\n          queryClient,\n          {\n            queryKey,\n            queryHash,\n          },\n          state,\n        )\n      } else if (type === 'removed') {\n        const query = queryCache.get(queryHash)\n\n        if (query) {\n          queryCache.remove(query)\n        }\n      }\n    })\n  }\n}\n"],"names":["broadcastQueryClient","queryClient","broadcastChannel","transaction","tx","cb","channel","BroadcastChannel","webWorkerSupport","queryCache","getQueryCache","subscribe","queryEvent","query","queryHash","queryKey","state","type","action","postMessage","onmessage","get","setState","build","remove"],"mappings":";;;;;;;;;;;;;;;;AAQO,SAASA,oBAAT,CAA8B;EACnCC,WADmC;AAEnCC,oBAAAA,kBAAgB,GAAG,gBAAA;AAFgB,CAA9B,EAGyB;EAC9B,IAAIC,WAAW,GAAG,KAAlB,CAAA;;EACA,MAAMC,EAAE,GAAIC,EAAD,IAAoB;AAC7BF,IAAAA,WAAW,GAAG,IAAd,CAAA;IACAE,EAAE,EAAA,CAAA;AACFF,IAAAA,WAAW,GAAG,KAAd,CAAA;GAHF,CAAA;;AAMA,EAAA,MAAMG,OAAO,GAAG,IAAIC,iCAAJ,CAAqBL,kBAArB,EAAuC;AACrDM,IAAAA,gBAAgB,EAAE,KAAA;AADmC,GAAvC,CAAhB,CAAA;AAIA,EAAA,MAAMC,UAAU,GAAGR,WAAW,CAACS,aAAZ,EAAnB,CAAA;AAEAT,EAAAA,WAAW,CAACS,aAAZ,EAAA,CAA4BC,SAA5B,CAAuCC,UAAD,IAAgB;AACpD,IAAA,IAAIT,WAAJ,EAAiB;AACf,MAAA,OAAA;AACD,KAAA;;IAED,MAAM;AACJU,MAAAA,KAAK,EAAE;QAAEC,SAAF;QAAaC,QAAb;AAAuBC,QAAAA,KAAAA;AAAvB,OAAA;AADH,KAAA,GAEFJ,UAFJ,CAAA;;AAIA,IAAA,IAAIA,UAAU,CAACK,IAAX,KAAoB,SAApB,IAAiCL,UAAU,CAACM,MAAX,CAAkBD,IAAlB,KAA2B,SAAhE,EAA2E;MACzEX,OAAO,CAACa,WAAR,CAAoB;AAClBF,QAAAA,IAAI,EAAE,SADY;QAElBH,SAFkB;QAGlBC,QAHkB;AAIlBC,QAAAA,KAAAA;OAJF,CAAA,CAAA;AAMD,KAAA;;AAED,IAAA,IAAIJ,UAAU,CAACK,IAAX,KAAoB,SAAxB,EAAmC;MACjCX,OAAO,CAACa,WAAR,CAAoB;AAClBF,QAAAA,IAAI,EAAE,SADY;QAElBH,SAFkB;AAGlBC,QAAAA,QAAAA;OAHF,CAAA,CAAA;AAKD,KAAA;GAxBH,CAAA,CAAA;;AA2BAT,EAAAA,OAAO,CAACc,SAAR,GAAqBF,MAAD,IAAY;AAC9B,IAAA,IAAI,EAACA,MAAD,IAAA,IAAA,IAACA,MAAM,CAAED,IAAT,CAAJ,EAAmB;AACjB,MAAA,OAAA;AACD,KAAA;;AAEDb,IAAAA,EAAE,CAAC,MAAM;MACP,MAAM;QAAEa,IAAF;QAAQH,SAAR;QAAmBC,QAAnB;AAA6BC,QAAAA,KAAAA;AAA7B,OAAA,GAAuCE,MAA7C,CAAA;;MAEA,IAAID,IAAI,KAAK,SAAb,EAAwB;AACtB,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAX,CAAeP,SAAf,CAAd,CAAA;;AAEA,QAAA,IAAID,KAAJ,EAAW;UACTA,KAAK,CAACS,QAAN,CAAeN,KAAf,CAAA,CAAA;AACA,UAAA,OAAA;AACD,SAAA;;AAEDP,QAAAA,UAAU,CAACc,KAAX,CACEtB,WADF,EAEE;UACEc,QADF;AAEED,UAAAA,SAAAA;AAFF,SAFF,EAMEE,KANF,CAAA,CAAA;AAQD,OAhBD,MAgBO,IAAIC,IAAI,KAAK,SAAb,EAAwB;AAC7B,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAX,CAAeP,SAAf,CAAd,CAAA;;AAEA,QAAA,IAAID,KAAJ,EAAW;UACTJ,UAAU,CAACe,MAAX,CAAkBX,KAAlB,CAAA,CAAA;AACD,SAAA;AACF,OAAA;AACF,KA1BC,CAAF,CAAA;GALF,CAAA;AAiCD;;;;"}

package/build/lib/index.mjs

@@ -0,0 +1,97 @@
+/**
+ * query-broadcast-client-experimental
+ *
+ * Copyright (c) TanStack
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+import { BroadcastChannel } from 'broadcast-channel';
+
+function broadcastQueryClient({
+  queryClient,
+  broadcastChannel = 'tanstack-query'
+}) {
+  let transaction = false;
+
+  const tx = cb => {
+    transaction = true;
+    cb();
+    transaction = false;
+  };
+
+  const channel = new BroadcastChannel(broadcastChannel, {
+    webWorkerSupport: false
+  });
+  const queryCache = queryClient.getQueryCache();
+  queryClient.getQueryCache().subscribe(queryEvent => {
+    if (transaction) {
+      return;
+    }
+
+    const {
+      query: {
+        queryHash,
+        queryKey,
+        state
+      }
+    } = queryEvent;
+
+    if (queryEvent.type === 'updated' && queryEvent.action.type === 'success') {
+      channel.postMessage({
+        type: 'updated',
+        queryHash,
+        queryKey,
+        state
+      });
+    }
+
+    if (queryEvent.type === 'removed') {
+      channel.postMessage({
+        type: 'removed',
+        queryHash,
+        queryKey
+      });
+    }
+  });
+
+  channel.onmessage = action => {
+    if (!(action != null && action.type)) {
+      return;
+    }
+
+    tx(() => {
+      const {
+        type,
+        queryHash,
+        queryKey,
+        state
+      } = action;
+
+      if (type === 'updated') {
+        const query = queryCache.get(queryHash);
+
+        if (query) {
+          query.setState(state);
+          return;
+        }
+
+        queryCache.build(queryClient, {
+          queryKey,
+          queryHash
+        }, state);
+      } else if (type === 'removed') {
+        const query = queryCache.get(queryHash);
+
+        if (query) {
+          queryCache.remove(query);
+        }
+      }
+    });
+  };
+}
+
+export { broadcastQueryClient };
+//# sourceMappingURL=index.mjs.map

package/build/lib/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/index.ts"],"sourcesContent":["import { BroadcastChannel } from 'broadcast-channel'\nimport type { QueryClient } from '@tanstack/query-core'\n\ninterface BroadcastQueryClientOptions {\n  queryClient: QueryClient\n  broadcastChannel?: string\n}\n\nexport function broadcastQueryClient({\n  queryClient,\n  broadcastChannel = 'tanstack-query',\n}: BroadcastQueryClientOptions) {\n  let transaction = false\n  const tx = (cb: () => void) => {\n    transaction = true\n    cb()\n    transaction = false\n  }\n\n  const channel = new BroadcastChannel(broadcastChannel, {\n    webWorkerSupport: false,\n  })\n\n  const queryCache = queryClient.getQueryCache()\n\n  queryClient.getQueryCache().subscribe((queryEvent) => {\n    if (transaction) {\n      return\n    }\n\n    const {\n      query: { queryHash, queryKey, state },\n    } = queryEvent\n\n    if (queryEvent.type === 'updated' && queryEvent.action.type === 'success') {\n      channel.postMessage({\n        type: 'updated',\n        queryHash,\n        queryKey,\n        state,\n      })\n    }\n\n    if (queryEvent.type === 'removed') {\n      channel.postMessage({\n        type: 'removed',\n        queryHash,\n        queryKey,\n      })\n    }\n  })\n\n  channel.onmessage = (action) => {\n    if (!action?.type) {\n      return\n    }\n\n    tx(() => {\n      const { type, queryHash, queryKey, state } = action\n\n      if (type === 'updated') {\n        const query = queryCache.get(queryHash)\n\n        if (query) {\n          query.setState(state)\n          return\n        }\n\n        queryCache.build(\n          queryClient,\n          {\n            queryKey,\n            queryHash,\n          },\n          state,\n        )\n      } else if (type === 'removed') {\n        const query = queryCache.get(queryHash)\n\n        if (query) {\n          queryCache.remove(query)\n        }\n      }\n    })\n  }\n}\n"],"names":["broadcastQueryClient","queryClient","broadcastChannel","transaction","tx","cb","channel","BroadcastChannel","webWorkerSupport","queryCache","getQueryCache","subscribe","queryEvent","query","queryHash","queryKey","state","type","action","postMessage","onmessage","get","setState","build","remove"],"mappings":";;;;;;;;;;;;AAQO,SAASA,oBAAT,CAA8B;EACnCC,WADmC;AAEnCC,EAAAA,gBAAgB,GAAG,gBAAA;AAFgB,CAA9B,EAGyB;EAC9B,IAAIC,WAAW,GAAG,KAAlB,CAAA;;EACA,MAAMC,EAAE,GAAIC,EAAD,IAAoB;AAC7BF,IAAAA,WAAW,GAAG,IAAd,CAAA;IACAE,EAAE,EAAA,CAAA;AACFF,IAAAA,WAAW,GAAG,KAAd,CAAA;GAHF,CAAA;;AAMA,EAAA,MAAMG,OAAO,GAAG,IAAIC,gBAAJ,CAAqBL,gBAArB,EAAuC;AACrDM,IAAAA,gBAAgB,EAAE,KAAA;AADmC,GAAvC,CAAhB,CAAA;AAIA,EAAA,MAAMC,UAAU,GAAGR,WAAW,CAACS,aAAZ,EAAnB,CAAA;AAEAT,EAAAA,WAAW,CAACS,aAAZ,EAAA,CAA4BC,SAA5B,CAAuCC,UAAD,IAAgB;AACpD,IAAA,IAAIT,WAAJ,EAAiB;AACf,MAAA,OAAA;AACD,KAAA;;IAED,MAAM;AACJU,MAAAA,KAAK,EAAE;QAAEC,SAAF;QAAaC,QAAb;AAAuBC,QAAAA,KAAAA;AAAvB,OAAA;AADH,KAAA,GAEFJ,UAFJ,CAAA;;AAIA,IAAA,IAAIA,UAAU,CAACK,IAAX,KAAoB,SAApB,IAAiCL,UAAU,CAACM,MAAX,CAAkBD,IAAlB,KAA2B,SAAhE,EAA2E;MACzEX,OAAO,CAACa,WAAR,CAAoB;AAClBF,QAAAA,IAAI,EAAE,SADY;QAElBH,SAFkB;QAGlBC,QAHkB;AAIlBC,QAAAA,KAAAA;OAJF,CAAA,CAAA;AAMD,KAAA;;AAED,IAAA,IAAIJ,UAAU,CAACK,IAAX,KAAoB,SAAxB,EAAmC;MACjCX,OAAO,CAACa,WAAR,CAAoB;AAClBF,QAAAA,IAAI,EAAE,SADY;QAElBH,SAFkB;AAGlBC,QAAAA,QAAAA;OAHF,CAAA,CAAA;AAKD,KAAA;GAxBH,CAAA,CAAA;;AA2BAT,EAAAA,OAAO,CAACc,SAAR,GAAqBF,MAAD,IAAY;AAC9B,IAAA,IAAI,EAACA,MAAD,IAAA,IAAA,IAACA,MAAM,CAAED,IAAT,CAAJ,EAAmB;AACjB,MAAA,OAAA;AACD,KAAA;;AAEDb,IAAAA,EAAE,CAAC,MAAM;MACP,MAAM;QAAEa,IAAF;QAAQH,SAAR;QAAmBC,QAAnB;AAA6BC,QAAAA,KAAAA;AAA7B,OAAA,GAAuCE,MAA7C,CAAA;;MAEA,IAAID,IAAI,KAAK,SAAb,EAAwB;AACtB,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAX,CAAeP,SAAf,CAAd,CAAA;;AAEA,QAAA,IAAID,KAAJ,EAAW;UACTA,KAAK,CAACS,QAAN,CAAeN,KAAf,CAAA,CAAA;AACA,UAAA,OAAA;AACD,SAAA;;AAEDP,QAAAA,UAAU,CAACc,KAAX,CACEtB,WADF,EAEE;UACEc,QADF;AAEED,UAAAA,SAAAA;AAFF,SAFF,EAMEE,KANF,CAAA,CAAA;AAQD,OAhBD,MAgBO,IAAIC,IAAI,KAAK,SAAb,EAAwB;AAC7B,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAX,CAAeP,SAAf,CAAd,CAAA;;AAEA,QAAA,IAAID,KAAJ,EAAW;UACTJ,UAAU,CAACe,MAAX,CAAkBX,KAAlB,CAAA,CAAA;AACD,SAAA;AACF,OAAA;AACF,KA1BC,CAAF,CAAA;GALF,CAAA;AAiCD;;;;"}