import { createViewport, createSession } from "@shapediver/viewer";

const initShapeDiver = async () => {
  // create a viewport
  const viewport = await createViewport({
    canvas: document.getElementById("canvas") as HTMLCanvasElement,
    id: "myViewport"
  });

  // create a session
  const session = await createSession({
    ticket: "855fdb745584aec9e4e0bd3a9361e9dd4134aff040d98402025e07e6751f6ed11f67f8352670aff7319645e343270f8a6bf41e3446f3c597ec98a66934dd80abc5e081b946601600d98aef2247b3a4b20fbfa6180db0fb9baf1aee05550cf45cd5c5d007530cb2-356a314ff2a0e817b69750c9f360fd57",
    modelViewUrl: "https://sdr8euc1.eu-central-1.shapediver.com",
    id: "mySession"
  });
};

initShapeDiver();