context

Author: pyramation

__fixtures__/output/context.ts renamed to __fixtures__/output/context.tsx

@@ -11,11 +11,13 @@ export interface KubernetesConfig {
 
 // Context types
 interface KubernetesContextValue {
-  client: KubernetesClient
+  client: KubernetesClient;
+  config: KubernetesConfig;
+  updateConfig: (config: Partial<KubernetesConfig>) => void;
 }
 
 // Create context
-const KubernetesContext = createContext<KubernetesContextValue | undefined>(undefined)
+const KubernetesContext = createContext<KubernetesContextValue | undefined>(undefined);
 
 // Query client for TanStack Query
 const queryClient = new QueryClient({
@@ -31,8 +33,8 @@ const queryClient = new QueryClient({
 
 // Provider props
 interface KubernetesProviderProps {
-  children: React.ReactNode
-  initialConfig?: Partial<KubernetesConfig>
+  children: React.ReactNode;
+  initialConfig?: Partial<KubernetesConfig>;
 }
 
 // Provider component
@@ -52,8 +54,15 @@ export function KubernetesProvider({
     })
   }, [config.restEndpoint])
 
+  // Update config function
+  const updateConfig = (newConfig: Partial<KubernetesConfig>) => {
+    setConfig(prev => ({ ...prev, ...newConfig }))
+  }
+
   const contextValue: KubernetesContextValue = {
-    client
+    client,
+    config,
+    updateConfig,
   }
 
   return (
@@ -75,4 +84,4 @@ export function useKubernetes() {
 }
 
 // Export query client for use in hooks
-export { queryClient };
+export { queryClient }

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

@@ -47,7 +47,7 @@ describe('generateReactQueryHooks', () => {
   it('generate context', () => {
     const context = generateContext('Kubernetes', './swagger-client');
     writeFileSync(
-      __dirname + '/../../../__fixtures__/output/context.ts',
+      __dirname + '/../../../__fixtures__/output/context.tsx',
       context
     );
   });

packages/schema-sdk/src/context-template.ts

@@ -1,6 +1,6 @@
 export const generateContext = (Type: string, pathToClient: string) => `
 import React, { createContext, useContext, useMemo, useState } from 'react'
-import { KubernetesClient } from '${pathToClient}'
+import { ${Type}Client } from '${pathToClient}'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 
 // Configuration types
@@ -11,11 +11,13 @@ export interface ${Type}Config {
 
 // Context types
 interface ${Type}ContextValue {
-  client: ${Type}Client
+  client: ${Type}Client;
+  config: ${Type}Config;
+  updateConfig: (config: Partial<${Type}Config>) => void;
 }
 
 // Create context
-const ${Type}Context = createContext<${Type}ContextValue | undefined>(undefined)
+const ${Type}Context = createContext<${Type}ContextValue | undefined>(undefined);
 
 // Query client for TanStack Query
 const queryClient = new QueryClient({
@@ -31,8 +33,8 @@ const queryClient = new QueryClient({
 
 // Provider props
 interface ${Type}ProviderProps {
-  children: React.ReactNode
-  initialConfig?: Partial<${Type}Config>
+  children: React.ReactNode;
+  initialConfig?: Partial<${Type}Config>;
 }
 
 // Provider component
@@ -52,8 +54,15 @@ export function ${Type}Provider({
     })
   }, [config.restEndpoint])
 
+  // Update config function
+  const updateConfig = (newConfig: Partial<${Type}Config>) => {
+    setConfig(prev => ({ ...prev, ...newConfig }))
+  }
+
   const contextValue: ${Type}ContextValue = {
-    client
+    client,
+    config,
+    updateConfig,
   }
 
   return (
@@ -75,4 +84,5 @@ export function use${Type}() {
 }
 
 // Export query client for use in hooks
-export { queryClient };`;
+export { queryClient }
+`;