fix relative path

Author: mellyeliu

packages/cli/__tests__/compile-stylex-folder-test.js

@@ -258,6 +258,11 @@ describe('cache mechanism works as expected', () => {
       copiedNodeModules: false,
     },
   };
+
+  beforeAll(async () => {
+    await fs.rm(cachePath, { recursive: true, force: true });
+  });
+
   beforeEach(() => {
     writeSpy = jest.spyOn(cacheModule, 'writeCache');
   });
@@ -280,6 +285,7 @@ describe('cache mechanism works as expected', () => {
     expect(writeSpy).toHaveBeenCalledTimes(3);
 
     const cacheFiles = await fs.readdir(cachePath);
+    console.log('cacheFiles', cacheFiles)
     expect(cacheFiles.length).toEqual(3);
 
     for (const cacheFile of cacheFiles) {
@@ -327,7 +333,8 @@ describe('cache mechanism works as expected', () => {
 
 describe('CLI works with a custom cache path', () => {
   let writeSpy;
-  const customCachePath = path.join(__dirname, '__custom_cache__');
+  const projectRoot = path.resolve(__dirname, '../../../');
+  const customCachePath = path.join(projectRoot, '__custom_cache__');
   const config: TransformConfig = {
     input: path.resolve('./source'),
     output: path.resolve('./src'),
@@ -369,31 +376,21 @@ describe('CLI works with a custom cache path', () => {
   test('uses the custom cache path for caching', async () => {
     await compileDirectory(config);
 
-    const customFilePath = path.join(config.input, 'index.js');
-
-    const cacheFilePath = path.join(
-      customCachePath,
-      path.relative(config.input, customFilePath) + '.json',
-    );
-
-    expect(
-      await fs
-        .access(customCachePath)
-        .then(() => true)
-        .catch(() => false),
-    ).toBe(true);
-    expect(
-      await fs
-        .access(cacheFilePath)
-        .then(() => true)
-        .catch(() => false),
-    ).toBe(true);
+    const cacheFiles = await fs.readdir(customCachePath);
+    console.log('cacheFiles', cacheFiles)
+    expect(cacheFiles.length).toEqual(3);
 
-    const cacheData = JSON.parse(await fs.readFile(cacheFilePath, 'utf-8'));
-    expect(cacheData).toHaveProperty('inputHash');
-    expect(cacheData).toHaveProperty('outputHash');
-    expect(cacheData).toHaveProperty('collectedCSS');
+    for (const cacheFile of cacheFiles) {
+      const cacheFilePath = path.join(customCachePath, cacheFile);
+      const cacheContent = JSON.parse(
+        await fs.readFile(cacheFilePath, 'utf-8'),
+      );
+      expect(cacheContent).toHaveProperty('inputHash');
+      expect(cacheContent).toHaveProperty('outputHash');
+      expect(cacheContent).toHaveProperty('collectedCSS');
+    }
   });
+
   test('skips transformation when cache is valid', async () => {
     await compileDirectory(config);
 

packages/cli/src/cache.js

@@ -17,9 +17,31 @@ export function getDefaultCachePath() {
   return path.join('node_modules', '.stylex-cache');
 }
 
+// function findProjectRoot(startDir = process.cwd()) {
+//   let currentDir = startDir;
+
+//   while (currentDir !== path.parse(currentDir).root) {
+//     if (fs.existsSync(path.join(currentDir, 'package.json'))) {
+//       return currentDir;
+//     }
+//     currentDir = path.dirname(currentDir);
+//   }
+
+//   throw new Error('Project root not found');
+// }
+
+// export async function getCacheFilePath(cachePath, filePath) {
+//   const projectRoot = path.join(__dirname);
+//   //findProjectRoot(); // Dynamically find the true project root
+//   const relativePath = path.relative(projectRoot, filePath);
+//   const fileName = relativePath.replace(/[\\/]/g, '__');
+//   return path.join(cachePath, `${fileName}.json`);
+// }
+
 export async function getCacheFilePath(cachePath, filePath) {
-  const projectRoot = path.join(__dirname, '../../../');
-  const relativePath = path.relative(projectRoot, filePath);
+  const projectRoot = path.resolve(__dirname, '../../../');
+  const absoluteFilePath = path.resolve(filePath);
+  const relativePath = path.relative(projectRoot, absoluteFilePath);
   const fileName = relativePath.replace(/[\\/]/g, '__');
   return path.join(cachePath, `${fileName}.json`);
 }

packages/cli/src/transform.js

@@ -135,6 +135,8 @@ export async function compileFile(
 
     const newOutputHash = await computeHash(outputFilePath);
 
+    console.log('writefilepathh: ', filePath)
+
     await writeCache(cachePath, filePath, {
       inputHash,
       outputHash: newOutputHash,