fix: resolve Windows path handling in relativePath causing incorrect Clerk imports (#324)

Author: tannerlinsley

.changeset/fix-windows-clerk-imports.md

@@ -0,0 +1,5 @@
+---
+'@tanstack/create': patch
+---
+
+fix: resolve Windows path handling in relativePath causing incorrect Clerk imports

packages/create/src/file-helpers.ts

@@ -54,12 +54,11 @@ export function relativePath(
   to: string,
   stripExtension: boolean = false,
 ) {
-  const fixedOnWindows = from.startsWith('.\\')
-    ? from.replace(/\\/g, '/')
-    : from
-  const cleanedFrom = fixedOnWindows.startsWith('./')
-    ? fixedOnWindows.slice(2)
-    : from
+  // Always normalize backslashes to forward slashes for Windows compatibility
+  const normalized = from.replace(/\\/g, '/')
+  const cleanedFrom = normalized.startsWith('./')
+    ? normalized.slice(2)
+    : normalized
   const cleanedTo = to.startsWith('./') ? to.slice(2) : to
 
   const fromSegments = cleanedFrom.split('/')

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

@@ -69,14 +69,23 @@ describe('relativePath', () => {
       ),
     ).toBe('../integrations/tanstack-query/layout.tsx')
   })
-  it('windows', () => {
+  it('windows with ./ prefix', () => {
     expect(
       relativePath(
         '.\\src\\main.tsx.ejs',
         'src/integrations/tanstack-query/root-provider.tsx',
       ),
     ).toBe('./integrations/tanstack-query/root-provider.tsx')
   })
+  it('windows without ./ prefix', () => {
+    expect(
+      relativePath(
+        'src\\routes\\__root.tsx.ejs',
+        'src/integrations/clerk/provider.tsx',
+        true,
+      ),
+    ).toBe('../integrations/clerk/provider')
+  })
 })
 
 describe('readFileHelper', () => {