@editframe/react 0.1.0 → 0.1.3

package/dist/Player.d.ts

@@ -0,0 +1,18 @@
+import { DetailedHTMLProps, FunctionComponent, HTMLAttributes } from 'react';
+import { CompositionConfigEditor } from './shared';
+export interface IPlayerProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    applicationId?: string;
+    config: CompositionConfigEditor;
+    dimensions?: {
+        height: string;
+        width: string;
+    };
+    hideControls?: boolean;
+    host?: string;
+    loop: boolean;
+    playerState?: 'playing' | 'paused' | 'stopped';
+    seek?: number;
+}
+declare const Player: FunctionComponent<IPlayerProps>;
+export default Player;
+//# sourceMappingURL=Player.d.ts.map

package/dist/Player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Player.d.ts","sourceRoot":"","sources":["../src/Player.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EAGf,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAElD,MAAM,WAAW,YACf,SAAQ,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IACzE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,uBAAuB,CAAA;IAC/B,UAAU,CAAC,EAAE;QACX,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAqD3C,CAAA;AACD,eAAe,MAAM,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Player } from './Player';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/index.esm.js

@@ -0,0 +1,115 @@
+import { Player as Player$1 } from '@editframe/embed';
+import React, { useRef, useEffect } from 'react';
+
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+const byteToHex = [];
+
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+
+function unsafeStringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+}
+
+const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+var native = {
+  randomUUID
+};
+
+function v4(options, buf, offset) {
+  if (native.randomUUID && !buf && !options) {
+    return native.randomUUID();
+  }
+
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return unsafeStringify(rnds);
+}
+
+var Player = function (_a) {
+    var applicationId = _a.applicationId, children = _a.children, config = _a.config, dimensions = _a.dimensions, hideControls = _a.hideControls, host = _a.host, loop = _a.loop, playerState = _a.playerState, seek = _a.seek;
+    var player = useRef(true);
+    var embed = useRef({});
+    var containerId = "ef-player-".concat(v4().slice(0, 6));
+    useEffect(function () {
+        if (!player.current && !embed.current.setState) {
+            embed.current = new Player$1({
+                applicationId: applicationId,
+                config: config,
+                containerId: containerId,
+                dimensions: dimensions,
+                host: host || 'https://embed.editframe.com',
+                hideControls: hideControls,
+                loop: loop,
+            });
+            player.current = true;
+        }
+        return function () {
+            player.current = false;
+        };
+    }, []);
+    useEffect(function () {
+        if (embed.current && embed.current.setState) {
+            embed.current.setState(playerState);
+        }
+        return function () {
+            if (embed.current && embed.current.setState) {
+                embed.current.setState('stopped');
+            }
+        };
+    }, [playerState]);
+    useEffect(function () {
+        if (embed.current && embed.current.setState) {
+            embed.current.seek(seek);
+        }
+        return function () {
+            if (embed.current && embed.current.setState) {
+                embed.current.seek(0);
+            }
+        };
+    }, [seek]);
+    return React.createElement("div", { id: containerId }, children);
+};
+
+export { Player };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../node_modules/.pnpm/uuid@9.0.0/node_modules/uuid/dist/esm-browser/rng.js","../../../node_modules/.pnpm/uuid@9.0.0/node_modules/uuid/dist/esm-browser/stringify.js","../../../node_modules/.pnpm/uuid@9.0.0/node_modules/uuid/dist/esm-browser/native.js","../../../node_modules/.pnpm/uuid@9.0.0/node_modules/uuid/dist/esm-browser/v4.js","../src/Player.tsx"],"sourcesContent":["// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nlet getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n  // lazy load so that environments that need to polyfill have a chance to do so\n  if (!getRandomValues) {\n    // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation.\n    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);\n\n    if (!getRandomValues) {\n      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n    }\n  }\n\n  return getRandomValues(rnds8);\n}","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n  byteToHex.push((i + 0x100).toString(16).slice(1));\n}\n\nexport function unsafeStringify(arr, offset = 0) {\n  // Note: Be careful editing this code!  It's been tuned for performance\n  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();\n}\n\nfunction stringify(arr, offset = 0) {\n  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one\n  // of the following:\n  // - One or more input array values don't map to a hex octet (leading to\n  // \"undefined\" in the uuid)\n  // - Invalid input values for the RFC `version` or `variant` fields\n\n  if (!validate(uuid)) {\n    throw TypeError('Stringified UUID is invalid');\n  }\n\n  return uuid;\n}\n\nexport default stringify;","const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n  randomUUID\n};","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\n\nfunction v4(options, buf, offset) {\n  if (native.randomUUID && !buf && !options) {\n    return native.randomUUID();\n  }\n\n  options = options || {};\n  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n  rnds[6] = rnds[6] & 0x0f | 0x40;\n  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n  if (buf) {\n    offset = offset || 0;\n\n    for (let i = 0; i < 16; ++i) {\n      buf[offset + i] = rnds[i];\n    }\n\n    return buf;\n  }\n\n  return unsafeStringify(rnds);\n}\n\nexport default v4;","import { Player as PlayerClass } from '@editframe/embed'\nimport React, {\n  DetailedHTMLProps,\n  FunctionComponent,\n  HTMLAttributes,\n  useEffect,\n  useRef,\n} from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport { CompositionConfigEditor } from './shared'\n\nexport interface IPlayerProps\n  extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {\n  applicationId?: string\n  config: CompositionConfigEditor\n  dimensions?: {\n    height: string\n    width: string\n  }\n  hideControls?: boolean\n  host?: string\n  loop: boolean\n  playerState?: 'playing' | 'paused' | 'stopped'\n  seek?: number\n}\n\nconst Player: FunctionComponent<IPlayerProps> = ({\n  applicationId,\n  children,\n  config,\n  dimensions,\n  hideControls,\n  host,\n  loop,\n  playerState,\n  seek,\n}) => {\n  const player = useRef(true)\n  const embed = useRef({} as any)\n  const containerId = `ef-player-${uuid().slice(0, 6)}`\n  useEffect(() => {\n    if (!player.current && !embed.current.setState) {\n      embed.current = new PlayerClass({\n        applicationId,\n        config,\n        containerId,\n        dimensions,\n        host: host || 'https://embed.editframe.com',\n        hideControls,\n        loop,\n      })\n      player.current = true\n    }\n    return () => {\n      player.current = false\n    }\n  }, [])\n  useEffect(() => {\n    if (embed.current && embed.current.setState) {\n      embed.current.setState(playerState)\n    }\n    return () => {\n      if (embed.current && embed.current.setState) {\n        embed.current.setState('stopped')\n      }\n    }\n  }, [playerState])\n  useEffect(() => {\n    if (embed.current && embed.current.setState) {\n      embed.current.seek(seek)\n    }\n    return () => {\n      if (embed.current && embed.current.setState) {\n        embed.current.seek(0)\n      }\n    }\n  }, [seek])\n\n  return <div id={containerId}>{children}</div>\n}\nexport default Player\n"],"names":["uuid","PlayerClass"],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,123 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var embed = require('@editframe/embed');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+const byteToHex = [];
+
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+
+function unsafeStringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+}
+
+const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+var native = {
+  randomUUID
+};
+
+function v4(options, buf, offset) {
+  if (native.randomUUID && !buf && !options) {
+    return native.randomUUID();
+  }
+
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return unsafeStringify(rnds);
+}
+
+var Player = function (_a) {
+    var applicationId = _a.applicationId, children = _a.children, config = _a.config, dimensions = _a.dimensions, hideControls = _a.hideControls, host = _a.host, loop = _a.loop, playerState = _a.playerState, seek = _a.seek;
+    var player = React.useRef(true);
+    var embed$1 = React.useRef({});
+    var containerId = "ef-player-".concat(v4().slice(0, 6));
+    React.useEffect(function () {
+        if (!player.current && !embed$1.current.setState) {
+            embed$1.current = new embed.Player({
+                applicationId: applicationId,
+                config: config,
+                containerId: containerId,
+                dimensions: dimensions,
+                host: host || 'https://embed.editframe.com',
+                hideControls: hideControls,
+                loop: loop,
+            });
+            player.current = true;
+        }
+        return function () {
+            player.current = false;
+        };
+    }, []);
+    React.useEffect(function () {
+        if (embed$1.current && embed$1.current.setState) {
+            embed$1.current.setState(playerState);
+        }
+        return function () {
+            if (embed$1.current && embed$1.current.setState) {
+                embed$1.current.setState('stopped');
+            }
+        };
+    }, [playerState]);
+    React.useEffect(function () {
+        if (embed$1.current && embed$1.current.setState) {
+            embed$1.current.seek(seek);
+        }
+        return function () {
+            if (embed$1.current && embed$1.current.setState) {
+                embed$1.current.seek(0);
+            }
+        };
+    }, [seek]);
+    return React__default["default"].createElement("div", { id: containerId }, children);
+};
+
+exports.Player = Player;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../node_modules/.pnpm/uuid@9.0.0/node_modules/uuid/dist/esm-browser/rng.js","../../../node_modules/.pnpm/uuid@9.0.0/node_modules/uuid/dist/esm-browser/stringify.js","../../../node_modules/.pnpm/uuid@9.0.0/node_modules/uuid/dist/esm-browser/native.js","../../../node_modules/.pnpm/uuid@9.0.0/node_modules/uuid/dist/esm-browser/v4.js","../src/Player.tsx"],"sourcesContent":["// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nlet getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n  // lazy load so that environments that need to polyfill have a chance to do so\n  if (!getRandomValues) {\n    // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation.\n    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);\n\n    if (!getRandomValues) {\n      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n    }\n  }\n\n  return getRandomValues(rnds8);\n}","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n  byteToHex.push((i + 0x100).toString(16).slice(1));\n}\n\nexport function unsafeStringify(arr, offset = 0) {\n  // Note: Be careful editing this code!  It's been tuned for performance\n  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();\n}\n\nfunction stringify(arr, offset = 0) {\n  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one\n  // of the following:\n  // - One or more input array values don't map to a hex octet (leading to\n  // \"undefined\" in the uuid)\n  // - Invalid input values for the RFC `version` or `variant` fields\n\n  if (!validate(uuid)) {\n    throw TypeError('Stringified UUID is invalid');\n  }\n\n  return uuid;\n}\n\nexport default stringify;","const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n  randomUUID\n};","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\n\nfunction v4(options, buf, offset) {\n  if (native.randomUUID && !buf && !options) {\n    return native.randomUUID();\n  }\n\n  options = options || {};\n  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n  rnds[6] = rnds[6] & 0x0f | 0x40;\n  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n  if (buf) {\n    offset = offset || 0;\n\n    for (let i = 0; i < 16; ++i) {\n      buf[offset + i] = rnds[i];\n    }\n\n    return buf;\n  }\n\n  return unsafeStringify(rnds);\n}\n\nexport default v4;","import { Player as PlayerClass } from '@editframe/embed'\nimport React, {\n  DetailedHTMLProps,\n  FunctionComponent,\n  HTMLAttributes,\n  useEffect,\n  useRef,\n} from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport { CompositionConfigEditor } from './shared'\n\nexport interface IPlayerProps\n  extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {\n  applicationId?: string\n  config: CompositionConfigEditor\n  dimensions?: {\n    height: string\n    width: string\n  }\n  hideControls?: boolean\n  host?: string\n  loop: boolean\n  playerState?: 'playing' | 'paused' | 'stopped'\n  seek?: number\n}\n\nconst Player: FunctionComponent<IPlayerProps> = ({\n  applicationId,\n  children,\n  config,\n  dimensions,\n  hideControls,\n  host,\n  loop,\n  playerState,\n  seek,\n}) => {\n  const player = useRef(true)\n  const embed = useRef({} as any)\n  const containerId = `ef-player-${uuid().slice(0, 6)}`\n  useEffect(() => {\n    if (!player.current && !embed.current.setState) {\n      embed.current = new PlayerClass({\n        applicationId,\n        config,\n        containerId,\n        dimensions,\n        host: host || 'https://embed.editframe.com',\n        hideControls,\n        loop,\n      })\n      player.current = true\n    }\n    return () => {\n      player.current = false\n    }\n  }, [])\n  useEffect(() => {\n    if (embed.current && embed.current.setState) {\n      embed.current.setState(playerState)\n    }\n    return () => {\n      if (embed.current && embed.current.setState) {\n        embed.current.setState('stopped')\n      }\n    }\n  }, [playerState])\n  useEffect(() => {\n    if (embed.current && embed.current.setState) {\n      embed.current.seek(seek)\n    }\n    return () => {\n      if (embed.current && embed.current.setState) {\n        embed.current.seek(0)\n      }\n    }\n  }, [seek])\n\n  return <div id={containerId}>{children}</div>\n}\nexport default Player\n"],"names":["useRef","embed","uuid","useEffect","PlayerClass","React"],"mappings":"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"}

package/dist/shared.d.ts

@@ -0,0 +1,3 @@
+import { CompositionConfigEditor } from '../../shared-types';
+export type { CompositionConfigEditor };
+//# sourceMappingURL=shared.d.ts.map

package/dist/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../src/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAE5D,YAAY,EAAE,uBAAuB,EAAE,CAAA"}

package/package.json

@@ -2,26 +2,45 @@
   "name": "@editframe/react",
   "author": "Editframe",
   "description": "",
-  "main": "./dist/index.d.ts",
-  "types": "./dist/index.d.ts",
-  "dependencies": {
-    "react": "^18.2.0",
-    "uuid": "^9.0.0",
-    "@editframe/embed": "0.1.1",
-    "@editframe/shared-types": "3.11.0"
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "keywords": [],
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@types/react": "^18.0.28",
+    "@babel/core": "^7.15.0",
+    "@rollup/plugin-commonjs": "^17.1.0",
+    "@rollup/plugin-node-resolve": "^11.2.1",
+    "@types/react": "^16.14.14",
+    "@types/react-dom": "^16.9.14",
+    "autoprefixer": "^10.4.13",
+    "babel-loader": "^8.2.2",
+    "babel-preset-react-app": "^10.0.0",
+    "identity-obj-proxy": "^3.0.0",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "rollup": "^2.56.3",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-typescript2": "^0.29.0",
+    "typescript": "^4.8.4",
     "@types/uuid": "^9.0.1",
-    "tsup": "^6.6.3",
     "tsconfig": "0.0.0"
   },
-  "peerDependencies": {
-    "react": "^18.2.0"
+  "dependencies": {
+    "uuid": "^9.0.0",
+    "@editframe/embed": "0.3.0"
   },
-  "version": "0.1.0",
+  "files": [
+    "dist/**"
+  ],
+  "version": "0.1.3",
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts --minify",
+    "build": "rollup -c",
     "dev": "npm run build -- --watch",
     "format": "prettier --write '**/*.{js,ts,tsx}' --loglevel error",
     "lint": "eslint --ext .ts .",

package/.prettierignore

@@ -1,4 +0,0 @@
-# Ignore artifacts:
-/.git
-/node_modules
-/dist

package/.turbo/turbo-build.log

@@ -1,17 +0,0 @@
-
-> @editframe/react@0.1.0 build /home/runner/work/js/js/packages/react
-> tsup src/index.ts --format esm,cjs --dts --minify
-
-CLI Building entry: src/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v6.6.3
-CLI Target: es6
-ESM Build start
-CJS Build start
-CJS dist/index.js 1.31 KB
-CJS ⚡️ Build success in 74ms
-ESM dist/index.mjs 830.00 B
-ESM ⚡️ Build success in 81ms
-DTS Build start
-DTS ⚡️ Build success in 3997ms
-DTS dist/index.d.ts 564.00 B

package/CHANGELOG.md

@@ -1,7 +0,0 @@
-# @editframe/react
-
-## 0.1.0
-
-### Minor Changes
-
-- 0595a21: distribute dist

package/prettier.config.js

@@ -1,4 +0,0 @@
-module.exports = {
-  singleQuote: true,
-  semi: false,
-};

package/src/Player.tsx

@@ -1,77 +0,0 @@
-import { Player as PlayerClass } from '@editframe/embed'
-import { CompositionConfigEditor } from '@editframe/shared-types'
-import React, { useEffect, useRef } from 'react'
-import { v4 as uuid } from 'uuid'
-
-export interface IPlayerProps
-  extends React.DetailedHTMLProps<
-    React.HTMLAttributes<HTMLDivElement>,
-    HTMLDivElement
-  > {
-  applicationId?: string
-  config: CompositionConfigEditor
-  dimensions?: {
-    height: string
-    width: string
-  }
-  hideControls?: boolean
-  host?: string
-  loop: boolean
-  playerState?: 'playing' | 'paused' | 'stopped'
-  seek?: number
-}
-
-const Player: React.FunctionComponent<IPlayerProps> = ({
-  applicationId,
-  children,
-  config,
-  dimensions,
-  hideControls,
-  host,
-  loop,
-  playerState,
-  seek,
-}) => {
-  const player = useRef(true)
-  const embed = useRef({} as any)
-  const containerId = `ef-player-${uuid().slice(0, 6)}`
-  useEffect(() => {
-    if (!player.current && !embed.current.setState) {
-      embed.current = new PlayerClass({
-        applicationId,
-        config,
-        containerId,
-        dimensions,
-        host: host || 'https://embed.editframe.com',
-        hideControls,
-      })
-      player.current = true
-    }
-    return () => {
-      player.current = false
-    }
-  }, [])
-  useEffect(() => {
-    if (embed.current && embed.current.setState) {
-      embed.current.setState(playerState)
-    }
-    return () => {
-      if (embed.current && embed.current.setState) {
-        embed.current.setState('stopped')
-      }
-    }
-  }, [playerState])
-  useEffect(() => {
-    if (embed.current && embed.current.setState) {
-      embed.current.seek(seek)
-    }
-    return () => {
-      if (embed.current && embed.current.setState) {
-        embed.current.seek(0)
-      }
-    }
-  }, [seek])
-
-  return <div id={containerId}>{children}</div>
-}
-export default Player

package/src/index.ts

@@ -1 +0,0 @@
-export { default as Player } from "./Player";

package/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "tsconfig/react-library.json",
-  "include": ["src"]
-}