config.js

module.exports = {
  animations: {},
  spriteSheets: {
    slideShowTerminal: {
      fileName: "terminal.png",
      frameDimensions: {
        width: 24,
        height: 48,
      },
    },
  },
  events: {
    onPlayerDidInteract: (self, event, world) => {
      if (self === event.target) {
        if (event.target.iFramePathName) {
          let pathName = event.target.iFramePathName;

          if (pathName === "/") {
            pathName = "";
          }

          const url = "http://localhost:3000/" + pathName + "?embedded=true";

          world.showOverlayComponent({
            key: "iframe",
            props: {
              url,
              backgroundColor: "#06090f",
              fontColor: "#5dd463",
              borderless: false,
            },
          });
        }
      }
    },
  },
  properties: {
    sprite: {
      defaultFrameIndex: 0,
      spriteSheet: "slideShowTerminal",
      layers: [],
    },
  },
};