svelte-meta-tags 2.5.1 → 2.6.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [2.5.5](https://github.com/oekazuma/svelte-meta-tags/compare/v2.5.4...v2.5.5) (2022-05-06)
+
+### Bug Fixes
+
+- revert JSON.stringify options back to previous ([5160cec](https://github.com/oekazuma/svelte-meta-tags/commit/5160cec32f50a29a8e59aa87f851557444ad26a3))
+
+## [2.5.4](https://github.com/oekazuma/svelte-meta-tags/compare/v2.5.3...v2.5.4) (2022-05-06)
+
+### Bug Fixes
+
+- obfuscate by concatenating script tag ([fa9d409](https://github.com/oekazuma/svelte-meta-tags/commit/fa9d40960afc8b06d4aadc6a958fc05b6b15a96c))
+
+## [2.5.3](https://github.com/oekazuma/svelte-meta-tags/compare/v2.5.2...v2.5.3) (2022-05-06)
+
+- escaping content in script tags ([25bf038](https://github.com/oekazuma/svelte-meta-tags/commit/25bf038a485697249ecc9633166599b0652f3550))
+
+## [2.5.2](https://github.com/oekazuma/svelte-meta-tags/compare/v2.5.1...v2.5.2) (2022-05-06)
+
+- version bump for package
+
 ## [2.5.1](https://github.com/oekazuma/svelte-meta-tags/compare/v2.5.0...v2.5.1) (2022-03-22)
 
 ### Bug Fixes

package/JsonLd.svelte

@@ -1,18 +1,16 @@
 <script>
   export let output = 'head';
   export let schema = undefined;
+
+  const jsonSchema = (schema) => JSON.stringify({ '@context': 'https://schema.org', ...schema });
 </script>
 
 <svelte:head>
   {#if schema && output === 'head'}
-    {@html `<script type="application/ld+json">${
-      JSON.stringify({ '@context': 'https://schema.org', ...schema }) + '<'
-    }/script>`}
+    {@html `${'<scri' + 'pt type="application/ld+json">'}${jsonSchema(schema)}${'</scri' + 'pt>'}`}
   {/if}
 </svelte:head>
 
 {#if schema && output === 'body'}
-  {@html `<script type="application/ld+json">${
-    JSON.stringify({ '@context': 'https://schema.org', ...schema }) + '<'
-  }/script>`}
+  {@html `${'<scri' + 'pt type="application/ld+json">'}${jsonSchema(schema)}${'</scri' + 'pt>'}`}
 {/if}

package/README.md

@@ -44,8 +44,8 @@ This library is inspired by [next-seo](https://github.com/garmeeh/next-seo)
     - [Course](#course)
     - [DataSet](#dataset)
     - [FAQ](#faq)
-- [Types Import](#types-import)
-  - [Types Import Examples](#types-import-examples)
+- [Types](#types)
+- [Additional types](#additional-types)
 
 ### 📦 Installing
 
@@ -788,85 +788,259 @@ This plugin uses [schema-dts](https://github.com/google/schema-dts), so it also
 />
 ```
 
-## Types Import
+## Types
+
+The following types can be imported from `svelte-meta-tags`
+
+### MetaTagsProps
+
+```ts
+interface MetaTagsProps {
+  title?: string;
+  titleTemplate?: string;
+  noindex?: boolean;
+  nofollow?: boolean;
+  robotsProps?: AdditionalRobotsProps;
+  description?: string;
+  canonical?: string;
+  mobileAlternate?: MobileAlternate;
+  languageAlternates?: ReadonlyArray<LanguageAlternate>;
+  twitter?: Twitter;
+  facebook?: Facebook;
+  openGraph?: OpenGraph;
+  additionalMetaTags?: ReadonlyArray<MetaTag>;
+  additionalLinkTags?: ReadonlyArray<LinkTag>;
+}
+```
 
-You can import and use the types `MetaTagsProps` and `JsonLdProps`.
+### JsonLdProps
 
-### Types Import Examples
+```ts
+interface JsonLdProps {
+  output?: 'head' | 'body';
+  schema?: Thing | WithContext<Thing>;
+}
+```
 
-```svelte
-<script lang="ts">
-  import { MetaTags, JsonLd } from 'svelte-meta-tags';
-  import type { MetaTagsProps, JsonLdProps } from 'svelte-meta-tags';
-
-  const metatags: MetaTagsProps = {
-    title: 'Types Page Title | Svelte Meta Tags',
-    description: 'Description of Types page',
-    canonical: 'https://www.canonical.ie/',
-    openGraph: {
-      type: 'website',
-      url: 'https://www.example.com/page',
-      locale: 'en_IE',
-      title: 'Open Graph Title',
-      description: 'Open Graph Description',
-      images: [
-        {
-          url: 'https://www.example.ie/og-image.jpg',
-          width: 800,
-          height: 600,
-          alt: 'Og Image Alt'
-        }
-      ],
-      site_name: 'SiteName'
-    },
-    twitter: {
-      handle: '@handle',
-      site: '@site',
-      cardType: 'summary_large_image',
-      title: 'Types Page Title | Svelte Meta Tags',
-      description: 'Description of Types page',
-      image: 'https://www.example.ie/twitter-image.jpg',
-      imageAlt: 'Twitter image alt'
-    },
-    facebook: {
-      appId: '1234567890'
-    }
-  };
-
-  const jsonld: JsonLdProps = {
-    schema: {
-      '@type': 'NewsArticle',
-      mainEntityOfPage: {
-        '@type': 'WebPage',
-        '@id': 'https://google.com/article'
-      },
-      headline: 'Article headline',
-      image: [
-        'https://example.com/photos/1x1/photo.jpg',
-        'https://example.com/photos/4x3/photo.jpg',
-        'https://example.com/photos/16x9/photo.jpg'
-      ],
-      datePublished: '2015-02-05T08:00:00+08:00',
-      dateModified: '2015-02-05T09:20:00+08:00',
-      author: {
-        '@type': 'Person',
-        name: 'John Doe'
-      },
-      publisher: {
-        '@type': 'Organization',
-        name: 'Google',
-        logo: {
-          '@type': 'ImageObject',
-          url: 'https://google.com/logo.jpg'
-        }
-      }
-    }
-  };
-</script>
+### AdditionalRobotsProps
+
+```ts
+interface AdditionalRobotsProps {
+  nosnippet?: boolean;
+  maxSnippet?: number;
+  maxImagePreview?: 'none' | 'standard' | 'large';
+  maxVideoPreview?: number;
+  noarchive?: boolean;
+  unavailableAfter?: string;
+  noimageindex?: boolean;
+  notranslate?: boolean;
+}
+```
+
+### MobileAlternate
+
+```ts
+interface MobileAlternate {
+  media: string;
+  href: string;
+}
+```
+
+### LanguageAlternate
+
+```ts
+interface LanguageAlternate {
+  hrefLang: string;
+  href: string;
+}
+```
+
+### Twitter
+
+```ts
+interface Twitter {
+  cardType?: 'summary' | 'summary_large_image' | 'app' | 'player';
+  site?: string;
+  handle?: string;
+  title?: string;
+  description?: string;
+  image?: string;
+  imageAlt?: string;
+}
+```
+
+### Facebook
+
+```ts
+interface Facebook {
+  appId?: string;
+}
+```
+
+### OpenGraph
+
+```ts
+interface OpenGraph {
+  url?: string;
+  type?: string;
+  title?: string;
+  description?: string;
+  images?: ReadonlyArray<OpenGraphImages>;
+  videos?: ReadonlyArray<OpenGraphVideos>;
+  locale?: string;
+  site_name?: string;
+  profile?: OpenGraphProfile;
+  book?: OpenGraphBook;
+  article?: OpenGraphArticle;
+  video?: OpenGraphVideo;
+}
+```
+
+### MetaTag
 
-<MetaTags {...metatags} />
+```ts
+type MetaTag = HTML5MetaTag | RDFaMetaTag | HTTPEquivMetaTag;
+```
+
+### LinkTag
+
+```ts
+interface LinkTag {
+  rel: string;
+  href: string;
+  sizes?: string;
+  type?: string;
+  color?: string;
+}
+```
+
+## Additional types
+
+The following are referenced by the public types documented above, but cannot be imported directly
+
+### OpenGraphImages
+
+```ts
+interface OpenGraphImages {
+  url: string;
+  alt?: string;
+  width?: number;
+  height?: number;
+}
+```
+
+### OpenGraphVideos
+
+```ts
+interface OpenGraphVideos {
+  url: string;
+  alt?: string;
+  width?: number;
+  height?: number;
+  secureUrl?: string;
+  type?: string;
+}
+```
+
+### OpenGraphProfile
+
+```ts
+interface OpenGraphProfile {
+  firstName?: string;
+  lastName?: string;
+  username?: string;
+  gender?: string;
+}
+```
+
+### OpenGraphBook
+
+```ts
+interface OpenGraphBook {
+  authors?: ReadonlyArray<string>;
+  isbn?: string;
+  releaseDate?: string;
+  tags?: ReadonlyArray<string>;
+}
+```
+
+### OpenGraphArticle
+
+```ts
+interface OpenGraphArticle {
+  publishedTime?: string;
+  modifiedTime?: string;
+  expirationTime?: string;
+  authors?: ReadonlyArray<string>;
+  section?: string;
+  tags?: ReadonlyArray<string>;
+}
+```
+
+### OpenGraphVideo
+
+```ts
+interface OpenGraphVideo {
+  actors?: ReadonlyArray<OpenGraphVideoActors>;
+  directors?: ReadonlyArray<string>;
+  writers?: ReadonlyArray<string>;
+  duration?: number;
+  releaseDate?: string;
+  tags?: ReadonlyArray<string>;
+  series?: string;
+}
+```
+
+### OpenGraphVideoActors
+
+```ts
+interface OpenGraphVideoActors {
+  profile: string;
+  role?: string;
+}
+```
+
+### BaseMetaTag
+
+```ts
+interface BaseMetaTag {
+  content: string;
+}
+```
+
+### HTML5MetaTag
+
+```ts
+interface HTML5MetaTag extends BaseMetaTag {
+  name: string;
+  property?: undefined;
+  httpEquiv?: undefined;
+}
+```
+
+### RDFaMetaTag
+
+```ts
+interface RDFaMetaTag extends BaseMetaTag {
+  property: string;
+  name?: undefined;
+  httpEquiv?: undefined;
+}
+```
 
-<JsonLd {...jsonld} />
+### HTTPEquivMetaTag
+
+```ts
+interface HTTPEquivMetaTag extends BaseMetaTag {
+  httpEquiv:
+    | 'content-security-policy'
+    | 'content-type'
+    | 'default-style'
+    | 'x-ua-compatible'
+    | 'refresh';
+  name?: undefined;
+  property?: undefined;
+}
 ```
 
 ## License

package/index.d.ts

@@ -1,3 +1,3 @@
 export { default as MetaTags } from './MetaTags.svelte';
 export { default as JsonLd } from './JsonLd.svelte';
-export type { MetaTagsProps, JsonLdProps } from './types';
+export type { MetaTagsProps, JsonLdProps, AdditionalRobotsProps, MobileAlternate, LanguageAlternate, Twitter, Facebook, OpenGraph, MetaTag, LinkTag } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-meta-tags",
-  "version": "2.5.1",
+  "version": "2.6.0",
   "description": "Svelte Meta Tags is a plugin that makes managing your SEO easier in Svelte projects.",
   "license": "MIT",
   "type": "module",
@@ -21,71 +21,34 @@
     "schema-dts": "1.1.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "16.2.3",
-    "@commitlint/config-conventional": "16.2.1",
+    "@commitlint/cli": "16.3.0",
+    "@commitlint/config-conventional": "16.2.4",
     "@semantic-release/changelog": "6.0.1",
     "@semantic-release/git": "10.0.1",
-    "@sveltejs/adapter-auto": "1.0.0-next.33",
-    "@sveltejs/kit": "1.0.0-next.301",
-    "@typescript-eslint/eslint-plugin": "5.16.0",
-    "@typescript-eslint/parser": "5.16.0",
-    "cypress": "9.5.2",
-    "eslint": "8.11.0",
+    "@sveltejs/adapter-auto": "1.0.0-next.42",
+    "@sveltejs/kit": "1.0.0-next.330",
+    "@typescript-eslint/eslint-plugin": "5.23.0",
+    "@typescript-eslint/parser": "5.23.0",
+    "cypress": "9.6.1",
+    "eslint": "8.15.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-cypress": "2.12.1",
-    "eslint-plugin-svelte3": "3.4.1",
-    "husky": "7.0.4",
-    "lint-staged": "12.3.7",
-    "prettier": "2.6.0",
-    "prettier-plugin-svelte": "2.6.0",
+    "eslint-plugin-svelte3": "4.0.0",
+    "husky": "8.0.1",
+    "lint-staged": "12.4.1",
+    "prettier": "2.6.2",
+    "prettier-plugin-svelte": "2.7.0",
     "semantic-release": "19.0.2",
-    "svelte": "3.46.4",
-    "svelte-check": "2.4.6",
-    "svelte-preprocess": "4.10.4",
-    "svelte2tsx": "0.5.6",
-    "tslib": "2.3.1",
-    "typescript": "4.6.2"
+    "svelte": "3.48.0",
+    "svelte-check": "2.7.1",
+    "svelte-preprocess": "4.10.6",
+    "svelte2tsx": "0.5.10",
+    "tslib": "2.4.0",
+    "typescript": "4.6.4"
   },
   "peerDependencies": {
     "svelte": "^3.39.0"
   },
-  "lint-staged": {
-    "*.{js,ts,cjs,svelte,md,html,css,json,yml,yaml}": "pnpm format",
-    "*.{js,ts,svelte}": [
-      "pnpm lint",
-      "pnpm check"
-    ]
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ],
-    "rules": {
-      "body-max-line-length": [
-        2,
-        "always",
-        200
-      ]
-    }
-  },
-  "release": {
-    "plugins": [
-      "@semantic-release/commit-analyzer",
-      "@semantic-release/release-notes-generator",
-      "@semantic-release/changelog",
-      [
-        "@semantic-release/npm",
-        {
-          "pkgRoot": "package"
-        }
-      ],
-      "@semantic-release/github",
-      "@semantic-release/git"
-    ],
-    "branches": [
-      "main"
-    ]
-  },
   "exports": {
     "./package.json": "./package.json",
     "./JsonLd.svelte": "./JsonLd.svelte",
@@ -93,4 +56,4 @@
     ".": "./index.js"
   },
   "svelte": "./index.js"
-}
+}