conditionally enable playground based on an environment variable

[gilzarfati]

Hi,

I want to enable the playground only in non-production environments.
I saw that it can be configured in the .meshrc.yaml, but the playground is enabled even when I set ENABLE_PLAYGRPUND to be false. It works only if I set it directly to false without the env variable.

serve:
  playground: {env.ENABLE_PLAYGRPUND}
  browser: false

also, is there a way to do some kind of if-else, or comparison statement? something like:

serve:
  playground: {env.ENV !== prod}
  browser: false

Thanks!

[mnlbox]

Nice feature to have ☺️

[BabakScript]

I'm using a typescript config file (.meshrc.ts) and I use this syntax in my serve config to enable/disable the playground, based on my environment variable: 😉

  serve: {
    endpoint: "/",
    browser: false,
    ...(process.env.MESH_ENABLE_PLAYGROUND
      ? { playground: true, playgroundTitle: "Unified GraphQL Layer" }
      : { playground: false }),
  }

So I can toggle the playground in my .env file for each environment like this:

MESH_ENABLE_PLAYGROUND=true