twbs/bootstrap

Create a Bootstrap class ordering prettier

Open

#38397 opened on Apr 3, 2023

View on GitHub
 (1 comment) (14 reactions) (0 assignees)MDX (174,240 stars) (78,904 forks)batch import
featurehelp wanted

Description

Prerequisites

Proposal

Is there any possibility of having something like this build for bootstrap https://github.com/tailwindlabs/prettier-plugin-tailwindcss

Motivation and context

Tailwind is a growing competitor to Bootstrap so I think it makes sense to try to at least match them as much as possible with regard to new features, this class sorting prettier is a very nice added bonus on their side, it would be great if the same logic could be applied to boostrap

Contributor guide

Tech stack
javascriptcssnodejs
Domain
frontendtooling
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
3-5 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
JavaScriptPrettier plugin APIBootstrap class conventions
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45
Research direction
The goal is to create a Prettier plugin that sorts Bootstrap utility classes, similar to prettier plugin tailwindcss. Start by studying the Tailwind plugin's source code (https://github.com/tailwindlabs/prettier plugin tailwindcss) to understand the architecture. Then, analyze Bootstrap's class naming patterns (e.g., .container, .row, .col *, .btn, etc.) and define a logical ordering. The implementation likely involves writing a Prettier plugin that parses class attributes and reorders them based on a predefined order. The issue has no linked PRs, so this is unclaimed work.