chore: svelte-query tests, validatePackages changes

Author: lachlancollins

examples/svelte/ssr/src/lib/Post.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
   import { createQuery } from '@tanstack/svelte-query'
-  import { getPostById } from './data'
+  import { api } from './api'
   import type { Post } from './types'
 
   export let postId: number
 
   const post = createQuery<Post>({
     queryKey: ['post', postId],
-    queryFn: () => getPostById(postId),
+    queryFn: () => api().getPostById(postId),
   })
 </script>
 

examples/svelte/ssr/src/lib/Posts.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { useQueryClient, createQuery } from '@tanstack/svelte-query'
-  import { getPosts } from './data'
+  import { api } from './api'
 
   const client = useQueryClient()
 
@@ -11,7 +11,7 @@
     Error
   >({
     queryKey: ['posts', limit],
-    queryFn: () => getPosts(limit),
+    queryFn: () => api().getPosts(limit),
   })
 </script>
 

examples/svelte/ssr/src/lib/api.ts

@@ -0,0 +1,18 @@
+import type { Post } from './types'
+
+export const api = (customFetch = fetch) => ({
+  getPosts: async (limit: number) => {
+    const response = await customFetch(
+      'https://jsonplaceholder.typicode.com/posts',
+    )
+    const data = (await response.json()) as Post[]
+    return data.filter((x) => x.id <= limit)
+  },
+  getPostById: async (id: number): Promise<Post> => {
+    const response = await customFetch(
+      `https://jsonplaceholder.typicode.com/posts/${id}`,
+    )
+    const data = (await response.json()) as Post
+    return data
+  },
+})

examples/svelte/ssr/src/lib/data.ts

@@ -1,11 +1,11 @@
-import { getPosts } from '$lib/data'
+import { api } from '$lib/api'
 import type { PageLoad } from './$types'
 
 export const load: PageLoad = async ({ parent, fetch }) => {
   const { queryClient } = await parent()
 
   await queryClient.prefetchQuery({
     queryKey: ['posts', 10],
-    queryFn: () => getPosts(10, fetch),
+    queryFn: () => api(fetch).getPosts(10),
   })
 }

examples/svelte/ssr/src/routes/+page.ts

@@ -1,4 +1,4 @@
-import { getPostById } from '$lib/data'
+import { api } from '$lib/api'
 import type { PageLoad } from './$types'
 
 export const load: PageLoad = async ({ parent, fetch, params }) => {
@@ -8,7 +8,7 @@ export const load: PageLoad = async ({ parent, fetch, params }) => {
 
   await queryClient.prefetchQuery({
     queryKey: ['post', postId],
-    queryFn: () => getPostById(postId, fetch),
+    queryFn: () => api(fetch).getPostById(postId),
   })
 
   return { postId }

examples/svelte/ssr/src/routes/[postId]/+page.ts

@@ -11,6 +11,13 @@
     "url": "https://github.com/sponsors/tannerlinsley"
   },
   "main": "build/lib/index.js",
+  "exports": {
+    ".": {
+      "require": "./build/lib/index.js",
+      "default": "./build/lib/index.js"
+    },
+    "./package.json": "./package.json"
+  },
   "scripts": {
     "clean": "rimraf ./build",
     "dev": "tsup --watch --sourcemap",

packages/eslint-plugin-query/package.json

@@ -2,24 +2,40 @@
   "name": "@tanstack/svelte-query",
   "version": "5.0.0-alpha.26",
   "description": "Primitives for managing, caching and syncing asynchronous and remote data in Svelte",
-  "author": "Dre Johnson",
+  "author": "Lachlan Collins",
   "license": "MIT",
   "repository": "tanstack/query",
   "homepage": "https://tanstack.com/query",
   "funding": {
     "type": "github",
     "url": "https://github.com/sponsors/tannerlinsley"
   },
+  "type": "module",
   "types": "build/lib/index.d.ts",
   "module": "build/lib/index.js",
-  "type": "module",
+  "svelte": "build/lib/index.js",
+  "exports": {
+    ".": {
+      "types": "./build/lib/index.d.ts",
+      "import": "./build/lib/index.js",
+      "svelte": "./build/lib/index.js",
+      "default": "./build/lib/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "build/lib",
+    "src",
+    "!build/lib/__tests__",
+    "!src/__tests__"
+  ],
   "scripts": {
     "clean": "rimraf ./build",
     "test:types": "svelte-check --tsconfig ./tsconfig.json",
     "test:eslint": "eslint --ext .svelte,.ts ./src",
     "test:lib": "vitest run --coverage",
     "test:lib:dev": "pnpm run test:lib --watch",
-    "build": "svelte-package --input ./src --output ./build/lib && rimraf ./build/lib/__tests__"
+    "build": "svelte-package --input ./src --output ./build/lib"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.0.2",
@@ -38,14 +54,5 @@
   },
   "peerDependencies": {
     "svelte": "^3.54.0"
-  },
-  "exports": {
-    "./package.json": "./package.json",
-    ".": "./build/lib/index.js"
-  },
-  "svelte": "./build/lib/index.js",
-  "files": [
-    "build/lib/*",
-    "src"
-  ]
+  }
 }

packages/svelte-query/package.json

@@ -1,10 +1,8 @@
 <script lang="ts">
-  import {
-    createMutation,
-    QueryClient,
-    type CreateMutationOptions,
-  } from '../index'
+  import { QueryClient } from '@tanstack/query-core'
   import { setQueryClientContext } from '../context'
+  import { createMutation } from '../createMutation'
+  import type { CreateMutationOptions } from '../types'
 
   export let options: CreateMutationOptions
 

packages/svelte-query/src/__tests__/CreateMutation.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-  import { createQueries, QueryClient } from '../index'
+  import { QueryClient } from '@tanstack/query-core'
   import { setQueryClientContext } from '../context'
+  import { createQueries } from '../createQueries'
   import type { QueriesOptions } from '../createQueries'
 
   export let options: { queries: [...QueriesOptions<any>] }