twbs/bootstrap

Create a Bootstrap class ordering prettier

Open

#38,397 建立於 2023年4月3日

在 GitHub 查看
 (1 留言) (14 反應) (0 負責人)MDX (174,240 star) (78,904 fork)batch import
featurehelp wanted

描述

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

貢獻者指南

技術棧
javascriptcssnodejs
領域
frontendtooling
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
3-5 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
fresh
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
JavaScriptPrettier plugin APIBootstrap class conventions
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
45
研究方向
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.