import {
    Application,
    configureWunderGraphApplication,
    cors,
    EnvironmentVariable,
    introspect,
    templates,
} from '@wundergraph/sdk';
import server from './wundergraph.server';
import operations from './wundergraph.operations';

const pokemonAPI = introspect.graphql({
    apiNamespace: 'pokemon',
    url: 'https://graphql-pokeapi.graphcdn.app/',
});

const myApplication = new Application({
    name: 'app',
    apis: [
        pokemonAPI,
    ],
});

// configureWunderGraph emits the configuration
configureWunderGraphApplication({
    application: myApplication,
    server,
    operations,
    codeGenerators: [
        {
            templates: [
                ...templates.typescript.all,
                templates.typescript.operations,
                templates.typescript.linkBuilder,
            ],
        },
    ],
    cors: {
        ...cors.allowAll,
        allowedOrigins:
            process.env.NODE_ENV === 'production'
                ? [
                    // change this before deploying to production to the actual domain where you're deploying your app
                    'http://localhost:3000',
                ]
                : ['http://localhost:3000', new EnvironmentVariable('WG_ALLOWED_ORIGIN')],
    },
    dotGraphQLConfig: {
        hasDotWunderGraphDirectory: false,
    },
});