57 lines
14 KiB
JavaScript
57 lines
14 KiB
JavaScript
import{S as Te,i as Ue,s as he,D as Ie,j as Oe,n as be,k as s,o as u,q as d,f as t,h as n,W as we,l as fe,c as Q,m as B,t as W,a as H,d as Y}from"./index-C9aKRT5A.js";import{g as De,a as Ee}from"./spread-CgU5AtxT.js";import{p as Ae,w as Re,M as je,T as Le,S as _e,a as Pe}from"./collect-stories-ceFdpR5E.js";const Ce=`The \`SEO\` component adds essential metadata to published pages.
|
|
|
|
\`\`\`svelte
|
|
<script>
|
|
import { SEO } from '@reuters-graphics/graphics-components';
|
|
<\/script>
|
|
|
|
<SEO
|
|
baseUrl="https://graphics.reuters.com"
|
|
pageUrl="{new URL(
|
|
'https://graphics.reuters.com/world-coronavirus-tracker-and-maps/'
|
|
)}"
|
|
seoTitle="A title for Google"
|
|
seoDescription="A description for Google"
|
|
shareTitle="A title for Twitter/Facebook"
|
|
shareDecription="A description for Twitter/Facebook"
|
|
shareImgPath="https://graphics.reuters.com/world-coronavirus-tracker-and-maps/assets/images/share.jpg"
|
|
shareImgAlt="An image showing global COVID infection rates"
|
|
publishTime="2020-09-15T00:00:00.000Z"
|
|
updateTime="2021-01-10T12:30:00.000Z"
|
|
authors="{[
|
|
{ name: 'Jane Doe', url: 'https://twitter.com/JaneDoe' },
|
|
{ name: 'John Doe', url: 'https://twitter.com/JohnDoe' },
|
|
]}"
|
|
/>
|
|
\`\`\`
|
|
`,qe=`Add the \`SEO\` component to any page specified in the \`pages/\` directory of the Graphics Kit.
|
|
|
|
Most of the fields are filled in by other sources, like your Google Doc and package.json. (Usually, the fastest way is to copy the \`SEO\` component from one of the pages already in your project.)
|
|
|
|
> **IMPORTANT:** For _reasons_, we can't document the value of \`VITE_BASE_URL\` below. It's \`import\` + \`.meta.env.BASE_URL\` (concatenate all that) in the Graphics Kit and other Vite-based rigs.
|
|
|
|
\`\`\`svelte
|
|
<script>
|
|
import { SEO } from '@reuters-graphics/graphics-components';
|
|
import pkg from '$pkg';
|
|
import content from '$locales/en/content.json';
|
|
import { assets } from '$app/paths';
|
|
import { page } from '$app/stores';
|
|
<\/script>
|
|
|
|
<SEO
|
|
baseUrl="{VITE_BASE_URL}"
|
|
pageUrl="{$page.url}"
|
|
seoTitle="{content.SEOTitle}"
|
|
seoDescription="{content.SEODescription}"
|
|
shareTitle="{content.ShareTitle}"
|
|
shareDescription="{content.ShareDescription}"
|
|
shareImgPath="{\`\${assets}/\${content.ShareImgPath}\`}"
|
|
shareImgAlt="{content.ShareImgAlt}"
|
|
publishTime="{pkg?.reuters?.graphic?.published}"
|
|
updateTime="{pkg?.reuters?.graphic?.updated}"
|
|
authors="{pkg?.reuters?.graphic?.authors}"
|
|
/>
|
|
\`\`\`
|
|
`;function ke(c){let a;return{c(){a=d("meta"),t(a,"name","twitter:image:alt"),t(a,"content",c[5])},m(l,o){n(l,a,o)},p(l,o){o&32&&t(a,"content",l[5])},d(l){l&&s(a)}}}function Se(c){let a,l,o,f,h,w,p,y,_,U,b,S,r,g,T,I,D,L,m,P,v,ee,O,te,C,ie,q,se,G,ne,J,re,E,ae,A,le,R,oe,j,pe,N,V,me,M,ce,z,ue,K,de,Z,ve=`<script type="application/ld+json">${JSON.stringify(c[9])}<\/script>`,X,F,x=`<script type="application/ld+json">${JSON.stringify(c[8])}<\/script>`,$;document.title=a=c[0];let k=c[5]&&ke(c);return{c(){l=u(),o=d("meta"),f=u(),h=d("link"),w=u(),p=d("link"),y=u(),_=d("link"),U=u(),b=d("link"),S=u(),r=d("link"),g=u(),T=d("meta"),I=u(),D=d("meta"),L=u(),m=d("meta"),P=u(),v=d("meta"),ee=u(),O=d("meta"),te=u(),C=d("meta"),ie=u(),q=d("meta"),se=u(),G=d("meta"),ne=u(),J=d("meta"),re=u(),E=d("meta"),ae=u(),A=d("meta"),le=u(),R=d("meta"),oe=u(),j=d("meta"),pe=u(),k&&k.c(),N=u(),V=d("meta"),me=u(),M=d("meta"),ce=u(),z=d("meta"),ue=u(),K=d("meta"),de=u(),Z=new we(!1),X=u(),F=new we(!1),$=Ie(),t(o,"name","description"),t(o,"content",c[1]),t(h,"rel","canonical"),t(h,"href",c[6]),t(p,"rel","shortcut icon"),t(p,"type","image/x-icon"),t(p,"href","https://s3.reutersmedia.net/resources_v2/images/favicon/favicon.ico"),t(_,"rel","icon"),t(_,"type","image/png"),t(_,"href","https://s3.reutersmedia.net/resources_v2/images/favicon/favicon-16x16.png"),t(_,"sizes","16x16"),t(b,"rel","icon"),t(b,"type","image/png"),t(b,"href","https://s1.reutersmedia.net/resources_v2/images/favicon/favicon-32x32.png"),t(b,"sizes","32x32"),t(r,"rel","icon"),t(r,"type","image/png"),t(r,"href","https://s3.reutersmedia.net/resources_v2/images/favicon/favicon-96x96.png"),t(r,"sizes","96x96"),t(T,"property","og:url"),t(T,"content",c[6]),t(D,"property","og:type"),t(D,"content","article"),t(m,"property","og:title"),t(m,"content",c[2]),t(m,"itemprop","name"),t(v,"property","og:description"),t(v,"content",c[3]),t(v,"itemprop","description"),t(O,"property","og:image"),t(O,"content",c[4]),t(O,"itemprop","image"),t(C,"property","og:site_name"),t(C,"content","Reuters"),t(q,"name","twitter:card"),t(q,"content","summary_large_image"),t(G,"name","twitter:site"),t(G,"content","@ReutersGraphics"),t(J,"name","twitter:creator"),t(J,"content","@ReutersGraphics"),t(E,"name","twitter:domain"),t(E,"content",c[7]),t(A,"name","twitter:title"),t(A,"content",c[2]),t(R,"name","twitter:description"),t(R,"content",c[3]),t(j,"name","twitter:image"),t(j,"content",c[4]),t(V,"property","fb:app_id"),t(V,"content","319194411438328"),t(M,"property","fb:admins"),t(M,"content","616167736"),t(z,"property","fb:admins"),t(z,"content","625796953"),t(K,"property","fb:admins"),t(K,"content","571759798"),Z.a=X,F.a=$},m(e,i){n(e,l,i),n(e,o,i),n(e,f,i),n(e,h,i),n(e,w,i),n(e,p,i),n(e,y,i),n(e,_,i),n(e,U,i),n(e,b,i),n(e,S,i),n(e,r,i),n(e,g,i),n(e,T,i),n(e,I,i),n(e,D,i),n(e,L,i),n(e,m,i),n(e,P,i),n(e,v,i),n(e,ee,i),n(e,O,i),n(e,te,i),n(e,C,i),n(e,ie,i),n(e,q,i),n(e,se,i),n(e,G,i),n(e,ne,i),n(e,J,i),n(e,re,i),n(e,E,i),n(e,ae,i),n(e,A,i),n(e,le,i),n(e,R,i),n(e,oe,i),n(e,j,i),n(e,pe,i),k&&k.m(e,i),n(e,N,i),n(e,V,i),n(e,me,i),n(e,M,i),n(e,ce,i),n(e,z,i),n(e,ue,i),n(e,K,i),n(e,de,i),Z.m(ve,e,i),n(e,X,i),F.m(x,e,i),n(e,$,i)},p(e,i){i&1&&a!==(a=e[0])&&(document.title=a),i&2&&t(o,"content",e[1]),i&64&&t(h,"href",e[6]),i&64&&t(T,"content",e[6]),i&4&&t(m,"content",e[2]),i&8&&t(v,"content",e[3]),i&16&&t(O,"content",e[4]),i&128&&t(E,"content",e[7]),i&4&&t(A,"content",e[2]),i&8&&t(R,"content",e[3]),i&16&&t(j,"content",e[4]),e[5]?k?k.p(e,i):(k=ke(e),k.c(),k.m(N.parentNode,N)):k&&(k.d(1),k=null),i&256&&x!==(x=`<script type="application/ld+json">${JSON.stringify(e[8])}<\/script>`)&&F.p(x)},d(e){e&&(s(l),s(o),s(f),s(h),s(w),s(p),s(y),s(_),s(U),s(b),s(S),s(r),s(g),s(T),s(I),s(D),s(L),s(m),s(P),s(v),s(ee),s(O),s(te),s(C),s(ie),s(q),s(se),s(G),s(ne),s(J),s(re),s(E),s(ae),s(A),s(le),s(R),s(oe),s(j),s(pe),s(N),s(V),s(me),s(M),s(ce),s(z),s(ue),s(K),s(de),Z.d(),s(X),s($),F.d()),k&&k.d(e)}}}function Ge(c){let a=c[6],l,o=Se(c);return{c(){o.c(),l=Ie()},m(f,h){o.m(document.head,null),Oe(document.head,l)},p(f,[h]){h&64&&he(a,a=f[6])?(o.d(1),o=Se(f),o.c(),o.m(l.parentNode,l)):o.p(f,h)},i:be,o:be,d(f){s(l),o.d(f)}}}function Je(c,a,l){let o,f,h,{baseUrl:w=""}=a,{pageUrl:p=null}=a,{seoTitle:y}=a,{seoDescription:_}=a,{shareTitle:U}=a,{shareDescription:b}=a,{shareImgPath:S}=a,{shareImgAlt:r=""}=a,{publishTime:g=""}=a,{updateTime:T=""}=a,{authors:I=[]}=a;const D=m=>{try{return new URL(m).origin}catch{return typeof window<"u"?D(window.location.href):""}},L={"@context":"http://schema.org","@type":"NewsMediaOrganization","@id":"https://www.reuters.com/#publisher",name:"Reuters",logo:{"@type":"ImageObject",url:"https://s3.reutersmedia.net/resources_v2/images/reuters_social_logo.png",width:"200",height:"200"},url:"https://www.reuters.com/"};return c.$$set=m=>{"baseUrl"in m&&l(10,w=m.baseUrl),"pageUrl"in m&&l(11,p=m.pageUrl),"seoTitle"in m&&l(0,y=m.seoTitle),"seoDescription"in m&&l(1,_=m.seoDescription),"shareTitle"in m&&l(2,U=m.shareTitle),"shareDescription"in m&&l(3,b=m.shareDescription),"shareImgPath"in m&&l(4,S=m.shareImgPath),"shareImgAlt"in m&&l(5,r=m.shareImgAlt),"publishTime"in m&&l(12,g=m.publishTime),"updateTime"in m&&l(13,T=m.updateTime),"authors"in m&&l(14,I=m.authors)},c.$$.update=()=>{c.$$.dirty&1024&&l(7,o=D(w)),c.$$.dirty&2176&&l(6,f=(o+p.pathname).replace(/index\.html\/$/,"")),c.$$.dirty&28753&&l(8,h={"@context":"http://schema.org","@type":"NewsArticle",headline:y,url:f,mainEntityOfPage:{"@type":"WebPage","@id":f},thumbnailUrl:S,image:[{"@context":"http://schema.org","@type":"ImageObject",url:S}],publisher:{"@id":"https://www.reuters.com/#publisher"},copyrightHolder:{"@id":"https://www.reuters.com/#publisher"},sourceOrganization:{"@id":"https://www.reuters.com/#publisher"},copyrightYear:new Date().getFullYear(),dateCreated:g,datePublished:g,dateModified:T,author:I.map(({name:m,url:P})=>({"@type":"Person",name:m,url:P})),articleSection:"Graphics",isAccessibleForFree:!0,creator:["Reuters Graphics"],keywords:["Reuters graphics","Reuters","graphics","Interactives"]})},[y,_,U,b,S,r,f,o,h,L,w,p,g,T,I]}class ge extends Te{constructor(a){super(),Ue(this,a,Je,Ge,he,{baseUrl:10,pageUrl:11,seoTitle:0,seoDescription:1,shareTitle:2,shareDescription:3,shareImgPath:4,shareImgAlt:5,publishTime:12,updateTime:13,authors:14})}}ge.__docgen={version:3,name:"SEO.svelte",data:[{keywords:[{name:"requiredx",description:""},{name:"type",description:"{string}"}],visibility:"public",description:"Base url for the page, which in [Vite-based projects](https://vitejs.dev/guide/build.html#public-base-path)\nis globally available as `import.meta.env.BASE_URL`.",name:"baseUrl",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:""},{keywords:[{name:"required",description:""},{name:"type",description:"{URL}"}],visibility:"public",description:"[URL](https://developer.mozilla.org/en-US/docs/Web/API/URL) object for the page.",name:"pageUrl",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"URL",type:"URL"},defaultValue:null},{keywords:[{name:"required",description:""},{name:"type",description:"{string}"}],visibility:"public",description:"SEO title",name:"seoTitle",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"}},{keywords:[{name:"required",description:""},{name:"type",description:"{string}"}],visibility:"public",description:"SEO description",name:"seoDescription",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"}},{keywords:[{name:"required",description:""},{name:"type",description:"{string}"}],visibility:"public",description:"Share title",name:"shareTitle",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"}},{keywords:[{name:"required",description:""},{name:"type",description:"{string}"}],visibility:"public",description:"Share description",name:"shareDescription",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"}},{keywords:[{name:"required",description:""},{name:"type",description:"{string}"}],visibility:"public",description:"Share image path. **Must be an absolute path.**",name:"shareImgPath",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"}},{keywords:[{name:"type",description:"{string}"}],visibility:"public",description:"Share image alt text, up to 420 characters.",name:"shareImgAlt",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:""},{keywords:[{name:"type",description:"{string}"}],visibility:"public",description:"Publish time as an [ISO string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)",name:"publishTime",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:""},{keywords:[{name:"type",description:"{string}"}],visibility:"public",description:"Updated time as an [ISO string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)",name:"updateTime",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:""},{keywords:[],visibility:"public",description:"Array of authors for the piece. Each author object must have `name` and `url` attributes.",name:"authors",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"array",type:"array"}}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};function Ne(c){let a,l,o,f;const h=[c[0]];let w={};for(let p=0;p<h.length;p+=1)w=fe(w,h[p]);return a=new ge({props:w}),{c(){Q(a.$$.fragment),l=u(),o=d("div"),o.textContent="Nothing to see here. 😎"},m(p,y){B(a,p,y),n(p,l,y),n(p,o,y),f=!0},p(p,y){const _=y&1?De(h,[Ee(p[0])]):{};a.$set(_)},i(p){f||(W(a.$$.fragment,p),f=!0)},o(p){H(a.$$.fragment,p),f=!1},d(p){p&&(s(l),s(o)),Y(a,p)}}}function Ve(c){let a,l,o,f,h,w,p,y;const _=[{title:"Components/SEO"},{component:ge},Re(Ce)];let U={};for(let r=0;r<_.length;r+=1)U=fe(U,_[r]);a=new je({props:U}),o=new Le({props:{$$slots:{default:[Ne,({args:r})=>({0:r}),({args:r})=>r?1:0]},$$scope:{ctx:c}}}),h=new _e({props:{name:"Default",args:{baseUrl:"https://graphics.reuters.com",pageUrl:new URL("https://graphics.reuters.com/hello-world/"),publishTime:new Date("2020-09-15").toISOString()}}});const b=[{name:"🚀 QUICKIT"},{args:{baseUrl:"https://graphics.reuters.com",pageUrl:new URL("https://graphics.reuters.com/hello-world/"),publishTime:new Date("2020-09-15").toISOString()}},Pe(qe)];let S={};for(let r=0;r<b.length;r+=1)S=fe(S,b[r]);return p=new _e({props:S}),{c(){Q(a.$$.fragment),l=u(),Q(o.$$.fragment),f=u(),Q(h.$$.fragment),w=u(),Q(p.$$.fragment)},m(r,g){B(a,r,g),n(r,l,g),B(o,r,g),n(r,f,g),B(h,r,g),n(r,w,g),B(p,r,g),y=!0},p(r,[g]){const T={};a.$set(T);const I={};g&3&&(I.$$scope={dirty:g,ctx:r}),o.$set(I);const D=g&0?De(b,[b[0],{args:{baseUrl:"https://graphics.reuters.com",pageUrl:new URL("https://graphics.reuters.com/hello-world/"),publishTime:new Date("2020-09-15").toISOString()}},b[2]]):{};p.$set(D)},i(r){y||(W(a.$$.fragment,r),W(o.$$.fragment,r),W(h.$$.fragment,r),W(p.$$.fragment,r),y=!0)},o(r){H(a.$$.fragment,r),H(o.$$.fragment,r),H(h.$$.fragment,r),H(p.$$.fragment,r),y=!1},d(r){r&&(s(l),s(f),s(w)),Y(a,r),Y(o,r),Y(h,r),Y(p,r)}}}class Me extends Te{constructor(a){super(),Ue(this,a,null,Ve,he,{})}}const ye=Ae(Me,{meta:{title:"Components/SEO"},stories:{"tpl:default":{name:"default",template:!0,source:`<SEO {...args} />
|
|
<div>Nothing to see here. 😎</div>`,hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1},QUICKIT:{name:"🚀 QUICKIT",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","quickitDocs","SEO","withComponentDocs","withStoryDocs"]}),Qe=ye.meta,Be=["Default","QUICKIT"],We=ye.stories.Default,He=ye.stories.QUICKIT;export{We as Default,He as QUICKIT,Be as __namedExportsOrder,Qe as default};
|