mirror of
https://github.com/JulianGro/overte.git
synced 2025-04-25 21:15:07 +02:00
712 lines
29 KiB
JavaScript
712 lines
29 KiB
JavaScript
/* global $, window, MutationObserver */
|
|
|
|
//
|
|
// marketplacesInject.js
|
|
//
|
|
// Created by David Rowe on 12 Nov 2016.
|
|
// Copyright 2016 High Fidelity, Inc.
|
|
//
|
|
// Injected into marketplace Web pages.
|
|
//
|
|
// Distributed under the Apache License, Version 2.0.
|
|
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
|
//
|
|
|
|
(function () {
|
|
// Event bridge messages.
|
|
var CLARA_IO_DOWNLOAD = "CLARA.IO DOWNLOAD";
|
|
var CLARA_IO_STATUS = "CLARA.IO STATUS";
|
|
var CLARA_IO_CANCEL_DOWNLOAD = "CLARA.IO CANCEL DOWNLOAD";
|
|
var CLARA_IO_CANCELLED_DOWNLOAD = "CLARA.IO CANCELLED DOWNLOAD";
|
|
var GOTO_DIRECTORY = "GOTO_DIRECTORY";
|
|
var QUERY_CAN_WRITE_ASSETS = "QUERY_CAN_WRITE_ASSETS";
|
|
var CAN_WRITE_ASSETS = "CAN_WRITE_ASSETS";
|
|
var WARN_USER_NO_PERMISSIONS = "WARN_USER_NO_PERMISSIONS";
|
|
|
|
var canWriteAssets = false;
|
|
var xmlHttpRequest = null;
|
|
var isPreparing = false; // Explicitly track download request status.
|
|
|
|
var limitedCommerce = false;
|
|
var commerceMode = false;
|
|
var userIsLoggedIn = false;
|
|
var walletNeedsSetup = false;
|
|
var marketplaceBaseURL = "https://highfidelity.com";
|
|
var messagesWaiting = false;
|
|
|
|
function injectCommonCode(isDirectoryPage) {
|
|
// Supporting styles from marketplaces.css.
|
|
// Glyph font family, size, and spacing adjusted because HiFi-Glyphs cannot be used cross-domain.
|
|
$("head").append(
|
|
'<style>' +
|
|
'#marketplace-navigation { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; z-index: 1000; }' +
|
|
'#marketplace-navigation .glyph { margin-left: 10px; margin-right: 3px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' +
|
|
'#marketplace-navigation .text { color: #fff; font-size: 16px; line-height: 50px; vertical-align: top; position: relative; top: 1px; }' +
|
|
'#marketplace-navigation input#back-button { position: absolute; left: 20px; margin-top: 12px; padding-left: 0; padding-right: 5px; }' +
|
|
'#marketplace-navigation input#all-markets { position: absolute; right: 20px; margin-top: 12px; padding-left: 15px; padding-right: 15px; }' +
|
|
'#marketplace-navigation .right { position: absolute; right: 20px; }' +
|
|
'</style>'
|
|
);
|
|
|
|
// Supporting styles from edit-style.css.
|
|
// Font family, size, and position adjusted because Raleway-Bold cannot be used cross-domain.
|
|
$("head").append(
|
|
'<style>' +
|
|
'input[type=button] { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; vertical-align: center; height: 28px; min-width: 100px; padding: 0 15px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer; }' +
|
|
'input[type=button].white { color: #121212; background-color: #afafaf; background: linear-gradient(#fff 20%, #afafaf 100%); }' +
|
|
'input[type=button].white:enabled:hover { background: linear-gradient(#fff, #fff); border: none; }' +
|
|
'input[type=button].white:active { background: linear-gradient(#afafaf, #afafaf); }' +
|
|
'</style>'
|
|
);
|
|
|
|
// Footer.
|
|
var isInitialHiFiPage = location.href === (marketplaceBaseURL + "/marketplace?");
|
|
$("body").append(
|
|
'<div id="marketplace-navigation">' +
|
|
(!isInitialHiFiPage ? '<input id="back-button" type="button" class="white" value="< Back" />' : '') +
|
|
(isInitialHiFiPage ? '<span class="glyph">🛈</span> <span class="text">Get items from Clara.io!</span>' : '') +
|
|
(!isDirectoryPage ? '<input id="all-markets" type="button" class="white" value="See All Markets" />' : '') +
|
|
(isDirectoryPage ? '<span class="right"><span class="glyph">🛈</span> <span class="text">Select a marketplace to explore.</span><span>' : '') +
|
|
'</div>'
|
|
);
|
|
|
|
// Footer actions.
|
|
$("#back-button").on("click", function () {
|
|
(document.referrer !== "") ? window.history.back() : window.location = (marketplaceBaseURL + "/marketplace?");
|
|
});
|
|
$("#all-markets").on("click", function () {
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: GOTO_DIRECTORY
|
|
}));
|
|
});
|
|
}
|
|
|
|
function injectDirectoryCode() {
|
|
|
|
// Remove e-mail hyperlink.
|
|
var letUsKnow = $("#letUsKnow");
|
|
letUsKnow.replaceWith(letUsKnow.html());
|
|
|
|
// Add button links.
|
|
|
|
$('#exploreClaraMarketplace').on('click', function () {
|
|
window.location = "https://clara.io/library?gameCheck=true&public=true";
|
|
});
|
|
$('#exploreHifiMarketplace').on('click', function () {
|
|
window.location = marketplaceBaseURL + "/marketplace?";
|
|
});
|
|
}
|
|
|
|
emitWalletSetupEvent = function () {
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: "WALLET_SETUP"
|
|
}));
|
|
};
|
|
|
|
function maybeAddSetupWalletButton() {
|
|
if (!$('body').hasClass("walletsetup-injected") && userIsLoggedIn && walletNeedsSetup) {
|
|
$('body').addClass("walletsetup-injected");
|
|
|
|
var resultsElement = document.getElementById('results');
|
|
var setupWalletElement = document.createElement('div');
|
|
setupWalletElement.classList.add("row");
|
|
setupWalletElement.id = "setupWalletDiv";
|
|
setupWalletElement.style = "height:60px;margin:20px 10px 10px 10px;padding:12px 5px;" +
|
|
"background-color:#D6F4D8;border-color:#aee9b2;border-width:2px;border-style:solid;border-radius:5px;";
|
|
|
|
var span = document.createElement('span');
|
|
span.style = "margin:10px 5px;color:#1b6420;font-size:15px;";
|
|
span.innerHTML = "<a href='#' onclick='emitWalletSetupEvent(); return false;'>Activate your Wallet</a> to get money and shop in Marketplace.";
|
|
|
|
var xButton = document.createElement('a');
|
|
xButton.id = "xButton";
|
|
xButton.setAttribute('href', "#");
|
|
xButton.style = "width:50px;height:100%;margin:0;color:#ccc;font-size:20px;";
|
|
xButton.innerHTML = "X";
|
|
xButton.onclick = function () {
|
|
setupWalletElement.remove();
|
|
dummyRow.remove();
|
|
};
|
|
|
|
setupWalletElement.appendChild(span);
|
|
setupWalletElement.appendChild(xButton);
|
|
|
|
resultsElement.insertBefore(setupWalletElement, resultsElement.firstChild);
|
|
|
|
// Dummy row for padding
|
|
var dummyRow = document.createElement('div');
|
|
dummyRow.classList.add("row");
|
|
dummyRow.style = "height:15px;";
|
|
resultsElement.insertBefore(dummyRow, resultsElement.firstChild);
|
|
}
|
|
}
|
|
|
|
function maybeAddLogInButton() {
|
|
if (!$('body').hasClass("login-injected") && !userIsLoggedIn) {
|
|
$('body').addClass("login-injected");
|
|
var resultsElement = document.getElementById('results');
|
|
if (!resultsElement) { // If we're on the main page, this will evaluate to `true`
|
|
resultsElement = document.getElementById('item-show');
|
|
resultsElement.style = 'margin-top:0;';
|
|
}
|
|
var logInElement = document.createElement('div');
|
|
logInElement.classList.add("row");
|
|
logInElement.id = "logInDiv";
|
|
logInElement.style = "height:60px;margin:20px 10px 10px 10px;padding:5px;" +
|
|
"background-color:#D6F4D8;border-color:#aee9b2;border-width:2px;border-style:solid;border-radius:5px;";
|
|
|
|
var button = document.createElement('a');
|
|
button.classList.add("btn");
|
|
button.classList.add("btn-default");
|
|
button.id = "logInButton";
|
|
button.setAttribute('href', "#");
|
|
button.innerHTML = "LOG IN";
|
|
button.style = "width:80px;height:100%;margin-top:0;margin-left:10px;padding:13px;font-weight:bold;background:linear-gradient(white, #ccc);";
|
|
button.onclick = function () {
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: "LOGIN"
|
|
}));
|
|
};
|
|
|
|
var span = document.createElement('span');
|
|
span.style = "margin:10px;color:#1b6420;font-size:15px;";
|
|
span.innerHTML = "to get items from the Marketplace.";
|
|
|
|
var xButton = document.createElement('a');
|
|
xButton.id = "xButton";
|
|
xButton.setAttribute('href', "#");
|
|
xButton.style = "width:50px;height:100%;margin:0;color:#ccc;font-size:20px;";
|
|
xButton.innerHTML = "X";
|
|
xButton.onclick = function () {
|
|
logInElement.remove();
|
|
dummyRow.remove();
|
|
};
|
|
|
|
logInElement.appendChild(button);
|
|
logInElement.appendChild(span);
|
|
logInElement.appendChild(xButton);
|
|
|
|
resultsElement.insertBefore(logInElement, resultsElement.firstChild);
|
|
|
|
// Dummy row for padding
|
|
var dummyRow = document.createElement('div');
|
|
dummyRow.classList.add("row");
|
|
dummyRow.style = "height:15px;";
|
|
resultsElement.insertBefore(dummyRow, resultsElement.firstChild);
|
|
}
|
|
}
|
|
|
|
function changeDropdownMenu() {
|
|
var logInOrOutButton = document.createElement('a');
|
|
logInOrOutButton.id = "logInOrOutButton";
|
|
logInOrOutButton.setAttribute('href', "#");
|
|
logInOrOutButton.innerHTML = userIsLoggedIn ? "Log Out" : "Log In";
|
|
logInOrOutButton.onclick = function () {
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: "LOGIN"
|
|
}));
|
|
};
|
|
|
|
$($('.dropdown-menu').find('li')[0]).append(logInOrOutButton);
|
|
|
|
$('a[href="/marketplace?view=mine"]').each(function () {
|
|
$(this).attr('href', '#');
|
|
$(this).on('click', function () {
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: "MY_ITEMS"
|
|
}));
|
|
});
|
|
});
|
|
}
|
|
|
|
function buyButtonClicked(id, referrer, edition) {
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: "CHECKOUT",
|
|
itemId: id,
|
|
referrer: referrer,
|
|
itemEdition: edition
|
|
}));
|
|
}
|
|
|
|
function injectBuyButtonOnMainPage() {
|
|
var cost;
|
|
|
|
// Unbind original mouseenter and mouseleave behavior
|
|
$('body').off('mouseenter', '#price-or-edit .price');
|
|
$('body').off('mouseleave', '#price-or-edit .price');
|
|
|
|
$('.grid-item').find('#price-or-edit').each(function () {
|
|
$(this).css({ "margin-top": "0" });
|
|
});
|
|
|
|
$('.grid-item').find('#price-or-edit').find('a').each(function() {
|
|
if ($(this).attr('href') !== '#') { // Guard necessary because of the AJAX nature of Marketplace site
|
|
$(this).attr('data-href', $(this).attr('href'));
|
|
$(this).attr('href', '#');
|
|
}
|
|
cost = $(this).closest('.col-xs-3').find('.item-cost').text();
|
|
var costInt = parseInt(cost, 10);
|
|
|
|
$(this).closest('.col-xs-3').prev().attr("class", 'col-xs-6');
|
|
$(this).closest('.col-xs-3').attr("class", 'col-xs-6');
|
|
|
|
var priceElement = $(this).find('.price');
|
|
priceElement.css({
|
|
"padding": "3px 5px",
|
|
"height": "40px",
|
|
"background": "linear-gradient(#00b4ef, #0093C5)",
|
|
"color": "#FFF",
|
|
"font-weight": "600",
|
|
"line-height": "34px"
|
|
});
|
|
|
|
if (parseInt(cost) > 0) {
|
|
priceElement.css({ "width": "auto" });
|
|
priceElement.html('<span class="hifi-glyph hifi-glyph-hfc" style="filter:invert(1);background-size:20px;' +
|
|
'width:20px;height:20px;position:relative;top:5px;"></span> ' + cost);
|
|
priceElement.css({ "min-width": priceElement.width() + 30 });
|
|
}
|
|
});
|
|
|
|
// change pricing to GET/BUY on button hover
|
|
$('body').on('mouseenter', '#price-or-edit .price', function () {
|
|
var $this = $(this);
|
|
var buyString = "BUY";
|
|
var getString = "GET";
|
|
// Protection against the button getting stuck in the "BUY"/"GET" state.
|
|
// That happens when the browser gets two MOUSEENTER events before getting a
|
|
// MOUSELEAVE event. Also, if not available for sale, just return.
|
|
if ($this.text() === buyString ||
|
|
$this.text() === getString ||
|
|
$this.text() === 'invalidated' ||
|
|
$this.text() === 'sold out' ||
|
|
$this.text() === 'not for sale' ) {
|
|
return;
|
|
}
|
|
$this.data('initialHtml', $this.html());
|
|
|
|
var cost = $(this).parent().siblings().text();
|
|
if (parseInt(cost) > 0) {
|
|
$this.text(buyString);
|
|
}
|
|
if (parseInt(cost) == 0) {
|
|
$this.text(getString);
|
|
}
|
|
});
|
|
|
|
$('body').on('mouseleave', '#price-or-edit .price', function () {
|
|
var $this = $(this);
|
|
$this.html($this.data('initialHtml'));
|
|
});
|
|
|
|
|
|
$('.grid-item').find('#price-or-edit').find('a').on('click', function () {
|
|
var price = $(this).closest('.grid-item').find('.price').text();
|
|
if (price === 'invalidated' ||
|
|
price === 'sold out' ||
|
|
price === 'not for sale') {
|
|
return false;
|
|
}
|
|
buyButtonClicked($(this).closest('.grid-item').attr('data-item-id'),
|
|
"mainPage",
|
|
-1);
|
|
});
|
|
}
|
|
|
|
function injectUnfocusOnSearch() {
|
|
// unfocus input field on search, thus hiding virtual keyboard
|
|
$('#search-box').on('submit', function () {
|
|
if (document.activeElement) {
|
|
document.activeElement.blur();
|
|
}
|
|
});
|
|
}
|
|
|
|
// fix for 10108 - marketplace category cannot scroll
|
|
function injectAddScrollbarToCategories() {
|
|
$('#categories-dropdown').on('show.bs.dropdown', function () {
|
|
$('body > div.container').css('display', 'none')
|
|
$('#categories-dropdown > ul.dropdown-menu').css({ 'overflow': 'auto', 'height': 'calc(100vh - 110px)' });
|
|
});
|
|
|
|
$('#categories-dropdown').on('hide.bs.dropdown', function () {
|
|
$('body > div.container').css('display', '');
|
|
$('#categories-dropdown > ul.dropdown-menu').css({ 'overflow': '', 'height': '' });
|
|
});
|
|
}
|
|
|
|
function injectHiFiCode() {
|
|
if (commerceMode) {
|
|
maybeAddLogInButton();
|
|
maybeAddSetupWalletButton();
|
|
|
|
if (!$('body').hasClass("code-injected")) {
|
|
|
|
$('body').addClass("code-injected");
|
|
changeDropdownMenu();
|
|
|
|
var target = document.getElementById('templated-items');
|
|
// MutationObserver is necessary because the DOM is populated after the page is loaded.
|
|
// We're searching for changes to the element whose ID is '#templated-items' - this is
|
|
// the element that gets filled in by the AJAX.
|
|
var observer = new MutationObserver(function (mutations) {
|
|
mutations.forEach(function (mutation) {
|
|
injectBuyButtonOnMainPage();
|
|
});
|
|
});
|
|
var config = { attributes: true, childList: true, characterData: true };
|
|
observer.observe(target, config);
|
|
|
|
// Try this here in case it works (it will if the user just pressed the "back" button,
|
|
// since that doesn't trigger another AJAX request.
|
|
injectBuyButtonOnMainPage();
|
|
}
|
|
}
|
|
|
|
injectUnfocusOnSearch();
|
|
injectAddScrollbarToCategories();
|
|
}
|
|
|
|
function injectHiFiItemPageCode() {
|
|
if (commerceMode) {
|
|
maybeAddLogInButton();
|
|
|
|
if (!$('body').hasClass("code-injected")) {
|
|
|
|
$('body').addClass("code-injected");
|
|
changeDropdownMenu();
|
|
|
|
var purchaseButton = $('#side-info').find('.btn').first();
|
|
|
|
var href = purchaseButton.attr('href');
|
|
purchaseButton.attr('href', '#');
|
|
var cost = $('.item-cost').text();
|
|
var costInt = parseInt(cost, 10);
|
|
var availability = $.trim($('.item-availability').text());
|
|
if (limitedCommerce && (costInt > 0)) {
|
|
availability = '';
|
|
}
|
|
if (availability === 'available') {
|
|
purchaseButton.css({
|
|
"background": "linear-gradient(#00b4ef, #0093C5)",
|
|
"color": "#FFF",
|
|
"font-weight": "600",
|
|
"padding-bottom": "10px"
|
|
});
|
|
} else {
|
|
purchaseButton.css({
|
|
"background": "linear-gradient(#a2a2a2, #fefefe)",
|
|
"color": "#000",
|
|
"font-weight": "600",
|
|
"padding-bottom": "10px"
|
|
});
|
|
}
|
|
|
|
var type = $('.item-type').text();
|
|
var isUpdating = window.location.href.indexOf('edition=') > -1;
|
|
var urlParams = new URLSearchParams(window.location.search);
|
|
if (isUpdating) {
|
|
purchaseButton.html('UPDATE FOR FREE');
|
|
} else if (availability !== 'available') {
|
|
purchaseButton.html('UNAVAILABLE ' + (availability ? ('(' + availability + ')') : ''));
|
|
} else if (parseInt(cost) > 0 && $('#side-info').find('#buyItemButton').size() === 0) {
|
|
purchaseButton.html('PURCHASE <span class="hifi-glyph hifi-glyph-hfc" style="filter:invert(1);background-size:20px;' +
|
|
'width:20px;height:20px;position:relative;top:5px;"></span> ' + cost);
|
|
}
|
|
|
|
purchaseButton.on('click', function () {
|
|
if ('available' === availability || isUpdating) {
|
|
buyButtonClicked(window.location.pathname.split("/")[3],
|
|
"itemPage",
|
|
urlParams.get('edition'));
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
injectUnfocusOnSearch();
|
|
}
|
|
|
|
function updateClaraCode() {
|
|
// Have to repeatedly update Clara page because its content can change dynamically without location.href changing.
|
|
|
|
// Clara library page.
|
|
if (location.href.indexOf("clara.io/library") !== -1) {
|
|
// Make entries navigate to "Image" view instead of default "Real Time" view.
|
|
var elements = $("a.thumbnail");
|
|
for (var i = 0, length = elements.length; i < length; i++) {
|
|
var value = elements[i].getAttribute("href");
|
|
if (value.slice(-6) !== "/image") {
|
|
elements[i].setAttribute("href", value + "/image");
|
|
}
|
|
}
|
|
}
|
|
|
|
// Clara item page.
|
|
if (location.href.indexOf("clara.io/view/") !== -1) {
|
|
// Make site navigation links retain gameCheck etc. parameters.
|
|
var element = $("a[href^=\'/library\']")[0];
|
|
var parameters = "?gameCheck=true&public=true";
|
|
var href = element.getAttribute("href");
|
|
if (href.slice(-parameters.length) !== parameters) {
|
|
element.setAttribute("href", href + parameters);
|
|
}
|
|
|
|
// Remove unwanted buttons and replace download options with a single "Download to High Fidelity" button.
|
|
var buttons = $("a.embed-button").parent("div");
|
|
var downloadFBX;
|
|
if (buttons.find("div.btn-group").length > 0) {
|
|
buttons.children(".btn-primary, .btn-group , .embed-button").each(function () { this.remove(); });
|
|
if ($("#hifi-download-container").length === 0) { // Button hasn't been moved already.
|
|
downloadFBX = $('<a class="btn btn-primary"><i class=\'glyphicon glyphicon-download-alt\'></i> Download to High Fidelity</a>');
|
|
buttons.prepend(downloadFBX);
|
|
downloadFBX[0].addEventListener("click", startAutoDownload);
|
|
}
|
|
}
|
|
|
|
// Move the "Download to High Fidelity" button to be more visible on tablet.
|
|
if ($("#hifi-download-container").length === 0 && window.innerWidth < 700) {
|
|
var downloadContainer = $('<div id="hifi-download-container"></div>');
|
|
$(".top-title .col-sm-4").append(downloadContainer);
|
|
downloadContainer.append(downloadFBX);
|
|
}
|
|
}
|
|
}
|
|
|
|
// Automatic download to High Fidelity.
|
|
function startAutoDownload() {
|
|
// One file request at a time.
|
|
if (isPreparing) {
|
|
console.log("WARNING: Clara.io FBX: Prepare only one download at a time");
|
|
return;
|
|
}
|
|
|
|
// User must be able to write to Asset Server.
|
|
if (!canWriteAssets) {
|
|
console.log("ERROR: Clara.io FBX: File download cancelled because no permissions to write to Asset Server");
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: WARN_USER_NO_PERMISSIONS
|
|
}));
|
|
return;
|
|
}
|
|
|
|
// User must be logged in.
|
|
var loginButton = $("#topnav a[href='/signup']");
|
|
if (loginButton.length > 0) {
|
|
loginButton[0].click();
|
|
return;
|
|
}
|
|
|
|
// Obtain zip file to download for requested asset.
|
|
// Reference: https://clara.io/learn/sdk/api/export
|
|
|
|
//var XMLHTTPREQUEST_URL = "https://clara.io/api/scenes/{uuid}/export/fbx?zip=true¢erScene=true&alignSceneGround=true&fbxUnit=Meter&fbxVersion=7&fbxEmbedTextures=true&imageFormat=WebGL";
|
|
// 13 Jan 2017: Specify FBX version 5 and remove some options in order to make Clara.io site more likely to
|
|
// be successful in generating zip files.
|
|
var XMLHTTPREQUEST_URL = "https://clara.io/api/scenes/{uuid}/export/fbx?fbxUnit=Meter&fbxVersion=5&fbxEmbedTextures=true&imageFormat=WebGL";
|
|
|
|
var uuid = location.href.match(/\/view\/([a-z0-9\-]*)/)[1];
|
|
var url = XMLHTTPREQUEST_URL.replace("{uuid}", uuid);
|
|
|
|
xmlHttpRequest = new XMLHttpRequest();
|
|
var responseTextIndex = 0;
|
|
var zipFileURL = "";
|
|
|
|
xmlHttpRequest.onreadystatechange = function () {
|
|
// Messages are appended to responseText; process the new ones.
|
|
var message = this.responseText.slice(responseTextIndex);
|
|
var statusMessage = "";
|
|
|
|
if (isPreparing) { // Ignore messages in flight after finished/cancelled.
|
|
var lines = message.split(/[\n\r]+/);
|
|
|
|
for (var i = 0, length = lines.length; i < length; i++) {
|
|
if (lines[i].slice(0, 5) === "data:") {
|
|
// Parse line.
|
|
var data;
|
|
try {
|
|
data = JSON.parse(lines[i].slice(5));
|
|
}
|
|
catch (e) {
|
|
data = {};
|
|
}
|
|
|
|
// Extract zip file URL.
|
|
if (data.hasOwnProperty("files") && data.files.length > 0) {
|
|
zipFileURL = data.files[0].url;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (statusMessage !== "") {
|
|
// Update the UI with the most recent status message.
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: CLARA_IO_STATUS,
|
|
status: statusMessage
|
|
}));
|
|
}
|
|
}
|
|
|
|
responseTextIndex = this.responseText.length;
|
|
};
|
|
|
|
// Note: onprogress doesn't have computable total length so can't use it to determine % complete.
|
|
|
|
xmlHttpRequest.onload = function () {
|
|
var statusMessage = "";
|
|
|
|
if (!isPreparing) {
|
|
return;
|
|
}
|
|
|
|
isPreparing = false;
|
|
|
|
var HTTP_OK = 200;
|
|
if (this.status !== HTTP_OK) {
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: CLARA_IO_STATUS,
|
|
status: statusMessage
|
|
}));
|
|
} else if (zipFileURL.slice(-4) !== ".zip") {
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: CLARA_IO_STATUS,
|
|
status: (statusMessage + ": " + zipFileURL)
|
|
}));
|
|
} else {
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: CLARA_IO_DOWNLOAD
|
|
}));
|
|
}
|
|
|
|
xmlHttpRequest = null;
|
|
}
|
|
|
|
isPreparing = true;
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: CLARA_IO_STATUS,
|
|
status: "Initiating download"
|
|
}));
|
|
|
|
xmlHttpRequest.open("POST", url, true);
|
|
xmlHttpRequest.setRequestHeader("Accept", "text/event-stream");
|
|
xmlHttpRequest.send();
|
|
}
|
|
|
|
function injectClaraCode() {
|
|
|
|
// Make space for marketplaces footer in Clara pages.
|
|
$("head").append(
|
|
'<style>' +
|
|
'#app { margin-bottom: 135px; }' +
|
|
'.footer { bottom: 50px; }' +
|
|
'</style>'
|
|
);
|
|
|
|
// Condense space.
|
|
$("head").append(
|
|
'<style>' +
|
|
'div.page-title { line-height: 1.2; font-size: 13px; }' +
|
|
'div.page-title-row { padding-bottom: 0; }' +
|
|
'</style>'
|
|
);
|
|
|
|
// Move "Download to High Fidelity" button.
|
|
$("head").append(
|
|
'<style>' +
|
|
'#hifi-download-container { position: absolute; top: 6px; right: 16px; }' +
|
|
'</style>'
|
|
);
|
|
|
|
// Update code injected per page displayed.
|
|
var updateClaraCodeInterval = undefined;
|
|
updateClaraCode();
|
|
updateClaraCodeInterval = setInterval(function () {
|
|
updateClaraCode();
|
|
}, 1000);
|
|
|
|
window.addEventListener("unload", function () {
|
|
clearInterval(updateClaraCodeInterval);
|
|
updateClaraCodeInterval = undefined;
|
|
});
|
|
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: QUERY_CAN_WRITE_ASSETS
|
|
}));
|
|
}
|
|
|
|
function cancelClaraDownload() {
|
|
isPreparing = false;
|
|
|
|
if (xmlHttpRequest) {
|
|
xmlHttpRequest.abort();
|
|
xmlHttpRequest = null;
|
|
console.log("Clara.io FBX: File download cancelled");
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: CLARA_IO_CANCELLED_DOWNLOAD
|
|
}));
|
|
}
|
|
}
|
|
|
|
function injectCode() {
|
|
var DIRECTORY = 0;
|
|
var HIFI = 1;
|
|
var CLARA = 2;
|
|
var HIFI_ITEM_PAGE = 3;
|
|
var pageType = DIRECTORY;
|
|
|
|
if (location.href.indexOf(marketplaceBaseURL + "/") !== -1) { pageType = HIFI; }
|
|
if (location.href.indexOf("clara.io/") !== -1) { pageType = CLARA; }
|
|
if (location.href.indexOf(marketplaceBaseURL + "/marketplace/items/") !== -1) { pageType = HIFI_ITEM_PAGE; }
|
|
|
|
injectCommonCode(pageType === DIRECTORY);
|
|
switch (pageType) {
|
|
case DIRECTORY:
|
|
injectDirectoryCode();
|
|
break;
|
|
case HIFI:
|
|
injectHiFiCode();
|
|
break;
|
|
case CLARA:
|
|
injectClaraCode();
|
|
break;
|
|
case HIFI_ITEM_PAGE:
|
|
injectHiFiItemPageCode();
|
|
break;
|
|
|
|
}
|
|
}
|
|
|
|
function onLoad() {
|
|
EventBridge.scriptEventReceived.connect(function (message) {
|
|
message = JSON.parse(message);
|
|
if (message.type === CAN_WRITE_ASSETS) {
|
|
canWriteAssets = message.canWriteAssets;
|
|
} else if (message.type === CLARA_IO_CANCEL_DOWNLOAD) {
|
|
cancelClaraDownload();
|
|
} else if (message.type === "marketplaces") {
|
|
if (message.action === "commerceSetting") {
|
|
limitedCommerce = !!message.data.limitedCommerce;
|
|
commerceMode = !!message.data.commerceMode;
|
|
userIsLoggedIn = !!message.data.userIsLoggedIn;
|
|
walletNeedsSetup = !!message.data.walletNeedsSetup;
|
|
marketplaceBaseURL = message.data.metaverseServerURL;
|
|
if (marketplaceBaseURL.indexOf('metaverse.') !== -1) {
|
|
marketplaceBaseURL = marketplaceBaseURL.replace('metaverse.', '');
|
|
}
|
|
messagesWaiting = message.data.messagesWaiting;
|
|
injectCode();
|
|
}
|
|
}
|
|
});
|
|
|
|
// Request commerce setting
|
|
// Code is injected into the webpage after the setting comes back.
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: "REQUEST_SETTING"
|
|
}));
|
|
}
|
|
|
|
// Load / unload.
|
|
window.addEventListener("load", onLoad); // More robust to Web site issues than using $(document).ready().
|
|
window.addEventListener("page:change", onLoad); // Triggered after Marketplace HTML is changed
|
|
}());
|