@valbuild/next 0.134.1 → 0.135.0

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @valbuild/next
 
+## 0.135.0
+
+### Patch Changes
+
+- [#707](https://github.com/valbuild/val/pull/707) [`c9affec`](https://github.com/valbuild/val/commit/c9affece6ae6ba62bd6c1113ed1fdab6317fa112) Thanks [@freekh](https://github.com/freekh)! - `val validate --fix` now formats with your prettier config instead of prettier's defaults
+
+  `--fix` formatted the files it repaired by calling `prettier.format(code, { filepath })`, which never reads `.prettierrc`: `filepath` picks the parser and nothing else — only `resolveConfig`, `getFileInfo` and prettier's own CLI consult the config. On a project whose style is not prettier's default, a two-line content fix therefore arrived as a whole-file rewrite, and in a repo with a format check in CI it turned a content fix into a red build.
+
+  There is now one implementation of "format a written file the way this project does", `createPrettierFormatter`, exported from `@valbuild/server` and re-exported by `@valbuild/next/server` and `@valbuild/tanstack/server`. It resolves `.prettierrc` for each file (including any `overrides` that match it), leaves anything in `.prettierignore` untouched, and falls back to prettier's defaults when the project has no config. `val validate --fix` uses it, so the CLI and the Studio can no longer disagree about formatting.
+
+  Use it for your app's `formatter` too — this is the recommended setup, and it replaces reading `.prettierrc.json` by hand:
+
+  ```ts
+  import prettier from "prettier";
+  import {
+    initValServer,
+    createPrettierFormatter,
+  } from "@valbuild/next/server";
+
+  const { valNextAppRouter } = initValServer(
+    valModules,
+    { ...config },
+    {
+      draftMode,
+      formatter: createPrettierFormatter(prettier, {
+        projectRoot: process.cwd(),
+      }),
+    },
+  );
+  ```
+
+  Existing `formatter` callbacks keep working unchanged.
+
+- Updated dependencies [[`c9affec`](https://github.com/valbuild/val/commit/c9affece6ae6ba62bd6c1113ed1fdab6317fa112), [`72a7ca7`](https://github.com/valbuild/val/commit/72a7ca78354fff00e37a51359b17fba9334dc5e6)]:
+  - @valbuild/server@0.135.0
+  - @valbuild/language-server@0.135.0
+  - @valbuild/mcp@0.135.0
+
 ## 0.134.1
 
 ### Patch Changes

package/README.md

@@ -298,36 +298,30 @@ If you are using `prettier` or another code formatting tool, it is recommended t
 - Add a formatter to the `/val/val.server`:
 
   ```ts
-  formatter: (code: string, filePath: string) => {
-    return prettier.format(code, {
-      filepath: filePath,
-      ...prettierOptions, // <- use the same rules as in development
-    } as prettier.Options);
-  },
+  formatter: createPrettierFormatter(prettier, { projectRoot: process.cwd() }),
   ```
 
   Unless you have any modifications in your `val.server` file, the complete file should now look like this:
 
   ```ts
   import "server-only";
-  import { initValServer } from "@valbuild/next/server";
+  import {
+    initValServer,
+    createPrettierFormatter,
+  } from "@valbuild/next/server";
   import { config } from "../val.config";
   import { draftMode } from "next/headers";
   import valModules from "../val.modules";
   import prettier from "prettier";
-  import prettierOptions from "../.prettierrc.json";
 
   const { valNextAppRouter } = initValServer(
     valModules,
     { ...config },
     {
       draftMode,
-      formatter: (code: string, filePath: string) => {
-        return prettier.format(code, {
-          filepath: filePath,
-          ...prettierOptions, // <- use the same rules as in development
-        } as prettier.Options);
-      },
+      formatter: createPrettierFormatter(prettier, {
+        projectRoot: process.cwd(),
+      }),
     },
   );
 
@@ -336,6 +330,16 @@ If you are using `prettier` or another code formatting tool, it is recommended t
 
 You should now be able to hit the save button locally and see prettier rules being applied.
 
+### Why not just `prettier.format`?
+
+Because it does not read your config. `prettier.format(code, { filepath })` — the obvious thing to write — uses `filepath` only to pick the **parser**; `.prettierrc` is read by `resolveConfig`, `getFileInfo` and prettier's own CLI, and by nothing else. A project whose style is not prettier's default therefore gets every file Val touches rewritten in prettier's defaults, which turns a two-line content edit into a whole-file diff and a red `format` job in CI.
+
+`createPrettierFormatter` resolves `.prettierrc` for each file (including any `overrides` that match it), skips anything listed in `.prettierignore`, and falls back to prettier's defaults when the project has no config. `val validate --fix` uses the same function, so a fix applied from the CLI and an edit saved from the Studio come out identically formatted.
+
+`projectRoot` is what a module path is resolved against, and where `.prettierignore` is looked for. Prettier's config search walks up from the resolved file, so a package inside a monorepo that has its own `.prettierrc` is found without being named here.
+
+Pass it to `initValMcp` the same way if you mount the MCP endpoint — an agent's edits are written to the same files.
+
 ## Other formatters
 
 Val is formatter agnostic, so it is possible to use the same flow as the one described for `prettier` above to any formatter you might want to use.

package/dist/declarations/src/server/index.d.ts

@@ -1,4 +1,5 @@
 import "server-only";
 export { initValServer } from "./initValServer.js";
 export { initValMcp } from "./initValMcp.js";
+export { createPrettierFormatter, type PrettierLike, type ValFormatter, } from "@valbuild/server";
 export type { ValMcp, ValMcpAuthorizationResult, ValMcpMetadataHandlers, ValOAuthConfig, ValToolImpl, } from "@valbuild/mcp";

package/dist/valbuild-next.cjs.dev.js

@@ -12,7 +12,7 @@ var NextImage = require('next/image');
 var jsxRuntime = require('react/jsx-runtime');
 var ValApp = require('./ValApp-294e5b53.cjs.dev.js');
 var ValModulesClient = require('./ValModulesClient-4ecabf99.cjs.dev.js');
-var version = require('./version-ddff5d6a.cjs.dev.js');
+var version = require('./version-77226c0a.cjs.dev.js');
 var createForOfIteratorHelper = require('./createForOfIteratorHelper-0445603c.cjs.dev.js');
 require('./defineProperty-f90345d7.cjs.dev.js');
 require('./unsupportedIterableToArray-c8ab77c9.cjs.dev.js');

package/dist/valbuild-next.cjs.prod.js

@@ -12,7 +12,7 @@ var NextImage = require('next/image');
 var jsxRuntime = require('react/jsx-runtime');
 var ValApp = require('./ValApp-ab8a96fd.cjs.prod.js');
 var ValModulesClient = require('./ValModulesClient-10c0721c.cjs.prod.js');
-var version = require('./version-a3e5a2df.cjs.prod.js');
+var version = require('./version-58fd6989.cjs.prod.js');
 var createForOfIteratorHelper = require('./createForOfIteratorHelper-d4afcad8.cjs.prod.js');
 require('./defineProperty-8951f469.cjs.prod.js');
 require('./unsupportedIterableToArray-0d2087a2.cjs.prod.js');

package/dist/valbuild-next.esm.js

@@ -11,7 +11,7 @@ import NextImage from 'next/image';
 import { jsx } from 'react/jsx-runtime';
 export { ValApp } from './ValApp-3a70afe1.esm.js';
 export { ValModulesClient, useRegisterValModules } from './ValModulesClient-0dd601a1.esm.js';
-import { V as VERSION } from './version-28baa77f.esm.js';
+import { V as VERSION } from './version-12fffb44.esm.js';
 import { _ as _createForOfIteratorHelper } from './createForOfIteratorHelper-5758a730.esm.js';
 import './defineProperty-cca5affa.esm.js';
 import './unsupportedIterableToArray-5baabfdc.esm.js';

package/dist/{version-28baa77f.esm.js → version-12fffb44.esm.js}

@@ -12,7 +12,7 @@ var packageJson = {
 		"next",
 		"react"
 	],
-	version: "0.134.1",
+	version: "0.135.0",
 	scripts: {
 		typecheck: "tsc --noEmit",
 		test: "jest"

package/dist/{version-a3e5a2df.cjs.prod.js → version-58fd6989.cjs.prod.js}

@@ -14,7 +14,7 @@ var packageJson = {
 		"next",
 		"react"
 	],
-	version: "0.134.1",
+	version: "0.135.0",
 	scripts: {
 		typecheck: "tsc --noEmit",
 		test: "jest"

package/dist/{version-ddff5d6a.cjs.dev.js → version-77226c0a.cjs.dev.js}

@@ -14,7 +14,7 @@ var packageJson = {
 		"next",
 		"react"
 	],
-	version: "0.134.1",
+	version: "0.135.0",
 	scripts: {
 		typecheck: "tsc --noEmit",
 		test: "jest"

package/package.json

@@ -12,7 +12,7 @@
     "next",
     "react"
   ],
-  "version": "0.134.1",
+  "version": "0.135.0",
   "main": "dist/valbuild-next.cjs.js",
   "module": "dist/valbuild-next.esm.js",
   "exports": {
@@ -48,10 +48,10 @@
     "client-only": "^0.0.1",
     "server-only": "^0.0.1",
     "@valbuild/core": "0.134.0",
-    "@valbuild/language-server": "0.134.1",
-    "@valbuild/mcp": "0.134.1",
-    "@valbuild/server": "0.134.1",
+    "@valbuild/language-server": "0.135.0",
+    "@valbuild/mcp": "0.135.0",
     "@valbuild/react": "0.134.1",
+    "@valbuild/server": "0.135.0",
     "@valbuild/shared": "0.134.1",
     "@valbuild/ui": "0.134.0"
   },

package/rsc/dist/valbuild-next-rsc.cjs.dev.js

@@ -11,7 +11,7 @@ var stega = require('@valbuild/react/stega');
 var core = require('@valbuild/core');
 var internal = require('@valbuild/shared/internal');
 var server = require('@valbuild/server');
-var version = require('../../dist/version-ddff5d6a.cjs.dev.js');
+var version = require('../../dist/version-77226c0a.cjs.dev.js');
 require('../../dist/createForOfIteratorHelper-0445603c.cjs.dev.js');
 require('../../dist/unsupportedIterableToArray-c8ab77c9.cjs.dev.js');
 require('../../dist/slicedToArray-44036a76.cjs.dev.js');

package/rsc/dist/valbuild-next-rsc.cjs.prod.js

@@ -11,7 +11,7 @@ var stega = require('@valbuild/react/stega');
 var core = require('@valbuild/core');
 var internal = require('@valbuild/shared/internal');
 var server = require('@valbuild/server');
-var version = require('../../dist/version-a3e5a2df.cjs.prod.js');
+var version = require('../../dist/version-58fd6989.cjs.prod.js');
 require('../../dist/createForOfIteratorHelper-d4afcad8.cjs.prod.js');
 require('../../dist/unsupportedIterableToArray-0d2087a2.cjs.prod.js');
 require('../../dist/slicedToArray-ce613de6.cjs.prod.js');

package/rsc/dist/valbuild-next-rsc.esm.js

@@ -7,7 +7,7 @@ import { SET_RSC, stegaEncode, SET_AUTO_TAG_JSX_ENABLED } from '@valbuild/react/
 import { Internal } from '@valbuild/core';
 import { VAL_SESSION_COOKIE } from '@valbuild/shared/internal';
 import { createValServer } from '@valbuild/server';
-import { V as VERSION } from '../../dist/version-28baa77f.esm.js';
+import { V as VERSION } from '../../dist/version-12fffb44.esm.js';
 import '../../dist/createForOfIteratorHelper-5758a730.esm.js';
 import '../../dist/unsupportedIterableToArray-5baabfdc.esm.js';
 import '../../dist/slicedToArray-aa291011.esm.js';

package/server/dist/valbuild-next-server.cjs.dev.js

@@ -9,7 +9,7 @@ var objectSpread2 = require('../../dist/objectSpread2-58024783.cjs.dev.js');
 var core = require('@valbuild/core');
 var server = require('@valbuild/server');
 var server$1 = require('next/server');
-var version = require('../../dist/version-ddff5d6a.cjs.dev.js');
+var version = require('../../dist/version-77226c0a.cjs.dev.js');
 var mcp = require('@valbuild/mcp');
 require('../../dist/unsupportedIterableToArray-c8ab77c9.cjs.dev.js');
 require('../../dist/defineProperty-f90345d7.cjs.dev.js');
@@ -147,5 +147,9 @@ function initValMcp(valModules, config, opts) {
   }));
 }
 
+Object.defineProperty(exports, 'createPrettierFormatter', {
+  enumerable: true,
+  get: function () { return server.createPrettierFormatter; }
+});
 exports.initValMcp = initValMcp;
 exports.initValServer = initValServer;

package/server/dist/valbuild-next-server.cjs.prod.js

@@ -9,7 +9,7 @@ var objectSpread2 = require('../../dist/objectSpread2-13f847a9.cjs.prod.js');
 var core = require('@valbuild/core');
 var server = require('@valbuild/server');
 var server$1 = require('next/server');
-var version = require('../../dist/version-a3e5a2df.cjs.prod.js');
+var version = require('../../dist/version-58fd6989.cjs.prod.js');
 var mcp = require('@valbuild/mcp');
 require('../../dist/unsupportedIterableToArray-0d2087a2.cjs.prod.js');
 require('../../dist/defineProperty-8951f469.cjs.prod.js');
@@ -147,5 +147,9 @@ function initValMcp(valModules, config, opts) {
   }));
 }
 
+Object.defineProperty(exports, 'createPrettierFormatter', {
+  enumerable: true,
+  get: function () { return server.createPrettierFormatter; }
+});
 exports.initValMcp = initValMcp;
 exports.initValServer = initValServer;

package/server/dist/valbuild-next-server.esm.js

@@ -4,8 +4,9 @@ import { _ as _asyncToGenerator, a as _regenerator } from '../../dist/asyncToGen
 import { _ as _objectSpread2 } from '../../dist/objectSpread2-60d1bd93.esm.js';
 import { Internal } from '@valbuild/core';
 import { createValApiRouter, createValServer } from '@valbuild/server';
+export { createPrettierFormatter } from '@valbuild/server';
 import { NextResponse } from 'next/server';
-import { V as VERSION } from '../../dist/version-28baa77f.esm.js';
+import { V as VERSION } from '../../dist/version-12fffb44.esm.js';
 import { initValMcp as initValMcp$1 } from '@valbuild/mcp';
 import '../../dist/unsupportedIterableToArray-5baabfdc.esm.js';
 import '../../dist/defineProperty-cca5affa.esm.js';