Improve tracking of applied plugin data (#268)

Author: bheston

change/@adaptive-web-adaptive-ui-designer-core-be44768f-8691-4d5f-a685-254d5d53400b.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Improve tracking of applied plugin data",
+  "packageName": "@adaptive-web/adaptive-ui-designer-core",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@adaptive-web-adaptive-ui-designer-figma-7bed13ad-4844-42eb-9f20-6cd57e65a3c5.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Improve tracking of applied plugin data",
+  "packageName": "@adaptive-web/adaptive-ui-designer-figma",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

package-lock.json

@@ -33,7 +33,8 @@
   "homepage": "https://github.com/adaptive-web-community/adaptive-web-components#readme",
   "dependencies": {
     "@adaptive-web/adaptive-ui": "^0.12.0",
-    "@microsoft/fast-foundation": "^3.0.0-alpha.31"
+    "@microsoft/fast-foundation": "^3.0.0-alpha.31",
+    "@types/culori": "^2.0.0"
   },
   "devDependencies": {
     "rimraf": "^3.0.2",

packages/adaptive-ui-designer-core/package.json

@@ -27,20 +27,20 @@ export abstract class Controller {
 
     /**
      * Gets a Node from the design tool by ID.
-     * @param id The ID of the node.
+     * @param id - The ID of the node.
      * @returns The PluginNode or null if no node by the provided ID exists.
      */
     public abstract getNode(id: string): Promise<PluginNode | null>;
 
     /**
      * Provides the state object to the UI component and updates the UI.
-     * @param state The UI state object.
+     * @param state - The UI state object.
      */
     protected abstract sendStateToUI(state: PluginUIState): void;
 
     /**
      * Sets the selected node IDs - Setting the IDs will trigger a UI refresh.
-     * @param ids The node IDs.
+     * @param ids - The node IDs.
      */
     public async setSelectedNodes(ids: string[]): Promise<void> {
         Controller.nodeCount = 0;
@@ -60,7 +60,7 @@ export abstract class Controller {
 
     /**
      * Handle the updated state that's posted from the UI.
-     * @param state The state from the UI.
+     * @param state - The state from the UI.
      */
     public async receiveStateFromUI(state: PluginUIState): Promise<void> {
         // console.log("--------------------------------");

packages/adaptive-ui-designer-core/src/controller.ts

@@ -14,6 +14,6 @@ export {
     DesignTokenValues
 } from "./model.js";
 export { mapReplacer, mapReviver, deserializeMap, serializeMap } from "./serialization.js";
-export { State, StatesState, PluginNode, focusIndicatorNodeName, } from "./node.js";
+export { State, StatesState, PluginNode, PluginNodeDataAccessor, focusIndicatorNodeName, } from "./node.js";
 export { AdaptiveDesignToken, AdaptiveDesignTokenOrGroup, DesignTokenRegistry } from "./registry/design-token-registry.js";
 export { registerAppliableTokens, registerTokens } from "./registry/recipes.js";

packages/adaptive-ui-designer-core/src/index.ts

@@ -64,7 +64,7 @@ export class DesignTokenValue {
  * A token + value pair from an applied design token.
  */
 export class AppliedDesignToken {
-    constructor(public tokenID: string, public value: string) {
+    constructor(public tokenID: string) {
     }
 }
 
@@ -89,12 +89,12 @@ export type ReadonlyDesignTokenValues = ReadonlyMap<string, DesignTokenValue>;
 /**
  * Array of style modules applied to the style of a node.
  */
-export class AppliedStyleModules extends Array<string> {}
+export class AppliedStyleModules extends Array<string> {} // TODO This is more accurate as a Set
 
 /**
  * Readonly Array of style modules applied to the style of a node.
  */
-export type ReadonlyAppliedStyleModules = ReadonlyArray<string>;
+export type ReadonlyAppliedStyleModules = ReadonlyArray<string>; // TODO This is more accurate as a Set
 
 /**
  * Map of design tokens applied to the style of a node. The key is the target style property.