Hubs stash and unstash

hubs-stash.js

/* Usage:
let data = stash()
// Or in the (Firefox) console, right click on the output array -> "Copy Object" to move data across scenes.

let elements = unstash(data)
*/

function getAllMedia() {
	return document.querySelectorAll("[media-loader][networked]")
}

function loadMedia(url) {
	var el = document.createElement("a-entity")
	AFRAME.scenes[0].appendChild(el)
	el.setAttribute("media-loader", { src: url, fitToBox: true, resolve: true })
	el.setAttribute("networked", { template: "#interactable-media" } )
	return el
}

function stash() {
	const out = []
	getAllMedia().forEach(el => {
		out.push({
			src: el.getAttribute('media-loader').src,
			position: el.getAttribute('position'),
			rotation: el.getAttribute('rotation'),
			scale: el.getAttribute('scale'),
		})
	})
	return out
}

function unstash(data) {
	const out = []
	data.forEach(obj => {
		el = loadMedia(obj.src)
		el.setAttribute('position', obj.position)
		el.setAttribute('rotation', obj.rotation)
		el.setAttribute('scale', obj.scale)
		out.push(el)
	})
	return out
}