import * as xrforge from './plugin.xrforge.js';
import * as level0  from 'xrf/level0';

const widget = new Proxy({

	backend: null,
	player:  document.querySelector("#player"),
	src:     document.location.search.substr(1),
	ext:     {},

	init(opts){ 
		for( var i in opts) this[i] = opts[i]
	},

	play(){
		// set URL
		player.setAttribute("gltf-model", `url(${widget.src})` )

		document.querySelector("#btn_play").style.display = 'none'

		let script = document.createElement("script")
		script.src = "https://aframe.io/releases/1.7.0/aframe.min.js"
		document.head.appendChild(script)

		script = document.createElement("script")
		script.src = "backend.xrforge.js"
		document.head.appendChild(script)
	}

},
	{
		get(me,k){ return me[k] },

		set(me,k,v){ 
			me[k] = v
			return true 
		}

	})

xrforge.init(widget)
//level0.init(widget)

document.querySelector("#btn_play").addEventListener("click", () => widget.play() )

//document.body.style.background = `url(${src.replace( /\.(glb|usdz|gltf|obj|col)$/ , ".png")})`