Skip to content

fix(web): use fixed px for sidebar width instead of rem (#1313) #4061

fix(web): use fixed px for sidebar width instead of rem (#1313)

fix(web): use fixed px for sidebar width instead of rem (#1313) #4061

Workflow file for this run

name: Release
on:
push:
branches:
- "main"
- "develop"
tags:
- "v*"
paths-ignore:
- ".github/ISSUE_TEMPLATE/**"
- ".github/images/**"
- "config.toml"
- "distrib/docker/docker-compose.yml"
- "Makefile"
- "**.md"
- "documentation/**"
pull_request:
paths-ignore:
- ".github/ISSUE_TEMPLATE/**"
- ".github/images/**"
- "config.toml"
- "distrib/docker/docker-compose.yml"
- "Makefile"
- "**.md"
- "documentation/**"
env:
REGISTRY: ghcr.io
REGISTRY_IMAGE: ghcr.io/${{ github.repository }}
NODE_VERSION: "22.18.0"
POLAR_ORG_ID: ${{ secrets.POLAR_ORG_ID }}
permissions:
contents: write
packages: write
jobs:
web:
name: Build web
runs-on: blacksmith-2vcpu-ubuntu-2404
steps:
- name: Checkout
uses: actions/checkout@v6
with:
fetch-depth: 0
- name: Set up Node
uses: actions/setup-node@v6
with:
node-version: ${{ env.NODE_VERSION }}
- name: Set up pnpm
uses: pnpm/action-setup@v4
with:
version: latest
- name: Get pnpm store directory
shell: bash
run: |
echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
- name: Setup pnpm cache
uses: actions/cache@v5
with:
path: ${{ env.STORE_PATH }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Fetch premium themes
run: |
if [ -n "${{ secrets.THEMES_REPO_TOKEN }}" ]; then
rm -rf .themes-temp
git clone --depth=1 --filter=blob:none --sparse \
https://${{ secrets.THEMES_REPO_TOKEN }}@github.com/autobrr/qui-premium-themes.git .themes-temp
cd .themes-temp && git sparse-checkout set --cone themes && cd ..
mkdir -p web/src/themes/premium
cp .themes-temp/themes/*.css web/src/themes/premium/
rm -rf .themes-temp
echo "Premium themes fetched successfully"
else
echo "THEMES_REPO_TOKEN not set, skipping premium themes"
fi
- name: Install dependencies
working-directory: web
run: pnpm install --frozen-lockfile
- name: Type check frontend
working-directory: web
run: pnpm tsc --noEmit
- name: Build web frontend
working-directory: web
run: CI= pnpm run build
- name: Upload web production build
uses: actions/upload-artifact@v6
with:
name: web-dist
path: web/dist
test:
name: Run tests
runs-on: blacksmith-2vcpu-ubuntu-2404
needs: [web]
steps:
- name: Checkout
uses: actions/checkout@v6
- name: Download web production build
uses: actions/download-artifact@v7
with:
name: web-dist
path: web/dist
- name: Set up Go
uses: actions/setup-go@v6
with:
go-version-file: go.mod
cache: true
- name: Cache Go modules
uses: actions/cache@v5
with:
path: ~/go/pkg/mod
key: ${{ runner.os }}-go-${{ hashFiles('**/go.sum') }}
restore-keys: |
${{ runner.os }}-go-
- name: Install dependencies
run: go mod download
- name: Run tests
run: |
go test -v -race -coverprofile=coverage.out ./...
go tool cover -html=coverage.out -o coverage.html
- name: Upload coverage reports
uses: actions/upload-artifact@v6
with:
name: coverage-report
path: |
coverage.out
coverage.html
goreleaserbuild:
name: Build distribution binaries
runs-on: blacksmith-2vcpu-ubuntu-2404
needs: [test, web]
steps:
- name: Checkout
uses: actions/checkout@v6
with:
fetch-depth: 0
- name: Download web production build
uses: actions/download-artifact@v7
with:
name: web-dist
path: web/dist
- name: Set up Go
uses: actions/setup-go@v6
with:
go-version-file: 'go.mod'
cache: true
- name: Run GoReleaser build
if: github.event_name == 'pull_request'
uses: goreleaser/goreleaser-action@v6
with:
distribution: goreleaser
version: "~> v2"
args: release --clean --skip=validate,publish --parallelism 5
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
BUILDER: ${{ github.actor }}@github-actions
- name: Run GoReleaser build and publish tags
if: startsWith(github.ref, 'refs/tags/')
uses: goreleaser/goreleaser-action@v6
with:
distribution: goreleaser
version: "~> v2"
args: release --clean
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
BUILDER: ${{ github.actor }}@github-actions
- name: Upload assets
uses: actions/upload-artifact@v6
with:
name: qui
path: |
dist/*.tar.gz
dist/*.zip
dist/*.deb
dist/*.rpm
docker:
name: Build Docker images
runs-on: blacksmith-2vcpu-ubuntu-2404
needs: [test, web]
strategy:
fail-fast: true
matrix:
platform:
- linux/amd64
- linux/amd64/v2
- linux/amd64/v3
- linux/arm/v6
- linux/arm/v7
- linux/arm64
steps:
- name: Checkout
uses: actions/checkout@v6
with:
fetch-depth: 0
- name: Login to GitHub Container Registry
uses: docker/login-action@v3
with:
registry: ${{ env.REGISTRY }}
username: ${{ github.repository_owner }}
password: ${{ secrets.GITHUB_TOKEN }}
- name: Download web production build
uses: actions/download-artifact@v7
with:
name: web-dist
path: web/dist
- name: Extract metadata
id: meta
uses: docker/metadata-action@v5
with:
images: ${{ env.REGISTRY_IMAGE }}
tags: |
type=semver,pattern={{version}},prefix=v
type=semver,pattern={{major}}.{{minor}},prefix=v
type=ref,event=branch
type=ref,event=pr
flavor: |
latest=auto
- name: Set up QEMU
uses: docker/setup-qemu-action@v3
- name: Setup Blacksmith Builder
uses: useblacksmith/setup-docker-builder@v1
- name: Build and publish image
id: docker_build
uses: useblacksmith/build-push-action@v2
with:
context: .
file: ./distrib/docker/ci.Dockerfile
platforms: ${{ matrix.platform }}
outputs: type=image,name=${{ env.REGISTRY_IMAGE }},push-by-digest=true,name-canonical=true,push=${{ (github.event.pull_request.head.repo.full_name == github.repository || github.event_name != 'pull_request') && 'true' || 'false' }}
labels: ${{ steps.meta.outputs.labels }}
build-args: |
BUILDTIME=${{ fromJSON(steps.meta.outputs.json).labels['org.opencontainers.image.created'] }}
VERSION=${{ fromJSON(steps.meta.outputs.json).labels['org.opencontainers.image.version'] }}
REVISION=${{ fromJSON(steps.meta.outputs.json).labels['org.opencontainers.image.revision'] }}
BUILDER=${{ github.actor }}@github-actions
GITHUB_TOKEN=${{ secrets.GITHUB_TOKEN }}
POLAR_ORG_ID=${{ secrets.POLAR_ORG_ID }}
provenance: false
- name: Export image digest
id: digest-prep
run: |
mkdir -p /tmp/digests
digest="${{ steps.docker_build.outputs.digest }}"
echo "manifest-hash=${digest#sha256:}" >> "$GITHUB_OUTPUT"
touch "/tmp/digests/${digest#sha256:}"
- name: Upload image digest
uses: actions/upload-artifact@v6
with:
name: docker-digests-${{ steps.digest-prep.outputs.manifest-hash }}
path: /tmp/digests/*
if-no-files-found: error
retention-days: 1
docker-merge:
name: Publish Docker multi-arch manifest
if: ${{ github.event.pull_request.head.repo.full_name == github.repository || github.event_name != 'pull_request' }}
runs-on: blacksmith-2vcpu-ubuntu-2404
needs: [docker]
steps:
- name: Download image digests
uses: actions/download-artifact@v7
with:
path: /tmp/digests
pattern: docker-digests-*
merge-multiple: true
- name: Setup Blacksmith Builder
uses: useblacksmith/setup-docker-builder@v1
- name: Login to GitHub Container Registry
uses: docker/login-action@v3
with:
registry: ${{ env.REGISTRY }}
username: ${{ github.repository_owner }}
password: ${{ secrets.GITHUB_TOKEN }}
- name: Extract metadata
id: meta
uses: docker/metadata-action@v5
with:
images: ${{ env.REGISTRY_IMAGE }}
tags: |
type=semver,pattern={{version}},prefix=v
type=semver,pattern={{major}}.{{minor}},prefix=v
type=ref,event=branch
type=ref,event=pr
flavor: |
latest=auto
- name: Create manifest list and push
working-directory: /tmp/digests
run: |
docker buildx imagetools create $(jq -cr '.tags | map("-t " + .) | join(" ")' <<< "$DOCKER_METADATA_OUTPUT_JSON") \
$(printf '${{ env.REGISTRY_IMAGE }}@sha256:%s ' *)
- name: Inspect image
run: |
docker buildx imagetools inspect ${{ env.REGISTRY_IMAGE }}:${{ steps.meta.outputs.version }}