DEV Community: Jayant Navrange

I've made a get-releases-action using GitHub API

Jayant Navrange — Thu, 16 Oct 2025 11:59:45 +0000

Time for Action

Curiosity leads to action

Curiosity.., I was curious about GitHub actions, how they work and how can I build my own. That's right, it's always things you see and use,leads invent or reinvent the wheel.

I created one and currently using the action in my profile https://github.com/jayantur13 to showcase my project releases. The name of the action is get-latest-releases in GitHub Marketplace.

The Making

During the making I followed the official documentation, some actions from Marketplace and other repos. Also, to get a start I vibed and found some great results.
My GitHub action is very simple. It works in following steps:

Requires user/repo_name
Make HTTP request to fetch releases of a user/repo_name, then detects if README.md has

<!--LATEST_RELEASES_START-->
<!--LATEST_RELEASES_END-->

Auto-commit (if true) with all release data to README.md
To avoid always committing there's a .json file that saves the info. > Necessary log for both success and failure case. > As actions are soon deprecating the use of node20 and asking to use node24, at first, I struggled to make the build work then used esbuild (or rollup was other option)

Here's the action

name: Fetch and upate with latest release

on:
  schedule:
    - cron: "0 0 * * *" # daily at midnight UTC
  workflow_dispatch:

jobs:
  update_releases:
    runs-on: ubuntu-latest
    permissions:
      contents: write

    steps:
      - uses: actions/checkout@v4
      - name: Update latest releases
        uses: jayantur13/get-latest-releases@v1
        with:
          repos: |
            vercel/next.js
            facebook/react
          readme_path: "README.md"
          max_repos: "3"
          theme: list
          include_body: "true"
          exclude_prereleases: "false"
          header_title: ""
          footer_link_text: "Explore More →"
          show_global_footer: "true"
          date_format: "short"
          skip_if_no_change: "true"
          auto_commit: "true"
          token: ${{ secrets.GITHUB_TOKEN }}

Under. GitHub/workflows/action_name.yml it will run daily UTC midnight

Here's the detail about parameters:

Name	Description	Default	Required
`repos`	List of repositories (`owner/repo`) separated by newlines	–	✅
`readme_path`	Path to your README file	`README.md`	❌
`max_repos`	Maximum number of repositories to display	`5`	❌
`include_body`	Include release notes text	`true`	❌
`exclude_prereleases`	Skip prereleases	`true`	❌
`theme`	Markdown layout: `table`, `list`, `card`, `compact`	`table`	❌
`header_title`	Custom section title (value,"")	`🔖 Latest Releases`	❌
`footer_link_text`	Text for global footer link	`See All Releases →`	❌
`show_global_footer`	Show or hide the footer link	`true`	❌
`date_format`	Date format (`ISO`, `relative`, `none`)	`ISO`	❌
`skip_if_no_change`	Skip update if no new release is found	`true`	❌
`auto_commit`	Automatically commit README changes	`false`	❌
`token`	GitHub token for API access	`${{ github.token }}`	❌

Theme Appearance

Card

Table

List

Compact

I found a useful action like listing blog post in readme, which had me curious and inspired me to try making this action.

I am not much of writer. But yeah, tried to write and if, you like this article react/comment in this post and give a try to get-latest-releases in GitHub Marketplace.

Thanks for reading.

Built a Reddit Memes & Jokes API with Node.js 🚀

Jayant Navrange — Wed, 01 Oct 2025 07:28:03 +0000

I've made a JSON API for memes, jokes, and funny posts from Reddit a long time ago for my small android app project, used it for a long time and then made it public, known as reddit-memes-api — a Node.js package + Express server that gives you JSON data for images, gifs, and videos from subreddits.

⚡ Features

Works with any subreddit you whitelist (memes, jokes, etc.).
Supports Reddit’s built-in sort: hot, new, top, rising.
Time filtering with day, week, month, year, all.
✅ Pagination using after and before tokens.
✅ Response includes marked_as_nsfw flag for post-level filtering.
✅ Built-in rate limiting and caching (configurable via . env).

📦 Installation

npm install reddit-memes-api
# or
yarn add reddit-memes-api

🚀 API Reference

Type 1: Get subreddit data

GET /:subreddit

Type 2: Get sorted posts

GET /:subreddit/:memesare?limit=50

Type 3: Get sorted + time-filtered posts

GET /:subreddit/:memesare/:freq?limit=100

👉 Full parameter docs in the GitHub repo

🔧 Example Requests

https://your-api.com/memes
https://your-api.com/memes/hot
https://your-api.com/memes/top/all?limit=100

And the JSON response looks like:

{
  "error": false,
  "code": 200,
  "type": "Success",
  "data": [
    {
      "author": "reddit_user",
      "title": "This meme made my day 😂",
      "marked_as_nsfw": false,
      "post_hint": "image",
      "url": "https://i.redd.it/someimage.png"
    }
  ]
}

🔌 Node.js Usage

const { f1, f2, f3 } = require("reddit-memes-api");

(async () => {
  const memes = await f1("memes");
  const hot = await f2("jokes", "hot", 10);
  const topWeek = await f3("memes", "top", "week", 20);

  console.log(memes.data);
})();

⚙️ Env Example

URL=https://reddit.com/r/
PORT=3000

## Rate Limiting
RATE_LIMIT_WINDOW=60000
RATE_LIMIT_MAX=60

## Caching
CACHE_TTL=30

💡 Changelog Highlights

Added NSFW flag in response.
Added pagination (after, before).
Added rate limiting + caching.
Valid subreddit list in src/subredditList.

As it’s open-source — feel free to fork, improve, or suggest new features!
👉 GitHub Repo

I make this type of small projects, if you like my work and this content. Consider giving some motivation by reacting, commenting etc. on my post or follow/star my project on GitHub. Thanks for reading.

🚀 Keep Your Dependencies Fresh with Node.js Package Updater for VS Code

Jayant Navrange — Wed, 30 Jul 2025 14:41:53 +0000

🧩 Node.js Package Updater – VS Code Extension

A simple and effective Visual Studio Code extension to check and update outdated Node.js (npm) dependencies right inside the editor. Stay up-to-date, avoid breaking changes, and keep your code fresh with just a few clicks!

⚠️ Warning

Please make a backup of your package.json and lock file.
If anything goes wrong, you’ll be able to restore it.
Always double-check dependency versions by hovering — it's a handy but simple tool.

✨ Features

📦 Detect outdated dependencies in your project
🚨 Highlights major version updates
📋 View installed, wanted, and latest versions
🔄 One-click update for individual packages
✅ "Update All" feature with confirmation
🔗 Open package changelog on npm
🆘 In-app help with version explanation
🖼️ Activity bar icon (light/dark theme support)

📸 Screenshots

Options for refresh, update all, help, single update and more

🚀 Getting Started

1. Install the extension

Install from the VS Code Marketplace or use this command:

ext install JayantNavrange.nodejs-package-updater

2. Open a Node.js project

Make sure your project has a package.json and run npm install once.

3. Usage - Either from sidebar or using commands

Auto-detection of outdated dependencies (for most cases worked), update one by one or update all at once, ignore update not implemented at this time. There's alot of details for you before updating like:

Installed: Version currently in node_modules
Wanted: Version that satisfies your package.json semver
Latest: Latest available version on npm
⚠️ Major version updates may introduce breaking changes

Also, there are commands you can use in command palette

Why use this?

Don't like terminal stuff? Just few clicks and you are done updating (I like this way more)

Currently in development but works well, there are a few typos and some things you may notice which are twice. I will be updating, adding more and fixing things.

If you are interested, download and start using. Contributions are welcome and feedback appreciated.

Thanks for reading. Follow for more. 😎

Build Your Own Custom Start Page Using Google AI Studio

Jayant Navrange — Wed, 23 Jul 2025 07:06:43 +0000

Here I am again, back with something new and exciting! While exploring Google AI Studio, I ended up creating some really interesting mini-projects—like P2P file sharing using WebRTC, a few frontend UI designs, and even some apps using free public APIs.

Today, I want to share something I found particularly fun and useful: a Custom Start Page Generator powered by Google's AI Studio.

🌟 What Is It?

This tool lets you generate a beautiful and functional start page—like the ones you see on your new tab—with just a prompt.

Yup, it’s that simple. The more detailed your prompt, the more accurate and tailored the output will be.

🔧 How It Works

The tool is divided into two main sections:

Left Panel:
- A prompt box where you describe your desired layout, features, colors, and vibe.
- An AI background generator powered by Imagen to create a visual that complements your theme.
Right Panel:
- A live preview of the generated start page.
- Maximize and minimize the preview screen.
- An option to export/download the HTML output.

🖼️ Preview

Here's a glimpse of what the interface and generated start pages might look like:

📝 Prompt section on the left to describe your layout and style
🖌️ AI-generated background image using Imagen
🖥️ Live responsive preview on the right
💾 Download/export button to save the HTML

_Note: Since this is generated using Google AI Studio, your results will vary based on your prompt. You have full control over tweaking the exported HTML later. _

📝 Why It’s Useful

🚀 Rapid prototyping for landing/start pages.
🎨 Creative exploration of UI ideas.
🛠️ Exportable HTML that you can tweak/edit to fit your project needs.
🤖 Leverages the power of prompt engineering—a rising trend in the AI + dev world.

⚠️ A Few Caveats

Like most AI-generated tools, the results can vary. Sometimes the layout or styles may not be perfect—but since the output is exportable as HTML, you can easily fine-tune it as needed.

🧠 Final Thoughts

I’m not including a project link here because the beauty of this is—you can make it yourself. All you need is Google AI Studio and a little creativity in your prompt.

This project gave me a glimpse of what’s possible when you combine AI + web development. If you enjoy rapid frontend prototyping, prompt-driven creativity, or just want a cool new-tab page, give it a try!

Would love to hear what you think or if you make something awesome with it—feel free to share!

Happy building! 💻✨

Inject Meme Into Your VsCode WorkSpace 🤪

Jayant Navrange — Thu, 17 Jul 2025 18:42:42 +0000

I Made a VSCode Extension That Shows You Memes From Reddit 😎

Because sometimes, code breaks, tests fail, and all you really need is a meme.

💡 The Idea

It all started with a simple goal:
I wanted to make my own VSCode extension.

At the time, I was getting deep into Reddit (you know how that goes) and had a serious appreciation for good memes. I thought—what if I combine both? Code and comedy, VSCode and Reddit.
And just like that, the idea for Just For Laughs was born.

🤔 What Does It Do?

Just For Laughs brings memes straight into your VSCode workspace using Reddit as the source.

Here’s what you can do:

Type Just For Laughs: Meme in the Command Palette to see a fresh meme (served via WebView)
Change the subreddit by running:Just For Laughs: Set current URL
Want to check which subreddit you’re using? Run: Just For Laughs: Get current URL
Bonus: Set a keybinding (like Ctrl+P) to fetch a meme with one tap🔥

Here's a quick demo:

⚙️ How It Works

This extension uses a minimal backend to fetch Reddit posts (check out my other repo yo-memes-jokes), and displays them inside a WebView in VSCode.

You can set your favorite meme subreddits like:

r/ProgrammerHumor
r/dankmemes
r/memes
r/wholesomememes … or any subreddit that brings a smile to your face

Settings are available via your settings.json:

"justforlaughs.ext.subredditURL": "https://www.reddit.com/r/ProgrammerHumor/"

And yes, make sure to reload the extension (or hit Developer: Reload Window) for changes to take effect.

🧪 What's Missing?

Like any meme, this extension isn’t perfect (yet).
The tests? Let's just say they sometimes fail.
A better error handler is definitely on the roadmap.
Got suggestions or feature ideas? I’d love contributions! Check out Contributing.md

🚀 The Real Win

This was less about memes and more about learning how to build and publish a real-world VSCode extension.

I explored:

VSCode's Extension API
WebViews
Command Palette interactions
Extension Settings
Using a remote API inside an editor
Packaging and publishing to the marketplace

But the coolest part? I now have a tool that makes my editor laugh with me.

🧠 Lessons I Learned

Start small. A silly idea is still a valid one.
Reddit APIs and extensions don’t always play nice—expect some scraping headaches.
The VSCode community is awesome. You learn a lot just by reading open-source extension code.

📦 The Project

Here’s everything bundled together:

VSCode Extension → just-for-laughs-vsc-extension
GitHub Repo → yo-memes-jokes

If you enjoy coding and memes (who doesn't?), try it out—or better yet, contribute!

🧡 Support the Project

Want to help out? Star the repo, send a PR, or sponsor me if you’re feeling generous.

Logo credits: u/RamenFish195
License: MIT

TL;DR

I made a VSCode extension that fetches memes from Reddit and shows them inside your code editor.
It was fun, silly, and surprisingly educational.
Hope it makes your debugging sessions a little more bearable 💻💥😂

Thanks for reading!
Drop a comment if you have any feature ideas or fun subreddit suggestions. 🙌

Build Apps with Indian Holidays & Festivals — Using JSON from calendar-bharat

Jayant Navrange — Wed, 16 Jul 2025 19:25:18 +0000

📅 How I Built calendar-bharat: An Open Indian Calendar in JSON Format

It all began with a simple frustration:

Every year, I found myself hunting down reliable sources for Indian festival dates, government holidays, and culturally significant days like National Youth Day etc. for my android app. There was no good resource out there, so I made one myself

I thought to myself, "Why isn’t this data easily available as a JSON file?"

That’s when the idea for calendar-bharat was born.

🌟 The Vision

calendar-bharat is my humble attempt to make Indian calendar data—across religions, languages, and regions—accessible to everyone, especially developers.

What if you could just fetch https://jayantur13.github.io/calendar-bharat/calendar/2025.json and have everything you need?

🔍 What You’ll Find Inside

Whether you’re building a desktop app, a mobile widget, or a CLI tool, the JSON file gives you:

✅ Government holidays
🎉 All major festivals (marked with "type": "Festival")
📌 Noteworthy days like National Youth Day, Engineer's Day, and more
🔄 Year-wise JSON files (2024, 2025… 2030)

All served via a simple GitHub Pages site, because distribution should be easy.

👉 Try it: calendar-bharat website
👉 JSON Direct Link: 2025 Calendar

🔧 How to Use It?

That’s the best part. It’s just a plain JSON file.

Use it in your JavaScript frontend to show upcoming festivals
Pull it into your Python script to generate monthly reminders
Make a Telegram or WhatsApp bot (why not?)

Basically, "You know it, right?" — use any language or platform you like.

🛠️ Made with Simplicity in Mind

The structure is clean, easy to parse, and meant to be future-proof.

Example:

json{
  "2025": {
    "January 2025": {
      "January 1, 2025, Monday": {
        "event": "English New Year",
        "type": "Religional Festival",
        "extras": "first day of Gregorian calendar"
      },
      "January 12, 2025, Friday": {
        "event": "National Youth Day",
        "type": "Good to know",
        "extras": "fixed day in Gregorian calendar"
      }
}
}
}

🧑‍💻 Open Source, Always

I truly believe in the power of community. So, if you:

Want to add support for other regional calendars (Gujarati, Tamil, Odia, etc.)
Spot an error or missing date
Wish to add historical years

→ Open an issue or submit a PR.
Every contribution counts. 🙏

Check out the contributing guidelines before you start.

⚠️ A Note of Caution

While I’ve tried my best to keep the data accurate,

I will not be held responsible for any inaccuracy or wrong data.
So always cross-check before using it for official or critical applications.

💖 Show Some Love
If this project helps you or sparks ideas, consider:

⭐ Giving it a star on GitHub
☕ Donating (any amount helps!)
📬 Opening an issue for a calendar you'd like to see next

🏷️ License
Released under CC BY-SA 4.0 —
meaning you're free to use and remix it, as long as you give credit and share alike.

📚 हिंदी में पढ़ना चाहते हैं?
Click Hindi README for the full guide in Hindi.

Thanks for reading! Let’s build tools that celebrate the diversity of Bharat, one JSON file at a time. 🇮🇳

👉 calendar-bharat on GitHub

Spin the wheel - News Spin

Jayant Navrange — Sat, 05 Jul 2025 12:04:08 +0000

This post is my submission for DEV Education Track: Build Apps with Google AI Studio.

What I Built

I have made a news generator using "spin the wheel" game concept. Player first selects their country and spins the wheel. Wheel stops pointing to category and some news is then tailored from top sources with a news image (using imagen) and description.

Prompts

Build "spin the wheel" game for news. Wheel must have a pointer to point to a category and at least 14 sections in the wheel using emoji. Give sections different background color. At game start allow player to select a country, then player can spin, wheel pointer lands on a category, inform the player about it then get news from top news sources and use imagen for news image and description from source.
Fix Issue: 1. Wheel have 2 plates for section. 2. Wheel pointer points to airplane emoji and the category on news is displayed as "🔬Science"
Edit: Do not ask player to select after every spin. Allow him to change it using a button.
Make this game compatible for different screen sizes.

Demo

Try here- https://aistudio.google.com/app/prompts?state=%7B%22ids%22:%5B%221DkIOQSWIIjmgakLj_Lb0gqj2I-cANxVv%22%5D,%22action%22:%22open%22,%22userId%22:%22113233941325313362024%22,%22resourceKeys%22:%7B%7D%7D&usp=sharing

My Experience

It took me some time to get understanding of Google AI Studio works.
And after understanding the concept of how this works, the outputs where according to my requirements and project went well.
There are different things that can be improved using the studio itself but for something built in minutes, this is the best working version.

Thank you for the opportunity and reading this.

🧪 Validate and Format JSON in Style — With Downloads, XML, and More!

Jayant Navrange — Sat, 05 Jul 2025 06:42:11 +0000

Validate and Format JSON in Style with json.validator

TL;DR
I built a lightweight JSON validation tool that’s colorful, clear, and downloadable.
🔗 Github Repo

🧰 Features at a Glance

✅ Real-time validation (Green = OK, Red = Error)
🧾 Error message display
💾 Download as .json or .xml
⏳ Auto-reset after 1 min of textarea focus loss
🧹 Manual clear/reset
📜 Planned: Line numbers for better readability

📦 Latest Changes (14 June 2024)

Basic JSON formatting implemented
Download options for .json and .xml files
Auto data reset on inactivity

🔧 Under the Hood

Uses xml-js for converting JSON to XML
Built as a simple web tool with a clean interface
Designed to help both beginners and power users of JSON

🚀 What’s Next

Add line numbering for better navigation
Possibly enable multi-format output or clipboard copy
More robust error messages (in progress)

🤝 Want to Help?

PRs and stars are welcome!

Sponsorships help keep the lights on ☕

→ Github Sponsor

📜 License

MIT License — do what you want, just give credit 😊

Try on https://jayantur13.github.io/json.validator/

Let me know your thoughts, feedback, or ideas in the comments below!

Minecraft server status in readme/signature

Jayant Navrange — Tue, 01 Jul 2025 07:07:51 +0000

Minecraft server state in your readme/signature.

Setup Guide • Examples • Valid format • Theme demo • Contributing

Features

Easy to setup and use
Full customistaion
Variety of themes
Supports java and bedrock edition

Setup Guide

Please read the following for an easy setup -

Mandatory parameters for banner:

These below,two parameters are must -

srvAddress - Pass server address i.e hostname,ip,ip:port or name with domain
srvType - Pass server type java for Java Edition and bedrock for Bedrock edition.

Optional parameters for banner:

Following parameters can be used for customisation -

borderColor - pass a border color (or transparent)
fontWeight - pass normal/bold/bolder/lighter or 100-900
bgColor - pass background color
txtColor - pass text color
headingColor - pass heading color
iconColor - pass an icon color (or transparent)
themeval - pass an available theme name

Note1: Color must be passed starting with %23 (encoded value for #)

Note2: Customise all parameters or use theme instead (i.e themeval)

Note3: There is 1 min. cache time for now,set by default

Note4: Possible to skip some optional parameters

Note5: API data maybe inaccurate sometimes

Note6: You can view full info. of a server,example at end

Examples

You can use markdown or img to render minecraft server state

<!-- Markdown -->

![ServerState Minecraft](https://serverstate-minecraft.vercel.app/api?srvAddress=play.craftersmc.net&srvType=bedrock)

<!-- HTML -->

<img src="https://serverstate-minecraft.vercel.app/api?srvAddress=play.craftersmc.net&srvType=bedrock alt="ServerState Minecraft"/>

Valid Format

If you don't want icon (iconColor),border (borderColor) and fontWeight just don't pass them in query

Default usage (i.e with random themes)

https://serverstate-minecraft.vercel.app/api?srvAddress=play.craftersmc.net&srvType=bedrock

With a theme

https://serverstate-minecraft.vercel.app/api?srvAddress=play.craftersmc.net&srvType=bedrock&themeval=omni

Full customisation

https://serverstate-minecraft.vercel.app/api?srvAddress=play.craftersmc.net&srvType=bedrock&borderColor=%23000000&fontWeight=bold&bgColor=%23ffffff&txtColor=%23000000&headingColor=%23000000&iconColor=%23000000

Customise theme with borderColor and fontWeight

https://serverstate-minecraft.vercel.app/api?srvAddress=pokecentral.org&srvType=java&themeval=cobalt&borderColor=%23ffffff&fontWeight=bold

Themes Demo (Click link for live preview)

ServerState Minecraft1

ServerState Minecraft2

Checkout themes in All themes or you can get an idea of how themes may look Theme Demo courtesy Anurag Hazra

Changelog

For all the important changelog vist Changelog

References

Contributing

Contributions are always welcome!

See Contributing for ways to get started.

Please adhere to this project's Code Of Conduct.

Support

For issues, open a new issue or use discussion.

License

This project is licensed under the MIT License

Follow for more such posts. Feedbacks are welcome.

Wallpy: A Wallpaper Changer for Linux Desktops 🌄

Jayant Navrange — Tue, 01 Jul 2025 06:16:53 +0000

Tired of staring at the same desktop wallpaper every day? Let Wallpy breathe new life into your Linux desktop — automatically, intelligently, and beautifully.

🧠 Why I Built Wallpy

As a Linux user and developer, I enjoy customizing my desktop. But changing wallpapers manually is tedious, and most existing solutions either lacked features, weren’t DE-agnostic, or required too much setup.

So I built Wallpy — a smart, simple, and flexible wallpaper changer made just for Linux desktops.

⚙️ Features at a Glance

✅ Desktop Environment Detection

Works across GNOME, KDE, XFCE, and others — Wallpy uses the right backend for your setup.

✅ Dark/Light Wallpaper Matching (Planned)

Assign different folders for light and dark themes. Wallpy adapts to your system’s current appearance.

✅ Automatic Wallpaper Cycling

Choose your interval (e.g. every 15 minutes), and Wallpy will handle the rest.

✅ Autostart on Login

One-click toggle to add Wallpy to your startup apps via a .desktop file.

✅ System Tray Support

Minimize to tray — right-click the icon for Show or Quit. It's non-intrusive and lightweight.

✅ Modern GTK Interface

Built with PyGObject — it looks and feels native on most modern Linux distros.

🖥️ Screenshots

🔧 Tech Stack

🐍 Python 3
🖼️ GTK via PyGObject
🛠️ PyInstaller for packaging
📂 .desktop autostart entries
⚙️ Config saved locally (JSON or INI)
🖥️ Tray icon support with theme awareness
🧪 Tested on Ubuntu (Mate)

📦 Download & Install

You can build it from source or use pre-built packages.

📁 GitHub Repo: https://github.com/jayantur13/wallpy/releases

🔽 Pre-Built Releases

💡 Tip: For AppImage, run chmod +x Wallpy.AppImage and double-click to launch.

🤝 Contribute

Wallpy is open-source and actively maintained. PRs, issues, and feedback are welcome!

👉 Read more on GitHub: github.com/jayantur13/wallpy

💬 Final Words

Wallpy started as a small utility to scratch my own itch — but it’s become something I use every day.

If you’re a Linux user who values a beautiful, dynamic desktop, Wallpy might be just what you’re looking for.

📬 Follow me for more Linux apps, open-source tools, and Python projects.

❤️ Star the repo if you find it useful!