How can I decode global id in client side?

[shtse8]

I want to decode the global id to get the read id on client side.
but Buffer doesn't exist in browser and I don't want to install any polyfill to just decode a value.
What can I do or what is the best practice to get the read id in front end while using relay plugin.

index.ts:9 
        
       Uncaught (in promise) ReferenceError: Buffer is not defined
    at decodeGlobalID (index.ts:9:26)
    at ReactiveEffect.fn (MudImage.vue:13:1)
    at ReactiveEffect.run (reactivity.esm-bundler.js:185:25)
    at get value [as value] (reactivity.esm-bundler.js:1144:39)
    at unref (reactivity.esm-bundler.js:1052:29)
    at Object.get (reactivity.esm-bundler.js:1055:37)
    at Proxy._sfc_render (MudImage.vue:14:1)
    at renderComponentRoot (runtime-core.esm-bundler.js:896:44)
    at hydrateSubTree (runtime-core.esm-bundler.js:5552:44)
    at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5573:25)

[hayes]

It's just base64 encoded, you can use const [type, id] = atob(rawID).split(':'), on a phone, so this might not be exactly right, but hopefully that helps.

[shtse8]

Is it possible to customize the relay id like using _id instead?

[hayes]

This isn't currently possible, it could probably be implemented though

[shtse8]

his isn't currently possible, it could probably be implemen

because id is important for client side to retrieve data. like image <img src="/image/[id].jpg" /> and other queries. now, I have to change all my id to iid and give the id to relay instead of decoding base64 again and again. for my understanding, relay id is only for storing data so it could be anything. It could be better if we can choose another field for it. 💯

[hayes]

Just pushed a config option for this, should be published in the next couple minutes

[shtse8]

Awesome, thank you @hayes! It's working perfect!