svelte-meta-tags 2.6.5 → 2.7.0

package/README.md

@@ -574,7 +574,7 @@ JSON-LD allows for more customized and richer display, such as in search results
 
 To discover all the different content types that JSON-LD offers, go to: https://developers.google.com/search/docs/guides/search-gallery
 
-It is also possible to use multiple `<JsonLd />` components in a single page.
+Tips: If you want to handle multiple JSON-LDs on one page, pass an array to the `schema`.
 
 ### Using `schema-dts`
 
@@ -784,6 +784,68 @@ This plugin uses [schema-dts](https://github.com/google/schema-dts), so it provi
 />
 ```
 
+### JSON-LD Multiple Examples
+
+```svelte
+<script>
+  import { JsonLd } from 'svelte-meta-tags';
+</script>
+
+<JsonLd
+  schema={[
+    {
+      '@type': 'BreadcrumbList',
+      itemListElement: [
+        {
+          '@type': 'ListItem',
+          position: 1,
+          name: 'Books',
+          item: 'https://example.com/books'
+        },
+        {
+          '@type': 'ListItem',
+          position: 2,
+          name: 'Science Fiction',
+          item: 'https://example.com/books/sciencefiction'
+        },
+        {
+          '@type': 'ListItem',
+          position: 3,
+          name: 'Award Winners'
+        }
+      ]
+    },
+    {
+      '@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'
+        }
+      }
+    }
+  ]}
+/>
+```
+
 ## Types
 
 The following types can be imported from `svelte-meta-tags`
@@ -814,7 +876,7 @@ interface MetaTagsProps {
 ```ts
 interface JsonLdProps {
   output?: 'head' | 'body';
-  schema?: Thing | WithContext<Thing>;
+  schema?: Thing | WithContext<Thing> | Thing[] | WithContext<Thing>[];
 }
 ```
 

package/{JsonLd.svelte → dist/JsonLd.svelte}

@@ -3,10 +3,14 @@
   export let schema = {};
 
   $: isValid = schema && typeof schema === 'object';
-  $: json = `${'<scri' + 'pt type="application/ld+json">'}${JSON.stringify({
-    '@context': 'https://schema.org',
-    ...schema
-  })}${'</scri' + 'pt>'}`;
+
+  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>
 
 <svelte:head>

package/{types.d.ts → dist/types.d.ts}

@@ -150,5 +150,5 @@ export interface MetaTagsProps {
 
 export interface JsonLdProps {
   output?: 'head' | 'body';
-  schema?: Thing | WithContext<Thing>;
+  schema?: Thing | WithContext<Thing> | Thing[] | WithContext<Thing>[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-meta-tags",
-  "version": "2.6.5",
+  "version": "2.7.0",
   "description": "Svelte Meta Tags is a plugin that makes managing your SEO easier in Svelte projects.",
   "license": "MIT",
   "type": "module",
@@ -17,37 +17,78 @@
     "type": "git",
     "url": "https://github.com/oekazuma/svelte-meta-tags"
   },
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "preview": "vite preview",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "prepare": "husky install",
+    "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 . --cache && eslint .",
+    "format": "prettier --plugin-search-dir . --write . --cache",
+    "test": "playwright test"
+  },
   "dependencies": {
-    "schema-dts": "^1.1.0"
+    "schema-dts": "^1.1.2"
   },
   "devDependencies": {
-    "@playwright/test": "^1.29.2",
-    "@sveltejs/adapter-auto": "^1.0.2",
-    "@sveltejs/kit": "^1.1.4",
-    "@sveltejs/package": "^1.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.48.2",
-    "@typescript-eslint/parser": "^5.48.2",
-    "eslint": "^8.32.0",
-    "eslint-config-prettier": "^8.6.0",
+    "@playwright/test": "^1.31.2",
+    "@sveltejs/adapter-auto": "^2.0.0",
+    "@sveltejs/kit": "^1.11.0",
+    "@sveltejs/package": "^2.0.2",
+    "@typescript-eslint/eslint-plugin": "^5.54.1",
+    "@typescript-eslint/parser": "^5.54.1",
+    "eslint": "^8.35.0",
+    "eslint-config-prettier": "^8.7.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.1.0",
-    "prettier": "^2.8.3",
+    "lint-staged": "^13.1.2",
+    "prettier": "^2.8.4",
     "prettier-plugin-svelte": "^2.9.0",
-    "svelte": "^3.55.1",
-    "svelte-check": "^3.0.2",
-    "tslib": "^2.4.1",
-    "typescript": "^4.9.4",
-    "vite": "^4.0.4"
+    "publint": "^0.1.10",
+    "svelte": "^3.56.0",
+    "svelte-check": "^3.1.0",
+    "tslib": "^2.5.0",
+    "typescript": "^4.9.5",
+    "vite": "^4.1.4"
   },
   "peerDependencies": {
     "svelte": "^3.44.0"
   },
   "exports": {
     "./package.json": "./package.json",
-    "./JsonLd.svelte": "./JsonLd.svelte",
-    "./MetaTags.svelte": "./MetaTags.svelte",
-    ".": "./index.js"
+    "./JsonLd.svelte": {
+      "types": "./dist/JsonLd.svelte.d.ts",
+      "svelte": "./dist/JsonLd.svelte",
+      "default": "./dist/JsonLd.svelte"
+    },
+    "./MetaTags.svelte": {
+      "types": "./dist/MetaTags.svelte.d.ts",
+      "svelte": "./dist/MetaTags.svelte",
+      "default": "./dist/MetaTags.svelte"
+    },
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
   },
-  "svelte": "./index.js"
-}
+  "files": [
+    "dist"
+  ],
+  "svelte": "./dist/index.js",
+  "typesVersions": {
+    ">4.0": {
+      "JsonLd.svelte": [
+        "./dist/JsonLd.svelte.d.ts"
+      ],
+      "MetaTags.svelte": [
+        "./dist/MetaTags.svelte.d.ts"
+      ],
+      "index": [
+        "./dist/index.d.ts"
+      ]
+    }
+  }
+}

package/CHANGELOG.md

@@ -1,181 +0,0 @@
-## [2.6.4](https://github.com/oekazuma/svelte-meta-tags/compare/v2.6.3...v2.6.4) (2022-11-16)
-
-- add Svelte to peerDependencies([2d99894](https://github.com/oekazuma/svelte-meta-tags/commit/2d9989454e5ed51d9f4d0d9e9300ba933d0c0ffa))
-
-## [2.6.3](https://github.com/oekazuma/svelte-meta-tags/compare/v2.6.2...v2.6.3) (2022-08-31)
-
-- add schema-dts to dependencies([9824e38](https://github.com/oekazuma/svelte-meta-tags/commit/9824e388728e37009aa06f56642ec4a2b9520921))
-
-## [2.6.2](https://github.com/oekazuma/svelte-meta-tags/compare/v2.6.1...v2.6.2) (2022-08-11)
-
-- trim production dependencies([2008183](https://github.com/oekazuma/svelte-meta-tags/commit/2008183b0a712cc6288e188cabdb14c85f93b0ee))
-
-## [2.6.1](https://github.com/oekazuma/svelte-meta-tags/compare/v2.6.0...v2.6.1) (2022-05-27)
-
-- clean up JSON-LD ([16d107c](https://github.com/oekazuma/svelte-meta-tags/commit/16d107c09546ffd6b2f8312a6851d46bd0da6ae1))
-
-# [2.6.0](https://github.com/oekazuma/svelte-meta-tags/compare/v2.5.5...v2.6.0) (2022-05-16)
-
-### Features
-
-- allow all public type definitions to be retrieved ([3e04e2f](https://github.com/oekazuma/svelte-meta-tags/commit/3e04e2fd8ff8446709a7d015b5819971cb42765d))
-
-## [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
-
-- fix title to be reactive([a19d30b](https://github.com/oekazuma/svelte-meta-tags/commit/a19d30bad9938d78360aea126012bfd7061fff3f))
-
-# [2.5.0](https://github.com/oekazuma/svelte-meta-tags/compare/v2.4.0...v2.5.0) (2022-03-19)
-
-### Features
-
-- add titleTemplate property ([3a252e5](https://github.com/oekazuma/svelte-meta-tags/commit/3a252e5783d04456e32539d8bd3ca7646809fd0d))
-
-# [2.4.0](https://github.com/oekazuma/svelte-meta-tags/compare/v2.3.4...v2.4.0) (2022-03-12)
-
-### Features
-
-- add a property that allows selection of whether to output JSON-LD in the head or in the body ([91c9c38](https://github.com/oekazuma/svelte-meta-tags/commit/91c9c3861d5cc9168a6b3d90c2cf734f5c03f890))
-
-## [2.3.4](https://github.com/oekazuma/svelte-meta-tags/compare/v2.3.3...v2.3.4) (2022-03-03)
-
-### Bug Fixes
-
-- add pnpm build to release command ([1c01f61](https://github.com/oekazuma/svelte-meta-tags/commit/1c01f619c5cd1dee51c58f4067fd315907fb4753))
-
-## [2.3.3](https://github.com/oekazuma/svelte-meta-tags/compare/v2.3.2...v2.3.3) (2022-03-03)
-
-### Bug Fixes
-
-- fix tsconfig.json ([bd54216](https://github.com/oekazuma/svelte-meta-tags/commit/bd542167bc0f377157d7337b9eb2e9b58d63a625))
-
-## [2.3.2](https://github.com/oekazuma/svelte-meta-tags/compare/v2.3.1...v2.3.2) (2022-02-28)
-
-### Bug Fixes
-
-- **deps:** update dependency schema-dts to v1.1.0 ([d57c99d](https://github.com/oekazuma/svelte-meta-tags/commit/d57c99d89b5071e1e2045892ee2814a7105251ce))
-
-## [2.3.1](https://github.com/oekazuma/svelte-meta-tags/compare/v2.3.0...v2.3.1) (2022-02-25)
-
-### Bug Fixes
-
-- fix lint error in `@typescript-eslint/no-empty-interface` ([6f41cc4](https://github.com/oekazuma/svelte-meta-tags/commit/6f41cc4e0d0022b1be6c778d4520bdd7b0188127))
-
-# [2.3.0](https://github.com/oekazuma/svelte-meta-tags/compare/v2.2.3...v2.3.0) (2022-01-28)
-
-### Features
-
-- add twitter title description image imageAlt ([e3270f5](https://github.com/oekazuma/svelte-meta-tags/commit/e3270f54fda56483a192d34dfc9d589c7949fc5b))
-
-## [2.2.3](https://github.com/oekazuma/svelte-meta-tags/compare/v2.2.2...v2.2.3) (2022-01-14)
-
-### Bug Fixes
-
-- fix path to type definitions ([7c49639](https://github.com/oekazuma/svelte-meta-tags/commit/7c49639c1f08fe6ee6ea3e036c9982b1c1979c77))
-
-## [2.2.2](https://github.com/oekazuma/svelte-meta-tags/compare/v2.2.1...v2.2.2) (2021-12-26)
-
-### Bug Fixes
-
-- revert changes so that npm and yarn can also be used for installation ([f536977](https://github.com/oekazuma/svelte-meta-tags/commit/f536977550948f675f4207b80dc5aca96cc535a0))
-
-## [2.2.1](https://github.com/oekazuma/svelte-meta-tags/compare/v2.2.0...v2.2.1) (2021-12-21)
-
-### Bug Fixes
-
-- make the schema property of jsonLdProps not mandatory ([15f00f9](https://github.com/oekazuma/svelte-meta-tags/commit/15f00f9940fdcb8ac9a8c8f6ed51782bd5789ebd))
-
-# [2.2.0](https://github.com/oekazuma/svelte-meta-tags/compare/v2.1.0...v2.2.0) (2021-12-17)
-
-### Features
-
-- improved Twitter's CardType type definition ([13b11fd](https://github.com/oekazuma/svelte-meta-tags/commit/13b11fd2e9f6625e1cd0802e825f312f37988666))
-
-# [2.1.0](https://github.com/oekazuma/svelte-meta-tags/compare/v2.0.0...v2.1.0) (2021-11-04)
-
-### Features
-
-- allow title to be dynamically changed ([b9acefb](https://github.com/oekazuma/svelte-meta-tags/commit/b9acefbea7c64b5434837ffecc17423dcf0ce2d3))
-
-# [2.0.0](https://github.com/oekazuma/svelte-meta-tags/compare/v1.2.2...v2.0.0) (2021-09-18)
-
-### chore
-
-- change name the MetaTags export ([d40b535](https://github.com/oekazuma/svelte-meta-tags/commit/d40b535249be8b629ba1034358865aa08993927c))
-- remove jsonLd property from MetaTags component ([a05ae2b](https://github.com/oekazuma/svelte-meta-tags/commit/a05ae2b72a8605253a50249e8f76ee76cbe1411d))
-
-### BREAKING CHANGES
-
-- Change the way import is written.
-- Remove jsonLd parameter from MetaTags component.
-  Please use the JsonLd component from now on.
-
-## [1.2.2](https://github.com/oekazuma/svelte-meta-tags/compare/v1.2.1...v1.2.2) (2021-09-07)
-
-### Bug Fixes
-
-- fix types in package.json ([7be485a](https://github.com/oekazuma/svelte-meta-tags/commit/7be485a880203ce2038ea91768031fbbf66d32b5))
-
-## [1.2.1](https://github.com/oekazuma/svelte-meta-tags/compare/v1.2.0...v1.2.1) (2021-09-07)
-
-### Bug Fixes
-
-- restore the emitTypes setting of package ([20d8a85](https://github.com/oekazuma/svelte-meta-tags/commit/20d8a85ab0f76a1a7c270cdf3a1062eb83c1aa59))
-
-# [1.2.0](https://github.com/oekazuma/svelte-meta-tags/compare/v1.1.1...v1.2.0) (2021-09-07)
-
-### Features
-
-- import types to make them easier to use ([cdceda7](https://github.com/oekazuma/svelte-meta-tags/commit/cdceda73204d668f80cb2773b73e252e53d0d6a1))
-
-## [1.1.1](https://github.com/oekazuma/svelte-meta-tags/compare/v1.1.0...v1.1.1) (2021-09-02)
-
-### Bug Fixes
-
-- update package.json ([cd0574c](https://github.com/oekazuma/svelte-meta-tags/commit/cd0574cf04050d3f8a031556ff20628aa390c671))
-
-# [1.1.0](https://github.com/oekazuma/svelte-meta-tags/compare/v1.0.5...v1.1.0) (2021-08-30)
-
-### Features
-
-- separate JSON-LD from MetaTags component ([43698ab](https://github.com/oekazuma/svelte-meta-tags/commit/43698ab9b98781f3b9ff246640c1e29ab772ba75))
-
-## [1.0.5](https://github.com/oekazuma/svelte-meta-tags/compare/v1.0.4...v1.0.5) (2021-08-30)
-
-### Bug Fixes
-
-- **deps:** update dependency schema-dts to v1 ([a13737a](https://github.com/oekazuma/svelte-meta-tags/commit/a13737a621d0a199b18dea55324b06ff9478fce1))
-
-## [1.0.4](https://github.com/oekazuma/svelte-meta-tags/compare/v1.0.3...v1.0.4) (2021-08-27)
-
-### Bug Fixes
-
-- pkgRoot settings to semantic-releas ([c52e674](https://github.com/oekazuma/svelte-meta-tags/commit/c52e674e9240cc61eb4cbe062f483f96dbf02b1a))
-
-## [1.0.3](https://github.com/oekazuma/svelte-meta-tags/compare/v1.0.2...v1.0.3) (2021-08-27)
-
-### Bug Fixes
-
-- change branch to branches ([0c4c0e3](https://github.com/oekazuma/svelte-meta-tags/commit/0c4c0e346ee63648bc771033b828a19324739d68))
-- change commitlint type-enum ([0b84c33](https://github.com/oekazuma/svelte-meta-tags/commit/0b84c33e32b1e59c8a7deb3e45d6cece28069eaa))