Sorebit/download.html

## download.html
<head>
  <meta charset="utf-8">
</head>

<button id="button">Save scene</button>

<script>
  // Original source: http://jsfiddle.net/4ooupev9/126/

  function handleDownload() {
    // Scene object placeholder
    const scene = {
      scene: { name: 'Scene name 👍' },
      board: { height: 10, width: 15, figures: [] }
    };

    const content = JSON.stringify(scene);
    const link = document.createElement('a');
    const file = new Blob([content], {type: 'application/json'});
    link.setAttribute('href', URL.createObjectURL(file));
    link.setAttribute('download', 'scene.json');

    const event = document.createEvent('MouseEvents');
    event.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
    link.dispatchEvent(event);
    // link.click(); // Does not work on FF?
  }

  document.getElementById('button').addEventListener('click', handleDownload, false);
</script>

## upload.html
<head>
  <meta charset="utf-8">
</head>

<input type="file" id="file" name="file" />
<output id="list"></output>

<script>
  // Scene parser placeholder
  function parseScene(scene) {
    console.log(scene);
  }

  function handleFileSelect(evt) {
    // Get file and return if none
    let file = evt.target.files[0];
    if (!file) return;

    // Only process JSON files
    if (!file.type.match('application/json')) {
      console.error('Only JSON files are supported.');
      return;
    }

    let reader = new FileReader();

    // Capture the file information when loaded
    // Consider about onerror, onabort, onloadend etc.
    // Atthendoftheday, it's supposed to be an MVP
    reader.onload = ((theFile) => {
      return (e) => {
        const scene = JSON.parse(e.target.result);
        parseScene(scene);
      };
    })(file);

    // Start reading in scene file as text
    reader.readAsText(file);
  }

  document.getElementById('file').addEventListener('change', handleFileSelect, false);
</script>
	<head>
	<meta charset="utf-8">
	</head>

	<button id="button">Save scene</button>

	<script>
	// Original source: http://jsfiddle.net/4ooupev9/126/

	function handleDownload() {
	// Scene object placeholder
	const scene = {
	scene: { name: 'Scene name 👍' },
	board: { height: 10, width: 15, figures: [] }
	};

	const content = JSON.stringify(scene);
	const link = document.createElement('a');
	const file = new Blob([content], {type: 'application/json'});
	link.setAttribute('href', URL.createObjectURL(file));
	link.setAttribute('download', 'scene.json');

	const event = document.createEvent('MouseEvents');
	event.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
	link.dispatchEvent(event);
	// link.click(); // Does not work on FF?
	}

	document.getElementById('button').addEventListener('click', handleDownload, false);
	</script>