OpenAI Adapter: Support dangerouslyAllowBrowser configuration

[adrianliechti]

Ciao TanStack Team,

I migrated my application today to your beautiful stack (table, query, router) - and with that good feeling, I also wanted to test the AI stack. I use a BFF which acts as a secure OpenAI Proxy

In my current implementation, I used the dangerouslyAllowBrowser: true setting on the OpenAI client.
Unfortunately it seems not possible to set this on your construction for ai-openai. I understand if this was on purpose.

Could you think of allowing to set the OpenAI Config directly in the construction?

Currently I have a pretty dirty hack in this experimental branch, where I overwrite the OpenAI Client:

Implementing a copy of the OpenAI connector seems a bit over the top

src/lib/openai-browser.ts:

import OpenAI from 'openai-original';

export default class BrowserOpenAI extends OpenAI {
  constructor(config: ConstructorParameters<typeof OpenAI>[0]) {
    super({ ...config, dangerouslyAllowBrowser: true });
  }
}

// Re-export everything from openai
export * from 'openai-original';

vite.config.ts:

  resolve: {
    alias: [
      { find: 'openai', replacement: path.resolve(__dirname, 'src/lib/openai-browser.ts') },
      { find: 'openai-original', replacement: path.dirname(require.resolve('openai')) },
    ],
  },

Thank you for any hints! Thanks a ton, Adrian

[P451M]

Same problem here. createOpenAIClient only allows to set apiKey, organization and baseURL via the config param. Would be great if all openai ClientOptions (including dangerouslyAllowBrowser) could be set via the config param.

[AlemTuzlak]

I will see to add this in soon, thanks!

[ruudandriessen]

Had the same use case - since it seems pretty minor in terms of a change, took the liberty to open a PR
#245