Main JS file

We're going to copy most of the code from ifc-file-reader.js into our main.js file. Please note that this example is somewhat outdated. E.g. It doesn't use a scene picker.

ifc-file-reader.js

export function readIfcFile() {
  const input = document.querySelector('input[type="file"]');
  if (!input) return;
  input.addEventListener(
    'change',
    (e) => {
      readFile(input);
    },
    false
  );
}

function readFile(input) {
  const reader = new FileReader();
  reader.onload = () => {
    const loaded = loadIfc(reader.result);
    scene.add(loaded.MainObject);
  };
  reader.readAsText(input.files[0]);
}

readIfcFile();

var element = document.getElementById('loading');
element.parentNode.removeChild(element);

main.js

export function readIfcFile() {
  const input = document.querySelector('input[type="file"]');
  input.addEventListener(
    'change',
    (e) => {
      readFile(input);
    },
    false
  );
}

function readFile(input) {
    // TODO
}

readIfcFile();
document.getElementById('c').style.display = 'none';
toggleLoader();

Note that readFile(input) has been changed. We will start with an empty function and add in the FileReader.

example/web-worker/main.js

function readFile(input) {
  const reader = new FileReader();
  reader.onload = () => {
      // DO STUFF HERE
    };
  };
  reader.readAsText(input.files[0]);
}

Til' this point, everything should be pretty easy. Now - let's start implementing the Web Worker.

example/web-worker/main.js

function readFile(input) {
  const reader = new FileReader();
  reader.onload = () => {
    const ifcWorker = new Worker('worker/worker.js');
  };
  reader.readAsText(input.files[0]);
}

Creating a new worker is super easy. Use this for more detailed instruction.