npm - @datocms/svelte - Versions diffs - 1.2.2 → 1.4.0 - Mend

@datocms/svelte 1.2.2 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/package/components/VideoPlayer/__tests__/__snapshots__/VideoPlayer.svelte.test.ts.snap ADDED Viewed

@@ -0,0 +1,230 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+exports[`VideoPlayer > when data object > contains \`muxPlaybackId\` > uses it for \`playbackId\` 1`] = `
+<body>
+  <div>
+    <mux-player
+      disable-cookies="true"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="metadata"
+      stream-type="on-demand"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+exports[`VideoPlayer > when data object > contains \`playbackId\` > uses it for \`playbackId\` 1`] = `
+<body>
+  <div>
+    <mux-player
+      disable-cookies="true"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="metadata"
+      stream-type="on-demand"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+exports[`VideoPlayer > when data object > is complete > and \`autoplay\` is passed > uses it for the <mux-player /> element 1`] = `
+<body>
+  <div>
+    <mux-player
+      autoplay="true"
+      disable-cookies="true"
+      placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="metadata"
+      stream-type="on-demand"
+      style="aspect-ratio: 1080 / 1920;"
+      title="Title"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+exports[`VideoPlayer > when data object > is complete > and \`autoplay\` is passed > with value \`false\` > doesn't use it for the <mux-player /> element 1`] = `
+<body>
+  <div>
+    <mux-player
+      disable-cookies="true"
+      placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="metadata"
+      stream-type="on-demand"
+      style="aspect-ratio: 1080 / 1920;"
+      title="Title"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+exports[`VideoPlayer > when data object > is complete > and \`class\` is passed > uses it for the <mux-player /> element 1`] = `
+<body>
+  <div>
+    <mux-player
+      class="main-player"
+      disable-cookies="true"
+      placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="metadata"
+      stream-type="on-demand"
+      style="aspect-ratio: 1080 / 1920;"
+      title="Title"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+exports[`VideoPlayer > when data object > is complete > and \`disableCookies\` is passed > uses it for the <mux-player /> element 1`] = `
+<body>
+  <div>
+    <mux-player
+      disable-cookies="true"
+      placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="metadata"
+      stream-type="on-demand"
+      style="aspect-ratio: 1080 / 1920;"
+      title="Title"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+exports[`VideoPlayer > when data object > is complete > and \`disableCookies\` is passed > with value \`false\` > doesn't use it for the <mux-player /> element 1`] = `
+<body>
+  <div>
+    <mux-player
+      placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="metadata"
+      stream-type="on-demand"
+      style="aspect-ratio: 1080 / 1920;"
+      title="Title"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+exports[`VideoPlayer > when data object > is complete > and \`preload\` is passed > uses it for the <mux-player /> element 1`] = `
+<body>
+  <div>
+    <mux-player
+      disable-cookies="true"
+      placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="auto"
+      stream-type="on-demand"
+      style="aspect-ratio: 1080 / 1920;"
+      title="Title"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+exports[`VideoPlayer > when data object > is complete > and \`preload\` is passed > with value \`none\` > doesn't use it for the <mux-player /> element 1`] = `
+<body>
+  <div>
+    <mux-player
+      disable-cookies="true"
+      placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="none"
+      stream-type="on-demand"
+      style="aspect-ratio: 1080 / 1920;"
+      title="Title"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+exports[`VideoPlayer > when data object > is complete > and a style string is passed > that defines the aspect ratio property > as a valid CSS value > uses the passed value to override default aspect ratio 1`] = `
+<body>
+  <div>
+    <mux-player
+      disable-cookies="true"
+      placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="metadata"
+      stream-type="on-demand"
+      style="aspect-ratio: auto;"
+      title="Title"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+exports[`VideoPlayer > when data object > is complete > and a style string is passed > that doesn't include aspect ratio > adds computed aspect ratio 1`] = `
+<body>
+  <div>
+    <mux-player
+      disable-cookies="true"
+      placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="metadata"
+      stream-type="on-demand"
+      style="aspect-ratio: 1080 / 1920; margin: auto;"
+      title="Title"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+exports[`VideoPlayer > when data object > is complete > unwraps data into props ready for MUX player 1`] = `
+<body>
+  <div>
+    <mux-player
+      disable-cookies="true"
+      placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="metadata"
+      stream-type="on-demand"
+      style="aspect-ratio: 1080 / 1920;"
+      title="Title"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+exports[`VideoPlayer > when data object > lacks of \`title\` value > avoids adding a title 1`] = `
+<body>
+  <div>
+    <mux-player
+      disable-cookies="true"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="metadata"
+      stream-type="on-demand"
+      style="aspect-ratio: 1080 / 1920;"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+exports[`VideoPlayer > when data object > lacks of \`width\` and \`height\` values > avoids adding aspect ratio 1`] = `
+<body>
+  <div>
+    <mux-player
+      disable-cookies="true"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="metadata"
+      stream-type="on-demand"
+      title="Title"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;

package/package/index.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import type { Node } from 'datocms-structured-text-utils';
+import type { SvelteComponent } from 'svelte';
+export { default as StructuredText } from './components/StructuredText/StructuredText.svelte';
+export { default as Image } from './components/Image/Image.svelte';
+export { default as Head } from './components/Head/Head.svelte';
+export { default as VideoPlayer } from './components/VideoPlayer/VideoPlayer.svelte';
+export type PredicateComponentTuple = [
+    (n: Node) => boolean,
+    new (...any: any) => SvelteComponent
+];

package/package/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+export { default as StructuredText } from './components/StructuredText/StructuredText.svelte';
+export { default as Image } from './components/Image/Image.svelte';
+export { default as Head } from './components/Head/Head.svelte';
+export { default as VideoPlayer } from './components/VideoPlayer/VideoPlayer.svelte';