Real-time collaboration not working - infinite loading

[tcarreira]

Problem

When real-time collaboration is Off, everything seems to be working.
But after turning real-time collaboration On, after opening a file, the vscode just keeps loading indefinitely, showing that blue line at the top:

More information

The logs don't seem to be relevant (for my eyes).
But the browser network tab is showing lots of 404 connecting firebase (real database removed):

Request URL: https://<DATABASE_NAME>.appspot.com/.lp?start=t&ser=38874610&cb=5&v=5&ns=<DATABASE_NAME>
Request Method: GET
Status Code: 404 

You may have noticed that https://<DATABASE_NAME>.appspot.com does not match the README (firebase-databaseURL: 'https://<DATABASE_NAME>.firebaseio.com').
I changed it because with the original I would get an error launching code-server :

[2021-03-18T00:29:29.934Z]  @firebase/database: FIREBASE WARNING: Firebase error. Please ensure that you spelled the name of your Firebase correctly (https://<DATABASE_NAME>.firebaseio.com) 

I got the "correct" server name from the Firebase console (storageBucket).

Am i missing any config?
Is this a bug or incomplete documentation?
I also read Firepad documentation which seems to say the same as you did.

Tested scenario

• Web Browser: Firefox / Brave / Chromium
• Local OS: Ubuntu 20.04.1 LTS
• Remote OS: Ubuntu 20.04.1 LTS
• Remote Architecture: amd64
• code-server --version: 3.8.0 39fc66bd58ce4c9b5934a91caf5eaa0774706a3d

[PxBCPG]

Got the same issue

[archiso7]

I also have the same issue...

[tcarreira]

I would love to try to fix this myself, but I have no clue what to search for.
Any suggestions?

[archiso7]

@tcarreira I would think it might be the program looping between users.

[PxBCPG]

By the same issue, I think it is a problem with the database :
In the docs it is written:

firebase-authDomain: '<DATABASE_NAME>.firebaseapp.com'
firebase-databaseURL: 'https://<DATABASE_NAME>.firebaseio.com'

While Google Firebase gives you the same authDomain but you don't have .firebaseio.com for the databaseURL

[archiso7]

@PxBCPG if you make a database you will have a .firebaseio.com. I cant find a .firebaseapp.com though.

[archiso7]

@tcarreira I know what your problem is. the is the name of the database you create here:

[PxBCPG]

@PxBCPG if you make a database you will have a .firebaseio.com. I cant find a .firebaseapp.com though.

Not for me, got a .appspot.com instead of .firebaseio.com

[PxBCPG]

@tcarreira I know what your problem is. the is the name of the database you create here:

@archiso7 I don't have the same UI at all :

[archiso7]

@tcarreira you have to click on build on the left side.

[archiso7]

@PxBCPG if you make a database you will have a .firebaseio.com. I cant find a .firebaseapp.com though.

Not for me, got a .appspot.com instead of .firebaseio.com

how did you get that?

[PxBCPG]

🤔

[PxBCPG]

I created a project, and then an app I think

[PxBCPG]

a web app, and then firebase gives me the configuration to apply, with this:

// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
  apiKey: "",
  authDomain: "<DOMAIN>.firebaseapp.com",
  databaseURL: "https://<DOMAIN>.firebasedatabase.app",
  projectId: "<NAME>",
  storageBucket: "<DOMAIN>.appspot.com",
  messagingSenderId: "<>",
  appId: "1:<>:web:<>",
  measurementId: "<>"
};

[archiso7]

a web app, and then firebase gives me the configuration to apply, with this:

// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
  apiKey: "",
  authDomain: "<DOMAIN>.firebaseapp.com",
  databaseURL: "https://<DOMAIN>.firebasedatabase.app",
  projectId: "<NAME>",
  storageBucket: "<DOMAIN>.appspot.com",
  messagingSenderId: "<>",
  appId: "1:<>:web:<>",
  measurementId: "<>"
};

ok, I will try this.

[archiso7]

@PxBCPG do you set up firebase hosting for it as well or no?
Edit: I got the .firebaseapp.com. It still doesn't work :(

[PxBCPG]

Do you also get the .appspot.com as I ?

[archiso7]

Do you also get the .appspot.com as I ?

@PxBCPG yes i do.
Edit: Sorry I read your comment wrong, I do get one but it is under storageBucket not databaseURL or domain.

[tcarreira]

@tcarreira I know what your problem is. the is the name of the database you create here:

OMFG! That was it! thank you!!!!!
It works now (tested only locally)

I'll test it more when I get some time for that.

Thank you @archiso7

I will not close this issue yet.
Let me find out what did I do and check if there is some missing information on the README file

[archiso7]

@tcarreira I know what your problem is. the is the name of the database you create here:

OMFG! That was it! thank you!!!!!
It works now (tested only locally)

I'll test it more when I get some time for that.

Thank you @archiso7

I will not close this issue yet.
Let me find out what did I do and check if there is some missing information on the README file

That’s good, I still haven’t got it to work yet :(

[PxBCPG]

I didn't understand how did you fix the issue.
Can you help me ?

[tcarreira]

I didn't understand how did you fix the issue.
Can you help me ?

@PxBCPG

On https://console.firebase.google.com/, go to "Realtime database" and then create one, like this:

I copied that string (shadowed with a red rectangle) and pasted in the config.yaml:

...
firebase-apiKey: '<FIREBASE_API_KEY>'
firebase-authDomain: '<FIREBASE_DATABASE_NAME>.firebaseapp.com'
firebase-databaseURL: 'https://<FIREBASE_DATABASE_NAME>.firebaseio.com'
firebase-ref: '<RANDOM_STRING>'
...

I used the same "red rectangle string" as FIREBASE_DATABASE_NAME (ie: I pasted it twice inside my config.yaml)

I can't fully remember how I got the FIREBASE_API_KEY but it should be in "Project Settings" > "Service accounts"

Let me know if that helps

[archiso7]

I didn't understand how did you fix the issue.
Can you help me ?

@PxBCPG

On https://console.firebase.google.com/, go to "Realtime database" and then create one, like this:

I copied that string (shadowed with a red rectangle) and pasted in the config.yaml:

...
firebase-apiKey: '<FIREBASE_API_KEY>'
firebase-authDomain: '<FIREBASE_DATABASE_NAME>.firebaseapp.com'
firebase-databaseURL: 'https://<FIREBASE_DATABASE_NAME>.firebaseio.com'
firebase-ref: '<RANDOM_STRING>'
...

I used the same "red rectangle string" as FIREBASE_DATABASE_NAME (ie: I pasted it twice inside my config.yaml)

I can't fully remember how I got the FIREBASE_API_KEY but it should be in "Project Settings" > "Service accounts"

Let me know if that helps

@tcarreira This is what I did but It didn't work.
Edit: I just checked again and still get the infinite loading.

[PxBCPG]

I didn't understand how did you fix the issue.
Can you help me ?

@PxBCPG

On https://console.firebase.google.com/, go to "Realtime database" and then create one, like this:

I copied that string (shadowed with a red rectangle) and pasted in the config.yaml:

...
firebase-apiKey: '<FIREBASE_API_KEY>'
firebase-authDomain: '<FIREBASE_DATABASE_NAME>.firebaseapp.com'
firebase-databaseURL: 'https://<FIREBASE_DATABASE_NAME>.firebaseio.com'
firebase-ref: '<RANDOM_STRING>'
...

I used the same "red rectangle string" as FIREBASE_DATABASE_NAME (ie: I pasted it twice inside my config.yaml)

I can't fully remember how I got the FIREBASE_API_KEY but it should be in "Project Settings" > "Service accounts"

Let me know if that helps

I don't have the same thing at all:

[PxBCPG]

I don't have this firebaseio.com, but .firebasedatabase.app

[PxBCPG]

Used this :

firebase-apiKey: ''
firebase-authDomain: '.firebaseapp.com'
firebase-databaseURL: 'https://.firebasedatabase.app/'
firebase-ref: ‘’

And got this:

[archiso7]

@PxBCPG you should just be able to use the first part of the url and change the other parts to .firebaseio.com. Maybe.

[PxBCPG]

okay, let me try

[PxBCPG]

Get back to my previous state: I checked the logs, and here is what I get:

@firebase/database: FIREBASE WARNING: set at /‘<RANDOM_STRING’ failed: permission_denied

[archiso7]

Get back to my previous state: I checked the logs, and here is what I get:

@firebase/database: FIREBASE WARNING: set at /‘<RANDOM_STRING’ failed: permission_denied

Maybe an APIkey problem?

[PxBCPG]

Let me double-check !

[PxBCPG]

You find the APIkey in the project overview, under the settings, don't you ?

[PxBCPG]

Here is where I take most of my config:

[archiso7]

Here is where I take most of my config:

@PxBCPG You should be using the authDomain and databaseURL.

[archiso7]

@tcarreira did you create a child under your database?

[PxBCPG]

Here is where I take most of my config:

@PxBCPG You should be using the authDomain and databaseURL.

And the API key ?

[archiso7]

Here is where I take most of my config:

@PxBCPG You should be using the authDomain and databaseURL.

And the API key ?

yes

[archiso7]

@PxBCPG I just found this on the docs:

[PxBCPG]

Nice !
Then where is my error ?

[PxBCPG]

Okay, let me re-do everything from scratch

[archiso7]

@PxBCPG I DID IT.
you just have to make a child under your database!!

[archiso7]

never mind...
real time colab was disabled.

[PxBCPG]

Okay, got some progress here:

I edited some database rule which said read: false and write: false to true

But I still got the same error (Unable to open 'test.py': FIREBASE FATAL ERROR: Cannot parse Firebase url. Please use https://.firebaseio.com .)

[PxBCPG]

And it worked !

[PxBCPG]

Okay, let me understand what I did, and I get back to you in a few moment

[archiso7]

NICE

[PxBCPG]

[archiso7]

YESS IT WORKED.(I checked to make sure colab was enabled this time :) )

[PxBCPG]

It is really necessary to update the README

[archiso7]

yep
I will and a pull request in a couple minutes.

[tcarreira]

I'm glad you made it!!!
I was going crazy because yesterday I got it working, but now it wasn't anymore.

But I think it's working now :D

I'm creating a docker image for this, it's easier for me :)
I'll share it later

[archiso7]

I'm glad you made it!!!
I was going crazy because yesterday I got it working, but now it wasn't anymore.

But I think it's working now :D

I'm creating a docker image for this, it's easier for me :)
I'll share it later

Ok cool, I think you can close this issue now :)

[tcarreira]

I could rename the issue to "Incomplete instructions for Firebase integration".
What do you think?

[archiso7]

I could rename the issue to "Incomplete instructions for Firebase integration".
What do you think?

@tcarreira Sure, I'm currently working on a pull request to fix the readme

[Jerry080801]

I could rename the issue to "Incomplete instructions for Firebase integration".
What do you think?

@tcarreira Sure, I'm currently working on a pull request to fix the readme

Do we have the adapted version for latest code-server?