fix(tanstack): add missing ".js" extension for relative imports (#641)

Author: ymc9

packages/clients/tanstack-query/src/common/client.ts

@@ -1,6 +1,6 @@
 import type { QueryClient } from '@tanstack/query-core';
 import type { InvalidationPredicate, QueryInfo } from '@zenstackhq/client-helpers';
-import { parseQueryKey } from './query-key';
+import { parseQueryKey } from './query-key.js';
 
 export function invalidateQueriesMatchingPredicate(queryClient: QueryClient, predicate: InvalidationPredicate) {
     return queryClient.invalidateQueries({

packages/clients/tanstack-query/src/react.ts

@@ -54,17 +54,17 @@ import type {
 } from '@zenstackhq/orm';
 import type { GetModels, SchemaDef } from '@zenstackhq/schema';
 import { createContext, useContext } from 'react';
-import { getAllQueries, invalidateQueriesMatchingPredicate } from './common/client';
-import { CUSTOM_PROC_ROUTE_NAME } from './common/constants';
-import { getQueryKey } from './common/query-key';
+import { getAllQueries, invalidateQueriesMatchingPredicate } from './common/client.js';
+import { CUSTOM_PROC_ROUTE_NAME } from './common/constants.js';
+import { getQueryKey } from './common/query-key.js';
 import type {
     ExtraMutationOptions,
     ExtraQueryOptions,
     ProcedureReturn,
     QueryContext,
     TrimDelegateModelOperations,
     WithOptimistic,
-} from './common/types';
+} from './common/types.js';
 export type { FetchFn } from '@zenstackhq/client-helpers/fetch';
 
 type ProcedureHookFn<

packages/clients/tanstack-query/src/svelte/index.svelte.ts

@@ -55,17 +55,17 @@ import type {
 } from '@zenstackhq/orm';
 import type { GetModels, SchemaDef } from '@zenstackhq/schema';
 import { getContext, setContext } from 'svelte';
-import { getAllQueries, invalidateQueriesMatchingPredicate } from '../common/client';
-import { CUSTOM_PROC_ROUTE_NAME } from '../common/constants';
-import { getQueryKey } from '../common/query-key';
+import { getAllQueries, invalidateQueriesMatchingPredicate } from '../common/client.js';
+import { CUSTOM_PROC_ROUTE_NAME } from '../common/constants.js';
+import { getQueryKey } from '../common/query-key.js';
 import type {
     ExtraMutationOptions,
     ExtraQueryOptions,
     ProcedureReturn,
     QueryContext,
     TrimDelegateModelOperations,
     WithOptimistic,
-} from '../common/types';
+} from '../common/types.js';
 export type { FetchFn } from '@zenstackhq/client-helpers/fetch';
 
 type ProcedureHookFn<

packages/clients/tanstack-query/src/vue.ts

@@ -53,17 +53,17 @@ import type {
 } from '@zenstackhq/orm';
 import type { GetModels, SchemaDef } from '@zenstackhq/schema';
 import { computed, inject, provide, toValue, unref, type MaybeRefOrGetter, type Ref, type UnwrapRef } from 'vue';
-import { getAllQueries, invalidateQueriesMatchingPredicate } from './common/client';
-import { CUSTOM_PROC_ROUTE_NAME } from './common/constants';
-import { getQueryKey } from './common/query-key';
+import { getAllQueries, invalidateQueriesMatchingPredicate } from './common/client.js';
+import { CUSTOM_PROC_ROUTE_NAME } from './common/constants.js';
+import { getQueryKey } from './common/query-key.js';
 import type {
     ExtraMutationOptions,
     ExtraQueryOptions,
     ProcedureReturn,
     QueryContext,
     TrimDelegateModelOperations,
     WithOptimistic,
-} from './common/types';
+} from './common/types.js';
 export type { FetchFn } from '@zenstackhq/client-helpers/fetch';
 export const VueQueryContextKey = 'zenstack-vue-query-context';