Modernize TubeSync Frontend & Codebase Cleanup

.github/actions/FFmpeg/action.yml

@@ -37,6 +37,12 @@ outputs:
   releases:
     value: ${{ steps.set.outputs.releases }}
     description: 'Generated JSON describing the released builds.'
+  date:
+    value: ${{ steps.jq_vars.outputs.FFMPEG_DATE }}
+    description: 'The selected build date.'
+  version:
+    value: ${{ steps.jq_vars.outputs.FFMPEG_VERSION }}
+    description: 'The version from the build matching the date.'
 
 runs:
   using: 'composite'
@@ -56,7 +62,7 @@ runs:
         command -v jq >/dev/null ;
         gql_query='query($repo: String!, $owner: String!, $releases: Int!, $assets: Int!) { repository(owner: $owner, name: $repo) { releases(first: $releases, orderBy: { field: CREATED_AT, direction: DESC }) { nodes { tagName, isDraft, isPrerelease, isLatest, tag { name, target { oid, commitUrl } }, releaseAssets(first: $assets) { totalCount, nodes { name, size, downloadUrl } } } } } }' ;
         gql_jq='[ .data.repository.releases.nodes[] | select((.isLatest or .isDraft or .isPrerelease) | not) | { "tag": .tag.name, "commit": .tag.target.oid, "date": .tag.name[1+(.tag.name|index("-")):], "assets": { "limit": '"${GH_API_GQL_ASSETS}"', "totalCount": .releaseAssets.totalCount }, "files": .releaseAssets.nodes, "versions": [ .releaseAssets.nodes[].name | select(contains("-linux64-"))[1+index("-"):index("-linux64-")] ] } ]' ;
-        mk_delim() { printf -- '"%s_EOF_%d_"' "$1" "${RANDOM}" ; } ;
+        mk_delim() { local f='%s_EOF_%d_' ; printf -- "${f}" "$1" "${RANDOM}" ; } ;
         open_ml_var() { local f=''\%'s<<'\%'s\n' ; printf -- "${f}" "$2" "$1" ; } ;
         close_ml_var() { local f='%s\n' ; printf -- "${f}" "$1" ; } ;
         {
@@ -79,3 +85,34 @@ runs:
           -F repo="${GH_API_GQL_REPO}" \
           -F releases="${GH_API_GQL_RELEASES}" \
           -f query="${gql_query}" --jq "${gql_jq}" | jq '.[]' -- ;
+
+    - name: Set outputs with jq
+      id: jq_vars
+      shell: 'bash'
+      run: |
+        cat >| .ffmpeg.releases.json <<'EOF'
+        ${{ steps.set.outputs.releases }}
+        EOF
+        mk_delim() { local f='%s_EOF_%d_' ; printf -- "${f}" "$1" "${RANDOM}" ; } ;
+        open_ml_var() { local f=''\%'s<<'\%'s\n' ; printf -- "${f}" "$2" "$1" ; } ;
+        close_ml_var() { local f='%s\n' ; printf -- "${f}" "$1" ; } ;
+        {
+          var='FFMPEG_DATE' ;
+          delim="$(mk_delim "${var}")" ;
+          open_ml_var "${delim}" "${var}" ;
+          jq_arg='[foreach .[] as $release ([{}, []]; [ .[0] + {($release.commit): ([ $release.date ] + (.[0][($release.commit)] // []) ) }, [ .[1][0] // $release.commit ] ] ; .[0][(.[1][0])] ) ][-1][0]' ;
+          jq -r "${jq_arg}" -- .ffmpeg.releases.json ;
+          close_ml_var "${delim}" "${var}" ;
+
+          ffmpeg_date="$( jq -r "${jq_arg}" -- .ffmpeg.releases.json )"
+
+          var='FFMPEG_VERSION' ;
+          delim="$(mk_delim "${var}")" ;
+          open_ml_var "${delim}" "${var}" ;
+          jq_arg='.[]|select(.date == $date)|.versions[]|select(startswith("N-"))' ;
+          jq -r --arg date "${ffmpeg_date}" "${jq_arg}" -- .ffmpeg.releases.json ;
+          close_ml_var "${delim}" "${var}" ;
+          unset -v delim jq_arg var ;
+        } >> "${GITHUB_OUTPUT}"
+        cat -v "${GITHUB_OUTPUT}"
+        rm -v -f .ffmpeg.releases.json

.github/actions/get-tag/action.yml

@@ -32,7 +32,7 @@ runs:
         then
             tag="${tag#[Vv]}"
         fi
-        
+
         set_sl_var() { local f='%s=%s\n' ; printf -- "${f}" "$@" ; } ;
 
         set_sl_var tag "${tag}" >> "${GITHUB_OUTPUT}"

.github/workflows/ci.yaml

@@ -33,25 +33,14 @@ jobs:
     outputs:
       IMAGE_NAME: ${{ env.IMAGE_NAME }}
       REGISTRY: ${{ env.REGISTRY }}
-      ffmpeg-date: ${{ steps.jq.outputs.FFMPEG_DATE }}
-      ffmpeg-releases: ${{ steps.ffmpeg.outputs.releases }}
-      ffmpeg-version: ${{ steps.jq.outputs.FFMPEG_VERSION }}
+      ffmpeg-date: ${{ steps.ffmpeg.outputs.date }}
+      # ffmpeg-releases: ${{ steps.ffmpeg.outputs.releases }}
+      ffmpeg-version: ${{ steps.ffmpeg.outputs.version }}
       lowercase-github-actor: ${{ steps.github-actor.outputs.lowercase }}
       lowercase-github-repository_owner: ${{ steps.github-repository_owner.outputs.lowercase }}
       ytdlp-latest-release: ${{ steps.yt-dlp.outputs.latest-release }}
-      ytdlp-releases: ${{ steps.yt-dlp.outputs.releases }}
-      missing-tags: ${{ steps.tagged.outputs.missing }}
-      missing-tags-image: ${{ steps.tagged.outputs.image }}
+      # ytdlp-releases: ${{ steps.yt-dlp.outputs.releases }}
     steps:
-      - name: Pull tagged releases
-        id: tagged
-        run: |
-          image='ghcr.io/meeb/${{ env.IMAGE_NAME }}'
-          missing=''
-          set_sl_var() { local f='%s=%s\n' ; printf -- "${f}" "$@" ; } ;
-          set -eux
-          set_sl_var image "${image}" >> "${GITHUB_OUTPUT}"
-          set_sl_var missing "${missing}" >> "${GITHUB_OUTPUT}"
       - uses: actions/checkout@v6
       - name: Lowercase github username
         id: github-actor
@@ -69,35 +58,6 @@ jobs:
       - name: Retrieve yt-dlp/yt-dlp releases with GitHub CLI
         id: yt-dlp
         uses: ./.github/actions/yt-dlp
-      - name: Set outputs with jq
-        id: jq
-        run: |
-          cat >| .ffmpeg.releases.json <<'EOF'
-          ${{ steps.ffmpeg.outputs.releases }}
-          EOF
-          mk_delim() { local f='%s_EOF_%d_' ; printf -- "${f}" "$1" "${RANDOM}" ; } ;
-          open_ml_var() { local f=''\%'s<<'\%'s\n' ; printf -- "${f}" "$2" "$1" ; } ;
-          close_ml_var() { local f='%s\n' ; printf -- "${f}" "$1" ; } ;
-          {
-            var='FFMPEG_DATE' ;
-            delim="$(mk_delim "${var}")" ;
-            open_ml_var "${delim}" "${var}" ;
-            jq_arg='[foreach .[] as $release ([{}, []]; [ .[0] + {($release.commit): ([ $release.date ] + (.[0][($release.commit)] // []) ) }, [ .[1][0] // $release.commit ] ] ; .[0][(.[1][0])] ) ][-1][0]' ;
-            jq -r "${jq_arg}" -- .ffmpeg.releases.json ;
-            close_ml_var "${delim}" "${var}" ;
-
-            ffmpeg_date="$( jq -r "${jq_arg}" -- .ffmpeg.releases.json )"
-
-            var='FFMPEG_VERSION' ;
-            delim="$(mk_delim "${var}")" ;
-            open_ml_var "${delim}" "${var}" ;
-            jq_arg='.[]|select(.date == $date)|.versions[]|select(startswith("N-"))' ;
-            jq -r --arg date "${ffmpeg_date}" "${jq_arg}" -- .ffmpeg.releases.json ;
-            close_ml_var "${delim}" "${var}" ;
-            unset -v delim jq_arg var ;
-          } >> "${GITHUB_OUTPUT}"
-          cat -v "${GITHUB_OUTPUT}"
-          rm -v -f .ffmpeg.releases.json
 
   test:
     if: ${{ !cancelled() && ( 'pull_request' != github.event_name || (! github.event.pull_request.draft) ) }}
@@ -121,12 +81,11 @@ jobs:
         run: |
           python -m pip install uv
           uv --no-config --no-managed-python --no-progress \
-            pip install --system --strict pipenv
-          pipenv lock
-          pipenv requirements | tee requirements.txt
-          #PIPENV_VERBOSITY=64 pipenv install --system --skip-lock
+            tool run pipenv requirements --dev --no-lock >| Pipfile-requirements.txt
+          uv --no-config --no-managed-python --no-progress \
+            pip compile --format requirements.txt --generate-hashes --output-file Pipfile-requirements-with-hashes.txt Pipfile-requirements.txt
           uv --no-config --no-managed-python --no-progress \
-            pip install --system --strict --requirements requirements.txt
+            pip install --system --strict --requirements Pipfile-requirements-with-hashes.txt
       - name: Set up Django environment
         run: |
           mkdir -v -p ~/.config/TubeSync/config
@@ -139,7 +98,7 @@ jobs:
       - name: Check with ruff
         continue-on-error: false
         run: |
-          target_version='py310'
+          target_version='py312'
           ignore_csv_list='E701,E722,E731'
           cd tubesync
           # output formats:

.github/workflows/no-response.yml

@@ -1,23 +1,29 @@
 name: No Response
 
-# `issues`.`closed`, `issue_comment`.`created`, and `scheduled` event types are required for this Action
+# `issues`.`closed`, `issues`.`labeled`, `issue_comment`.`created`,
+# and `scheduled` event types are required for this Action
 # to work properly.
 on:
   workflow_dispatch:
   issues:
-    types: [closed]
+    types: [closed, labeled]
   issue_comment:
     types: [created]
   schedule:
-    - cron: '19,43 * * * *'
+    # A recurring 40, 30, 70, 50, 40, 70 minute gap pattern
+    - cron: '7 1,6,11,16,21 * * *'
+    - cron: '17 4,9,14,19 * * *'
+    - cron: '27 0,5,10,15,20,23 * * *'
+    - cron: '37 1,3,6,8,11,13,16,18,21 * * *'
+    - cron: '47 2,7,12,17,22 * * *'
 
 jobs:
   noResponse:
     runs-on: ubuntu-latest
     permissions:
       issues: write
     steps:
-      - uses: tcely/no-response@v0.1.4
+      - uses: tcely/no-response@v0.2
         with:
           token: ${{ github.token }}
           # auto close issues with no response from author for N days

.github/workflows/release.yaml

@@ -2,6 +2,7 @@ name: Release TubeSync
 
 env:
   IMAGE_NAME: tubesync
+  REGISTRY: ghcr.io
 
 on:
   release:
@@ -11,14 +12,16 @@ jobs:
   info:
     runs-on: ubuntu-latest
     outputs:
-      ffmpeg-date: ${{ steps.jq.outputs.FFMPEG_DATE }}
-      ffmpeg-releases: ${{ steps.ffmpeg.outputs.releases }}
-      ffmpeg-version: ${{ steps.jq.outputs.FFMPEG_VERSION }}
+      IMAGE_NAME: ${{ env.IMAGE_NAME }}
+      REGISTRY: ${{ env.REGISTRY }}
+      ffmpeg-date: ${{ steps.ffmpeg.outputs.date }}
+      # ffmpeg-releases: ${{ steps.ffmpeg.outputs.releases }}
+      ffmpeg-version: ${{ steps.ffmpeg.outputs.version }}
       lowercase-github-actor: ${{ steps.github-actor.outputs.lowercase }}
       lowercase-github-repository_owner: ${{ steps.github-repository_owner.outputs.lowercase }}
       tag: ${{ steps.tag.outputs.tag }}
       ytdlp-latest-release: ${{ steps.yt-dlp.outputs.latest-release }}
-      ytdlp-releases: ${{ steps.yt-dlp.outputs.releases }}
+      # ytdlp-releases: ${{ steps.yt-dlp.outputs.releases }}
     steps:
       - uses: actions/checkout@v6
       - name: Get tag
@@ -40,61 +43,36 @@ jobs:
       - name: Retrieve yt-dlp/yt-dlp releases with GitHub CLI
         id: yt-dlp
         uses: ./.github/actions/yt-dlp
-      - name: Set outputs with jq
-        id: jq
-        run: |
-          cat >| .ffmpeg.releases.json <<'EOF'
-          ${{ steps.ffmpeg.outputs.releases }}
-          EOF
-          mk_delim() { local f='%s_EOF_%d_' ; printf -- "${f}" "$1" "${RANDOM}" ; } ;
-          open_ml_var() { local f=''\%'s<<'\%'s\n' ; printf -- "${f}" "$2" "$1" ; } ;
-          close_ml_var() { local f='%s\n' ; printf -- "${f}" "$1" ; } ;
-          {
-            var='FFMPEG_DATE' ;
-            delim="$(mk_delim "${var}")" ;
-            open_ml_var "${delim}" "${var}" ;
-            jq_arg='[foreach .[] as $release ([{}, []]; [ .[0] + {($release.commit): ([ $release.date ] + (.[0][($release.commit)] // []) ) }, [ .[1][0] // $release.commit ] ] ; .[0][(.[1][0])] ) ][-1][0]' ;
-            jq -r "${jq_arg}" -- .ffmpeg.releases.json ;
-            close_ml_var "${delim}" "${var}" ;
 
-            ffmpeg_date="$( jq -r "${jq_arg}" -- .ffmpeg.releases.json )"
-
-            var='FFMPEG_VERSION' ;
-            delim="$(mk_delim "${var}")" ;
-            open_ml_var "${delim}" "${var}" ;
-            jq_arg='.[]|select(.date == $date)|.versions[]|select(startswith("N-"))' ;
-            jq -r --arg date "${ffmpeg_date}" "${jq_arg}" -- .ffmpeg.releases.json ;
-            close_ml_var "${delim}" "${var}" ;
-            unset -v delim jq_arg var ;
-          } >> "${GITHUB_OUTPUT}"
-          cat -v "${GITHUB_OUTPUT}"
-          rm -v -f .ffmpeg.releases.json
-
-  containerise:
+  docker-image:
+    concurrency:
+      group: ${{ github.repository }}-${{ github.workflow }}
+      cancel-in-progress: false
     needs: ['info']
-    runs-on: ubuntu-latest
-    steps:
-      - name: Set up QEMU
-        uses: docker/setup-qemu-action@v3
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-      - name: Log into GitHub Container Registry
-        env:
-          DOCKER_REGISTRY: https://ghcr.io
-          DOCKER_USERNAME: ${{ github.repository_owner }}
-          DOCKER_TOKEN: ${{ 'meeb' == github.repository_owner && secrets.REGISTRY_ACCESS_TOKEN || secrets.GITHUB_TOKEN }}
-        run: echo "${DOCKER_TOKEN}" | docker login --password-stdin --username "${DOCKER_USERNAME}" "${DOCKER_REGISTRY}"
-      - name: Build and push
-        uses: docker/build-push-action@v6
-        with:
-          platforms: linux/amd64,linux/arm64
-          push: true
-          tags: ghcr.io/${{ needs.info.outputs.lowercase-github-repository_owner }}/${{ env.IMAGE_NAME }}:${{ needs.info.outputs.tag }}
-          cache-from: |
-            type=registry,ref=ghcr.io/${{ needs.info.outputs.lowercase-github-repository_owner }}/${{ env.IMAGE_NAME }}:latest
-            type=gha
-          build-args: |
-            IMAGE_NAME=${{ env.IMAGE_NAME }}
-            FFMPEG_DATE=${{ needs.info.outputs.ffmpeg-date }}
-            FFMPEG_VERSION=${{ needs.info.outputs.ffmpeg-version }}
-            YTDLP_DATE=${{ fromJSON(needs.info.outputs.ytdlp-latest-release).tag.name }}
+    uses: docker/github-builder/.github/workflows/build.yml@v1
+    permissions:
+      contents: read # to fetch the repository content
+      id-token: write # for signing attestation(s) with GitHub OIDC Token
+    secrets:
+      registry-auths: |
+        - registry: ${{ needs.info.outputs.REGISTRY }}
+          username: ${{ github.repository_owner }}
+          password: ${{ 'meeb' == github.repository_owner && secrets.REGISTRY_ACCESS_TOKEN || secrets.GITHUB_TOKEN }}
+    with:
+      cache: false
+      # cache-mode: max
+      meta-images: ${{ needs.info.outputs.REGISTRY }}/${{ needs.info.outputs.lowercase-github-repository_owner }}/${{ needs.info.outputs.IMAGE_NAME }}
+      output: image
+      platforms: linux/amd64,linux/arm64
+      push: true
+      setup-qemu: false
+      meta-flavor: |
+        latest=false
+      meta-tags: |
+        type=raw,value=${{ needs.info.outputs.tag }}
+        type=ref,enable=false,event=tag
+      build-args: |
+        IMAGE_NAME=${{ needs.info.outputs.IMAGE_NAME }}
+        FFMPEG_DATE=${{ needs.info.outputs.ffmpeg-date }}
+        FFMPEG_VERSION=${{ needs.info.outputs.ffmpeg-version }}
+        YTDLP_DATE=${{ fromJSON(needs.info.outputs.ytdlp-latest-release).tag.name }}

.gitignore

@@ -146,5 +146,12 @@ Pipfile.lock
 /tubesync/tasks/*.db-shm
 /tubesync/tasks/*.db-wal
 
-# Compiled CSS
-/tubesync/common/static/styles/*.css
+# Tailwind CLI binary (downloaded per platform)
+/tailwindcss
+
+# Generated requirements files (use `make requirements` to regenerate)
+/requirements.txt
+/requirements-dev.txt
+
+# Compiled CSS output (generated by Tailwind CLI)
+/tubesync/common/static/styles/tailwind/*-compiled.css