react-metatags-hook - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

dist/index.cjs.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var domChangeTimeout,react=require("react"),__assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},queryableKeys={meta:["charset","name","property","http-equiv"],link:["rel","sizes"]},createInternalTag=function(e){return function(t){var n=(queryableKeys[e]||[]).map(function(e){return t.hasOwnProperty(e)?{key:e,value:t[e]}:void 0}).filter(Boolean),r=Object.keys(t).map(function(e){return{key:e,value:t[e]}});return{tag:e,query:n.length?n:r,attributes:t}}},createInternalMeta=createInternalTag("meta"),createInternalLink=createInternalTag("link"),parseMetaConfig=function(e){var t=e.title,n=e.description,r=e.lang,a=e.charset,u=e.metas,o=void 0===u?[]:u,i=e.links,c=void 0===i?[]:i,s=e.openGraph,m=void 0===s?{}:s,g=e.twitter,l=void 0===g?{}:g,f=o.map(createInternalMeta),d=c.map(createInternalLink),p=Object.keys(m).map(function(e){return createInternalMeta({property:"og:"+e,content:m[e]})}),y=Object.keys(l).map(function(e){return createInternalMeta({property:"twitter:"+e,content:l[e]})});return{title:t,lang:r,tags:[!!n&&{tag:"meta",query:[{key:"name",value:"description"}],attributes:{name:"description",content:n}},!!a&&{tag:"meta",query:[{key:"charset"}],attributes:{charset:a}}].concat(f,d,p,y).filter(function(e){return e&&e.query&&Object.keys(e.query).length}).reduce(function(e,t){var n,r=t.query.map(function(e){return e.key+"="+e.value}).join("~");return __assign({},e,((n={})[r]=t,n))},{})}},metaStore=new Set,subscribers=new Set,mergeInstanceConfigs=function(e){return Array.from(e).map(function(e){return e.current}).reduce(function(e,t){return __assign({},e,t,{tags:__assign({},e.tags,t.tags)})},{})},emitChanges=function(e){subscribers.forEach(function(t){return t(e)})},addMetasToStore=function(e){metaStore.add(e),emitChanges(mergeInstanceConfigs(metaStore))},removeMetasFromStore=function(e){metaStore.delete(e),emitChanges(mergeInstanceConfigs(metaStore))},subscribeToStore=function(e){return subscribers.add(e),function(){subscribers.delete(e)}},getState=function(){return mergeInstanceConfigs(metaStore)},getRemovedTags=function(e,t){return Object.keys(t.tags||{}).filter(function(t){return!e.tags[t]}).map(function(e){return t.tags[e]})},getTagsList=function(e){return Object.keys(e.tags||{}).map(function(t){return e.tags[t]})},getHeadElement=function(e,t){var n=t.reduce(function(e,t){var n=t.key,r=t.value;return e+"["+n+(r?'="'+r+'"':"")+"]"},"");return document.head.querySelector(e+n)},createHeadElement=function(e){var t=document.createElement(e);return document.head.append(t),t},setTitle=function(e){document.title=e},setLang=function(e){document.documentElement.lang=e},setHeadElement=function(e){var t=e.tag,n=e.query,r=e.attributes,a=getHeadElement(t,n)||createHeadElement(t);r&&Object.keys(r).forEach(function(e){a.setAttribute(e,r[e]||"")})},removeHeadElement=function(e){var t=e.tag,n=e.query,r=getHeadElement(t,n);r&&document.head.removeChild(r)},lastMetas={tags:{}},updateDom=function(e,t){"undefined"!=typeof window&&(window.clearTimeout(domChangeTimeout),domChangeTimeout=setTimeout(function(){var t=getRemovedTags(e,lastMetas),n=getTagsList(e);lastMetas=e,e.title&&setTitle(e.title),e.lang&&setLang(e.lang),n.forEach(setHeadElement),t.forEach(removeHeadElement)},t))},generateMetasMarkup=function(e){var t=e.title?"<title>"+e.title+"</title>":"",n=getTagsList(e).map(function(e){var t=e.attributes;return"<"+e.tag+" "+Object.keys(t).map(function(e){return""+e+(t[e]?'="'+t[e]+'"':"")}).join(" ")+" />"});return[t].concat(n).join("\n")};subscribeToStore(function(e){return updateDom(e,50)});var generateStaticHtml=function(){var e=getState();return generateMetasMarkup(e)},useMetaTags=function(e,t){var n=react.useRef(),r=react.useMemo(function(){return parseMetaConfig(e)},t);react.useEffect(function(){return function(){n.current&&removeMetasFromStore(n)}},[]),n.current!==r&&(n.current=r,n.current&&addMetasToStore(n))};exports.default=useMetaTags,exports.generateStaticHtml=generateStaticHtml;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var domChangeTimeout,react=require("react"),__assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},queryableKeys={meta:["charset","name","property","http-equiv"],link:["rel","sizes"]},createInternalTag=function(e){return function(t){var n=(queryableKeys[e]||[]).map(function(e){return t.hasOwnProperty(e)?{key:e,value:t[e]}:void 0}).filter(Boolean),r=Object.keys(t).map(function(e){return{key:e,value:t[e]}});return{tag:e,query:n.length?n:r,attributes:t}}},createInternalMeta=createInternalTag("meta"),createInternalLink=createInternalTag("link"),parseMetaConfig=function(e){var t=e.title,n=e.description,r=e.lang,a=e.charset,u=e.metas,o=void 0===u?[]:u,i=e.links,c=void 0===i?[]:i,s=e.openGraph,m=void 0===s?{}:s,g=e.twitter,l=void 0===g?{}:g,f=o.map(createInternalMeta),d=c.map(createInternalLink),p=Object.keys(m).map(function(e){return createInternalMeta({property:"og:"+e,content:m[e]})}),y=Object.keys(l).map(function(e){return createInternalMeta({property:"twitter:"+e,content:l[e]})});return{title:t,lang:r,tags:[!!n&&{tag:"meta",query:[{key:"name",value:"description"}],attributes:{name:"description",content:n}},!!a&&{tag:"meta",query:[{key:"charset"}],attributes:{charset:a}}].concat(f,d,p,y).filter(function(e){return e&&e.query&&Object.keys(e.query).length}).reduce(function(e,t){var n,r=t.query.map(function(e){return e.key+"="+e.value}).join("~");return __assign({},e,((n={})[r]=t,n))},{})}},metaStore=new Set,subscribers=new Set,mergeInstanceConfigs=function(e){return Array.from(e).map(function(e){return e.current}).reduce(function(e,t){return __assign({},e,t,{tags:__assign({},e.tags,t.tags)})},{})},emitChanges=function(e){subscribers.forEach(function(t){return t(e)})},addMetasToStore=function(e){!metaStore.has(e)&&metaStore.add(e),emitChanges(mergeInstanceConfigs(metaStore))},removeMetasFromStore=function(e){metaStore.delete(e),emitChanges(mergeInstanceConfigs(metaStore))},subscribeToStore=function(e){return subscribers.add(e),function(){subscribers.delete(e)}},getState=function(){return mergeInstanceConfigs(metaStore)},getRemovedTags=function(e,t){return Object.keys(t.tags||{}).filter(function(t){return!e.tags[t]}).map(function(e){return t.tags[e]})},getTagsList=function(e){return Object.keys(e.tags||{}).map(function(t){return e.tags[t]})},getHeadElement=function(e,t){var n=t.reduce(function(e,t){var n=t.key,r=t.value;return e+"["+n+(r?'="'+r+'"':"")+"]"},"");return document.head.querySelector(e+n)},createHeadElement=function(e){var t=document.createElement(e);return document.head.append(t),t},setTitle=function(e){document.title=e},setLang=function(e){document.documentElement.lang=e},setHeadElement=function(e){var t=e.tag,n=e.query,r=e.attributes,a=getHeadElement(t,n)||createHeadElement(t);r&&Object.keys(r).forEach(function(e){a.setAttribute(e,r[e]||"")})},removeHeadElement=function(e){var t=e.tag,n=e.query,r=getHeadElement(t,n);r&&document.head.removeChild(r)},lastMetas={tags:{}},updateDom=function(e,t){"undefined"!=typeof window&&(window.clearTimeout(domChangeTimeout),domChangeTimeout=setTimeout(function(){var t=getRemovedTags(e,lastMetas),n=getTagsList(e);lastMetas=e,e.title&&setTitle(e.title),e.lang&&setLang(e.lang),n.forEach(setHeadElement),t.forEach(removeHeadElement)},t))},generateMetasMarkup=function(e){var t=e.title?"<title>"+e.title+"</title>":"",n=getTagsList(e).map(function(e){var t=e.attributes;return"<"+e.tag+" "+Object.keys(t).map(function(e){return""+e+(t[e]?'="'+t[e]+'"':"")}).join(" ")+" />"});return[t].concat(n).join("\n")};subscribeToStore(function(e){return updateDom(e,50)});var generateStaticHtml=function(){var e=getState();return generateMetasMarkup(e)},useMetaTags=function(e,t){var n=react.useRef(),r=react.useMemo(function(){return parseMetaConfig(e)},t);react.useEffect(function(){return function(){n.current&&removeMetasFromStore(n)}},[]),n.current!==r&&(n.current=r,n.current&&addMetasToStore(n))};exports.default=useMetaTags,exports.generateStaticHtml=generateStaticHtml;
 //# sourceMappingURL=index.cjs.js.map

dist/index.es.js

@@ -1,2 +0,2 @@
-import{useRef as t,useMemo as e,useEffect as n}from"react";var r,u,a=function(){return(a=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var u in e=arguments[n])Object.prototype.hasOwnProperty.call(e,u)&&(t[u]=e[u]);return t}).apply(this,arguments)},o={meta:["charset","name","property","http-equiv"],link:["rel","sizes"]},i=function(t){return function(e){var n=(o[t]||[]).map(function(t){return e.hasOwnProperty(t)?{key:t,value:e[t]}:void 0}).filter(Boolean),r=Object.keys(e).map(function(t){return{key:t,value:e[t]}});return{tag:t,query:n.length?n:r,attributes:e}}},c=i("meta"),f=i("link"),s=new Set,l=new Set,p=function(t){return Array.from(t).map(function(t){return t.current}).reduce(function(t,e){return a({},t,e,{tags:a({},t.tags,e.tags)})},{})},m=function(t){l.forEach(function(e){return e(t)})},d=function(t){return Object.keys(t.tags||{}).map(function(e){return t.tags[e]})},y=function(t,e){var n=e.reduce(function(t,e){var n=e.key,r=e.value;return t+"["+n+(r?'="'+r+'"':"")+"]"},"");return document.head.querySelector(t+n)},v=function(t){var e,n,r=t.tag,u=t.query,a=t.attributes,o=y(r,u)||(e=r,n=document.createElement(e),document.head.append(n),n);a&&Object.keys(a).forEach(function(t){o.setAttribute(t,a[t]||"")})},g=function(t){var e=t.tag,n=t.query,r=y(e,n);r&&document.head.removeChild(r)},h={tags:{}},k=function(t,e){"undefined"!=typeof window&&(window.clearTimeout(r),r=setTimeout(function(){var e,n,r=function(t,e){return Object.keys(e.tags||{}).filter(function(e){return!t.tags[e]}).map(function(t){return e.tags[t]})}(t,h),u=d(t);h=t,t.title&&(e=t.title,document.title=e),t.lang&&(n=t.lang,document.documentElement.lang=n),u.forEach(v),r.forEach(g)},e))};u=function(t){return k(t,50)},l.add(u);var b=function(){return function(t){var e=t.title?"<title>"+t.title+"</title>":"",n=d(t).map(function(t){var e=t.attributes;return"<"+t.tag+" "+Object.keys(e).map(function(t){return t+(e[t]?'="'+e[t]+'"':"")}).join(" ")+" />"});return[e].concat(n).join("\n")}(p(s))};export default function(r,u){var o=t(),i=e(function(){return e=(t=r).title,n=t.description,u=t.lang,o=t.charset,i=t.metas,s=void 0===i?[]:i,l=t.links,p=void 0===l?[]:l,m=t.openGraph,d=void 0===m?{}:m,y=t.twitter,v=void 0===y?{}:y,g=s.map(c),h=p.map(f),k=Object.keys(d).map(function(t){return c({property:"og:"+t,content:d[t]})}),b=Object.keys(v).map(function(t){return c({property:"twitter:"+t,content:v[t]})}),{title:e,lang:u,tags:[!!n&&{tag:"meta",query:[{key:"name",value:"description"}],attributes:{name:"description",content:n}},!!o&&{tag:"meta",query:[{key:"charset"}],attributes:{charset:o}}].concat(g,h,k,b).filter(function(t){return t&&t.query&&Object.keys(t.query).length}).reduce(function(t,e){var n,r=e.query.map(function(t){return t.key+"="+t.value}).join("~");return a({},t,((n={})[r]=e,n))},{})};var t,e,n,u,o,i,s,l,p,m,d,y,v,g,h,k,b},u);n(function(){return function(){o.current&&function(t){s.delete(t),m(p(s))}(o)}},[]),o.current!==i&&(o.current=i,o.current&&function(t){s.add(t),m(p(s))}(o))}export{b as generateStaticHtml};
+import{useRef as t,useMemo as e,useEffect as n}from"react";var r,u,a=function(){return(a=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var u in e=arguments[n])Object.prototype.hasOwnProperty.call(e,u)&&(t[u]=e[u]);return t}).apply(this,arguments)},o={meta:["charset","name","property","http-equiv"],link:["rel","sizes"]},i=function(t){return function(e){var n=(o[t]||[]).map(function(t){return e.hasOwnProperty(t)?{key:t,value:e[t]}:void 0}).filter(Boolean),r=Object.keys(e).map(function(t){return{key:t,value:e[t]}});return{tag:t,query:n.length?n:r,attributes:e}}},c=i("meta"),f=i("link"),s=new Set,l=new Set,p=function(t){return Array.from(t).map(function(t){return t.current}).reduce(function(t,e){return a({},t,e,{tags:a({},t.tags,e.tags)})},{})},m=function(t){l.forEach(function(e){return e(t)})},d=function(t){return Object.keys(t.tags||{}).map(function(e){return t.tags[e]})},y=function(t,e){var n=e.reduce(function(t,e){var n=e.key,r=e.value;return t+"["+n+(r?'="'+r+'"':"")+"]"},"");return document.head.querySelector(t+n)},v=function(t){var e,n,r=t.tag,u=t.query,a=t.attributes,o=y(r,u)||(e=r,n=document.createElement(e),document.head.append(n),n);a&&Object.keys(a).forEach(function(t){o.setAttribute(t,a[t]||"")})},g=function(t){var e=t.tag,n=t.query,r=y(e,n);r&&document.head.removeChild(r)},h={tags:{}},k=function(t,e){"undefined"!=typeof window&&(window.clearTimeout(r),r=setTimeout(function(){var e,n,r=function(t,e){return Object.keys(e.tags||{}).filter(function(e){return!t.tags[e]}).map(function(t){return e.tags[t]})}(t,h),u=d(t);h=t,t.title&&(e=t.title,document.title=e),t.lang&&(n=t.lang,document.documentElement.lang=n),u.forEach(v),r.forEach(g)},e))};u=function(t){return k(t,50)},l.add(u);var b=function(){return function(t){var e=t.title?"<title>"+t.title+"</title>":"",n=d(t).map(function(t){var e=t.attributes;return"<"+t.tag+" "+Object.keys(e).map(function(t){return t+(e[t]?'="'+e[t]+'"':"")}).join(" ")+" />"});return[e].concat(n).join("\n")}(p(s))};export default function(r,u){var o=t(),i=e(function(){return e=(t=r).title,n=t.description,u=t.lang,o=t.charset,i=t.metas,s=void 0===i?[]:i,l=t.links,p=void 0===l?[]:l,m=t.openGraph,d=void 0===m?{}:m,y=t.twitter,v=void 0===y?{}:y,g=s.map(c),h=p.map(f),k=Object.keys(d).map(function(t){return c({property:"og:"+t,content:d[t]})}),b=Object.keys(v).map(function(t){return c({property:"twitter:"+t,content:v[t]})}),{title:e,lang:u,tags:[!!n&&{tag:"meta",query:[{key:"name",value:"description"}],attributes:{name:"description",content:n}},!!o&&{tag:"meta",query:[{key:"charset"}],attributes:{charset:o}}].concat(g,h,k,b).filter(function(t){return t&&t.query&&Object.keys(t.query).length}).reduce(function(t,e){var n,r=e.query.map(function(t){return t.key+"="+t.value}).join("~");return a({},t,((n={})[r]=e,n))},{})};var t,e,n,u,o,i,s,l,p,m,d,y,v,g,h,k,b},u);n(function(){return function(){o.current&&function(t){s.delete(t),m(p(s))}(o)}},[]),o.current!==i&&(o.current=i,o.current&&function(t){!s.has(t)&&s.add(t),m(p(s))}(o))}export{b as generateStaticHtml};
 //# sourceMappingURL=index.es.js.map

package.json

 {
   "name": "react-metatags-hook",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "React Hook to manage html meta tags",
@@ -5,0 +5,0 @@ "main": "./dist/index.cjs.js",

src/state/store.ts

@@ -28,3 +28,3 @@ import { MutableRefObject } from 'react'
 export const addMetasToStore = (instanceConfig: InstanceConfig) => {
-  metaStore.add(instanceConfig)
+  !metaStore.has(instanceConfig) && metaStore.add(instanceConfig)
   emitChanges(mergeInstanceConfigs(metaStore))
@@ -31,0 +31,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

76640

increased by0.24%

No dependency changes