@aspida/react-query - npm Package Compare versions

Comparing version 1.12.0 to 1.13.0

package.json

 {
   "name": "@aspida/react-query",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "description": "React Query wrapper for aspida",
   "author": "Solufa <[e-mail]>",
   "license": "MIT",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "bin": "./bin/index.js",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "import": "./dist/esm/index.js",
+      "types": "./dist/esm/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
   "homepage": "https://github.com/aspida/aspida/tree/master/packages/aspida-react-query#readme",
@@ -29,4 +38,4 @@ "repository": {
   "dependencies": {
-    "aspida": "^1.12.0"
+    "aspida": "^1.13.0"
   }
-}
+}

README.md

@@ -12,8 +12,2 @@ # @aspida/react-query
   </a>
-  <a href="https://github.com/aspida/aspida/actions?query=workflow%3A%22Node.js+CI%22">
-    <img src="https://github.com/aspida/aspida/workflows/Node.js%20CI/badge.svg?branch=master" alt="Node.js CI" />
-  </a>
-  <a href="https://lgtm.com/projects/g/aspida/aspida/context:javascript">
-    <img src="https://img.shields.io/lgtm/grade/javascript/g/aspida/aspida.svg" alt="Language grade: JavaScript" />
-  </a>
 </div>
@@ -50,9 +44,9 @@ <br />
 ```tsx
-import { useQueryClient, useMutation, QueryClient, QueryClientProvider } from "react-query"
-import { useAspidaQuery } from "@aspida/react-query"
-import aspida from "@aspida/axios" // "@aspida/fetch", "@aspida/node-fetch"
-import api from "../api/$api"
+import aspida from "@aspida/axios"; // "@aspida/fetch", "@aspida/node-fetch"
+import { useAspidaQuery } from "@aspida/react-query";
+import { QueryClient, QueryClientProvider, useMutation, useQueryClient } from "react-query";
+import api from "../api/$api";
 
-const client = api(aspida())
-const queryClient = new QueryClient()
+const client = api(aspida());
+const queryClient = new QueryClient();
 
@@ -65,7 +59,7 @@ function App() {
     </QueryClientProvider>
-  )
+  );
 }
 
 function postTodo(body: { id: number; title: string }) {
-  return client.todos.$post({ body })
+  return client.todos.$post({ body });
 }
@@ -75,6 +69,6 @@
   // Access the client
-  const queryClient = useQueryClient()
+  const queryClient = useQueryClient();
 
   // Queries
-  const query = useAspidaQuery(client.todos, { query: { limit: 10 } })
+  const query = useAspidaQuery(client.todos, { query: { limit: 10 } });
 
@@ -85,5 +79,5 @@ // Mutations
       // Invalidate and refetch
-      queryClient.invalidateQueries(client.todos.$path({ query: { limit: 10 } }))
-    }
-  })
+      queryClient.invalidateQueries(client.todos.$path({ query: { limit: 10 } }));
+    },
+  });
 
@@ -102,4 +96,4 @@ return (
             id: Date.now(),
-            title: "Do Laundry"
-          })
+            title: "Do Laundry",
+          });
         }}
@@ -110,6 +104,6 @@ >
     </div>
-  )
+  );
 }
 
-render(<App />, document.getElementById("root"))
+render(<App />, document.getElementById("root"));
 ```
@@ -122,9 +116,9 @@
 ```tsx
-import { useMutation, QueryClient, QueryClientProvider } from "react-query"
-import { useAspidaQuery } from "@aspida/react-query"
-import aspida from "@aspida/axios" // "@aspida/fetch", "@aspida/node-fetch"
-import api from "../api/$api"
+import aspida from "@aspida/axios"; // "@aspida/fetch", "@aspida/node-fetch"
+import { useAspidaQuery } from "@aspida/react-query";
+import { QueryClient, QueryClientProvider } from "react-query";
+import api from "../api/$api";
 
-const client = api(aspida())
-const queryClient = new QueryClient()
+const client = api(aspida());
+const queryClient = new QueryClient();
 
@@ -136,3 +130,3 @@ function App() {
     </QueryClientProvider>
-  )
+  );
 }
@@ -142,7 +136,7 @@
   const { data, error } = useAspidaQuery(client.user._userId(123), "get", {
-    query: { name: "mario" }
-  })
+    query: { name: "mario" },
+  });
 
-  if (error) return <div>failed to load</div>
-  if (!data) return <div>loading...</div>
+  if (error) return <div>failed to load</div>;
+  if (!data) return <div>loading...</div>;
   return (
@@ -154,6 +148,6 @@ <>
     </>
-  )
+  );
 }
 
-render(<App />, document.getElementById("root"))
+render(<App />, document.getElementById("root"));
 ```
@@ -168,9 +162,9 @@
 ```tsx
-import { useMutation, QueryClient, QueryClientProvider } from "react-query"
-import { useAspidaQuery } from "@aspida/react-query"
-import aspida from "@aspida/axios" // "@aspida/fetch", "@aspida/node-fetch"
-import api from "../api/$api"
+import aspida from "@aspida/axios"; // "@aspida/fetch", "@aspida/node-fetch"
+import { useAspidaQuery } from "@aspida/react-query";
+import { QueryClient, QueryClientProvider } from "react-query";
+import api from "../api/$api";
 
-const client = api(aspida())
-const queryClient = new QueryClient()
+const client = api(aspida());
+const queryClient = new QueryClient();
 
@@ -182,3 +176,3 @@ function App() {
     </QueryClientProvider>
-  )
+  );
 }
@@ -190,10 +184,10 @@
     refetchOnMount: true,
-    initialData: { name: "anonymous" }
-  })
+    initialData: { name: "anonymous" },
+  });
 
-  if (error) return <div>failed to load</div>
-  return <div>hello {data.name}!</div>
+  if (error) return <div>failed to load</div>;
+  return <div>hello {data.name}!</div>;
 }
 
-render(<App />, document.getElementById("root"))
+render(<App />, document.getElementById("root"));
 ```
@@ -200,0 +194,0 @@

No alert changes

Improved metrics

Total package byte prevSize

14233

increased by31.35%

Number of package files

11

increased by57.14%

Lines of code

45

increased by60.71%

Worsened metrics

Number of lines in readme file

184

decreased by-3.16%

Dependency changes

• Updatedaspida@^1.13.0