vue-datocms 8.1.6 → 8.1.8

package/dist/index.cjs.js

@@ -140,10 +140,7 @@ const ContentLink = vue.defineComponent({
     }
   },
   setup(props) {
-    const {
-      enableClickToEdit: enableClickToEditFn,
-      setCurrentPath
-    } = useContentLink({
+    const { enableClickToEdit: enableClickToEditFn, setCurrentPath } = useContentLink({
       enabled: props.stripStega !== void 0 ? { stripStega: props.stripStega } : true,
       onNavigateTo: props.onNavigateTo,
       root: props.root
@@ -1469,6 +1466,7 @@ const VideoPlayer = vue.defineComponent({
     ]);
     import('@mux/mux-player');
     const muxPlayerRef = vue.ref();
+    const { alt } = data;
     const computedProps = __spreadProps$2(__spreadValues$2({}, useVideoPlayer({ data })), {
       disableCookies,
       disableTracking,
@@ -1477,7 +1475,8 @@ const VideoPlayer = vue.defineComponent({
     return {
       muxPlayerRef,
       computedProps,
-      otherProps
+      otherProps,
+      alt
     };
   },
   mounted() {
@@ -1562,7 +1561,8 @@ const VideoPlayer = vue.defineComponent({
   render() {
     return vue.h("mux-player", __spreadValues$2(__spreadValues$2({
       ref: "muxPlayerRef",
-      "stream-type": "on-demand"
+      "stream-type": "on-demand",
+      "data-datocms-content-link-source": this.alt && contentLink.decodeStega(this.alt) ? this.alt : void 0
     }, toHTMLAttrs(this.computedProps)), toHTMLAttrs(this.otherProps)));
   }
 });

package/dist/index.d.ts

@@ -866,6 +866,8 @@ type Possibly<T> = Maybe$1<T> | undefined;
 type Video = {
     /** Title attribute (`title`) for the video */
     title?: Possibly<string>;
+    /** Alt attribute used for content link integration (passed as data-datocms-content-link-source) */
+    alt?: Possibly<string>;
     /** The height of the video */
     height?: Possibly<number>;
     /** The width of the video */
@@ -1212,6 +1214,7 @@ declare const VideoPlayer: vue.DefineComponent<{
         onCuePointChange: ((...args: any[]) => any) | undefined;
         onCuePointsChange: ((...args: any[]) => any) | undefined;
     };
+    alt: Possibly<string>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("error" | "seeking" | "ended" | "pause" | "play" | "abort" | "canPlay" | "canPlayThrough" | "emptied" | "loadStart" | "loadedData" | "loadedMetadata" | "progress" | "durationChange" | "volumeChange" | "rateChange" | "resize" | "waiting" | "playing" | "timeUpdate" | "seeked" | "stalled" | "suspend" | "cuePointChange" | "cuePointsChange")[], "error" | "seeking" | "ended" | "pause" | "play" | "abort" | "canPlay" | "canPlayThrough" | "emptied" | "loadStart" | "loadedData" | "loadedMetadata" | "progress" | "durationChange" | "volumeChange" | "rateChange" | "resize" | "waiting" | "playing" | "timeUpdate" | "seeked" | "stalled" | "suspend" | "cuePointChange" | "cuePointsChange", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     _hlsConfig: {
         type: PropType<MuxPlayerElement["_hlsConfig"]>;

package/dist/index.esm.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, onMounted, onUnmounted, defineComponent, onBeforeUnmount, h, watchEffect, unref, reactive, computed, toRaw } from 'vue';
-import { createController } from '@datocms/content-link';
+import { createController, decodeStega } from '@datocms/content-link';
 export { decodeStega, stripStega } from '@datocms/content-link';
 import hypenateStyleName from 'hyphenate-style-name';
 import { render, renderNodeRule, defaultMetaTransformer } from 'datocms-structured-text-generic-html-renderer';
@@ -141,10 +141,7 @@ const ContentLink = defineComponent({
     }
   },
   setup(props) {
-    const {
-      enableClickToEdit: enableClickToEditFn,
-      setCurrentPath
-    } = useContentLink({
+    const { enableClickToEdit: enableClickToEditFn, setCurrentPath } = useContentLink({
       enabled: props.stripStega !== void 0 ? { stripStega: props.stripStega } : true,
       onNavigateTo: props.onNavigateTo,
       root: props.root
@@ -1470,6 +1467,7 @@ const VideoPlayer = defineComponent({
     ]);
     import('@mux/mux-player');
     const muxPlayerRef = ref();
+    const { alt } = data;
     const computedProps = __spreadProps$2(__spreadValues$2({}, useVideoPlayer({ data })), {
       disableCookies,
       disableTracking,
@@ -1478,7 +1476,8 @@ const VideoPlayer = defineComponent({
     return {
       muxPlayerRef,
       computedProps,
-      otherProps
+      otherProps,
+      alt
     };
   },
   mounted() {
@@ -1563,7 +1562,8 @@ const VideoPlayer = defineComponent({
   render() {
     return h("mux-player", __spreadValues$2(__spreadValues$2({
       ref: "muxPlayerRef",
-      "stream-type": "on-demand"
+      "stream-type": "on-demand",
+      "data-datocms-content-link-source": this.alt && decodeStega(this.alt) ? this.alt : void 0
     }, toHTMLAttrs(this.computedProps)), toHTMLAttrs(this.otherProps)));
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-datocms",
-  "version": "8.1.6",
+  "version": "8.1.8",
   "type": "module",
   "description": "A set of components and utilities to work faster with DatoCMS in Vue.js environments",
   "keywords": [
@@ -42,7 +42,7 @@
     "toc": "doctoc --github src/components src/lib"
   },
   "dependencies": {
-    "@datocms/content-link": "^0.3.9",
+    "@datocms/content-link": "^0.3.10",
     "datocms-listen": "^1.0.2",
     "hls.js": "^1.5.17",
     "datocms-structured-text-generic-html-renderer": "^5.0.0",