Reshuffle some stuff...

Author: scottmas

build.mjs

@@ -10,6 +10,6 @@ esbuild.build({
   minify: false,
   platform: "neutral",
   sourcemap: true,
-  external: ["react-query"],
+  external: ["react-query", "fast-safe-stringify"],
   ...argv,
 });

example-app/server-sdk.ts

@@ -0,0 +1,16 @@
+import { createBifrost, QueryClient } from "bifrost";
+import axios from "axios";
+import type { ApiType } from "./server-api";
+
+export function createServerSDK(queryClient: QueryClient) {
+  const ServerSDK = createBifrost<ApiType>({
+    queryClient,
+    doFetch: async ({ argument, path }) => {
+      return axios
+        .post(`http://localhost:8000/${path.join("/")}`, { argument })
+        .then((resp) => resp.data);
+    },
+  });
+
+  return { ServerSDK };
+}

example-app/src/App.tsx

@@ -1,25 +1,11 @@
-import { useEffect, useState } from "react";
+import { useEffect } from "react";
 import { render } from "react-dom";
-import type { ApiType } from "../server-api";
-import axios from "axios";
-import { createBifrost } from "bifrost";
-import {
-  QueryClient,
-  QueryClientProvider,
-  useMutation,
-  useQueryClient,
-} from "react-query";
+import { createServerSDK } from "../server-sdk";
+import { QueryClient, QueryClientProvider, useQueryClient } from "react-query";
 
 const queryClient = new QueryClient();
 
-const Bifrost = createBifrost<ApiType>({
-  queryClient,
-  doFetch: async ({ argument, path }) => {
-    return axios
-      .post(`http://localhost:8000/${path.join("/")}`, { argument })
-      .then((resp) => resp.data);
-  },
-});
+const { ServerSDK } = createServerSDK(queryClient);
 
 function App() {
   return (
@@ -31,16 +17,16 @@ function App() {
 
 function AppInner() {
   useEffect(() => {
-    Bifrost.sdk.accounts.someCoolAccountsFn({ foo: "asdf" }).then((data) => {
+    ServerSDK.sdk.accounts.someCoolAccountsFn({ foo: "asdf" }).then((data) => {
       console.log("Fetched data!", data.someValue);
     });
   }, []);
 
-  const r2 = Bifrost.useSDKMutation().accounts.someCoolAccountsFn();
+  const r2 = ServerSDK.useSDKMutation().accounts.someCoolAccountsFn();
 
   const qc = useQueryClient();
 
-  const r = Bifrost.useSDK().accounts.anotherCoolAccountsFn(
+  const r = ServerSDK.useSDK().accounts.anotherCoolAccountsFn(
     { bar: 123, blah: "asdf" },
     {
       select: (a) => a.waddup,
@@ -50,7 +36,7 @@ function AppInner() {
   return (
     <div
       onClick={() => {
-        const asdf = Bifrost.getSDKQueryKey.accounts.anotherCoolAccountsFn({
+        const asdf = ServerSDK.getSDKQueryKey.accounts.anotherCoolAccountsFn({
           blah: "asdf",
           bar: 123,
         });

src/index.ts

@@ -18,6 +18,9 @@ import {
 } from "react-query";
 import { createBifrostSDK } from "./server";
 
+//For convenience, export the react-query QueryClient type
+export type { QueryClient } from "react-query";
+
 export function createBifrost<Endpoints extends DeepAsyncFnRecord<Endpoints>>(
   opts: Opts
 ): {

tsconfig.json

@@ -16,6 +16,7 @@
     "noEmitHelpers": true,
     "noImplicitAny": true,
     "noImplicitReturns": true,
+    "emitDeclarationOnly": true,
     "noImplicitThis": true,
     "preserveWatchOutput": true,
     "noPropertyAccessFromIndexSignature": true,