@rozenite/tanstack-query-plugin 1.0.0-alpha.2 → 1.0.0-alpha.4

package/dist/react-native.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@rozenite/plugin-bridge"),i=require("react"),a=require("@tanstack/react-query"),y=e=>{i.useEffect(()=>{if(!e)return;const s=a.onlineManager.subscribe(r=>{}),n=e.onMessage("online-status-changed",({online:r})=>{console.log("changed from ",a.onlineManager.isOnline(),"to",r)});return()=>{s(),n.remove()}},[e])},h=e=>{const s=a.useQueryClient();i.useEffect(()=>{if(!e)return;const n=e.onMessage("devtools-action",({type:r,queryHash:u})=>{const t=s.getQueryCache().get(u);if(!t){console.warn(`No active query found for hash: ${u}`);return}switch(r){case"TRIGGER_ERROR":{const o=t.options,c=new Error("Unknown error from devtools");t.setState({status:"error",error:c,fetchMeta:{...t.state.fetchMeta,__previousQueryOptions:o}});break}case"RESTORE_ERROR":{s.resetQueries(t);break}case"TRIGGER_LOADING":{if(!t)return;const o=t.options;t.fetch({...o,queryFn:()=>new Promise(()=>{}),gcTime:-1}),t.setState({data:void 0,status:"pending",fetchMeta:{...t.state.fetchMeta,__previousQueryOptions:o}});break}case"RESTORE_LOADING":{const o=t.state,c=t.state.fetchMeta?t.state.fetchMeta.__previousQueryOptions:null;t.cancel({silent:!0}),t.setState({...o,fetchStatus:"idle",fetchMeta:null}),c&&t.fetch(c);break}case"RESET":{s.resetQueries(t);break}case"REMOVE":{s.removeQueries(t);break}case"REFETCH":{t.fetch().catch(()=>{});break}case"INVALIDATE":{s.invalidateQueries(t);break}default:console.warn(`Unknown devtools action: ${r}`)}});return()=>{n.remove()}},[e])},f=e=>{const s=e.observers.map(n=>({queryHash:e.queryHash,options:n.options}));return{state:e.state,queryKey:e.queryKey,queryHash:e.queryHash,observers:s}},p=e=>({mutationId:e.mutationId,state:e.state,options:e.options}),d=e=>({queries:e.getQueryCache().getAll().map(f),mutations:e.getMutationCache().getAll().map(p)}),v=e=>{const s=a.useQueryClient();i.useEffect(()=>{if(!e)return;const n=()=>{const t=d(s);e.send("sync-data",{data:t})},r=s.getMutationCache().subscribe(n),u=s.getQueryCache().subscribe(n);return()=>{r(),u()}},[e,s])},g=e=>{const s=a.useQueryClient();i.useEffect(()=>{if(!e)return;const n=e.onMessage("request-initial-data",()=>{const r=d(s);e.send("sync-data",{data:r})});return()=>{n.remove()}},[e,s])},b=()=>{const e=l.useRozeniteDevToolsClient({pluginId:"@rozenite/tanstack-query-plugin"});y(e),h(e),v(e),g(e)};exports.useTanStackQueryDevTools=void 0;process.env.NODE_ENV!=="production"?exports.useTanStackQueryDevTools=b:exports.useTanStackQueryDevTools=()=>({isConnected:!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

@@ -1,5 +1,5 @@
-import { useTanStackQueryDevTools as useTanStackQueryDevTools_2 } from './src/react-native/useTanStackQueryDevTools';
-
 export declare let useTanStackQueryDevTools: useTanStackQueryDevTools_2;
 
+declare const useTanStackQueryDevTools_2: () => void;
+
 export { }

package/dist/react-native.js

@@ -1,160 +1,5 @@
-import { useRozeniteDevToolsClient as p } from "@rozenite/plugin-bridge";
-import { useEffect as i } from "react";
-import { onlineManager as d, useQueryClient as u } from "@tanstack/react-query";
-const f = (e) => {
-  i(() => {
-    if (!e)
-      return;
-    const s = d.subscribe((r) => {
-    }), n = e.onMessage(
-      "online-status-changed",
-      ({ online: r }) => {
-        console.log("changed from ", d.isOnline(), "to", r);
-      }
-    );
-    return () => {
-      s(), n.remove();
-    };
-  }, [e]);
-}, y = (e) => {
-  const s = u();
-  i(() => {
-    if (!e)
-      return;
-    const n = e.onMessage(
-      "devtools-action",
-      ({ type: r, queryHash: a }) => {
-        const t = s.getQueryCache().get(a);
-        if (!t) {
-          console.warn(`No active query found for hash: ${a}`);
-          return;
-        }
-        switch (r) {
-          case "TRIGGER_ERROR": {
-            const o = t.options, c = new Error("Unknown error from devtools");
-            t.setState({
-              status: "error",
-              error: c,
-              fetchMeta: {
-                ...t.state.fetchMeta,
-                // @ts-expect-error This does exist
-                __previousQueryOptions: o
-              }
-            });
-            break;
-          }
-          case "RESTORE_ERROR": {
-            s.resetQueries(t);
-            break;
-          }
-          case "TRIGGER_LOADING": {
-            if (!t) return;
-            const o = t.options;
-            t.fetch({
-              ...o,
-              queryFn: () => new Promise(() => {
-              }),
-              gcTime: -1
-            }), t.setState({
-              data: void 0,
-              status: "pending",
-              fetchMeta: {
-                ...t.state.fetchMeta,
-                // @ts-expect-error This does exist
-                __previousQueryOptions: o
-              }
-            });
-            break;
-          }
-          case "RESTORE_LOADING": {
-            const o = t.state, c = t.state.fetchMeta ? t.state.fetchMeta.__previousQueryOptions : null;
-            t.cancel({ silent: !0 }), t.setState({
-              ...o,
-              fetchStatus: "idle",
-              fetchMeta: null
-            }), c && t.fetch(c);
-            break;
-          }
-          case "RESET": {
-            s.resetQueries(t);
-            break;
-          }
-          case "REMOVE": {
-            s.removeQueries(t);
-            break;
-          }
-          case "REFETCH": {
-            t.fetch().catch(() => {
-            });
-            break;
-          }
-          case "INVALIDATE": {
-            s.invalidateQueries(t);
-            break;
-          }
-          default:
-            console.warn(`Unknown devtools action: ${r}`);
-        }
-      }
-    );
-    return () => {
-      n.remove();
-    };
-  }, [e]);
-}, v = (e) => {
-  const s = e.observers.map(
-    (n) => ({
-      queryHash: e.queryHash,
-      options: n.options
-    })
-  );
-  return {
-    state: e.state,
-    queryKey: e.queryKey,
-    queryHash: e.queryHash,
-    observers: s
-  };
-}, b = (e) => ({
-  mutationId: e.mutationId,
-  state: e.state,
-  options: e.options
-}), h = (e) => ({
-  queries: e.getQueryCache().getAll().map(v),
-  mutations: e.getMutationCache().getAll().map(b)
-}), g = (e) => {
-  const s = u();
-  i(() => {
-    if (!e)
-      return;
-    const n = () => {
-      const t = h(s);
-      e.send("sync-data", { data: t });
-    }, r = s.getMutationCache().subscribe(n), a = s.getQueryCache().subscribe(n);
-    return () => {
-      r(), a();
-    };
-  }, [e, s]);
-}, S = (e) => {
-  const s = u();
-  i(() => {
-    if (!e)
-      return;
-    const n = e.onMessage("request-initial-data", () => {
-      const r = h(s);
-      e.send("sync-data", { data: r });
-    });
-    return () => {
-      n.remove();
-    };
-  }, [e, s]);
-}, m = () => {
-  const e = p({
-    pluginId: "@rozenite/tanstack-query-plugin"
-  });
-  f(e), y(e), g(e), S(e);
-};
-let l;
-process.env.NODE_ENV !== "production" ? l = m : l = () => ({ isConnected: !1 });
+let e;
+process.env.NODE_ENV !== "production" ? e = require("./useTanStackQueryDevTools.js").useTanStackQueryDevTools : e = () => ({ isConnected: !1 });
 export {
-  l as useTanStackQueryDevTools
+  e as useTanStackQueryDevTools
 };

package/dist/rozenite.json

@@ -1 +1 @@
-{"name":"@rozenite/tanstack-query-plugin","version":"1.0.0-alpha.1","description":"TanStack Query for Rozenite.","panels":[{"name":"Tanstack Query","source":"/tanstack-query.html"}]}
+{"name":"@rozenite/tanstack-query-plugin","version":"1.0.0-alpha.3","description":"TanStack Query for Rozenite.","panels":[{"name":"Tanstack Query","source":"/tanstack-query.html"}]}

package/dist/tanstack-query.html

@@ -22,7 +22,7 @@
     <script>
       var __ROZENITE_PANEL__ = true;
     </script>
-    <script type="module" crossorigin src="./assets/tanstack-query-By949uAm.js"></script>
+    <script type="module" crossorigin src="./assets/tanstack-query-DSN-k5Qe.js"></script>
   </head>
   <body>
     <div id="root"></div>

package/dist/useTanStackQueryDevTools.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@rozenite/plugin-bridge"),i=require("react"),o=require("@tanstack/react-query"),h=e=>{i.useEffect(()=>{if(!e)return;const s=o.onlineManager.subscribe(r=>{}),n=e.onMessage("online-status-changed",({online:r})=>{console.log("changed from ",o.onlineManager.isOnline(),"to",r)});return()=>{s(),n.remove()}},[e])},y=e=>{const s=o.useQueryClient();i.useEffect(()=>{if(!e)return;const n=e.onMessage("devtools-action",({type:r,queryHash:u})=>{const t=s.getQueryCache().get(u);if(!t){console.warn(`No active query found for hash: ${u}`);return}switch(r){case"TRIGGER_ERROR":{const a=t.options,c=new Error("Unknown error from devtools");t.setState({status:"error",error:c,fetchMeta:{...t.state.fetchMeta,__previousQueryOptions:a}});break}case"RESTORE_ERROR":{s.resetQueries(t);break}case"TRIGGER_LOADING":{if(!t)return;const a=t.options;t.fetch({...a,queryFn:()=>new Promise(()=>{}),gcTime:-1}),t.setState({data:void 0,status:"pending",fetchMeta:{...t.state.fetchMeta,__previousQueryOptions:a}});break}case"RESTORE_LOADING":{const a=t.state,c=t.state.fetchMeta?t.state.fetchMeta.__previousQueryOptions:null;t.cancel({silent:!0}),t.setState({...a,fetchStatus:"idle",fetchMeta:null}),c&&t.fetch(c);break}case"RESET":{s.resetQueries(t);break}case"REMOVE":{s.removeQueries(t);break}case"REFETCH":{t.fetch().catch(()=>{});break}case"INVALIDATE":{s.invalidateQueries(t);break}default:console.warn(`Unknown devtools action: ${r}`)}});return()=>{n.remove()}},[e])},f=e=>{const s=e.observers.map(n=>({queryHash:e.queryHash,options:n.options}));return{state:e.state,queryKey:e.queryKey,queryHash:e.queryHash,observers:s}},p=e=>({mutationId:e.mutationId,state:e.state,options:e.options}),d=e=>({queries:e.getQueryCache().getAll().map(f),mutations:e.getMutationCache().getAll().map(p)}),g=e=>{const s=o.useQueryClient();i.useEffect(()=>{if(!e)return;const n=()=>{const t=d(s);e.send("sync-data",{data:t})},r=s.getMutationCache().subscribe(n),u=s.getQueryCache().subscribe(n);return()=>{r(),u()}},[e,s])},b=e=>{const s=o.useQueryClient();i.useEffect(()=>{if(!e)return;const n=e.onMessage("request-initial-data",()=>{const r=d(s);e.send("sync-data",{data:r})});return()=>{n.remove()}},[e,s])},v=()=>{const e=l.useRozeniteDevToolsClient({pluginId:"@rozenite/tanstack-query-plugin"});h(e),y(e),g(e),b(e)};exports.useTanStackQueryDevTools=v;

package/package.json

@@ -1,26 +1,30 @@
 {
   "name": "@rozenite/tanstack-query-plugin",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.4",
   "description": "TanStack Query for Rozenite.",
   "type": "module",
   "main": "./dist/react-native.cjs",
   "module": "./dist/react-native.js",
   "types": "./dist/react-native.d.ts",
   "dependencies": {
-    "@rozenite/plugin-bridge": "1.0.0-alpha.0"
+    "@rozenite/plugin-bridge": "1.0.0-alpha.4"
   },
   "devDependencies": {
-    "@tanstack/react-query-devtools": "^5.0.0",
-    "typescript": "^5.7.3",
     "vite": "^6.0.0",
-    "react": "*",
-    "react-native": "*",
-    "rozenite": "1.0.0-alpha.0",
-    "@rozenite/vite-plugin": "1.0.0-alpha.1"
+    "typescript": "^5.7.3",
+    "react-native-web": "0.21.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.0",
+    "react-native": "0.76.0",
+    "@types/react": "~18.3.12",
+    "@tanstack/react-query": "^5.0.0",
+    "@tanstack/react-query-devtools": "^5.0.0",
+    "@rozenite/vite-plugin": "1.0.0-alpha.4",
+    "rozenite": "1.0.0-alpha.4"
   },
   "peerDependencies": {
-    "react": ">= 17.0.0",
-    "react-native": ">= 0.74.0",
+    "react": "*",
+    "react-native": "*",
     "@tanstack/react-query": "^5.0.0"
   },
   "license": "MIT",

package/project.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "name": "@rozenite/tanstack-query-plugin",
+  "targets": {
+    "build": {
+      "cache": true,
+      "dependsOn": ["^build"],
+      "inputs": ["{projectRoot}/src/**/*"],
+      "outputs": ["{projectRoot}/dist"]
+    }
+  }
+}

package/react-native.ts

@@ -1,8 +1,8 @@
-
 export let useTanStackQueryDevTools: typeof import('./src/react-native/useTanStackQueryDevTools').useTanStackQueryDevTools;
 
 if (process.env.NODE_ENV !== 'production') {
-  useTanStackQueryDevTools = require('./src/react-native/useTanStackQueryDevTools').useTanStackQueryDevTools;
+  useTanStackQueryDevTools =
+    require('./src/react-native/useTanStackQueryDevTools').useTanStackQueryDevTools;
 } else {
   useTanStackQueryDevTools = () => ({ isConnected: false });
 }

package/tsconfig.json

@@ -16,10 +16,17 @@
     "noEmit": true,
     "jsx": "react-jsx"
   },
-  "include": [
-    "src/**/*",
-    "react-native.ts",
-    "rozenite.config.ts"
-  ],
-  "exclude": ["node_modules", "dist", "build"]
+  "include": ["src/**/*", "react-native.ts", "rozenite.config.ts"],
+  "exclude": ["node_modules", "dist", "build"],
+  "references": [
+    {
+      "path": "../plugin-bridge"
+    },
+    {
+      "path": "../cli"
+    },
+    {
+      "path": "../vite-plugin"
+    }
+  ]
 }

package/tsconfig.tsbuildinfo

@@ -0,0 +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"}