@reuters-graphics/graphics-components 1.1.5 → 1.1.6

package/dist/components/Analytics/Analytics.svelte

@@ -1,20 +1,23 @@
 <script context="module">
   import { registerPageview as registerChartbeatPageview } from './providers/chartbeat';
   import { registerPageview as registerGAPageview } from './providers/ga';
+  import { registerPageview as registerParselyPageview } from './providers/parsely';
 
   /** Register virtual pageviews when using client-side routing in multipage applications. */
   export function registerPageview() {
     registerChartbeatPageview();
     registerGAPageview();
+    registerParselyPageview();
   }
 </script>
 
 <!-- @component `Analytics` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-Analytics--default) -->
 <script>export let authors = [];
 import { onMount } from "svelte";
-import { ga, chartbeat } from "./providers";
+import { ga, chartbeat, parsely } from "./providers";
 onMount(() => {
   ga();
   chartbeat(authors);
+  parsely();
 });
 </script>

package/dist/components/Analytics/providers/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ga } from './ga';
 export { default as chartbeat } from './chartbeat';
+export { default as parsely } from './parsely';

package/dist/components/Analytics/providers/index.js

@@ -1,2 +1,3 @@
 export { default as ga } from './ga';
 export { default as chartbeat } from './chartbeat';
+export { default as parsely } from './parsely';

package/dist/components/Analytics/providers/parsely.d.ts

@@ -0,0 +1,3 @@
+declare const _default: () => void;
+export default _default;
+export declare const registerPageview: () => void;

package/dist/components/Analytics/providers/parsely.js

@@ -0,0 +1,29 @@
+const SITE_ID = 'reuters.com';
+const attachScript = () => {
+    const b = document.body;
+    const e = document.createElement('script');
+    e.id = 'parsely-cfg';
+    e.src = `//cdn.parsely.com/keys/${SITE_ID}/p.js`;
+    e.setAttribute('async', '');
+    e.setAttribute('defer', '');
+    b.appendChild(e);
+};
+export default () => {
+    window.PARSELY = window.PARSELY || {
+        autotrack: false,
+        onReady() {
+            window.PARSELY.updateDefaults({
+                data: {
+                    is_logged_in: false,
+                },
+            });
+            window.PARSELY.beacon.trackPageView();
+        },
+    };
+    attachScript();
+};
+export const registerPageview = () => {
+    if (typeof window === 'undefined' || !window.PARSELY)
+        return;
+    window.PARSELY.beacon.trackPageView();
+};

package/dist/components/SEO/SEO.svelte

@@ -19,7 +19,7 @@ const getOrigin = (baseUrl2) => {
   }
 };
 $: origin = getOrigin(baseUrl);
-$: canonicalUrl = (origin + pageUrl.pathname).replace(/index\.html\/$/, "");
+$: canonicalUrl = (origin + pageUrl?.pathname).replace(/index\.html\/$/, "");
 const orgLdJson = {
   "@context": "http://schema.org",
   "@type": "NewsMediaOrganization",
@@ -62,9 +62,9 @@ $: articleLdJson = {
     name,
     url
   })),
+  creator: authors.map(({ name }) => name),
   articleSection: "Graphics",
   isAccessibleForFree: true,
-  creator: ["Reuters Graphics"],
   keywords: ["Reuters graphics", "Reuters", "graphics", "Interactives"]
 };
 </script>

package/dist/globals.d.ts

@@ -21,6 +21,14 @@ declare global {
     };
     /** Graphics ads */
     graphicsAdQueue: any[];
+    /** Parsely */
+    PARSELY: {
+      onLoad: () => void;
+      beacon: {
+        trackPageView: () => void;
+      };
+      updateDefaults: (params: any) => void;
+    };
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reuters-graphics/graphics-components",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "type": "module",
   "private": false,
   "homepage": "https://reuters-graphics.github.io/graphics-components",