@editframe/react 0.0.1 → 0.1.0

package/.turbo/turbo-build.log

@@ -0,0 +1,17 @@
+
+> @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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/react",
-  "version": "0.0.1",
+  "author": "Editframe",
   "description": "",
   "main": "./dist/index.d.ts",
   "types": "./dist/index.d.ts",
@@ -19,10 +19,7 @@
   "peerDependencies": {
     "react": "^18.2.0"
   },
-  "author": "Editframe",
-  "publishConfig": {
-    "access": "restricted"
-  },
+  "version": "0.1.0",
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts --minify",
     "dev": "npm run build -- --watch",

package/prettier.config.js

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

package/src/Player.tsx

@@ -1,24 +1,24 @@
-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";
+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;
+  applicationId?: string
+  config: CompositionConfigEditor
   dimensions?: {
-    height: string;
-    width: string;
-  };
-  hideControls?: boolean;
-  host?: string;
-  loop: boolean;
-  playerState?: "playing" | "paused" | "stopped";
-  seek?: number;
+    height: string
+    width: string
+  }
+  hideControls?: boolean
+  host?: string
+  loop: boolean
+  playerState?: 'playing' | 'paused' | 'stopped'
+  seek?: number
 }
 
 const Player: React.FunctionComponent<IPlayerProps> = ({
@@ -32,9 +32,9 @@ const Player: React.FunctionComponent<IPlayerProps> = ({
   playerState,
   seek,
 }) => {
-  const player = useRef(true);
-  const embed = useRef({} as any);
-  const containerId = `ef-player-${uuid().slice(0, 6)}`;
+  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({
@@ -42,36 +42,36 @@ const Player: React.FunctionComponent<IPlayerProps> = ({
         config,
         containerId,
         dimensions,
-        host: host || "https://embed.editframe.com",
+        host: host || 'https://embed.editframe.com',
         hideControls,
-      });
-      player.current = true;
+      })
+      player.current = true
     }
     return () => {
-      player.current = false;
-    };
-  }, []);
+      player.current = false
+    }
+  }, [])
   useEffect(() => {
     if (embed.current && embed.current.setState) {
-      embed.current.setState(playerState);
+      embed.current.setState(playerState)
     }
     return () => {
       if (embed.current && embed.current.setState) {
-        embed.current.setState("stopped");
+        embed.current.setState('stopped')
       }
-    };
-  }, [playerState]);
+    }
+  }, [playerState])
   useEffect(() => {
     if (embed.current && embed.current.setState) {
-      embed.current.seek(seek);
+      embed.current.seek(seek)
     }
     return () => {
       if (embed.current && embed.current.setState) {
-        embed.current.seek(0);
+        embed.current.seek(0)
       }
-    };
-  }, [seek]);
+    }
+  }, [seek])
 
-  return <div id={containerId}>{children}</div>;
-};
-export default Player;
+  return <div id={containerId}>{children}</div>
+}
+export default Player