@tanstack/query-broadcast-client-experimental 5.0.0-alpha.6 → 5.0.0-alpha.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,10 @@
1
- import { BroadcastChannel } from 'broadcast-channel';
1
+ 'use strict';
2
+
3
+ var broadcastChannel = require('broadcast-channel');
2
4
 
3
5
  function broadcastQueryClient({
4
6
  queryClient,
5
- broadcastChannel = 'tanstack-query'
7
+ broadcastChannel: broadcastChannel$1 = 'tanstack-query'
6
8
  }) {
7
9
  let transaction = false;
8
10
  const tx = cb => {
@@ -10,7 +12,7 @@ function broadcastQueryClient({
10
12
  cb();
11
13
  transaction = false;
12
14
  };
13
- const channel = new BroadcastChannel(broadcastChannel, {
15
+ const channel = new broadcastChannel.BroadcastChannel(broadcastChannel$1, {
14
16
  webWorkerSupport: false
15
17
  });
16
18
  const queryCache = queryClient.getQueryCache();
@@ -72,5 +74,5 @@ function broadcastQueryClient({
72
74
  };
73
75
  }
74
76
 
75
- export { broadcastQueryClient };
76
- //# sourceMappingURL=index.mjs.map
77
+ exports.broadcastQueryClient = broadcastQueryClient;
78
+ //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
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,oBAAoB,CAAC;EACnCC,WAAW;AACXC,EAAAA,gBAAgB,GAAG,gBAAA;AACQ,CAAC,EAAE;EAC9B,IAAIC,WAAW,GAAG,KAAK,CAAA;EACvB,MAAMC,EAAE,GAAIC,EAAc,IAAK;AAC7BF,IAAAA,WAAW,GAAG,IAAI,CAAA;AAClBE,IAAAA,EAAE,EAAE,CAAA;AACJF,IAAAA,WAAW,GAAG,KAAK,CAAA;GACpB,CAAA;AAED,EAAA,MAAMG,OAAO,GAAG,IAAIC,gBAAgB,CAACL,gBAAgB,EAAE;AACrDM,IAAAA,gBAAgB,EAAE,KAAA;AACpB,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMC,UAAU,GAAGR,WAAW,CAACS,aAAa,EAAE,CAAA;AAE9CT,EAAAA,WAAW,CAACS,aAAa,EAAE,CAACC,SAAS,CAAEC,UAAU,IAAK;AACpD,IAAA,IAAIT,WAAW,EAAE;AACf,MAAA,OAAA;AACF,KAAA;IAEA,MAAM;AACJU,MAAAA,KAAK,EAAE;QAAEC,SAAS;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAA;AACtC,KAAC,GAAGJ,UAAU,CAAA;AAEd,IAAA,IAAIA,UAAU,CAACK,IAAI,KAAK,SAAS,IAAIL,UAAU,CAACM,MAAM,CAACD,IAAI,KAAK,SAAS,EAAE;MACzEX,OAAO,CAACa,WAAW,CAAC;AAClBF,QAAAA,IAAI,EAAE,SAAS;QACfH,SAAS;QACTC,QAAQ;AACRC,QAAAA,KAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AAEA,IAAA,IAAIJ,UAAU,CAACK,IAAI,KAAK,SAAS,EAAE;MACjCX,OAAO,CAACa,WAAW,CAAC;AAClBF,QAAAA,IAAI,EAAE,SAAS;QACfH,SAAS;AACTC,QAAAA,QAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAC,CAAC,CAAA;AAEFT,EAAAA,OAAO,CAACc,SAAS,GAAIF,MAAM,IAAK;AAC9B,IAAA,IAAI,CAACA,MAAM,EAAED,IAAI,EAAE;AACjB,MAAA,OAAA;AACF,KAAA;AAEAb,IAAAA,EAAE,CAAC,MAAM;MACP,MAAM;QAAEa,IAAI;QAAEH,SAAS;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAC,GAAGE,MAAM,CAAA;MAEnD,IAAID,IAAI,KAAK,SAAS,EAAE;AACtB,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;AAEvC,QAAA,IAAID,KAAK,EAAE;AACTA,UAAAA,KAAK,CAACS,QAAQ,CAACN,KAAK,CAAC,CAAA;AACrB,UAAA,OAAA;AACF,SAAA;AAEAP,QAAAA,UAAU,CAACc,KAAK,CACdtB,WAAW,EACX;UACEc,QAAQ;AACRD,UAAAA,SAAAA;SACD,EACDE,KAAK,CACN,CAAA;AACH,OAAC,MAAM,IAAIC,IAAI,KAAK,SAAS,EAAE;AAC7B,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;AAEvC,QAAA,IAAID,KAAK,EAAE;AACTJ,UAAAA,UAAU,CAACe,MAAM,CAACX,KAAK,CAAC,CAAA;AAC1B,SAAA;AACF,OAAA;AACF,KAAC,CAAC,CAAA;GACH,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"index.cjs","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,oBAAoBA,CAAC;EACnCC,WAAW;AACXC,oBAAAA,kBAAgB,GAAG,gBAAA;AACQ,CAAC,EAAE;EAC9B,IAAIC,WAAW,GAAG,KAAK,CAAA;EACvB,MAAMC,EAAE,GAAIC,EAAc,IAAK;AAC7BF,IAAAA,WAAW,GAAG,IAAI,CAAA;AAClBE,IAAAA,EAAE,EAAE,CAAA;AACJF,IAAAA,WAAW,GAAG,KAAK,CAAA;GACpB,CAAA;AAED,EAAA,MAAMG,OAAO,GAAG,IAAIC,iCAAgB,CAACL,kBAAgB,EAAE;AACrDM,IAAAA,gBAAgB,EAAE,KAAA;AACpB,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMC,UAAU,GAAGR,WAAW,CAACS,aAAa,EAAE,CAAA;EAE9CT,WAAW,CAACS,aAAa,EAAE,CAACC,SAAS,CAAEC,UAAU,IAAK;AACpD,IAAA,IAAIT,WAAW,EAAE;AACf,MAAA,OAAA;AACF,KAAA;IAEA,MAAM;AACJU,MAAAA,KAAK,EAAE;QAAEC,SAAS;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAA;AACtC,KAAC,GAAGJ,UAAU,CAAA;AAEd,IAAA,IAAIA,UAAU,CAACK,IAAI,KAAK,SAAS,IAAIL,UAAU,CAACM,MAAM,CAACD,IAAI,KAAK,SAAS,EAAE;MACzEX,OAAO,CAACa,WAAW,CAAC;AAClBF,QAAAA,IAAI,EAAE,SAAS;QACfH,SAAS;QACTC,QAAQ;AACRC,QAAAA,KAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AAEA,IAAA,IAAIJ,UAAU,CAACK,IAAI,KAAK,SAAS,EAAE;MACjCX,OAAO,CAACa,WAAW,CAAC;AAClBF,QAAAA,IAAI,EAAE,SAAS;QACfH,SAAS;AACTC,QAAAA,QAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAC,CAAC,CAAA;AAEFT,EAAAA,OAAO,CAACc,SAAS,GAAIF,MAAM,IAAK;AAC9B,IAAA,IAAI,CAACA,MAAM,EAAED,IAAI,EAAE;AACjB,MAAA,OAAA;AACF,KAAA;AAEAb,IAAAA,EAAE,CAAC,MAAM;MACP,MAAM;QAAEa,IAAI;QAAEH,SAAS;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAC,GAAGE,MAAM,CAAA;MAEnD,IAAID,IAAI,KAAK,SAAS,EAAE;AACtB,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;AAEvC,QAAA,IAAID,KAAK,EAAE;AACTA,UAAAA,KAAK,CAACS,QAAQ,CAACN,KAAK,CAAC,CAAA;AACrB,UAAA,OAAA;AACF,SAAA;AAEAP,QAAAA,UAAU,CAACc,KAAK,CACdtB,WAAW,EACX;UACEc,QAAQ;AACRD,UAAAA,SAAAA;SACD,EACDE,KACF,CAAC,CAAA;AACH,OAAC,MAAM,IAAIC,IAAI,KAAK,SAAS,EAAE;AAC7B,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;AAEvC,QAAA,IAAID,KAAK,EAAE;AACTJ,UAAAA,UAAU,CAACe,MAAM,CAACX,KAAK,CAAC,CAAA;AAC1B,SAAA;AACF,OAAA;AACF,KAAC,CAAC,CAAA;GACH,CAAA;AACH;;;;"}
@@ -5,3 +5,4 @@ interface BroadcastQueryClientOptions {
5
5
  }
6
6
  export declare function broadcastQueryClient({ queryClient, broadcastChannel, }: BroadcastQueryClientOptions): void;
7
7
  export {};
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAEvD,UAAU,2BAA2B;IACnC,WAAW,EAAE,WAAW,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,gBAAmC,GACpC,EAAE,2BAA2B,QA0E7B"}
@@ -1,10 +1,8 @@
1
- 'use strict';
2
-
3
- var broadcastChannel = require('broadcast-channel');
1
+ import { BroadcastChannel } from 'broadcast-channel';
4
2
 
5
3
  function broadcastQueryClient({
6
4
  queryClient,
7
- broadcastChannel: broadcastChannel$1 = 'tanstack-query'
5
+ broadcastChannel = 'tanstack-query'
8
6
  }) {
9
7
  let transaction = false;
10
8
  const tx = cb => {
@@ -12,7 +10,7 @@ function broadcastQueryClient({
12
10
  cb();
13
11
  transaction = false;
14
12
  };
15
- const channel = new broadcastChannel.BroadcastChannel(broadcastChannel$1, {
13
+ const channel = new BroadcastChannel(broadcastChannel, {
16
14
  webWorkerSupport: false
17
15
  });
18
16
  const queryCache = queryClient.getQueryCache();
@@ -44,7 +42,7 @@ function broadcastQueryClient({
44
42
  }
45
43
  });
46
44
  channel.onmessage = action => {
47
- if (!(action != null && action.type)) {
45
+ if (!action?.type) {
48
46
  return;
49
47
  }
50
48
  tx(() => {
@@ -74,5 +72,5 @@ function broadcastQueryClient({
74
72
  };
75
73
  }
76
74
 
77
- exports.broadcastQueryClient = broadcastQueryClient;
75
+ export { broadcastQueryClient };
78
76
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
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,oBAAoB,CAAC;EACnCC,WAAW;AACXC,oBAAAA,kBAAgB,GAAG,gBAAA;AACQ,CAAC,EAAE;EAC9B,IAAIC,WAAW,GAAG,KAAK,CAAA;EACvB,MAAMC,EAAE,GAAIC,EAAc,IAAK;AAC7BF,IAAAA,WAAW,GAAG,IAAI,CAAA;AAClBE,IAAAA,EAAE,EAAE,CAAA;AACJF,IAAAA,WAAW,GAAG,KAAK,CAAA;GACpB,CAAA;AAED,EAAA,MAAMG,OAAO,GAAG,IAAIC,iCAAgB,CAACL,kBAAgB,EAAE;AACrDM,IAAAA,gBAAgB,EAAE,KAAA;AACpB,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMC,UAAU,GAAGR,WAAW,CAACS,aAAa,EAAE,CAAA;AAE9CT,EAAAA,WAAW,CAACS,aAAa,EAAE,CAACC,SAAS,CAAEC,UAAU,IAAK;AACpD,IAAA,IAAIT,WAAW,EAAE;AACf,MAAA,OAAA;AACF,KAAA;IAEA,MAAM;AACJU,MAAAA,KAAK,EAAE;QAAEC,SAAS;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAA;AACtC,KAAC,GAAGJ,UAAU,CAAA;AAEd,IAAA,IAAIA,UAAU,CAACK,IAAI,KAAK,SAAS,IAAIL,UAAU,CAACM,MAAM,CAACD,IAAI,KAAK,SAAS,EAAE;MACzEX,OAAO,CAACa,WAAW,CAAC;AAClBF,QAAAA,IAAI,EAAE,SAAS;QACfH,SAAS;QACTC,QAAQ;AACRC,QAAAA,KAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AAEA,IAAA,IAAIJ,UAAU,CAACK,IAAI,KAAK,SAAS,EAAE;MACjCX,OAAO,CAACa,WAAW,CAAC;AAClBF,QAAAA,IAAI,EAAE,SAAS;QACfH,SAAS;AACTC,QAAAA,QAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAC,CAAC,CAAA;AAEFT,EAAAA,OAAO,CAACc,SAAS,GAAIF,MAAM,IAAK;AAC9B,IAAA,IAAI,EAACA,MAAM,IAAA,IAAA,IAANA,MAAM,CAAED,IAAI,CAAE,EAAA;AACjB,MAAA,OAAA;AACF,KAAA;AAEAb,IAAAA,EAAE,CAAC,MAAM;MACP,MAAM;QAAEa,IAAI;QAAEH,SAAS;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAC,GAAGE,MAAM,CAAA;MAEnD,IAAID,IAAI,KAAK,SAAS,EAAE;AACtB,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;AAEvC,QAAA,IAAID,KAAK,EAAE;AACTA,UAAAA,KAAK,CAACS,QAAQ,CAACN,KAAK,CAAC,CAAA;AACrB,UAAA,OAAA;AACF,SAAA;AAEAP,QAAAA,UAAU,CAACc,KAAK,CACdtB,WAAW,EACX;UACEc,QAAQ;AACRD,UAAAA,SAAAA;SACD,EACDE,KAAK,CACN,CAAA;AACH,OAAC,MAAM,IAAIC,IAAI,KAAK,SAAS,EAAE;AAC7B,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;AAEvC,QAAA,IAAID,KAAK,EAAE;AACTJ,UAAAA,UAAU,CAACe,MAAM,CAACX,KAAK,CAAC,CAAA;AAC1B,SAAA;AACF,OAAA;AACF,KAAC,CAAC,CAAA;GACH,CAAA;AACH;;;;"}
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,oBAAoBA,CAAC;EACnCC,WAAW;AACXC,EAAAA,gBAAgB,GAAG,gBAAA;AACQ,CAAC,EAAE;EAC9B,IAAIC,WAAW,GAAG,KAAK,CAAA;EACvB,MAAMC,EAAE,GAAIC,EAAc,IAAK;AAC7BF,IAAAA,WAAW,GAAG,IAAI,CAAA;AAClBE,IAAAA,EAAE,EAAE,CAAA;AACJF,IAAAA,WAAW,GAAG,KAAK,CAAA;GACpB,CAAA;AAED,EAAA,MAAMG,OAAO,GAAG,IAAIC,gBAAgB,CAACL,gBAAgB,EAAE;AACrDM,IAAAA,gBAAgB,EAAE,KAAA;AACpB,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMC,UAAU,GAAGR,WAAW,CAACS,aAAa,EAAE,CAAA;EAE9CT,WAAW,CAACS,aAAa,EAAE,CAACC,SAAS,CAAEC,UAAU,IAAK;AACpD,IAAA,IAAIT,WAAW,EAAE;AACf,MAAA,OAAA;AACF,KAAA;IAEA,MAAM;AACJU,MAAAA,KAAK,EAAE;QAAEC,SAAS;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAA;AACtC,KAAC,GAAGJ,UAAU,CAAA;AAEd,IAAA,IAAIA,UAAU,CAACK,IAAI,KAAK,SAAS,IAAIL,UAAU,CAACM,MAAM,CAACD,IAAI,KAAK,SAAS,EAAE;MACzEX,OAAO,CAACa,WAAW,CAAC;AAClBF,QAAAA,IAAI,EAAE,SAAS;QACfH,SAAS;QACTC,QAAQ;AACRC,QAAAA,KAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AAEA,IAAA,IAAIJ,UAAU,CAACK,IAAI,KAAK,SAAS,EAAE;MACjCX,OAAO,CAACa,WAAW,CAAC;AAClBF,QAAAA,IAAI,EAAE,SAAS;QACfH,SAAS;AACTC,QAAAA,QAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAC,CAAC,CAAA;AAEFT,EAAAA,OAAO,CAACc,SAAS,GAAIF,MAAM,IAAK;AAC9B,IAAA,IAAI,CAACA,MAAM,EAAED,IAAI,EAAE;AACjB,MAAA,OAAA;AACF,KAAA;AAEAb,IAAAA,EAAE,CAAC,MAAM;MACP,MAAM;QAAEa,IAAI;QAAEH,SAAS;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAC,GAAGE,MAAM,CAAA;MAEnD,IAAID,IAAI,KAAK,SAAS,EAAE;AACtB,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;AAEvC,QAAA,IAAID,KAAK,EAAE;AACTA,UAAAA,KAAK,CAACS,QAAQ,CAACN,KAAK,CAAC,CAAA;AACrB,UAAA,OAAA;AACF,SAAA;AAEAP,QAAAA,UAAU,CAACc,KAAK,CACdtB,WAAW,EACX;UACEc,QAAQ;AACRD,UAAAA,SAAAA;SACD,EACDE,KACF,CAAC,CAAA;AACH,OAAC,MAAM,IAAIC,IAAI,KAAK,SAAS,EAAE;AAC7B,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;AAEvC,QAAA,IAAID,KAAK,EAAE;AACTJ,UAAAA,UAAU,CAACe,MAAM,CAACX,KAAK,CAAC,CAAA;AAC1B,SAAA;AACF,OAAA;AACF,KAAC,CAAC,CAAA;GACH,CAAA;AACH;;;;"}
@@ -0,0 +1,78 @@
1
+ 'use strict';
2
+
3
+ var broadcastChannel = require('broadcast-channel');
4
+
5
+ function broadcastQueryClient({
6
+ queryClient,
7
+ broadcastChannel: broadcastChannel$1 = 'tanstack-query'
8
+ }) {
9
+ let transaction = false;
10
+ const tx = cb => {
11
+ transaction = true;
12
+ cb();
13
+ transaction = false;
14
+ };
15
+ const channel = new broadcastChannel.BroadcastChannel(broadcastChannel$1, {
16
+ webWorkerSupport: false
17
+ });
18
+ const queryCache = queryClient.getQueryCache();
19
+ queryClient.getQueryCache().subscribe(queryEvent => {
20
+ if (transaction) {
21
+ return;
22
+ }
23
+ const {
24
+ query: {
25
+ queryHash,
26
+ queryKey,
27
+ state
28
+ }
29
+ } = queryEvent;
30
+ if (queryEvent.type === 'updated' && queryEvent.action.type === 'success') {
31
+ channel.postMessage({
32
+ type: 'updated',
33
+ queryHash,
34
+ queryKey,
35
+ state
36
+ });
37
+ }
38
+ if (queryEvent.type === 'removed') {
39
+ channel.postMessage({
40
+ type: 'removed',
41
+ queryHash,
42
+ queryKey
43
+ });
44
+ }
45
+ });
46
+ channel.onmessage = action => {
47
+ if (!(action != null && action.type)) {
48
+ return;
49
+ }
50
+ tx(() => {
51
+ const {
52
+ type,
53
+ queryHash,
54
+ queryKey,
55
+ state
56
+ } = action;
57
+ if (type === 'updated') {
58
+ const query = queryCache.get(queryHash);
59
+ if (query) {
60
+ query.setState(state);
61
+ return;
62
+ }
63
+ queryCache.build(queryClient, {
64
+ queryKey,
65
+ queryHash
66
+ }, state);
67
+ } else if (type === 'removed') {
68
+ const query = queryCache.get(queryHash);
69
+ if (query) {
70
+ queryCache.remove(query);
71
+ }
72
+ }
73
+ });
74
+ };
75
+ }
76
+
77
+ exports.broadcastQueryClient = broadcastQueryClient;
78
+ //# sourceMappingURL=index.legacy.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.legacy.cjs","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,oBAAoBA,CAAC;EACnCC,WAAW;AACXC,oBAAAA,kBAAgB,GAAG,gBAAA;AACQ,CAAC,EAAE;EAC9B,IAAIC,WAAW,GAAG,KAAK,CAAA;EACvB,MAAMC,EAAE,GAAIC,EAAc,IAAK;AAC7BF,IAAAA,WAAW,GAAG,IAAI,CAAA;AAClBE,IAAAA,EAAE,EAAE,CAAA;AACJF,IAAAA,WAAW,GAAG,KAAK,CAAA;GACpB,CAAA;AAED,EAAA,MAAMG,OAAO,GAAG,IAAIC,iCAAgB,CAACL,kBAAgB,EAAE;AACrDM,IAAAA,gBAAgB,EAAE,KAAA;AACpB,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMC,UAAU,GAAGR,WAAW,CAACS,aAAa,EAAE,CAAA;EAE9CT,WAAW,CAACS,aAAa,EAAE,CAACC,SAAS,CAAEC,UAAU,IAAK;AACpD,IAAA,IAAIT,WAAW,EAAE;AACf,MAAA,OAAA;AACF,KAAA;IAEA,MAAM;AACJU,MAAAA,KAAK,EAAE;QAAEC,SAAS;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAA;AACtC,KAAC,GAAGJ,UAAU,CAAA;AAEd,IAAA,IAAIA,UAAU,CAACK,IAAI,KAAK,SAAS,IAAIL,UAAU,CAACM,MAAM,CAACD,IAAI,KAAK,SAAS,EAAE;MACzEX,OAAO,CAACa,WAAW,CAAC;AAClBF,QAAAA,IAAI,EAAE,SAAS;QACfH,SAAS;QACTC,QAAQ;AACRC,QAAAA,KAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AAEA,IAAA,IAAIJ,UAAU,CAACK,IAAI,KAAK,SAAS,EAAE;MACjCX,OAAO,CAACa,WAAW,CAAC;AAClBF,QAAAA,IAAI,EAAE,SAAS;QACfH,SAAS;AACTC,QAAAA,QAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAC,CAAC,CAAA;AAEFT,EAAAA,OAAO,CAACc,SAAS,GAAIF,MAAM,IAAK;AAC9B,IAAA,IAAI,EAACA,MAAM,IAAA,IAAA,IAANA,MAAM,CAAED,IAAI,CAAE,EAAA;AACjB,MAAA,OAAA;AACF,KAAA;AAEAb,IAAAA,EAAE,CAAC,MAAM;MACP,MAAM;QAAEa,IAAI;QAAEH,SAAS;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAC,GAAGE,MAAM,CAAA;MAEnD,IAAID,IAAI,KAAK,SAAS,EAAE;AACtB,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;AAEvC,QAAA,IAAID,KAAK,EAAE;AACTA,UAAAA,KAAK,CAACS,QAAQ,CAACN,KAAK,CAAC,CAAA;AACrB,UAAA,OAAA;AACF,SAAA;AAEAP,QAAAA,UAAU,CAACc,KAAK,CACdtB,WAAW,EACX;UACEc,QAAQ;AACRD,UAAAA,SAAAA;SACD,EACDE,KACF,CAAC,CAAA;AACH,OAAC,MAAM,IAAIC,IAAI,KAAK,SAAS,EAAE;AAC7B,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;AAEvC,QAAA,IAAID,KAAK,EAAE;AACTJ,UAAAA,UAAU,CAACe,MAAM,CAACX,KAAK,CAAC,CAAA;AAC1B,SAAA;AACF,OAAA;AACF,KAAC,CAAC,CAAA;GACH,CAAA;AACH;;;;"}
@@ -73,4 +73,4 @@ function broadcastQueryClient({
73
73
  }
74
74
 
75
75
  export { broadcastQueryClient };
76
- //# sourceMappingURL=index.esm.js.map
76
+ //# sourceMappingURL=index.legacy.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.legacy.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,oBAAoBA,CAAC;EACnCC,WAAW;AACXC,EAAAA,gBAAgB,GAAG,gBAAA;AACQ,CAAC,EAAE;EAC9B,IAAIC,WAAW,GAAG,KAAK,CAAA;EACvB,MAAMC,EAAE,GAAIC,EAAc,IAAK;AAC7BF,IAAAA,WAAW,GAAG,IAAI,CAAA;AAClBE,IAAAA,EAAE,EAAE,CAAA;AACJF,IAAAA,WAAW,GAAG,KAAK,CAAA;GACpB,CAAA;AAED,EAAA,MAAMG,OAAO,GAAG,IAAIC,gBAAgB,CAACL,gBAAgB,EAAE;AACrDM,IAAAA,gBAAgB,EAAE,KAAA;AACpB,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMC,UAAU,GAAGR,WAAW,CAACS,aAAa,EAAE,CAAA;EAE9CT,WAAW,CAACS,aAAa,EAAE,CAACC,SAAS,CAAEC,UAAU,IAAK;AACpD,IAAA,IAAIT,WAAW,EAAE;AACf,MAAA,OAAA;AACF,KAAA;IAEA,MAAM;AACJU,MAAAA,KAAK,EAAE;QAAEC,SAAS;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAA;AACtC,KAAC,GAAGJ,UAAU,CAAA;AAEd,IAAA,IAAIA,UAAU,CAACK,IAAI,KAAK,SAAS,IAAIL,UAAU,CAACM,MAAM,CAACD,IAAI,KAAK,SAAS,EAAE;MACzEX,OAAO,CAACa,WAAW,CAAC;AAClBF,QAAAA,IAAI,EAAE,SAAS;QACfH,SAAS;QACTC,QAAQ;AACRC,QAAAA,KAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AAEA,IAAA,IAAIJ,UAAU,CAACK,IAAI,KAAK,SAAS,EAAE;MACjCX,OAAO,CAACa,WAAW,CAAC;AAClBF,QAAAA,IAAI,EAAE,SAAS;QACfH,SAAS;AACTC,QAAAA,QAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAC,CAAC,CAAA;AAEFT,EAAAA,OAAO,CAACc,SAAS,GAAIF,MAAM,IAAK;AAC9B,IAAA,IAAI,EAACA,MAAM,IAAA,IAAA,IAANA,MAAM,CAAED,IAAI,CAAE,EAAA;AACjB,MAAA,OAAA;AACF,KAAA;AAEAb,IAAAA,EAAE,CAAC,MAAM;MACP,MAAM;QAAEa,IAAI;QAAEH,SAAS;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAC,GAAGE,MAAM,CAAA;MAEnD,IAAID,IAAI,KAAK,SAAS,EAAE;AACtB,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;AAEvC,QAAA,IAAID,KAAK,EAAE;AACTA,UAAAA,KAAK,CAACS,QAAQ,CAACN,KAAK,CAAC,CAAA;AACrB,UAAA,OAAA;AACF,SAAA;AAEAP,QAAAA,UAAU,CAACc,KAAK,CACdtB,WAAW,EACX;UACEc,QAAQ;AACRD,UAAAA,SAAAA;SACD,EACDE,KACF,CAAC,CAAA;AACH,OAAC,MAAM,IAAIC,IAAI,KAAK,SAAS,EAAE;AAC7B,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;AAEvC,QAAA,IAAID,KAAK,EAAE;AACTJ,UAAAA,UAAU,CAACe,MAAM,CAACX,KAAK,CAAC,CAAA;AAC1B,SAAA;AACF,OAAA;AACF,KAAC,CAAC,CAAA;GACH,CAAA;AACH;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/query-broadcast-client-experimental",
3
- "version": "5.0.0-alpha.6",
3
+ "version": "5.0.0-alpha.63",
4
4
  "description": "An experimental plugin to for broadcasting the state of your queryClient between browser tabs/windows",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
@@ -10,31 +10,35 @@
10
10
  "type": "github",
11
11
  "url": "https://github.com/sponsors/tannerlinsley"
12
12
  },
13
+ "type": "module",
13
14
  "types": "build/lib/index.d.ts",
14
- "main": "build/lib/index.js",
15
- "module": "build/lib/index.esm.js",
15
+ "main": "build/lib/index.legacy.cjs",
16
+ "module": "build/lib/index.legacy.js",
16
17
  "exports": {
17
18
  ".": {
18
19
  "types": "./build/lib/index.d.ts",
19
- "import": "./build/lib/index.mjs",
20
- "default": "./build/lib/index.js"
20
+ "import": "./build/lib/index.js",
21
+ "require": "./build/lib/index.cjs",
22
+ "default": "./build/lib/index.cjs"
21
23
  },
22
24
  "./package.json": "./package.json"
23
25
  },
24
26
  "sideEffects": false,
25
27
  "files": [
26
28
  "build/lib/*",
27
- "build/umd/*",
28
29
  "src"
29
30
  ],
30
31
  "dependencies": {
31
- "broadcast-channel": "^4.14.0",
32
- "@tanstack/query-core": "5.0.0-alpha.6"
32
+ "@tanstack/query-core": "^5.0.0-alpha.43",
33
+ "broadcast-channel": "^5.1.0"
33
34
  },
34
35
  "scripts": {
35
- "clean": "rimraf ./build",
36
+ "clean": "rimraf ./build && rimraf ./coverage",
36
37
  "test:eslint": "eslint --ext .ts,.tsx ./src",
37
- "test:types": "tsc",
38
- "build:types": "tsc --build"
38
+ "test:types": "tsc --noEmit",
39
+ "test:build": "publint --strict",
40
+ "build": "pnpm build:rollup && pnpm build:types",
41
+ "build:rollup": "rollup --config rollup.config.js",
42
+ "build:types": "tsc --emitDeclarationOnly"
39
43
  }
40
44
  }
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.esm.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,oBAAoB,CAAC;EACnCC,WAAW;AACXC,EAAAA,gBAAgB,GAAG,gBAAA;AACQ,CAAC,EAAE;EAC9B,IAAIC,WAAW,GAAG,KAAK,CAAA;EACvB,MAAMC,EAAE,GAAIC,EAAc,IAAK;AAC7BF,IAAAA,WAAW,GAAG,IAAI,CAAA;AAClBE,IAAAA,EAAE,EAAE,CAAA;AACJF,IAAAA,WAAW,GAAG,KAAK,CAAA;GACpB,CAAA;AAED,EAAA,MAAMG,OAAO,GAAG,IAAIC,gBAAgB,CAACL,gBAAgB,EAAE;AACrDM,IAAAA,gBAAgB,EAAE,KAAA;AACpB,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMC,UAAU,GAAGR,WAAW,CAACS,aAAa,EAAE,CAAA;AAE9CT,EAAAA,WAAW,CAACS,aAAa,EAAE,CAACC,SAAS,CAAEC,UAAU,IAAK;AACpD,IAAA,IAAIT,WAAW,EAAE;AACf,MAAA,OAAA;AACF,KAAA;IAEA,MAAM;AACJU,MAAAA,KAAK,EAAE;QAAEC,SAAS;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAA;AACtC,KAAC,GAAGJ,UAAU,CAAA;AAEd,IAAA,IAAIA,UAAU,CAACK,IAAI,KAAK,SAAS,IAAIL,UAAU,CAACM,MAAM,CAACD,IAAI,KAAK,SAAS,EAAE;MACzEX,OAAO,CAACa,WAAW,CAAC;AAClBF,QAAAA,IAAI,EAAE,SAAS;QACfH,SAAS;QACTC,QAAQ;AACRC,QAAAA,KAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AAEA,IAAA,IAAIJ,UAAU,CAACK,IAAI,KAAK,SAAS,EAAE;MACjCX,OAAO,CAACa,WAAW,CAAC;AAClBF,QAAAA,IAAI,EAAE,SAAS;QACfH,SAAS;AACTC,QAAAA,QAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAC,CAAC,CAAA;AAEFT,EAAAA,OAAO,CAACc,SAAS,GAAIF,MAAM,IAAK;AAC9B,IAAA,IAAI,EAACA,MAAM,IAAA,IAAA,IAANA,MAAM,CAAED,IAAI,CAAE,EAAA;AACjB,MAAA,OAAA;AACF,KAAA;AAEAb,IAAAA,EAAE,CAAC,MAAM;MACP,MAAM;QAAEa,IAAI;QAAEH,SAAS;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAC,GAAGE,MAAM,CAAA;MAEnD,IAAID,IAAI,KAAK,SAAS,EAAE;AACtB,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;AAEvC,QAAA,IAAID,KAAK,EAAE;AACTA,UAAAA,KAAK,CAACS,QAAQ,CAACN,KAAK,CAAC,CAAA;AACrB,UAAA,OAAA;AACF,SAAA;AAEAP,QAAAA,UAAU,CAACc,KAAK,CACdtB,WAAW,EACX;UACEc,QAAQ;AACRD,UAAAA,SAAAA;SACD,EACDE,KAAK,CACN,CAAA;AACH,OAAC,MAAM,IAAIC,IAAI,KAAK,SAAS,EAAE;AAC7B,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;AAEvC,QAAA,IAAID,KAAK,EAAE;AACTJ,UAAAA,UAAU,CAACe,MAAM,CAACX,KAAK,CAAC,CAAA;AAC1B,SAAA;AACF,OAAA;AACF,KAAC,CAAC,CAAA;GACH,CAAA;AACH;;;;"}
@@ -1,82 +0,0 @@
1
- (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('broadcast-channel')) :
3
- typeof define === 'function' && define.amd ? define(['exports', 'broadcast-channel'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.QueryBroadcastClient = {}, global.BroadcastChannel));
5
- })(this, (function (exports, broadcastChannel) { 'use strict';
6
-
7
- function broadcastQueryClient({
8
- queryClient,
9
- broadcastChannel: broadcastChannel$1 = 'tanstack-query'
10
- }) {
11
- let transaction = false;
12
- const tx = cb => {
13
- transaction = true;
14
- cb();
15
- transaction = false;
16
- };
17
- const channel = new broadcastChannel.BroadcastChannel(broadcastChannel$1, {
18
- webWorkerSupport: false
19
- });
20
- const queryCache = queryClient.getQueryCache();
21
- queryClient.getQueryCache().subscribe(queryEvent => {
22
- if (transaction) {
23
- return;
24
- }
25
- const {
26
- query: {
27
- queryHash,
28
- queryKey,
29
- state
30
- }
31
- } = queryEvent;
32
- if (queryEvent.type === 'updated' && queryEvent.action.type === 'success') {
33
- channel.postMessage({
34
- type: 'updated',
35
- queryHash,
36
- queryKey,
37
- state
38
- });
39
- }
40
- if (queryEvent.type === 'removed') {
41
- channel.postMessage({
42
- type: 'removed',
43
- queryHash,
44
- queryKey
45
- });
46
- }
47
- });
48
- channel.onmessage = action => {
49
- if (!action?.type) {
50
- return;
51
- }
52
- tx(() => {
53
- const {
54
- type,
55
- queryHash,
56
- queryKey,
57
- state
58
- } = action;
59
- if (type === 'updated') {
60
- const query = queryCache.get(queryHash);
61
- if (query) {
62
- query.setState(state);
63
- return;
64
- }
65
- queryCache.build(queryClient, {
66
- queryKey,
67
- queryHash
68
- }, state);
69
- } else if (type === 'removed') {
70
- const query = queryCache.get(queryHash);
71
- if (query) {
72
- queryCache.remove(query);
73
- }
74
- }
75
- });
76
- };
77
- }
78
-
79
- exports.broadcastQueryClient = broadcastQueryClient;
80
-
81
- }));
82
- //# sourceMappingURL=index.development.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.development.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":";;;;;;EAQO,SAASA,oBAAoB,CAAC;IACnCC,WAAW;EACXC,oBAAAA,kBAAgB,GAAG,gBAAA;EACQ,CAAC,EAAE;IAC9B,IAAIC,WAAW,GAAG,KAAK,CAAA;IACvB,MAAMC,EAAE,GAAIC,EAAc,IAAK;EAC7BF,IAAAA,WAAW,GAAG,IAAI,CAAA;EAClBE,IAAAA,EAAE,EAAE,CAAA;EACJF,IAAAA,WAAW,GAAG,KAAK,CAAA;KACpB,CAAA;EAED,EAAA,MAAMG,OAAO,GAAG,IAAIC,iCAAgB,CAACL,kBAAgB,EAAE;EACrDM,IAAAA,gBAAgB,EAAE,KAAA;EACpB,GAAC,CAAC,CAAA;EAEF,EAAA,MAAMC,UAAU,GAAGR,WAAW,CAACS,aAAa,EAAE,CAAA;EAE9CT,EAAAA,WAAW,CAACS,aAAa,EAAE,CAACC,SAAS,CAAEC,UAAU,IAAK;EACpD,IAAA,IAAIT,WAAW,EAAE;EACf,MAAA,OAAA;EACF,KAAA;MAEA,MAAM;EACJU,MAAAA,KAAK,EAAE;UAAEC,SAAS;UAAEC,QAAQ;EAAEC,QAAAA,KAAAA;EAAM,OAAA;EACtC,KAAC,GAAGJ,UAAU,CAAA;EAEd,IAAA,IAAIA,UAAU,CAACK,IAAI,KAAK,SAAS,IAAIL,UAAU,CAACM,MAAM,CAACD,IAAI,KAAK,SAAS,EAAE;QACzEX,OAAO,CAACa,WAAW,CAAC;EAClBF,QAAAA,IAAI,EAAE,SAAS;UACfH,SAAS;UACTC,QAAQ;EACRC,QAAAA,KAAAA;EACF,OAAC,CAAC,CAAA;EACJ,KAAA;EAEA,IAAA,IAAIJ,UAAU,CAACK,IAAI,KAAK,SAAS,EAAE;QACjCX,OAAO,CAACa,WAAW,CAAC;EAClBF,QAAAA,IAAI,EAAE,SAAS;UACfH,SAAS;EACTC,QAAAA,QAAAA;EACF,OAAC,CAAC,CAAA;EACJ,KAAA;EACF,GAAC,CAAC,CAAA;EAEFT,EAAAA,OAAO,CAACc,SAAS,GAAIF,MAAM,IAAK;EAC9B,IAAA,IAAI,CAACA,MAAM,EAAED,IAAI,EAAE;EACjB,MAAA,OAAA;EACF,KAAA;EAEAb,IAAAA,EAAE,CAAC,MAAM;QACP,MAAM;UAAEa,IAAI;UAAEH,SAAS;UAAEC,QAAQ;EAAEC,QAAAA,KAAAA;EAAM,OAAC,GAAGE,MAAM,CAAA;QAEnD,IAAID,IAAI,KAAK,SAAS,EAAE;EACtB,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;EAEvC,QAAA,IAAID,KAAK,EAAE;EACTA,UAAAA,KAAK,CAACS,QAAQ,CAACN,KAAK,CAAC,CAAA;EACrB,UAAA,OAAA;EACF,SAAA;EAEAP,QAAAA,UAAU,CAACc,KAAK,CACdtB,WAAW,EACX;YACEc,QAAQ;EACRD,UAAAA,SAAAA;WACD,EACDE,KAAK,CACN,CAAA;EACH,OAAC,MAAM,IAAIC,IAAI,KAAK,SAAS,EAAE;EAC7B,QAAA,MAAMJ,KAAK,GAAGJ,UAAU,CAACY,GAAG,CAACP,SAAS,CAAC,CAAA;EAEvC,QAAA,IAAID,KAAK,EAAE;EACTJ,UAAAA,UAAU,CAACe,MAAM,CAACX,KAAK,CAAC,CAAA;EAC1B,SAAA;EACF,OAAA;EACF,KAAC,CAAC,CAAA;KACH,CAAA;EACH;;;;;;;;"}
@@ -1,2 +0,0 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("broadcast-channel")):"function"==typeof define&&define.amd?define(["exports","broadcast-channel"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).QueryBroadcastClient={},e.BroadcastChannel)}(this,(function(e,t){"use strict";e.broadcastQueryClient=function({queryClient:e,broadcastChannel:s="tanstack-query"}){let a=!1;const r=new t.BroadcastChannel(s,{webWorkerSupport:!1}),n=e.getQueryCache();e.getQueryCache().subscribe((e=>{if(a)return;const{query:{queryHash:t,queryKey:s,state:n}}=e;"updated"===e.type&&"success"===e.action.type&&r.postMessage({type:"updated",queryHash:t,queryKey:s,state:n}),"removed"===e.type&&r.postMessage({type:"removed",queryHash:t,queryKey:s})})),r.onmessage=t=>{t?.type&&(a=!0,(()=>{const{type:s,queryHash:a,queryKey:r,state:o}=t;if("updated"===s){const t=n.get(a);if(t)return void t.setState(o);n.build(e,{queryKey:r,queryHash:a},o)}else if("removed"===s){const e=n.get(a);e&&n.remove(e)}})(),a=!1)}}}));
2
- //# sourceMappingURL=index.production.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.production.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":["queryClient","broadcastChannel","transaction","channel","BroadcastChannel","webWorkerSupport","queryCache","getQueryCache","subscribe","queryEvent","query","queryHash","queryKey","state","type","action","postMessage","onmessage","get","setState","build","remove","cb"],"mappings":"yVAQO,UAA8BA,YACnCA,EACAC,iBAAAA,EAAmB,mBAEnB,IAAIC,GAAc,EAClB,MAMMC,EAAU,IAAIC,EAAgBA,iBAACH,EAAkB,CACrDI,kBAAkB,IAGdC,EAAaN,EAAYO,gBAE/BP,EAAYO,gBAAgBC,WAAWC,IACrC,GAAIP,EACF,OAGF,MACEQ,OAAOC,UAAEA,EAASC,SAAEA,EAAQC,MAAEA,IAC5BJ,EAEoB,YAApBA,EAAWK,MAAiD,YAA3BL,EAAWM,OAAOD,MACrDX,EAAQa,YAAY,CAClBF,KAAM,UACNH,YACAC,WACAC,UAIoB,YAApBJ,EAAWK,MACbX,EAAQa,YAAY,CAClBF,KAAM,UACNH,YACAC,YAEJ,IAGFT,EAAQc,UAAaF,IACdA,GAAQD,OAvCbZ,GAAc,EA2CX,MACD,MAAMY,KAAEA,EAAIH,UAAEA,EAASC,SAAEA,EAAQC,MAAEA,GAAUE,EAE7C,GAAa,YAATD,EAAoB,CACtB,MAAMJ,EAAQJ,EAAWY,IAAIP,GAE7B,GAAID,EAEF,YADAA,EAAMS,SAASN,GAIjBP,EAAWc,MACTpB,EACA,CACEY,WACAD,aAEFE,EAEJ,MAAO,GAAa,YAATC,EAAoB,CAC7B,MAAMJ,EAAQJ,EAAWY,IAAIP,GAEzBD,GACFJ,EAAWe,OAAOX,EAEtB,GAnEFY,GACApB,GAAc,EAmEZ,CAEN"}