DEV Community: Varun Sridharan

Github Action - Repository Roster | Shout-out Supporters In Your README.md

Varun Sridharan — Tue, 03 Nov 2020 01:04:42 +0000

As developers, we put a lot of work into our GitHub repos to make them as useful as possible for others, but great projects sometimes go under-appreciated, and under-starred. Asking for stars is tacky, but publicly thanking your supporters by name in your README file is a sign of appreciation that happens to incentivize more users to join the crowd.

💡 Inspiration

One fine day i got an email DEV Digest in which i got attracted by the title 1 Step to Incentivize Stars and Forks on GitHub and decided to read the full article. it was new & interesting to me.Thanks to @ nastyox1 creating such awesome tool. so i wanted to use it but i wanted it to be a markdown-table output which was not an option with that cloud hosted service. so i decided to create this as an action which can provide various outputs.

check out the examples output

🚀 Usage

Update Your README.md with below code
Setup Action Workflow File

Repository Stargazers

    ## ↳ Stargazers
    <!-- REPOSITORY_STARS:START --> <!-- REPOSITORY_STARS:END -->

Repository Forks

    ## ↳ Forkers
    <!-- REPOSITORY_FORKS:START --><!-- REPOSITORY_FORKS:END -->

ℹ️ Currently there are ways to auto trigger the workflow when a users stars / forks the repository.

ℹ️ Using this action with the workflow trigger fork & watch is the best optmized way.

if you want to remove users that have un-stared / deleted the fork then you might have to use cron to handle it

Example Workflowfile

name: "🙏 Repository Roster"

on:
  workflow_dispatch:
  watch:
    types:
      - started
  fork:

jobs:
  update_latest_roster:
    name: "🐔  Update Latest Roster"
    runs-on: ubuntu-latest
    steps:
      - name: "📥  Fetching Repository Contents"
        uses: actions/checkout@main

      - name: "🐔  Markdown - Repository Roster"
        uses: "varunsridharan/action-repository-roster@main"
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

For Details information about the available config options. please check our github repository

varunsridharan / action-repository-roster

Shout-out supporters in your GitHub README file.

~ Shout-out supporters in your GitHub README file. ~

🚀 Usage

Setup Action Workflow File
Update Your README.md with below code

Repository Stargazers

    ## ↳ Stargazers
    <!-- REPOSITORY_STARS:START --> <!-- REPOSITORY_STARS:END -->

Repository Forks

    ## ↳ Forkers
    <!-- REPOSITORY_FORKS:START --><!-- REPOSITORY_FORKS:END -->

ℹ️ Currently there are ways to auto trigger the workflow when a users stars / forks the repository.

ℹ️ Using this action with the workflow trigger fork & watch is the best optmized way.

if you want to remove users that have un-stared / deleted the fork then you might have to use cron to handle it

⚙️ Configuration

Option	Description	Default
General Config
`IMAGE_SAVE_PATH`	Custom location on where to save generated SVG image file. Image Files Are Generated When Output Type Set To `image`	`.github/roster/`
Forks Config
`FORK`	Set to true to generate latest forked users information. or provide a file location to update the information If

…

View on GitHub

Github Action : Workflow Files Sync

Varun Sridharan — Sun, 25 Oct 2020 10:15:49 +0000

This Github Action can come in handy when you have lot of projects like i do. where in some case certain projects users action workflow which are common across projects. Example : Project 1 & Project 2 it can be pain to keep all the workflow updated with Github Action's Module's version.

This also isn't limited to Github Action yaml files.
Another use case could be keeping the .editorconfig, LICENSE, tsconfig.json, tslint.json, .gitignore, azure-pieplines.yml, etc. in sync across all your repositories.

Here where this action comes in and reduces your stress 😉 it can update all your repository actions file based on the config provided

How Files Sync Work ?

Before copying the WORKFLOW_FILES from the source to destination. this action will provide some flexibility. this searches for a file in various locations for example lets take settings.yml as the file that you want to sync for multiple repository

Below are the locations that this action search for the file/folder

./{OWNER}/{REPO_NAME}/workflows/{filename}
./{OWNER}/workflows/{filename}
./{WORKFLOW_FILES_DIR}/{filename}
./.github/workflows/{filename}
./{OWNER}/{REPO_NAME}/{filename}
./{OWNER}/{filename}
./{filename}

if the settings.yml is found inside workflows folder then the destination is automatically forced to .github/workflows in the destination repo

if the settings.yml is outside of workflows folder then the destination then its copied to the destination

How this can be useful ?

Lets assume that you want to maintain all the common github files in a single repository and suddenly a repository needs a single file to be changed in that case instead of editing the action yml file. you can just create a folder like {REPO_OWNER}/{REPO_NAME}/{FILE} to copy the overriden file to the destination

varunsridharan / action-github-workflow-sync

Github Action To Sync Github Action's Workflow Files Across Repositories

Github Workflow Sync - Github Action

Github Action To Sync Github Action's Workflow Files Across Repositories

Use Case 🤔 ?

This Github Action can come in handy when you have lot of projects like i do. where in some case certain projects users action workflow which are common across projects. Example : Project 1 & Project 2 it can be pain to keep all the workflow updated with Github Action's Module's version.

This also isn't limited to Github Action yaml files - another use case could be keeping the .editorconfig, LICENSE, tsconfig.json, tslint.json, .gitignore, azure-pieplines.yml, etc. in sync across all your repositories.

Here where this action comes in and reduces your stress 😉 it can update all your repository actions file based on the config provided

⚙️ Configuration

Argument	Defaults	Description
`GITHUB_TOKEN`	-	Required Token to use to get repos and write secrets. `${{secrets.GITHUB_TOKEN}}`

…

View on GitHub

How To Setup A Self Hosted Github Mirror ?

Varun Sridharan — Wed, 14 Oct 2020 01:43:50 +0000

Why ?

What I’m trying to accomplish is a fail-safe in case something happens to GitHub which would make me loose access, be that voluntarily or involuntarily.

I am not migrating away from GitHub because I see no reason to: the platform is very useful to me, and I’d not like to loose it.

Why Gitea

I’d like a Web UI onto these repositories in addition to the files in the file system. It could have been Gitlab, but I think Gitea is probably the option with the lowest resource requirements.

When I add a repository to Gitea and specify I want it to be mirrored, Gitea will take charge of periodically querying the source repository and pulling changes in it.

How To ?

After setting up Gitea and creating a user, I create an API token in Gitea with which I can create repositories programmatically.

Then you will also need to create a Personal Access Token In Github with the below scope

Select public_repo scope if you just want to mirror Public Gist / Repo to your mirror
Select repo scope if you want to mirror both public & private Gist / Repo to your mirror
Select gist scope if you want to mirror private gists.

Installation

Install Python3 sudo apt-get install python3
Install PIP3 sudo apt-get install python3-pip
Install PyGithub pip install PyGithub

Once everything is installed.

Clone / Download this repo https://github.com/varunsridharan/github-gitea-mirror

And update src/config.json with your information And run the below cmd

Mirror Everything

Below CMD Will mirror (Public / Private ) Repository, Gists Forks & Stared Repos

python3 mirror.py

Mirror Source Gists

python3 gist.py

Mirror Stared Gists

python3 giststared.py

Mirror Source Repository

python3 repoSource.py

Mirror Forked Repository

python3 repoForked.py

Mirror Stared Repository

python3 repoStared.py

varunsridharan / github-gitea-mirror

Simple Python Script To Mirror Repository From Github To Gitea

Simple Python Script To Mirror Repository / Gist From Github To Gitea

Why ?

I am a data hoarder.

I am not migrating away from GitHub because I see no reason to: the platform is very useful to me, and I’d not like to lose it. What I’m trying to accomplish is a fail-safe in case something happens to GitHub which would make me lose access, be that voluntarily or involuntarily.

✅ Requirements

Python3 -- sudo apt-get install python3
PyGithub -- pip install PyGithub

⚙️Installation

Github Clone

Just run the below cmd in your Gitea server

git clone https://github.com/varunsridharan/github-gitea-mirror

Or you can download the source code and install it where ever you need

🚀 Usage

Github Access Token Scopes

if you want to mirror private repos then select everything under Repo scope
if you want to mirror public repos then select repo.public_repo scope
if you want to mirror secret Gists…

View on GitHub

#javascript Dizzle - CSS Selector Library

Varun Sridharan — Tue, 06 Oct 2020 11:55:01 +0000

Hello All,

I am really proud to share my new javascript Library called Dizzle,

What is Dizzle ?

Dizzle turns CSS selectors into functions that tests if elements match them. When searching for elements, testing is executed "from the top", similar to how browsers execute CSS selectors.

Features:

Full implementation of CSS 3 & CSS 4 selectors
Partial implementation of jQuery Extensions
Pretty good performance
Light Weight

Why this library is created when jQuery does this ?

Long story short i wanted to move from jQuery to VanillaJS but then i faced an roadblock that i can't use special css selectors such as :input in VanillaJS to fetch elements due to which i worked on this library.

Please do check our Github Repo for more information :

varunsridharan / dizzle

~ Simple Fast CSS Selector Engine ~

What?

Dizzle turns CSS selectors into functions that tests if elements match them. When searching for elements, testing is executed "from the top", similar to how browsers execute CSS selectors.

Features:

Full implementation of CSS3 & CSS4 selectors
Partial implementation of jQuery extensions
Pretty good performance

Usage

Get Dizzle From jsDelivr and use it like this:

<script src="https://cdn.jsdelivr.net/npm/dizzle/dist/dizzle.umd.min.js"></script>
<script>
  var divs = dizzle('div');
  console.log(divs);
</script>

Dizzle is also available through npm as the dizzle package:

npm install --save dizzle

That you can then use like this:

import dizzle from "dizzle";
dizzle.find('div.myelement');

Documentation

Finding Elements

/**
 * Search For h2 elements inside div in whole document
 */
console.log(dizzle('div > h2'));
/**
 * Fetches

…

View on GitHub

Example Usage

Finding All Input Elements Inside A Form

var $elements = dizzle('div#yourID :input');
console.log($elements);

Filter Elements

/**
 * Filter All Visible H2 tags
 */
var visibleH2 = dizzle.filter(':visible',dizzle('h2'));

WPOnion | ~ Lightweight, Flexible & Rapid WP Development Framework ~

Varun Sridharan — Thu, 09 Jul 2020 06:34:14 +0000

Intro

I am really happy to share my long term Open Source project public I started working on a WP Settings Framework after checking out a lot of frameworks but i was unable to find a framework that fits me.

So i decided to create a new framework and also make it as a open source. which is called as WPOnion

I started this project in 2018 and work on it full time. and now its finally got stable enough for me to share it to the community

So what is WPOnion , exactly?

WPOnion is a simple yet powerful framework that helps developers build custom meta boxes ,custom fields .etc in WordPress fast and easily.

The framework lets you define custom meta boxes and custom fields via arrays and handles everything behind the scene automatically. It has a wide range of field types, field settings and supports mostly everything in WordPress.

And provides developers with a quite a lot of built in functions / classes which can be used to create features in WordPress. for example creating dashboard widget with a options page for it. , creating a Site Widget with along with configurable options. and much more.

DEV Community: Varun Sridharan

Github Action - Repository Roster | Shout-out Supporters In Your README.md

💡 Inspiration

🚀 Usage

Example Workflowfile

varunsridharan / action-repository-roster

Shout-out supporters in your GitHub README file.

🚀 Usage

⚙️ Configuration

Github Action : Workflow Files Sync

How Files Sync Work ?

Below are the locations that this action search for the file/folder

How this can be useful ?

varunsridharan / action-github-workflow-sync

Github Action To Sync Github Action's Workflow Files Across Repositories

Github Workflow Sync - Github Action

Use Case 🤔 ?

⚙️ Configuration

How To Setup A Self Hosted Github Mirror ?

Why ?

Why Gitea

How To ?

Installation

Mirror Everything

Mirror Source Gists

Mirror Stared Gists

Mirror Source Repository

Mirror Forked Repository

Mirror Stared Repository

varunsridharan / github-gitea-mirror

Simple Python Script To Mirror Repository From Github To Gitea

Why ?

✅ Requirements

⚙️Installation

Github Clone

🚀 Usage

Github Access Token Scopes

#javascript Dizzle - CSS Selector Library

What is Dizzle ?

Features:

Why this library is created when jQuery does this ?

varunsridharan / dizzle

~ Simple Fast CSS Selector Engine ~

What?

Features:

Usage

Documentation

Finding Elements

Example Usage

Finding All Input Elements Inside A Form

Filter Elements

WPOnion | ~ Lightweight, Flexible & Rapid WP Development Framework ~

Intro

So what is WPOnion , exactly?

Screenshots

Settings Page : WP Theme

Settings Page : WP Modern Theme

WP Metabox : WP Theme

WP Metabox : WP Modern Theme

WP Metabox : Side Metabox

WP User Profile

WP Quick Edit

WP Bulk Edit

WP Taxonomy

Social & Source Links