added tanstack

Author: pyramation

__fixtures__/output/hooks.ts

@@ -0,0 +1,48 @@
+import schema from '../../../__fixtures__/openapi/swagger.json';
+import { defaultSchemaSDKOptions } from '../src/types';
+import { generateReactQueryHooks } from '../src/openapi';
+import { writeFileSync } from 'fs';
+import { OpenAPIOptions } from '../dist';
+
+/**
+ * Return a new schema object filtered to only include the given paths.
+ */
+function getFilteredSchema(schema: any, patterns: string[]): any {
+  const filteredPaths = Object.fromEntries(
+    Object.entries(schema.paths).filter(([p]) => patterns.includes(p))
+  );
+  return { ...schema, paths: filteredPaths } as any;
+}
+
+describe('generateReactQueryHooks', () => {
+  it('returns empty array when hooks are disabled', () => {
+    const hooks = generateReactQueryHooks(defaultSchemaSDKOptions as any, schema as any);
+    expect(hooks).toEqual([]);
+  });
+
+  it('returns hook files when enabled for filtered schema', () => {
+    const options: OpenAPIOptions = {
+      ...(defaultSchemaSDKOptions as any),
+      hooks: { 
+        enabled: true,
+        path: 'hooks',
+        typesImportPath: './swagger-client',
+        contextImportPath: './k8s-context',
+      },
+    } as any;
+    // const testSchema = getFilteredSchema(schema as any, patterns);
+    const testSchema = schema as any;
+    const hooks = generateReactQueryHooks(options, testSchema);
+    expect(hooks.length).toBeGreaterThan(0);
+    // Verify each hook file has expected properties
+    hooks.forEach(hook => {
+      expect(hook).toHaveProperty('fileName');
+      expect(hook).toHaveProperty('code');
+    });
+
+    writeFileSync(
+      __dirname + '/../../../__fixtures__/output/hooks.ts',
+      hooks[0].code
+    );
+  });
+}); 

packages/schema-sdk/__tests__/hooks.test.ts

@@ -0,0 +1,81 @@
+export const generateContext = (Type: string, pathToClient: string) => `
+'use client'
+
+import React, { createContext, useContext, useMemo, useState } from 'react'
+import { KubernetesClient } from '${pathToClient}'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import generate from '@babel/generator'
+
+// Configuration types
+export interface ${Type}Config {
+  restEndpoint: string
+  headers?: Record<string, string>
+}
+
+// Context types
+interface ${Type}ContextValue {
+  client: ${Type}Client
+}
+
+// Create context
+const ${Type}Context = createContext<${Type}ContextValue | undefined>(undefined)
+
+// Query client for TanStack Query
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: false,
+      retry: 3,
+      staleTime: 30 * 1000, // 30 seconds
+      gcTime: 5 * 60 * 1000, // 5 minutes
+    },
+  },
+})
+
+// Provider props
+interface ${Type}ProviderProps {
+  children: React.ReactNode
+  initialConfig?: Partial<${Type}Config>
+}
+
+// Provider component
+export function ${Type}Provider({ 
+  children, 
+  initialConfig 
+}: ${Type}ProviderProps) {
+  const [config, setConfig] = useState<${Type}Config>({
+    restEndpoint: initialConfig?.restEndpoint,
+    headers: initialConfig?.headers || {},
+  })
+
+  // Create client instance
+  const client = useMemo(() => {
+    return new ${Type}Client({
+      restEndpoint: config.restEndpoint,
+    })
+  }, [config.restEndpoint])
+
+  const contextValue: ${Type}ContextValue = {
+    client
+  }
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      <${Type}Context.Provider value={contextValue}>
+        {children}
+      </${Type}Context.Provider>
+    </QueryClientProvider>
+  )
+}
+
+// Hook to use ${Type} context
+export function use${Type}() {
+  const context = useContext(${Type}Context)
+  if (!context) {
+    throw new Error('use${Type} must be used within a ${Type}Provider')
+  }
+  return context
+}
+
+// Export query client for use in hooks
+export { queryClient };`;