oxfmt
A decided oxfmt preset for sorted imports, sorted package.json, and optional Tailwind CSS class sorting.
oxfmt is Zap Studio’s oxfmt preset — sorted imports, sorted package.json, and an optional Tailwind CSS class-sorting extension.
Motivation
oxfmt’s sortImports option is powerful but unopinionated — it asks you to define your own group order, and most projects either skip it or improvise one per repo, so import order drifts between packages in the same monorepo and every PR review re-litigates it.
oxfmt ships one decided order: type-only imports first, then builtin/external values, then internal types, then internal values, then parent/sibling/index imports grouped by type then value, then anything unmatched — with a blank line between each group. package.json is sorted the same way every time, keys and scripts alphabetically. Adopt the preset once and stop deciding it per project.
Features
- Sorted imports — a fixed group order (type-only, then value builtin/external, internal types, internal values, parent/sibling/index, unknown) with a blank line between groups.
- Sorted
package.json— keys andscriptssorted alphabetically, every time. - Optional Tailwind CSS class sorting —
sortTailwindcss: truevia thetailwindpreset, for projects using Tailwind. - Plain object, not a merge —
oxfmt.config.tshas noextends; override or add options with a spread.
Quick Start
// oxfmt.config.ts
import { defineConfig } from "oxfmt";
import zapStudio from "@zap-studio/oxfmt/base";
export default defineConfig(zapStudio);Learn More
- Getting Started — install and configure the preset
- Presets — the import group order,
package.jsonsorting, and the Tailwind extension