How to test changes to /index.html on localhost?

Developers
#1

Hi All,

I’m working on Issue #6182, and I’ve made these changes to /index.html on my local.

I learned that ‘make dev’ takes the index.html from the proxy server, which is mentioned here.

However, I do not understand how exactly to make my local jitsi use my local index.html so that I can test my changes.

Can someone explain the process?

Here’s what I’ve tried so far:

  • As per my understanding of how devServerProxyBypass works , I should be able to check for requests to /index.html and then return path for those requests.

  • I’ve tried adding a console log to print out path is: ${path} to see what paths are being passed into devServerProxyBypass , but I don’t see /index.html being requested.

    • Output:

      • path is: /
        path is: /css/all.css
        path is: /libs/external_connect.js
        path is: /libs/lib-jitsi-meet.min.js
        path is: /libs/do_external_connect.min.js
        path is: /libs/app.bundle.min.js
        path is: /pwa-worker.js
        path is: /images/apple-touch-icon.png
        path is: /libs/olm.wasm
        path is: /images/favicon.ico
        path is: /images/app-store-badge.png
        path is: /images/watermark.svg
        path is: /images/google-play-badge.png
        path is: /images/f-droid-badge.png
        path is: /images/welcome-background.png
        path is: /sounds/e2eeOff.mp3
        path is: /sounds/e2eeOn.mp3
        path is: /sounds/asked-unmute.mp3
        path is: /sounds/joined.wav
        path is: /sounds/left.wav
        path is: /sounds/incomingMessage.wav
        path is: /sounds/knock.mp3
        path is: /sounds/reactions-thumbs-up.mp3
        path is: /sounds/reactions-thumbs-up.mp3
        path is: /sounds/reactions-thumbs-up.mp3
        path is: /sounds/reactions-applause.mp3
        path is: /sounds/reactions-applause.mp3
        path is: /sounds/reactions-applause.mp3
        path is: /sounds/reactions-laughter.mp3
        path is: /sounds/reactions-laughter.mp3
        path is: /sounds/reactions-laughter.mp3
        path is: /sounds/reactions-surprise.mp3
        path is: /sounds/reactions-surprise.mp3
        path is: /sounds/reactions-surprise.mp3
        path is: /sounds/reactions-boo.mp3
        path is: /sounds/reactions-boo.mp3
        path is: /sounds/reactions-boo.mp3
        path is: /sounds/reactions-crickets.mp3
        path is: /sounds/reactions-crickets.mp3
        path is: /sounds/reactions-crickets.mp3
        path is: /sounds/reactions-raised-hand.mp3
        path is: /sounds/liveStreamingOff.mp3
        path is: /sounds/liveStreamingOn.mp3
        path is: /sounds/recordingOff.mp3
        path is: /sounds/recordingOn.mp3
        path is: /sounds/rejected.wav
        path is: /sounds/rejected.wav
        path is: /sounds/outgoingRinging.wav
        path is: /sounds/outgoingStart.wav
        path is: /sounds/talkWhileMuted.mp3
        path is: /sounds/noisyAudioInput.mp3
        path is: /sounds/noAudioSignal.mp3
        path is: /pwa-worker.js
1 Like
Changes for Meta tag in title.html not reflected
#2

I figured out a way to load my local index.html.
I realised that the first path printed out was ‘/’, which is where my local index.html is located.

So, I modified devServerProxyBypass as follows:

function devServerProxyBypass({ path }) {
  const isRootPath = path === '/';

    if (isRootPath) {
        return path;
    }

...

This seems to brake the app and the Jitsi Meet home page does not load, but at least it loads my local index.html for testing purpose.