@rozenite/tanstack-query-plugin 1.0.0-alpha.3 → 1.0.0-alpha.5

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.
Files changed (20) hide show
  1. package/README.md +2 -2
  2. package/dist/assets/{CXEL7IU7-DceQb8rR.js → CXEL7IU7-CVo7ADF0.js} +1 -1
  3. package/dist/assets/tanstack-query-F-KVoy39.js +48 -0
  4. package/dist/react-native.cjs +1 -1
  5. package/dist/react-native.d.ts +3 -1
  6. package/dist/react-native.js +1 -1
  7. package/dist/rozenite.json +1 -1
  8. package/dist/tanstack-query.html +1 -1
  9. package/dist/useTanstackQueryDevTools.js +1 -0
  10. package/package.json +13 -10
  11. package/project.json +12 -0
  12. package/src/react-native/useHandleDevToolsMessages.ts +2 -3
  13. package/src/react-native/useHandleInitialData.ts +2 -3
  14. package/src/react-native/useSyncTanStackCache.ts +2 -3
  15. package/src/react-native/{useTanStackQueryDevTools.ts → useTanstackQueryDevTools.ts} +5 -4
  16. package/src/shared/useSyncOnlineStatus.ts +2 -3
  17. package/src/ui/tanstack-query.tsx +1 -1
  18. package/tsconfig.tsbuildinfo +1 -0
  19. package/dist/assets/tanstack-query-D9m62cyc.js +0 -48
  20. package/dist/useTanStackQueryDevTools.js +0 -1
package/dist/react-native.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.useTanStackQueryDevTools=void 0;process.env.NODE_ENV!=="production"?exports.useTanStackQueryDevTools=require("./useTanStackQueryDevTools.js").useTanStackQueryDevTools:exports.useTanStackQueryDevTools=()=>({isConnected:!1});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.useTanStackQueryDevTools=void 0;process.env.NODE_ENV!=="production"?exports.useTanStackQueryDevTools=require("./useTanstackQueryDevTools.js").useTanStackQueryDevTools:exports.useTanStackQueryDevTools=()=>({isConnected:!1});
package/dist/react-native.d.ts CHANGED
@@ -1,5 +1,7 @@
1
+ import { QueryClient } from '@tanstack/react-query';
2
+
1
3
  export declare let useTanStackQueryDevTools: useTanStackQueryDevTools_2;
2
4
 
3
- declare const useTanStackQueryDevTools_2: () => void;
5
+ declare const useTanStackQueryDevTools_2: (queryClient: QueryClient) => void;
4
6
 
5
7
  export { }
package/dist/react-native.js CHANGED
@@ -1,5 +1,5 @@
1
1
  let e;
2
- process.env.NODE_ENV !== "production" ? e = require("./useTanStackQueryDevTools.js").useTanStackQueryDevTools : e = () => ({ isConnected: !1 });
2
+ process.env.NODE_ENV !== "production" ? e = require("./useTanstackQueryDevTools.js").useTanStackQueryDevTools : e = () => ({ isConnected: !1 });
3
3
  export {
4
4
  e as useTanStackQueryDevTools
5
5
  };
package/dist/rozenite.json CHANGED
@@ -1 +1 @@
1
- {"name":"@rozenite/tanstack-query-plugin","version":"1.0.0-alpha.3","description":"TanStack Query for Rozenite.","panels":[{"name":"Tanstack Query","source":"/tanstack-query.html"}]}
1
+ {"name":"@rozenite/tanstack-query-plugin","version":"1.0.0-alpha.4","description":"TanStack Query for Rozenite.","panels":[{"name":"Tanstack Query","source":"/tanstack-query.html"}]}
package/dist/tanstack-query.html CHANGED
@@ -22,7 +22,7 @@
22
22
  <script>
23
23
  var __ROZENITE_PANEL__ = true;
24
24
  </script>
25
- <script type="module" crossorigin src="./assets/tanstack-query-D9m62cyc.js"></script>
25
+ <script type="module" crossorigin src="./assets/tanstack-query-F-KVoy39.js"></script>
26
26
  </head>
27
27
  <body>
28
28
  <div id="root"></div>
package/dist/useTanstackQueryDevTools.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("@rozenite/plugin-bridge"),u=require("react"),i=require("@tanstack/react-query"),f=e=>{u.useEffect(()=>{if(!e)return;const s=i.onlineManager.subscribe(r=>{e.send("online-status-changed",{online:r})}),a=e.onMessage("online-status-changed",({online:r})=>{i.onlineManager.setOnline(r)});return()=>{s(),a.remove()}},[e])},p=(e,s)=>{u.useEffect(()=>{if(!s)return;const a=s.onMessage("devtools-action",({type:r,queryHash:o})=>{const t=e.getQueryCache().get(o);if(!t){console.warn(`No active query found for hash: ${o}`);return}switch(r){case"TRIGGER_ERROR":{const n=t.options,c=new Error("Unknown error from devtools");t.setState({status:"error",error:c,fetchMeta:{...t.state.fetchMeta,__previousQueryOptions:n}});break}case"RESTORE_ERROR":{e.resetQueries(t);break}case"TRIGGER_LOADING":{if(!t)return;const n=t.options;t.fetch({...n,queryFn:()=>new Promise(()=>{}),gcTime:-1}),t.setState({data:void 0,status:"pending",fetchMeta:{...t.state.fetchMeta,__previousQueryOptions:n}});break}case"RESTORE_LOADING":{const n=t.state,c=t.state.fetchMeta?t.state.fetchMeta.__previousQueryOptions:null;t.cancel({silent:!0}),t.setState({...n,fetchStatus:"idle",fetchMeta:null}),c&&t.fetch(c);break}case"RESET":{e.resetQueries(t);break}case"REMOVE":{e.removeQueries(t);break}case"REFETCH":{t.fetch().catch(()=>{});break}case"INVALIDATE":{e.invalidateQueries(t);break}default:console.warn(`Unknown devtools action: ${r}`)}});return()=>{a.remove()}},[s])},g=e=>{const s=e.observers.map(a=>({queryHash:e.queryHash,options:a.options}));return{state:e.state,queryKey:e.queryKey,queryHash:e.queryHash,observers:s}},b=e=>({mutationId:e.mutationId,state:e.state,options:e.options}),d=e=>({queries:e.getQueryCache().getAll().map(g),mutations:e.getMutationCache().getAll().map(b)}),v=(e,s)=>{u.useEffect(()=>{if(!s)return;const a=()=>{const t=d(e);s.send("sync-data",{data:t})},r=e.getMutationCache().subscribe(a),o=e.getQueryCache().subscribe(a);return()=>{r(),o()}},[s,e])},l=(e,s)=>{u.useEffect(()=>{if(!s)return;const a=s.onMessage("request-initial-data",()=>{const r=d(e);s.send("sync-data",{data:r})});return()=>{a.remove()}},[s,e])},S=e=>{const s=h.useRozeniteDevToolsClient({pluginId:"@rozenite/tanstack-query-plugin"});f(s),p(e,s),v(e,s),l(e,s)};exports.useTanStackQueryDevTools=S;
package/package.json CHANGED
@@ -1,27 +1,30 @@
1
1
  {
2
2
  "name": "@rozenite/tanstack-query-plugin",
3
- "version": "1.0.0-alpha.3",
3
+ "version": "1.0.0-alpha.5",
4
4
  "description": "TanStack Query for Rozenite.",
5
5
  "type": "module",
6
6
  "main": "./dist/react-native.cjs",
7
7
  "module": "./dist/react-native.js",
8
8
  "types": "./dist/react-native.d.ts",
9
9
  "dependencies": {
10
- "@rozenite/plugin-bridge": "1.0.0-alpha.3"
10
+ "@rozenite/plugin-bridge": "1.0.0-alpha.5"
11
11
  },
12
12
  "devDependencies": {
13
- "@tanstack/react-query-devtools": "^5.0.0",
14
- "typescript": "^5.7.3",
15
13
  "vite": "^6.0.0",
16
- "react": "*",
17
- "react-native": "*",
14
+ "typescript": "^5.7.3",
15
+ "react-native-web": "0.21.0",
16
+ "react": "18.3.1",
17
+ "react-dom": "18.3.0",
18
+ "react-native": "0.76.0",
19
+ "@types/react": "~18.3.12",
18
20
  "@tanstack/react-query": "^5.0.0",
19
- "@rozenite/vite-plugin": "1.0.0-alpha.3",
20
- "rozenite": "1.0.0-alpha.3"
21
+ "@tanstack/react-query-devtools": "^5.0.0",
22
+ "rozenite": "1.0.0-alpha.5",
23
+ "@rozenite/vite-plugin": "1.0.0-alpha.5"
21
24
  },
22
25
  "peerDependencies": {
23
- "react": ">= 17.0.0",
24
- "react-native": ">= 0.74.0",
26
+ "react": "*",
27
+ "react-native": "*",
25
28
  "@tanstack/react-query": "^5.0.0"
26
29
  },
27
30
  "license": "MIT",
package/project.json ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ "$schema": "../../node_modules/nx/schemas/project-schema.json",
3
+ "name": "@rozenite/tanstack-query-plugin",
4
+ "targets": {
5
+ "build": {
6
+ "cache": true,
7
+ "dependsOn": ["^build"],
8
+ "inputs": ["{projectRoot}/src/**/*"],
9
+ "outputs": ["{projectRoot}/dist"]
10
+ }
11
+ }
12
+ }
package/src/react-native/useHandleDevToolsMessages.ts CHANGED
@@ -1,12 +1,11 @@
1
1
  import { useEffect } from 'react';
2
- import { useQueryClient } from '@tanstack/react-query';
2
+ import { QueryClient } from '@tanstack/react-query';
3
3
  import { TanStackQueryPluginClient } from '../shared/messaging';
4
4
 
5
5
  export const useHandleDevToolsMessages = (
6
+ queryClient: QueryClient,
6
7
  client: TanStackQueryPluginClient | null
7
8
  ) => {
8
- const queryClient = useQueryClient();
9
-
10
9
  useEffect(() => {
11
10
  if (!client) {
12
11
  return;
package/src/react-native/useHandleInitialData.ts CHANGED
@@ -1,13 +1,12 @@
1
1
  import { useEffect } from 'react';
2
2
  import { TanStackQueryPluginClient } from '../shared/messaging';
3
- import { useQueryClient } from '@tanstack/react-query';
3
+ import { QueryClient } from '@tanstack/react-query';
4
4
  import { dehydrateQueryClient } from '../shared/dehydrate';
5
5
 
6
6
  export const useHandleInitialData = (
7
+ queryClient: QueryClient,
7
8
  client: TanStackQueryPluginClient | null
8
9
  ) => {
9
- const queryClient = useQueryClient();
10
-
11
10
  useEffect(() => {
12
11
  if (!client) {
13
12
  return;
package/src/react-native/useSyncTanStackCache.ts CHANGED
@@ -1,13 +1,12 @@
1
- import { useQueryClient } from '@tanstack/react-query';
1
+ import { QueryClient } from '@tanstack/react-query';
2
2
  import { useEffect } from 'react';
3
3
  import { TanStackQueryPluginClient } from '../shared/messaging';
4
4
  import { dehydrateQueryClient } from '../shared/dehydrate';
5
5
 
6
6
  export const useSyncTanStackCache = (
7
+ queryClient: QueryClient,
7
8
  client: TanStackQueryPluginClient | null
8
9
  ) => {
9
- const queryClient = useQueryClient();
10
-
11
10
  useEffect(() => {
12
11
  if (!client) {
13
12
  return;
package/src/react-native/{useTanStackQueryDevTools.ts → useTanstackQueryDevTools.ts} RENAMED
@@ -1,3 +1,4 @@
1
+ import { QueryClient } from '@tanstack/react-query';
1
2
  import { useRozeniteDevToolsClient } from '@rozenite/plugin-bridge';
2
3
  import { TanStackQueryPluginEventMap } from '../shared/messaging';
3
4
  import { useSyncOnlineStatus } from '../shared/useSyncOnlineStatus';
@@ -5,16 +6,16 @@ import { useHandleDevToolsMessages } from './useHandleDevToolsMessages';
5
6
  import { useSyncTanStackCache } from './useSyncTanStackCache';
6
7
  import { useHandleInitialData } from './useHandleInitialData';
7
8
 
8
- export const useTanStackQueryDevTools = () => {
9
+ export const useTanStackQueryDevTools = (queryClient: QueryClient) => {
9
10
  const client = useRozeniteDevToolsClient<TanStackQueryPluginEventMap>({
10
11
  pluginId: '@rozenite/tanstack-query-plugin',
11
12
  });
12
13
 
13
14
  useSyncOnlineStatus(client);
14
15
 
15
- useHandleDevToolsMessages(client);
16
+ useHandleDevToolsMessages(queryClient, client);
16
17
 
17
- useSyncTanStackCache(client);
18
+ useSyncTanStackCache(queryClient, client);
18
19
 
19
- useHandleInitialData(client);
20
+ useHandleInitialData(queryClient, client);
20
21
  };
package/src/shared/useSyncOnlineStatus.ts CHANGED
@@ -11,14 +11,13 @@ export const useSyncOnlineStatus = (
11
11
  }
12
12
 
13
13
  const onlineManagerSubscription = onlineManager.subscribe((online) => {
14
- // client.send('online-status-changed', { online });
14
+ client.send('online-status-changed', { online });
15
15
  });
16
16
 
17
17
  const onlineMessageSubscription = client.onMessage(
18
18
  'online-status-changed',
19
19
  ({ online }) => {
20
- console.log('changed from ', onlineManager.isOnline(), 'to', online);
21
- // onlineManager.setOnline(online);
20
+ onlineManager.setOnline(online);
22
21
  }
23
22
  );
24
23
 
package/src/ui/tanstack-query.tsx CHANGED
@@ -20,7 +20,7 @@ const App = () => {
20
20
 
21
21
  useHandleSyncMessages(client);
22
22
 
23
- return <ReactQueryDevtoolsPanel />;
23
+ return <ReactQueryDevtoolsPanel style={{ height: '100%', width: '100%' }} />;
24
24
  };
25
25
 
26
26
  const queryClient = new QueryClient();
package/tsconfig.tsbuildinfo ADDED
@@ -0,0 +1 @@
1
+ {"root":["./src/react-native/usehandledevtoolsmessages.ts","./src/react-native/usehandleinitialdata.ts","./src/react-native/usesynctanstackcache.ts","./src/react-native/usetanstackquerydevtools.ts","./src/shared/dehydrate.ts","./src/shared/hydrate.ts","./src/shared/messaging.ts","./src/shared/types.ts","./src/shared/usesynconlinestatus.ts","./src/ui/tanstack-query.tsx","./src/ui/usehandlesyncmessages.ts","./src/ui/usesyncdevtoolsevents.ts","./src/ui/usesyncinitialdata.ts","./react-native.ts","./rozenite.config.ts"],"errors":true,"version":"5.8.3"}