react-datocms 2.0.1 → 2.1.0

package/README.md

@@ -28,15 +28,18 @@ A set of components and utilities to work faster with [DatoCMS](https://www.dato
   - [Usage](#usage)
   - [Example](#example-1)
   - [Props](#props)
+    - [Layout mode](#layout-mode)
     - [The `ResponsiveImage` object](#the-responsiveimage-object)
 - [Social share, SEO and Favicon meta tags](#social-share-seo-and-favicon-meta-tags)
-  - [Usage](#usage-1)
-  - [Example](#example-2)
+  - [`renderMetaTags()`](#rendermetatags)
+  - [`renderMetaTagsToString()`](#rendermetatagstostring)
+  - [`toRemixMeta()` and `toRemixLinks()`](#toremixmeta-and-toremixlinks)
 - [Structured text](#structured-text)
   - [Basic usage](#basic-usage)
   - [Custom renderers for inline records, blocks, and links](#custom-renderers-for-inline-records-blocks-and-links)
-  - [Override default text rendering](#override-default-rendering-of-nodes)
+  - [Override default rendering of nodes](#override-default-rendering-of-nodes)
   - [Props](#props-1)
+- [Development](#development)
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
@@ -252,23 +255,27 @@ export default withQuery(query)(Page);
 | onLoad                | () => void                                       | :x:                | Function triggered when the image has finished loading                                                                                                                                                                                                                                        | undefined         |
 | usePlaceholder        | Boolean                                          | :x:                | Whether the component should use a blurred image placeholder                                                                                                                                                                                                                                  | true              |
 
-
 ### Layout mode
 
 With the `layout` property, you can configure the behavior of the image as the viewport changes size:
 
-* When `intrinsic` (default behaviour), the image will scale the dimensions down for smaller viewports, but maintain the original dimensions for larger viewports.
-* When `fixed`, the image dimensions will not change as the viewport changes (no responsiveness) similar to the native `img` element.
-* When `responsive`, the image will scale the dimensions down for smaller viewports and scale up for larger viewports.
-* When `fill`, the image will stretch both width and height to the dimensions of the parent element, provided the parent element is relative.
-  * This is usually paired with the `objectFit` and `objectPosition` properties.
-  * Ensure the parent element has `position: relative` in their stylesheet.
+- When `intrinsic` (default behaviour), the image will scale the dimensions down for smaller viewports, but maintain the original dimensions for larger viewports.
+- When `fixed`, the image dimensions will not change as the viewport changes (no responsiveness) similar to the native `img` element.
+- When `responsive`, the image will scale the dimensions down for smaller viewports and scale up for larger viewports.
+- When `fill`, the image will stretch both width and height to the dimensions of the parent element, provided the parent element is relative.
+  - This is usually paired with the `objectFit` and `objectPosition` properties.
+  - Ensure the parent element has `position: relative` in their stylesheet.
 
 Example for `layout="fill"` (useful also for background images):
 
 ```jsx
 <div style={{ position: 'relative', width: 200, height: 500 }}>
-  <Image data={imageData} layout="fill" objectFit="cover" objectPosition="50% 50%" />
+  <Image
+    data={imageData}
+    layout="fill"
+    objectFit="cover"
+    objectPosition="50% 50%"
+  />
 </div>
 ```
 
@@ -299,59 +306,92 @@ Here's a complete recap of what `responsiveImage` offers:
 
 # Social share, SEO and Favicon meta tags
 
-Just like the image component, `renderMetaTags()` is a helper specially designed to work seamlessly with DatoCMS’s [`_seoMetaTags` and `faviconMetaTags` GraphQL queries](https://www.datocms.com/docs/content-delivery-api/seo) so that you can handle proper SEO in your pages with a simple one-liner.
+Just like for the image component this package offers a number of utilities designed to work seamlessly with DatoCMS’s [`_seoMetaTags` and `faviconMetaTags` GraphQL queries](https://www.datocms.com/docs/content-delivery-api/seo) so that you can easily handle SEO, social shares and favicons in your pages.
 
-- TypeScript ready;
-- Compatible with any GraphQL library (Apollo, graphql-hooks, graphql-request, etc.);
-- Usable both client and server side;
-- Compatible with vanilla React, Next.js and pretty much any other React-based solution;
+All the utilities take an array of `SeoOrFaviconTag`s in the exact form they're returned by the following [DatoCMS GraphQL API queries](https://www.datocms.com/docs/content-delivery-api/seo):
 
-## Usage
+- `_seoMetaTags` (always available on any type of record)
+- `faviconMetaTags` on the global `_site` object.
 
-`renderMetaTags()` takes an array of `Tag`s in the exact form they're returned by the following [DatoCMS GraphQL API](https://www.datocms.com/docs/content-delivery-api/seo) queries:
+```graphql
+query {
+  page: homepage {
+    title
+    seo: _seoMetaTags {
+      attributes
+      content
+      tag
+    }
+  }
 
-- `_seoMetaTags` query on any record, or
-- `faviconMetaTags` on the global `_site` object.
+  site: _site {
+    favicon: faviconMetaTags {
+      attributes
+      content
+      tag
+    }
+  }
+}
+```
 
-You can `concat` multiple array of `Tag`s together and pass them to a single `renderMetaTags()` call.
+You can then concat those two arrays of tags and pass them togheter to the function, ie:
 
-## Example
+```js
+renderMetaTags([...data.page.seo, ...data.site.favicon]);
+```
+
+## `renderMetaTags()`
+
+This function generates React `<meta>` and `<link />` elements, so it is compatible with React packages like [`react-helmet`](https://www.npmjs.com/package/react-helmet).
 
-For a working example take a look at our [examples directory](https://github.com/datocms/react-datocms/tree/master/examples).
+For a complete example take a look at our [examples directory](https://github.com/datocms/react-datocms/tree/master/examples).
 
 ```js
 import React from 'react';
 import { renderMetaTags } from 'react-datocms';
 
-const Page = ({ data }) => (
-  <div>
-    <Helmet>{renderMetaTags(data.page.seo.concat(data.site.favicon))}</Helmet>
-    <h1>{data.page.title}</h1>
-  </div>
-);
+function Page({ data }) {
+  return (
+    <div>
+      <Helmet>
+        {renderMetaTags([...data.page.seo, ...data.site.favicon])}
+      </Helmet>
+    </div>
+  );
+}
+```
 
-const query = gql`
-  query {
-    page: homepage {
-      title
-      seo: _seoMetaTags {
-        attributes
-        content
-        tag
-      }
-    }
+## `renderMetaTagsToString()`
 
-    site: _site {
-      favicon: faviconMetaTags {
-        attributes
-        content
-        tag
-      }
-    }
-  }
+This function generates an HTML string containing `<meta>` and `<link />` tags, so it can be used server-side.
+
+```js
+import { renderMetaTagsToString } from 'react-datocms';
+
+const someMoreComplexHtml = `
+  <html>
+    <head>
+      ${renderMetaTagsToString([...data.page.seo, ...data.site.favicon])}
+    </head>
+  </html>
 `;
+```
 
-export default withQuery(query)(Page);
+## `toRemixMeta()` and `toRemixLinks()`
+
+These two functions generate `HtmlMetaDescriptor` and `RemixHtmlLinkDescriptor` objects, compatibile with [`meta`](https://remix.run/docs/en/v1.1.1/api/conventions#meta) and [`links`](https://remix.run/docs/en/v1.1.1/api/conventions#links) exports of the [Remix](https://remix.run/) framework:
+
+```js
+import type { LinksFunction, MetaFunction } from 'remix';
+import { toRemixLinks, toRemixMeta } from 'react-datocms';
+
+export const links: LinksFunction = ({ data: { site } }) => {
+  return toRemixLinks(site.favicon);
+};
+
+export const meta: MetaFunction = ({ data: { post, site } }) => {
+  return toRemixMeta([...post.seo, ...site.favicon]);
+};
 ```
 
 # Structured text
@@ -365,8 +405,7 @@ import React from 'react';
 import { StructuredText } from 'react-datocms';
 
 const Page = ({ data }) => {
-  // data.blogPost.content ->
-  // {
+  // data.blogPost.content = {
   //   value: {
   //     schema: "dast",
   //     document: {
@@ -658,7 +697,7 @@ Note: if you override the rules for `inline_item`, `item_link` or `block` nodes,
 | customRules        | `Array<RenderRule>`                                             | :x:                                                   | Customize how document is converted in JSX (use `renderRule()` to generate)                      | `null`                                                                                                               |
 | renderText         | `(text: string, key: string) => ReactElement \| string \| null` | :x:                                                   | Convert a simple string text into React                                                          | `(text) => text`                                                                                                     |
 
-## Development
+# Development
 
 This repository contains a number of demos/examples. You can use them to locally test your changes to the package with `npm link`:
 

package/dist/cjs/Seo/__tests__/index.test.js

@@ -21,66 +21,306 @@ var __importStar = (this && this.__importStar) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var enzyme_1 = require("enzyme");
-var index_1 = require("../index");
+var __1 = require("..");
 var metaTags = [
     {
-        attributes: null,
-        content: "A new Media Area is online! - DatoCMS",
-        tag: "title"
+        "content": "Remix CMS - The easiest way to manage content with Remix",
+        "attributes": null,
+        "tag": "title"
     },
     {
-        attributes: {
-            property: "og:title",
-            content: "A new Media Area is online!"
+        "content": null,
+        "attributes": {
+            "property": "og:title",
+            "content": "Remix CMS - The easiest way to manage content with Remix"
         },
-        content: null,
-        tag: "meta"
+        "tag": "meta"
     },
     {
-        attributes: {
-            name: "twitter:title",
-            content: "A new Media Area is online!"
+        "content": null,
+        "attributes": {
+            "name": "twitter:title",
+            "content": "Remix CMS - The easiest way to manage content with Remix"
         },
-        content: null,
-        tag: "meta"
+        "tag": "meta"
     },
     {
-        attributes: {
-            sizes: "16x16",
-            type: "image/png",
-            rel: "icon",
-            href: "https://example.org/favicon.png?h=16&w=16"
+        "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."
         },
-        content: null,
-        tag: "link"
+        "tag": "meta"
     },
     {
-        attributes: {
-            sizes: "32x32",
-            type: "image/png",
-            rel: "icon",
-            href: "https://example.org/favicon.png?h=32&w=32"
+        "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."
         },
-        content: null,
-        tag: "link"
+        "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"
     }
 ];
 describe("renderMetaTags", function () {
     it("generates an array of meta tags", function () {
-        var wrapper = enzyme_1.shallow(React.createElement("head", null, index_1.renderMetaTags(metaTags)));
+        var wrapper = enzyme_1.shallow(React.createElement("head", null, __1.renderMetaTags(metaTags)));
         expect(wrapper).toMatchSnapshot();
     });
 });
 describe("renderMetaTagsToString", function () {
     it("generates an array of meta tags", function () {
-        var result = index_1.renderMetaTagsToString(metaTags);
-        expect(result).toEqual([
-            '<title>A new Media Area is online! - DatoCMS</title>',
-            '<meta property="og:title" content="A new Media Area is online!" />',
-            '<meta name="twitter:title" content="A new Media Area is online!" />',
-            '<link sizes="16x16" type="image/png" rel="icon" href="https://example.org/favicon.png?h=16&w=16" />',
-            '<link sizes="32x32" type="image/png" rel="icon" href="https://example.org/favicon.png?h=32&w=32" />'
-        ].join("\n"));
+        expect(__1.renderMetaTagsToString(metaTags)).toMatchSnapshot();
+    });
+});
+describe("toRemixLinks", function () {
+    it("generates an array of link descriptors", function () {
+        expect(__1.toRemixLinks(metaTags)).toMatchSnapshot();
+    });
+});
+describe("toRemixMeta", function () {
+    it("generates a meta descriptor", function () {
+        expect(__1.toRemixMeta(metaTags)).toMatchSnapshot();
     });
 });
 //# sourceMappingURL=index.test.js.map

package/dist/cjs/Seo/__tests__/index.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sourceRoot":"","sources":["../../../../src/Seo/__tests__/index.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,iCAAiC;AACjC,kCAAkF;AAElF,IAAM,QAAQ,GAAmB;IAC/B;QACE,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,uCAAuC;QAChD,GAAG,EAAE,OAAO;KACb;IACD;QACE,UAAU,EAAE;YACV,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,6BAA6B;SACvC;QACD,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,MAAM;KACZ;IACD;QACE,UAAU,EAAE;YACV,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,6BAA6B;SACvC;QACD,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,MAAM;KACZ;IACD;QACE,UAAU,EAAE;YACV,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,MAAM;YACX,IAAI,EAAE,2CAA2C;SAClD;QACD,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,MAAM;KACZ;IACD;QACE,UAAU,EAAE;YACV,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,MAAM;YACX,IAAI,EAAE,2CAA2C;SAClD;QACD,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,MAAM;KACZ;CACF,CAAC;AAEF,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,iCAAiC,EAAE;QACpC,IAAM,OAAO,GAAG,gBAAO,CACrB,kCACG,sBAAc,CAAC,QAAQ,CAAC,CACpB,CACR,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,wBAAwB,EAAE;IACjC,EAAE,CAAC,iCAAiC,EAAE;QACpC,IAAM,MAAM,GAAG,8BAAsB,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC;YACrB,sDAAsD;YACtD,oEAAoE;YACpE,qEAAqE;YACrE,qGAAqG;YACrG,qGAAqG;SACtG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAChB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.test.js","sourceRoot":"","sources":["../../../../src/Seo/__tests__/index.test.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Seo/index.js

@@ -1,64 +1,17 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 exports.__esModule = true;
-exports.renderMetaTagsToString = exports.renderMetaTags = void 0;
-var react_1 = __importDefault(require("react"));
-var renderMetaTags = function (data) {
-    return data.map(function (_a) {
-        var tag = _a.tag, attributes = _a.attributes, content = _a.content;
-        var key = [tag];
-        if (attributes && "property" in attributes) {
-            key.push(attributes.property);
-        }
-        if (attributes && "name" in attributes) {
-            key.push(attributes.name);
-        }
-        if (attributes && "rel" in attributes) {
-            key.push(attributes.rel);
-        }
-        if (attributes && "sizes" in attributes) {
-            key.push(attributes.sizes);
-        }
-        var Tag = tag;
-        return (react_1["default"].createElement(Tag, __assign({ key: key.join("-") }, attributes), content));
-    });
-};
-exports.renderMetaTags = renderMetaTags;
-var serializeAttributes = function (attributes) {
-    if (!attributes) {
-        return "";
-    }
-    var serializedAttrs = [];
-    for (var key in attributes) {
-        if (Object.prototype.hasOwnProperty.call(attributes, key)) {
-            serializedAttrs.push(key + "=\"" + attributes[key] + "\"");
-        }
-    }
-    return " " + serializedAttrs.join(" ");
-};
-var renderMetaTagsToString = function (data) {
-    return data
-        .map(function (_a) {
-        var tag = _a.tag, attributes = _a.attributes, content = _a.content;
-        if (content) {
-            return "<" + tag + serializeAttributes(attributes) + ">" + content + "</" + tag + ">";
-        }
-        return "<" + tag + serializeAttributes(attributes) + " />";
-    })
-        .join("\n");
-};
-exports.renderMetaTagsToString = renderMetaTagsToString;
+__exportStar(require("./types"), exports);
+__exportStar(require("./remixUtils"), exports);
+__exportStar(require("./renderMetaTags"), exports);
+__exportStar(require("./renderMetaTagsToString"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/Seo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Seo/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAanB,IAAM,cAAc,GAAG,UAAU,IAAsB;IAC5D,OAAO,IAAI,CAAC,GAAG,CAAC,UAAC,EAA4B;YAA1B,GAAG,SAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA;QACzC,IAAI,GAAG,GAAa,CAAC,GAAG,CAAC,CAAC;QAE1B,IAAI,UAAU,IAAI,UAAU,IAAI,UAAU,EAAE;YAC1C,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;SAC/B;QAED,IAAI,UAAU,IAAI,MAAM,IAAI,UAAU,EAAE;YACtC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SAC3B;QAED,IAAI,UAAU,IAAI,KAAK,IAAI,UAAU,EAAE;YACrC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;SAC1B;QAED,IAAI,UAAU,IAAI,OAAO,IAAI,UAAU,EAAE;YACvC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;SAC5B;QAED,IAAM,GAAG,GAAG,GAAgC,CAAC;QAE7C,OAAO,CACL,iCAAC,GAAG,aAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAM,UAAU,GACpC,OAAO,CACJ,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AA5BW,QAAA,cAAc,kBA4BzB;AAEF,IAAM,mBAAmB,GAAG,UAAC,UAAyC;IACpE,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,EAAE,CAAC;KACX;IAED,IAAM,eAAe,GAAG,EAAE,CAAC;IAE3B,KAAK,IAAM,GAAG,IAAI,UAAU,EAAE;QAC5B,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC,EAAE;YACzD,eAAe,CAAC,IAAI,CAAI,GAAG,WAAK,UAAU,CAAC,GAAG,CAAC,OAAG,CAAC,CAAC;SACrD;KACF;IAED,OAAO,GAAG,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzC,CAAC,CAAC;AAEK,IAAM,sBAAsB,GAAG,UAAU,IAAsB;IACpE,OAAO,IAAI;SACR,GAAG,CAAC,UAAC,EAA4B;YAA1B,GAAG,SAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA;QAC9B,IAAI,OAAO,EAAE;YACX,OAAO,MAAI,GAAG,GAAG,mBAAmB,CAAC,UAAU,CAAC,SAAI,OAAO,UAAK,GAAG,MAAG,CAAC;SACxE;QAED,OAAO,MAAI,GAAG,GAAG,mBAAmB,CAAC,UAAU,CAAC,QAAK,CAAC;IACxD,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC,CAAC;AAVW,QAAA,sBAAsB,0BAUjC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Seo/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB;AACxB,+CAA6B;AAC7B,mDAAiC;AACjC,2DAAyC"}