https://github.com/dongskyler/vaniquery

CLI tool that converts jQuery to ES6 vanilla JavaScript (available as npm package)
https://github.com/dongskyler/vaniquery

cli converts-jquery jquery npm-package typescript vanilla-javascript

Last synced: 3 months ago
JSON representation

CLI tool that converts jQuery to ES6 vanilla JavaScript (available as npm package)

• Host: GitHub
• URL: https://github.com/dongskyler/vaniquery
• Owner: dongskyler
• License: bsd-3-clause
• Created: 2020-07-21T06:42:57.000Z (almost 6 years ago)
• Default Branch: main
• Last Pushed: 2023-01-20T18:03:42.000Z (over 3 years ago)
• Last Synced: 2025-10-28T22:37:11.127Z (8 months ago)
• Topics: cli, converts-jquery, jquery, npm-package, typescript, vanilla-javascript
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/vaniquery
• Size: 1.13 MB
• Stars: 15
• Watchers: 1
• Forks: 2
• Open Issues: 35
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Vaniquery

Homepage: [https://github.com/BadwaterBay/vaniquery](https://github.com/BadwaterBay/vaniquery)

[![npm version](https://badge.fury.io/js/vaniquery.svg)](https://badge.fury.io/js/vaniquery)

![Node.js CI](https://github.com/BadwaterBay/vaniquery/workflows/Node.js%20CI/badge.svg)

[![codecov](https://codecov.io/gh/BadwaterBay/vaniquery/branch/master/graph/badge.svg)](https://codecov.io/gh/BadwaterBay/vaniquery)

[![CodeFactor](https://www.codefactor.io/repository/github/badwaterbay/vaniquery/badge)](https://www.codefactor.io/repository/github/badwaterbay/vaniquery)

[![DeepScan grade](https://deepscan.io/api/teams/9440/projects/13051/branches/212713/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=9440&pid=13051&bid=212713)

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

[![GitHub issues](https://img.shields.io/github/issues/BadwaterBay/vaniquery.svg)](https://GitHub.com/BadwaterBay/vaniquery/issues/)

[![GitHub issues-closed](https://img.shields.io/github/issues-closed/BadwaterBay/vaniquery.svg)](https://GitHub.com/BadwaterBay/vaniquery/issues?q=is%3Aissue+is%3Aclosed)

[![GitHub pull-requests](https://img.shields.io/github/issues-pr/BadwaterBay/vaniquery.svg)](https://GitHub.com/BadwaterBay/vaniquery/pulls/)

[![GitHub pull-requests closed](https://img.shields.io/github/issues-pr-closed/BadwaterBay/vaniquery.svg)](https://GitHub.com/BadwaterBay/vaniquery/pulls/)

---

## Table of contents

- [Thank you, contributors](#thank-you-contributors)

- [Description](#description)

- [Installation and usage](#installation-and-usage)

- [Contributing to this project](#contributing-to-this-project)

---

## Thank you, contributors

We'd like to thank [all of our contributors](https://github.com/BadwaterBay/vaniquery/graphs/contributors).

---

## Description

This command line interface (CLI) tool helps you convert jQuery to vanilla JavaScript.

Once upon a time, jQuery offers great convenience to JavaScript developers. However, now vanilla JavaScript has been improved and standardized across all modern browsers. More often than you think, you don't always need jQuery. Removing jQuery dependency means your web app can be loaded faster. It also makes it easier when you migrate your existing web app to more modern libraries or frameworks, such as React.

This app helps you convert jQuery syntax to vanilla JavaScript ones.

---

## Installation and usage

To install this tool on your machine, use commands `npm i -g vaniquery` or `yarn global add vaniquery`.

Available commands:

- `vaniquery vanilla path/to/file`: Convert jQuery to vanilla JavaScript in a file.

- `vaniquery revert path/to/file`: Revert vanillaization in a file given its corresponding cache file.

Options:

- `--help`: Show help.

- `--version`: Show version number.

- `-c, --cache`: Cache the original file (_Default_).

- `-C, --no-cache`: Do not cache the original file (_Not recommended_).

- `-v, --verbose`: Show the code being worked on.

---

## Available conversions from jQuery to vanilla JavaScript

- `.addClass()`

- `.append()`

- `.attr()`

- `.children()`

- `$('.class')`

- `.click()`

- `.closest()`

- `$('[data-foo="val"]')` (select by attribute)

- `$('div')`

- `$(document).ready()...`

- `.each()`

- `$(function ()...` (shorthand for `$(document).ready()`)

- `.find()`

- `.hasClass()`

- `$('#id')` (select by ID)

- `.keyup()`

- `.mouseenter()`

- `.parent()`

- `.prop('checked')`

- `.removeAttr()`

- `.removeClass()`

- `.text()`

- `$(this)`

- `.toggleClass()`

- `.val()` (get the value)

---

## Contributing to this project

Please refer to our [Contributing Guidelines](https://github.com/BadwaterBay/vaniquery/blob/master/CONTRIBUTING.md).