@player-tools/devtools-basic-web-plugin 0.5.3--canary.90.2515

package/dist/index.mjs

@@ -0,0 +1,884 @@
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/desktop/basic/src/index.tsx
+import { dset as dset2 } from "dset/merge";
+import { produce as produce2 } from "immer";
+import React2 from "react";
+
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/desktop/basic/src/WrapperComponent.tsx
+import { usePluginState } from "@player-tools/devtools-desktop-plugins-common";
+import { dequal } from "dequal";
+import { dset } from "dset/merge";
+import { produce } from "immer";
+import React, { useCallback, useEffect } from "react";
+
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/desktop/basic/src/constants/index.ts
+var PLUGIN_ID = "player-ui-basic-devtools-plugin";
+var PLUGIN_NAME = "Standard Devtools";
+var PLUGIN_DESCRIPTION = "Standard Player UI Devtools";
+var PLUGIN_VERSION = "0.0.1";
+var INTERACTIONS = {
+  EVALUATE_EXPRESSION: "evaluate-expression"
+};
+var BASE_PLUGIN_DATA = {
+  id: PLUGIN_ID,
+  name: PLUGIN_NAME,
+  description: PLUGIN_DESCRIPTION,
+  version: PLUGIN_VERSION
+};
+
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/desktop/basic/src/helpers/getEvaluateExpression.ts
+import { v4 as uuid } from "uuid";
+var getEvaluateExpression = (expressionEvaluator) => (expression) => {
+  if (!expressionEvaluator) {
+    return {
+      id: uuid(),
+      severity: "error",
+      result: "Expression evaluator not available",
+      expression
+    };
+  }
+  let result = {
+    id: uuid(),
+    severity: "error",
+    result: "Something went wrong",
+    expression
+  };
+  try {
+    expressionEvaluator.deref()?.hooks.onError.intercept({
+      call: (error) => {
+        throw error;
+      }
+    });
+    const evaluatorResult = expressionEvaluator.deref()?.evaluate(expression);
+    result = {
+      id: uuid(),
+      result: evaluatorResult,
+      expression
+    };
+  } catch (error) {
+    if (error instanceof Error) {
+      result = {
+        id: uuid(),
+        severity: "error",
+        result: error.message,
+        expression
+      };
+    }
+  }
+  return result;
+};
+
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/desktop/basic/src/helpers/genDataChangeTransaction.ts
+var genDataChangeTransaction = ({
+  playerID,
+  data,
+  pluginID
+}) => {
+  return {
+    id: -1,
+    type: "PLAYER_DEVTOOLS_PLUGIN_DATA_CHANGE",
+    payload: {
+      pluginID,
+      data
+    },
+    sender: playerID,
+    context: "player",
+    target: "player",
+    timestamp: Date.now(),
+    _messenger_: true
+  };
+};
+
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/desktop/basic/_generated/index.json
+var generated_default = {
+  id: "player-ui-basic-devtools-plugin",
+  views: [
+    {
+      id: "Config",
+      type: "stacked-view",
+      header: {
+        asset: {
+          id: "Config-header",
+          type: "navigation",
+          values: [
+            {
+              asset: {
+                id: "Config-header-values-0",
+                type: "action",
+                value: "Config",
+                label: {
+                  asset: {
+                    id: "Config-header-values-0-label",
+                    type: "text",
+                    value: "Config"
+                  }
+                }
+              }
+            },
+            {
+              asset: {
+                id: "Config-header-values-1",
+                type: "action",
+                value: "Flow",
+                label: {
+                  asset: {
+                    id: "Config-header-values-1-label",
+                    type: "text",
+                    value: "Flow"
+                  }
+                }
+              }
+            },
+            {
+              asset: {
+                id: "Config-header-values-2",
+                type: "action",
+                value: "Logs",
+                label: {
+                  asset: {
+                    id: "Config-header-values-2-label",
+                    type: "text",
+                    value: "Logs"
+                  }
+                }
+              }
+            },
+            {
+              asset: {
+                id: "Config-header-values-3",
+                type: "action",
+                value: "Console",
+                label: {
+                  asset: {
+                    id: "Config-header-values-3-label",
+                    type: "text",
+                    value: "Console"
+                  }
+                }
+              }
+            }
+          ]
+        }
+      },
+      main: {
+        asset: {
+          id: "Config-main",
+          type: "object-inspector",
+          binding: "playerConfig",
+          label: {
+            asset: {
+              id: "Config-main-label",
+              type: "text",
+              value: "Config"
+            }
+          }
+        }
+      }
+    },
+    {
+      id: "Flow",
+      type: "stacked-view",
+      header: {
+        asset: {
+          id: "Flow-header",
+          type: "navigation",
+          values: [
+            {
+              asset: {
+                id: "Flow-header-values-0",
+                type: "action",
+                value: "Config",
+                label: {
+                  asset: {
+                    id: "Flow-header-values-0-label",
+                    type: "text",
+                    value: "Config"
+                  }
+                }
+              }
+            },
+            {
+              asset: {
+                id: "Flow-header-values-1",
+                type: "action",
+                value: "Flow",
+                label: {
+                  asset: {
+                    id: "Flow-header-values-1-label",
+                    type: "text",
+                    value: "Flow"
+                  }
+                }
+              }
+            },
+            {
+              asset: {
+                id: "Flow-header-values-2",
+                type: "action",
+                value: "Logs",
+                label: {
+                  asset: {
+                    id: "Flow-header-values-2-label",
+                    type: "text",
+                    value: "Logs"
+                  }
+                }
+              }
+            },
+            {
+              asset: {
+                id: "Flow-header-values-3",
+                type: "action",
+                value: "Console",
+                label: {
+                  asset: {
+                    id: "Flow-header-values-3-label",
+                    type: "text",
+                    value: "Console"
+                  }
+                }
+              }
+            }
+          ]
+        }
+      },
+      main: {
+        asset: {
+          id: "Flow-main",
+          type: "object-inspector",
+          binding: "flow",
+          label: {
+            asset: {
+              id: "Flow-main-label",
+              type: "text",
+              value: "Flow"
+            }
+          }
+        }
+      },
+      footer: {
+        asset: {
+          id: "Flow-footer",
+          type: "copy-to-clipboard",
+          binding: "flow",
+          label: {
+            asset: {
+              id: "Flow-footer-label",
+              type: "text",
+              value: "Copy flow to the clipboard"
+            }
+          }
+        }
+      }
+    },
+    {
+      id: "Logs",
+      type: "stacked-view",
+      header: {
+        asset: {
+          id: "Logs-header",
+          type: "navigation",
+          values: [
+            {
+              asset: {
+                id: "Logs-header-values-0",
+                type: "action",
+                value: "Config",
+                label: {
+                  asset: {
+                    id: "Logs-header-values-0-label",
+                    type: "text",
+                    value: "Config"
+                  }
+                }
+              }
+            },
+            {
+              asset: {
+                id: "Logs-header-values-1",
+                type: "action",
+                value: "Flow",
+                label: {
+                  asset: {
+                    id: "Logs-header-values-1-label",
+                    type: "text",
+                    value: "Flow"
+                  }
+                }
+              }
+            },
+            {
+              asset: {
+                id: "Logs-header-values-2",
+                type: "action",
+                value: "Logs",
+                label: {
+                  asset: {
+                    id: "Logs-header-values-2-label",
+                    type: "text",
+                    value: "Logs"
+                  }
+                }
+              }
+            },
+            {
+              asset: {
+                id: "Logs-header-values-3",
+                type: "action",
+                value: "Console",
+                label: {
+                  asset: {
+                    id: "Logs-header-values-3-label",
+                    type: "text",
+                    value: "Console"
+                  }
+                }
+              }
+            }
+          ]
+        }
+      },
+      main: {
+        asset: {
+          id: "Logs-main",
+          type: "table",
+          binding: "logs"
+        }
+      }
+    },
+    {
+      id: "Console",
+      type: "stacked-view",
+      header: {
+        asset: {
+          id: "Console-header",
+          type: "navigation",
+          values: [
+            {
+              asset: {
+                id: "Console-header-values-0",
+                type: "action",
+                value: "Config",
+                label: {
+                  asset: {
+                    id: "Console-header-values-0-label",
+                    type: "text",
+                    value: "Config"
+                  }
+                }
+              }
+            },
+            {
+              asset: {
+                id: "Console-header-values-1",
+                type: "action",
+                value: "Flow",
+                label: {
+                  asset: {
+                    id: "Console-header-values-1-label",
+                    type: "text",
+                    value: "Flow"
+                  }
+                }
+              }
+            },
+            {
+              asset: {
+                id: "Console-header-values-2",
+                type: "action",
+                value: "Logs",
+                label: {
+                  asset: {
+                    id: "Console-header-values-2-label",
+                    type: "text",
+                    value: "Logs"
+                  }
+                }
+              }
+            },
+            {
+              asset: {
+                id: "Console-header-values-3",
+                type: "action",
+                value: "Console",
+                label: {
+                  asset: {
+                    id: "Console-header-values-3-label",
+                    type: "text",
+                    value: "Console"
+                  }
+                }
+              }
+            }
+          ]
+        }
+      },
+      main: {
+        asset: {
+          id: "Console-main",
+          type: "console",
+          exp: " publish('evaluate-expression', {{expression}}) ",
+          binding: "history"
+        }
+      }
+    }
+  ],
+  navigation: {
+    BEGIN: "Plugin",
+    Plugin: {
+      startState: "CONFIG",
+      CONFIG: {
+        state_type: "VIEW",
+        ref: "Config",
+        transitions: {
+          Config: "CONFIG",
+          Flow: "FLOW",
+          Logs: "LOGS",
+          Console: "CONSOLE"
+        }
+      },
+      FLOW: {
+        state_type: "VIEW",
+        ref: "Flow",
+        transitions: {
+          Config: "CONFIG",
+          Flow: "FLOW",
+          Logs: "LOGS",
+          Console: "CONSOLE"
+        }
+      },
+      LOGS: {
+        state_type: "VIEW",
+        ref: "Logs",
+        transitions: {
+          Config: "CONFIG",
+          Flow: "FLOW",
+          Logs: "LOGS",
+          Console: "CONSOLE"
+        }
+      },
+      CONSOLE: {
+        state_type: "VIEW",
+        ref: "Console",
+        transitions: {
+          Config: "CONFIG",
+          Flow: "FLOW",
+          Logs: "LOGS",
+          Console: "CONSOLE"
+        }
+      }
+    }
+  },
+  schema: {
+    ROOT: {
+      playerConfig: {
+        type: "RecordType"
+      },
+      flow: {
+        type: "RecordType"
+      },
+      expression: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      history: {
+        type: "historyType",
+        isArray: true
+      },
+      logs: {
+        type: "logsType",
+        isArray: true
+      }
+    },
+    logsType: {
+      id: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      time: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      type: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      message: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      severity: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      binding: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      from: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      to: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      state: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      error: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      outcome: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      metricType: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      }
+    },
+    historyType: {
+      id: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      expression: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      result: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      },
+      severity: {
+        type: "StringType",
+        default: "",
+        validation: [
+          {
+            type: "string"
+          }
+        ],
+        format: {
+          type: "string"
+        }
+      }
+    }
+  },
+  data: {
+    expression: "",
+    flow: {},
+    history: [],
+    logs: [],
+    playerConfig: {}
+  }
+};
+
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/desktop/basic/src/WrapperComponent.tsx
+var pluginData = {
+  ...BASE_PLUGIN_DATA,
+  flow: generated_default
+};
+var WrapperComponent = ({
+  children,
+  data,
+  playerConfig,
+  logs,
+  flow,
+  expressionEvaluator
+}) => {
+  const [state, playerID, dispatch] = usePluginState();
+  const lastProcessedInteraction = React.useRef(0);
+  const expEvaluator = useCallback(getEvaluateExpression(expressionEvaluator), [
+    expressionEvaluator
+  ]);
+  const id = pluginData.id;
+  const processInteraction = useCallback(
+    (interaction) => {
+      const {
+        payload: { type, payload }
+      } = interaction;
+      if (type === INTERACTIONS.EVALUATE_EXPRESSION && expressionEvaluator && payload) {
+        const result = expEvaluator(payload);
+        const newState = produce(state, (draft) => {
+          const current = state?.plugins?.[id]?.flow?.data?.history || [];
+          dset(
+            draft,
+            ["plugins", id, "flow", "data", "history"],
+            [...current, result]
+          );
+        });
+        dispatch({
+          id: -1,
+          type: "PLAYER_DEVTOOLS_PLUGIN_DATA_CHANGE",
+          payload: {
+            pluginID: id,
+            data: newState.plugins[id].flow.data
+          },
+          sender: playerID,
+          context: "player",
+          target: "player",
+          timestamp: Date.now(),
+          _messenger_: true
+        });
+        lastProcessedInteraction.current += 1;
+      }
+    },
+    [dispatch, expressionEvaluator, id, state]
+  );
+  const pluginDataWithPlayerConfig = produce(pluginData, (draft) => {
+    dset(draft, ["flow", "data", "playerConfig"], playerConfig);
+  });
+  useEffect(() => {
+    const transaction = {
+      id: -1,
+      type: "PLAYER_DEVTOOLS_PLAYER_INIT",
+      payload: {
+        plugins: {
+          [id]: pluginDataWithPlayerConfig
+        }
+      },
+      sender: playerID,
+      context: "player",
+      target: "player",
+      timestamp: Date.now(),
+      _messenger_: true
+    };
+    dispatch(transaction);
+  }, []);
+  useEffect(() => {
+    if (lastProcessedInteraction.current < (state.interactions.length ?? 0)) {
+      state.interactions.slice(lastProcessedInteraction.current).forEach(processInteraction);
+    }
+  }, [state.interactions.length]);
+  useEffect(() => {
+    if (dequal(state.plugins[id]?.flow?.data?.data, data))
+      return;
+    const newState = produce(state, (draft) => {
+      dset(draft, ["plugins", id, "flow", "data", "data"], data);
+    });
+    const transaction = genDataChangeTransaction({
+      playerID,
+      data: newState.plugins[id].flow.data,
+      pluginID: id
+    });
+    dispatch(transaction);
+  }, [data]);
+  useEffect(() => {
+    if (dequal(state.plugins[id]?.flow?.data?.logs, logs))
+      return;
+    const newState = produce(state, (draft) => {
+      dset(draft, ["plugins", id, "flow", "data", "logs"], logs);
+    });
+    const transaction = genDataChangeTransaction({
+      playerID,
+      data: newState.plugins[id].flow.data,
+      pluginID: id
+    });
+    dispatch(transaction);
+  }, [logs]);
+  useEffect(() => {
+    if (dequal(state.plugins[id]?.flow?.data?.flow, flow))
+      return;
+    const newState = produce(state, (draft) => {
+      dset(draft, ["plugins", id, "flow", "data", "flow"], flow);
+    });
+    const transaction = genDataChangeTransaction({
+      playerID,
+      data: newState.plugins[id].flow.data,
+      pluginID: id
+    });
+    dispatch(transaction);
+  }, [flow]);
+  return children;
+};
+
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/desktop/basic/src/index.tsx
+var BasicWevDevtoolsPlugin = class {
+  name = "player_ui_basic_devtools_plugin";
+  data = {};
+  playerConfig = {};
+  logs = [];
+  flow;
+  expressionEvaluator;
+  view;
+  dataController;
+  apply(player) {
+    this.playerConfig = {
+      version: player.getVersion(),
+      plugins: player.getPlugins().map((plugin) => plugin.name)
+    };
+    player.hooks.dataController.tap(this.name, (dataController) => {
+      dataController.hooks.onUpdate.tap(this.name, (updates) => {
+        const newPlayerState = produce2(this.data, (draft) => {
+          updates.forEach(({ binding, newValue }) => {
+            dset2(draft, ["data", ...binding.asArray()], newValue);
+          });
+        });
+        this.data = newPlayerState;
+      });
+    });
+    player.logger.hooks.log.tap(this.name, (severity, message) => {
+      this.logs = [...this.logs, { severity, message }];
+    });
+    player.hooks.onStart.tap(this.name, (f) => {
+      this.flow = f;
+    });
+    player.hooks.view.tap(this.name, (view) => {
+      this.view = new WeakRef(view);
+    });
+    player.hooks.expressionEvaluator.tap(this.name, (evaluator) => {
+      this.expressionEvaluator = new WeakRef(evaluator);
+    });
+  }
+  applyReact(reactPlayer) {
+    reactPlayer.hooks.webComponent.tap(this.name, (Comp) => () => {
+      const Component = Comp;
+      return /* @__PURE__ */ React2.createElement(
+        WrapperComponent,
+        {
+          playerConfig: this.playerConfig,
+          data: this.data,
+          logs: this.logs,
+          flow: this.flow,
+          view: this.view,
+          expressionEvaluator: this.expressionEvaluator
+        },
+        /* @__PURE__ */ React2.createElement(Component, null)
+      );
+    });
+  }
+};
+export {
+  BasicWevDevtoolsPlugin
+};
+//# sourceMappingURL=index.mjs.map