gatsby-plugin-google-gtag 4.17.0 → 4.18.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-google-gtag",
   "description": "Gatsby plugin to add google gtag onto a site",
-  "version": "4.17.0",
+  "version": "4.18.0",
   "author": "Tyler Buchea <tyler@buchea.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.15.4",
     "@babel/core": "^7.15.5",
-    "babel-preset-gatsby-package": "^2.17.0",
+    "babel-preset-gatsby-package": "^2.18.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-google-gtag#readme",
@@ -43,5 +43,5 @@
   "engines": {
     "node": ">=14.15.0"
   },
-  "gitHead": "4046323a40c4b6222066d47fe89e088ace9571a8"
+  "gitHead": "2046e0257758e4fb85b3d7b9ef7f328d400ea4a9"
 }

package/dist/gatsby-browser.d.ts

@@ -1,3 +0,0 @@
-import type { GatsbyBrowser } from "gatsby";
-export { wrapPageElement } from "./gatsby-shared";
-export declare const onRouteUpdate: GatsbyBrowser[`onRouteUpdate`];

package/dist/gatsby-browser.js

@@ -1,37 +0,0 @@
-export { wrapPageElement } from "./gatsby-shared";
-export const onRouteUpdate = ({
-  location
-}) => {
-  // @ts-ignore gtag is global
-  if (process.env.NODE_ENV !== `production` || typeof gtag !== `function`) {
-    return null;
-  }
-
-  const pathIsExcluded = location && // @ts-ignore globals
-  typeof window.excludeGtagPaths !== `undefined` && // @ts-ignore globals
-  window.excludeGtagPaths.some(rx => rx.test(location.pathname));
-
-  if (pathIsExcluded) {
-    return null;
-  } // wrap inside a timeout to make sure react-helmet is done with its changes (https://github.com/gatsbyjs/gatsby/issues/11592)
-
-
-  const sendPageView = () => {
-    const pagePath = location ? location.pathname + location.search + location.hash : undefined; // @ts-ignore globals
-
-    window.gtag(`event`, `page_view`, {
-      page_path: pagePath
-    });
-  };
-
-  if (`requestAnimationFrame` in window) {
-    requestAnimationFrame(() => {
-      requestAnimationFrame(sendPageView);
-    });
-  } else {
-    // simulate 2 rAF calls
-    setTimeout(sendPageView, 32);
-  }
-
-  return null;
-};

package/dist/gatsby-shared.d.ts

@@ -1,2 +0,0 @@
-import type { GatsbySSR, GatsbyBrowser } from "gatsby";
-export declare const wrapPageElement: GatsbySSR[`wrapPageElement`] | GatsbyBrowser[`wrapPageElement`];

package/dist/gatsby-shared.js

@@ -1,37 +0,0 @@
-import React from "react";
-import { createSnippet } from "./utils/create-snippet";
-import { getFlattenedPluginOptions } from "./utils/get-flattened-plugin-options";
-import { hasFeature } from "gatsby-plugin-utils";
-import { Keys } from "./utils/constants";
-export const wrapPageElement = ({
-  element
-}, pluginOptions) => {
-  if (!hasFeature(`gatsby-script`)) {
-    return element;
-  }
-
-  const {
-    Script
-  } = require(`gatsby`);
-
-  const flattenedPluginOptions = getFlattenedPluginOptions(pluginOptions);
-
-  const __html = createSnippet(flattenedPluginOptions);
-
-  const {
-    gtagURL
-  } = flattenedPluginOptions;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, element, /*#__PURE__*/React.createElement(Script, {
-    key: Keys.gtag,
-    src: gtagURL,
-    strategy: "off-main-thread",
-    forward: [`gtag`]
-  }), /*#__PURE__*/React.createElement(Script, {
-    key: Keys.gtagConfig,
-    id: Keys.gtagConfig,
-    strategy: "off-main-thread",
-    dangerouslySetInnerHTML: {
-      __html
-    }
-  }));
-};

package/dist/gatsby-ssr.d.ts

@@ -1,3 +0,0 @@
-import type { GatsbySSR } from "gatsby";
-export { wrapPageElement } from "./gatsby-shared";
-export declare const onRenderBody: GatsbySSR[`onRenderBody`];

package/dist/gatsby-ssr.js

@@ -1,46 +0,0 @@
-import React from "react";
-import { hasFeature } from "gatsby-plugin-utils";
-import { getFlattenedPluginOptions } from "./utils/get-flattened-plugin-options";
-import { createSnippet } from "./utils/create-snippet";
-import { Keys } from "./utils/constants";
-export { wrapPageElement } from "./gatsby-shared";
-export const onRenderBody = ({
-  setHeadComponents,
-  setPostBodyComponents
-}, pluginOptions) => {
-  const unSupportedEnv = process.env.NODE_ENV !== `production` && process.env.NODE_ENV !== `test`;
-
-  if (unSupportedEnv || hasFeature(`gatsby-script`)) {
-    return null;
-  }
-
-  const flattenedPluginOptions = getFlattenedPluginOptions(pluginOptions);
-  const {
-    head,
-    gtagURL
-  } = flattenedPluginOptions; // Lighthouse recommends pre-connecting to google tag manager
-
-  setHeadComponents([/*#__PURE__*/React.createElement("link", {
-    rel: "preconnect",
-    key: "preconnect-google-gtag",
-    href: origin
-  }), /*#__PURE__*/React.createElement("link", {
-    rel: "dns-prefetch",
-    key: "dns-prefetch-google-gtag",
-    href: origin
-  })]);
-  const setComponents = head ? setHeadComponents : setPostBodyComponents;
-
-  const __html = createSnippet(flattenedPluginOptions);
-
-  return setComponents([/*#__PURE__*/React.createElement("script", {
-    key: Keys.gtag,
-    async: true,
-    src: gtagURL
-  }), /*#__PURE__*/React.createElement("script", {
-    key: Keys.gtagConfig,
-    dangerouslySetInnerHTML: {
-      __html
-    }
-  })]);
-};

package/dist/index.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface IOutboundLinkProps {
-    href: string;
-    target?: string;
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-}
-declare const OutboundLink: React.ForwardRefExoticComponent<IOutboundLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-export { OutboundLink };

package/dist/index.js

@@ -1,53 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-const _excluded = ["children"];
-import React from "react";
-const OutboundLink = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    children
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement("a", _extends({
-    ref: ref
-  }, props, {
-    onClick: e => {
-      if (typeof props.onClick === `function`) {
-        props.onClick(e);
-      }
-
-      let redirect = true;
-
-      if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || e.defaultPrevented) {
-        redirect = false;
-      }
-
-      if (props.target && props.target.toLowerCase() !== `_self`) {
-        redirect = false;
-      } // @ts-ignore gtag is global
-
-
-      if (window.gtag) {
-        // @ts-ignore gtag is global
-        window.gtag(`event`, `click`, {
-          event_category: `outbound`,
-          event_label: props.href,
-          transport_type: redirect ? `beacon` : ``,
-          // eslint-disable-next-line @typescript-eslint/naming-convention
-          event_callback: function () {
-            if (redirect) {
-              document.location = props.href;
-            }
-          }
-        });
-      } else {
-        if (redirect) {
-          document.location = props.href;
-        }
-      }
-
-      return false;
-    }
-  }), children);
-});
-export { OutboundLink };

package/dist/types.d.ts

@@ -1,16 +0,0 @@
-import type { PluginOptions } from "gatsby";
-export interface GoogleGtagPluginOptions extends PluginOptions {
-    trackingIds?: Array<string>;
-    gtagConfig?: {
-        optimize_id?: string;
-        anonymize_ip?: boolean;
-        cookie_expires?: number;
-        send_page_view?: boolean;
-    };
-    pluginConfig?: {
-        head?: boolean;
-        respectDNT?: boolean;
-        exclude?: Array<string>;
-        origin?: string;
-    };
-}

package/dist/types.js

@@ -1 +0,0 @@
-export {};

package/dist/utils/constants.d.ts

@@ -1,4 +0,0 @@
-export declare enum Keys {
-    gtag = "gatsby-plugin-google-gtag",
-    gtagConfig = "gatsby-plugin-google-gtag-config"
-}

package/dist/utils/constants.js

@@ -1,6 +0,0 @@
-export let Keys;
-
-(function (Keys) {
-  Keys["gtag"] = "gatsby-plugin-google-gtag";
-  Keys["gtagConfig"] = "gatsby-plugin-google-gtag-config";
-})(Keys || (Keys = {}));

package/dist/utils/create-snippet.d.ts

@@ -1,2 +0,0 @@
-import type { IFlattenedGoogleGtagPluginOptions } from "./get-flattened-plugin-options";
-export declare function createSnippet(flattenedPluginOptions: IFlattenedGoogleGtagPluginOptions): string;

package/dist/utils/create-snippet.js

@@ -1,27 +0,0 @@
-import { Minimatch } from "minimatch";
-export function createSnippet(flattenedPluginOptions) {
-  const {
-    gtagConfig = {},
-    exclude,
-    respectDNT,
-    trackingIds
-  } = flattenedPluginOptions; // Prevent duplicate or excluded pageview events being emitted on initial load of page by the `config` command
-  // https://developers.google.com/analytics/devguides/collection/gtagjs/#disable_pageview_tracking
-
-  gtagConfig.send_page_view = false;
-  const excludeGtagPaths = [];
-  exclude.map(exclude => {
-    const mm = new Minimatch(exclude);
-    excludeGtagPaths.push(mm.makeRe());
-  });
-  return `
-    ${excludeGtagPaths.length ? `window.excludeGtagPaths=[${excludeGtagPaths.join(`,`)}];` : ``}
-    ${typeof gtagConfig.anonymize_ip !== `undefined` && gtagConfig.anonymize_ip === true ? `function gaOptout(){document.cookie=disableStr+'=true; expires=Thu, 31 Dec 2099 23:59:59 UTC;path=/',window[disableStr]=!0}var gaProperty='${(trackingIds === null || trackingIds === void 0 ? void 0 : trackingIds[0]) || ``}',disableStr='ga-disable-'+gaProperty;document.cookie.indexOf(disableStr+'=true')>-1&&(window[disableStr]=!0);` : ``}
-    if(${respectDNT ? `!(navigator.doNotTrack == "1" || window.doNotTrack == "1")` : `true`}) {
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){window.dataLayer && window.dataLayer.push(arguments);}
-      gtag('js', new Date());
-
-      ${trackingIds.map(trackingId => `gtag('config', '${trackingId}', ${JSON.stringify(gtagConfig)});`).join(``)}
-    }`;
-}

package/dist/utils/get-flattened-plugin-options.d.ts

@@ -1,11 +0,0 @@
-import type { GoogleGtagPluginOptions } from "../types";
-export interface IFlattenedGoogleGtagPluginOptions {
-    gtagConfig: GoogleGtagPluginOptions[`gtagConfig`];
-    origin: string;
-    head: boolean;
-    trackingIds: Array<string>;
-    gtagURL: string;
-    exclude: Array<string>;
-    respectDNT: boolean;
-}
-export declare function getFlattenedPluginOptions(pluginOptions: GoogleGtagPluginOptions): IFlattenedGoogleGtagPluginOptions;

package/dist/utils/get-flattened-plugin-options.js

@@ -1,23 +0,0 @@
-export function getFlattenedPluginOptions(pluginOptions) {
-  const {
-    gtagConfig = {},
-    pluginConfig = {},
-    trackingIds = []
-  } = pluginOptions;
-  const {
-    origin = `https://www.googletagmanager.com`,
-    head = false,
-    exclude = [],
-    respectDNT = true
-  } = pluginConfig;
-  const gtagURL = `${origin}/gtag/js?id=${(trackingIds === null || trackingIds === void 0 ? void 0 : trackingIds[0]) || ``}`;
-  return {
-    gtagConfig,
-    origin,
-    head,
-    trackingIds,
-    gtagURL,
-    exclude,
-    respectDNT
-  };
-}

package/dist/utils/get-relevant-plugin-options.js

@@ -1,23 +0,0 @@
-export function getRelevantPluginOptions(pluginOptions) {
-  const {
-    gtagConfig = {},
-    pluginConfig = {},
-    trackingIds = []
-  } = pluginOptions;
-  const {
-    origin = `https://www.googletagmanager.com`,
-    head = false,
-    exclude = [],
-    respectDNT
-  } = pluginConfig;
-  const gtagURL = `${origin}/gtag/js?id=${(trackingIds === null || trackingIds === void 0 ? void 0 : trackingIds[0]) || ``}`;
-  return {
-    gtagConfig,
-    origin,
-    head,
-    trackingIds,
-    gtagURL,
-    exclude,
-    respectDNT
-  };
-}