.gitlab-ci.yml

image: node
stages:
    - build 
    - test
    - deploy
    - deployment test
    - deploy staging
    - deploy production 
    - production test 
cache:
    key: ${CI_COMMIT_REF_SLUG}
    paths:
        - node_modules/
variables:
    STAGING_DOMAIN: demonic-hospital-staging.surge.sh
    PRODUCTION_DOMAIN: demonic-hospital.surge.sh

build website:
    stage: build 
    script:
        - echo $CI_COMMIT_SHORT_SHA	
        - npm install
        - npm install -g gatsby-cli
        - gatsby build
        - sed -i "s/%%VERSION%%/$CI_COMMIT_SHORT_SHA/" ./public/index.html
    artifacts:
        paths:
            - ./public
test artifact:
    image: alpine
    stage: test
    when: manual
    script: 
        - grep -q "Gatsby" ./public/index.html

    
test website:
    stage: test
    when: manual
    script:
        - npm install 
        - npm install -g gatsby-cli
        - gatsby serve &
        - sleep 3
        - curl "http://localhost:9000" | grep -q "Gatsby"

deploy to staging:
    stage: deploy staging
    environment:
        name: staging 
        url: http://$STAGING_DOMAIN
    only: 
        - main
    script:
        - npm install --global surge
        - surge --project ./public --domain  $STAGING_DOMAIN
    
deploy to production:
    stage: deploy production
    environment:
        name: production  
        url: $PRODUCTION_DOMAIN
    only: 
        - main
    script:
        - npm install --global surge
        - surge --project ./public --domain  $PRODUCTION_DOMAIN
production tests:
  image: alpine
  stage: production test
  only: 
        - main
  script:
    - apk add --no-cache curl
    - curl -s "http://$PRODUCTION_DOMAIN" | grep -q "Welcome to"
    - curl -s "http://$PRODUCTION_DOMAIN" | grep -q "$CI_COMMIT_SHORT_SHA"