@lingo.dev/_compiler 0.2.0 → 0.2.2

package/build/index.mjs

@@ -4,7 +4,7 @@ import { createUnplugin } from "unplugin";
 // package.json
 var package_default = {
   name: "@lingo.dev/_compiler",
-  version: "0.2.0",
+  version: "0.2.2",
   description: "Lingo.dev Compiler",
   private: false,
   publishConfig: {
@@ -174,9 +174,9 @@ function extractAttributeValue(attribute) {
 function getJsxRoots(node) {
   const result = [];
   traverse(node, {
-    JSXElement(path6) {
-      result.push(path6);
-      path6.skip();
+    JSXElement(path7) {
+      result.push(path7);
+      path7.skip();
     }
   });
   return result;
@@ -203,14 +203,14 @@ function getOrCreateImport(ast, params) {
 function findExistingImport(ast, exportedName, moduleName) {
   let result = null;
   traverse(ast, {
-    ImportDeclaration(path6) {
-      if (path6.node.source.value !== moduleName) {
+    ImportDeclaration(path7) {
+      if (path7.node.source.value !== moduleName) {
         return;
       }
-      for (const specifier of path6.node.specifiers) {
+      for (const specifier of path7.node.specifiers) {
         if (t2.isImportSpecifier(specifier) && (t2.isIdentifier(specifier.imported) && specifier.imported.name === exportedName || specifier.importKind === "value" && t2.isIdentifier(specifier.local) && specifier.local.name === exportedName)) {
           result = specifier.local.name;
-          path6.stop();
+          path7.stop();
           return;
         }
       }
@@ -221,8 +221,8 @@ function findExistingImport(ast, exportedName, moduleName) {
 function generateUniqueImportName(ast, baseName) {
   const usedNames = /* @__PURE__ */ new Set();
   traverse(ast, {
-    Identifier(path6) {
-      usedNames.add(path6.node.name);
+    Identifier(path7) {
+      usedNames.add(path7.node.name);
     }
   });
   if (!usedNames.has(baseName)) {
@@ -238,12 +238,12 @@ function generateUniqueImportName(ast, baseName) {
 }
 function createImportDeclaration(ast, localName, exportedName, moduleName) {
   traverse(ast, {
-    Program(path6) {
+    Program(path7) {
       const importSpecifier2 = t2.importSpecifier(
         t2.identifier(localName),
         t2.identifier(exportedName)
       );
-      const existingImport = path6.get("body").find(
+      const existingImport = path7.get("body").find(
         (nodePath) => t2.isImportDeclaration(nodePath.node) && nodePath.node.source.value === moduleName
       );
       if (existingImport && t2.isImportDeclaration(existingImport.node)) {
@@ -253,10 +253,10 @@ function createImportDeclaration(ast, localName, exportedName, moduleName) {
           [importSpecifier2],
           t2.stringLiteral(moduleName)
         );
-        const lastImportIndex = findLastImportIndex(path6);
-        path6.node.body.splice(lastImportIndex + 1, 0, importDeclaration2);
+        const lastImportIndex = findLastImportIndex(path7);
+        path7.node.body.splice(lastImportIndex + 1, 0, importDeclaration2);
       }
-      path6.stop();
+      path7.stop();
     }
   });
 }
@@ -272,10 +272,10 @@ function findLastImportIndex(programPath) {
 function _hasFileDirective(ast, directiveValue) {
   let hasDirective = false;
   traverse(ast, {
-    Directive(path6) {
-      if (path6.node.value.value === directiveValue) {
+    Directive(path7) {
+      if (path7.node.value.value === directiveValue) {
         hasDirective = true;
-        path6.stop();
+        path7.stop();
       }
     }
   });
@@ -325,9 +325,9 @@ function getJsxElementName(nodePath) {
 function getNestedJsxElements(nodePath) {
   const nestedElements = [];
   nodePath.traverse({
-    JSXElement(path6) {
-      if (path6.node !== nodePath.node) {
-        nestedElements.push(path6.node);
+    JSXElement(path7) {
+      if (path7.node !== nodePath.node) {
+        nestedElements.push(path7.node);
       }
     }
   });
@@ -350,8 +350,8 @@ var LCP_DICTIONARY_FILE_NAME = "dictionary.js";
 // src/jsx-provider.ts
 var jsxProviderMutation = createCodeMutation((payload) => {
   traverse2(payload.ast, {
-    JSXElement: (path6) => {
-      if (getJsxElementName(path6)?.toLowerCase() === "html") {
+    JSXElement: (path7) => {
+      if (getJsxElementName(path7)?.toLowerCase() === "html") {
         const mode = getModuleExecutionMode(payload.ast, payload.params.rsc);
         if (mode === "client") {
           return;
@@ -385,11 +385,11 @@ var jsxProviderMutation = createCodeMutation((payload) => {
           t4.jsxClosingElement(
             t4.jsxIdentifier(lingoProviderImport.importedName)
           ),
-          [path6.node],
+          [path7.node],
           false
         );
-        path6.replaceWith(provider);
-        path6.skip();
+        path7.replaceWith(provider);
+        path7.skip();
       }
     }
   });
@@ -438,10 +438,10 @@ import traverse4 from "@babel/traverse";
 function collectJsxScopes(ast) {
   const jsxScopes = [];
   traverse4(ast, {
-    JSXElement: (path6) => {
-      if (!hasJsxScopeAttribute(path6)) return;
-      path6.skip();
-      jsxScopes.push(path6);
+    JSXElement: (path7) => {
+      if (!hasJsxScopeAttribute(path7)) return;
+      path7.skip();
+      jsxScopes.push(path7);
     }
   });
   return jsxScopes;
@@ -449,32 +449,32 @@ function collectJsxScopes(ast) {
 function getJsxScopes(node) {
   const result = [];
   traverse4(node, {
-    JSXElement(path6) {
-      if (getJsxElementName(path6) === "LingoProvider") {
+    JSXElement(path7) {
+      if (getJsxElementName(path7) === "LingoProvider") {
         return;
       }
-      const hasNonEmptyTextSiblings = path6.getAllPrevSiblings().concat(path6.getAllNextSiblings()).some(
+      const hasNonEmptyTextSiblings = path7.getAllPrevSiblings().concat(path7.getAllNextSiblings()).some(
         (sibling) => t7.isJSXText(sibling.node) && sibling.node.value?.trim() !== ""
       );
       if (hasNonEmptyTextSiblings) {
         return;
       }
-      const hasNonEmptyTextChild = path6.get("children").some(
+      const hasNonEmptyTextChild = path7.get("children").some(
         (child) => t7.isJSXText(child.node) && child.node.value?.trim() !== ""
       );
       if (hasNonEmptyTextChild) {
-        result.push(path6);
-        path6.skip();
+        result.push(path7);
+        path7.skip();
       }
     }
   });
   return result;
 }
-function hasJsxScopeAttribute(path6) {
-  return !!getJsxScopeAttribute(path6);
+function hasJsxScopeAttribute(path7) {
+  return !!getJsxScopeAttribute(path7);
 }
-function getJsxScopeAttribute(path6) {
-  const attribute = path6.node.openingElement.attributes.find(
+function getJsxScopeAttribute(path7) {
+  const attribute = path7.node.openingElement.attributes.find(
     (attr) => attr.type === "JSXAttribute" && attr.name.name === "data-jsx-scope"
   );
   return attribute && t7.isJSXAttribute(attribute) && t7.isStringLiteral(attribute.value) ? attribute.value.value : void 0;
@@ -506,11 +506,11 @@ import traverse5 from "@babel/traverse";
 function collectJsxAttributeScopes(node) {
   const result = [];
   traverse5(node, {
-    JSXElement(path6) {
-      if (!hasJsxAttributeScopeAttribute(path6)) return;
-      const localizableAttributes = getJsxAttributeScopeAttribute(path6);
+    JSXElement(path7) {
+      if (!hasJsxAttributeScopeAttribute(path7)) return;
+      const localizableAttributes = getJsxAttributeScopeAttribute(path7);
       if (!localizableAttributes) return;
-      result.push([path6, localizableAttributes]);
+      result.push([path7, localizableAttributes]);
     }
   });
   return result;
@@ -529,8 +529,8 @@ function getJsxAttributeScopes(node) {
     "subtitle"
   ];
   traverse5(node, {
-    JSXElement(path6) {
-      const openingElement = path6.node.openingElement;
+    JSXElement(path7) {
+      const openingElement = path7.node.openingElement;
       const elementName = openingElement.name;
       if (!t9.isJSXIdentifier(elementName) || !elementName.name) {
         return;
@@ -551,17 +551,17 @@ function getJsxAttributeScopes(node) {
         }
       ).map((attr) => attr.name.name);
       if (localizableAttrs.length > 0) {
-        result.push([path6, localizableAttrs]);
+        result.push([path7, localizableAttrs]);
       }
     }
   });
   return result;
 }
-function hasJsxAttributeScopeAttribute(path6) {
-  return !!getJsxAttributeScopeAttribute(path6);
+function hasJsxAttributeScopeAttribute(path7) {
+  return !!getJsxAttributeScopeAttribute(path7);
 }
-function getJsxAttributeScopeAttribute(path6) {
-  const attribute = path6.node.openingElement.attributes.find(
+function getJsxAttributeScopeAttribute(path7) {
+  const attribute = path7.node.openingElement.attributes.find(
     (attr) => attr.type === "JSXAttribute" && attr.name.name === "data-jsx-attribute-scope"
   );
   if (!attribute || !t9.isJSXAttribute(attribute)) {
@@ -604,7 +604,7 @@ var jsxAttributeFlagMutation = createCodeMutation(
 var jsx_attribute_flag_default = jsxAttributeFlagMutation;
 
 // src/index.ts
-import path5 from "path";
+import path6 from "path";
 
 // src/utils/module-params.ts
 function parseParametrizedModuleId(rawId) {
@@ -1155,10 +1155,19 @@ function getRc() {
 // src/utils/llm-api-key.ts
 import _5 from "lodash";
 import * as dotenv from "dotenv";
+import path4 from "path";
 function getKeyFromEnv(envVarName) {
-  const ephemeralEnv = {};
-  dotenv.config({ processEnv: ephemeralEnv });
-  return ephemeralEnv[envVarName];
+  if (process.env[envVarName]) {
+    return process.env[envVarName];
+  }
+  const result = dotenv.config({
+    path: [
+      path4.resolve(process.cwd(), ".env"),
+      path4.resolve(process.cwd(), ".env.local"),
+      path4.resolve(process.cwd(), ".env.development")
+    ]
+  });
+  return result?.parsed?.[envVarName];
 }
 function getKeyFromRc(rcPath) {
   const rc = getRc();
@@ -1721,10 +1730,10 @@ import traverse6 from "@babel/traverse";
 function findInvokations(ast, params) {
   const result = [];
   traverse6(ast, {
-    ImportDeclaration(path6) {
-      if (path6.node.source.value !== params.moduleName) return;
+    ImportDeclaration(path7) {
+      if (path7.node.source.value !== params.moduleName) return;
       const importNames = /* @__PURE__ */ new Map();
-      const specifiers = path6.node.specifiers;
+      const specifiers = path7.node.specifiers;
       specifiers.forEach((specifier) => {
         if (t11.isImportSpecifier(specifier) && t11.isIdentifier(specifier.imported) && specifier.imported.name === params.functionName) {
           importNames.set(specifier.local.name, true);
@@ -1734,13 +1743,13 @@ function findInvokations(ast, params) {
           importNames.set(specifier.local.name, "namespace");
         }
       });
-      collectCallExpressions(path6, importNames, result, params.functionName);
+      collectCallExpressions(path7, importNames, result, params.functionName);
     }
   });
   return result;
 }
-function collectCallExpressions(path6, importNames, result, functionName) {
-  const program = path6.findParent(
+function collectCallExpressions(path7, importNames, result, functionName) {
+  const program = path7.findParent(
     (p) => p.isProgram()
   );
   if (!program) return;
@@ -1758,6 +1767,17 @@ function collectCallExpressions(path6, importNames, result, functionName) {
 
 // src/rsc-dictionary-loader.ts
 import * as t12 from "@babel/types";
+
+// src/_utils.ts
+import path5 from "path";
+var getDictionaryPath = (params) => {
+  return path5.relative(
+    params.relativeFilePath,
+    path5.resolve(params.sourceRoot, params.lingoDir, LCP_DICTIONARY_FILE_NAME)
+  );
+};
+
+// src/rsc-dictionary-loader.ts
 var rscDictionaryLoaderMutation = createCodeMutation((payload) => {
   const mode = getModuleExecutionMode(payload.ast, payload.params.rsc);
   if (mode === "client") {
@@ -1778,6 +1798,11 @@ var rscDictionaryLoaderMutation = createCodeMutation((payload) => {
     if (t12.isIdentifier(invokation.callee)) {
       invokation.callee.name = internalDictionaryLoader.importedName;
     }
+    const dictionaryPath = getDictionaryPath({
+      sourceRoot: payload.params.sourceRoot,
+      lingoDir: payload.params.lingoDir,
+      relativeFilePath: payload.relativeFilePath
+    });
     const localeImportMap = t12.objectExpression(
       allLocales.map(
         (locale) => t12.objectProperty(
@@ -1785,9 +1810,7 @@ var rscDictionaryLoaderMutation = createCodeMutation((payload) => {
           t12.arrowFunctionExpression(
             [],
             t12.callExpression(t12.identifier("import"), [
-              t12.stringLiteral(
-                `@/${payload.params.lingoDir}/${LCP_DICTIONARY_FILE_NAME}?locale=${locale}`
-              )
+              t12.stringLiteral(`${dictionaryPath}?locale=${locale}`)
             ])
           )
         )
@@ -1821,6 +1844,11 @@ var reactRouterDictionaryLoaderMutation = createCodeMutation(
       if (t13.isIdentifier(invokation.callee)) {
         invokation.callee.name = internalDictionaryLoader.importedName;
       }
+      const dictionaryPath = getDictionaryPath({
+        sourceRoot: payload.params.sourceRoot,
+        lingoDir: payload.params.lingoDir,
+        relativeFilePath: payload.relativeFilePath
+      });
       const localeImportMap = t13.objectExpression(
         allLocales.map(
           (locale) => t13.objectProperty(
@@ -1828,9 +1856,7 @@ var reactRouterDictionaryLoaderMutation = createCodeMutation(
             t13.arrowFunctionExpression(
               [],
               t13.callExpression(t13.identifier("import"), [
-                t13.stringLiteral(
-                  `~/${payload.params.lingoDir}/${LCP_DICTIONARY_FILE_NAME}?locale=${locale}`
-                )
+                t13.stringLiteral(`${dictionaryPath}?locale=${locale}`)
               ])
             )
           )
@@ -1850,18 +1876,18 @@ function jsxFragmentMutation(payload) {
   let foundFragments = false;
   let fragmentImportName = null;
   traverse7(ast, {
-    ImportDeclaration(path6) {
-      if (path6.node.source.value !== "react") return;
-      for (const specifier of path6.node.specifiers) {
+    ImportDeclaration(path7) {
+      if (path7.node.source.value !== "react") return;
+      for (const specifier of path7.node.specifiers) {
         if (t14.isImportSpecifier(specifier) && t14.isIdentifier(specifier.imported) && specifier.imported.name === "Fragment") {
           fragmentImportName = specifier.local.name;
-          path6.stop();
+          path7.stop();
         }
       }
     }
   });
   traverse7(ast, {
-    JSXFragment(path6) {
+    JSXFragment(path7) {
       foundFragments = true;
       if (!fragmentImportName) {
         const result = getOrCreateImport(ast, {
@@ -1873,10 +1899,10 @@ function jsxFragmentMutation(payload) {
       const fragmentElement = t14.jsxElement(
         t14.jsxOpeningElement(t14.jsxIdentifier(fragmentImportName), [], false),
         t14.jsxClosingElement(t14.jsxIdentifier(fragmentImportName)),
-        path6.node.children,
+        path7.node.children,
         false
       );
-      path6.replaceWith(fragmentElement);
+      path7.replaceWith(fragmentElement);
     }
   });
   return payload;
@@ -1887,23 +1913,23 @@ import traverse8 from "@babel/traverse";
 import * as t15 from "@babel/types";
 var jsxHtmlLangMutation = createCodeMutation((payload) => {
   traverse8(payload.ast, {
-    JSXElement: (path6) => {
-      if (getJsxElementName(path6)?.toLowerCase() === "html") {
+    JSXElement: (path7) => {
+      if (getJsxElementName(path7)?.toLowerCase() === "html") {
         const mode = getModuleExecutionMode(payload.ast, payload.params.rsc);
         const packagePath = mode === "client" ? "lingo.dev/react/client" /* ReactClient */ : "lingo.dev/react/rsc" /* ReactRSC */;
         const lingoHtmlComponentImport = getOrCreateImport(payload.ast, {
           moduleName: packagePath,
           exportedName: "LingoHtmlComponent"
         });
-        path6.node.openingElement.name = t15.jsxIdentifier(
+        path7.node.openingElement.name = t15.jsxIdentifier(
           lingoHtmlComponentImport.importedName
         );
-        if (path6.node.closingElement) {
-          path6.node.closingElement.name = t15.jsxIdentifier(
+        if (path7.node.closingElement) {
+          path7.node.closingElement.name = t15.jsxIdentifier(
             lingoHtmlComponentImport.importedName
           );
         }
-        path6.skip();
+        path7.skip();
       }
     }
   });
@@ -1942,18 +1968,22 @@ function jsxAttributeScopesExportMutation(payload) {
   for (const [scope, attributes] of attributeScopes) {
     for (const attributeDefinition of attributes) {
       const [attribute, scopeKey] = attributeDefinition.split(":");
-      lcp.resetScope(payload.fileKey, scopeKey);
+      lcp.resetScope(payload.relativeFilePath, scopeKey);
       const attributeValue = getJsxAttributeValue(scope, attribute);
       if (!attributeValue) {
         continue;
       }
-      lcp.setScopeType(payload.fileKey, scopeKey, "attribute");
+      lcp.setScopeType(payload.relativeFilePath, scopeKey, "attribute");
       const hash = getJsxAttributeValueHash(String(attributeValue));
-      lcp.setScopeHash(payload.fileKey, scopeKey, hash);
-      lcp.setScopeContext(payload.fileKey, scopeKey, "");
-      lcp.setScopeSkip(payload.fileKey, scopeKey, false);
-      lcp.setScopeOverrides(payload.fileKey, scopeKey, {});
-      lcp.setScopeContent(payload.fileKey, scopeKey, String(attributeValue));
+      lcp.setScopeHash(payload.relativeFilePath, scopeKey, hash);
+      lcp.setScopeContext(payload.relativeFilePath, scopeKey, "");
+      lcp.setScopeSkip(payload.relativeFilePath, scopeKey, false);
+      lcp.setScopeOverrides(payload.relativeFilePath, scopeKey, {});
+      lcp.setScopeContent(
+        payload.relativeFilePath,
+        scopeKey,
+        String(attributeValue)
+      );
     }
   }
   lcp.save();
@@ -1970,22 +2000,22 @@ var WHITESPACE_PLACEHOLDER = "[lingo-whitespace-placeholder]";
 function extractJsxContent(nodePath, replaceWhitespacePlaceholders = true) {
   const chunks = [];
   nodePath.traverse({
-    JSXElement(path6) {
-      if (path6.parent === nodePath.node) {
-        const content = extractJsxContent(path6, false);
-        const name = getJsxElementName(path6);
+    JSXElement(path7) {
+      if (path7.parent === nodePath.node) {
+        const content = extractJsxContent(path7, false);
+        const name = getJsxElementName(path7);
         chunks.push(`<element:${name}>${content}</element:${name}>`);
-        path6.skip();
+        path7.skip();
       }
     },
-    JSXText(path6) {
-      chunks.push(path6.node.value);
+    JSXText(path7) {
+      chunks.push(path7.node.value);
     },
-    JSXExpressionContainer(path6) {
-      if (path6.parent !== nodePath.node) {
+    JSXExpressionContainer(path7) {
+      if (path7.parent !== nodePath.node) {
         return;
       }
-      const expr = path6.node.expression;
+      const expr = path7.node.expression;
       if (t16.isCallExpression(expr)) {
         let key = "";
         if (t16.isIdentifier(expr.callee)) {
@@ -2031,12 +2061,12 @@ function extractJsxContent(nodePath, replaceWhitespacePlaceholders = true) {
           parts.unshift(current.name);
           chunks.push(`{${parts.join(".").replaceAll(".[", "[")}}`);
         }
-      } else if (isWhitespace(path6)) {
+      } else if (isWhitespace(path7)) {
         chunks.push(WHITESPACE_PLACEHOLDER);
-      } else if (isExpression2(path6)) {
+      } else if (isExpression2(path7)) {
         chunks.push("<expression/>");
       }
-      path6.skip();
+      path7.skip();
     }
   });
   const result = chunks.join("");
@@ -2084,21 +2114,29 @@ function jsxScopesExportMutation(payload) {
   });
   for (const scope of scopes) {
     const scopeKey = getAstKey(scope);
-    lcp.resetScope(payload.fileKey, scopeKey);
-    lcp.setScopeType(payload.fileKey, scopeKey, "element");
+    lcp.resetScope(payload.relativeFilePath, scopeKey);
+    lcp.setScopeType(payload.relativeFilePath, scopeKey, "element");
     const hash = getJsxElementHash(scope);
-    lcp.setScopeHash(payload.fileKey, scopeKey, hash);
+    lcp.setScopeHash(payload.relativeFilePath, scopeKey, hash);
     const context = getJsxAttributeValue(scope, "data-lingo-context");
-    lcp.setScopeContext(payload.fileKey, scopeKey, String(context || ""));
+    lcp.setScopeContext(
+      payload.relativeFilePath,
+      scopeKey,
+      String(context || "")
+    );
     const skip = getJsxAttributeValue(scope, "data-lingo-skip");
-    lcp.setScopeSkip(payload.fileKey, scopeKey, Boolean(skip || false));
+    lcp.setScopeSkip(
+      payload.relativeFilePath,
+      scopeKey,
+      Boolean(skip || false)
+    );
     const attributesMap = getJsxAttributesMap(scope);
     const overrides = _10.chain(attributesMap).entries().filter(
       ([attributeKey]) => attributeKey.startsWith("data-lingo-override-")
     ).map(([k, v]) => [k.split("data-lingo-override-")[1], v]).filter(([k]) => !!k).filter(([, v]) => !!v).fromPairs().value();
-    lcp.setScopeOverrides(payload.fileKey, scopeKey, overrides);
+    lcp.setScopeOverrides(payload.relativeFilePath, scopeKey, overrides);
     const content = extractJsxContent(scope);
-    lcp.setScopeContent(payload.fileKey, scopeKey, content);
+    lcp.setScopeContent(payload.relativeFilePath, scopeKey, content);
   }
   lcp.save();
   return payload;
@@ -2135,7 +2173,7 @@ var lingoJsxAttributeScopeInjectMutation = createCodeMutation(
       jsxScope.node.openingElement.attributes.push(
         t17.jsxAttribute(
           t17.jsxIdentifier("$fileKey"),
-          t17.stringLiteral(payload.fileKey)
+          t17.stringLiteral(payload.relativeFilePath)
         )
       );
       jsxScope.node.openingElement.attributes.push(
@@ -2187,14 +2225,14 @@ import * as t18 from "@babel/types";
 var getJsxVariables = (nodePath) => {
   const variables = /* @__PURE__ */ new Set();
   nodePath.traverse({
-    JSXOpeningElement(path6) {
-      path6.skip();
+    JSXOpeningElement(path7) {
+      path7.skip();
     },
-    JSXExpressionContainer(path6) {
-      if (t18.isIdentifier(path6.node.expression)) {
-        variables.add(path6.node.expression.name);
-      } else if (t18.isMemberExpression(path6.node.expression)) {
-        let current = path6.node.expression;
+    JSXExpressionContainer(path7) {
+      if (t18.isIdentifier(path7.node.expression)) {
+        variables.add(path7.node.expression.name);
+      } else if (t18.isMemberExpression(path7.node.expression)) {
+        let current = path7.node.expression;
         const parts = [];
         while (t18.isMemberExpression(current)) {
           if (t18.isIdentifier(current.property)) {
@@ -2211,7 +2249,7 @@ var getJsxVariables = (nodePath) => {
           variables.add(parts.join(".").replaceAll(".[", "["));
         }
       }
-      path6.skip();
+      path7.skip();
     }
   });
   const properties = Array.from(variables).map(
@@ -2227,16 +2265,16 @@ var getJsxFunctions = (nodePath) => {
   const functions = /* @__PURE__ */ new Map();
   let fnCounter = 0;
   nodePath.traverse({
-    JSXOpeningElement(path6) {
-      path6.skip();
+    JSXOpeningElement(path7) {
+      path7.skip();
     },
-    JSXExpressionContainer(path6) {
-      if (t19.isCallExpression(path6.node.expression)) {
+    JSXExpressionContainer(path7) {
+      if (t19.isCallExpression(path7.node.expression)) {
         let key = "";
-        if (t19.isIdentifier(path6.node.expression.callee)) {
-          key = `${path6.node.expression.callee.name}`;
-        } else if (t19.isMemberExpression(path6.node.expression.callee)) {
-          let firstCallee = path6.node.expression.callee;
+        if (t19.isIdentifier(path7.node.expression.callee)) {
+          key = `${path7.node.expression.callee.name}`;
+        } else if (t19.isMemberExpression(path7.node.expression.callee)) {
+          let firstCallee = path7.node.expression.callee;
           while (t19.isMemberExpression(firstCallee) && t19.isCallExpression(firstCallee.object)) {
             firstCallee = firstCallee.object.callee;
           }
@@ -2257,10 +2295,10 @@ var getJsxFunctions = (nodePath) => {
           key = parts.join(".");
         }
         const existing = functions.get(key) ?? [];
-        functions.set(key, [...existing, path6.node.expression]);
+        functions.set(key, [...existing, path7.node.expression]);
         fnCounter++;
       }
-      path6.skip();
+      path7.skip();
     }
   });
   const properties = Array.from(functions.entries()).map(
@@ -2274,15 +2312,15 @@ import * as t20 from "@babel/types";
 var getJsxExpressions = (nodePath) => {
   const expressions = [];
   nodePath.traverse({
-    JSXOpeningElement(path6) {
-      path6.skip();
+    JSXOpeningElement(path7) {
+      path7.skip();
     },
-    JSXExpressionContainer(path6) {
-      const expr = path6.node.expression;
+    JSXExpressionContainer(path7) {
+      const expr = path7.node.expression;
       if (!t20.isJSXEmptyExpression(expr) && !t20.isIdentifier(expr) && !t20.isMemberExpression(expr) && !t20.isCallExpression(expr) && !(t20.isStringLiteral(expr) && expr.value === " ")) {
         expressions.push(expr);
       }
-      path6.skip();
+      path7.skip();
     }
   });
   return t20.arrayExpression(expressions);
@@ -2312,7 +2350,7 @@ var lingoJsxScopeInjectMutation = createCodeMutation((payload) => {
     originalAttributes.push(
       t21.jsxAttribute(
         t21.jsxIdentifier("$fileKey"),
-        t21.stringLiteral(payload.fileKey)
+        t21.stringLiteral(payload.relativeFilePath)
       )
     );
     originalAttributes.push(
@@ -2407,8 +2445,8 @@ var jsxRemoveAttributesMutation = createCodeMutation(
       "data-jsx-attribute-scope"
     ];
     traverse9(payload.ast, {
-      JSXElement(path6) {
-        const openingElement = path6.node.openingElement;
+      JSXElement(path7) {
+        const openingElement = path7.node.openingElement;
         openingElement.attributes = openingElement.attributes.filter((attr) => {
           const removeAttr = t22.isJSXAttribute(attr) && t22.isJSXIdentifier(attr.name) && ATTRIBUTES_TO_REMOVE.includes(attr.name.name);
           return !removeAttr;
@@ -2422,18 +2460,8 @@ var jsxRemoveAttributesMutation = createCodeMutation(
 );
 
 // src/client-dictionary-loader.ts
-import path4 from "path";
 import * as t23 from "@babel/types";
 var clientDictionaryLoaderMutation = createCodeMutation((payload) => {
-  const lingoDir = path4.resolve(
-    process.cwd(),
-    payload.params.sourceRoot,
-    payload.params.lingoDir
-  );
-  const currentDir = path4.dirname(
-    path4.resolve(process.cwd(), payload.params.sourceRoot, payload.fileKey)
-  );
-  const relativeLingoPath = path4.relative(currentDir, lingoDir);
   const invokations = findInvokations(payload.ast, {
     moduleName: "lingo.dev/react/client" /* ReactClient */,
     functionName: "loadDictionary"
@@ -2449,6 +2477,11 @@ var clientDictionaryLoaderMutation = createCodeMutation((payload) => {
     if (t23.isIdentifier(invokation.callee)) {
       invokation.callee.name = internalDictionaryLoader.importedName;
     }
+    const dictionaryPath = getDictionaryPath({
+      sourceRoot: payload.params.sourceRoot,
+      lingoDir: payload.params.lingoDir,
+      relativeFilePath: payload.relativeFilePath
+    });
     const localeImportMap = t23.objectExpression(
       allLocales.map(
         (locale) => t23.objectProperty(
@@ -2456,9 +2489,7 @@ var clientDictionaryLoaderMutation = createCodeMutation((payload) => {
           t23.arrowFunctionExpression(
             [],
             t23.callExpression(t23.identifier("import"), [
-              t23.stringLiteral(
-                `./${relativeLingoPath}/${LCP_DICTIONARY_FILE_NAME}?locale=${locale}`
-              )
+              t23.stringLiteral(`${dictionaryPath}?locale=${locale}`)
             ])
           )
         )
@@ -2543,7 +2574,7 @@ var unplugin = createUnplugin(
           const result = _11.chain({
             code,
             params,
-            fileKey: path5.relative(path5.resolve(process.cwd(), params.sourceRoot), id).split(path5.sep).join("/")
+            relativeFilePath: path6.relative(path6.resolve(process.cwd(), params.sourceRoot), id).split(path6.sep).join("/")
             // Always normalize for consistent dictionaries
           }).thru(createPayload).thru(
             composeMutations(
@@ -2614,8 +2645,8 @@ function validateLLMKeyDetails(models) {
     const details = providerDetails[providerId];
     const checkers = keyCheckers[providerId];
     if (!details || !checkers) continue;
-    const foundInEnv = checkers.checkEnv() !== void 0;
-    const foundInRc = checkers.checkRc() !== void 0;
+    const foundInEnv = !!checkers.checkEnv();
+    const foundInRc = !!checkers.checkRc();
     keyStatuses[providerId] = { foundInEnv, foundInRc, details };
     if (!foundInEnv && !foundInRc) {
       missingProviders.push(providerId);