@salesforce/vite-plugin-webapp-experimental 1.114.0 → 1.116.0

package/dist/babel/reactDesignTimeLocatorBabelPlugin.d.ts

@@ -3,19 +3,6 @@
  * All rights reserved.
  * For full license text, see the LICENSE.txt file
  */
-/**
- * React design-time Babel plugin.
- *
- * Injects DOM-locating and text metadata attributes into HTML JSX elements at compile-time.
- *
- * Attributes injected (when location is available):
- * - data-source-file="<file_path>:<line>:<col>"
- *
- * Optional text metadata:
- * - data-text-type: none | static | dynamic | mixed | element
- *
- * NOTE: This is a Babel plugin. In this repo it's run via a Vite `transform` hook.
- */
 declare const reactDesignTimeLocatorBabelPlugin: (api: object, options: Record<string, any> | null | undefined, dirname: string) => {
     name: string;
     visitor: {

package/dist/babel/reactDesignTimeLocatorBabelPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reactDesignTimeLocatorBabelPlugin.d.ts","sourceRoot":"","sources":["../../src/babel/reactDesignTimeLocatorBabelPlugin.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,iCAAiC;;;iEAiCnB,GAAG,SAAS,GAAG;;CAwEjC,CAAC;AAEH,eAAe,iCAAiC,CAAC"}
+{"version":3,"file":"reactDesignTimeLocatorBabelPlugin.d.ts","sourceRoot":"","sources":["../../src/babel/reactDesignTimeLocatorBabelPlugin.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AA4CH,QAAA,MAAM,iCAAiC;;;iEAiCnB,GAAG,SAAS,GAAG;;CA0EjC,CAAC;AAEH,eAAe,iCAAiC,CAAC"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,OAAO,KAAK,EAAqB,MAAM,EAAiB,MAAM,MAAM,CAAC;AAUrE,MAAM,WAAW,aAAa;IAC7B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;CAClC;AAID,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,OAAO,GAAE,aAAkB,GAAG,MAAM,EAAE,CAkQ3E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,OAAO,KAAK,EAAqB,MAAM,EAAiB,MAAM,MAAM,CAAC;AAUrE,MAAM,WAAW,aAAa;IAC7B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;CAClC;AAID,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,OAAO,GAAE,aAAkB,GAAG,MAAM,EAAE,CAyQ3E"}

package/dist/index.js

@@ -1,7 +1,23 @@
+import fs from "node:fs";
 import { loadManifest, getOrgInfo } from "@salesforce/webapp-experimental/app";
 import { getDesignModeScriptContent } from "@salesforce/webapp-experimental/design";
 import { createProxyHandler, injectLivePreviewScript } from "@salesforce/webapp-experimental/proxy";
 import { declare } from "@babel/helper-plugin-utils";
+function resolveColumn(loc, babelCode, originalSource) {
+  if (!originalSource || !babelCode) return loc.column;
+  const babelLine = babelCode.split("\n")[loc.line - 1];
+  const originalLine = originalSource.split("\n")[loc.line - 1];
+  if (!babelLine || !originalLine) return loc.column;
+  const contentFromColumn = babelLine.slice(loc.column);
+  if (contentFromColumn) {
+    const idx = originalLine.indexOf(contentFromColumn);
+    if (idx >= 0) return idx;
+  }
+  const babelIndent = babelLine.length - babelLine.trimStart().length;
+  const originalIndent = originalLine.length - originalLine.trimStart().length;
+  const offset = babelIndent - originalIndent;
+  return Math.max(0, loc.column - offset);
+}
 const reactDesignTimeLocatorBabelPlugin = declare((api) => {
   api.assertVersion(7);
   const t = api.types;
@@ -62,7 +78,9 @@ const reactDesignTimeLocatorBabelPlugin = declare((api) => {
         }
         const loc = path.node.loc;
         if (loc?.start) {
-          const source = `${filename}:${loc.start.line}:${loc.start.column}`;
+          const originalSource = state.opts?.originalSource;
+          const column = resolveColumn(loc.start, state.file?.code, originalSource);
+          const source = `${filename}:${loc.start.line}:${column}`;
           addAttr(openingElement, "data-source-file", source);
         }
         addAttr(openingElement, "data-text-type", textType);
@@ -269,6 +287,11 @@ function webappsPlugin(options = {}) {
       if (filepath.includes("node_modules")) return null;
       const excludePaths = options.designModeExcludePaths ?? ["/components/ui/"];
       if (excludePaths.some((p) => filepath.includes(p))) return null;
+      let originalSource;
+      try {
+        originalSource = fs.readFileSync(filepath, "utf-8");
+      } catch {
+      }
       const { transformAsync } = await import("@babel/core");
       const result = await transformAsync(code, {
         filename: filepath,
@@ -279,7 +302,7 @@ function webappsPlugin(options = {}) {
           sourceType: "module",
           plugins: isTsx ? ["jsx", "typescript"] : ["jsx"]
         },
-        plugins: [[reactDesignTimeLocatorBabelPlugin, { excludePaths }]]
+        plugins: [[reactDesignTimeLocatorBabelPlugin, { excludePaths, originalSource }]]
       });
       if (!result?.code) return null;
       return { code: result.code, map: result.map };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@salesforce/vite-plugin-webapp-experimental",
   "description": "[experimental] Vite plugin for Salesforce Web Applications",
-  "version": "1.114.0",
+  "version": "1.116.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "type": "module",
   "main": "./dist/index.js",
@@ -28,7 +28,7 @@
   "dependencies": {
     "@babel/core": "^7.28.4",
     "@babel/helper-plugin-utils": "^7.28.3",
-    "@salesforce/webapp-experimental": "^1.114.0"
+    "@salesforce/webapp-experimental": "^1.116.0"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",