gatsby-plugin-rudderstack 3.0.0-beta.0 → 3.0.0

package/CHANGELOG.md

@@ -0,0 +1,25 @@
+# Changelog
+
+All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+
+## [3.0.0](https://github.com/rudderlabs/gatsby-plugin-rudderstack/compare/v2.0.0...v3.0.0) (2023-12-05)
+
+
+### ⚠ BREAKING CHANGES
+
+* Default JS SDK version is now v3.x, this version comes with [breaking changes](https://www.rudderstack.com/docs/sources/event-streams/sdks/rudderstack-javascript-sdk/v3/#breaking-changes) and [new features](https://www.rudderstack.com/docs/sources/event-streams/sdks/rudderstack-javascript-sdk/v3/#new-features)
+
+### Features
+
+* use JS SDK v3 loading snippet with new useLegacySDK option for v2.x usage ([#26](https://github.com/rudderlabs/gatsby-plugin-rudderstack/issues/26)) ([c05cdbb](https://github.com/rudderlabs/gatsby-plugin-rudderstack/commit/c05cdbb15ef5fb6862d7d9804e980219d7ab6fe3))
+
+## 2.0.0 (2022-12-14)
+
+
+### ⚠ BREAKING CHANGES
+
+* modify delayLoad functionality (#17)
+
+### Features
+
+* modify delayLoad functionality ([#17](https://github.com/rudderlabs/gatsby-plugin-rudderstack/issues/17)) ([65f176d](https://github.com/rudderlabs/gatsby-plugin-rudderstack/commit/65f176dd8e7fff4749b7142ba16d63519651fe45))

package/README.md

@@ -1,7 +1,21 @@
-<p align="center"><a href="https://rudderstack.com"><img src="https://user-images.githubusercontent.com/59817155/121357083-1c571300-c94f-11eb-8cc7-ce6df13855c9.png" alt="RudderStack - An Open Source Customer Data Platform" height="90"/></a></p>
-<h1 align="center">gatsby-plugin-rudderstack</h1>
-<p align="center"><b>The warehouse-first customer data platform built for devs.</b></p>
-<br/>
+## [![Releases](https://img.shields.io/github/release/rudderlabs/gatsby-plugin-rudderstack.svg)](https://github.com/rudderlabs/gatsby-plugin-rudderstack/releases) [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=rudderlabs_gatsby-plugin-rudderstack&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=rudderlabs_gatsby-plugin-rudderstack) [![Maintainability Rating](https://sonarcloud.io/api/project_badges/measure?project=rudderlabs_gatsby-plugin-rudderstack&metric=sqale_rating)](https://sonarcloud.io/summary/new_code?id=rudderlabs_gatsby-plugin-rudderstack) [![Reliability Rating](https://sonarcloud.io/api/project_badges/measure?project=rudderlabs_gatsby-plugin-rudderstack&metric=reliability_rating)](https://sonarcloud.io/summary/new_code?id=rudderlabs_gatsby-plugin-rudderstack) [![Security Rating](https://sonarcloud.io/api/project_badges/measure?project=rudderlabs_gatsby-plugin-rudderstack&metric=security_rating)](https://sonarcloud.io/summary/new_code?id=rudderlabs_gatsby-plugin-rudderstack) [![Coverage](https://sonarcloud.io/api/project_badges/measure?project=rudderlabs_gatsby-plugin-rudderstack&metric=coverage)](https://sonarcloud.io/summary/new_code?id=rudderlabs_gatsby-plugin-rudderstack)
+
+<p align="center">
+  <a href="https://rudderstack.com/">
+    <img alt="RudderStack" width="512" src="https://raw.githubusercontent.com/rudderlabs/rudder-sdk-js/develop/assets/rs-logo-full-light.jpg">
+  </a>
+  <br />
+  <caption>The Customer Data Platform for Developers</caption>
+</p>
+<p align="center">
+  <b>
+    <a href="https://rudderstack.com">Website</a>
+    ·
+    <a href="https://rudderstack.com/docs/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk/">Documentation</a>
+    ·
+    <a href="https://rudderstack.com/join-rudderstack-slack-community">Community Slack</a>
+  </b>
+</p>
 
 # The RudderStack Plugin for Gatsby.
 
@@ -9,11 +23,11 @@ This is a way for you to quickly and easily get RudderStack up and running in yo
 
 Questions? Please join our [Slack channel](https://resources.rudderstack.com/join-rudderstack-slack) or read about us on [Product Hunt](https://www.producthunt.com/posts/rudderstack).
 
-# Why Use This plugin
+## Why Use This plugin
 
 This plugin makes it easy to integrate your Gatsby website with the RudderStack API and easily track events.
 
-# Key Features
+## Key Features
 
 - use multiple write keys (one for prod env, another optional one for dev)
 - disable page view tracking (just in case you want to add it later manually)
@@ -24,9 +38,9 @@ This plugin makes it easy to integrate your Gatsby website with the RudderStack
 - NPM: `$ npm install --save gatsby-plugin-rudderstack`
 - YARN: `$ yarn add gatsby-plugin-rudderstack`
 
-# [](https://github.com/rudderlabs/gatsby-plugin-rudderstack/blob/master/README.md#setup) Setup
+## [Setup](https://github.com/rudderlabs/gatsby-plugin-rudderstack/blob/master/README.md#setup)
 
-## [](https://github.com/rudderlabs/gatsby-plugin-rudderstack/blob/master/README.md#step-1-configure-gatsby) Step 1: Configure Your Gatsby Config File
+### [Step 1: Configure Your Gatsby Config File](https://github.com/rudderlabs/gatsby-plugin-rudderstack/blob/master/README.md#step-1-configure-gatsby)
 
 In your gatsby-config.js file:
 
@@ -40,7 +54,7 @@ plugins: [
       // required; non-empty string
       //NOTE: Do not commit this to git. Process from env.
       prodKey: `RUDDERSTACK_PRODUCTION_WRITE_KEY`,
-      
+
       // if you have a development env for your rudderstack account, paste that key here
       // when process.env.NODE_ENV === 'development'
       // optional; non-empty string
@@ -98,7 +112,7 @@ plugins: [
       // Can be used to override where the SDK should be loaded from. This is useful
       // if you want to serve the SDK from a custom domain other than RudderStack to tackle ad-blockers
       // By default, the plugin will use the latest JS SDK from RudderStack's CDN
-      sdkURL: `https://subdomain.yourdomain.com/v1.1/rudder-analytics.min.js`,
+      sdkURL: `https://subdomain.yourdomain.com/v3`,
 
       // string ('async' or 'defer'); whether to load the RudderStack SDK async or defer. Anything else
       // will load normally.
@@ -106,6 +120,10 @@ plugins: [
       // 'defer' will load the SDK as <script defer></script>
       loadType: 'default',
 
+      // Whether to use the snippet for JS SDK v2.x
+      // Useful for only loading the previous major version of the SDK if you do not want to migrate to v3 yet.
+      useLegacySDK: false,
+
       // Options to the `load` API
       // Note: The above `controlPlaneUrl` overrides the `configUrl` field in this object
       // You can find all the available load options here,
@@ -118,7 +136,7 @@ plugins: [
 ];
 ```
 
-## [](https://github.com/rudderlabs/gatsby-plugin-rudderstack/blob/master/README.md#step-2-identify-your-users-using-the-identify-method)Step 2: Identify Your Users With the `identify()` Method:
+### [Step 2: Identify Your Users With the `identify()` Method:](https://github.com/rudderlabs/gatsby-plugin-rudderstack/blob/master/README.md#step-2-identify-your-users-using-the-identify-method)
 
 The `identify()` method allows you to link users and their actions to a specific userid.
 
@@ -126,26 +144,31 @@ A sample example of how the `identify()` method works in Gatsby is as shown:
 
 ```javascript
 class CallToAction extends React.Component {
-    _handleCallToAction() {
-        window.rudderanalytics.identify(
-          "12345", {
-            email: "name@domain.com"
-          }, {
-            page: {
-              path: "/post",
-              referrer: "internal",
-              search: "",
-              title: "Post Page",
-              url: "",
-            },
-          }
-        }
-
-        render() {
-            return (
-                <Link onClick={ this._handleCallToAction } to="/write-post">Write a Post</Link>
-              )
-        }
+  _handleCallToAction() {
+    window.rudderanalytics.identify(
+      '12345',
+      {
+        email: 'name@domain.com',
+      },
+      {
+        page: {
+          path: '/post',
+          referrer: 'internal',
+          search: '',
+          title: 'Post Page',
+          url: '',
+        },
+      },
+    );
+  }
+
+  render() {
+    return (
+      <Link onClick={this._handleCallToAction} to="/write-post">
+        Write a Post
+      </Link>
+    );
+  }
 }
 ```
 
@@ -153,7 +176,7 @@ In the above example, information such as the user ID, email along with contextu
 
 > **NOTE**: There is no need to call `identify()` for anonymous visitors to your website. Such visitors are automatically assigned an `anonymousId`.
 
-## [](https://github.com/rudderlabs/rudder-sdk-js/blob/master/README.md#step-3-track-your-users-actions-using-the-track-method)Step 3: Track Your Users’ Actions With the `track()` Method
+### [Step 3: Track Your Users’ Actions With the `track()` Method](https://github.com/rudderlabs/rudder-sdk-js/blob/master/README.md#step-3-track-your-users-actions-using-the-track-method)
 
 The `track()` method allows you to track any actions that your users might perform.
 
@@ -161,15 +184,15 @@ A sample example of how the `track()` method works is as shown:
 
 ```javascript
 window.rudderanalytics.track(
-  "test track event GA3",
+  'test track event GA3',
   {
     revenue: 30,
-    currency: "USD",
+    currency: 'USD',
     user_actual_id: 12345,
   },
   () => {
-    console.log("in track call");
-  }
+    console.log('in track call');
+  },
 );
 ```
 
@@ -181,19 +204,19 @@ You can use this method to track various other success metrics for your website,
 
 ```javascript
 window.rudderanalytics.track(
-  "test track event GA3",
+  'test track event GA3',
   {
     revenue: 30,
-    currency: "USD",
+    currency: 'USD',
     user_actual_id: 12345,
   },
   () => {
-    console.log("in track call");
-  }
+    console.log('in track call');
+  },
 );
 ```
 
-### Track Pageviews
+#### Track Pageviews
 
 **If you want to track pageviews automatically,** set `trackPage` to `true` in your `gatsby-config.js` file. What we mean by _"automatically"_ is that whenever there is a route change, we leverage Gatsby's `onRouteUpdate` API in the `gatsby-browser.js` file ([link](https://www.gatsbyjs.org/docs/browser-apis/#onRouteUpdate)) to invoke `window.rudderanalytics.page()` on each route change. But if you want to pass in properties along with the pageview call (ie, it's common to see folks pass in some user or account data with each page call), then you'll have to set `trackPage: false` and call it yourself in your `gatsby-browser.js` file, like this:
 
@@ -208,7 +231,7 @@ Note: The above code snippet might not give the best results all the time as it
 
 You’ve now successfully installed `rudder-analytics.js` tracking. You can enable and use any event destination to send your event data via RudderStack, in no time at all!
 
-## [](https://github.com/rudderlabs/rudder-sdk-js/blob/master/README.md#step-4-check-ready-state)Step 4: Check Ready State
+### [Step 4: Check Ready State](https://github.com/rudderlabs/rudder-sdk-js/blob/master/README.md#step-4-check-ready-state)
 
 **There are cases when you may want to tap into the features provide by end destination SDKs to enhance tracking and other functionalities.** RudderStack's JavaScript SDK exposes a `ready` API with a `callback` parameter, that fires when the SDK is done initializing itself and other third-party native SDK destinations.
 
@@ -216,29 +239,29 @@ For example:
 
 ```javascript
 window.rudderanalytics.ready(() => {
-  console.log("we are all set!!!");
+  console.log('we are all set!!!');
 });
 ```
 
 | **For detailed technical documentation and troubleshooting guide on the RudderStack’s JavaScript SDK, check out our [docs](https://docs.rudderlabs.com/sdk-integration-guide/getting-started-with-javascript-sdk).** |
 | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 
-# [](https://github.com/rudderlabs/rudder-sdk-js/blob/master/README.md#querystring-api)Querystring API
+## [Querystring API](https://github.com/rudderlabs/rudder-sdk-js/blob/master/README.md#querystring-api)
 
 RudderStack's Querystring API allows you to trigger `track`, `identify` calls using query parameters. If you pass the following parameters in the URL, then it will trigger the corresponding SDK API call.
 
 For example:
 
 ```html
-http://hostname.com/?ajs_uid=12345&ajs_event=test%20event&ajs_aid=abcde&ajs_prop_testProp=prop1&ajs_trait_name=Firstname+Lastname
+https://hostname.com/?ajs_uid=12345&ajs_event=test%20event&ajs_aid=abcde&ajs_prop_testProp=prop1&ajs_trait_name=Firstname+Lastname
 ```
 
 For the above URL, the below SDK calls will be triggered:
 
 ```javascript
-rudderanalytics.identify("12345", { name: "Firstname Lastname" });
-rudderanalytics.track("test event", { testProp: "prop1" });
-rudderanalytics.setAnonymousId("abcde");
+rudderanalytics.identify('12345', { name: 'Firstname Lastname' });
+rudderanalytics.track('test event', { testProp: 'prop1' });
+rudderanalytics.setAnonymousId('abcde');
 ```
 
 You may use the below parameters as querystring parameter and trigger the corresponding call.
@@ -253,7 +276,7 @@ You may use the below parameters as querystring parameter and trigger the corres
 
 `ajs_trait_<trait>` : If `ajs_uid` is provided as querysting, value of this parameter will populate the `traits` of the `identify` call made.
 
-# [](https://github.com/rudderlabs/rudder-sdk-js/blob/master/README.md#adding-callbacks-to-standard-methods)Adding Callbacks to Standard Methods
+# [Adding Callbacks to Standard Methods](https://github.com/rudderlabs/rudder-sdk-js/blob/master/README.md#adding-callbacks-to-standard-methods)
 
 You can also define callbacks to the common methods of the `rudderanalytics` object.
 
@@ -264,9 +287,9 @@ For example, you can load the rudderanalytics with callbacks in your Gatsby brow
 ```javascript
 window.rudderanalytics.syncPixelCallback = (obj) => {
   window.rudderanalytics.track(
-    "sync lotame",
+    'sync lotame',
     { destination: obj.destination },
-    { integrations: { All: false, S3: true } }
+    { integrations: { All: false, S3: true } },
   );
 };
 ```
@@ -282,21 +305,21 @@ The callback can be supplied in options parameter like below as well:
 rudderanalytics.load(YOUR_WRITE_KEY, DATA_PLANE_URL, {
   clientSuppliedCallbacks: {
     syncPixelCallback: () => {
-      console.log("sync done!");
+      console.log('sync done!');
     },
   },
 });
 ```
 
-# License
+## License
 
 RudderStack **gatsby-plugin-rudderstack** is released under the [AGPLv3 License][agplv3_license].
 
-# Contribute
+## Contribute
 
 We would love to see you contribute to RudderStack. Get more information on how to contribute [here](CONTRIBUTING.md).
 
-# Follow Us
+## Follow Us
 
 - [RudderStack Blog][rudderstack-blog]
 - [Slack][slack]
@@ -308,10 +331,10 @@ We would love to see you contribute to RudderStack. Get more information on how
 - [HackerNews][hackernews]
 - [Product Hunt][producthunt]
 
-# :clap: Our Supporters
+## :clap: Our Supporters
 
-[![Stargazers repo roster for @rudderlabs/rudder-server](https://reporoster.com/stars/rudderlabs/gatsby-plugin-rudderstack)](https://github.com/rudderlabs/gatsby-plugin-rudderstack/stargazers)
-[![Forkers repo roster for @rudderlabs/rudder-server](https://reporoster.com/forks/rudderlabs/gatsby-plugin-rudderstack)](https://github.com/rudderlabs/gatsby-plugin-rudderstack/network/members)
+[![Stargazers repo roster for @rudderlabs/gatsby-plugin-rudderstack](https://reporoster.com/stars/rudderlabs/gatsby-plugin-rudderstack)](https://github.com/rudderlabs/gatsby-plugin-rudderstack/stargazers)
+[![Forkers repo roster for @rudderlabs/gatsby-plugin-rudderstack](https://reporoster.com/forks/rudderlabs/gatsby-plugin-rudderstack)](https://github.com/rudderlabs/gatsby-plugin-rudderstack/network/members)
 
 <!----variables---->
 

package/gatsby-ssr.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+exports.onRenderBody = function (_ref, pluginOptions) {
+  var setHeadComponents = _ref.setHeadComponents;
+  var prodKey = pluginOptions.prodKey,
+    devKey = pluginOptions.devKey,
+    _pluginOptions$dataPl = pluginOptions.dataPlaneUrl,
+    dataPlaneUrl = _pluginOptions$dataPl === void 0 ? 'https://hosted.rudderlabs.com' : _pluginOptions$dataPl,
+    controlPlaneUrl = pluginOptions.controlPlaneUrl,
+    delayLoad = pluginOptions.delayLoad,
+    delayLoadTime = pluginOptions.delayLoadTime,
+    manualLoad = pluginOptions.manualLoad,
+    loadType = pluginOptions.loadType,
+    _pluginOptions$sdkURL = pluginOptions.sdkURL,
+    sdkURL = _pluginOptions$sdkURL === void 0 ? 'https://cdn.rudderlabs.com/v3' : _pluginOptions$sdkURL,
+    _pluginOptions$loadOp = pluginOptions.loadOptions,
+    loadOptions = _pluginOptions$loadOp === void 0 ? {} : _pluginOptions$loadOp,
+    useLegacySDK = pluginOptions.useLegacySDK;
+  if (!prodKey || prodKey.length < 10) console.error('Your RudderStack prodKey must be at least 10 char in length.');
+  if (devKey && devKey.length < 10) console.error('If present, your RudderStack devKey must be at least 10 char in length.');
+  var writeKey = process.env.NODE_ENV === 'production' ? prodKey : devKey;
+  var finalLoadOptions = _objectSpread(_objectSpread({}, loadOptions), {}, {
+    configUrl: controlPlaneUrl || loadOptions.configUrl
+  });
+  var loadConfig = "'".concat(writeKey, "', '").concat(dataPlaneUrl, "', ").concat(JSON.stringify(finalLoadOptions));
+  var snippet = "window.RudderSnippetVersion=\"3.0.0-beta.14\";var sdkBaseUrl=\"".concat(sdkURL, "\";var sdkName=\"rsa.min.js\";var asyncScript=true;window.rudderAnalyticsBuildType=\"legacy\",window.rudderanalytics=[];\n  var e=[\"setDefaultInstanceKey\",\"load\",\"ready\",\"page\",\"track\",\"identify\",\"alias\",\"group\",\"reset\",\"setAnonymousId\",\"startSession\",\"endSession\",\"consent\"];\n  for(var n=0;n<e.length;n++){var t=e[n];window.rudderanalytics[t]=function(e){return function(){window.rudderanalytics.push([e].concat(Array.prototype.slice.call(arguments)))}}(t)}\n  try{new Function('return import(\"\")'),window.rudderAnalyticsBuildType=\"modern\"}catch(a){}\n  if(window.rudderAnalyticsMount=function(){\"undefined\"==typeof globalThis&&(Object.defineProperty(Object.prototype,\"__globalThis_magic__\",{get:function get(){return this},configurable:true}),__globalThis_magic__.globalThis=__globalThis_magic__,delete Object.prototype.__globalThis_magic__);\n  var e=document.createElement(\"script\");e.src=\"\".concat(sdkBaseUrl,\"/\").concat(window.rudderAnalyticsBuildType,\"/\").concat(sdkName),e.async=asyncScript,document.head?document.head.appendChild(e):document.body.appendChild(e)},\"undefined\"==typeof Promise||\"undefined\"==typeof globalThis){\n  var d=document.createElement(\"script\");d.src=\"https://polyfill.io/v3/polyfill.min.js?features=Symbol%2CPromise&callback=rudderAnalyticsMount\",d.async=asyncScript,document.head?document.head.appendChild(d):document.body.appendChild(d)}else{window.rudderAnalyticsMount()}\n  ");
+  if (useLegacySDK) {
+    var scriptTagStr = "var s = document.createElement(\"script\");\n      s.type = \"text/javascript\";\n      s.src = \"".concat(sdkURL, "\";");
+    if (loadType === 'async') {
+      scriptTagStr += 's.async = true;';
+    } else if (loadType === 'defer') {
+      scriptTagStr += 's.defer = true;';
+    }
+    scriptTagStr += 'document.head.appendChild(s);';
+    snippet = "rudderanalytics=window.rudderanalytics=[];for(var methods=[\"load\",\"page\",\"track\",\"identify\",\"alias\",\"group\",\"ready\",\"reset\",\"getAnonymousId\",\"setAnonymousId\"],i=0;i<methods.length;i++){var method=methods[i];rudderanalytics[method]=function(a){return function(){rudderanalytics.push([a].concat(Array.prototype.slice.call(arguments)))}}(method)}\n    ".concat(scriptTagStr);
+  }
+  var instantLoader = "".concat(snippet).concat(manualLoad ? "" : "window.rudderanalytics.load(".concat(loadConfig, ")"), ";");
+  var delayedLoader = "\n      window.rudderSnippetLoaded = false;\n      window.rudderSnippetLoading = false;\n      window.rudderSnippetLoadedCallback = undefined;\n      window.rudderSnippetLoader = function (callback) {\n        if (!window.rudderSnippetLoaded && !window.rudderSnippetLoading) {\n          window.rudderSnippetLoading = true;\n          function loader() {\n            ".concat(snippet, "\n            window.rudderanalytics.load(").concat(loadConfig, ");\n            window.rudderSnippetLoading = false;\n            window.rudderSnippetLoaded = true;\n            if (callback) { callback(); }\n            if (window.rudderSnippetLoadedCallback) {\n              window.rudderSnippetLoadedCallback();\n              window.rudderSnippetLoadedCallback = undefined;\n            }\n          };\n\n          \"requestIdleCallback\" in window\n            ? requestIdleCallback(function () { loader(); })\n            : loader();\n        }\n      }\n      window.addEventListener('scroll',function () {window.rudderSnippetLoader()}, { once: true });\n      setTimeout(\n        function () {\n          \"requestIdleCallback\" in window\n            ? requestIdleCallback(function () { window.rudderSnippetLoader(); })\n            : window.rudderSnippetLoader();\n        },\n        ").concat(delayLoadTime, " || 1000\n      );\n      ");
+  var snippetToUse = "".concat(delayLoad && !manualLoad ? delayedLoader : instantLoader);
+  if (writeKey) {
+    var tags = [(0, _jsxRuntime.jsx)("script", {
+      dangerouslySetInnerHTML: {
+        __html: snippetToUse
+      }
+    }, "plugin-rudderstack")];
+    setHeadComponents(tags);
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-plugin-rudderstack",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0",
   "description": "Event tracking with RudderStack in your Gatsby frontend.",
   "main": "gatsby-ssr.js",
   "scripts": {
@@ -40,31 +40,32 @@
   },
   "homepage": "https://github.com/rudderlabs/gatsby-plugin-rudderstack#readme",
   "devDependencies": {
-    "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.20.2",
-    "@babel/eslint-parser": "7.19.1",
-    "@babel/plugin-proposal-object-rest-spread": "^7.20.2",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "commitizen": "4.2.5",
-    "commitlint": "17.3.0",
-    "conventional-changelog-cli": "2.2.2",
+    "@babel/cli": "7.23.4",
+    "@babel/core": "7.23.5",
+    "@babel/eslint-parser": "7.23.3",
+    "@babel/plugin-proposal-object-rest-spread": "7.20.7",
+    "@babel/preset-env": "7.23.5",
+    "@babel/preset-react": "7.23.3",
+    "@commitlint/config-conventional": "18.4.3",
+    "@digitalroute/cz-conventional-changelog-for-jira": "8.0.1",
+    "commitizen": "4.3.0",
+    "commitlint": "18.4.3",
+    "conventional-changelog-cli": "4.1.0",
     "conventional-github-releaser": "3.1.5",
-    "@commitlint/config-conventional": "17.3.0",
-    "@digitalroute/cz-conventional-changelog-for-jira": "7.4.2",
-    "eslint": "8.28.0",
+    "eslint": "8.55.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-airbnb-base": "15.0.0",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-compat": "4.0.2",
-    "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-sonarjs": "0.16.0",
-    "eslint-plugin-unicorn": "45.0.0",
-    "husky": "8.0.2",
-    "jscpd": "3.5.1",
-    "lint-staged": "13.0.4",
-    "madge": "5.0.1",
-    "prettier": "2.8.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-compat": "4.2.0",
+    "eslint-plugin-import": "2.29.0",
+    "eslint-plugin-sonarjs": "0.23.0",
+    "eslint-plugin-unicorn": "49.0.0",
+    "git-cz": "^4.9.0",
+    "husky": "8.0.3",
+    "jscpd": "3.5.10",
+    "lint-staged": "15.2.0",
+    "madge": "6.1.0",
+    "prettier": "3.1.0",
     "standard-version": "9.5.0"
   },
   "eslintConfig": {
@@ -87,6 +88,7 @@
   },
   "overrides": {
     "dot-prop": "5.3.0",
+    "http-cache-semantics": "4.1.1",
     "semver-regex": "3.1.4",
     "trim-newlines": "3.0.1"
   },

package/.eslintcache

@@ -1 +0,0 @@
-[{"/Volumes/sourcecode/gatsby-plugin-rudderstack/src/gatsby-ssr.js":"1"},{"size":4519,"mtime":1689958450990}]

package/.eslintignore

@@ -1,8 +0,0 @@
-.husky/
-dist/
-node_modules/
-reports/
-stats/
-*.json
-*.md
-*.d.ts

package/.eslintrc.json

@@ -1,41 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "es2020": true,
-    "jest": true
-  },
-  "extends": ["airbnb-base", "plugin:sonarjs/recommended", "prettier", "plugin:compat/recommended"],
-  "plugins": ["unicorn", "compat"],
-  "parser": "@babel/eslint-parser",
-  "globals": {},
-  "parserOptions": {
-    "ecmaVersion": 11,
-    "sourceType": "module"
-  },
-  "rules": {
-    "import/prefer-default-export": "off",
-    "unicorn/filename-case": [
-      "error",
-      { "cases": { "camelCase": true, "pascalCase": true, "kebabCase": true } }
-    ],
-    "unicorn/no-instanceof-array": "error",
-    "unicorn/no-static-only-class": "error",
-    "unicorn/consistent-destructuring": "error",
-    "unicorn/better-regex": "error",
-    "unicorn/no-for-loop": "error",
-    "unicorn/prefer-array-some": "error",
-    "unicorn/explicit-length-check": "error",
-    "unicorn/prefer-array-find": "error",
-    "unicorn/no-lonely-if": "error",
-    "unicorn/prefer-includes": "error",
-    "unicorn/prefer-array-flat-map": "error",
-    "unicorn/no-useless-spread": "error",
-    "unicorn/no-useless-length-check": "error",
-    "unicorn/prefer-export-from": "error",
-    "sonarjs/prefer-immediate-return": "off",
-    "sonarjs/no-nested-template-literals": "off",
-    "sonarjs/max-switch-cases": "off",
-    "sonarjs/cognitive-complexity": ["error", 40],
-    "compat/compat": "warn"
-  }
-}

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,39 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: "[ISSUE]"
-labels: bug
-assignees: ''
-
----
-
-**Describe the issue**
-Enter a clear and concise description of what the bug/issue is.
-
-**To Reproduce**
-Mention the steps to reproduce the behavior that causes the bug/issue:
-
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
-
-**Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
-
-**Additional context**
-Add any other context about the problem here.

package/.github/ISSUE_TEMPLATE/feature-request.md

@@ -1,20 +0,0 @@
----
-name: Feature Request
-about: Suggest an idea for this project
-title: "[ENHANCEMENT]"
-labels: enhancement
-assignees: ''
-
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.

package/.github/pull_request_template.md

@@ -1,13 +0,0 @@
-**Fixes** # (*issue*)
-
-## Type of change
-- [ ] Bug fix (non-breaking change which fixes an issue)
-- [ ] New feature (non-breaking change which adds functionality)
-- [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
-- [ ] This change requires a documentation update
-## Checklist:
-- [ ] My code follows the style guidelines of this project
-- [ ] I have performed a self-review of my own code
-- [ ] I have commented my code, particularly in hard-to-understand areas
-- [ ] I have added unit tests for the code
-- [ ] I have made corresponding changes to the documentation

package/.github/workflows/build-and-quality-checks.yml

@@ -1,36 +0,0 @@
-name: Build & Code Quality Checks
-
-on:
-  pull_request:
-    branches: ['main', 'develop']
-    types: ['opened', 'reopened', 'synchronize']
-
-jobs:
-  build:
-    name: Build & Code Quality Checks
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-
-      - name: Setup Node
-        uses: actions/setup-node@v3
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'npm'
-
-      - name: Install dependencies
-        env:
-          HUSKY: 0
-        run: |
-          npm ci
-
-      - name: Execute quality checks
-        run: |
-          npm run check:circular
-          npm run check:duplicates
-
-      - name: Execute security checks
-        run: |
-          npm run check:security

package/.github/workflows/check_pr_title.yml

@@ -1,17 +0,0 @@
-name: Check PR title
-
-on:
-  pull_request:
-    branches: ['main', 'develop']
-    types: ['opened', 'reopened', 'edited', 'synchronize']
-
-jobs:
-  check_pr_title:
-    name: Check PR title
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout source branch
-        uses: actions/checkout@v3
-
-      - name: Check PR title
-        uses: rudderlabs/github-action-check-pr-title@v1.0.7