Config.js is not in the network trace -- where is config.js getting loaded

MikewGuo · May 3, 2023, 6:01pm

Desparately trying to understand how config.js is loaded.
(1) start a meeting through https://meet.jit.si/ and turn on ‘inspect/network’, There is no config.js in the network traces.
(2) I have my own self-hosted jitsi, and config.js is not in network trace either. Any change in config.js has no effect in selfhost/development.
I read some discussion, it says config.js is not loaded from the local build, but only from the server. I am fine as long as i can find config.js in the network trace, so that i know where the config.js is jitsi meet loading from.

(3) in the jitsi meet’s index.html, i see this line below – is this line supposed to be changed???

Very confused on the use of config.js

shawn · May 3, 2023, 6:13pm

config.js is injected using Server Side Includes which is why you won’t see it in your network trace.

It will look like this in the index.html file on the server.

github.com

jitsi/jitsi-meet/blob/3eedc2a49d25fd858155b17d68145863c034b458/index.html#L193


      
                                postLoadErrorHandler(fileRef);
                            }
                        };
                        window.removeEventListener(
                            'error', loadErrHandler, true /* capture phase */);
                    }
                };
                window.addEventListener(
                    'error', loadErrHandler, true /* capture phase type of listener */);
            </script>
            <script><!--#include virtual="/config.js" --></script><!-- adapt to your needs, i.e. set hosts and bosh path -->
            <script><!--#include virtual="/interface_config.js" --></script>
            <script src="libs/lib-jitsi-meet.min.js?v=139"></script>
            <script src="libs/app.bundle.min.js?v=139"></script>
            <!--#include virtual="title.html" -->
            <!--#include virtual="plugin.head.html" -->
            <!--#include virtual="static/welcomePageAdditionalContent.html" -->
            <!--#include virtual="static/welcomePageAdditionalCard.html" -->
            <!--#include virtual="static/settingsToolbarAdditionalContent.html" -->
          </head>
          <body>

But when the web server serves it to clients, the contents of config.js is injected and it looks like this:

MikewGuo · May 6, 2023, 4:10pm

server side inclusion – that explains no network trace of config.js
One more question: if i do self-host on my dev machine, from where does web jitsi get all the config.js values? The self host could not do server inclusion, right?

damencho · May 6, 2023, 4:15pm

If you refer to make dev, this is not hosting this is just a webpack dev proxy server running - proxying some requests in a way it works with a remote deployment but using the client web app that is built from the sources. In that case, it uses the index.html from the remote server, which includes the config.js from that deployment, making sense as you will be using it and you need its config.
By default it uses alpha jitsi net, if you do WEBPACK_DEV_SERVER_PROXY_TARGET='https://mydomain.com' make dev you can use your deployment for that.

MikewGuo · May 6, 2023, 5:45pm

I was referring to “make dev”. All is clear now: the config.js is included in the server’s index.html, via the webpack dev proxy. What’s the method to really self host config.js through the development process, without running a server deployment?

MikewGuo · May 6, 2023, 5:46pm

Same question for self hosting “interface_config.js”.

damencho · May 6, 2023, 6:07pm

Not really… You need to xopy server xonfig and make some proxy magic to serve your local indez

damencho · May 6, 2023, 6:08pm

You can always override config variables through the URL