@datocms/svelte 1.2.0 → 1.2.2

package/components/Head/__tests__/__fixtures__/head.js

@@ -1,280 +0,0 @@
-export const metaTags = [
-    {
-        content: 'Remix CMS - The easiest way to manage content with Remix',
-        attributes: null,
-        tag: 'title'
-    },
-    {
-        content: null,
-        attributes: {
-            property: 'og:title',
-            content: 'Remix CMS - The easiest way to manage content with Remix'
-        },
-        tag: 'meta'
-    },
-    {
-        content: null,
-        attributes: {
-            name: 'twitter:title',
-            content: 'Remix CMS - The easiest way to manage content with Remix'
-        },
-        tag: 'meta'
-    },
-    {
-        content: null,
-        attributes: {
-            name: 'description',
-            content: 'Remix makes building scalable and fast React apps simple, pair it with a CMS that shares the same intuitiveness. Start a new Remix + Dato project now.'
-        },
-        tag: 'meta'
-    },
-    {
-        content: null,
-        attributes: {
-            property: 'og:description',
-            content: 'Remix makes building scalable and fast React apps simple, pair it with a CMS that shares the same intuitiveness. Start a new Remix + Dato project now.'
-        },
-        tag: 'meta'
-    },
-    {
-        content: null,
-        attributes: {
-            name: 'twitter:description',
-            content: 'Remix makes building scalable and fast React apps simple, pair it with a CMS that shares the same intuitiveness. Start a new Remix + Dato project now.'
-        },
-        tag: 'meta'
-    },
-    {
-        content: null,
-        attributes: {
-            property: 'og:image',
-            content: 'https://www.datocms-assets.com/205/1642515293-full-logo.svg?fit=max&fm=jpg&w=1000'
-        },
-        tag: 'meta'
-    },
-    {
-        content: null,
-        attributes: {
-            property: 'og:image:width',
-            content: '746'
-        },
-        tag: 'meta'
-    },
-    {
-        content: null,
-        attributes: {
-            property: 'og:image:height',
-            content: '186'
-        },
-        tag: 'meta'
-    },
-    {
-        content: null,
-        attributes: {
-            name: 'twitter:image',
-            content: 'https://www.datocms-assets.com/205/1642515293-full-logo.svg?fit=max&fm=jpg&w=1000'
-        },
-        tag: 'meta'
-    },
-    {
-        content: null,
-        attributes: {
-            property: 'og:locale',
-            content: 'en'
-        },
-        tag: 'meta'
-    },
-    {
-        content: null,
-        attributes: {
-            property: 'og:type',
-            content: 'article'
-        },
-        tag: 'meta'
-    },
-    {
-        content: null,
-        attributes: {
-            property: 'og:site_name',
-            content: 'DatoCMS'
-        },
-        tag: 'meta'
-    },
-    {
-        content: null,
-        attributes: {
-            property: 'article:modified_time',
-            content: '2022-01-18T14:02:47Z'
-        },
-        tag: 'meta'
-    },
-    {
-        content: null,
-        attributes: {
-            name: 'twitter:card',
-            content: 'summary_large_image'
-        },
-        tag: 'meta'
-    },
-    {
-        content: null,
-        attributes: {
-            name: 'twitter:site',
-            content: '@datocms'
-        },
-        tag: 'meta'
-    },
-    {
-        attributes: {
-            sizes: '16x16',
-            type: 'image/png',
-            rel: 'icon',
-            href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=16&w=16'
-        },
-        content: null,
-        tag: 'link'
-    },
-    {
-        attributes: {
-            sizes: '32x32',
-            type: 'image/png',
-            rel: 'icon',
-            href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=32&w=32'
-        },
-        content: null,
-        tag: 'link'
-    },
-    {
-        attributes: {
-            sizes: '96x96',
-            type: 'image/png',
-            rel: 'icon',
-            href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=96&w=96'
-        },
-        content: null,
-        tag: 'link'
-    },
-    {
-        attributes: {
-            sizes: '192x192',
-            type: 'image/png',
-            rel: 'icon',
-            href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=192&w=192'
-        },
-        content: null,
-        tag: 'link'
-    },
-    {
-        attributes: {
-            sizes: '57x57',
-            rel: 'apple-touch-icon',
-            href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=57&w=57'
-        },
-        content: null,
-        tag: 'link'
-    },
-    {
-        attributes: {
-            sizes: '60x60',
-            rel: 'apple-touch-icon',
-            href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=60&w=60'
-        },
-        content: null,
-        tag: 'link'
-    },
-    {
-        attributes: {
-            sizes: '72x72',
-            rel: 'apple-touch-icon',
-            href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=72&w=72'
-        },
-        content: null,
-        tag: 'link'
-    },
-    {
-        attributes: {
-            sizes: '76x76',
-            rel: 'apple-touch-icon',
-            href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=76&w=76'
-        },
-        content: null,
-        tag: 'link'
-    },
-    {
-        attributes: {
-            sizes: '114x114',
-            rel: 'apple-touch-icon',
-            href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=114&w=114'
-        },
-        content: null,
-        tag: 'link'
-    },
-    {
-        attributes: {
-            sizes: '120x120',
-            rel: 'apple-touch-icon',
-            href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=120&w=120'
-        },
-        content: null,
-        tag: 'link'
-    },
-    {
-        attributes: {
-            sizes: '144x144',
-            rel: 'apple-touch-icon',
-            href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=144&w=144'
-        },
-        content: null,
-        tag: 'link'
-    },
-    {
-        attributes: {
-            sizes: '152x152',
-            rel: 'apple-touch-icon',
-            href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=152&w=152'
-        },
-        content: null,
-        tag: 'link'
-    },
-    {
-        attributes: {
-            sizes: '180x180',
-            rel: 'apple-touch-icon',
-            href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=180&w=180'
-        },
-        content: null,
-        tag: 'link'
-    },
-    {
-        attributes: {
-            name: 'msapplication-square70x70logo',
-            content: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=70&w=70'
-        },
-        content: null,
-        tag: 'meta'
-    },
-    {
-        attributes: {
-            name: 'msapplication-square150x150logo',
-            content: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=150&w=150'
-        },
-        content: null,
-        tag: 'meta'
-    },
-    {
-        attributes: {
-            name: 'msapplication-square310x310logo',
-            content: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=310&w=310'
-        },
-        content: null,
-        tag: 'meta'
-    },
-    {
-        attributes: {
-            name: 'msapplication-square310x150logo',
-            content: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=150&w=310'
-        },
-        content: null,
-        tag: 'meta'
-    }
-];

package/components/Head/__tests__/__snapshots__/Head.test.ts.snap

@@ -1,221 +0,0 @@
-// Vitest Snapshot v1
-
-exports[`Head > renders meta tags 1`] = `
-<head>
-  <title>
-    Remix CMS - The easiest way to manage content with Remix
-  </title>
-  
-  
-  <meta
-    content="Remix CMS - The easiest way to manage content with Remix"
-    property="og:title"
-  />
-  
-  
-  <meta
-    content="Remix CMS - The easiest way to manage content with Remix"
-    name="twitter:title"
-  />
-  
-  
-  <meta
-    content="Remix makes building scalable and fast React apps simple, pair it with a CMS that shares the same intuitiveness. Start a new Remix + Dato project now."
-    name="description"
-  />
-  
-  
-  <meta
-    content="Remix makes building scalable and fast React apps simple, pair it with a CMS that shares the same intuitiveness. Start a new Remix + Dato project now."
-    property="og:description"
-  />
-  
-  
-  <meta
-    content="Remix makes building scalable and fast React apps simple, pair it with a CMS that shares the same intuitiveness. Start a new Remix + Dato project now."
-    name="twitter:description"
-  />
-  
-  
-  <meta
-    content="https://www.datocms-assets.com/205/1642515293-full-logo.svg?fit=max&fm=jpg&w=1000"
-    property="og:image"
-  />
-  
-  
-  <meta
-    content="746"
-    property="og:image:width"
-  />
-  
-  
-  <meta
-    content="186"
-    property="og:image:height"
-  />
-  
-  
-  <meta
-    content="https://www.datocms-assets.com/205/1642515293-full-logo.svg?fit=max&fm=jpg&w=1000"
-    name="twitter:image"
-  />
-  
-  
-  <meta
-    content="en"
-    property="og:locale"
-  />
-  
-  
-  <meta
-    content="article"
-    property="og:type"
-  />
-  
-  
-  <meta
-    content="DatoCMS"
-    property="og:site_name"
-  />
-  
-  
-  <meta
-    content="2022-01-18T14:02:47Z"
-    property="article:modified_time"
-  />
-  
-  
-  <meta
-    content="summary_large_image"
-    name="twitter:card"
-  />
-  
-  
-  <meta
-    content="@datocms"
-    name="twitter:site"
-  />
-  
-  
-  <link
-    href="https://www.datocms-assets.com/205/1525789775-dato.png?h=16&w=16"
-    rel="icon"
-    sizes="16x16"
-    type="image/png"
-  />
-  
-  
-  <link
-    href="https://www.datocms-assets.com/205/1525789775-dato.png?h=32&w=32"
-    rel="icon"
-    sizes="32x32"
-    type="image/png"
-  />
-  
-  
-  <link
-    href="https://www.datocms-assets.com/205/1525789775-dato.png?h=96&w=96"
-    rel="icon"
-    sizes="96x96"
-    type="image/png"
-  />
-  
-  
-  <link
-    href="https://www.datocms-assets.com/205/1525789775-dato.png?h=192&w=192"
-    rel="icon"
-    sizes="192x192"
-    type="image/png"
-  />
-  
-  
-  <link
-    href="https://www.datocms-assets.com/205/1525789775-dato.png?h=57&w=57"
-    rel="apple-touch-icon"
-    sizes="57x57"
-  />
-  
-  
-  <link
-    href="https://www.datocms-assets.com/205/1525789775-dato.png?h=60&w=60"
-    rel="apple-touch-icon"
-    sizes="60x60"
-  />
-  
-  
-  <link
-    href="https://www.datocms-assets.com/205/1525789775-dato.png?h=72&w=72"
-    rel="apple-touch-icon"
-    sizes="72x72"
-  />
-  
-  
-  <link
-    href="https://www.datocms-assets.com/205/1525789775-dato.png?h=76&w=76"
-    rel="apple-touch-icon"
-    sizes="76x76"
-  />
-  
-  
-  <link
-    href="https://www.datocms-assets.com/205/1525789775-dato.png?h=114&w=114"
-    rel="apple-touch-icon"
-    sizes="114x114"
-  />
-  
-  
-  <link
-    href="https://www.datocms-assets.com/205/1525789775-dato.png?h=120&w=120"
-    rel="apple-touch-icon"
-    sizes="120x120"
-  />
-  
-  
-  <link
-    href="https://www.datocms-assets.com/205/1525789775-dato.png?h=144&w=144"
-    rel="apple-touch-icon"
-    sizes="144x144"
-  />
-  
-  
-  <link
-    href="https://www.datocms-assets.com/205/1525789775-dato.png?h=152&w=152"
-    rel="apple-touch-icon"
-    sizes="152x152"
-  />
-  
-  
-  <link
-    href="https://www.datocms-assets.com/205/1525789775-dato.png?h=180&w=180"
-    rel="apple-touch-icon"
-    sizes="180x180"
-  />
-  
-  
-  <meta
-    content="https://www.datocms-assets.com/205/1525789775-dato.png?h=70&w=70"
-    name="msapplication-square70x70logo"
-  />
-  
-  
-  <meta
-    content="https://www.datocms-assets.com/205/1525789775-dato.png?h=150&w=150"
-    name="msapplication-square150x150logo"
-  />
-  
-  
-  <meta
-    content="https://www.datocms-assets.com/205/1525789775-dato.png?h=310&w=310"
-    name="msapplication-square310x310logo"
-  />
-  
-  
-  <meta
-    content="https://www.datocms-assets.com/205/1525789775-dato.png?h=150&w=310"
-    name="msapplication-square310x150logo"
-  />
-  
-  
-  
-</head>
-`;

package/components/Image/Image.svelte

@@ -1,172 +0,0 @@
-<script context="module">import IntersectionObserver from "svelte-intersection-observer";
-const isWindowDefined = typeof window !== "undefined";
-const noTypeCheck = (x) => x;
-const imageAddStrategy = ({ lazyLoad, intersecting, loaded }) => {
-  const isIntersectionObserverAvailable = isWindowDefined ? !!window.IntersectionObserver : false;
-  if (!lazyLoad) {
-    return true;
-  }
-  if (!isWindowDefined) {
-    return false;
-  }
-  if (isIntersectionObserverAvailable) {
-    return intersecting || loaded;
-  }
-  return true;
-};
-const imageShowStrategy = ({ lazyLoad, loaded }) => {
-  const isIntersectionObserverAvailable = isWindowDefined ? !!window.IntersectionObserver : false;
-  if (!lazyLoad) {
-    return true;
-  }
-  if (!isWindowDefined) {
-    return false;
-  }
-  if (isIntersectionObserverAvailable) {
-    return loaded;
-  }
-  return true;
-};
-const bogusBaseUrl = "https://example.com/";
-const buildSrcSet = (src, width, candidateMultipliers) => {
-  if (!(src && width)) {
-    return void 0;
-  }
-  return candidateMultipliers.map((multiplier) => {
-    const url = new URL(src, bogusBaseUrl);
-    if (multiplier !== 1) {
-      url.searchParams.set("dpr", `${multiplier}`);
-      const maxH = url.searchParams.get("max-h");
-      const maxW = url.searchParams.get("max-w");
-      if (maxH) {
-        url.searchParams.set("max-h", `${Math.floor(parseInt(maxH) * multiplier)}`);
-      }
-      if (maxW) {
-        url.searchParams.set("max-w", `${Math.floor(parseInt(maxW) * multiplier)}`);
-      }
-    }
-    const finalWidth = Math.floor(width * multiplier);
-    if (finalWidth < 50) {
-      return null;
-    }
-    return `${url.toString().replace(bogusBaseUrl, "/")} ${finalWidth}w`;
-  }).filter(Boolean).join(",");
-};
-</script>
-
-<script>import { createEventDispatcher } from "svelte";
-import Sizer from "./Sizer.svelte";
-import Placeholder from "./Placeholder.svelte";
-import Source from "./Source.svelte";
-const dispatch = createEventDispatcher();
-let element;
-let intersecting = false;
-let loaded = false;
-export let alt = null;
-export let data;
-let klass = null;
-export { klass as class };
-export let pictureClass = null;
-export let fadeInDuration = 500;
-export let intersectionThreshold = 0;
-export let intersectionMargin = "0px";
-let rawLazyLoad = true;
-export { rawLazyLoad as lazyLoad };
-export let style = {};
-export let pictureStyle = null;
-export let layout = "intrinsic";
-export let objectFit = void 0;
-export let objectPosition = void 0;
-export let usePlaceholder = true;
-export let sizes = null;
-export let priority = false;
-export let srcSetCandidates = [0.25, 0.5, 0.75, 1, 1.5, 2, 3, 4];
-$:
-  ({ width, height, aspectRatio } = data);
-$:
-  lazyLoad = priority ? false : rawLazyLoad;
-$:
-  addImage = imageAddStrategy({
-    lazyLoad,
-    intersecting,
-    loaded
-  });
-$:
-  showImage = imageShowStrategy({
-    lazyLoad,
-    intersecting,
-    loaded
-  });
-let transition = fadeInDuration > 0 ? `opacity ${fadeInDuration}ms` : void 0;
-</script>
-
-<IntersectionObserver
-	{element}
-	bind:intersecting
-	threshold={intersectionThreshold}
-	rootMargin={intersectionMargin}
->
-	<div
-		bind:this={element}
-		class={klass}
-		style:overflow="hidden"
-		style:position={style.position ?? layout === 'fill' ? 'absolute' : 'relative'}
-		style:width={style.width ?? layout === 'fixed' ? data.width : '100%'}
-		style:maxWidth={style.maxWidth ?? layout === 'intrinsic' ? data.width : null}
-		style:height={style.height ?? layout === 'fill' ? '100%' : null}
-		data-testid="image"
-	>
-		{#if layout !== 'fill' && width}
-			<Sizer {width} {height} {aspectRatio} />
-		{/if}
-
-		{#if usePlaceholder && (data.bgColor || data.base64)}
-			<Placeholder
-				base64={data.base64}
-				backgroundColor={data.bgColor}
-				{objectFit}
-				{objectPosition}
-				{showImage}
-				{fadeInDuration}
-			/>
-		{/if}
-
-		{#if addImage}
-			<picture style={pictureStyle} data-testid="picture">
-				{#if data.webpSrcSet}
-					<Source srcset={data.webpSrcSet} sizes={sizes ?? data.sizes ?? null} type="image/webp" />
-				{/if}
-				<Source
-					srcset={data.srcSet ?? buildSrcSet(data.src, data.width, srcSetCandidates) ?? null}
-					sizes={sizes ?? data.sizes ?? null}
-				/>
-				{#if data.src}
-					<img
-						{...noTypeCheck({
-							// See: https://github.com/sveltejs/language-tools/issues/1026#issuecomment-1002839154
-							fetchpriority: priority ? 'high' : undefined
-						})}
-						src={data.src}
-						alt={alt ?? data.alt ?? ''}
-						title={data.title ?? null}
-						on:load={() => {
-							dispatch('load');
-							loaded = true;
-						}}
-						class={pictureClass}
-						style:opacity={showImage ? 1 : 0}
-						style:transition
-						style:position="absolute"
-						style:left="0"
-						style:top="0"
-						style:width="100%"
-						style:height="100%"
-						style:objectFit
-						style:objectPosition
-						data-testid="img"
-					/>
-				{/if}
-			</picture>
-		{/if}
-	</div>
-</IntersectionObserver>