changed: prettier to oxfmt

.oxfmtrc.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "semi": false,
+  "quoteProps": "consistent",
+  "singleQuote": false,
+  "printWidth": 120,
+  "sortPackageJson": true,
+  "sortImports": {
+    "newlinesBetween": false,
+    "groups": [
+      "type-import",
+      ["value-builtin", "value-external"],
+      "type-internal",
+      "value-internal",
+      ["type-parent", "type-sibling", "type-index"],
+      ["value-parent", "value-sibling", "value-index"],
+      "unknown"
+    ]
+  },
+  "ignorePatterns": ["package-lock.json", "pnpm-lock.yaml", "yarn.lock", "empty-sandbox.js"]
+}

documentation/package.json

@@ -1,6 +1,5 @@
 {
   "name": "documentation",
-  "type": "module",
   "version": "0.0.1",
   "contributors": [
     {
@@ -12,6 +11,7 @@
       "url": "https://github.com/binjospookie"
     }
   ],
+  "type": "module",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
@@ -31,9 +31,9 @@
     "sharp": "0.34.5",
     "starlight-llms-txt": "0.7.0"
   },
-  "packageManager": "pnpm@10.24.0+sha512.01ff8ae71b4419903b65c60fb2dc9d34cf8bb6e06d03bde112ef38f7a34d6904c424ba66bea5cdcf12890230bf39f9580473140ed9c946fef328b6e5238a345a",
   "devDependencies": {
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3"
-  }
+  },
+  "packageManager": "pnpm@10.24.0+sha512.01ff8ae71b4419903b65c60fb2dc9d34cf8bb6e06d03bde112ef38f7a34d6904c424ba66bea5cdcf12890230bf39f9580473140ed9c946fef328b6e5238a345a"
 }

documentation/src/components/sandbox/index.astro

@@ -3,7 +3,7 @@ import SandpackEditor from './index.tsx';
 import { Code } from "@astrojs/starlight/components"
 
 const { code: rawCode, template, options, files } = Astro.props;
-const sourceCode = rawCode.replace(/^[ \t]*\/\/\s*prettier-ignore[ \t]*\r?\n?/gm, '');
+const sourceCode = rawCode.replace(/^[ \t]*\/\/\s*oxfmt-ignore[ \t]*\r?\n?/gm, '');
 ---
 
 <Code class="sandbox-code" code={sourceCode} lang="ts" />

documentation/src/components/sandbox/index.tsx

@@ -7,18 +7,15 @@ import {
 } from "@codesandbox/sandpack-react"
 import { APP_COMPOSE_JS } from "virtual:app-compose-js"
 import { Editor } from "./editor/index"
+import { Output } from "./output"
 import { sandboxStyle } from "./sandboxStyle"
 import { useTheme } from "./useTheme"
-import { Output } from "./output"
 
 type Props = {
   code: string
   template?: SandpackPredefinedTemplate
   files?: Record<string, string>
-  options?: Pick<
-    SandpackOptions,
-    "showConsole" | "editorHeight" | "editorWidthPercentage" | "showConsoleButton"
-  > & {
+  options?: Pick<SandpackOptions, "showConsole" | "editorHeight" | "editorWidthPercentage" | "showConsoleButton"> & {
     layout?: SandpackOptions["layout"] | "tests"
     hideOutput: boolean
     storageKey?: string
@@ -30,16 +27,15 @@ const SandpackEditor = ({ code: __code, template = "react", options, files = {}
 
   const theme = useTheme()
   const isTests = options?.layout === "tests"
-  const fileName =
-    isTests
-      ? "index.test.ts"
-      : template === "react"
-        ? "App.js"
-        : template === "react-ts"
-          ? "App.tsx"
-          : template === "vanilla-ts"
-            ? "index.ts"
-            : "index.js"
+  const fileName = isTests
+    ? "index.test.ts"
+    : template === "react"
+      ? "App.js"
+      : template === "react-ts"
+        ? "App.tsx"
+        : template === "vanilla-ts"
+          ? "index.ts"
+          : "index.js"
 
   const lines = code.replace(/\r\n/g, "\n").split("\n").length
   const fullEditorHeight = options?.editorHeight ?? lines * 18

documentation/src/components/sandbox/output.tsx

@@ -1,4 +1,10 @@
-import { SandpackConsole, SandpackPreview, SandpackStack, SandpackTests, type SandpackOptions } from "@codesandbox/sandpack-react"
+import {
+  SandpackConsole,
+  SandpackPreview,
+  SandpackStack,
+  SandpackTests,
+  type SandpackOptions,
+} from "@codesandbox/sandpack-react"
 
 type Props = Pick<SandpackOptions, "showConsole"> & {
   layout?: SandpackOptions["layout"] | "tests"

documentation/src/content/docs/guides/mapping-values/index.mdx

@@ -13,7 +13,8 @@ When you need only part of a task result or want to change its shape, `map` lets
   If the source value is missing — because an upstream task failed or was skipped — `map` will not call your callback
   and the downstream task will be silently skipped.
   <br />
-  To handle a missing value explicitly, wrap the source with `optional` — in that case the callback receives `undefined` instead.
+  To handle a missing value explicitly, wrap the source with `optional` — in that case the callback receives `undefined`
+  instead.
 </Aside>
 
 <br />

documentation/src/content/docs/home/graph.ts

@@ -1,6 +1,6 @@
-// prettier-ignore
+// oxfmt-ignore
 import {
-bind,compose,createTag,createTask,optional
+bind, compose, createTag, createTask, optional
 } from "@grlt-hub/app-compose"
 
 const tag = createTag<string>({ name: "title" })

documentation/src/content/docs/home/isolation.ts

@@ -1,6 +1,6 @@
-// prettier-ignore
+// oxfmt-ignore
 import {
-bind,compose,createTag,createTask
+bind, compose, createTag, createTask
 } from "@grlt-hub/app-compose"
 
 const user = createTask({

documentation/src/content/docs/home/reuse.ts

@@ -1,6 +1,6 @@
-// prettier-ignore
+// oxfmt-ignore
 import {
-bind,compose,createTag,createTask,literal
+bind, compose, createTag, createTask, literal
 } from "@grlt-hub/app-compose";
 
 const label = createTag<string>({ name: "label" })

documentation/src/content/docs/learn/linting.mdx

@@ -47,13 +47,12 @@ Use your preferred package manager.
 
 Import the plugin and add it to your config. Use the recommended preset for a quick start.
 
-{/* prettier-ignore */}
+{/* oxfmt-ignore */}
+
 ```js
 import appCompose from "@grlt-hub/eslint-plugin-app-compose"
 
-export default tseslint.config(
-  appCompose.configs.recommended
-)
+export default tseslint.config(appCompose.configs.recommended)
 ```
 
 You can also configure it manually.

documentation/src/content/docs/learn/quick-start/index.mdx

@@ -126,7 +126,8 @@ This tells App-Compose that the value is data, not a reference to another Task o
 />
 
 <Aside type="caution">
-Prefer routing static values through a tag via `bind(tag, literal(value))`. Using `literal` directly in `run.context` bakes the value into the task — it can no longer be reused without modifying it.
+  Prefer routing static values through a tag via `bind(tag, literal(value))`. Using `literal` directly in `run.context`
+  bakes the value into the task — it can no longer be reused without modifying it.
 </Aside>
 
 ## How to disable a Task

documentation/src/content/docs/learn/typescript/index.mdx

@@ -40,9 +40,10 @@ Extracts the return type of a given Task.
 
 Represents the possible execution outcomes of a Task.
 
-{/* prettier-ignore */}
+{/* oxfmt-ignore */}
+
 ```ts
-type TaskStatus = 'done' | 'fail' | 'skip'
+type TaskStatus = "done" | "fail" | "skip"
 ```
 
 ### Task<T>

documentation/src/content/docs/sandbox.ts

@@ -1,6 +1,6 @@
-// prettier-ignore
+// oxfmt-ignore
 import {
-bind,compose,createTag,createTask,literal,optional
+bind, compose, createTag, createTask, literal, optional
 } from "@grlt-hub/app-compose"
 
 const task = createTask({

documentation/src/styles/custom.css

@@ -11,7 +11,7 @@ h2.section-title {
 
 :root {
   --sl-content-width: 60rem;
-  --sl-color-text-accent: #58DC58;
+  --sl-color-text-accent: #58dc58;
 }
 
 .hero {

documentation/src/virtual.d.ts

@@ -5,4 +5,3 @@ declare module "virtual:app-compose-dts" {
 declare module "virtual:app-compose-js" {
   export const APP_COMPOSE_JS: string
 }
-

package.json

@@ -1,12 +1,8 @@
 {
   "name": "@grlt-hub/app-compose-dev",
-  "private": true,
   "version": "3.0.0",
+  "private": true,
   "homepage": "https://app-compose.dev",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/grlt-hub/app-compose.git"
-  },
   "license": "MIT",
   "contributors": [
     {
@@ -18,6 +14,10 @@
       "url": "https://github.com/binjospookie"
     }
   ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/grlt-hub/app-compose.git"
+  },
   "type": "module",
   "scripts": {
     "doc:dev": "pnpm --filter ./packages/app-compose build && pnpm --dir ./documentation run dev",
@@ -31,9 +31,8 @@
     "@types/node": "25.5.0",
     "@vitest/coverage-v8": "4.1.2",
     "knip": "6.1.0",
+    "oxfmt": "0.42.0",
     "oxlint": "1.57.0",
-    "prettier": "3.8.1",
-    "prettier-plugin-organize-imports": "4.3.0",
     "tsdown": "0.21.7",
     "typescript": "6.0.2",
     "vitest": "4.1.2"

packages/app-compose/knip.json

@@ -2,6 +2,6 @@
   "$schema": "https://unpkg.com/knip@5/schema.json",
   "ignore": ["**/__tests__/**", "*.config.ts"],
   "entry": ["./src/index.ts!"],
-  "ignoreBinaries": ["tsdown", "knip", "oxlint", "vitest"],
+  "ignoreBinaries": ["tsdown", "knip", "oxlint", "vitest", "oxfmt"],
   "vitest": { "config": "vitest.config.ts", "entry": "src/**/*.{test,test-d,bench}.ts" }
 }

packages/app-compose/package.json

@@ -2,26 +2,19 @@
   "name": "@grlt-hub/app-compose",
   "version": "3.0.0-beta.0",
   "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
   "description": "App-Compose is a TypeScript library that structures your frontend app around isolated tasks, explicit context, and predictable startup — by design.",
   "keywords": [
-    "grlt",
-    "grlt-hub",
     "app-compose",
     "dependency-injection",
     "di",
+    "grlt",
+    "grlt-hub",
     "inversion-of-control",
     "ioc",
     "modular",
     "typescript"
   ],
   "homepage": "https://app-compose.dev",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/grlt-hub/app-compose.git"
-  },
   "license": "MIT",
   "contributors": [
     {
@@ -33,7 +26,17 @@
       "url": "https://github.com/binjospookie"
     }
   ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/grlt-hub/app-compose.git"
+  },
+  "files": [
+    "dist"
+  ],
   "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "import": {
@@ -47,12 +50,9 @@
     },
     "./package.json": "./package.json"
   },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",

packages/app-compose/src/compose/__tests__/observer.test.ts

@@ -1,8 +1,8 @@
 import { literal, shape } from "@computable"
 import { createTask, createWire, tag } from "@runnable"
 import { describe, expect, it, vi } from "vitest"
-import { compose } from "../compose"
 import type { ComposeHookMap } from "../observer"
+import { compose } from "../compose"
 
 describe("observer", () => {
   describe("onTaskFail", () => {

packages/app-compose/src/compose/graph.ts

@@ -1,6 +1,6 @@
 import type { RunnableInternal } from "@runnable"
-import { createAnalyzer } from "./analyze"
 import type { ComposableKind, ComposeNode } from "./definition"
+import { createAnalyzer } from "./analyze"
 
 type EntryID = number
 

packages/app-compose/src/compose/guard.ts

@@ -1,6 +1,6 @@
 import type { RunnableInternal } from "@runnable"
-import { createAnalyzer } from "./analyze"
 import type { ComposableKind, ComposeMeta, ComposeNode } from "./definition"
+import { createAnalyzer } from "./analyze"
 
 type NotifyEntry = { index?: number; node: ComposeNode }
 

packages/app-compose/src/computable/shape.ts

@@ -1,5 +1,5 @@
-import { build } from "./build"
 import type { ContextToSpot } from "./context"
+import { build } from "./build"
 import { Compute$, Missing$, type ComputeStep, type Spot } from "./definition"
 
 const wrap =