@player-ui/asset-provider-plugin-react 0.8.0--canary.307.9621 → 0.8.0-next.0

package/dist/cjs/index.cjs

@@ -0,0 +1,66 @@
+"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/plugins/asset-provider/react/src/index.tsx
+var src_exports = {};
+__export(src_exports, {
+  AssetProviderPlugin: () => AssetProviderPlugin
+});
+module.exports = __toCommonJS(src_exports);
+var import_react = __toESM(require("react"));
+var import_react2 = require("@player-ui/react");
+var AssetProviderPlugin = class {
+  /**
+   * Create a plugin that will register the given React components as assets to Player
+   *
+   * @param entries - A list of [match, Component] tuples.
+   * If the [match] is an object, it is used as-is.  If it's a `string`, we assume the match represents the 'type' property ({ type: match })
+   */
+  constructor(entries) {
+    this.name = "web-asset-provider-plugin";
+    this.entries = entries;
+  }
+  applyReact(rp) {
+    this.entries.forEach(([match, comp]) => {
+      const normalizedMatch = typeof match === "string" ? { type: match } : match;
+      rp.assetRegistry.set(normalizedMatch, comp);
+    });
+    rp.hooks.webComponent.tap(this.name, (Comp) => {
+      function AssetRegistryComponent() {
+        return /* @__PURE__ */ import_react.default.createElement(import_react2.AssetContext.Provider, { value: { registry: rp.assetRegistry } }, /* @__PURE__ */ import_react.default.createElement(Comp, null));
+      }
+      return AssetRegistryComponent;
+    });
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AssetProviderPlugin
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/asset-provider/react/src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ReactPlayer, ReactPlayerPlugin } from \"@player-ui/react\";\nimport { AssetContext } from \"@player-ui/react\";\n\nexport type AssetRegistryEntries = Array<[any, React.ComponentType<any>]>;\n\n/**\n * A streamlined way of registering custom assets with the web-player\n */\nexport class AssetProviderPlugin implements ReactPlayerPlugin {\n  name = \"web-asset-provider-plugin\";\n\n  private readonly entries: AssetRegistryEntries;\n\n  /**\n   * Create a plugin that will register the given React components as assets to Player\n   *\n   * @param entries - A list of [match, Component] tuples.\n   * If the [match] is an object, it is used as-is.  If it's a `string`, we assume the match represents the 'type' property ({ type: match })\n   */\n  constructor(entries: AssetRegistryEntries) {\n    this.entries = entries;\n  }\n\n  applyReact(rp: ReactPlayer) {\n    this.entries.forEach(([match, comp]) => {\n      const normalizedMatch =\n        typeof match === \"string\" ? { type: match } : match;\n\n      rp.assetRegistry.set(normalizedMatch, comp);\n    });\n\n    // Because some instances may end up with a different copy of the `AssetContext` (depending on bundling and such)\n    // We add an entry to use the local version of `@web-player/asset` -- but still utilize the same rp.assetRegistry\n    rp.hooks.webComponent.tap(this.name, (Comp) => {\n      function AssetRegistryComponent() {\n        return (\n          <AssetContext.Provider value={{ registry: rp.assetRegistry }}>\n            <Comp />\n          </AssetContext.Provider>\n        );\n      }\n\n      return AssetRegistryComponent;\n    });\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,IAAAA,gBAA6B;AAOtB,IAAM,sBAAN,MAAuD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW5D,YAAY,SAA+B;AAV3C,gBAAO;AAWL,SAAK,UAAU;AAAA,EACjB;AAAA,EAEA,WAAW,IAAiB;AAC1B,SAAK,QAAQ,QAAQ,CAAC,CAAC,OAAO,IAAI,MAAM;AACtC,YAAM,kBACJ,OAAO,UAAU,WAAW,EAAE,MAAM,MAAM,IAAI;AAEhD,SAAG,cAAc,IAAI,iBAAiB,IAAI;AAAA,IAC5C,CAAC;AAID,OAAG,MAAM,aAAa,IAAI,KAAK,MAAM,CAAC,SAAS;AAC7C,eAAS,yBAAyB;AAChC,eACE,6BAAAC,QAAA,cAAC,2BAAa,UAAb,EAAsB,OAAO,EAAE,UAAU,GAAG,cAAc,KACzD,6BAAAA,QAAA,cAAC,UAAK,CACR;AAAA,MAEJ;AAEA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;","names":["import_react","React"]}

package/dist/index.legacy-esm.js

@@ -0,0 +1,31 @@
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/asset-provider/react/src/index.tsx
+import React from "react";
+import { AssetContext } from "@player-ui/react";
+var AssetProviderPlugin = class {
+  /**
+   * Create a plugin that will register the given React components as assets to Player
+   *
+   * @param entries - A list of [match, Component] tuples.
+   * If the [match] is an object, it is used as-is.  If it's a `string`, we assume the match represents the 'type' property ({ type: match })
+   */
+  constructor(entries) {
+    this.name = "web-asset-provider-plugin";
+    this.entries = entries;
+  }
+  applyReact(rp) {
+    this.entries.forEach(([match, comp]) => {
+      const normalizedMatch = typeof match === "string" ? { type: match } : match;
+      rp.assetRegistry.set(normalizedMatch, comp);
+    });
+    rp.hooks.webComponent.tap(this.name, (Comp) => {
+      function AssetRegistryComponent() {
+        return /* @__PURE__ */ React.createElement(AssetContext.Provider, { value: { registry: rp.assetRegistry } }, /* @__PURE__ */ React.createElement(Comp, null));
+      }
+      return AssetRegistryComponent;
+    });
+  }
+};
+export {
+  AssetProviderPlugin
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs

@@ -0,0 +1,31 @@
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/asset-provider/react/src/index.tsx
+import React from "react";
+import { AssetContext } from "@player-ui/react";
+var AssetProviderPlugin = class {
+  /**
+   * Create a plugin that will register the given React components as assets to Player
+   *
+   * @param entries - A list of [match, Component] tuples.
+   * If the [match] is an object, it is used as-is.  If it's a `string`, we assume the match represents the 'type' property ({ type: match })
+   */
+  constructor(entries) {
+    this.name = "web-asset-provider-plugin";
+    this.entries = entries;
+  }
+  applyReact(rp) {
+    this.entries.forEach(([match, comp]) => {
+      const normalizedMatch = typeof match === "string" ? { type: match } : match;
+      rp.assetRegistry.set(normalizedMatch, comp);
+    });
+    rp.hooks.webComponent.tap(this.name, (Comp) => {
+      function AssetRegistryComponent() {
+        return /* @__PURE__ */ React.createElement(AssetContext.Provider, { value: { registry: rp.assetRegistry } }, /* @__PURE__ */ React.createElement(Comp, null));
+      }
+      return AssetRegistryComponent;
+    });
+  }
+};
+export {
+  AssetProviderPlugin
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/asset-provider/react/src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ReactPlayer, ReactPlayerPlugin } from \"@player-ui/react\";\nimport { AssetContext } from \"@player-ui/react\";\n\nexport type AssetRegistryEntries = Array<[any, React.ComponentType<any>]>;\n\n/**\n * A streamlined way of registering custom assets with the web-player\n */\nexport class AssetProviderPlugin implements ReactPlayerPlugin {\n  name = \"web-asset-provider-plugin\";\n\n  private readonly entries: AssetRegistryEntries;\n\n  /**\n   * Create a plugin that will register the given React components as assets to Player\n   *\n   * @param entries - A list of [match, Component] tuples.\n   * If the [match] is an object, it is used as-is.  If it's a `string`, we assume the match represents the 'type' property ({ type: match })\n   */\n  constructor(entries: AssetRegistryEntries) {\n    this.entries = entries;\n  }\n\n  applyReact(rp: ReactPlayer) {\n    this.entries.forEach(([match, comp]) => {\n      const normalizedMatch =\n        typeof match === \"string\" ? { type: match } : match;\n\n      rp.assetRegistry.set(normalizedMatch, comp);\n    });\n\n    // Because some instances may end up with a different copy of the `AssetContext` (depending on bundling and such)\n    // We add an entry to use the local version of `@web-player/asset` -- but still utilize the same rp.assetRegistry\n    rp.hooks.webComponent.tap(this.name, (Comp) => {\n      function AssetRegistryComponent() {\n        return (\n          <AssetContext.Provider value={{ registry: rp.assetRegistry }}>\n            <Comp />\n          </AssetContext.Provider>\n        );\n      }\n\n      return AssetRegistryComponent;\n    });\n  }\n}\n"],"mappings":";AAAA,OAAO,WAAW;AAElB,SAAS,oBAAoB;AAOtB,IAAM,sBAAN,MAAuD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW5D,YAAY,SAA+B;AAV3C,gBAAO;AAWL,SAAK,UAAU;AAAA,EACjB;AAAA,EAEA,WAAW,IAAiB;AAC1B,SAAK,QAAQ,QAAQ,CAAC,CAAC,OAAO,IAAI,MAAM;AACtC,YAAM,kBACJ,OAAO,UAAU,WAAW,EAAE,MAAM,MAAM,IAAI;AAEhD,SAAG,cAAc,IAAI,iBAAiB,IAAI;AAAA,IAC5C,CAAC;AAID,OAAG,MAAM,aAAa,IAAI,KAAK,MAAM,CAAC,SAAS;AAC7C,eAAS,yBAAyB;AAChC,eACE,oCAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,UAAU,GAAG,cAAc,KACzD,oCAAC,UAAK,CACR;AAAA,MAEJ;AAEA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;","names":[]}

package/package.json

@@ -1,66 +1,31 @@
 {
   "name": "@player-ui/asset-provider-plugin-react",
-  "version": "0.8.0--canary.307.9621",
-  "private": false,
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org"
+  "version": "0.8.0-next.0",
+  "main": "dist/cjs/index.cjs",
+  "dependencies": {
+    "@player-ui/react-subscribe": "0.8.0-next.0",
+    "tslib": "^2.6.2"
   },
   "peerDependencies": {
-    "@player-ui/react": "0.8.0--canary.307.9621"
-  },
-  "dependencies": {
-    "@player-ui/react-subscribe": "0.8.0--canary.307.9621",
-    "@babel/runtime": "7.15.4"
+    "@player-ui/react": "0.8.0-next.0",
+    "react": "^18.2.0",
+    "@types/react": "^18.2.39"
   },
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
-  "typings": "dist/index.d.ts",
+  "module": "dist/index.legacy-esm.js",
+  "types": "types/index.d.ts",
   "sideEffects": false,
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/player-ui/player-ui"
-  },
-  "bugs": {
-    "url": "https://github.com/player-ui/player-ui/issues"
-  },
-  "homepage": "https://player-ui.github.io",
-  "contributors": [
-    {
-      "name": "Adam Dierkens",
-      "url": "https://github.com/adierkens"
-    },
-    {
-      "name": "Spencer Hamm",
-      "url": "https://github.com/spentacular"
-    },
-    {
-      "name": "Harris Borawski",
-      "url": "https://github.com/hborawski"
-    },
-    {
-      "name": "Jeremiah Zucker",
-      "url": "https://github.com/sugarmanz"
-    },
-    {
-      "name": "Ketan Reddy",
-      "url": "https://github.com/KetanReddy"
-    },
-    {
-      "name": "Brocollie08",
-      "url": "https://github.com/brocollie08"
-    },
-    {
-      "name": "Kelly Harrop",
-      "url": "https://github.com/kharrop"
-    },
-    {
-      "name": "Alejandro Fimbres",
-      "url": "https://github.com/lexfm"
-    },
-    {
-      "name": "Rafael Campos",
-      "url": "https://github.com/rafbcampos"
+  "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"
     }
+  },
+  "files": [
+    "dist",
+    "src",
+    "types"
   ]
 }

package/src/__tests__/index.test.tsx

@@ -0,0 +1,23 @@
+import { test, expect } from "vitest";
+import React from "react";
+import { ReactPlayer } from "@player-ui/react";
+import { AssetProviderPlugin } from "..";
+
+/**
+ *
+ */
+const DummyComp = () => <div>Test</div>;
+
+test("loads entries into the web-player registry", () => {
+  const rp = new ReactPlayer({
+    plugins: [
+      new AssetProviderPlugin([
+        ["test-string", DummyComp],
+        [{ type: "full-match" }, DummyComp],
+      ]),
+    ],
+  });
+
+  expect(rp.assetRegistry.get({ type: "test-string" })).toBe(DummyComp);
+  expect(rp.assetRegistry.get({ type: "full-match" })).toBe(DummyComp);
+});

package/src/index.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { ReactPlayer, ReactPlayerPlugin } from '@player-ui/react';
-import { AssetContext } from '@player-ui/react';
+import React from "react";
+import type { ReactPlayer, ReactPlayerPlugin } from "@player-ui/react";
+import { AssetContext } from "@player-ui/react";
 
 export type AssetRegistryEntries = Array<[any, React.ComponentType<any>]>;
 
@@ -8,7 +8,7 @@ export type AssetRegistryEntries = Array<[any, React.ComponentType<any>]>;
  * A streamlined way of registering custom assets with the web-player
  */
 export class AssetProviderPlugin implements ReactPlayerPlugin {
-  name = 'web-asset-provider-plugin';
+  name = "web-asset-provider-plugin";
 
   private readonly entries: AssetRegistryEntries;
 
@@ -25,7 +25,7 @@ export class AssetProviderPlugin implements ReactPlayerPlugin {
   applyReact(rp: ReactPlayer) {
     this.entries.forEach(([match, comp]) => {
       const normalizedMatch =
-        typeof match === 'string' ? { type: match } : match;
+        typeof match === "string" ? { type: match } : match;
 
       rp.assetRegistry.set(normalizedMatch, comp);
     });
@@ -33,11 +33,15 @@ export class AssetProviderPlugin implements ReactPlayerPlugin {
     // Because some instances may end up with a different copy of the `AssetContext` (depending on bundling and such)
     // We add an entry to use the local version of `@web-player/asset` -- but still utilize the same rp.assetRegistry
     rp.hooks.webComponent.tap(this.name, (Comp) => {
-      return () => (
-        <AssetContext.Provider value={{ registry: rp.assetRegistry }}>
-          <Comp />
-        </AssetContext.Provider>
-      );
+      function AssetRegistryComponent() {
+        return (
+          <AssetContext.Provider value={{ registry: rp.assetRegistry }}>
+            <Comp />
+          </AssetContext.Provider>
+        );
+      }
+
+      return AssetRegistryComponent;
     });
   }
 }

package/{dist → types}/index.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
-import { ReactPlayerPlugin, ReactPlayer } from '@player-ui/react';
-
-declare type AssetRegistryEntries = Array<[any, React.ComponentType<any>]>;
+import React from "react";
+import type { ReactPlayer, ReactPlayerPlugin } from "@player-ui/react";
+export type AssetRegistryEntries = Array<[any, React.ComponentType<any>]>;
 /**
  * A streamlined way of registering custom assets with the web-player
  */
-declare class AssetProviderPlugin implements ReactPlayerPlugin {
+export declare class AssetProviderPlugin implements ReactPlayerPlugin {
     name: string;
     private readonly entries;
     /**
@@ -17,5 +16,4 @@ declare class AssetProviderPlugin implements ReactPlayerPlugin {
     constructor(entries: AssetRegistryEntries);
     applyReact(rp: ReactPlayer): void;
 }
-
-export { AssetProviderPlugin, AssetRegistryEntries };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.cjs.js

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var react = require('@player-ui/react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-class AssetProviderPlugin {
-  constructor(entries) {
-    this.name = "web-asset-provider-plugin";
-    this.entries = entries;
-  }
-  applyReact(rp) {
-    this.entries.forEach(([match, comp]) => {
-      const normalizedMatch = typeof match === "string" ? { type: match } : match;
-      rp.assetRegistry.set(normalizedMatch, comp);
-    });
-    rp.hooks.webComponent.tap(this.name, (Comp) => {
-      return () => /* @__PURE__ */ React__default["default"].createElement(react.AssetContext.Provider, {
-        value: { registry: rp.assetRegistry }
-      }, /* @__PURE__ */ React__default["default"].createElement(Comp, null));
-    });
-  }
-}
-
-exports.AssetProviderPlugin = AssetProviderPlugin;
-//# sourceMappingURL=index.cjs.js.map

package/dist/index.esm.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import { AssetContext } from '@player-ui/react';
-
-class AssetProviderPlugin {
-  constructor(entries) {
-    this.name = "web-asset-provider-plugin";
-    this.entries = entries;
-  }
-  applyReact(rp) {
-    this.entries.forEach(([match, comp]) => {
-      const normalizedMatch = typeof match === "string" ? { type: match } : match;
-      rp.assetRegistry.set(normalizedMatch, comp);
-    });
-    rp.hooks.webComponent.tap(this.name, (Comp) => {
-      return () => /* @__PURE__ */ React.createElement(AssetContext.Provider, {
-        value: { registry: rp.assetRegistry }
-      }, /* @__PURE__ */ React.createElement(Comp, null));
-    });
-  }
-}
-
-export { AssetProviderPlugin };
-//# sourceMappingURL=index.esm.js.map