@player-devtools/basic-plugin 0.0.2-next.0

package/dist/cjs/index.cjs

@@ -0,0 +1,143 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/basic/core/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  BasicDevtoolsPlugin: () => BasicDevtoolsPlugin
+});
+module.exports = __toCommonJS(src_exports);
+
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/basic/core/src/plugin.ts
+var import_basic_plugin_content = require("@player-devtools/basic-plugin-content");
+var import_plugin = require("@player-devtools/plugin");
+var import_utils = require("@player-devtools/utils");
+var import_immer = require("immer");
+var BasicDevtoolsPlugin = class extends import_plugin.DevtoolsPlugin {
+  constructor(options) {
+    super({
+      ...options,
+      pluginData: import_basic_plugin_content.BasicPluginData
+    });
+    this.name = "BasicDevtoolsPlugin";
+    this.data = {};
+    this.playerConfig = {};
+    this.logs = [];
+  }
+  apply(player) {
+    this.logger = new WeakRef(player.logger);
+    if (!this.checkIfDevtoolsIsActive()) return;
+    this.options.pluginData.flow.data.playerConfig = {
+      version: player.getVersion(),
+      plugins: player.getPlugins().map((plugin) => plugin.name)
+    };
+    super.apply(player);
+    this.playerConfig = {
+      version: player.getVersion(),
+      plugins: player.getPlugins().map((plugin) => plugin.name)
+    };
+    this.dispatchDataUpdate({ playerConfig: this.playerConfig });
+    player.hooks.dataController.tap(this.name, (dataController) => {
+      dataController.hooks.onUpdate.tap(this.name, (updates) => {
+        this.data = (0, import_immer.produce)(this.data, (draft) => {
+          updates.forEach(({ binding, newValue }) => {
+            (0, import_utils.dsetAssign)(draft, ["data", ...binding.asArray()], newValue);
+          });
+        });
+        this.dispatchDataUpdate({ data: this.data });
+      });
+    });
+    player.logger.hooks.log.tap(this.name, (severity, message) => {
+      this.logs = [...this.logs, { severity, message }];
+      this.dispatchDataUpdate({ logs: this.logs });
+    });
+    player.hooks.onStart.tap(this.name, (f) => {
+      this.flow = JSON.parse(JSON.stringify(f));
+      this.dispatchDataUpdate({ flow: this.flow });
+    });
+    player.hooks.view.tap(this.name, (view) => {
+      this.view = new WeakRef(view);
+    });
+    player.hooks.expressionEvaluator.tap(this.name, (evaluator) => {
+      this.expressionEvaluator = new WeakRef(evaluator);
+    });
+    this.overrideFlow = player.start.bind(player);
+  }
+  evaluateExpression(expression) {
+    const evaluator = this.expressionEvaluator?.deref();
+    if (!evaluator) {
+      return {
+        id: (0, import_plugin.generateUUID)(),
+        severity: "error",
+        result: "Expression evaluator not available",
+        expression
+      };
+    }
+    try {
+      evaluator.hooks.onError.intercept({
+        call: (error) => {
+          throw error;
+        }
+      });
+      const evaluatorResult = evaluator.evaluate(expression);
+      return {
+        id: (0, import_plugin.generateUUID)(),
+        result: evaluatorResult,
+        expression
+      };
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error ?? "Something went wrong");
+      return {
+        id: (0, import_plugin.generateUUID)(),
+        severity: "error",
+        result: message,
+        expression
+      };
+    }
+  }
+  processInteraction(interaction) {
+    super.processInteraction(interaction);
+    const {
+      payload: { type, payload }
+    } = interaction;
+    if (type === import_basic_plugin_content.INTERACTIONS.EVALUATE_EXPRESSION && this.expressionEvaluator && payload) {
+      const result = this.evaluateExpression(payload);
+      const current = this.store.getState()?.plugins?.[this.pluginID]?.flow?.data?.history || [];
+      this.dispatchDataUpdate({ history: [...current, result] });
+      return;
+    }
+    if (type === import_basic_plugin_content.INTERACTIONS.OVERRIDE_FLOW && payload && this.overrideFlow) {
+      let newFlow;
+      try {
+        newFlow = JSON.parse(payload);
+      } catch (e) {
+        this.logger?.deref()?.error(this.name, "Error parsing new flow", e);
+      }
+      if (newFlow) {
+        this.overrideFlow(newFlow);
+      }
+      return;
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BasicDevtoolsPlugin
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/basic/core/src/index.ts","../../../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/basic/core/src/plugin.ts"],"sourcesContent":["export { BasicDevtoolsPlugin } from \"./plugin\";\n","import {\n  INTERACTIONS,\n  BasicPluginData,\n} from \"@player-devtools/basic-plugin-content\";\nimport {\n  DevtoolsPlugin,\n  DevtoolsPluginOptions,\n  generateUUID,\n} from \"@player-devtools/plugin\";\nimport type { DevtoolsPluginInteractionEvent } from \"@player-devtools/types\";\nimport { dsetAssign } from \"@player-devtools/utils\";\nimport type {\n  DataController,\n  ExpressionEvaluator,\n  Flow,\n  Player,\n  ViewInstance,\n  Logger,\n} from \"@player-ui/player\";\nimport { produce } from \"immer\";\n\nimport { Evaluation } from \"./types\";\n\n/** Taps into the Player and ReactPlayer hooks and leverage the WrapperComponent to define and process the content. */\nexport class BasicDevtoolsPlugin extends DevtoolsPlugin {\n  constructor(options: Omit<DevtoolsPluginOptions, \"pluginData\">) {\n    super({\n      ...options,\n      pluginData: BasicPluginData,\n    });\n  }\n\n  name = \"BasicDevtoolsPlugin\";\n\n  data: Record<string, unknown> = {};\n\n  playerConfig: Record<string, unknown> = {};\n\n  logs: {\n    severity: string;\n    message: unknown;\n  }[] = [];\n\n  flow?: Flow;\n\n  logger?: WeakRef<Logger>;\n\n  expressionEvaluator?: WeakRef<ExpressionEvaluator>;\n\n  view?: WeakRef<ViewInstance>;\n\n  dataController?: WeakRef<DataController>;\n\n  overrideFlow?: Player[\"start\"];\n\n  apply(player: Player): void {\n    this.logger = new WeakRef(player.logger);\n\n    if (!this.checkIfDevtoolsIsActive()) return;\n\n    this.options.pluginData.flow.data!.playerConfig = {\n      version: player.getVersion(),\n      plugins: player.getPlugins().map((plugin) => plugin.name),\n    };\n\n    super.apply(player);\n\n    // Config\n    this.playerConfig = {\n      version: player.getVersion(),\n      plugins: player.getPlugins().map((plugin) => plugin.name),\n    };\n\n    this.dispatchDataUpdate({ playerConfig: this.playerConfig });\n\n    // Data\n    player.hooks.dataController.tap(this.name, (dataController) => {\n      dataController.hooks.onUpdate.tap(this.name, (updates) => {\n        this.data = produce(this.data, (draft) => {\n          updates.forEach(({ binding, newValue }) => {\n            dsetAssign(draft, [\"data\", ...binding.asArray()], newValue);\n          });\n        });\n\n        this.dispatchDataUpdate({ data: this.data });\n      });\n    });\n\n    player.logger.hooks.log.tap(this.name, (severity, message) => {\n      this.logs = [...this.logs, { severity, message }];\n\n      this.dispatchDataUpdate({ logs: this.logs });\n    });\n\n    // Flow\n    player.hooks.onStart.tap(this.name, (f) => {\n      this.flow = JSON.parse(JSON.stringify(f));\n\n      this.dispatchDataUpdate({ flow: this.flow });\n    });\n\n    // View\n    player.hooks.view.tap(this.name, (view) => {\n      this.view = new WeakRef(view);\n    });\n\n    // Expression evaluator\n    player.hooks.expressionEvaluator.tap(this.name, (evaluator) => {\n      this.expressionEvaluator = new WeakRef(evaluator);\n    });\n\n    // Override flow\n    this.overrideFlow = player.start.bind(player);\n  }\n\n  private evaluateExpression(expression: string): Evaluation {\n    const evaluator = this.expressionEvaluator?.deref();\n\n    if (!evaluator) {\n      return {\n        id: generateUUID(),\n        severity: \"error\",\n        result: \"Expression evaluator not available\",\n        expression,\n      };\n    }\n\n    try {\n      evaluator.hooks.onError.intercept({\n        call: (error: Error) => {\n          throw error;\n        },\n      });\n\n      const evaluatorResult = evaluator.evaluate(expression);\n\n      return {\n        id: generateUUID(),\n        result: evaluatorResult,\n        expression,\n      };\n    } catch (error) {\n      const message =\n        error instanceof Error\n          ? error.message\n          : String(error ?? \"Something went wrong\");\n      return {\n        id: generateUUID(),\n        severity: \"error\",\n        result: message,\n        expression,\n      };\n    }\n  }\n\n  processInteraction(interaction: DevtoolsPluginInteractionEvent): void {\n    // invokes mobile specific handlers\n    super.processInteraction(interaction);\n\n    const {\n      payload: { type, payload },\n    } = interaction;\n    if (\n      type === INTERACTIONS.EVALUATE_EXPRESSION &&\n      this.expressionEvaluator &&\n      payload\n    ) {\n      const result = this.evaluateExpression(payload);\n      const current: Array<Evaluation> =\n        (this.store.getState()?.plugins?.[this.pluginID]?.flow?.data\n          ?.history as Array<Evaluation>) || [];\n\n      this.dispatchDataUpdate({ history: [...current, result] });\n\n      return;\n    }\n\n    if (type === INTERACTIONS.OVERRIDE_FLOW && payload && this.overrideFlow) {\n      let newFlow: Flow | undefined;\n\n      try {\n        newFlow = JSON.parse(payload);\n      } catch (e) {\n        this.logger?.deref()?.error(this.name, \"Error parsing new flow\", e);\n      }\n\n      if (newFlow) {\n        this.overrideFlow(newFlow);\n      }\n\n      return;\n    }\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/index.legacy-esm.js

@@ -0,0 +1,122 @@
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/basic/core/src/plugin.ts
+import {
+  INTERACTIONS,
+  BasicPluginData
+} from "@player-devtools/basic-plugin-content";
+import {
+  DevtoolsPlugin,
+  generateUUID
+} from "@player-devtools/plugin";
+import { dsetAssign } from "@player-devtools/utils";
+import { produce } from "immer";
+var BasicDevtoolsPlugin = class extends DevtoolsPlugin {
+  constructor(options) {
+    super({
+      ...options,
+      pluginData: BasicPluginData
+    });
+    this.name = "BasicDevtoolsPlugin";
+    this.data = {};
+    this.playerConfig = {};
+    this.logs = [];
+  }
+  apply(player) {
+    this.logger = new WeakRef(player.logger);
+    if (!this.checkIfDevtoolsIsActive()) return;
+    this.options.pluginData.flow.data.playerConfig = {
+      version: player.getVersion(),
+      plugins: player.getPlugins().map((plugin) => plugin.name)
+    };
+    super.apply(player);
+    this.playerConfig = {
+      version: player.getVersion(),
+      plugins: player.getPlugins().map((plugin) => plugin.name)
+    };
+    this.dispatchDataUpdate({ playerConfig: this.playerConfig });
+    player.hooks.dataController.tap(this.name, (dataController) => {
+      dataController.hooks.onUpdate.tap(this.name, (updates) => {
+        this.data = produce(this.data, (draft) => {
+          updates.forEach(({ binding, newValue }) => {
+            dsetAssign(draft, ["data", ...binding.asArray()], newValue);
+          });
+        });
+        this.dispatchDataUpdate({ data: this.data });
+      });
+    });
+    player.logger.hooks.log.tap(this.name, (severity, message) => {
+      this.logs = [...this.logs, { severity, message }];
+      this.dispatchDataUpdate({ logs: this.logs });
+    });
+    player.hooks.onStart.tap(this.name, (f) => {
+      this.flow = JSON.parse(JSON.stringify(f));
+      this.dispatchDataUpdate({ flow: this.flow });
+    });
+    player.hooks.view.tap(this.name, (view) => {
+      this.view = new WeakRef(view);
+    });
+    player.hooks.expressionEvaluator.tap(this.name, (evaluator) => {
+      this.expressionEvaluator = new WeakRef(evaluator);
+    });
+    this.overrideFlow = player.start.bind(player);
+  }
+  evaluateExpression(expression) {
+    const evaluator = this.expressionEvaluator?.deref();
+    if (!evaluator) {
+      return {
+        id: generateUUID(),
+        severity: "error",
+        result: "Expression evaluator not available",
+        expression
+      };
+    }
+    try {
+      evaluator.hooks.onError.intercept({
+        call: (error) => {
+          throw error;
+        }
+      });
+      const evaluatorResult = evaluator.evaluate(expression);
+      return {
+        id: generateUUID(),
+        result: evaluatorResult,
+        expression
+      };
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error ?? "Something went wrong");
+      return {
+        id: generateUUID(),
+        severity: "error",
+        result: message,
+        expression
+      };
+    }
+  }
+  processInteraction(interaction) {
+    super.processInteraction(interaction);
+    const {
+      payload: { type, payload }
+    } = interaction;
+    if (type === INTERACTIONS.EVALUATE_EXPRESSION && this.expressionEvaluator && payload) {
+      const result = this.evaluateExpression(payload);
+      const current = this.store.getState()?.plugins?.[this.pluginID]?.flow?.data?.history || [];
+      this.dispatchDataUpdate({ history: [...current, result] });
+      return;
+    }
+    if (type === INTERACTIONS.OVERRIDE_FLOW && payload && this.overrideFlow) {
+      let newFlow;
+      try {
+        newFlow = JSON.parse(payload);
+      } catch (e) {
+        this.logger?.deref()?.error(this.name, "Error parsing new flow", e);
+      }
+      if (newFlow) {
+        this.overrideFlow(newFlow);
+      }
+      return;
+    }
+  }
+};
+export {
+  BasicDevtoolsPlugin
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs

@@ -0,0 +1,122 @@
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/basic/core/src/plugin.ts
+import {
+  INTERACTIONS,
+  BasicPluginData
+} from "@player-devtools/basic-plugin-content";
+import {
+  DevtoolsPlugin,
+  generateUUID
+} from "@player-devtools/plugin";
+import { dsetAssign } from "@player-devtools/utils";
+import { produce } from "immer";
+var BasicDevtoolsPlugin = class extends DevtoolsPlugin {
+  constructor(options) {
+    super({
+      ...options,
+      pluginData: BasicPluginData
+    });
+    this.name = "BasicDevtoolsPlugin";
+    this.data = {};
+    this.playerConfig = {};
+    this.logs = [];
+  }
+  apply(player) {
+    this.logger = new WeakRef(player.logger);
+    if (!this.checkIfDevtoolsIsActive()) return;
+    this.options.pluginData.flow.data.playerConfig = {
+      version: player.getVersion(),
+      plugins: player.getPlugins().map((plugin) => plugin.name)
+    };
+    super.apply(player);
+    this.playerConfig = {
+      version: player.getVersion(),
+      plugins: player.getPlugins().map((plugin) => plugin.name)
+    };
+    this.dispatchDataUpdate({ playerConfig: this.playerConfig });
+    player.hooks.dataController.tap(this.name, (dataController) => {
+      dataController.hooks.onUpdate.tap(this.name, (updates) => {
+        this.data = produce(this.data, (draft) => {
+          updates.forEach(({ binding, newValue }) => {
+            dsetAssign(draft, ["data", ...binding.asArray()], newValue);
+          });
+        });
+        this.dispatchDataUpdate({ data: this.data });
+      });
+    });
+    player.logger.hooks.log.tap(this.name, (severity, message) => {
+      this.logs = [...this.logs, { severity, message }];
+      this.dispatchDataUpdate({ logs: this.logs });
+    });
+    player.hooks.onStart.tap(this.name, (f) => {
+      this.flow = JSON.parse(JSON.stringify(f));
+      this.dispatchDataUpdate({ flow: this.flow });
+    });
+    player.hooks.view.tap(this.name, (view) => {
+      this.view = new WeakRef(view);
+    });
+    player.hooks.expressionEvaluator.tap(this.name, (evaluator) => {
+      this.expressionEvaluator = new WeakRef(evaluator);
+    });
+    this.overrideFlow = player.start.bind(player);
+  }
+  evaluateExpression(expression) {
+    const evaluator = this.expressionEvaluator?.deref();
+    if (!evaluator) {
+      return {
+        id: generateUUID(),
+        severity: "error",
+        result: "Expression evaluator not available",
+        expression
+      };
+    }
+    try {
+      evaluator.hooks.onError.intercept({
+        call: (error) => {
+          throw error;
+        }
+      });
+      const evaluatorResult = evaluator.evaluate(expression);
+      return {
+        id: generateUUID(),
+        result: evaluatorResult,
+        expression
+      };
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error ?? "Something went wrong");
+      return {
+        id: generateUUID(),
+        severity: "error",
+        result: message,
+        expression
+      };
+    }
+  }
+  processInteraction(interaction) {
+    super.processInteraction(interaction);
+    const {
+      payload: { type, payload }
+    } = interaction;
+    if (type === INTERACTIONS.EVALUATE_EXPRESSION && this.expressionEvaluator && payload) {
+      const result = this.evaluateExpression(payload);
+      const current = this.store.getState()?.plugins?.[this.pluginID]?.flow?.data?.history || [];
+      this.dispatchDataUpdate({ history: [...current, result] });
+      return;
+    }
+    if (type === INTERACTIONS.OVERRIDE_FLOW && payload && this.overrideFlow) {
+      let newFlow;
+      try {
+        newFlow = JSON.parse(payload);
+      } catch (e) {
+        this.logger?.deref()?.error(this.name, "Error parsing new flow", e);
+      }
+      if (newFlow) {
+        this.overrideFlow(newFlow);
+      }
+      return;
+    }
+  }
+};
+export {
+  BasicDevtoolsPlugin
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/basic/core/src/plugin.ts"],"sourcesContent":["import {\n  INTERACTIONS,\n  BasicPluginData,\n} from \"@player-devtools/basic-plugin-content\";\nimport {\n  DevtoolsPlugin,\n  DevtoolsPluginOptions,\n  generateUUID,\n} from \"@player-devtools/plugin\";\nimport type { DevtoolsPluginInteractionEvent } from \"@player-devtools/types\";\nimport { dsetAssign } from \"@player-devtools/utils\";\nimport type {\n  DataController,\n  ExpressionEvaluator,\n  Flow,\n  Player,\n  ViewInstance,\n  Logger,\n} from \"@player-ui/player\";\nimport { produce } from \"immer\";\n\nimport { Evaluation } from \"./types\";\n\n/** Taps into the Player and ReactPlayer hooks and leverage the WrapperComponent to define and process the content. */\nexport class BasicDevtoolsPlugin extends DevtoolsPlugin {\n  constructor(options: Omit<DevtoolsPluginOptions, \"pluginData\">) {\n    super({\n      ...options,\n      pluginData: BasicPluginData,\n    });\n  }\n\n  name = \"BasicDevtoolsPlugin\";\n\n  data: Record<string, unknown> = {};\n\n  playerConfig: Record<string, unknown> = {};\n\n  logs: {\n    severity: string;\n    message: unknown;\n  }[] = [];\n\n  flow?: Flow;\n\n  logger?: WeakRef<Logger>;\n\n  expressionEvaluator?: WeakRef<ExpressionEvaluator>;\n\n  view?: WeakRef<ViewInstance>;\n\n  dataController?: WeakRef<DataController>;\n\n  overrideFlow?: Player[\"start\"];\n\n  apply(player: Player): void {\n    this.logger = new WeakRef(player.logger);\n\n    if (!this.checkIfDevtoolsIsActive()) return;\n\n    this.options.pluginData.flow.data!.playerConfig = {\n      version: player.getVersion(),\n      plugins: player.getPlugins().map((plugin) => plugin.name),\n    };\n\n    super.apply(player);\n\n    // Config\n    this.playerConfig = {\n      version: player.getVersion(),\n      plugins: player.getPlugins().map((plugin) => plugin.name),\n    };\n\n    this.dispatchDataUpdate({ playerConfig: this.playerConfig });\n\n    // Data\n    player.hooks.dataController.tap(this.name, (dataController) => {\n      dataController.hooks.onUpdate.tap(this.name, (updates) => {\n        this.data = produce(this.data, (draft) => {\n          updates.forEach(({ binding, newValue }) => {\n            dsetAssign(draft, [\"data\", ...binding.asArray()], newValue);\n          });\n        });\n\n        this.dispatchDataUpdate({ data: this.data });\n      });\n    });\n\n    player.logger.hooks.log.tap(this.name, (severity, message) => {\n      this.logs = [...this.logs, { severity, message }];\n\n      this.dispatchDataUpdate({ logs: this.logs });\n    });\n\n    // Flow\n    player.hooks.onStart.tap(this.name, (f) => {\n      this.flow = JSON.parse(JSON.stringify(f));\n\n      this.dispatchDataUpdate({ flow: this.flow });\n    });\n\n    // View\n    player.hooks.view.tap(this.name, (view) => {\n      this.view = new WeakRef(view);\n    });\n\n    // Expression evaluator\n    player.hooks.expressionEvaluator.tap(this.name, (evaluator) => {\n      this.expressionEvaluator = new WeakRef(evaluator);\n    });\n\n    // Override flow\n    this.overrideFlow = player.start.bind(player);\n  }\n\n  private evaluateExpression(expression: string): Evaluation {\n    const evaluator = this.expressionEvaluator?.deref();\n\n    if (!evaluator) {\n      return {\n        id: generateUUID(),\n        severity: \"error\",\n        result: \"Expression evaluator not available\",\n        expression,\n      };\n    }\n\n    try {\n      evaluator.hooks.onError.intercept({\n        call: (error: Error) => {\n          throw error;\n        },\n      });\n\n      const evaluatorResult = evaluator.evaluate(expression);\n\n      return {\n        id: generateUUID(),\n        result: evaluatorResult,\n        expression,\n      };\n    } catch (error) {\n      const message =\n        error instanceof Error\n          ? error.message\n          : String(error ?? \"Something went wrong\");\n      return {\n        id: generateUUID(),\n        severity: \"error\",\n        result: message,\n        expression,\n      };\n    }\n  }\n\n  processInteraction(interaction: DevtoolsPluginInteractionEvent): void {\n    // invokes mobile specific handlers\n    super.processInteraction(interaction);\n\n    const {\n      payload: { type, payload },\n    } = interaction;\n    if (\n      type === INTERACTIONS.EVALUATE_EXPRESSION &&\n      this.expressionEvaluator &&\n      payload\n    ) {\n      const result = this.evaluateExpression(payload);\n      const current: Array<Evaluation> =\n        (this.store.getState()?.plugins?.[this.pluginID]?.flow?.data\n          ?.history as Array<Evaluation>) || [];\n\n      this.dispatchDataUpdate({ history: [...current, result] });\n\n      return;\n    }\n\n    if (type === INTERACTIONS.OVERRIDE_FLOW && payload && this.overrideFlow) {\n      let newFlow: Flow | undefined;\n\n      try {\n        newFlow = JSON.parse(payload);\n      } catch (e) {\n        this.logger?.deref()?.error(this.name, \"Error parsing new flow\", e);\n      }\n\n      if (newFlow) {\n        this.overrideFlow(newFlow);\n      }\n\n      return;\n    }\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "src",
+    "types"
+  ],
+  "name": "@player-devtools/basic-plugin",
+  "version": "0.0.2-next.0",
+  "main": "dist/cjs/index.cjs",
+  "dependencies": {
+    "@player-devtools/basic-plugin-content": "0.0.2-next.0",
+    "@player-devtools/messenger": "0.0.2-next.0",
+    "@player-devtools/plugin": "0.0.2-next.0",
+    "@player-devtools/types": "0.0.2-next.0",
+    "@player-devtools/utils": "0.0.2-next.0",
+    "@devtools-ui/plugin": "0.4.0",
+    "@player-ui/player": "0.12.0-next.1",
+    "@types/react": "^18.2.51",
+    "@swc/core": "1.3.74",
+    "dequal": "^2.0.2",
+    "dset": "^3.1.3",
+    "immer": "^10.0.3",
+    "tslib": "^2.6.2"
+  },
+  "module": "dist/index.legacy-esm.js",
+  "types": "types/index.d.ts",
+  "bundle": "dist/BasicDevtoolsPlugin.native.js",
+  "exports": {
+    "./package.json": "./package.json",
+    "./dist/index.css": "./dist/index.css",
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/cjs/index.cjs"
+    }
+  },
+  "peerDependencies": {}
+}

package/src/__tests__/plugin.test.ts

@@ -0,0 +1,59 @@
+import { describe } from "vitest";
+
+describe("BasicDevtoolsPlugin", () => {
+  // TODO: Add tests for BasicDevtoolsPlugin
+});
+
+// describe("BasicWevDevtoolPlugins", () => {
+//   let plugin: BasicWebDevtoolsPlugin;
+//   let mockPlayer: Player;
+//
+//   beforeEach(() => {
+//     plugin = new BasicWebDevtoolsPlugin("test-id");
+//     mockPlayer = {
+//       hooks: {
+//         dataController: {
+//           tap: vi.fn(),
+//         } as any,
+//         onStart: {
+//           tap: vi.fn(),
+//         } as any,
+//         view: {
+//           tap: vi.fn(),
+//         } as any,
+//         expressionEvaluator: {
+//           tap: vi.fn(),
+//         } as any,
+//       },
+//       logger: {
+//         hooks: {
+//           log: vi.fn(),
+//         },
+//       },
+//     } as unknown as Player;
+//   });
+//
+//   it("should not apply if devtools are inactive", () => {
+//     Object.defineProperty(window, "localStorage", {
+//       value: {
+//         getItem: vi.fn(() => "false"),
+//       },
+//       writable: true,
+//     });
+//
+//     const consoleSpy = vi.spyOn(console, "log");
+//     plugin.apply(mockPlayer);
+//     expect(consoleSpy).toHaveBeenCalledWith(PLUGIN_INACTIVE_WARNING);
+//     expect(plugin.playerConfig).toEqual({});
+//   });
+//
+//   it("should initialize with default Values", () => {
+//     expect(plugin.name).toBe(PLUGIN_ID);
+//     expect(plugin.logs).toEqual([]);
+//     expect(plugin.data).toEqual({});
+//     expect(plugin.flow).toBeUndefined();
+//     expect(plugin.expressionEvaluator).toBeUndefined();
+//     expect(plugin.view).toBeUndefined();
+//     expect(plugin.dataController).toBeUndefined();
+//   });
+// });

package/src/helpers/__tests__/getEvaluateExpression.test.ts

@@ -0,0 +1,114 @@
+import { describe, it, expect, vi } from "vitest";
+import { getEvaluateExpression } from "../getEvaluateExpression";
+import type { Evaluation } from "../../types";
+
+vi.mock("@player-devtools/plugin", () => ({
+  generateUUID: () => "test-uuid",
+}));
+
+const getMockExpressionEvaluator = (
+  evaluate: ReturnType<typeof vi.fn>,
+  throwError = false,
+): {
+  interceptor: Record<string, unknown>;
+  evaluate: (...args: unknown[]) => unknown;
+  hooks: {
+    onError: {
+      intercept: (args: Record<string, unknown>) => void;
+    };
+  };
+} => {
+  class MockExpressionEvaluator {
+    interceptor: Record<string, unknown> = {};
+    evaluate(...args: unknown[]) {
+      if (throwError) {
+        throw new Error("Evaluation error");
+      }
+      return evaluate(...args);
+    }
+    hooks = {
+      onError: {
+        intercept: (args: Record<string, unknown>) => {
+          this.interceptor = args;
+        },
+      },
+    };
+  }
+  return new MockExpressionEvaluator();
+};
+
+describe("getEvaluateExpression", () => {
+  it("returns an error Evaluation if expressionEvaluator is not available", () => {
+    const evaluateExpression = getEvaluateExpression();
+    const expression = "1 + 1";
+    const expected: Evaluation = {
+      id: "test-uuid",
+      severity: "error",
+      result: "Expression evaluator not available",
+      expression,
+    };
+
+    const result = evaluateExpression(expression);
+
+    expect(result).toEqual(expected);
+  });
+
+  it("evaluates expressions correctly when evaluator is available", () => {
+    const mockEvaluate = vi.fn().mockReturnValue(2);
+    const mockExpressionEvaluator = getMockExpressionEvaluator(mockEvaluate);
+    const evaluateExpression = getEvaluateExpression(
+      new WeakRef(mockExpressionEvaluator),
+    );
+    const expression = "1 + 1";
+    const expected: Evaluation = {
+      id: "test-uuid",
+      result: 2,
+      expression,
+    };
+
+    const result = evaluateExpression(expression);
+
+    expect(result).toEqual(expected);
+  });
+
+  it("captures and returns an error if evaluation throws an error", () => {
+    const mockEvaluate = vi.fn();
+    const mockExpressionEvaluator = getMockExpressionEvaluator(
+      mockEvaluate,
+      true,
+    );
+    const evaluateExpression = getEvaluateExpression(
+      new WeakRef(mockExpressionEvaluator),
+    );
+    const expression = "invalid expression";
+    const expected: Evaluation = {
+      id: "test-uuid",
+      severity: "error",
+      result: "Evaluation error",
+      expression,
+    };
+
+    const result = evaluateExpression(expression);
+
+    expect(result).toEqual(expected);
+  });
+
+  it("handles errors triggered by onError hook", () => {
+    const mockEvaluate = vi.fn();
+    const mockExpressionEvaluator = getMockExpressionEvaluator(
+      mockEvaluate,
+      false,
+    );
+    const evaluateExpression = getEvaluateExpression(
+      new WeakRef(mockExpressionEvaluator),
+    );
+    const expression = "trigger hook error";
+
+    evaluateExpression(expression);
+
+    expect(() => {
+      mockExpressionEvaluator.interceptor.call(new Error("Hook error"));
+      evaluateExpression(expression);
+    }).toThrow("Hook error");
+  });
+});