AvocadoVenom

# Considering that your app version is stored in VERSION.md file
#
# Example: ./gitlab-changelog.sh
# Example: ./gitlab-changelog.sh <YOUR-GITLAB-PROJECT-ACCESS-TOKEN>

#!/bin/bash

app_version=$(cat VERSION.md)
branch=dev

AvocadoVenom

/**
 * Gets the last version number of the project and generates remotely the changelog on the current branch
 *
 * Master branch:
 *    Only commits with 'Fix' git trailer will be involved in changelog entries
 *
 * Other branch:
 *    Only commits with 'Changelog' (default value) git trailer will be involved in changelog entries.
 *
 * Example: node ./gitlab-changelog.js

AvocadoVenom

/* Gets the last version number of the project and generates remotely the changelog on the current branch */

const { exec } = require('child_process');
const axios = require('axios');

const version = require('../../package.json').version;

// Allow to access the environment variables
require('dotenv').config();

AvocadoVenom

/**
 * Gets the last version number of the project and generates remotely the changelog on the dev branch via GitLab API.
 *
 * Example: node ./gitlab-changelog.js
 */

const axios = require('axios');

const version = require('../../package.json').version;
const branch = 'dev';

AvocadoVenom

4.3.0 (2022-05-01)

Added (4 changes)

• Feature 1 (merge request)
• Feature 2 (merge request)
• Feature 3 (merge request)
• Feature 4 (merge request)

Fixed (3 changes)

AvocadoVenom

import styled from 'styled-components'

const CircleProgressBar = styled.div({
  background: ({ progress }) => {
    // Adapt the logic here
    const angle = 360 * progress
    
    return `radial-gradient(white 50%, transparent 51%),
      conic-gradient(transparent 0deg ${angle}deg, gainsboro ${angle}deg 360deg),
      conic-gradient(orange 0deg, yellow 90deg, lightgreen 180deg, green)`

AvocadoVenom

<script>
  import CircleProgressBar from './CircleProgressBar.svelte'
  
  const progress = Math.random()
</script>

<CircleProgressBar progress={progress} />

AvocadoVenom

<template></template>

<script lang="ts">
import { computed, defineComponent, toRefs } from 'vue';

export default defineComponent({
  props: {
    progress: { type: Number, required: true }
  },
  setup(props) {

AvocadoVenom

@Component({
  selector: 'circle-progress-bar',
  template: ``,
  styles: [`
    .circle-container__progress { // For conic-gradient approach
      stroke-dashoffset: var(--progress-stroke-dashoffset);
    }
    #progress-circle { // For SVG approach
      background: var(--progress-background);
    }

AvocadoVenom

[type="checkbox"] {
  accent-color: darkgreen;
}

[type="radio"] {
  accent-color: midnightblue;
}

* {
  accent-color: tomato;