@salesforce/vite-plugin-ui-bundle 10.1.0 → 10.2.1

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"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;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,OAAO,GAAE,aAAkB,GAAG,MAAM,EAAE,CAkR5E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,OAAO,KAAK,EAAqB,MAAM,EAAiB,MAAM,MAAM,CAAC;AASrE,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;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,OAAO,GAAE,aAAkB,GAAG,MAAM,EAAE,CAkR5E"}

package/dist/index.js

@@ -1,93 +1,8 @@
 import fs from "node:fs";
 import { loadManifest, getOrgInfo } from "@salesforce/ui-bundle/app";
-import { getDesignModeScriptContent } from "@salesforce/ui-bundle/design";
 import { createProxyHandler, injectLivePreviewScript } from "@salesforce/ui-bundle/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;
-  function isReactFragmentName(nameNode) {
-    if (t.isJSXIdentifier(nameNode) && nameNode.name === "Fragment") return true;
-    if (t.isJSXMemberExpression(nameNode) && t.isJSXIdentifier(nameNode.object, { name: "React" }) && t.isJSXIdentifier(nameNode.property, { name: "Fragment" })) {
-      return true;
-    }
-    return false;
-  }
-  function hasAttr(openingElement, name) {
-    return openingElement.attributes.some((attr) => {
-      return t.isJSXAttribute(attr) && t.isJSXIdentifier(attr.name) && attr.name.name === name;
-    });
-  }
-  function addAttr(openingElement, name, value) {
-    if (hasAttr(openingElement, name)) return;
-    openingElement.attributes.push(
-      t.jsxAttribute(t.jsxIdentifier(name), t.stringLiteral(String(value)))
-    );
-  }
-  return {
-    name: "babel-plugin-react-design-time-locator",
-    visitor: {
-      JSXElement(path, state) {
-        const openingElement = path.node.openingElement;
-        if (isReactFragmentName(openingElement.name)) return;
-        if (!t.isJSXIdentifier(openingElement.name) && !t.isJSXMemberExpression(openingElement.name)) {
-          return;
-        }
-        let tagHead = "";
-        if (t.isJSXIdentifier(openingElement.name)) {
-          tagHead = openingElement.name.name;
-        } else if (t.isJSXMemberExpression(openingElement.name)) {
-          tagHead = openingElement.name.property?.name ?? "";
-        }
-        if (!tagHead) return;
-        const filename = state?.file?.opts?.filename;
-        if (!filename || filename.includes("node_modules")) return;
-        const excludePaths = state.opts?.excludePaths ?? [];
-        if (excludePaths.some((p) => filename.includes(p))) return;
-        const children = path.node.children ?? [];
-        const relevantChildren = children.filter((child) => {
-          return !(t.isJSXText(child) && child.value.trim() === "");
-        });
-        let textType = "none";
-        if (relevantChildren.length === 1) {
-          const child = relevantChildren[0];
-          if (t.isJSXText(child)) {
-            textType = "static";
-          } else if (t.isJSXExpressionContainer(child)) {
-            textType = "dynamic";
-          } else {
-            textType = "element";
-          }
-        } else if (relevantChildren.length > 1) {
-          textType = "mixed";
-        }
-        const loc = path.node.loc;
-        if (loc?.start) {
-          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);
-      }
-    }
-  };
-});
+import { getRuntimeScriptContent } from "@salesforce/ui-design-mode/runtime";
+import reactDesignTimeLocatorBabelPlugin from "@salesforce/ui-design-mode/source-locator/react";
 const DEFAULT_PORT = 5173;
 const DEFAULT_API_VERSION = "65.0";
 function getCodeBuilderBasePath(proxyUri, port) {
@@ -261,7 +176,7 @@ function uiBundlePlugin(options = {}) {
         const urlPath = stripUrlQuery(req.url);
         if (urlPath.endsWith("/_sfdc/design-mode-interactions.js")) {
           try {
-            const script = getDesignModeScriptContent();
+            const script = getRuntimeScriptContent();
             if (script !== null) {
               res.setHeader("Content-Type", "application/javascript");
               res.setHeader("Cache-Control", "no-cache");
@@ -269,7 +184,7 @@ function uiBundlePlugin(options = {}) {
               return;
             }
             console.error(
-              `[ui-bundle-plugin] Design mode script not found. Run 'npm run build:design' in @salesforce/ui-bundle.`
+              `[ui-bundle-plugin] Design mode runtime script not found. Run 'npm run build' in @salesforce/ui-design-mode.`
             );
             res.writeHead(404);
             res.end("Design mode script not found");

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@salesforce/vite-plugin-ui-bundle",
   "description": "Vite plugin for Salesforce UI Bundles",
-  "version": "10.1.0",
+  "version": "10.2.1",
   "license": "SEE LICENSE IN LICENSE.txt",
   "type": "module",
   "main": "./dist/index.js",
@@ -27,12 +27,11 @@
   },
   "dependencies": {
     "@babel/core": "^7.28.4",
-    "@babel/helper-plugin-utils": "^7.28.3",
-    "@salesforce/ui-bundle": "^10.1.0"
+    "@salesforce/ui-bundle": "^10.2.1",
+    "@salesforce/ui-design-mode": "^10.2.1"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
-    "@types/babel__helper-plugin-utils": "^7.10.3",
     "vite": "^7.0.0",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.6"

package/dist/babel/reactDesignTimeLocatorBabelPlugin.d.ts

@@ -1,13 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-declare const reactDesignTimeLocatorBabelPlugin: (api: object, options: Record<string, any> | null | undefined, dirname: string) => {
-    name: string;
-    visitor: {
-        JSXElement(this: import('@babel/core').PluginPass, path: any, state: any): void;
-    };
-};
-export default reactDesignTimeLocatorBabelPlugin;
-//# sourceMappingURL=reactDesignTimeLocatorBabelPlugin.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}