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

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,152 +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.0","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-4kxOTB8B.js"></script>
+    <script type="module" crossorigin src="./assets/tanstack-query-D9m62cyc.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,13 +1,13 @@
 {
   "name": "@rozenite/tanstack-query-plugin",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.3",
   "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.3"
   },
   "devDependencies": {
     "@tanstack/react-query-devtools": "^5.0.0",
@@ -15,8 +15,9 @@
     "vite": "^6.0.0",
     "react": "*",
     "react-native": "*",
-    "rozenite": "1.0.0-alpha.0",
-    "@rozenite/vite-plugin": "1.0.0-alpha.1"
+    "@tanstack/react-query": "^5.0.0",
+    "@rozenite/vite-plugin": "1.0.0-alpha.3",
+    "rozenite": "1.0.0-alpha.3"
   },
   "peerDependencies": {
     "react": ">= 17.0.0",

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/src/ui/tanstack-query.tsx

@@ -1,5 +1,5 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools';
+import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools/production';
 import { useRozeniteDevToolsClient } from '@rozenite/plugin-bridge';
 import { TanStackQueryPluginEventMap } from '../shared/messaging';
 import { useSyncInitialData } from './useSyncInitialData';

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"
+    }
+  ]
 }