ci: add faucet docker build (#2285)

Co-authored-by: Justin R. Evans <jurevans@gmail.com>

Author: Fraccaman

.github/workflows/docker-faucet.yml

@@ -0,0 +1,77 @@
+name: Docker Faucet 🐳
+
+on:
+  push:
+    tags:
+      - faucet@v*
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+    paths:
+      - 'docker/faucet/**'
+      - '.github/workflows/docker-faucet.yml'
+      - apps/faucet/**
+
+env:
+  GIT_LFS_SKIP_SMUDGE: 1
+
+permissions:
+  id-token: write
+  contents: write
+  packages: write
+
+jobs:
+  docker:
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: true
+      matrix:
+        images:
+          - path: "docker/faucet/Dockerfile"
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Login to GHCR
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Determine Image Tag
+        id: tag
+        run: |
+          if [[ "${GITHUB_REF}" == refs/tags/faucet@v* ]]; then
+            echo "IMAGE_TAG=faucet-${GITHUB_REF#refs/tags/faucet@}" >> $GITHUB_ENV
+          else
+            echo "IMAGE_TAG=faucet-main" >> $GITHUB_ENV
+          fi
+
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          images: ghcr.io/${{ github.repository_owner }}/faucet
+          tags: |
+            type=raw,value=${{ env.IMAGE_TAG }}
+
+      - name: Build and Push Docker Image
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          file: ${{ matrix.images.path }}
+          push: ${{ github.event_name == 'push' }}
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max

.github/workflows/docker.yml .github/workflows/docker-namadillo.yml.github/workflows/docker.yml renamed to .github/workflows/docker-namadillo.yml

@@ -24,7 +24,7 @@
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
     "react-router-dom": "^6.0.0",
-    "styled-components": "^6.1.18"
+    "styled-components": "^6.1.19"
   },
   "devDependencies": {
     "@babel/plugin-transform-modules-commonjs": "^7.20.11",

.github/workflows/release-faucet.yml

@@ -1,4 +1,4 @@
-import React, { createContext, useEffect, useState } from "react";
+import { createContext, useEffect, useState } from "react";
 import { GoGear } from "react-icons/go";
 import { ThemeProvider } from "styled-components";
 
@@ -78,7 +78,7 @@ const START_TIME_TEXT = new Date(START_TIME_UTC * 1000).toLocaleString(
 
 export const AppContext = createContext<AppContext | null>(null);
 
-export const App: React.FC = () => {
+export const App = (): JSX.Element => {
   const initialColorMode = "dark";
 
   const [colorMode, _] = useState<ColorMode>(initialColorMode);

apps/faucet/package.json

@@ -1,13 +1,12 @@
 import { Text } from "@namada/components";
-import React from "react";
 import { FaqContainer, FaqUrl } from "./Faq.components";
 import { FaqDropdown } from "./FaqDropdown";
 
 const namadaDiscord = "https://discord.com/invite/namada";
 const becomeValidatorUrl =
   "https://docs.namada.net/operators/validators/post-genesis-validator-setup";
 
-export const Faq: React.FC = () => {
+export const Faq = (): JSX.Element => {
   return (
     <FaqContainer>
       <Text className="text-black text-5xl my-0">FAQs</Text>

apps/faucet/src/App/App.tsx

@@ -12,7 +12,7 @@ type Props = {
   title: string;
   children: React.ReactNode;
 };
-export const FaqDropdown: React.FC<Props> = ({ children, title }) => {
+export const FaqDropdown = ({ children, title }: Props): JSX.Element => {
   const [isOpen, setIsOpen] = useState<boolean | null>(null);
 
   const handleToggle = (): void => {

apps/faucet/src/App/Common/Faq.tsx

@@ -1,13 +1,12 @@
-FROM rust:1.85.1 AS builder
+FROM ubuntu:24.04 AS builder
 WORKDIR /app
 
-RUN apt update && apt install -y nodejs npm clang pkg-config libssl-dev protobuf-compiler curl
+RUN apt update && apt install -y nodejs npm
 RUN npm install -g yarn
 
 COPY .yarnrc.yml tsconfig.base.json package.json yarn.lock .
 COPY ./.yarn ./.yarn
 COPY ./packages ./packages
-COPY ./scripts ./scripts
 COPY ./apps/faucet/package.json ./apps/faucet/package.json
 
 RUN yarn 

apps/faucet/src/App/Common/FaqDropdown.tsx

@@ -3766,7 +3766,7 @@ __metadata:
     react-dom: "npm:^18.3.0"
     react-router-dom: "npm:^6.0.0"
     style-loader: "npm:^4.0.0"
-    styled-components: "npm:^6.1.18"
+    styled-components: "npm:^6.1.19"
     tailwindcss: "npm:^3.4.1"
     ts-loader: "npm:^9.3.1"
     ts-node: "npm:^10.9.1"
@@ -19507,9 +19507,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"styled-components@npm:^6.1.18":
-  version: 6.1.18
-  resolution: "styled-components@npm:6.1.18"
+"styled-components@npm:^6.1.19":
+  version: 6.1.19
+  resolution: "styled-components@npm:6.1.19"
   dependencies:
     "@emotion/is-prop-valid": "npm:1.2.2"
     "@emotion/unitless": "npm:0.8.1"
@@ -19523,7 +19523,7 @@ __metadata:
   peerDependencies:
     react: ">= 16.8.0"
     react-dom: ">= 16.8.0"
-  checksum: 10c0/067778b8cf9aa24b23590d23210b0e7964c6469630e5ab821c68dac64af6e0c0270c972a836f60a8bbd9753770f0475f911fcd34eeba6bd003c233a79a391e6b
+  checksum: 10c0/8d20427a5debe54bfa3b55f79af2a3577551ed7f1d1cd34df986b73fd01ac519f9081b7737cc1f76e12fbc483fa50551e55be0bc984296e623cc6a2364697cd8
   languageName: node
   linkType: hard