YouTube.js | wrapper around YouTube 's internal API — reverse

When you do use privateRuntimeConfig, your env variable will only be available on SSR. Hence the first time you do reach the page, you do have access for it.

Then, when you navigate (client-side only so), you do not have access to it anymore on your client. As explained in the official documentation.

Sanity's documentation is talking about the privateRuntimeConfig, meanwhile I do wonder if their token is aimed only for SSR or not. Usually, you do have a public token that you can expose through the publicRuntimeConfig key.

There is a headless channel on Discord that is available here: https://discord.gg/H4hJBMCK
Otherwise, posting a Github issue will probably lead you to an answer from Daniel.

But it is possible that Sanity is aimed at fetching the content on server only, not sure.

There is a setToken method but it this one is aimed at using req only, it means that this is not suited towards a target: static build?

EDIT: nvm Ovi achieved to make it work as shown here: https://github.com/nuxt-community/sanity-module/issues/99#issuecomment-813993013
This one should probably work!

PS: was kinda writing as I was looking into the issues. Sorry if it's a bit messy. Tell me if the latest solution works and I'll edit my answer.

setPlaylists is called immediately after YouTube.getPlaylists().

Make sure there aren't two processes running, Look in task manager and see if there are two Node.js processes running, and if there are then it might be double running. Try ending them and then starting the bot again.

It seems like it's not being treated as an array in Javascript now

That's correct. PHP's associative arrays become JavaScript objects when transported via JSON.

The first thing I'd do is tidy up the JSON produced by your PHP. Once you've eliminated the duplicates, you can simplify your response by just storing the values (and not nested within another array)

You have used promises correctly, but you seem to want a different output. This is what happens inside getStream():

1. Log "Downloading from ${url}".
2. Create a Promise and return it.
3. Setup event listeners for "progress" and "end".
4. Resolve Promise (and continue program)
5. Get "end" event; run callback function and log "Successfully downloaded the stream!".

Assuming you want event 5 to happen before 4, you need to remove the resolve(stream) in getStream(), and move it to the end of the on("end", {...}) callback function, like this:

React took time to initially load and render the html, so your code maybe doesn't work because it is immediately invoked.

The workaround for this, you can use React lifecycle method componentDidMount to wait for component to be actually mounted and so you can perform your custom logic inside componentDidMount

the code for that would be

a) You are discarding the result of deepEquals if the key exists in both objects.

Change

Please change your code in SearchBar.js like this

here is something you can do to get it right.