@stryke/trpc-next 0.2.1 → 0.4.0

package/dist/tanstack-query/client.cjs

@@ -12,36 +12,35 @@ var _client = require("@trpc/client");
 var _tanstackReactQuery = require("@trpc/tanstack-react-query");
 var _react = require("react");
 var _shared = require("../shared.cjs");
-function createTRPCTanstackQueryClient() {
+function createTRPCTanstackQueryClient(t, o) {
   const {
-    TRPCProvider: t,
-    useTRPC: o
-  } = (0, _tanstackReactQuery.createTRPCContext)();
+      TRPCProvider: n,
+      useTRPC: i
+    } = (0, _tanstackReactQuery.createTRPCContext)(),
+    e = (0, _shared.createQueryClient)(o);
   return {
-    useTRPCTanstackQuery: o,
-    TRPCTanstackQueryProvider(n) {
+    useTRPCTanstackQuery: i,
+    TRPCTanstackQueryProvider: c => {
       const {
-          children: i,
-          baseUrl: u,
-          queryClient: e
-        } = n,
-        [c] = (0, _react.useState)(() => (0, _client.createTRPCClient)({
+          children: u
+        } = c,
+        [a] = (0, _react.useState)(() => (0, _client.createTRPCClient)({
           links: [(0, _client.loggerLink)({
             enabled: r => _environmentChecks.isDevelopment || r.direction === "down" && r.result instanceof Error
           }), (0, _client.httpBatchStreamLink)({
             transformer: _shared.transformer,
-            url: (0, _shared.getTRPCServerUrl)(u),
+            url: (0, _shared.getTRPCServerUrl)(t),
             headers: {
               "x-trpc-source": "react-query"
             }
           })]
         }));
-      return React.createElement(t, {
-        trpcClient: c,
+      return React.createElement(n, {
+        trpcClient: a,
         queryClient: e
       }, React.createElement(_reactQuery.QueryClientProvider, {
         client: e
-      }, i, React.createElement(_reactQueryDevtools.ReactQueryDevtools, null)));
+      }, u, React.createElement(_reactQueryDevtools.ReactQueryDevtools, null)));
     }
   };
 }

package/dist/tanstack-query/client.d.ts

@@ -1,16 +1,14 @@
 import type { StormURL } from "@stryke/http/types";
-import type { QueryClient } from "@tanstack/react-query";
+import type { QueryClientConfig } from "@tanstack/react-query";
 import type { AnyTRPCRouter } from "@trpc/server";
 /**
  * Create a TRPC Tanstack Query client.
  *
  * @returns The TRPC Tanstack Query client
  */
-export declare function createTRPCTanstackQueryClient<TRouter extends AnyTRPCRouter>(): {
+export declare function createTRPCTanstackQueryClient<TRouter extends AnyTRPCRouter>(baseUrl: string | StormURL, config?: Partial<QueryClientConfig>): {
     useTRPCTanstackQuery: () => import("@trpc/tanstack-react-query").TRPCOptionsProxy<TRouter>;
-    TRPCTanstackQueryProvider(props: {
+    TRPCTanstackQueryProvider: (props: {
         children: React.ReactNode;
-        baseUrl: string | StormURL;
-        queryClient: QueryClient;
-    }): import("react").JSX.Element;
+    }) => import("react").JSX.Element;
 };

package/dist/tanstack-query/client.mjs

@@ -1 +1 @@
-"use client";import{isDevelopment as s}from"@stryke/env/environment-checks";import{QueryClientProvider as a}from"@tanstack/react-query";import{ReactQueryDevtools as l}from"@tanstack/react-query-devtools";import{createTRPCClient as m,httpBatchStreamLink as C,loggerLink as R}from"@trpc/client";import{createTRPCContext as p}from"@trpc/tanstack-react-query";import{useState as y}from"react";import{getTRPCServerUrl as T,transformer as P}from"../shared";export function createTRPCTanstackQueryClient(){const{TRPCProvider:t,useTRPC:o}=p();return{useTRPCTanstackQuery:o,TRPCTanstackQueryProvider(n){const{children:i,baseUrl:u,queryClient:e}=n,[c]=y(()=>m({links:[R({enabled:r=>s||r.direction==="down"&&r.result instanceof Error}),C({transformer:P,url:T(u),headers:{"x-trpc-source":"react-query"}})]}));return React.createElement(t,{trpcClient:c,queryClient:e},React.createElement(a,{client:e},i,React.createElement(l,null)))}}}
+"use client";import{isDevelopment as s}from"@stryke/env/environment-checks";import{QueryClientProvider as m}from"@tanstack/react-query";import{ReactQueryDevtools as C}from"@tanstack/react-query-devtools";import{createTRPCClient as l,httpBatchStreamLink as R,loggerLink as p}from"@trpc/client";import{createTRPCContext as y}from"@trpc/tanstack-react-query";import{useState as T}from"react";import{createQueryClient as f,getTRPCServerUrl as P,transformer as d}from"../shared";export function createTRPCTanstackQueryClient(t,o){const{TRPCProvider:n,useTRPC:i}=y(),e=f(o);return{useTRPCTanstackQuery:i,TRPCTanstackQueryProvider:c=>{const{children:u}=c,[a]=T(()=>l({links:[p({enabled:r=>s||r.direction==="down"&&r.result instanceof Error}),R({transformer:d,url:P(t),headers:{"x-trpc-source":"react-query"}})]}));return React.createElement(n,{trpcClient:a,queryClient:e},React.createElement(m,{client:e},u,React.createElement(C,null)))}}}

package/dist/tanstack-query/server.cjs

@@ -29,14 +29,13 @@ function createTRPCTanstackQueryServer(n, i = () => ({}), a) {
       queryClient: r,
       ctx: c
     }),
-    getQueryClient: r,
-    HydrateClient(e) {
+    HydrateClient: e => {
       const t = (0, _reactQuery.dehydrate)(r());
       return _react.default.createElement(_reactQuery.HydrationBoundary, {
         state: t
       }, e.children);
     },
-    prefetch(e) {
+    prefetch: e => {
       const t = r();
       e.queryKey[1]?.type === "infinite" ? t.prefetchInfiniteQuery(e) : t.prefetchQuery(e);
     }

package/dist/tanstack-query/server.d.ts

@@ -14,9 +14,8 @@ import "server-only";
  */
 export declare function createTRPCTanstackQueryServer<TRouter extends AnyTRPCRouter, TContext extends inferRouterContext<TRouter>>(router: TRouter, createContext?: () => MaybePromise<TContext>, config?: Partial<QueryClientConfig>): {
     trpc: import("@trpc/tanstack-react-query").TRPCOptionsProxy<TRouter>;
-    getQueryClient: () => import("@tanstack/react-query").QueryClient;
-    HydrateClient(props: {
+    HydrateClient: (props: {
         children: React.ReactNode;
-    }): any;
-    prefetch<T extends ReturnType<TRPCQueryOptions<any>>>(queryOptions: T): void;
+    }) => any;
+    prefetch: <T extends ReturnType<TRPCQueryOptions<any>>>(queryOptions: T) => void;
 };

package/dist/tanstack-query/server.mjs

@@ -1 +1 @@
-import{dehydrate as s,HydrationBoundary as y}from"@tanstack/react-query";import{createTRPCOptionsProxy as p}from"@trpc/tanstack-react-query";import u from"defu";import{headers as m}from"next/headers";import d,{cache as o}from"react";import"server-only";import{createQueryClient as f}from"../shared";export function createTRPCTanstackQueryServer(n,i=()=>({}),a){const c=o(async()=>{const e=await Promise.resolve(i()),t=new Headers(await m());return t.set("x-trpc-source","rsc"),u({headers:Object.fromEntries(t)},e)}),r=o(()=>f(a));return{trpc:p({router:n,queryClient:r,ctx:c}),getQueryClient:r,HydrateClient(e){const t=s(r());return d.createElement(y,{state:t},e.children)},prefetch(e){const t=r();e.queryKey[1]?.type==="infinite"?t.prefetchInfiniteQuery(e):t.prefetchQuery(e)}}}
+import{dehydrate as s,HydrationBoundary as y}from"@tanstack/react-query";import{createTRPCOptionsProxy as p}from"@trpc/tanstack-react-query";import u from"defu";import{headers as m}from"next/headers";import d,{cache as o}from"react";import"server-only";import{createQueryClient as f}from"../shared";export function createTRPCTanstackQueryServer(n,i=()=>({}),a){const c=o(async()=>{const e=await Promise.resolve(i()),t=new Headers(await m());return t.set("x-trpc-source","rsc"),u({headers:Object.fromEntries(t)},e)}),r=o(()=>f(a));return{trpc:p({router:n,queryClient:r,ctx:c}),HydrateClient:e=>{const t=s(r());return d.createElement(y,{state:t},e.children)},prefetch:e=>{const t=r();e.queryKey[1]?.type==="infinite"?t.prefetchInfiniteQuery(e):t.prefetchQuery(e)}}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stryke/trpc-next",
-  "version": "0.2.1",
+  "version": "0.4.0",
   "type": "module",
   "description": "A package to help in using tRPC in modern NextJs applications.",
   "repository": {