FIX: Separate playwrite templates for js vs ts (#4479)

* FIX: Separate playwrite templates for js vs ts

Playwrite file when building with typescript
requires the playwrite.config file to have extension .ts

* package.json shoudnt be duplicated

* install @playwright/test as dev dep to remove the red squigglies

* make the .ts file actually use typescript

* oops, typo

* bump version

* fix merging

* use next version of @playwright/test for TS users

Co-authored-by: Rich Harris <[email protected]>

packages/create-svelte/index.js

@@ -105,7 +105,11 @@ function merge(target, source) {
 				throw new Error('Mismatched values');
 			}
 
-			merge(target_value, source_value);
+			if (typeof source_value === 'object') {
+				merge(target_value, source_value);
+			} else {
+				target[key] = source_value;
+			}
 		} else {
 			target[key] = source[key];
 		}

packages/create-svelte/package.json

@@ -15,6 +15,7 @@
 		"prompts": "^2.4.2"
 	},
 	"devDependencies": {
+		"@playwright/test": "^1.20.1",
 		"@sveltejs/kit": "workspace:*",
 		"@types/gitignore-parser": "^0.0.0",
 		"@types/prettier": "^2.4.2",

packages/create-svelte/shared/+playwright+typescript/package.json

@@ -0,0 +1,5 @@
+{
+	"devDependencies": {
+		"@playwright/test": "next"
+	}
+}

packages/create-svelte/shared/+playwright+typescript/playwright.config.ts

@@ -0,0 +1,10 @@
+import type { PlaywrightTestConfig } from '@playwright/test';
+
+const config: PlaywrightTestConfig = {
+	webServer: {
+		command: 'npm run build && npm run preview',
+		port: 3000
+	}
+};
+
+export default config;