feat: support local wrangler.toml

[Barbapapazes]

EDIT: Instead of using a config object, and to support production, the user wrangler configuration file will be read.

Hello 👋,

Actually, you use the module nitro-cloudflare-dev under the hood to access to the Wrangler environment API. To setup this module, you create a wrangler.tom file.

However, if I want to access to another binding like AI or Email, it's not possible since I do not have any access to the wrangler.toml file.

This PR allows to customize the wrangler file.

For example:

nuxt.config.ts

export default defineNuxtConfig({
  hub: {
    wranglerConfiguration: {
      ai: {
        binding: 'AI'
      }
    }
  },
})

Will write the following wrangler.toml file:

[[r2_buckets]]
binding = "BLOB"
bucket_name = "default"

[[kv_namespaces]]
binding = "KV"
id = "kv_default"

[[kv_namespaces]]
binding = "CACHE"
id = "cache_default"

[[d1_databases]]
binding = "DB"
database_name = "default"
database_id = "default"

[ai]
binding = "AI" // <-- Here

Then, I can access to the AI binding with the following code:

globalThis.__env__['AI']

With a console.log(globalThis) we got:

 __env__:
   { AI: ProxyStub { name: 'Ai', poisoned: false },
     DB: ProxyStub { name: 'D1Database', poisoned: false },
     KV: ProxyStub { name: 'KvNamespace', poisoned: false },
     CACHE: ProxyStub { name: 'KvNamespace', poisoned: false },
     BLOB: ProxyStub { name: 'R2Bucket', poisoned: false } },

Without the custom config, the AI binding disapears:

  __env__:
   { DB: ProxyStub { name: 'D1Database', poisoned: false },
     KV: ProxyStub { name: 'KvNamespace', poisoned: false },
     CACHE: ProxyStub { name: 'KvNamespace', poisoned: false },
     BLOB: ProxyStub { name: 'R2Bucket', poisoned: false } },

related to #84

[Atinux]

Thank you for the PR and idea, your solution works well in development but we also need to think about production too.

@pi0 and I discussed and he worked on generating the wrangler.toml in Nitro directly for production, but still very alpha stage, see unjs/nitro#2353

I think we should instead start by supporting reading the rootDir wrangler.toml and merge it into .data/hub/wrangler.toml instead.

Then for production, in the modules:done hook, we pull the config from NuxtHub and add it to nuxt.options.nitro.cloudflare.wrangler so Nitro can merge with the local wrangler.toml

This is currently only in the Nitro nightly build ⚠️

[Atinux]

Happy to update your PR to read from the local wrangler.toml @Barbapapazes ?

[Barbapapazes]

I think we should instead start by supporting reading the rootDir wrangler.toml and merge it into .data/hub/wrangler.toml instead.

I've just updated the PR to support that.

Then for production, in the modules:done hook, we pull the config from NuxtHub and add it to nuxt.options.nitro.cloudflare.wrangler so Nitro can merge with the local wrangler.toml

Is this for another PR?

[Atinux]

Is this for another PR?

I would keep this PR as pending until we can also have the production wrangler generation, otherwise it will break for production once CF will detect a wrangler.toml (it won't take the storage bindings into account)