unityScript.js

ds= new DaveService("https://test.iamdave.ai", "student_test", {"signup_apikey": "c3R1ZGVudF90ZXN0MTY4NjY0MjA3OC40Mw__"});
var eng_id;

function processJson(jsonData) {
  jsonText = JSON.stringify(jsonData["config_data"]);
  loadUnityInstance();
  
}


function createJsonButtons(jsonData) {
  const buttonsDiv = document.getElementById('buttons-div');

  let noName = 0;
  jsonData.forEach((json, index) => {
    const wrapper = document.createElement('div');
    wrapper.style.display = 'inline-block';
    const button = document.createElement('button');
    button.name = json["data_id"];
    wrapper.appendChild(button);
    wrapper.classList.add('mb-4');
    wrapper.appendChild(document.createElement('br'));
    button.className = 'config-btn btn btn-primary btn-md';
    if (json["config_name"] == "") {
     btnText = "No Name " + noName++;
    }
    else {
      btnText = json["config_name"];
    }
    button.textContent = `${btnText}`;
    button.addEventListener('click', () => {
      processJson(json);

      populateForm(json);

    });

    buttonsDiv.appendChild(wrapper);

    const cross = document.createElement('button');
    cross.className = 'cross-btn';
    cross.textContent = '❌';
    cross.width = '10px';
    cross.name = json["data_id"];
    cross.onclick = function() {
      const buttonsDiv = document.getElementById('buttons-div');
      const wrappers = buttonsDiv.querySelectorAll('div');
      
      wrappers.forEach(wrapper => {
        const firstButton = wrapper.querySelector('button');
        ds.remove
        if (firstButton.name === cross.name) {
          wrapper.remove();
          ds.remove("json_configs", cross.name, () => {console.log("Success")}, () => {console.log("ERROR")}, false);
        }
      });
    }
    wrapper.appendChild(cross);
  });

  
}

function createDefaultButton(defJson) {
  const buttonsDiv = document.getElementById('buttons-div');

  const button = document.createElement('button');
  button.className = 'config-btn btn btn-primary btn-md';
  button.textContent = `Default Config`;
  button.addEventListener('click', () => {
    processJson(defJson);
    populateForm(defJson);
  });

  buttonsDiv.appendChild(button);
}
function loadGame() {

  streamer.set("customer_id", ds.user_id);
  streamer.set("api_key", ds.api_key);
  ds.postRaw("/conversation/deployment_queuess/" + ds.user_id   ,{}, (data) => {eng_id = data.engagement_id;streamer.set("engagement_id", data["engagement_id"])}, () => {}, true);
  document.getElementById("landingForm").style.display = "none";
  document.getElementById("jsonContainer").style.display = "block";
    document.getElementById("jsonForm").classList.add("active"); // displaying form
    document.getElementById("no-game-container").classList.remove("hidden");
    ds.list("json_configs", {
      "config_type": "default"
    }, (data) => {; console.log(data);createDefaultButton(data["data"][0])}, (data) => {console.log("ERROR")})
  ds.list("json_configs", {
    "user_id": ds.user_id
  }, (data) => {; console.log(data);createJsonButtons(data["data"])}, (data) => {console.log("ERROR")});
  
}


var container = document.querySelector("#unity-container");
      var canvas = document.querySelector("#unity-canvas");
      var loadingBar = document.querySelector("#unity-loading-bar");
      var progressBarFull = document.querySelector("#unity-progress-bar-full");
      var fullscreenButton = document.querySelector("#unity-fullscreen-button");
      var warningBanner = document.querySelector("#unity-warning");

      // Shows a temporary message banner/ribbon for a few seconds, or
      // a permanent error message on top of the canvas if type=='error'.
      // If type=='warning', a yellow highlight color is used.
      // Modify or remove this function to customize the visually presented
      // way that non-critical warnings and error messages are presented to the
      // user.
      function unityShowBanner(msg, type) {
        function updateBannerVisibility() {
          warningBanner.style.display = warningBanner.children.length ? 'block' : 'none';
        }
        var div = document.createElement('div');
        div.innerHTML = msg;
        warningBanner.appendChild(div);
        if (type == 'error') div.style = 'background: red; padding: 10px;';
        else {
          if (type == 'warning') div.style = 'background: yellow; padding: 10px;';
          setTimeout(function() {
            warningBanner.removeChild(div);
            updateBannerVisibility();
          }, 5000);
        }
        updateBannerVisibility();
      }

      var buildUrl = "Build";
      var loaderUrl = buildUrl + "/new.loader.js";
      var config = {
        dataUrl: buildUrl + "/new.data",
        frameworkUrl: buildUrl + "/new.framework.js",
        codeUrl: buildUrl + "/new.wasm",
        streamingAssetsUrl: "StreamingAssets",
        companyName: "DefaultCompany",
        productName: "q_project",
        productVersion: "0.1",
        showBanner: unityShowBanner,
      };

      // By default Unity keeps WebGL canvas render target size matched with
      // the DOM size of the canvas element (scaled by window.devicePixelRatio)
      // Set this to false if you want to decouple this synchronization from
      // happening inside the engine, and you would instead like to size up
      // the canvas DOM size and WebGL render target sizes yourself.
      // config.matchWebGLToCanvasSize = false;

      if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
        // Mobile device style: fill the whole browser client area with the game canvas:

        var meta = document.createElement('meta');
        meta.name = 'viewport';
        meta.content = 'width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, shrink-to-fit=yes';
        document.getElementsByTagName('head')[0].appendChild(meta);
        container.className = "unity-mobile";
        canvas.className = "unity-mobile";

        // To lower canvas resolution on mobile devices to gain some
        // performance, uncomment the following line:
        // config.devicePixelRatio = 1;

        unityShowBanner('WebGL builds are not supported on mobile devices.');
      } else {
        // Desktop style: Render the game canvas in a window that can be maximized to fullscreen:

        canvas.style.width = "100%";
        canvas.style.height = "70%";
      }

      loadingBar.style.display = "block";

      var script = document.createElement("script");
      script.src = loaderUrl;
      document.body.appendChild(script);
      var myUnityInstance;
      function loadUnityInstance() {
        console.log("QYUIT")
        if (myUnityInstance) {
          myUnityInstance.Quit(function() {
            console.log("done!");
        });
      }
      myUnityInstance = null;
        document.getElementById("conversation_form").classList.add("active");
        document.getElementById("no-game-container").classList.add("hidden");


        container.style.visibility = "visible";
        createUnityInstance(canvas, config, (progress) => {
          progressBarFull.style.width = 100 * progress + "%";
        }).then((unityInstance) => {
          myUnityInstance = unityInstance;
          loadingBar.style.display = "none";
          fullscreenButton.onclick = () => {
            unityInstance.SetFullscreen(1);
            unityInstance.matchWebGLToCanvasSize = true;
          };
        }).catch((message) => {
          alert(message);
        });
        
      }

      
      function gameLoaded() {
        myUnityInstance.SendMessage("GameManager", "signedIn");
        console.log(jsonText);
        myUnityInstance.SendMessage("GameManager", "LoadLevel", jsonText);


      }

      function postDaveService(data, model) {
        var postData = JSON.parse(data);
        postData["user_id"] = ds.user_id;
        console.log(postData);
        ds.post(model, postData, () => {console.log("Success")}, () => {console.log("ERROR")}, false);
    }

      container.style.visibility = "hidden";

      
        // Get a reference to the input element
        const input = document.getElementById('customer_response');
        // Get a reference to the status paragraph

        // Function to be triggered when input is clicked inside
        function handleInputFocus() {
            // You can add more code here to perform specific actions

          console.log("Focus");
          myUnityInstance.SendMessage("GameManager", "disableKeyboardInput");
          // var canvas = document.getElementById("unity-canvas");
          // var input = document.getElementById("customer_response");
        }

        // Function to be triggered when input is clicked outside
        function handleInputBlur() {
            // You can add more code here to perform specific actions
            console.log("Blur");
            myUnityInstance.SendMessage("GameManager", "enableKeyboardInput");
            // var canvas = document.getElementById("unity-canvas");
            // var input = document.getElementById("customer_response");
            myUnityInstance.SendMessage("Main Camera", "enableMouse");



        }

        // Add event listeners for the focus and blur events
        input.addEventListener('focus', handleInputFocus);
        input.addEventListener('click', handleInputFocus);
        document.getElementById(
          'jsonContainer'
        ).addEventListener('click', handleInputFocus);
        canvas.addEventListener('click', function() { 

          myUnityInstance.SendMessage("GameManager", "enableKeyboardInput");
          myUnityInstance.SendMessage("Main Camera", "enableMouse");


        }, false);

        function postJsonModel(json, category) {
          var postData = JSON.parse(json);
          var finalPostData = {
            "config_name": document.getElementById("config_name").value,
            "config_data": postData,
            "user_id": ds.user_id,
            "config_type": category,
          }
          ds.post("json_configs", finalPostData, () => {console.log("Success")}, () => {console.log("ERROR")}, false);
        }