Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/teamtigers/minisauras

An open-source CI/CD automation tool based on :octocat: GitHub Actions that pulls all the JavaScript and CSS files from your base branch, minify them and creates a pull-request with a new branch.
https://github.com/teamtigers/minisauras

action actions-hackathon actionshackathon ci-cd dev-community dev-hackathon github github-actions github-core javascript javascript-library minisauras nodejs octokit terser webpack

Last synced: about 11 hours ago
JSON representation

An open-source CI/CD automation tool based on :octocat: GitHub Actions that pulls all the JavaScript and CSS files from your base branch, minify them and creates a pull-request with a new branch.

Awesome Lists containing this project

README

        

![banner](assets/icons/icon.svg)

![minisauras](https://img.shields.io/github/workflow/status/teamtigers/minisauras/minisauras?color=00c853&labelColor=212121&label=minisauras&logo=github&logoColor=ffffff)
![star](https://img.shields.io/github/stars/teamtigers/minisauras?color=536dfe&logo=github&labelColor=212121&logoColor=ffffff)
![releases](https://img.shields.io/github/v/release/teamtigers/minisauras?color=3d5afe&label=minisauras&labelColor=212121&logo=github%20actions&logoColor=ffffff)
![GitHub](https://img.shields.io/github/license/teamtigers/minisauras?color=00c853&labelColor=212121&logo=sprint&logoColor=ffffff)
[![Hackathon](https://img.shields.io/badge/%20-actions%20hackathon-black?color=14171A&labelColor=3f51b5&logo=dev.to&logoColor=ffffff)](https://dev.to/_shunjid/minisauras-a-github-action-to-minify-css-and-js-files-34b9)
[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fteamtigers%2Fminisauras&count_bg=%23212121&title_bg=%23512da8&icon=buzzfeed.svg&icon_color=%23FFFFFF&title=vistited&edge_flat=false)](https://hits.seeyoufarm.com)

# Minisauras :tada:
Minisauras is an open-source CI/CD automation tool based on :octocat: [**GitHub Actions**](https://github.com/features/actions) that pulls all the JavaScript and CSS files from your base branch, minify them and creates a pull-request with a new branch.

## How it works
- Traverse through a given directory (if not provided, traverse from root), finds all the JavaScript & CSS files within it and it's sub-directories.
- Afterwards, **Minisauras** minify all those files.
- Finally, it creates a new branch in your repository, push those changes and creates a pull request that can be merged in your base branch.

## Usage
- Create a [personal access token](https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token).
- Then [setup a secret](https://docs.github.com/en/actions/configuring-and-managing-workflows/creating-and-storing-encrypted-secrets) using that personal access token in your desired repository.
- Create a workflow. For example: **main.yml** under (.github/workflows) directory.
- In the workflow, provide following things:
* Personal access token. For example: ${{ secrets.TOKEN }} if you set your secret with a name 'TOKEN'.
* The desired directory in which you want to minify CSS and JS files. For example: './' for root and 'src/' for src directory.

## Examples

_**If you want to minify all your JS and CSS files under root directory**_

```yml
name: minisauras

on: [push]

jobs:
read:
runs-on: ubuntu-18.04

steps:
- name: Checkout
uses: actions/checkout@v2
- name: minisauras
uses: TeamTigers/[email protected]
env:
GITHUB_TOKEN: ${{ secrets.TOKEN }}
id: dir
with:
directory: './' ## minify all files from root directory
```

_**If you want to minify all your JS and CSS files under your custom directory ex. assets/js & assets/css**_

```yml
name: minisauras

on: [push]

jobs:
read:
runs-on: ubuntu-18.04

steps:
- name: Checkout
uses: actions/checkout@v2
- name: minisauras
uses: TeamTigers/[email protected]
env:
GITHUB_TOKEN: ${{ secrets.TOKEN }}
id: dir
with:
directory: 'assets/' ## minify all files under assets directory
```

## Example of usage

There you go !! We have created an example repository where you can see how minisauras has minified all the CSS and JavaScript files as well as created a new branch and sent a [pull request](https://github.com/TeamTigers/minisauras-example/pull/1).

📌 Visit the example repository at : https://github.com/TeamTigers/minisauras-example

[![cat](assets/images/cat-pr.gif)](https://github.com/TeamTigers/minisauras-example/)

## License
This project is licensed under [MIT](LICENSE)

## If you like our work please give it a :star: