tools: oxfmt

.claude/settings.json

@@ -6,7 +6,7 @@
         "hooks": [
           {
             "type": "command",
-            "command": "jq -r '.tool_input.file_path' | xargs ./node_modules/.bin/prettier --write --ignore-unknown",
+            "command": "jq -r '.tool_input.file_path' | xargs ./node_modules/.bin/oxfmt --no-error-on-unmatched-pattern",
             "timeout": 10
           }
         ]

.claude/skills/add-relevant-docs/SKILL.md

@@ -84,7 +84,6 @@ Used on list pages and detail pages inside `<PageHeader>`.
 ```tsx
 import { DocsPopover } from '~/components/DocsPopover'
 import { docLinks } from '~/util/links'
-
 ;<PageHeader>
   <PageTitle icon={<SomeIcon24 />}>Page Title</PageTitle>
   <DocsPopover
@@ -107,7 +106,6 @@ import { SideModalFormDocs } from '~/ui/lib/ModalLinks'
 import { docLinks } from '~/util/links'
 
 // Inside the form, after form fields:
-
 ;<SideModalFormDocs docs={[docLinks.someLink]} />
 ```
 
@@ -116,7 +114,6 @@ For custom links not in `docLinks`, use `ModalLinks` and `ModalLink` directly:
 ```tsx
 import { ModalLink, ModalLinks } from '~/ui/lib/ModalLinks'
 import { links } from '~/util/links'
-
 ;<ModalLinks heading="Relevant docs">
   <ModalLink to={links.somePageDocs} label="Human-Readable Label" />
 </ModalLinks>

.oxfmtrc.json

@@ -0,0 +1,29 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "printWidth": 92,
+  "singleQuote": true,
+  "semi": false,
+  "trailingComma": "es5",
+  "experimentalTailwindcss": {},
+  "experimentalSortImports": {
+    "internalPattern": ["~/", "app/"],
+    "partitionByComment": true,
+    "customGroups": [{ "groupName": "oxide", "elementNamePattern": ["@oxide/**"] }],
+    "groups": [
+      "builtin",
+      "external",
+      "oxide",
+      "internal",
+      ["parent", "sibling", "index"],
+      "unknown"
+    ]
+  },
+  "experimentalSortPackageJson": false,
+  "ignorePatterns": [
+    "dist/**",
+    "coverage/**",
+    "templates/**",
+    "mockServiceWorker.js",
+    "index.html"
+  ]
+}

.vscode/extensions.json

@@ -1,7 +1,3 @@
 {
-  "recommendations": [
-    "oxc.oxc-vscode",
-    "esbenp.prettier-vscode",
-    "bradlc.vscode-tailwindcss"
-  ]
+  "recommendations": ["oxc.oxc-vscode", "bradlc.vscode-tailwindcss"]
 }

.vscode/settings.json

@@ -1,10 +1,10 @@
 {
-  "[jsonc]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
-  "[json]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
-  "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
-  "[javascriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
-  "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
-  "[typescriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
+  "[jsonc]": { "editor.defaultFormatter": "oxc.oxc-vscode" },
+  "[json]": { "editor.defaultFormatter": "oxc.oxc-vscode" },
+  "[javascript]": { "editor.defaultFormatter": "oxc.oxc-vscode" },
+  "[javascriptreact]": { "editor.defaultFormatter": "oxc.oxc-vscode" },
+  "[typescript]": { "editor.defaultFormatter": "oxc.oxc-vscode" },
+  "[typescriptreact]": { "editor.defaultFormatter": "oxc.oxc-vscode" },
   "typescript.tsdk": "node_modules/typescript/lib",
   "editor.formatOnSave": true,
   "tailwindCSS.experimental.classRegex": ["classed.[a-z]+`([^`]*)`"],
@@ -13,7 +13,7 @@
   "explorer.fileNesting.expand": false,
   "explorer.fileNesting.patterns": {
     ".gitignore": ".gitattributes, .gitmodules, .gitmessage, .mailmap, .git-blame*",
-    "package.json": "package-lock.json, .babelrc, .editorconfig, .figma*, .github*, .huskyrc*, plopfile*, .oxlintrc*, .prettier*, .vscode*, playwright.config.*, prettier*, tsconfig.*, vitest.config.*, yarn*, postcss.config.*, tailwind.config.*, vite.config.ts, mockServiceWorker.js, vercel.json, .licenserc.yaml, LICENSE"
+    "package.json": "package-lock.json, .babelrc, .editorconfig, .figma*, .github*, .huskyrc*, plopfile*, .oxlintrc*, .oxfmtrc*, .prettier*, .vscode*, playwright.config.*, tsconfig.*, vitest.config.*, yarn*, postcss.config.*, tailwind.config.*, vite.config.ts, mockServiceWorker.js, vercel.json, .licenserc.yaml, LICENSE"
   },
   "vite.browserType": "system",
   "vite.buildCommand": "npm run build",

app/api/__tests__/client.spec.tsx

@@ -12,8 +12,8 @@ import { describe, expect, it, vi } from 'vitest'
 import { project } from '@oxide/api-mocks'
 
 import { api, q, useApiMutation } from '..'
-import type { DiskCreate } from '../__generated__/Api'
 import { overrideOnce } from '../../../test/unit/server'
+import type { DiskCreate } from '../__generated__/Api'
 
 // TODO: rethink whether these tests need to exist when they are so well-covered
 // by playwright tests

app/api/__tests__/safety.spec.ts

@@ -8,6 +8,7 @@
 import { execSync } from 'child_process'
 import fs from 'fs'
 import path from 'path'
+
 import { expect, it } from 'vitest'
 
 it('Generated API client version matches API version specified for deployment', () => {

app/api/index.ts

@@ -8,7 +8,6 @@
 
 // for convenience so we can do `import type { ApiTypes } from '@oxide/api'`
 import type * as ApiTypes from './__generated__/Api'
-
 import './window.ts'
 
 export * from './client'

app/hooks/use-key.ts

@@ -6,9 +6,7 @@
  * Copyright Oxide Computer Company
  */
 import Mousetrap from 'mousetrap'
-
 import 'mousetrap/plugins/global-bind/mousetrap-global-bind'
-
 import { useEffect, useRef } from 'react'
 
 type Key = Parameters<typeof Mousetrap.bind>[0]

app/main.tsx

@@ -23,7 +23,6 @@ import { routes } from './routes'
 // this is the only allowed css import
 // eslint-disable-next-line no-restricted-imports
 import '~/ui/styles/index.css'
-
 import { SkipLink } from '~/ui/lib/SkipLink'
 
 if (process.env.SHA) {

app/pages/project/instances/AntiAffinityCard.tsx

@@ -146,9 +146,10 @@ export function AntiAffinityCard() {
 
   let disabledReason = undefined
   if (!instanceCan.addToAffinityGroup(instanceData)) {
-    disabledReason =
+    disabledReason = (
       // prettier-ignore
       <>Only <HL>stopped</HL> instances can be added to a group</>
+    )
   } else if (allGroups.items.length === 0) {
     disabledReason = 'No groups found'
   } else if (nonMemberGroups.length === 0) {