gatsby-browser.js

/**
 * Implement Gatsby's Browser APIs in this file.
 *
 * See: https://www.gatsbyjs.org/docs/browser-apis/
 */

// You can delete this file if you're not using it
import './src/styles/global.css';
import 'prismjs/themes/prism-okaidia.css';
export const onClientEntry = () => {
  window.onload = () => {
    brython({ debug: 1, indexedDB: false, pythonpath: '/' });
  };
};

import React from 'react';
import { Provider } from 'jotai';

import { BeaconProvider } from './src/context/beacon-context';

export const wrapRootElement = ({ element }) => {
  return (
    <BeaconProvider>
      <Provider>{element}</Provider>
    </BeaconProvider>
  );
};

const addScript = url => {
  const script = document.createElement('script');
  script.src = url;
  script.async = true;
  script.type = 'text/javascript';
  script.charSet = 'utf-8';
  document.body.appendChild(script);
};

export const onRouteUpdate = ({ location, prevLocation }) => {
  /* 
    1. Check if the URL contains 'module-02' or 'module-03'
    2. If the URL has the keywords, check if SmartPy script is added or not.
    3. If SmartPy script isn't added -> add the necessary scripts.
  */
  if (
    location.pathname.indexOf('module-02') != -1 ||
    location.pathname.indexOf('module-03') != -1
  ) {
    // checking is '/smartpyio.py' script is added or not.
    const scripts = Array.from(document.querySelectorAll('script'));
    const srcVals = scripts
      .filter(sc => typeof sc.attributes.src != 'undefined')
      .map(sc => sc.attributes.src.value);
    const hasSmartpy = srcVals.indexOf('/smartpyio.py');

    if (hasSmartpy == -1) {
      // adding the necessary scripts
      addScript('/execute.js');
      addScript('/smartjs/smart.js');
      addScript('/smartjs/smartmljs.bc.js');

      const script = document.createElement('script');
      script.src = '/smartpyio.py';
      script.type = 'text/python';
      document.body.appendChild(script);
      if (typeof window.brython != 'undefined') {
        // Initialize brython
        brython({ debug: 1, indexedDB: false, pythonpath: '/' });
      }
    }
  }
};