svelte-meta-tags 2.8.0 → 3.0.1

package/dist/JsonLd.svelte

@@ -1,22 +1,16 @@
-<script>
-  /** @type {import("./types").JsonLdProps['output']} */
-  export let output = 'head';
-
-  /** @type {import("./types").JsonLdProps['schema']} */
-  export let schema = undefined;
-
-  $: isValid = schema && typeof schema === 'object';
-
-  /**
-   * @param {import("./types").JsonLdProps['schema']} schema
-   */
-  function createSchema(schema) {
-    const addContext = (context) => ({ '@context': 'https://schema.org', ...context });
-
-    return Array.isArray(schema) ? schema.map((context) => addContext(context)) : addContext(schema);
-  }
-
-  $: json = `${'<scri' + 'pt type="application/ld+json">'}${JSON.stringify(createSchema(schema))}${'</scri' + 'pt>'}`;
+<script>export let output = "head";
+export let schema = void 0;
+$:
+  isValid = schema && typeof schema === "object";
+const createSchema = (schema2) => {
+  const addContext = (context) => ({
+    "@context": "https://schema.org",
+    ...context
+  });
+  return Array.isArray(schema2) ? schema2.map((context) => addContext(context)) : addContext(schema2);
+};
+$:
+  json = `${'<script type="application/ld+json">'}${JSON.stringify(createSchema(schema))}${"<\/script>"}`;
 </script>
 
 <svelte:head>

package/dist/JsonLd.svelte.d.ts

@@ -1,25 +1,18 @@
-/** @typedef {typeof __propDef.props}  JsonLdProps */
-/** @typedef {typeof __propDef.events}  JsonLdEvents */
-/** @typedef {typeof __propDef.slots}  JsonLdSlots */
-export default class JsonLd extends SvelteComponentTyped<{
-    output?: "head" | "body";
-    schema?: import("schema-dts").Thing | import("schema-dts").WithContext<import("schema-dts").Thing> | import("schema-dts").Thing[] | import("schema-dts").WithContext<import("schema-dts").Thing>[];
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type JsonLdProps = typeof __propDef.props;
-export type JsonLdEvents = typeof __propDef.events;
-export type JsonLdSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
+import type { JsonLdProps } from './types';
 declare const __propDef: {
     props: {
-        output?: import("./types").JsonLdProps['output'];
-        schema?: import("./types").JsonLdProps['schema'];
+        output?: JsonLdProps['output'];
+        schema?: JsonLdProps['schema'];
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-export {};
+type JsonLdProps_ = typeof __propDef.props;
+export { JsonLdProps_ as JsonLdProps };
+export type JsonLdEvents = typeof __propDef.events;
+export type JsonLdSlots = typeof __propDef.slots;
+export default class JsonLd extends SvelteComponentTyped<JsonLdProps, JsonLdEvents, JsonLdSlots> {
+}

package/dist/MetaTags.svelte

@@ -1,77 +1,44 @@
-<script>
-  /** @type {import("./types").MetaTagsProps['title']} */
-  export let title = '';
-
-  /** @type {import("./types").MetaTagsProps['titleTemplate']} */
-  export let titleTemplate = '';
-
-  /** @type {import("./types").MetaTagsProps['noindex']} */
-  export let noindex = false;
-
-  /** @type {import("./types").MetaTagsProps['nofollow']} */
-  export let nofollow = false;
-
-  /** @type {import("./types").MetaTagsProps['robotsProps']} */
-  export let robotsProps = undefined;
-
-  /** @type {import("./types").MetaTagsProps['description']} */
-  export let description = undefined;
-
-  /** @type {import("./types").MetaTagsProps['mobileAlternate']} */
-  export let mobileAlternate = undefined;
-
-  /** @type {import("./types").MetaTagsProps['languageAlternates']} */
-  export let languageAlternates = undefined;
-
-  /** @type {import("./types").MetaTagsProps['twitter']} */
-  export let twitter = undefined;
-
-  /** @type {import("./types").MetaTagsProps['facebook']} */
-  export let facebook = undefined;
-
-  /** @type {import("./types").MetaTagsProps['openGraph']} */
-  export let openGraph = undefined;
-
-  /** @type {import("./types").MetaTagsProps['canonical']} */
-  export let canonical = undefined;
-
-  /** @type {import("./types").MetaTagsProps['additionalMetaTags']} */
-  export let additionalMetaTags = undefined;
-
-  /** @type {import("./types").MetaTagsProps['additionalLinkTags']} */
-  export let additionalLinkTags = undefined;
-
-  $: updatedTitle = titleTemplate ? titleTemplate.replace(/%s/g, title) : title;
-
-  let robotsParams = '';
-  if (robotsProps) {
-    const {
-      nosnippet,
-      maxSnippet,
-      maxImagePreview,
-      maxVideoPreview,
-      noarchive,
-      noimageindex,
-      notranslate,
-      unavailableAfter
-    } = robotsProps;
-
-    robotsParams = `${nosnippet ? ',nosnippet' : ''}${maxSnippet ? `,max-snippet:${maxSnippet}` : ''}${
-      maxImagePreview ? `,max-image-preview:${maxImagePreview}` : ''
-    }${noarchive ? ',noarchive' : ''}${unavailableAfter ? `,unavailable_after:${unavailableAfter}` : ''}${
-      noimageindex ? ',noimageindex' : ''
-    }${maxVideoPreview ? `,max-video-preview:${maxVideoPreview}` : ''}${notranslate ? ',notranslate' : ''}`;
+<script>export let title = "";
+export let titleTemplate = "";
+export let robots = "index,follow";
+export let additionalRobotsProps = void 0;
+export let description = void 0;
+export let mobileAlternate = void 0;
+export let languageAlternates = void 0;
+export let twitter = void 0;
+export let facebook = void 0;
+export let openGraph = void 0;
+export let canonical = void 0;
+export let additionalMetaTags = void 0;
+export let additionalLinkTags = void 0;
+$:
+  updatedTitle = titleTemplate ? title ? titleTemplate.replace(/%s/g, title) : title : title;
+let robotsParams = "";
+if (additionalRobotsProps) {
+  const {
+    nosnippet,
+    maxSnippet,
+    maxImagePreview,
+    maxVideoPreview,
+    noarchive,
+    noimageindex,
+    notranslate,
+    unavailableAfter
+  } = additionalRobotsProps;
+  robotsParams = `${nosnippet ? ",nosnippet" : ""}${maxSnippet ? `,max-snippet:${maxSnippet}` : ""}${maxImagePreview ? `,max-image-preview:${maxImagePreview}` : ""}${noarchive ? ",noarchive" : ""}${unavailableAfter ? `,unavailable_after:${unavailableAfter}` : ""}${noimageindex ? ",noimageindex" : ""}${maxVideoPreview ? `,max-video-preview:${maxVideoPreview}` : ""}${notranslate ? ",notranslate" : ""}`;
+}
+$:
+  if (!robots && additionalRobotsProps) {
+    console.warn("additionalRobotsProps cannot be used when robots is set to false");
   }
 </script>
 
 <svelte:head>
   <title>{updatedTitle}</title>
 
-  <meta name="robots" content={`${noindex ? 'noindex' : 'index'},${nofollow ? 'nofollow' : 'follow'}${robotsParams}`} />
-  <meta
-    name="googlebot"
-    content={`${noindex ? 'noindex' : 'index'},${nofollow ? 'nofollow' : 'follow'}${robotsParams}`}
-  />
+  {#if robots !== false}
+    <meta name="robots" content="{robots}{robotsParams}" />
+  {/if}
 
   {#if description}
     <meta name="description" content={description} />
@@ -191,7 +158,7 @@
           {/each}
         {/if}
       {:else if openGraph.type.toLowerCase() === 'video.movie' || openGraph.type.toLowerCase() === 'video.episode' || openGraph.type.toLowerCase() === 'video.tv_show' || (openGraph.type.toLowerCase() === 'video.other' && openGraph.video)}
-        {#if openGraph.video.actors && openGraph.video.actors.length}
+        {#if openGraph.video?.actors && openGraph.video.actors.length}
           {#each openGraph.video.actors as actor}
             {#if actor.profile}
               <meta property="video:actor" content={actor.profile} />
@@ -202,33 +169,33 @@
           {/each}
         {/if}
 
-        {#if openGraph.video.directors && openGraph.video.directors.length}
+        {#if openGraph.video?.directors && openGraph.video.directors.length}
           {#each openGraph.video.directors as director}
             <meta property="video:director" content={director} />
           {/each}
         {/if}
 
-        {#if openGraph.video.writers && openGraph.video.writers.length}
+        {#if openGraph.video?.writers && openGraph.video.writers.length}
           {#each openGraph.video.writers as writer}
             <meta property="video:writer" content={writer} />
           {/each}
         {/if}
 
-        {#if openGraph.video.duration}
+        {#if openGraph.video?.duration}
           <meta property="video:duration" content={openGraph.video.duration.toString()} />
         {/if}
 
-        {#if openGraph.video.releaseDate}
+        {#if openGraph.video?.releaseDate}
           <meta property="video:release_date" content={openGraph.video.releaseDate} />
         {/if}
 
-        {#if openGraph.video.tags && openGraph.video.tags.length}
+        {#if openGraph.video?.tags && openGraph.video.tags.length}
           {#each openGraph.video.tags as tag}
             <meta property="video:tag" content={tag} />
           {/each}
         {/if}
 
-        {#if openGraph.video.series}
+        {#if openGraph.video?.series}
           <meta property="video:series" content={openGraph.video.series} />
         {/if}
       {/if}
@@ -254,15 +221,18 @@
         {#if image.height}
           <meta property="og:image:height" content={image.height.toString()} />
         {/if}
+        {#if image.secureUrl}
+          <meta property="og:image:secure_url" content={image.secureUrl.toString()} />
+        {/if}
+        {#if image.type}
+          <meta property="og:image:type" content={image.type.toString()} />
+        {/if}
       {/each}
     {/if}
 
     {#if openGraph.videos && openGraph.videos.length}
       {#each openGraph.videos as video}
         <meta property="og:video" content={video.url} />
-        {#if video.alt}
-          <meta property="og:video:alt" content={video.alt} />
-        {/if}
         {#if video.width}
           <meta property="og:video:width" content={video.width.toString()} />
         {/if}
@@ -278,16 +248,28 @@
       {/each}
     {/if}
 
+    {#if openGraph.audio && openGraph.audio.length}
+      {#each openGraph.audio as audio}
+        <meta property="og:audio" content={audio.url} />
+        {#if audio.secureUrl}
+          <meta property="og:audio:secure_url" content={audio.secureUrl.toString()} />
+        {/if}
+        {#if audio.type}
+          <meta property="og:audio:type" content={audio.type.toString()} />
+        {/if}
+      {/each}
+    {/if}
+
     {#if openGraph.locale}
       <meta property="og:locale" content={openGraph.locale} />
     {/if}
 
-    {#if openGraph.site_name}
-      <meta property="og:site_name" content={openGraph.site_name} />
+    {#if openGraph.siteName}
+      <meta property="og:site_name" content={openGraph.siteName} />
     {/if}
   {/if}
 
-  {#if additionalMetaTags && additionalMetaTags.length > 0}
+  {#if additionalMetaTags && Array.isArray(additionalMetaTags)}
     {#each additionalMetaTags as tag}
       <meta {...tag} />
     {/each}

package/dist/MetaTags.svelte.d.ts

@@ -1,49 +1,29 @@
-/** @typedef {typeof __propDef.props}  MetaTagsProps */
-/** @typedef {typeof __propDef.events}  MetaTagsEvents */
-/** @typedef {typeof __propDef.slots}  MetaTagsSlots */
-export default class MetaTags extends SvelteComponentTyped<{
-    title?: string;
-    titleTemplate?: string;
-    noindex?: boolean;
-    nofollow?: boolean;
-    robotsProps?: import("./types").AdditionalRobotsProps;
-    description?: string;
-    mobileAlternate?: import("./types").MobileAlternate;
-    languageAlternates?: readonly import("./types").LanguageAlternate[];
-    twitter?: import("./types").Twitter;
-    facebook?: import("./types").Facebook;
-    openGraph?: import("./types").OpenGraph;
-    canonical?: string;
-    additionalMetaTags?: readonly import("./types").MetaTag[];
-    additionalLinkTags?: readonly import("./types").LinkTag[];
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type MetaTagsProps = typeof __propDef.props;
-export type MetaTagsEvents = typeof __propDef.events;
-export type MetaTagsSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
+import type { MetaTagsProps } from './types';
 declare const __propDef: {
     props: {
-        title?: import("./types").MetaTagsProps['title'];
-        titleTemplate?: import("./types").MetaTagsProps['titleTemplate'];
-        noindex?: import("./types").MetaTagsProps['noindex'];
-        nofollow?: import("./types").MetaTagsProps['nofollow'];
-        robotsProps?: import("./types").MetaTagsProps['robotsProps'];
-        description?: import("./types").MetaTagsProps['description'];
-        mobileAlternate?: import("./types").MetaTagsProps['mobileAlternate'];
-        languageAlternates?: import("./types").MetaTagsProps['languageAlternates'];
-        twitter?: import("./types").MetaTagsProps['twitter'];
-        facebook?: import("./types").MetaTagsProps['facebook'];
-        openGraph?: import("./types").MetaTagsProps['openGraph'];
-        canonical?: import("./types").MetaTagsProps['canonical'];
-        additionalMetaTags?: import("./types").MetaTagsProps['additionalMetaTags'];
-        additionalLinkTags?: import("./types").MetaTagsProps['additionalLinkTags'];
+        title?: MetaTagsProps['title'];
+        titleTemplate?: MetaTagsProps['titleTemplate'];
+        robots?: MetaTagsProps['robots'];
+        additionalRobotsProps?: MetaTagsProps['additionalRobotsProps'];
+        description?: MetaTagsProps['description'];
+        mobileAlternate?: MetaTagsProps['mobileAlternate'];
+        languageAlternates?: MetaTagsProps['languageAlternates'];
+        twitter?: MetaTagsProps['twitter'];
+        facebook?: MetaTagsProps['facebook'];
+        openGraph?: MetaTagsProps['openGraph'];
+        canonical?: MetaTagsProps['canonical'];
+        additionalMetaTags?: MetaTagsProps['additionalRobotsProps'];
+        additionalLinkTags?: MetaTagsProps['additionalLinkTags'];
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-export {};
+type MetaTagsProps_ = typeof __propDef.props;
+export { MetaTagsProps_ as MetaTagsProps };
+export type MetaTagsEvents = typeof __propDef.events;
+export type MetaTagsSlots = typeof __propDef.slots;
+export default class MetaTags extends SvelteComponentTyped<MetaTagsProps, MetaTagsEvents, MetaTagsSlots> {
+}

package/dist/types.d.ts

@@ -20,6 +20,7 @@ export interface AdditionalRobotsProps {
   noimageindex?: boolean;
   notranslate?: boolean;
 }
+
 export interface Twitter {
   cardType?: 'summary' | 'summary_large_image' | 'app' | 'player';
   site?: string;
@@ -39,29 +40,40 @@ export interface OpenGraph {
   type?: string;
   title?: string;
   description?: string;
-  images?: ReadonlyArray<OpenGraphImages>;
+  images?: ReadonlyArray<OpenGraphImage>;
   videos?: ReadonlyArray<OpenGraphVideos>;
+  audio?: ReadonlyArray<OpenGraphAudio>;
   locale?: string;
-  site_name?: string;
+  siteName?: string;
   profile?: OpenGraphProfile;
   book?: OpenGraphBook;
   article?: OpenGraphArticle;
   video?: OpenGraphVideo;
 }
-interface OpenGraphImages {
+
+interface OpenGraphImage {
   url: string;
-  alt?: string;
+  secureUrl?: string;
+  type?: string;
   width?: number;
   height?: number;
+  alt?: string;
 }
+
 interface OpenGraphVideos {
   url: string;
-  alt?: string;
+  secureUrl?: string;
+  type?: string;
   width?: number;
   height?: number;
+}
+
+interface OpenGraphAudio {
+  url: string;
   secureUrl?: string;
   type?: string;
 }
+
 interface OpenGraphProfile {
   firstName?: string;
   lastName?: string;
@@ -75,6 +87,7 @@ interface OpenGraphBook {
   releaseDate?: string;
   tags?: ReadonlyArray<string>;
 }
+
 interface OpenGraphArticle {
   publishedTime?: string;
   modifiedTime?: string;
@@ -126,17 +139,21 @@ export type MetaTag = HTML5MetaTag | RDFaMetaTag | HTTPEquivMetaTag;
 export interface LinkTag {
   rel: string;
   href: string;
+  hrefLang?: string;
+  media?: string;
   sizes?: string;
   type?: string;
   color?: string;
+  as?: string;
+  crossOrigin?: string;
+  referrerPolicy?: string;
 }
 
 export interface MetaTagsProps {
   title?: string;
   titleTemplate?: string;
-  noindex?: boolean;
-  nofollow?: boolean;
-  robotsProps?: AdditionalRobotsProps;
+  robots?: string | boolean;
+  additionalRobotsProps?: AdditionalRobotsProps;
   description?: string;
   canonical?: string;
   mobileAlternate?: MobileAlternate;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "svelte-meta-tags",
-  "version": "2.8.0",
-  "description": "Svelte Meta Tags is a plugin that makes managing your SEO easier in Svelte projects.",
+  "version": "3.0.1",
+  "description": "Svelte Meta Tags provides components designed to help you manage SEO for Svelte projects",
   "license": "MIT",
   "type": "module",
   "keywords": [
@@ -21,26 +21,15 @@
     "schema-dts": "^1.1.2"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.26.1",
-    "@playwright/test": "^1.34.3",
     "@sveltejs/adapter-auto": "^2.1.0",
-    "@sveltejs/kit": "^1.20.0",
-    "@sveltejs/package": "^2.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.59.8",
-    "@typescript-eslint/parser": "^5.59.8",
-    "eslint": "^8.41.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-svelte": "^2.29.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
-    "prettier": "^2.8.8",
-    "prettier-plugin-svelte": "^2.10.1",
-    "publint": "^0.1.12",
-    "svelte": "^3.59.1",
-    "svelte-check": "^3.4.3",
-    "tslib": "^2.5.2",
-    "typescript": "^5.0.4",
-    "vite": "^4.3.9"
+    "@sveltejs/kit": "^1.22.6",
+    "@sveltejs/package": "^2.2.1",
+    "publint": "^0.2.2",
+    "svelte": "^4.2.0",
+    "svelte-check": "^3.5.0",
+    "tslib": "^2.6.2",
+    "typescript": "^5.1.6",
+    "vite": "^4.4.9"
   },
   "peerDependencies": {
     "svelte": "^3.55.0 || ^4.0.0"
@@ -70,10 +59,6 @@
     "preview": "vite preview",
     "package": "svelte-kit sync && svelte-package && publint",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --plugin-search-dir . --check . && eslint .",
-    "format": "prettier --plugin-search-dir . --write .",
-    "test": "playwright test",
-    "release": "changeset publish"
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
   }
 }