Upgrade prettier to be consistent across all packages (#855)

This pull request updates the test suites and dependencies for both the Preact and React transform packages to improve compatibility with Prettier v3 and to ensure all code formatting and test cases handle asynchronous formatting operations. The most significant changes are the upgrade of Prettier, the removal of obsolete type dependencies, and the refactoring of test cases to use async/await for formatting and assertions.

**Dependency updates:**

* Upgraded the `prettier` dependency to version 3.0.0 in both `preact-transform` and `react-transform` packages, and removed the now-unnecessary `@types/prettier` dependency.

Author: andrewiggins

docs/demos/todo/index.tsx

@@ -136,7 +136,7 @@ const TodosViewModel: ModelConstructor<TodosViewModel> = createModel(() => {
 	};
 
 	const debugData = computed(() => {
-		return JSON.stringify({todosModel, filter, filteredTodos}, null, 2);
+		return JSON.stringify({ todosModel, filter, filteredTodos }, null, 2);
 	});
 
 	return {

packages/preact-transform/package.json

@@ -58,11 +58,10 @@
     "@types/babel__helper-module-imports": "^7.18.3",
     "@types/babel__helper-plugin-utils": "^7.10.3",
     "@types/debug": "^4.1.12",
-    "@types/prettier": "^2.7.3",
     "assert": "^2.0.0",
     "buffer": "^6.0.3",
     "path": "^0.12.7",
-    "prettier": "^2.7.1"
+    "prettier": "^3.0.0"
   },
   "publishConfig": {
     "access": "public",

packages/preact-transform/test/node/index.test.tsx

@@ -25,30 +25,30 @@ function transformCode(
 	return result?.code || "";
 }
 
-function runTest(
+async function runTest(
 	input: string,
 	expected: string,
 	options: PluginOptions = { enabled: true },
 	filename?: string,
 	cjs?: boolean
 ) {
 	const output = transformCode(input, options, filename, cjs);
-	expect(format(output)).to.equal(format(expected));
+	expect(await format(output)).to.equal(await format(expected));
 }
 
 describe("Preact Signals Babel Transform", () => {
 	describe("signal naming", () => {
 		const DEBUG_OPTIONS = { enabled: true };
 
-		const runDebugTest = (
+		const runDebugTest = async (
 			inputCode: string,
 			expectedOutput: string,
 			fileName: string
 		) => {
-			runTest(inputCode, expectedOutput, DEBUG_OPTIONS, fileName);
+			await runTest(inputCode, expectedOutput, DEBUG_OPTIONS, fileName);
 		};
 
-		it("injects names for signal calls", () => {
+		it("injects names for signal calls", async () => {
 			const inputCode = `
 				function MyComponent() {
 					const count = signal(0);
@@ -69,10 +69,10 @@ describe("Preact Signals Babel Transform", () => {
 				}
 			`;
 
-			runDebugTest(inputCode, expectedOutput, "Component.js");
+			await runDebugTest(inputCode, expectedOutput, "Component.js");
 		});
 
-		it("injects names for useSignal calls", () => {
+		it("injects names for useSignal calls", async () => {
 			const inputCode = `
 				function MyComponent() {
 					const count = useSignal(0);
@@ -93,10 +93,10 @@ describe("Preact Signals Babel Transform", () => {
 				}
 			`;
 
-			runDebugTest(inputCode, expectedOutput, "Component.js");
+			await runDebugTest(inputCode, expectedOutput, "Component.js");
 		});
 
-		it("doesn't inject names when already provided", () => {
+		it("doesn't inject names when already provided", async () => {
 			const inputCode = `
 				function MyComponent() {
 					const count = signal(0, { name: "myCounter" });
@@ -118,10 +118,10 @@ describe("Preact Signals Babel Transform", () => {
 				}
 			`;
 
-			runDebugTest(inputCode, expectedOutput, "Component.js");
+			await runDebugTest(inputCode, expectedOutput, "Component.js");
 		});
 
-		it("handles signals with no initial value", () => {
+		it("handles signals with no initial value", async () => {
 			const inputCode = `
 				function MyComponent() {
 					const count = useSignal();
@@ -138,7 +138,7 @@ describe("Preact Signals Babel Transform", () => {
 				}
 			`;
 
-			runDebugTest(inputCode, expectedOutput, "Component.js");
+			await runDebugTest(inputCode, expectedOutput, "Component.js");
 		});
 	});
 });

packages/react-transform/package.json

@@ -62,14 +62,13 @@
     "@types/babel__helper-module-imports": "^7.18.3",
     "@types/babel__helper-plugin-utils": "^7.10.3",
     "@types/debug": "^4.1.12",
-    "@types/prettier": "^2.7.3",
     "@types/react": "^18.0.18",
     "@types/react-dom": "^18.0.6",
     "@types/use-sync-external-store": "^0.0.3",
     "assert": "^2.0.0",
     "buffer": "^6.0.3",
     "path": "^0.12.7",
-    "prettier": "^2.7.1",
+    "prettier": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.9.0"