@salesforce/webapp-experimental 1.56.1 → 1.58.0

package/dist/design/design-mode-interactions.js

@@ -189,6 +189,10 @@
 
   // src/design/interactions/componentMatcher.ts
   var ComponentMatcher = class {
+    constructor(options = {}) {
+      __publicField(this, "allowlist");
+      this.allowlist = options.allowlist ?? [];
+    }
     /**
      * Check whether an element contains compile-time source metadata attributes.
      * @param element - The element to check
@@ -200,6 +204,9 @@
       }
       return element.hasAttribute("data-source-file");
     }
+    matchesList(element, selectors) {
+      return selectors.some((selector) => element.matches(selector));
+    }
     /**
      * Checks if a label represents a component name (not a fallback like tag name, ID, or text content)
      * @param label - The label to check
@@ -218,7 +225,13 @@
       if (!element || element === document.body || element === document.documentElement) {
         return false;
       }
-      return this.hasSourceMetadata(element);
+      if (!this.hasSourceMetadata(element)) {
+        return false;
+      }
+      if (this.allowlist.length > 0) {
+        return this.matchesList(element, this.allowlist);
+      }
+      return true;
     }
     /**
      * Find the nearest highlightable element by walking up the DOM tree
@@ -545,7 +558,43 @@
       __publicField(this, "eventHandlers");
       this.enabled = enabled;
       this.isActive = false;
-      this.componentMatcher = new ComponentMatcher();
+      this.componentMatcher = new ComponentMatcher({
+        allowlist: [
+          "div",
+          "p",
+          "span",
+          "h1",
+          "h2",
+          "h3",
+          "h4",
+          "h5",
+          "h6",
+          "a",
+          "button",
+          "input",
+          "select",
+          "textarea",
+          "label",
+          "section",
+          "article",
+          "main",
+          "aside",
+          "header",
+          "footer",
+          "nav",
+          "figure",
+          "figcaption",
+          "ul",
+          "ol",
+          "li",
+          "table",
+          "tr",
+          "td",
+          "th",
+          "blockquote",
+          "img"
+        ]
+      });
       this.styleManager = new StyleManager();
       this.communicationManager = new CommunicationManager();
       this.editableManager = new EditableManager(this.communicationManager);

package/dist/design/interactions/componentMatcher.d.ts

@@ -7,13 +7,19 @@
  * Component Matcher Module
  * Handles mapping DOM elements to source-locatable elements (data-source-*).
  */
+export interface ComponentMatcherOptions {
+    allowlist?: string[];
+}
 export declare class ComponentMatcher {
+    private allowlist;
+    constructor(options?: ComponentMatcherOptions);
     /**
      * Check whether an element contains compile-time source metadata attributes.
      * @param element - The element to check
      * @returns True if the data-source-file attribute is present
      */
     hasSourceMetadata(element: HTMLElement | null | undefined): boolean;
+    private matchesList;
     /**
      * Checks if a label represents a component name (not a fallback like tag name, ID, or text content)
      * @param label - The label to check

package/dist/design/interactions/componentMatcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"componentMatcher.d.ts","sourceRoot":"","sources":["../../../src/design/interactions/componentMatcher.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;GAGG;AAEH,qBAAa,gBAAgB;IAC5B;;;;OAIG;IACH,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO;IAOnE;;;;;OAKG;IACH,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO;IAM7D;;;;OAIG;IACH,sBAAsB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO;IAOxE;;;;OAIG;IACH,wBAAwB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,WAAW,GAAG,IAAI;CA0BpF"}
+{"version":3,"file":"componentMatcher.d.ts","sourceRoot":"","sources":["../../../src/design/interactions/componentMatcher.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;GAGG;AAEH,MAAM,WAAW,uBAAuB;IAEvC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,qBAAa,gBAAgB;IAC5B,OAAO,CAAC,SAAS,CAAW;gBAEhB,OAAO,GAAE,uBAA4B;IAIjD;;;;OAIG;IACH,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO;IAOnE,OAAO,CAAC,WAAW;IAInB;;;;;OAKG;IACH,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO;IAM7D;;;;OAIG;IACH,sBAAsB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO;IAgBxE;;;;OAIG;IACH,wBAAwB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,WAAW,GAAG,IAAI;CA0BpF"}

package/dist/design/interactions/componentMatcher.js

@@ -3,11 +3,11 @@
  * All rights reserved.
  * For full license text, see the LICENSE.txt file
  */
-/**
- * Component Matcher Module
- * Handles mapping DOM elements to source-locatable elements (data-source-*).
- */
 export class ComponentMatcher {
+    allowlist;
+    constructor(options = {}) {
+        this.allowlist = options.allowlist ?? [];
+    }
     /**
      * Check whether an element contains compile-time source metadata attributes.
      * @param element - The element to check
@@ -19,6 +19,9 @@ export class ComponentMatcher {
         }
         return element.hasAttribute("data-source-file");
     }
+    matchesList(element, selectors) {
+        return selectors.some((selector) => element.matches(selector));
+    }
     /**
      * Checks if a label represents a component name (not a fallback like tag name, ID, or text content)
      * @param label - The label to check
@@ -37,7 +40,13 @@ export class ComponentMatcher {
         if (!element || element === document.body || element === document.documentElement) {
             return false;
         }
-        return this.hasSourceMetadata(element);
+        if (!this.hasSourceMetadata(element)) {
+            return false;
+        }
+        if (this.allowlist.length > 0) {
+            return this.matchesList(element, this.allowlist);
+        }
+        return true;
     }
     /**
      * Find the nearest highlightable element by walking up the DOM tree

package/dist/design/interactions/interactionsController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interactionsController.d.ts","sourceRoot":"","sources":["../../../src/design/interactions/interactionsController.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAaH,qBAAa,sBAAsB;IAClC,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,oBAAoB,CAAuB;IACnD,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,aAAa,CAAgB;gBAEzB,OAAO,UAAO;IAmB1B;;OAEG;IACH,UAAU,IAAI,IAAI;IAiBlB;;OAEG;IACH,MAAM,IAAI,IAAI;IAKd;;OAEG;IACH,OAAO,IAAI,IAAI;IAMf;;;;OAIG;IACH,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAOvD;;OAEG;IACH,OAAO,IAAI,IAAI;CAOf"}
+{"version":3,"file":"interactionsController.d.ts","sourceRoot":"","sources":["../../../src/design/interactions/interactionsController.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAaH,qBAAa,sBAAsB;IAClC,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,oBAAoB,CAAuB;IACnD,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,aAAa,CAAgB;gBAEzB,OAAO,UAAO;IAwD1B;;OAEG;IACH,UAAU,IAAI,IAAI;IAiBlB;;OAEG;IACH,MAAM,IAAI,IAAI;IAKd;;OAEG;IACH,OAAO,IAAI,IAAI;IAMf;;;;OAIG;IACH,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAOvD;;OAEG;IACH,OAAO,IAAI,IAAI;CAOf"}

package/dist/design/interactions/interactionsController.js

@@ -24,7 +24,43 @@ export class InteractionsController {
         this.enabled = enabled;
         this.isActive = false;
         // Initialize modules
-        this.componentMatcher = new ComponentMatcher();
+        this.componentMatcher = new ComponentMatcher({
+            allowlist: [
+                "div",
+                "p",
+                "span",
+                "h1",
+                "h2",
+                "h3",
+                "h4",
+                "h5",
+                "h6",
+                "a",
+                "button",
+                "input",
+                "select",
+                "textarea",
+                "label",
+                "section",
+                "article",
+                "main",
+                "aside",
+                "header",
+                "footer",
+                "nav",
+                "figure",
+                "figcaption",
+                "ul",
+                "ol",
+                "li",
+                "table",
+                "tr",
+                "td",
+                "th",
+                "blockquote",
+                "img",
+            ],
+        });
         this.styleManager = new StyleManager();
         this.communicationManager = new CommunicationManager();
         this.editableManager = new EditableManager(this.communicationManager);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@salesforce/webapp-experimental",
   "description": "[experimental] Core package for Salesforce Web Applications",
-  "version": "1.56.1",
+  "version": "1.58.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "type": "module",
   "main": "./dist/index.js",
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "@salesforce/core": "^8.23.4",
-    "@salesforce/sdk-data": "^1.56.1",
+    "@salesforce/sdk-data": "^1.58.0",
     "axios": "^1.7.7",
     "micromatch": "^4.0.8",
     "path-to-regexp": "^8.3.0"
@@ -61,5 +61,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c900d757a03250a770c5312dbef2013de91e7bb3"
+  "gitHead": "444ed5b9e2ae4154064d316b06ce9a8be6831b0c"
 }