twitter-lite | flexible client / server library | Runtime Evironment library

Follow their documentation to sign your requests with the access tokens u have which is provided over here. I’m guessing you are working with OAuth 2.0 which gives you limited access to Twitter API.

https://developer.twitter.com/en/docs/basics/authentication/overview

The token you have posted seems like a bearer token ( OAuth 2.0). It won’t work with the API you are trying to use. https://developer.twitter.com/en/docs/basics/authentication/oauth-2-0/application-only , you need to check with next-auth if they support Twitter OAuth 1.0. I will research next-auth too

Tsc is typescript compiler, did you try running the outputted js file with node stream.js?

The home_timeline is not a stream, it is a REST endpoint that you need to poll, what you are doing to try to stream from it will not work.

Using twit, you were previously getting the "user stream" - this API was removed some time ago, and it is no longer possible to get the home timeline in realtime.

You can do something like this, but you would need to loop or do it every few minutes (bearing in mind rate limits, and assuming you're still using twitter-lite, which I think is a very nice library)

Refined my problem and found the answer to my original question. https://www.endocreative.com/flexbox-circle-responsive-elements/

Seems like you install it as described in the repo - that is directly into chrome://extensions - but Chrome doesn't support nonsandboxed environment unlike Tampermonkey. The only way to mimic it is to create a DOM script element, assign the code you want to expose to textContent and append to document.body, for example. Just as shown in the canonic answer “Insert code into the page context using a content script”.

The next problem is twitter's CSP that disallows the code in inline script elements. Luckily, as we can see in devtools network inspector for the main page request, the CSP has a nonce exception, which we can reuse: