@reuters-graphics/graphics-components 1.1.5 → 1.1.7

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/docs/docs-components/CopyColourTable/ImportSnippet.d.ts

@@ -2,5 +2,4 @@ export default ImportSnippet;
 declare function ImportSnippet({ included, partial }: {
     included?: boolean | undefined;
     partial?: string | undefined;
-}): React.JSX.Element;
-import React from 'react';
+}): JSX.Element;

package/dist/docs/docs-components/CopyColourTable/Table.d.ts

@@ -6,5 +6,4 @@ declare function CopyTable({ title, body, copyable, mdnLink, included, partial,
     mdnLink?: null | undefined;
     included?: boolean | undefined;
     partial: any;
-}): React.JSX.Element;
-import React from 'react';
+}): JSX.Element;

package/dist/docs/docs-components/CopyTable/Table.d.ts

@@ -6,5 +6,4 @@ declare function CopyTable({ title, note, header, body, copyable, mdnLink, }: {
     body: any;
     copyable: any;
     mdnLink?: null | undefined;
-}): React.JSX.Element;
-import React from 'react';
+}): JSX.Element;

package/dist/docs/docs-components/MdxTheme/Theme.d.ts

@@ -1,3 +1,2 @@
 export default ThemeWrapper;
-declare function ThemeWrapper(props: any): React.JSX.Element;
-import React from 'react';
+declare function ThemeWrapper(props: any): JSX.Element;

package/dist/docs/docs-components/Mermaid/Mermaid.d.ts

@@ -1,2 +1 @@
-export default function Mermaid(props: any): React.JSX.Element;
-import React from 'react';
+export default function Mermaid(props: any): JSX.Element;

package/dist/docs/docs-components/ThemeBuilder/CSSVariables/VariableTable.d.ts

@@ -1,3 +1,2 @@
 export default VariableTable;
-declare function VariableTable(props: any): React.JSX.Element;
-import React from 'react';
+declare function VariableTable(props: any): JSX.Element;

package/dist/docs/docs-components/ThemeBuilder/Customiser/ColourPicker.d.ts

@@ -2,5 +2,4 @@ export default ColourPicker;
 declare function ColourPicker({ colour, onChange }: {
     colour: any;
     onChange: any;
-}): React.JSX.Element;
-import React from 'react';
+}): JSX.Element;

package/dist/docs/docs-components/ThemeBuilder/Customiser/Customiser.d.ts

@@ -3,5 +3,4 @@ declare function Customiser({ theme, themeName, setTheme }: {
     theme: any;
     themeName: any;
     setTheme: any;
-}): React.JSX.Element;
-import React from 'react';
+}): JSX.Element;

package/dist/docs/docs-components/ThemeBuilder/Customiser/Key.d.ts

@@ -6,5 +6,4 @@ declare function Key({ value, name, map, themeName, setTheme, theme }: {
     themeName: any;
     setTheme: any;
     theme: any;
-}): React.JSX.Element;
-import React from 'react';
+}): JSX.Element;

package/dist/docs/docs-components/ThemeBuilder/Customiser/Value.d.ts

@@ -6,5 +6,4 @@ declare function Value({ value, name, map, themeName, theme, setTheme }: {
     themeName: any;
     theme: any;
     setTheme: any;
-}): React.JSX.Element;
-import React from 'react';
+}): JSX.Element;

package/dist/docs/docs-components/ThemeBuilder/NewTheme/NewTheme.d.ts

@@ -2,5 +2,4 @@ export default NewTheme;
 declare function NewTheme({ theme, themeName }: {
     theme: any;
     themeName: any;
-}): React.JSX.Element;
-import React from 'react';
+}): JSX.Element;

package/dist/docs/docs-components/ThemeBuilder/ThemeBuilder.d.ts

@@ -1,3 +1,2 @@
 export default ThemeBuilder;
-declare function ThemeBuilder(_props: any): React.JSX.Element;
-import React from 'react';
+declare function ThemeBuilder(_props: any): JSX.Element;

package/dist/docs/docs-components/ThemeBuilder/ThemeSwitch/Switch.d.ts

@@ -2,5 +2,4 @@ export default ThemeSwitch;
 declare function ThemeSwitch({ themeName, setThemeName }: {
     themeName: any;
     setThemeName: any;
-}): React.JSX.Element;
-import React from 'react';
+}): JSX.Element;

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.7",
   "type": "module",
   "private": false,
   "homepage": "https://reuters-graphics.github.io/graphics-components",
@@ -12,21 +12,6 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "scripts": {
-    "start": "storybook dev -p 3000",
-    "new": "node ./bin/newComponent/index.cjs",
-    "lint": "eslint --fix",
-    "lint:check": "eslint",
-    "format": "prettier . --write",
-    "format:check": "prettier . --check",
-    "build:package": "rimraf ./dist && svelte-package -i ./src && publint",
-    "build:chromatic": "storybook build -o docs",
-    "build:docs": "storybook build -o docs && touch ./docs/.nojekyll",
-    "build": "npm-run-all build:package build:docs",
-    "changeset:version": "changeset version",
-    "changeset:publish": "git add --all && changeset publish",
-    "knip": "knip"
-  },
   "license": "MIT",
   "files": [
     "dist"
@@ -133,5 +118,16 @@
   "types": "./dist/index.d.ts",
   "bugs": {
     "url": "https://github.com/reuters-graphics/graphics-components/issues"
+  },
+  "scripts": {
+    "start": "storybook dev -p 3000",
+    "new": "node ./bin/newComponent/index.cjs",
+    "lint": "eslint --fix",
+    "format": "prettier . --write",
+    "build": "rimraf ./dist && svelte-package -i ./src && publint",
+    "build:docs": "storybook build -o docs",
+    "changeset:version": "changeset version",
+    "changeset:publish": "git add --all && changeset publish",
+    "knip": "knip"
   }
-}
+}