Host Admin UI dist on a subdirectory about socket.io-admin-ui HOT 2 CLOSED

It really seemed like a hectic task to manually update all the URLs after every new pull. To add some ease to my life, I created a bash script that I execute to pull the latest changes from the server and then updating the resource URLs with a single command.

I'm attaching the said script here for other people as a reference.

#!/bin/bash

# Remove any existing changes
echo "Removing any existing changes in the repo..."
git checkout .

# Pull latest changes from the remote
echo "Fetching latest updates from remote..."
git pull

# Update resource URLs
echo "Updating resource URLs in ui/dist/index.html file"
sed -i "s/\/js\//\/admin-ui\/js\//g" ui/dist/index.html
sed -i "s/\/css\//\/admin-ui\/css\//g" ui/dist/index.html
sed -i "s/\/favicon\//\/admin-ui\/favicon\//g" ui/dist/index.html

echo "Done"

from socket.io-admin-ui.

I think you'll have to edit the index.html file in the ui/dist directory, and replace the reference for the JS and CSS resources:

Before:

<link href="/css/app.64cb6d3f.css" rel="preload" as="style">
<script src="/js/chunk-vendors.d91c80d5.js">

After:

<link href="/admin-ui/css/app.64cb6d3f.css" rel="preload" as="style">
<script src="/admin-ui/js/chunk-vendors.d91c80d5.js">

I'm not sure how we could improve it though.

from socket.io-admin-ui.