mnisyif/mnisyif_frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor pipeline script

Browse source
This commit is contained in:
Murtadha 2024-07-27 21:03:20 -04:00
parent 963cb1ed27
commit be6c34cb53
2 changed files with 108 additions and 126 deletions
Download patch file Download diff file Expand all files Collapse all files

230
.woodpecker.yml
View file

@ -1,129 +1,111 @@
---
# kind: pipeline
# type: docker
# name: default
steps: steps:
build: - name: build
when: image: node:22
- branch: master commands:
event: push - npm ci
image: node:22 - npm run build
commands: - echo "VERSION=$(cat version.txt)" > .env
- npm ci
- npm run build
- echo "VERSION=$(cat version.txt)" > .env
clear-from-host: - name: clear-from-host
when: image: appleboy/drone-ssh
- branch: master settings:
event: push host:
image: appleboy/drone-ssh from_secret: ssh_host
settings: username:
host: from_secret: ssh_username
from_secret: ssh_host key:
username: from_secret: ssh_key
from_secret: ssh_username port: 2332
key: script:
from_secret: ssh_key - cd /home/mnisyif/docker-containers/mnisyif/frontend
port: 2332 - rm -rf data index-*.js index-*.css logos papers pp projects
script: - find . -maxdepth 1 -type f -delete
- rm -rf /home/mnisyif/docker-containers/mnisyif/frontend/* - echo "Target directory cleared, resumes folder preserved"
- echo "Target directory cleared"
copy-to-host: - name: copy-to-host
when: image: appleboy/drone-scp
- branch: master settings:
event: push host:
image: appleboy/drone-scp from_secret: ssh_host
settings: username:
host: from_secret: ssh_username
from_secret: ssh_host key:
username: from_secret: ssh_key
from_secret: ssh_username port: 2332
key: target: /home/mnisyif/docker-containers/mnisyif/frontend
from_secret: ssh_key source:
port: 2332 - dist/
target: /home/mnisyif/docker-containers/mnisyif/frontend - nginx.conf
source: - version.txt
- dist/
- nginx.conf
- version.txt
webserver-deploy: - name: webserver-deploy
when: image: appleboy/drone-ssh
- branch: master settings:
event: push host:
image: appleboy/drone-ssh from_secret: ssh_host
settings: username:
host: from_secret: ssh_username
from_secret: ssh_host key:
username: from_secret: ssh_key
from_secret: ssh_username port: 2332
key: script:
from_secret: ssh_key - cd /home/mnisyif/docker-containers/mnisyif/frontend
port: 2332 - VERSION=$(cat version.txt)
script: - docker stop frontend-$VERSION || true
- cd /home/mnisyif/docker-containers/mnisyif/frontend - docker rm frontend-$VERSION || true
- VERSION=$(cat version.txt) - >
- echo "Nginx configuration:" docker run -d --name frontend-$VERSION -p 5173:80
- cat nginx.conf --mount type=bind,source=$PWD,target=/usr/share/nginx/html,readonly
- echo "Contents of dist directory:" -v $PWD/nginx.conf:/etc/nginx/nginx.conf:ro
- ls -la dist nginx:alpine
# Stop and remove the existing container if it exists - echo "Deployment completed"
- docker stop frontend || true
- docker rm frontend || true
# Run the new container with the current version, mounting the files
- >
docker run -d --name frontend -p 5173:80
-v /home/mnisyif/docker-containers/mnisyif/frontend/dist:/usr/share/nginx/html:ro
-v /home/mnisyif/docker-containers/mnisyif/frontend/nginx.conf:/etc/nginx/nginx.conf:ro
nginx:alpine
# Tag the running container with the version
- docker tag nginx:alpine frontend:$VERSION
- echo "Deployment completed"
confirm-deployment:
when:
- branch: master
event: push
image: appleboy/drone-ssh
settings:
host:
from_secret: ssh_host
username:
from_secret: ssh_username
key:
from_secret: ssh_key
port: 2332
script:
- echo "Verifying deployment..."
# Verify the container is running
- docker ps | grep frontend || { echo "Container failed to start"; exit 1; }
# Display container logs and test nginx configuration
- docker logs frontend
- docker exec frontend nginx -t
- docker exec frontend ps aux | grep nginx
# Check contents of /usr/share/nginx/html in the container - name: confirm-deployment
- docker exec frontend ls -la /usr/share/nginx/html image: appleboy/drone-ssh
# Perform a simple HTTP request to check if the server is responding settings:
- curl -I http://localhost:5173 || { echo "HTTP request failed"; exit 1; } host:
- echo "Deployment confirmed successfully" from_secret: ssh_host
cleanup: username:
when: from_secret: ssh_username
- branch: master key:
event: push from_secret: ssh_key
image: appleboy/drone-ssh port: 2332
settings: script:
host: - VERSION=$(cat /home/mnisyif/docker-containers/mnisyif/frontend/version.txt)
from_secret: ssh_host - docker ps | grep frontend-$VERSION || { echo "Container failed to start"; exit 1; }
username: - docker logs frontend-$VERSION
from_secret: ssh_username - docker exec frontend-$VERSION nginx -t
key: - docker exec frontend-$VERSION ls -la /usr/share/nginx/html
from_secret: ssh_key - docker exec frontend-$VERSION ls -la /usr/share/nginx/html/resumes
port: 2332 - curl -I http://localhost:5173 || { echo "HTTP request failed"; exit 1; }
script: - echo "Deployment confirmed successfully"
- echo "Performing cleanup..."
# Clean up unused containers, images, and volumes - name: cleanup
- docker system prune -f --volumes image: appleboy/drone-ssh
# Remove older versions of the Docker image settings:
- > host:
for img in $(docker images frontend --format "{{.Tag}}" | grep -v $(cat /home/mnisyif/docker-containers/mnisyif/frontend/version.txt)); do from_secret: ssh_host
docker rmi frontend:$img || true; username:
done from_secret: ssh_username
- echo "Cleanup completed" key:
from_secret: ssh_key
port: 2332
script:
- echo "Performing cleanup..."
- docker system prune -f --volumes
- >
for img in $(docker images frontend --format "{{.Tag}}" | grep -v $(cat /home/mnisyif/docker-containers/mnisyif/frontend/version.txt)); do
docker rmi frontend:$img || true;
done
- echo "Cleanup completed"
trigger:
branch:
- master
event:
- push

4
src/shared/components/resumeDownloader/ResumeDownloader.jsx
View file

@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import styles from "./ResumeDownloader.module.css"; import styles from "./ResumeDownloader.module.css";
const ResumeDownload = ({ resumeLink }) => { const ResumeDownloader = ({ resumeLink }) => {
const handleDownload = (e) => { const handleDownload = (e) => {
e.preventDefault(); e.preventDefault();
@ -24,4 +24,4 @@ const ResumeDownload = ({ resumeLink }) => {
); );
}; };
export default ResumeDownload; export default ResumeDownloader;