@tailor-cms/ce-brightcove-video-display 0.0.2 → 0.1.0

package/dist/components/BrightcovePlayer.vue.d.ts

@@ -0,0 +1,14 @@
+declare global {
+    interface Window {
+        bc: any;
+    }
+}
+type __VLS_Props = {
+    accountId: string;
+    playerId: string;
+    videoId: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    pause: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Display.vue.d.ts

@@ -0,0 +1,11 @@
+import { Element } from '@tailor-cms/ce-brightcove-video-manifest';
+type __VLS_Props = {
+    element: Element;
+    userState: any;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    interaction: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onInteraction?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/index.cjs

@@ -129,7 +129,6 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     const initPlayer = (url = playerUrl.value) => {
       destroyPlayer();
       script.value = loadScript(url, document.body, (err) => {
-        var _a;
         if (err) {
           onError({
             code: BrightcoveErrorCode.INVALID_CONFIG,
@@ -140,7 +139,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         }
         style.value = setTheme();
         const video = createPlayer();
-        (_a = videoWrapper.value) == null ? void 0 : _a.appendChild(video);
+        videoWrapper.value?.appendChild(video);
         player.value = window.bc(video);
         player.value.autoplay(false);
         player.value.on("error", () => onError(player.value.error()));
@@ -224,35 +223,37 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const BrightcovePlayer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-dd41e47c"]]);
-const _hoisted_1 = { class: "tce-root" };
+const _hoisted_1 = { class: "tce-brightcove-video-root" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "Display",
   props: {
-    id: {},
-    data: {},
+    element: {},
     userState: {}
   },
   emits: ["interaction"],
   setup(__props) {
     const props = __props;
+    const accountId = vue.computed(() => props.element.data.accountId);
+    const playerId = vue.computed(() => props.element.data.playerId);
+    const videoId = vue.computed(() => props.element.data.videoId);
     const isConfigured = vue.computed(
-      () => props.data.accountId && props.data.playerId && props.data.videoId
+      () => accountId.value && playerId.value && videoId.value
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         isConfigured.value ? (vue.openBlock(), vue.createBlock(BrightcovePlayer, {
           key: 0,
           ref: "player",
-          "account-id": _ctx.data.accountId,
-          "player-id": _ctx.data.playerId,
-          "video-id": _ctx.data.videoId,
+          "account-id": accountId.value,
+          "player-id": playerId.value,
+          "video-id": videoId.value,
           class: "player"
         }, null, 8, ["account-id", "player-id", "video-id"])) : vue.createCommentVNode("", true)
       ]);
     };
   }
 });
-const Display = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5cbb7746"]]);
+const Display = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d82c84d4"]]);
 const manifest = {
   ...index_default,
   Display

package/dist/index.css

@@ -3,7 +3,5 @@
   width: 100%;
   height: 360px;
 }
-.tce-root[data-v-5cbb7746] {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 1rem;
+.tce-brightcove-video-root[data-v-d82c84d4] {
 }

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import type { ElementManifest } from '@tailor-cms/ce-brightcove-video-manifest';
+import Display from './components/Display.vue';
+declare const manifest: ElementManifest;
+export default manifest;
+export { Display };

package/dist/index.js

@@ -127,7 +127,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const initPlayer = (url = playerUrl.value) => {
       destroyPlayer();
       script.value = loadScript(url, document.body, (err) => {
-        var _a;
         if (err) {
           onError({
             code: BrightcoveErrorCode.INVALID_CONFIG,
@@ -138,7 +137,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }
         style.value = setTheme();
         const video = createPlayer();
-        (_a = videoWrapper.value) == null ? void 0 : _a.appendChild(video);
+        videoWrapper.value?.appendChild(video);
         player.value = window.bc(video);
         player.value.autoplay(false);
         player.value.on("error", () => onError(player.value.error()));
@@ -222,35 +221,37 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const BrightcovePlayer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-dd41e47c"]]);
-const _hoisted_1 = { class: "tce-root" };
+const _hoisted_1 = { class: "tce-brightcove-video-root" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Display",
   props: {
-    id: {},
-    data: {},
+    element: {},
     userState: {}
   },
   emits: ["interaction"],
   setup(__props) {
     const props = __props;
+    const accountId = computed(() => props.element.data.accountId);
+    const playerId = computed(() => props.element.data.playerId);
+    const videoId = computed(() => props.element.data.videoId);
     const isConfigured = computed(
-      () => props.data.accountId && props.data.playerId && props.data.videoId
+      () => accountId.value && playerId.value && videoId.value
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         isConfigured.value ? (openBlock(), createBlock(BrightcovePlayer, {
           key: 0,
           ref: "player",
-          "account-id": _ctx.data.accountId,
-          "player-id": _ctx.data.playerId,
-          "video-id": _ctx.data.videoId,
+          "account-id": accountId.value,
+          "player-id": playerId.value,
+          "video-id": videoId.value,
           class: "player"
         }, null, 8, ["account-id", "player-id", "video-id"])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const Display = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5cbb7746"]]);
+const Display = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d82c84d4"]]);
 const manifest = {
   ...index_default,
   Display

package/package.json

@@ -3,7 +3,7 @@
   "description": "Tailor CMS Brightcove video end-user component",
   "author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -11,6 +11,7 @@
     }
   },
   "main": "./dist/index.cjs",
+  "types": "./types/index.d.ts",
   "files": [
     "dist"
   ],
@@ -18,16 +19,14 @@
     "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@tailor-cms/eslint-config": "0.0.2",
-    "@types/lodash": "^4.17.12",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "typescript": "^5.7.3",
-    "vite": "^6.1.0",
-    "vue-tsc": "^2.2.0",
-    "@tailor-cms/ce-brightcove-video-manifest": "0.0.2"
+    "@tailor-cms/eslint-config": "1.1.2",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "typescript": "^5.8.3",
+    "vite": "^7.0.3",
+    "vue-tsc": "^3.0.1",
+    "@tailor-cms/ce-brightcove-video-manifest": "0.1.0"
   },
   "dependencies": {
-    "lodash": "^4.17.21",
     "url-join": "^5.0.0"
   },
   "publishConfig": {
@@ -35,8 +34,11 @@
   },
   "scripts": {
     "dev": "vite build --watch",
-    "build": "vue-tsc --noEmit && vite build",
-    "lint": "eslint --ext .js,.ts,.vue ./src",
-    "lint:fix": "pnpm lint --fix"
+    "build": "pnpm nuke:dist && vue-tsc && vite build",
+    "lint": "eslint ./src",
+    "lint:fix": "pnpm lint --fix",
+    "nuke": "pnpm dlx del-cli dist node_modules",
+    "nuke:dist": "pnpm dlx del-cli dist",
+    "prepublish": "pnpm build"
   }
 }