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

package/dist/cjs/index.cjs

@@ -0,0 +1,87 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/basic/react/src/index.tsx
+var src_exports = {};
+__export(src_exports, {
+  BasicReactDevtoolsPlugin: () => BasicReactDevtoolsPlugin
+});
+module.exports = __toCommonJS(src_exports);
+var import_react = __toESM(require("react"));
+var import_plugin_react = require("@player-devtools/plugin-react");
+var import_basic_plugin = require("@player-devtools/basic-plugin");
+var BasicDevtoolsWrapper = ({
+  state,
+  playerID,
+  children
+}) => {
+  const [highlight, setHighlight] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (playerID === state.currentPlayer) {
+      setHighlight(true);
+      const timer = setTimeout(() => {
+        setHighlight(false);
+      }, 1e3);
+      return () => clearTimeout(timer);
+    }
+  }, [playerID, state.currentPlayer]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { id: playerID, style: highlight ? { border: "2px solid blue" } : {} }, children);
+};
+var BasicReactDevtoolsPlugin = class extends import_plugin_react.ReactDevtoolsPlugin {
+  constructor(id, wrapper) {
+    super();
+    this.name = "BasicReactDevtoolsPlugin";
+    this.wrapper = wrapper ?? BasicDevtoolsWrapper;
+    this.corePlugin = new import_basic_plugin.BasicDevtoolsPlugin({
+      playerID: id ?? "default-id",
+      handler: this
+    });
+  }
+  applyReact(reactPlayer) {
+    if (!this.checkIfDevtoolsIsActive()) return;
+    super.applyReact(reactPlayer);
+    reactPlayer.hooks.webComponent.tap(this.name, (Component) => {
+      const DevtoolsContainer = () => {
+        const Wrapper = this.wrapper;
+        const [state, setState] = (0, import_react.useState)(this.store.getState());
+        (0, import_react.useEffect)(() => this.store.subscribe(setState), [setState]);
+        return /* @__PURE__ */ import_react.default.createElement(Wrapper, { state, playerID: this.playerID }, /* @__PURE__ */ import_react.default.createElement(Component, null));
+      };
+      return DevtoolsContainer;
+    });
+  }
+  processInteraction(interaction) {
+    super.processInteraction(interaction);
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BasicReactDevtoolsPlugin
+});
+//# 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/react/src/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { ReactPlayer } from \"@player-ui/react\";\nimport { ReactDevtoolsPlugin } from \"@player-devtools/plugin-react\";\nimport { BasicDevtoolsPlugin } from \"@player-devtools/basic-plugin\";\nimport type {\n  DevtoolsPluginInteractionEvent,\n  DevtoolsPluginsStore,\n} from \"@player-devtools/types\";\n\nexport type DevtoolsWrapperProps = React.PropsWithChildren<{\n  state: DevtoolsPluginsStore;\n  playerID: string;\n}>;\n\nconst BasicDevtoolsWrapper = ({\n  state,\n  playerID,\n  children,\n}: DevtoolsWrapperProps) => {\n  const [highlight, setHighlight] = useState(false);\n  useEffect(() => {\n    if (playerID === state.currentPlayer) {\n      setHighlight(true);\n      const timer = setTimeout(() => {\n        setHighlight(false);\n      }, 1000);\n      return () => clearTimeout(timer);\n    }\n  }, [playerID, state.currentPlayer]);\n\n  return (\n    <div id={playerID} style={highlight ? { border: \"2px solid blue\" } : {}}>\n      {children}\n    </div>\n  );\n};\n\nexport class BasicReactDevtoolsPlugin extends ReactDevtoolsPlugin<BasicDevtoolsPlugin> {\n  name = \"BasicReactDevtoolsPlugin\";\n\n  corePlugin: BasicDevtoolsPlugin;\n\n  private wrapper: React.ComponentType<DevtoolsWrapperProps>;\n\n  constructor(\n    id?: string,\n    wrapper?: React.ComponentType<DevtoolsWrapperProps>,\n  ) {\n    super();\n\n    this.wrapper = wrapper ?? BasicDevtoolsWrapper;\n    this.corePlugin = new BasicDevtoolsPlugin({\n      playerID: id ?? \"default-id\",\n      handler: this,\n    });\n  }\n\n  applyReact(reactPlayer: ReactPlayer): void {\n    if (!this.checkIfDevtoolsIsActive()) return;\n\n    super.applyReact(reactPlayer);\n\n    reactPlayer.hooks.webComponent.tap(this.name, (Component) => {\n      const DevtoolsContainer = () => {\n        const Wrapper = this.wrapper;\n        const [state, setState] = useState(this.store.getState());\n        useEffect(() => this.store.subscribe(setState), [setState]);\n        return (\n          <Wrapper state={state} playerID={this.playerID}>\n            <Component />\n          </Wrapper>\n        );\n      };\n      return DevtoolsContainer;\n    });\n  }\n\n  processInteraction(interaction: DevtoolsPluginInteractionEvent): void {\n    super.processInteraction(interaction);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAE3C,0BAAoC;AACpC,0BAAoC;AAWpC,IAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAChD,8BAAU,MAAM;AACd,QAAI,aAAa,MAAM,eAAe;AACpC,mBAAa,IAAI;AACjB,YAAM,QAAQ,WAAW,MAAM;AAC7B,qBAAa,KAAK;AAAA,MACpB,GAAG,GAAI;AACP,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,aAAa,CAAC;AAElC,SACE,6BAAAA,QAAA,cAAC,SAAI,IAAI,UAAU,OAAO,YAAY,EAAE,QAAQ,iBAAiB,IAAI,CAAC,KACnE,QACH;AAEJ;AAEO,IAAM,2BAAN,cAAuC,wCAAyC;AAAA,EAOrF,YACE,IACA,SACA;AACA,UAAM;AAVR,gBAAO;AAYL,SAAK,UAAU,WAAW;AAC1B,SAAK,aAAa,IAAI,wCAAoB;AAAA,MACxC,UAAU,MAAM;AAAA,MAChB,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AAAA,EAEA,WAAW,aAAgC;AACzC,QAAI,CAAC,KAAK,wBAAwB,EAAG;AAErC,UAAM,WAAW,WAAW;AAE5B,gBAAY,MAAM,aAAa,IAAI,KAAK,MAAM,CAAC,cAAc;AAC3D,YAAM,oBAAoB,MAAM;AAC9B,cAAM,UAAU,KAAK;AACrB,cAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,KAAK,MAAM,SAAS,CAAC;AACxD,oCAAU,MAAM,KAAK,MAAM,UAAU,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAC1D,eACE,6BAAAA,QAAA,cAAC,WAAQ,OAAc,UAAU,KAAK,YACpC,6BAAAA,QAAA,cAAC,eAAU,CACb;AAAA,MAEJ;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAAA,EAEA,mBAAmB,aAAmD;AACpE,UAAM,mBAAmB,WAAW;AAAA,EACtC;AACF;","names":["React"]}

package/dist/index.legacy-esm.js

@@ -0,0 +1,52 @@
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/basic/react/src/index.tsx
+import React, { useEffect, useState } from "react";
+import { ReactDevtoolsPlugin } from "@player-devtools/plugin-react";
+import { BasicDevtoolsPlugin } from "@player-devtools/basic-plugin";
+var BasicDevtoolsWrapper = ({
+  state,
+  playerID,
+  children
+}) => {
+  const [highlight, setHighlight] = useState(false);
+  useEffect(() => {
+    if (playerID === state.currentPlayer) {
+      setHighlight(true);
+      const timer = setTimeout(() => {
+        setHighlight(false);
+      }, 1e3);
+      return () => clearTimeout(timer);
+    }
+  }, [playerID, state.currentPlayer]);
+  return /* @__PURE__ */ React.createElement("div", { id: playerID, style: highlight ? { border: "2px solid blue" } : {} }, children);
+};
+var BasicReactDevtoolsPlugin = class extends ReactDevtoolsPlugin {
+  constructor(id, wrapper) {
+    super();
+    this.name = "BasicReactDevtoolsPlugin";
+    this.wrapper = wrapper ?? BasicDevtoolsWrapper;
+    this.corePlugin = new BasicDevtoolsPlugin({
+      playerID: id ?? "default-id",
+      handler: this
+    });
+  }
+  applyReact(reactPlayer) {
+    if (!this.checkIfDevtoolsIsActive()) return;
+    super.applyReact(reactPlayer);
+    reactPlayer.hooks.webComponent.tap(this.name, (Component) => {
+      const DevtoolsContainer = () => {
+        const Wrapper = this.wrapper;
+        const [state, setState] = useState(this.store.getState());
+        useEffect(() => this.store.subscribe(setState), [setState]);
+        return /* @__PURE__ */ React.createElement(Wrapper, { state, playerID: this.playerID }, /* @__PURE__ */ React.createElement(Component, null));
+      };
+      return DevtoolsContainer;
+    });
+  }
+  processInteraction(interaction) {
+    super.processInteraction(interaction);
+  }
+};
+export {
+  BasicReactDevtoolsPlugin
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs

@@ -0,0 +1,52 @@
+// ../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/devtools/plugins/basic/react/src/index.tsx
+import React, { useEffect, useState } from "react";
+import { ReactDevtoolsPlugin } from "@player-devtools/plugin-react";
+import { BasicDevtoolsPlugin } from "@player-devtools/basic-plugin";
+var BasicDevtoolsWrapper = ({
+  state,
+  playerID,
+  children
+}) => {
+  const [highlight, setHighlight] = useState(false);
+  useEffect(() => {
+    if (playerID === state.currentPlayer) {
+      setHighlight(true);
+      const timer = setTimeout(() => {
+        setHighlight(false);
+      }, 1e3);
+      return () => clearTimeout(timer);
+    }
+  }, [playerID, state.currentPlayer]);
+  return /* @__PURE__ */ React.createElement("div", { id: playerID, style: highlight ? { border: "2px solid blue" } : {} }, children);
+};
+var BasicReactDevtoolsPlugin = class extends ReactDevtoolsPlugin {
+  constructor(id, wrapper) {
+    super();
+    this.name = "BasicReactDevtoolsPlugin";
+    this.wrapper = wrapper ?? BasicDevtoolsWrapper;
+    this.corePlugin = new BasicDevtoolsPlugin({
+      playerID: id ?? "default-id",
+      handler: this
+    });
+  }
+  applyReact(reactPlayer) {
+    if (!this.checkIfDevtoolsIsActive()) return;
+    super.applyReact(reactPlayer);
+    reactPlayer.hooks.webComponent.tap(this.name, (Component) => {
+      const DevtoolsContainer = () => {
+        const Wrapper = this.wrapper;
+        const [state, setState] = useState(this.store.getState());
+        useEffect(() => this.store.subscribe(setState), [setState]);
+        return /* @__PURE__ */ React.createElement(Wrapper, { state, playerID: this.playerID }, /* @__PURE__ */ React.createElement(Component, null));
+      };
+      return DevtoolsContainer;
+    });
+  }
+  processInteraction(interaction) {
+    super.processInteraction(interaction);
+  }
+};
+export {
+  BasicReactDevtoolsPlugin
+};
+//# 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/react/src/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { ReactPlayer } from \"@player-ui/react\";\nimport { ReactDevtoolsPlugin } from \"@player-devtools/plugin-react\";\nimport { BasicDevtoolsPlugin } from \"@player-devtools/basic-plugin\";\nimport type {\n  DevtoolsPluginInteractionEvent,\n  DevtoolsPluginsStore,\n} from \"@player-devtools/types\";\n\nexport type DevtoolsWrapperProps = React.PropsWithChildren<{\n  state: DevtoolsPluginsStore;\n  playerID: string;\n}>;\n\nconst BasicDevtoolsWrapper = ({\n  state,\n  playerID,\n  children,\n}: DevtoolsWrapperProps) => {\n  const [highlight, setHighlight] = useState(false);\n  useEffect(() => {\n    if (playerID === state.currentPlayer) {\n      setHighlight(true);\n      const timer = setTimeout(() => {\n        setHighlight(false);\n      }, 1000);\n      return () => clearTimeout(timer);\n    }\n  }, [playerID, state.currentPlayer]);\n\n  return (\n    <div id={playerID} style={highlight ? { border: \"2px solid blue\" } : {}}>\n      {children}\n    </div>\n  );\n};\n\nexport class BasicReactDevtoolsPlugin extends ReactDevtoolsPlugin<BasicDevtoolsPlugin> {\n  name = \"BasicReactDevtoolsPlugin\";\n\n  corePlugin: BasicDevtoolsPlugin;\n\n  private wrapper: React.ComponentType<DevtoolsWrapperProps>;\n\n  constructor(\n    id?: string,\n    wrapper?: React.ComponentType<DevtoolsWrapperProps>,\n  ) {\n    super();\n\n    this.wrapper = wrapper ?? BasicDevtoolsWrapper;\n    this.corePlugin = new BasicDevtoolsPlugin({\n      playerID: id ?? \"default-id\",\n      handler: this,\n    });\n  }\n\n  applyReact(reactPlayer: ReactPlayer): void {\n    if (!this.checkIfDevtoolsIsActive()) return;\n\n    super.applyReact(reactPlayer);\n\n    reactPlayer.hooks.webComponent.tap(this.name, (Component) => {\n      const DevtoolsContainer = () => {\n        const Wrapper = this.wrapper;\n        const [state, setState] = useState(this.store.getState());\n        useEffect(() => this.store.subscribe(setState), [setState]);\n        return (\n          <Wrapper state={state} playerID={this.playerID}>\n            <Component />\n          </Wrapper>\n        );\n      };\n      return DevtoolsContainer;\n    });\n  }\n\n  processInteraction(interaction: DevtoolsPluginInteractionEvent): void {\n    super.processInteraction(interaction);\n  }\n}\n"],"mappings":";AAAA,OAAO,SAAS,WAAW,gBAAgB;AAE3C,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AAWpC,IAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,YAAU,MAAM;AACd,QAAI,aAAa,MAAM,eAAe;AACpC,mBAAa,IAAI;AACjB,YAAM,QAAQ,WAAW,MAAM;AAC7B,qBAAa,KAAK;AAAA,MACpB,GAAG,GAAI;AACP,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,aAAa,CAAC;AAElC,SACE,oCAAC,SAAI,IAAI,UAAU,OAAO,YAAY,EAAE,QAAQ,iBAAiB,IAAI,CAAC,KACnE,QACH;AAEJ;AAEO,IAAM,2BAAN,cAAuC,oBAAyC;AAAA,EAOrF,YACE,IACA,SACA;AACA,UAAM;AAVR,gBAAO;AAYL,SAAK,UAAU,WAAW;AAC1B,SAAK,aAAa,IAAI,oBAAoB;AAAA,MACxC,UAAU,MAAM;AAAA,MAChB,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AAAA,EAEA,WAAW,aAAgC;AACzC,QAAI,CAAC,KAAK,wBAAwB,EAAG;AAErC,UAAM,WAAW,WAAW;AAE5B,gBAAY,MAAM,aAAa,IAAI,KAAK,MAAM,CAAC,cAAc;AAC3D,YAAM,oBAAoB,MAAM;AAC9B,cAAM,UAAU,KAAK;AACrB,cAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK,MAAM,SAAS,CAAC;AACxD,kBAAU,MAAM,KAAK,MAAM,UAAU,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAC1D,eACE,oCAAC,WAAQ,OAAc,UAAU,KAAK,YACpC,oCAAC,eAAU,CACb;AAAA,MAEJ;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAAA,EAEA,mBAAmB,aAAmD;AACpE,UAAM,mBAAmB,WAAW;AAAA,EACtC;AACF;","names":[]}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "src",
+    "types"
+  ],
+  "name": "@player-devtools/basic-plugin-react",
+  "version": "0.0.2-next.0",
+  "main": "dist/cjs/index.cjs",
+  "dependencies": {
+    "@player-devtools/basic-plugin": "0.0.2-next.0",
+    "@player-devtools/plugin-react": "0.0.2-next.0",
+    "@player-devtools/types": "0.0.2-next.0",
+    "@devtools-ui/plugin": "0.4.0",
+    "@player-ui/react": "0.12.0-next.1",
+    "@types/react": "^18.2.51",
+    "@types/uuid": "^8.3.4",
+    "dequal": "^2.0.2",
+    "dset": "^3.1.3",
+    "immer": "^10.0.3",
+    "uuid": "^8.3.2",
+    "tslib": "^2.6.2"
+  },
+  "module": "dist/index.legacy-esm.js",
+  "types": "types/index.d.ts",
+  "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/index.tsx

@@ -0,0 +1,81 @@
+import React, { useEffect, useState } from "react";
+import { ReactPlayer } from "@player-ui/react";
+import { ReactDevtoolsPlugin } from "@player-devtools/plugin-react";
+import { BasicDevtoolsPlugin } from "@player-devtools/basic-plugin";
+import type {
+  DevtoolsPluginInteractionEvent,
+  DevtoolsPluginsStore,
+} from "@player-devtools/types";
+
+export type DevtoolsWrapperProps = React.PropsWithChildren<{
+  state: DevtoolsPluginsStore;
+  playerID: string;
+}>;
+
+const BasicDevtoolsWrapper = ({
+  state,
+  playerID,
+  children,
+}: DevtoolsWrapperProps) => {
+  const [highlight, setHighlight] = useState(false);
+  useEffect(() => {
+    if (playerID === state.currentPlayer) {
+      setHighlight(true);
+      const timer = setTimeout(() => {
+        setHighlight(false);
+      }, 1000);
+      return () => clearTimeout(timer);
+    }
+  }, [playerID, state.currentPlayer]);
+
+  return (
+    <div id={playerID} style={highlight ? { border: "2px solid blue" } : {}}>
+      {children}
+    </div>
+  );
+};
+
+export class BasicReactDevtoolsPlugin extends ReactDevtoolsPlugin<BasicDevtoolsPlugin> {
+  name = "BasicReactDevtoolsPlugin";
+
+  corePlugin: BasicDevtoolsPlugin;
+
+  private wrapper: React.ComponentType<DevtoolsWrapperProps>;
+
+  constructor(
+    id?: string,
+    wrapper?: React.ComponentType<DevtoolsWrapperProps>,
+  ) {
+    super();
+
+    this.wrapper = wrapper ?? BasicDevtoolsWrapper;
+    this.corePlugin = new BasicDevtoolsPlugin({
+      playerID: id ?? "default-id",
+      handler: this,
+    });
+  }
+
+  applyReact(reactPlayer: ReactPlayer): void {
+    if (!this.checkIfDevtoolsIsActive()) return;
+
+    super.applyReact(reactPlayer);
+
+    reactPlayer.hooks.webComponent.tap(this.name, (Component) => {
+      const DevtoolsContainer = () => {
+        const Wrapper = this.wrapper;
+        const [state, setState] = useState(this.store.getState());
+        useEffect(() => this.store.subscribe(setState), [setState]);
+        return (
+          <Wrapper state={state} playerID={this.playerID}>
+            <Component />
+          </Wrapper>
+        );
+      };
+      return DevtoolsContainer;
+    });
+  }
+
+  processInteraction(interaction: DevtoolsPluginInteractionEvent): void {
+    super.processInteraction(interaction);
+  }
+}

package/types/index.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { ReactPlayer } from "@player-ui/react";
+import { ReactDevtoolsPlugin } from "@player-devtools/plugin-react";
+import { BasicDevtoolsPlugin } from "@player-devtools/basic-plugin";
+import type { DevtoolsPluginInteractionEvent, DevtoolsPluginsStore } from "@player-devtools/types";
+export type DevtoolsWrapperProps = React.PropsWithChildren<{
+    state: DevtoolsPluginsStore;
+    playerID: string;
+}>;
+export declare class BasicReactDevtoolsPlugin extends ReactDevtoolsPlugin<BasicDevtoolsPlugin> {
+    name: string;
+    corePlugin: BasicDevtoolsPlugin;
+    private wrapper;
+    constructor(id?: string, wrapper?: React.ComponentType<DevtoolsWrapperProps>);
+    applyReact(reactPlayer: ReactPlayer): void;
+    processInteraction(interaction: DevtoolsPluginInteractionEvent): void;
+}
+//# sourceMappingURL=index.d.ts.map