{"id":24295283,"url":"https://github.com/codewithhridoy/advanced-js","last_synced_at":"2026-04-15T14:03:58.667Z","repository":{"id":189140850,"uuid":"680108157","full_name":"codewithhridoy/advanced-js","owner":"codewithhridoy","description":"The \"advanced-js\" npm package empowers developers with a collection of sophisticated tools and utilities designed to elevate modern JavaScript development. Unlock the potential of ES6+ features, streamline async operations with elegant syntax, and harness the power of cutting-edge concepts.","archived":false,"fork":false,"pushed_at":"2023-08-21T19:17:20.000Z","size":108,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-25T02:06:18.725Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codewithhridoy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-08-18T11:07:25.000Z","updated_at":"2023-08-18T11:54:48.000Z","dependencies_parsed_at":"2024-11-16T03:28:54.396Z","dependency_job_id":"8f36809e-4ecc-4057-a685-fa22d433d3e1","html_url":"https://github.com/codewithhridoy/advanced-js","commit_stats":null,"previous_names":["codewithhridoy/advanced-js"],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithhridoy%2Fadvanced-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithhridoy%2Fadvanced-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithhridoy%2Fadvanced-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithhridoy%2Fadvanced-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codewithhridoy","download_url":"https://codeload.github.com/codewithhridoy/advanced-js/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242163854,"owners_count":20082224,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-16T18:39:41.840Z","updated_at":"2026-04-15T14:03:58.621Z","avatar_url":"https://github.com/codewithhridoy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e This repository combines all the best practises of Javascript \u0026 TypeScript with your desired configs which will make the development more easier.\n\u003e It's a monorepo managed by [TurboRepo by Vercel](https://turbo.build/repo).\n\n## ♻️ Advanced JavaScript \u0026 TypeScript\n\n| **Package**                                                                                         | **Documentation**                                     |\n|-----------------------------------------------------------------------------------------------------|-------------------------------------------------------|\n| 📦 [`@codewithhridoy/eslint-config`](https://npmjs.com/package/@codewithhridoy/eslint-config)       | [Documentation](/packages/eslint-config/README.md)    |\n| 📦 [`@codewithhridoy/prettier-config`](https://npmjs.com/package/@codewithhridoy/prettier-config)   | [Documentation](/packages/prettier-config/README.md)  |\n| 📦 [`@codewithhridoy/tailwind-browser`](https://npmjs.com/package/@codewithhridoy/tailwind-browser) | [Documentation](/packages/tailwind-browser/README.md) | |\n\n\u003e **Legend**:\n\u003e 📦: Package **|** 📝: Configuration file\n\n---\n\n## 📦 [`@codewithhridoy/eslint-config`](https://www.npmjs.com/package/@codewithhridoy/eslint-config)\n\n### 📥 Installation\n\n```bash\n#If you use npm\nnpm install --save-dev @codewithhridoy/eslint-config\n\n#If you use yarn\nyarn add -D @codewithhridoy/eslint-config\n\n#If you use pnpm (preferred)\npnpm add -D @codewithhridoy/eslint-config\n```\n\n### 🔩 Usage\n\n```js\n// .eslintrc.js\nmodule.exports = {\n  extends: ['@codewithhridoy/eslint-config'],\n};\n```\n\n### ⚙️ Rules overview\n\n\u003c!--START_SECTION:eslint-config--\u003e\n| Rule                          | Style                                                                      | Type          | Documentation                                                              |\n| ----------------------------- | -------------------------------------------------------------------------- | ------------- | -------------------------------------------------------------------------- |\n| `linebreak-style`             | Unix                                                                       | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/linebreak-style)             |\n| `prettier/prettier`           | Warn                                                                       | ⚠️ `Warning`  | External rule                                                              |\n| `quotes`                      | Single                                                                     | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/quotes)                      |\n| `semi`                        | Never                                                                      | ⚠️ `Warning`  | [Documentation](https://eslint.org/docs/rules/semi)                        |\n| `newline-before-return`       | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/newline-before-return)       |\n| `import/newline-after-import` | -                                                                          | 🚫 `Error`    | External rule                                                              |\n| `comma-dangle`                | [Documentation](https://eslint.org/docs/rules/comma-dangle)                | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/comma-dangle)                |\n| `no-eval`                     | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/no-eval)                     |\n| `func-names`                  | As-needed                                                                  | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/func-names)                  |\n| `camelcase`                   | [Documentation](https://eslint.org/docs/rules/camelcase)                   | ⚠️ `Warning`  | [Documentation](https://eslint.org/docs/rules/camelcase)                   |\n| `no-unused-vars`              | [Documentation](https://eslint.org/docs/rules/no-unused-vars)              | ⚠️ `Warning`  | [Documentation](https://eslint.org/docs/rules/no-unused-vars)              |\n| `import/order`                | -                                                                          | ⚠️ `Warning`  | External rule                                                              |\n| `prefer-arrow-callback`       | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/prefer-arrow-callback)       |\n| `block-spacing`               | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/block-spacing)               |\n| `comma-spacing`               | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/comma-spacing)               |\n| `keyword-spacing`             | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/keyword-spacing)             |\n| `space-infix-ops`             | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/space-infix-ops)             |\n| `space-unary-ops`             | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/space-unary-ops)             |\n| `brace-style`                 | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/brace-style)                 |\n| `object-curly-spacing`        | Always                                                                     | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/object-curly-spacing)        |\n| `space-before-function-paren` | [Documentation](https://eslint.org/docs/rules/space-before-function-paren) | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/space-before-function-paren) |\n| `space-in-parens`             | Never                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/space-in-parens)             |\n| `array-bracket-spacing`       | Never                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/array-bracket-spacing)       |\n| `template-curly-spacing`      | Never                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/template-curly-spacing)      |\n| `computed-property-spacing`   | Never                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/computed-property-spacing)   |\n| `no-use-before-define`        | [Documentation](https://eslint.org/docs/rules/no-use-before-define)        | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/no-use-before-define)        |\n| `no-label-var`                | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/no-label-var)                |\n| `no-undef`                    | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/no-undef)                    |\n| `no-undefined`                | Off                                                                        | 💡 `Disabled` | [Documentation](https://eslint.org/docs/rules/no-undefined)                |\n| `complexity`                  | 20                                                                         | ⚠️ `Warning`  | [Documentation](https://eslint.org/docs/rules/complexity)                  |\n| `no-alert`                    | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/no-alert)                    |\n| `require-await`               | Off                                                                        | 💡 `Disabled` | [Documentation](https://eslint.org/docs/rules/require-await)               |\n| `yoda`                        | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/yoda)                        |\n| `no-empty`                    | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/no-empty)                    |\n| `no-extra-semi`               | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/no-extra-semi)               |\n| `valid-typeof`                | [Documentation](https://eslint.org/docs/rules/valid-typeof)                | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/valid-typeof)                |\n| `jsx-quotes`                  | Prefer-double                                                              | 💡 `Disabled` | [Documentation](https://eslint.org/docs/rules/jsx-quotes)                  |\n| `unicode-bom`                 | Never                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/unicode-bom)                 |\n| `no-process-env`              | Off                                                                        | 💡 `Disabled` | [Documentation](https://eslint.org/docs/rules/no-process-env)              |\n| `no-process-exit`             | Off                                                                        | 💡 `Disabled` | [Documentation](https://eslint.org/docs/rules/no-process-exit)             |\n| `global-require`              | Error                                                                      | 🚫 `Error`    | [Documentation](https://eslint.org/docs/rules/global-require)              |\n\u003c!--END_SECTION:eslint-config--\u003e\n\n---\n\n## 📦 [`@codewithhridoy/prettier-config`](https://www.npmjs.com/package/@codewithhridoy/prettier-config)\n\n### 📥 Installation\n\n```bash\n#If you use npm\nnpm install --save-dev @codewithhridoy/prettier-config\n\n#If you use yarn\nyarn add -D @codewithhridoy/prettier-config\n\n#If you use pnpm (preferred)\npnpm add -D @codewithhridoy/prettier-config\n```\n\n### 🔩 Usage\n\n```js\n// .prettierrc.js\nmodule.exports = {\n  ...require('@codewithhridoy/prettier-config'),\n};\n```\n\n```js\n// prettier-config.js\nimport prettierConfig from \"@codewithhridoy/prettier-config\";\n\nexport default {\n  ...prettierConfig,\n};\n```\n\n```json\n{\n  \"extends\": \"@codewithhridoy/prettier-config\"\n}\n```\n\n### ⚙️ Rules overview\n\n\u003c!--START_SECTION:prettier-config--\u003e\n| Rule                         | Style       | Documentation                                                                          |\n| ---------------------------- | ----------- | -------------------------------------------------------------------------------------- |\n| `arrowParens`                | `always`    | [Documentation](https://prettier.io/docs/en/options.html#arrow-parens)                 |\n| `bracketSpacing`             | `true`      | [Documentation](https://prettier.io/docs/en/options.html#bracket-spacing)              |\n| `embeddedLanguageFormatting` | `auto`      | [Documentation](https://prettier.io/docs/en/options.html#embedded-language-formatting) |\n| `htmlWhitespaceSensitivity`  | `css`       | [Documentation](https://prettier.io/docs/en/options.html#html-whitespace-sensitivity)  |\n| `jsxSingleQuote`             | `true`      | [Documentation](https://prettier.io/docs/en/options.html#jsx-single-quote)             |\n| `printWidth`                 | `120`       | [Documentation](https://prettier.io/docs/en/options.html#print-width)                  |\n| `proseWrap`                  | `preserve`  | [Documentation](https://prettier.io/docs/en/options.html#prose-wrap)                   |\n| `quoteProps`                 | `as-needed` | [Documentation](https://prettier.io/docs/en/options.html#quote-props)                  |\n| `requirePragma`              | `false`     | [Documentation](https://prettier.io/docs/en/options.html#require-pragma)               |\n| `semi`                       | `false`     | [Documentation](https://prettier.io/docs/en/options.html#semi)                         |\n| `singleQuote`                | `true`      | [Documentation](https://prettier.io/docs/en/options.html#single-quote)                 |\n| `tabWidth`                   | `2`         | [Documentation](https://prettier.io/docs/en/options.html#tab-width)                    |\n| `trailingComma`              | `es5`       | [Documentation](https://prettier.io/docs/en/options.html#trailing-comma)               |\n| `useTabs`                    | `false`     | [Documentation](https://prettier.io/docs/en/options.html#use-tabs)                     |\n\u003c!--END_SECTION:prettier-config--\u003e\n\n\u003c!--START_SECTION:tailwind-browser--\u003e\n\u003cimg width=\"170\" height=\"170\" style=\"float: left; margin: 0 10px 0 0; border-radius: 50%;\" alt=\"Tailwindcss logo\" src=\"https://raw.githubusercontent.com/IgorKowalczyk/is-browser/main/src/images/logo.svg\"\u003e\n\n# TailwindCSS `:browser`\n\nTailwind browser helps you to develop efficiently for cross-browser platform\n\n[![GitHub License](https://img.shields.io/github/license/codewithhridoy/advanced-js?color=%2334D058\u0026logo=github\u0026style=flat-square\u0026label=License)](https://github.com/codewithhridoy/advanced-js/blob/master/LICENSE)\n[![NPM Version](https://img.shields.io/npm/v/codewithhridoy/advanced-js/latest.svg?logo=npm\u0026logoColor=fff\u0026style=flat-square\u0026color=%2334D058)](https://npmjs.com/package/@codewithhridoy/tailwind-browser) [![NPM Downloads](https://img.shields.io/npm/dw/@codewithhridoy/tailwind-browser?logo=npm\u0026logoColor=fff\u0026style=flat-square\u0026color=%2334D058\u0026label=Downloads)](https://npmjs.com/package/@codewithhridoy/tailwind-browser)\n\n---\n\n## 📥 Installation\n\n**Tailwind.css v3 or newer is required**.\n\n```\n#If you use npm\nnpm install --save-dev @codewithhridoy/tailwind-browser\n\n#If you use yarn\nyarn add -D @codewithhridoy/tailwind-browser\n\n#If you use pnpm (preferred)\npnpm add -D @codewithhridoy/tailwind-browser\n```\n\n## 📦 Usage\n\nAdd to `plugins` in your **tailwind.config.js**:\n\n```js\nmodule.exports = {\n // ...\n plugins: [\n  require(\"@codewithhridoy/tailwind-browser\"),\n  // ...other plugins.\n ],\n};\n```\n\nStyle your components using `{browser_name}:{class}`, e.g. `firefox:bg-red-100`, `chrome:bg-blue-100`, etc.\n\n```jsx\n\u003cdiv className=\"firefox:bg-red-400 chrome:bg-blue-400 bg-yellow-400\"\u003e\n \u003cp\u003eOn firefox background should be red, on chrome should be blue and on other browsers it should be yellow\u003c/p\u003e\n\u003c/div\u003e\n```\n\n## 🔐 Supported browsers\n\n| Browser | Variant    | CSS Property                         | Example                 |\n| ------- | ---------- | ------------------------------------ | ----------------------- |\n| Firefox | `firefox:` | `-moz-appearance: none`              | `firefox:bg-yellow-400` |\n| Chrome  | `chrome:`  | `background: -webkit-named-image(i)` | `chrome:bg-red-400`     |\n| Safari  | `safari:`  | `-webkit-app-region: inherit`        | `safari:bg-blue-400`    |\n\n## ⁉️ Issues\n\nIf you have any issues with the page please create [new issue here](https://github.com/codewithhridoy/advanced-js/issues)\n\n## 📥 Pull Requests\n\nWhen submitting a pull request:\n\n- Clone the repo.\n- Create a branch off of `master` and give it a meaningful name (e.g. `my-awesome-new-feature`).\n- Open a [pull request](https://github.com/codewithhridoy/advanced-js/pulls) on [GitHub](https://github.com) and describe the feature or fix.\n\n## 📋 License\n\nThis project is licensed under the MIT. See the [LICENSE](https://github.com/codewithhridoy/advanced-js/blob/master/LICENSE) file for details\n\n\u003c!--END_SECTION:tailwind-browser--\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithhridoy%2Fadvanced-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodewithhridoy%2Fadvanced-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithhridoy%2Fadvanced-js/lists"}