2a44bde848
# Introduction Important note: for the moment testing this locally will require some hack due to latest twenty-sdk not being published. You will need to build twenty-cli and `cd packages/twenty-cli && yarn link` To finally sync the app in your app folder as `cd app-folder && twenty app sync` close https://github.com/twentyhq/core-team-issues/issues/1863 In this PR is introduced the generate sdk programmatic call to [genql](https://genql.dev/) exposed in a `client` barrel of `twenty-sdk` located in this package as there's high chances that will add a codegen layer above it at some point ? The cli calls this method after a sync application and writes a client in a generated folder. It will make a graql introspection query on the whole workspace. We should later improve that and only filter by current applicationId and its dependencies ( when twenty-standard application is introduced ) Fully typesafe ( input, output, filters etc ) auto-completed client ## Hello-world app serverless refactor <img width="2480" height="1326" alt="image" src="https://github.com/user-attachments/assets/b18ea372-b21d-4560-8fbc-1dc348427a95" /> --------- Co-authored-by: martmull <martmull@hotmail.fr>
241 lines
5.7 KiB
TypeScript
241 lines
5.7 KiB
TypeScript
import axios, { type AxiosInstance, type AxiosResponse } from 'axios';
|
|
import chalk from 'chalk';
|
|
import {
|
|
type ApiResponse,
|
|
type AppManifest,
|
|
type PackageJson,
|
|
} from '../types/config.types';
|
|
import { ConfigService } from './config.service';
|
|
import {
|
|
buildClientSchema,
|
|
getIntrospectionQuery,
|
|
printSchema,
|
|
} from 'graphql/index';
|
|
|
|
export class ApiService {
|
|
private client: AxiosInstance;
|
|
private configService: ConfigService;
|
|
|
|
constructor() {
|
|
this.configService = new ConfigService();
|
|
this.client = axios.create();
|
|
|
|
this.client.interceptors.request.use(async (config) => {
|
|
const twentyConfig = await this.configService.getConfig();
|
|
|
|
config.baseURL = twentyConfig.apiUrl;
|
|
|
|
if (twentyConfig.apiKey) {
|
|
config.headers.Authorization = `Bearer ${twentyConfig.apiKey}`;
|
|
}
|
|
|
|
return config;
|
|
});
|
|
|
|
this.client.interceptors.response.use(
|
|
(response) => response,
|
|
(error) => {
|
|
if (error.response?.status === 401) {
|
|
console.error(
|
|
chalk.red(
|
|
'Authentication failed. Please run `twenty auth login` first.',
|
|
),
|
|
);
|
|
} else if (error.response?.status === 403) {
|
|
console.error(
|
|
chalk.red(
|
|
'Access denied. Check your API key and workspace permissions.',
|
|
),
|
|
);
|
|
} else if (error.code === 'ECONNREFUSED') {
|
|
console.error(
|
|
chalk.red('Cannot connect to Twenty server. Is it running?'),
|
|
);
|
|
}
|
|
throw error;
|
|
},
|
|
);
|
|
}
|
|
|
|
async validateAuth(): Promise<boolean> {
|
|
try {
|
|
const query = `
|
|
query CurrentWorkspace {
|
|
currentWorkspace {
|
|
id
|
|
}
|
|
}
|
|
`;
|
|
|
|
const response = await this.client.post(
|
|
'/metadata',
|
|
{
|
|
query,
|
|
},
|
|
{
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
Accept: '*/*',
|
|
},
|
|
},
|
|
);
|
|
|
|
return response.status === 200 && !response.data.errors;
|
|
} catch {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
async syncApplication({
|
|
packageJson,
|
|
yarnLock,
|
|
manifest,
|
|
}: {
|
|
packageJson: PackageJson;
|
|
yarnLock: string;
|
|
manifest: AppManifest;
|
|
}): Promise<ApiResponse> {
|
|
try {
|
|
const mutation = `
|
|
mutation SyncApplication($manifest: JSON!, $packageJson: JSON!, $yarnLock: String!) {
|
|
syncApplication(manifest: $manifest, packageJson: $packageJson, yarnLock: $yarnLock)
|
|
}
|
|
`;
|
|
|
|
const variables = {
|
|
manifest,
|
|
yarnLock,
|
|
packageJson,
|
|
};
|
|
|
|
const response: AxiosResponse = await this.client.post(
|
|
'/metadata',
|
|
{
|
|
query: mutation,
|
|
variables,
|
|
},
|
|
{
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
Accept: '*/*',
|
|
},
|
|
},
|
|
);
|
|
|
|
if (response.data.errors) {
|
|
return {
|
|
success: false,
|
|
error:
|
|
response.data.errors[0]?.message || 'Failed to sync application',
|
|
};
|
|
}
|
|
|
|
return {
|
|
success: true,
|
|
data: response.data.data.syncApplication,
|
|
message: `Successfully synced application: ${packageJson.name}`,
|
|
};
|
|
} catch (error) {
|
|
if (axios.isAxiosError(error) && error.response) {
|
|
return {
|
|
success: false,
|
|
error: error.response.data?.errors?.[0]?.message || error.message,
|
|
};
|
|
}
|
|
throw error;
|
|
}
|
|
}
|
|
|
|
async deleteApplication(universalIdentifier: string): Promise<ApiResponse> {
|
|
try {
|
|
const mutation = `
|
|
mutation DeleteApplication($universalIdentifier: String!) {
|
|
deleteApplication(universalIdentifier: $universalIdentifier)
|
|
}
|
|
`;
|
|
|
|
const variables = { universalIdentifier };
|
|
|
|
const response: AxiosResponse = await this.client.post(
|
|
'/metadata',
|
|
{
|
|
query: mutation,
|
|
variables,
|
|
},
|
|
{
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
Accept: '*/*',
|
|
},
|
|
},
|
|
);
|
|
|
|
if (response.data.errors) {
|
|
return {
|
|
success: false,
|
|
error:
|
|
response.data.errors[0]?.message || 'Failed to delete application',
|
|
};
|
|
}
|
|
|
|
return {
|
|
success: true,
|
|
data: response.data.data.deleteApplication,
|
|
message: 'Successfully deleted application',
|
|
};
|
|
} catch (error) {
|
|
if (axios.isAxiosError(error) && error.response) {
|
|
return {
|
|
success: false,
|
|
error: error.response.data?.errors?.[0]?.message || error.message,
|
|
};
|
|
}
|
|
throw error;
|
|
}
|
|
}
|
|
|
|
async getSchema(): Promise<ApiResponse<string>> {
|
|
try {
|
|
const introspectionQuery = getIntrospectionQuery();
|
|
|
|
const response = await this.client.post(
|
|
'/graphql',
|
|
{
|
|
query: introspectionQuery,
|
|
},
|
|
{
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
Accept: '*/*',
|
|
},
|
|
},
|
|
);
|
|
|
|
if (response.data.errors) {
|
|
return {
|
|
success: false,
|
|
error: `GraphQL introspection errors: ${JSON.stringify(response.data.errors)}`,
|
|
};
|
|
}
|
|
|
|
const schema = buildClientSchema(response.data.data);
|
|
|
|
return {
|
|
success: true,
|
|
data: printSchema(schema),
|
|
message: 'Successfully load schema',
|
|
};
|
|
} catch (error) {
|
|
if (axios.isAxiosError(error) && error.response) {
|
|
return {
|
|
success: false,
|
|
error:
|
|
error.response.data.errors[0]?.message ||
|
|
'Failed to load graphql Schema',
|
|
};
|
|
}
|
|
throw error;
|
|
}
|
|
}
|
|
}
|