fix: normalize path separators in toCleanPath to fix missing tsconfig.json on Windows (#319)

Author: tannerlinsley

.changeset/fix-windows-tsconfig-missing.md

@@ -0,0 +1,5 @@
+---
+'@tanstack/create': patch
+---
+
+fix: normalize path separators in toCleanPath to fix missing tsconfig.json on Windows

packages/create/src/file-helpers.ts

@@ -37,13 +37,15 @@ export function getBinaryFile(content: string): string | null {
 }
 
 /**
- * Convert an absolute path to a clean relative path by removing a base directory.
  * Returns a path without leading ./ or / prefix.
  */
 export function toCleanPath(absolutePath: string, baseDir: string): string {
-  let cleanPath = absolutePath.replace(baseDir, '')
-  // Handle both Unix (/) and Windows (\) path separators
-  if (cleanPath.startsWith('/') || cleanPath.startsWith('\\')) {
+  // Normalize both paths to use forward slashes for consistent comparison
+  const normalizedPath = absolutePath.replace(/\\/g, '/')
+  const normalizedBase = baseDir.replace(/\\/g, '/')
+  let cleanPath = normalizedPath.replace(normalizedBase, '')
+  // Handle leading path separator
+  if (cleanPath.startsWith('/')) {
     cleanPath = cleanPath.slice(1)
   }
   return cleanPath

packages/create/tests/file-helper.test.ts

@@ -26,12 +26,24 @@ describe('toCleanPath', () => {
   it('should strip Windows-style leading backslash', () => {
     expect(
       toCleanPath('C:\\Projects\\my-app\\src\\file.ts', 'C:\\Projects\\my-app'),
-    ).toBe('src\\file.ts')
+    ).toBe('src/file.ts')
   })
 
   it('should handle paths without leading separator', () => {
     expect(toCleanPath('/projects/my-app', '/projects/my-app')).toBe('')
   })
+
+  it('should handle mixed path separators (forward slash path, backslash base)', () => {
+    expect(
+      toCleanPath('C:/Projects/my-app/src/file.ts', 'C:\\Projects\\my-app'),
+    ).toBe('src/file.ts')
+  })
+
+  it('should handle mixed path separators (backslash path, forward slash base)', () => {
+    expect(
+      toCleanPath('C:\\Projects\\my-app\\src\\file.ts', 'C:/Projects/my-app'),
+    ).toBe('src/file.ts')
+  })
 })
 
 describe('relativePath', () => {