@player-ui/asset-provider-plugin-react 0.3.0-next.3 → 0.3.0-next.4

package/dist/index.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactAsset = require('@player-ui/react-asset');
+var react = require('@player-ui/react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -14,14 +14,14 @@ class AssetProviderPlugin {
     this.name = "web-asset-provider-plugin";
     this.entries = entries;
   }
-  applyWeb(wp) {
+  applyReact(rp) {
     this.entries.forEach(([match, comp]) => {
       const normalizedMatch = typeof match === "string" ? { type: match } : match;
-      wp.assetRegistry.set(normalizedMatch, comp);
+      rp.assetRegistry.set(normalizedMatch, comp);
     });
-    wp.hooks.webComponent.tap(this.name, (Comp) => {
-      return () => /* @__PURE__ */ React__default["default"].createElement(reactAsset.AssetContext.Provider, {
-        value: { registry: wp.assetRegistry }
+    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));
     });
   }

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { WebPlayerPlugin, WebPlayer } from '@player-ui/react';
+import { ReactPlayerPlugin, ReactPlayer } from '@player-ui/react';
 
 declare type AssetRegistryEntries = Array<[any, React.ComponentType<any>]>;
 /**
  * A streamlined way of registering custom assets with the web-player
  */
-declare class AssetProviderPlugin implements WebPlayerPlugin {
+declare class AssetProviderPlugin implements ReactPlayerPlugin {
     name: string;
     private readonly entries;
     /**
@@ -15,7 +15,7 @@ declare class AssetProviderPlugin implements WebPlayerPlugin {
      * 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: AssetRegistryEntries);
-    applyWeb(wp: WebPlayer): void;
+    applyReact(rp: ReactPlayer): void;
 }
 
 export { AssetProviderPlugin, AssetRegistryEntries };

package/dist/index.esm.js

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

package/package.json

@@ -1,16 +1,15 @@
 {
   "name": "@player-ui/asset-provider-plugin-react",
-  "version": "0.3.0-next.3",
+  "version": "0.3.0-next.4",
   "private": false,
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
   "peerDependencies": {
-    "@player-ui/react": "0.3.0-next.3"
+    "@player-ui/react": "0.3.0-next.4"
   },
   "dependencies": {
-    "@player-ui/react-asset": "0.3.0-next.3",
-    "@player-ui/react-subscribe": "0.3.0-next.3",
+    "@player-ui/react-subscribe": "0.3.0-next.4",
     "@babel/runtime": "7.15.4"
   },
   "main": "dist/index.cjs.js",

package/src/index.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
-import type { WebPlayer, WebPlayerPlugin } from '@player-ui/react';
-import { AssetContext } from '@player-ui/react-asset';
+import type { ReactPlayer, ReactPlayerPlugin } from '@player-ui/react';
+import { AssetContext } from '@player-ui/react';
 
 export type AssetRegistryEntries = Array<[any, React.ComponentType<any>]>;
 
 /**
  * A streamlined way of registering custom assets with the web-player
  */
-export class AssetProviderPlugin implements WebPlayerPlugin {
+export class AssetProviderPlugin implements ReactPlayerPlugin {
   name = 'web-asset-provider-plugin';
 
   private readonly entries: AssetRegistryEntries;
@@ -22,19 +22,19 @@ export class AssetProviderPlugin implements WebPlayerPlugin {
     this.entries = entries;
   }
 
-  applyWeb(wp: WebPlayer) {
+  applyReact(rp: ReactPlayer) {
     this.entries.forEach(([match, comp]) => {
       const normalizedMatch =
         typeof match === 'string' ? { type: match } : match;
 
-      wp.assetRegistry.set(normalizedMatch, comp);
+      rp.assetRegistry.set(normalizedMatch, comp);
     });
 
     // 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 wp.assetRegistry
-    wp.hooks.webComponent.tap(this.name, (Comp) => {
+    // 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: wp.assetRegistry }}>
+        <AssetContext.Provider value={{ registry: rp.assetRegistry }}>
           <Comp />
         </AssetContext.Provider>
       );