videojs-vr/scripts/rollup-replace.js

A plugin to add 360 and VR video support to video.js.

const replace = require('rollup-plugin-re');

// three modules to find-replace in
const modules = [
  'VRControls',
  'VREffect',
  'OrbitControls',
  'DeviceOrientationControls'
];

const globalReplace = function(str, pattern, replacement) {
  return str.replace(new RegExp(pattern, 'g'), replacement);
};

module.exports = replace({
  include: ['node_modules/three/examples/js/**'],
  patterns: [
    {transform(code, id) {
      modules.forEach((m) => {
        if (!(new RegExp(m)).test(id)) {
          return;
        }

        // trun the global modifiction into an import and a local variable definition
        code = code.replace(`THREE.${m} =`, `import * as THREE from 'three';\nvar ${m} =`);

        // change references from the global modification to the local variable
        code = globalReplace(code, `THREE.${m}`, m);

        // export that local variable as default from this module
        code += `\nexport default ${m};`;

        // expose private functions so that users can manually use controls
        // and we can add orientation controls
        if (m === 'OrbitControls') {
          code = globalReplace(code, 'function rotateLeft\\(', 'rotateLeft = function(');
          code = globalReplace(code, 'function rotateUp\\(', 'rotateUp = function(');

          code = globalReplace(code, 'rotateLeft', 'scope.rotateLeft');
          code = globalReplace(code, 'rotateUp', 'scope.rotateUp');
          // comment out the context menu prevent default line...
          code = globalReplace(
            code,
            "scope.domElement.addEventListener\\( 'contextmenu'",
            "\/\/scope.domElement.addEventListener\\( 'contextmenu'"
          );
        }
      });
      return code;
    }}
  ]
});