[JavaScript SDK] Troubleshooting CDN Issues

1. Background

Starting from 9:00 AM on Thursday, May 2, 2024, the certificate for the CDN (cdn.jsdelivr.net) previously in use expired, causing an issue where 'SDK initialization' would not complete for those using the Hackle SDK installed via HTML script.

In response, we took action to allow use of the updated CDN (fastly.jsdelivr.net). Apply the code below to resolve this.

2. Resolution

2.1. SDK Initialization

• The CDN path has been changed to fastly.jsdelivr.net.

<!-- Add inside head tag as before -->
<script src="https://fastly.jsdelivr.net/npm/@hackler/javascript-sdk@11.32.1/lib/index.browser.umd.min.js"></script>
<script>
  // Initialize with YOUR_BROWSER_SDK_KEY
  window.hackleClient = Hackle.createInstance("YOUR_BROWSER_SDK_KEY");
</script>

2.2. If you are using the User Explorer (DevTools) feature

If you are using the 'User Explorer (DevTools)' feature

• The CDN path has been changed to fastly.jsdelivr.net.

<script src="https://fastly.jsdelivr.net/npm/@hackler/javascript-devtools@[1.0.1 or 1.0.2]/lib/index.browser.umd.min.js"></script>
<script>
  const config = {
    devTool: HackleDevTools.default,
  };

  // Initialize with YOUR_BROWSER_SDK_KEY
  const hackleClient = Hackle.createInstance(YOUR_BROWSER_SDK_KEY, config);

  // Trigger this when you want to show the User Explorer.
  hackleClient.showUserExplorer()

  // Trigger this when you want to close the User Explorer.
  hackleClient.hideUserExplorer()

</script>

2.3. If you are using GTM

1. Go to the relevant container at https://tagmanager.google.com/.

2. Click the Templates menu.

3. Click Hackle Browser SDK.

   
4. Click the Code menu.

   
5. Change cdn.jsdelivr.net on line 9 to fastly.jsdelivr.net.

   1. Change cdn. to fastly.

6. Click the Permission menu.

   
7. Change cdn. to fastly. in Injects scripts.

   
8. Click 'Save' in the upper right corner to save.