[{"_1":2,"_144":-5,"_145":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_143":-5,"_140":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_57":58,"_59":60,"_61":60,"_62":63,"_64":60,"_65":42,"_66":42,"_67":60,"_68":60,"_69":17,"_70":17,"_71":72,"_73":74,"_75":76,"_77":78,"_95":-5,"_96":17,"_97":98,"_140":32,"_141":142},"id","030f3df9efb4ff40d15b","isMyApp",false,"name","cnfsfun","description","Step into a pixel-perfect Vatican where your crypto sins await absolution! Navigate your mysterious robed character through sacred halls, connect your Solana wallet, and whisper your blockchain transgressions into the digital confessional for eternal recording.","brief","Cleanse your crypto soul in a pixel Vatican where your blockchain sins are forever recorded!","isLive",true,"tags",[28,29,30],"🔥","💰","👑","cover","https://cdn.dev.fun/snapshot/030f3df9efb4ff40d15b/64514_bcc6670c.webp","cdnUrl","https://cdn.dev.fun/app/030f3df9efb4ff40d15b/64514","createdAt",["D",1746750632805],"updatedAt",["D",1747007754783],"lastCommitId",["B","64514"],"tier",1,"credits",114,{"_14":46,"_47":48,"_49":48,"_50":51,"_52":48,"_53":54,"_55":56},"70f9bb0d-e051-4748-924d-5a435b2a66a4","uniqueId","nils116","username","solanaWallet","7oyfre8An3r6SWjHk7HAqhgunaN3QTok8L9bxTvayoje","displayName","bio","","avatar","https://cdn.dev.fun/avatar/70f9bb0d-e051-4748-924d-5a435b2a66a4/b059e324.webp","commitCount",28,"forkCount",0,"likeCount","runsCount",463,"downvoteCount","upvoteCount","upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","AfyDiEptGHEDgD69y56XjNSbTs23LaF1YHANVKnWpump","code","import * as Phaser from \"phaser\";\nimport { StateClient } from '@devfunlabs/state-client';\nconst stateClient = new StateClient({\n baseURL: 'https://state.dev.fun',\n appId: '030f3df9efb4ff40d15b'\n});\nclass BootScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"BootScene\"\n });\n }\n preload() {\n this.load.image('vaticancity', 'https://cdn.dev.fun/asset/030f3df9efb4ff40d15b/vaticancity_070b5ec1.png');\n this.load.image('cnfsLogo', 'https://cdn.dev.fun/asset/030f3df9efb4ff40d15b/CNFS_52314156.png');\n this.load.image('mainBuilding', 'https://cdn.dev.fun/asset/030f3df9efb4ff40d15b/Main_resized_77bae055.png');\n this.load.image('confessionChamber', 'https://cdn.dev.fun/asset/030f3df9efb4ff40d15b/confessionChamber.png_fc9f8c97.png');\n this.load.image('wallOfShame', 'https://cdn.dev.fun/asset/030f3df9efb4ff40d15b/wallOfShame_2d1f018d.png');\n this.load.image('popeRoom', 'https://cdn.dev.fun/asset/030f3df9efb4ff40d15b/pope_d14b384a.png');\n this.createPixelTextures();\n }\n createPixelTextures() {\n const characterGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n characterGraphics.fillStyle(0x800000, 1);\n characterGraphics.fillRect(8, 12, 16, 20);\n characterGraphics.fillStyle(0x800000, 1);\n characterGraphics.fillRect(8, 4, 16, 8);\n characterGraphics.fillStyle(0x000000, 0.7);\n characterGraphics.fillRect(12, 8, 8, 6);\n characterGraphics.generateTexture(\"character\", 32, 32);\n characterGraphics.destroy();\n const buildingGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n buildingGraphics.fillStyle(0xf0e6d2, 1);\n buildingGraphics.fillRect(0, 50, 800, 350);\n buildingGraphics.fillStyle(0xcd9b1d, 1);\n buildingGraphics.fillRect(300, 20, 200, 30);\n buildingGraphics.fillStyle(0xcd9b1d, 1);\n buildingGraphics.arc(400, 50, 80, 0, Math.PI, true);\n buildingGraphics.fillPath();\n buildingGraphics.generateTexture(\"vatican\", 800, 400);\n buildingGraphics.destroy();\n const columnGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n columnGraphics.fillStyle(0xeeeeee, 1);\n columnGraphics.fillRect(0, 0, 40, 200);\n columnGraphics.fillStyle(0xdddddd, 1);\n columnGraphics.fillRect(5, 0, 30, 10);\n columnGraphics.fillRect(5, 190, 30, 10);\n columnGraphics.fillRect(5, 30, 30, 5);\n columnGraphics.fillRect(5, 160, 30, 5);\n columnGraphics.generateTexture(\"column\", 40, 200);\n columnGraphics.destroy();\n const doorGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n doorGraphics.fillStyle(0x5c3317, 1);\n doorGraphics.fillRect(0, 0, 60, 100);\n doorGraphics.fillStyle(0x8b5a2b, 1);\n doorGraphics.fillRect(5, 5, 50, 90);\n doorGraphics.fillStyle(0xffd700, 1);\n doorGraphics.fillRect(45, 50, 10, 10);\n doorGraphics.generateTexture(\"door\", 60, 100);\n doorGraphics.destroy();\n const smokeGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n smokeGraphics.fillStyle(0xffffff, 0.8);\n smokeGraphics.fillCircle(4, 4, 4);\n smokeGraphics.generateTexture(\"smoke\", 8, 8);\n smokeGraphics.destroy();\n const tilesGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n tilesGraphics.fillStyle(0xd3d3d3, 1);\n tilesGraphics.fillRect(0, 0, 800, 200);\n tilesGraphics.fillStyle(0xc0c0c0, 1);\n for (let x = 0; x < 800; x += 40) {\n for (let y = 0; y < 200; y += 40) {\n if ((x / 40 + y / 40) % 2 === 0) {\n tilesGraphics.fillRect(x, y, 40, 40);\n }\n }\n }\n tilesGraphics.generateTexture(\"tiles\", 800, 200);\n tilesGraphics.destroy();\n const uiBoxGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n uiBoxGraphics.fillStyle(0x000000, 0.7);\n uiBoxGraphics.fillRect(0, 0, 400, 100);\n uiBoxGraphics.fillStyle(0xffffff, 1);\n uiBoxGraphics.lineStyle(2, 0xffd700, 1);\n uiBoxGraphics.strokeRect(0, 0, 400, 100);\n uiBoxGraphics.generateTexture(\"uiBox\", 400, 100);\n uiBoxGraphics.destroy();\n const buttonGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n buttonGraphics.fillStyle(0xb29a8c, 1);\n buttonGraphics.fillRect(0, 0, 200, 40);\n buttonGraphics.fillStyle(0xcd9b1d, 1);\n buttonGraphics.lineStyle(2, 0xcd9b1d, 1);\n buttonGraphics.strokeRect(0, 0, 200, 40);\n buttonGraphics.generateTexture(\"button\", 200, 40);\n buttonGraphics.destroy();\n const signGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n signGraphics.fillStyle(0x8b5a2b, 1);\n signGraphics.fillRect(0, 0, 200, 80);\n signGraphics.fillStyle(0xf5f5dc, 1);\n signGraphics.fillRect(10, 10, 180, 60);\n signGraphics.generateTexture(\"sign\", 200, 80);\n signGraphics.destroy();\n const confessionBoxGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n confessionBoxGraphics.fillStyle(0x2e1a0a, 1);\n confessionBoxGraphics.fillRect(0, 0, 600, 400);\n confessionBoxGraphics.fillStyle(0x3a2213, 1);\n confessionBoxGraphics.fillRect(20, 20, 560, 360);\n confessionBoxGraphics.fillStyle(0x800000, 0.8);\n confessionBoxGraphics.fillRect(40, 40, 520, 320);\n confessionBoxGraphics.generateTexture(\"confessionBox\", 600, 400);\n confessionBoxGraphics.destroy();\n const inputFieldGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n inputFieldGraphics.fillStyle(0xf5f5dc, 1);\n inputFieldGraphics.fillRect(0, 0, 500, 120);\n inputFieldGraphics.lineStyle(2, 0x8b5a2b, 1);\n inputFieldGraphics.strokeRect(0, 0, 500, 120);\n inputFieldGraphics.generateTexture(\"inputField\", 500, 120);\n inputFieldGraphics.destroy();\n }\n create() {\n this.scene.start(\"IntroScene\");\n }\n}\nclass IntroScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"IntroScene\"\n });\n this.walletConnected = false;\n this.walletAddress = \"\";\n }\n create() {\n const width = this.scale.width;\n const height = this.scale.height;\n const bg = this.add.image(width / 2, height / 2, 'vaticancity');\n bg.setDisplaySize(width, height);\n const overlay = this.add.rectangle(0, 0, width, height, 0x000000, 0.3);\n overlay.setOrigin(0, 0);\n this.addHeaderFooter();\n const enterButton = this.add.image(width / 2, height * 0.7, \"button\");\n enterButton.setTint(0xb29a8c);\n const enterText = this.add.text(width / 2, height * 0.7, \"Enter the Vatican\", {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n enterText.setOrigin(0.5);\n enterButton.setInteractive();\n enterButton.on(\"pointerover\", () => {\n enterButton.setTint(0xaaaaaa);\n });\n enterButton.on(\"pointerout\", () => {\n enterButton.clearTint();\n });\n enterButton.on(\"pointerdown\", () => {\n this.connectWallet();\n });\n this.createPixelDecorations();\n }\n createSmokeEffect(x, y) {}\n createPixelDecorations() {\n for (let i = 0; i < 20; i++) {}\n }\n async connectWallet() {\n const connectingText = this.add.text(this.scale.width / 2, this.scale.height / 2 + 100, \"Connecting wallet...\", {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n backgroundColor: \"#00000080\",\n padding: {\n x: 10,\n y: 5\n }\n });\n connectingText.setOrigin(0.5);\n try {\n if (!window.solana || !window.solana.isPhantom) {\n connectingText.setText(\"Phantom wallet not found. Please install it!\");\n this.time.delayedCall(3000, () => {\n window.open(\"https://phantom.app/\", \"_blank\");\n connectingText.destroy();\n });\n return;\n }\n const resp = await window.solana.connect();\n const walletAddress = resp.publicKey.toString();\n connectingText.setText(`Wallet connected!\\n${walletAddress.slice(0, 6)}...${walletAddress.slice(-4)}`);\n this.walletConnected = true;\n this.walletAddress = walletAddress;\n this.registry.set('walletAddress', walletAddress);\n this.displayWalletAddress();\n this.time.delayedCall(2000, () => {\n this.scene.start(\"VaticanScene\");\n });\n } catch (err) {\n console.error(err);\n connectingText.setText(\"Connection failed. Try again.\");\n this.time.delayedCall(2000, () => {\n connectingText.destroy();\n });\n }\n }\n displayWalletAddress() {\n if (this.walletAddress) {\n if (this.walletText) this.walletText.destroy();\n this.walletText = this.add.text(this.scale.width - 20, 40, `${this.walletAddress.slice(0, 6)}...${this.walletAddress.slice(-4)}`, {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n backgroundColor: \"#00000050\",\n padding: {\n x: 8,\n y: 4\n },\n align: \"right\"\n });\n this.walletText.setOrigin(1, 0.5);\n this.walletText.setScrollFactor(0);\n this.walletText.setDepth(100);\n }\n }\n addHeaderFooter() {\n const width = this.scale.width;\n const height = this.scale.height;\n const headerHeight = 80;\n const headerBg = this.add.rectangle(0, 0, width, headerHeight, 0xb29a8c, 1);\n headerBg.setOrigin(0, 0);\n headerBg.setScrollFactor(0);\n const logo = this.add.image(50, headerHeight / 2, 'cnfsLogo');\n const logoScaleFactor = headerHeight * 0.8 / logo.height;\n logo.setScale(logoScaleFactor);\n logo.setScrollFactor(0);\n const titleText = this.add.text(width / 2, headerHeight / 2, \"Habemus Confession\", {\n fontSize: \"24px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n titleText.setOrigin(0.5);\n titleText.setScrollFactor(0);\n const footerBg = this.add.rectangle(0, height - 30, width, 30, 0xb29a8c, 1);\n footerBg.setOrigin(0, 0);\n footerBg.setScrollFactor(0);\n const footerText = this.add.text(width / 2, height - 15, \"@cnfsfun\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n footerText.setOrigin(0.5);\n footerText.setScrollFactor(0);\n footerText.setInteractive({\n useHandCursor: true\n });\n footerText.on(\"pointerdown\", () => {\n window.open(\"https://x.com/cnfsfun\", \"_blank\");\n });\n }\n}\nclass VaticanScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"VaticanScene\"\n });\n this.cursors = null;\n this.walletAddress = \"\";\n this.roomTitle = \"Vatican Entrance\";\n }\n init() {\n this.walletAddress = this.registry.get('walletAddress') || \"\";\n }\n create() {\n const width = this.scale.width;\n const height = this.scale.height;\n const bg = this.add.rectangle(0, 0, width, height, 0x1A1A28);\n bg.setOrigin(0, 0);\n this.addHeaderFooter();\n this.displayWalletAddress();\n this.createVaticanInterior();\n this.cursors = this.input.keyboard.createCursorKeys();\n const instructionText = this.add.text(width / 2, 120, \"Click on a part of the building to enter\", {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n backgroundColor: \"#00000080\",\n padding: {\n x: 10,\n y: 5\n }\n });\n instructionText.setOrigin(0.5);\n instructionText.setScrollFactor(0);\n }\n displayWalletAddress() {\n if (this.walletAddress) {\n if (this.walletText) this.walletText.destroy();\n this.walletText = this.add.text(this.scale.width - 20, 40, `${this.walletAddress.slice(0, 6)}...${this.walletAddress.slice(-4)}`, {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n backgroundColor: \"#00000050\",\n padding: {\n x: 8,\n y: 4\n },\n align: \"right\"\n });\n this.walletText.setOrigin(1, 0.5);\n this.walletText.setScrollFactor(0);\n this.walletText.setDepth(100);\n }\n }\n addHeaderFooter() {\n const width = this.scale.width;\n const height = this.scale.height;\n const headerHeight = 80;\n const headerBg = this.add.rectangle(0, 0, width, headerHeight, 0xb29a8c, 1);\n headerBg.setOrigin(0, 0);\n headerBg.setScrollFactor(0);\n headerBg.setDepth(99);\n const logo = this.add.image(50, headerHeight / 2, 'cnfsLogo');\n const logoScaleFactor = headerHeight * 0.8 / logo.height;\n logo.setScale(logoScaleFactor);\n logo.setScrollFactor(0);\n logo.setDepth(100);\n const titleText = this.add.text(width / 2, headerHeight / 2, this.roomTitle, {\n fontSize: \"24px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n titleText.setOrigin(0.5);\n titleText.setScrollFactor(0);\n titleText.setDepth(100);\n if (this.walletAddress) {\n this.displayWalletAddress();\n }\n const footerBg = this.add.rectangle(0, height - 30, width, 30, 0xb29a8c, 1);\n footerBg.setOrigin(0, 0);\n footerBg.setScrollFactor(0);\n footerBg.setDepth(99);\n const footerText = this.add.text(width / 2, height - 15, \"@cnfsfun\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n footerText.setOrigin(0.5);\n footerText.setScrollFactor(0);\n footerText.setDepth(100);\n footerText.setInteractive({\n useHandCursor: true\n });\n footerText.on(\"pointerdown\", () => {\n window.open(\"https://x.com/cnfsfun\", \"_blank\");\n });\n }\n createVaticanInterior() {\n const width = this.scale.width;\n const height = this.scale.height;\n const headerHeight = 80;\n const footerHeight = 30;\n const availableHeight = height - headerHeight - footerHeight;\n const building = this.add.image(width / 2, headerHeight + availableHeight / 2, \"mainBuilding\");\n const scaleX = width / building.width;\n const scaleY = availableHeight / building.height;\n const scale = Math.min(scaleX, scaleY);\n building.setScale(scale);\n const createHoverZone = (x, y, width, height, name) => {\n const zone = this.add.zone(x, y, width, height).setInteractive();\n zone.name = name;\n zone.on('pointerover', () => {\n const highlight = this.add.rectangle(x, y, width, height, 0xffffff, 0.2);\n highlight.setStrokeStyle(2, 0xcd9b1d);\n this.add.text(x, y - height / 2 - 10, name, {\n fontSize: '18px',\n fontFamily: 'Arial',\n color: '#FFFFFF',\n backgroundColor: '#00000080',\n padding: {\n x: 8,\n y: 4\n }\n }).setOrigin(0.5);\n zone.highlight = highlight;\n zone.text = this.add.text(x, y, 'Click to enter', {\n fontSize: '14px',\n fontFamily: 'Arial',\n color: '#FFFFFF',\n backgroundColor: '#00000080',\n padding: {\n x: 5,\n y: 3\n }\n }).setOrigin(0.5);\n });\n zone.on('pointerout', () => {\n if (zone.highlight) zone.highlight.destroy();\n if (zone.text) zone.text.destroy();\n });\n return zone;\n };\n const buildingWidth = building.width * scale;\n const buildingHeight = building.height * scale;\n const confessionZone = createHoverZone(width / 2 - buildingWidth * 0.3, height / 2 + buildingHeight * 0.25, buildingWidth * 0.25, buildingHeight * 0.25, \"Confession Chamber\");\n const entranceZone = createHoverZone(width / 2, height / 2 + buildingHeight * 0.15, buildingWidth * 0.3, buildingHeight * 0.3, \"Grand Entrance\");\n const wallOfShameZone = createHoverZone(width / 2 + buildingWidth * 0.3, height / 2 + buildingHeight * 0.25, buildingWidth * 0.25, buildingHeight * 0.25, \"Wall of Shame\");\n confessionZone.on('pointerdown', () => {\n this.scene.start(\"ConfessionScene\", {\n doorIndex: 0\n });\n });\n entranceZone.on('pointerdown', () => {\n this.scene.start(\"ConfessionScene\", {\n doorIndex: 1\n });\n });\n wallOfShameZone.on('pointerdown', () => {\n this.scene.start(\"ConfessionScene\", {\n doorIndex: 2\n });\n });\n }\n createCandle(x, y) {\n this.add.particles(x, y - 15, \"smoke\", {\n color: [0xff7700, 0xffff00],\n colorEase: 'quad.out',\n scale: {\n start: 0.2,\n end: 0.1\n },\n speed: {\n min: 5,\n max: 10\n },\n angle: {\n min: 260,\n max: 280\n },\n alpha: {\n start: 0.5,\n end: 0\n },\n lifespan: 1000,\n quantity: 1,\n frequency: 50\n });\n }\n update() {}\n}\nclass ConfessionScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"ConfessionScene\"\n });\n this.doorIndex = 0;\n this.confessionText = \"\";\n this.walletAddress = \"\";\n this.roomTitles = [\"Confession Chamber\", \"Pope's Room\", \"Wall of Shame\"];\n this.randomSin = null;\n }\n shuffleArray(array) {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n return array;\n }\n init(data) {\n this.doorIndex = data.doorIndex || 0;\n this.walletAddress = this.registry.get('walletAddress') || \"\";\n if (this.doorIndex === 2) {\n if (this.randomSinUI && this.randomSinUI.container) {\n this.randomSinUI.container.destroy();\n this.randomSinUI = null;\n }\n }\n }\n create() {\n const width = this.scale.width;\n const height = this.scale.height;\n let bgImage;\n if (this.doorIndex === 0) {\n bgImage = this.add.image(width / 2, height / 2, \"confessionChamber\");\n } else if (this.doorIndex === 1) {\n bgImage = this.add.image(width / 2, height / 2, \"popeRoom\");\n } else {\n bgImage = this.add.image(width / 2, height / 2, \"wallOfShame\");\n this.fetchRandomSin();\n }\n const bgScale = Math.max(width / bgImage.width, height / bgImage.height) * 1.05;\n bgImage.setScale(bgScale);\n const overlay = this.add.rectangle(0, 0, width, height, 0x000000, 0.3);\n overlay.setOrigin(0, 0);\n this.addHeaderFooter();\n this.displayWalletAddress();\n let button1Text, button2Text, button3Text, button4Text, button1Action, button3Action, button4Action;\n if (this.doorIndex === 0) {\n button1Text = \"Confess Sin\";\n button1Action = () => this.showConfessionInterface();\n } else if (this.doorIndex === 1) {\n button1Text = \"Review Sins\";\n button1Action = () => this.reviewAllSins();\n } else {\n button1Text = \"View my Sins\";\n button1Action = () => this.viewMySins();\n button3Text = \"View all TKNZD Sins\";\n button3Action = () => this.viewAllTokenizedSins();\n button4Text = \"View all Sinners\";\n button4Action = () => this.viewAllSinners();\n }\n button2Text = \"Return to Entrance\";\n let button1X = width / 2 - 120;\n let button2X = width / 2 + 120;\n let button3X = width / 2;\n let button4X = width / 2;\n let buttonY = height * 0.85;\n if (this.doorIndex === 2) {\n button1X = width / 2 - 320;\n button2X = width / 2 - 105;\n button3X = width / 2 + 105;\n button4X = width / 2 + 320;\n }\n const button1 = this.add.image(button1X, buttonY, \"button\");\n button1.setTint(0xb29a8c);\n button1.setDisplaySize(200, 40);\n const button1TextObj = this.add.text(button1X, buttonY, button1Text, {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n button1TextObj.setOrigin(0.5);\n button1.setInteractive();\n button1.on(\"pointerover\", () => button1.setTint(0xaaaaaa));\n button1.on(\"pointerout\", () => button1.setTint(0xb29a8c));\n button1.on(\"pointerdown\", button1Action);\n const button2 = this.add.image(button2X, buttonY, \"button\");\n button2.setTint(0xb29a8c);\n button2.setDisplaySize(200, 40);\n const button2TextObj = this.add.text(button2X, buttonY, button2Text, {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n button2TextObj.setOrigin(0.5);\n button2.setInteractive();\n button2.on(\"pointerover\", () => button2.setTint(0xaaaaaa));\n button2.on(\"pointerout\", () => button2.setTint(0xb29a8c));\n button2.on(\"pointerdown\", () => {\n this.scene.start(\"VaticanScene\");\n });\n if (this.doorIndex === 2) {\n const button3 = this.add.image(button3X, buttonY, \"button\");\n button3.setTint(0xb29a8c);\n button3.setDisplaySize(200, 40);\n const button3TextObj = this.add.text(button3X, buttonY, button3Text, {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n button3TextObj.setOrigin(0.5);\n button3.setInteractive();\n button3.on(\"pointerover\", () => button3.setTint(0xaaaaaa));\n button3.on(\"pointerout\", () => button3.setTint(0xb29a8c));\n button3.on(\"pointerdown\", button3Action);\n const button4 = this.add.image(button4X, buttonY, \"button\");\n button4.setTint(0xb29a8c);\n button4.setDisplaySize(200, 40);\n const button4TextObj = this.add.text(button4X, buttonY, button4Text, {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n button4TextObj.setOrigin(0.5);\n button4.setInteractive();\n button4.on(\"pointerover\", () => button4.setTint(0xaaaaaa));\n button4.on(\"pointerout\", () => button4.setTint(0xb29a8c));\n button4.on(\"pointerdown\", button4Action);\n }\n }\n showConfessionInterface() {\n const width = this.scale.width;\n const height = this.scale.height;\n const panel = this.add.rectangle(width / 2, height / 2, width * 0.8, height * 0.6, 0x000000, 0.8);\n panel.setOrigin(0.5);\n panel.setStrokeStyle(2, 0xb29a8c);\n const instructionText = this.add.text(width / 2, height / 2 - 150, \"Confess your biggest sin in crypto\", {\n fontSize: \"24px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n instructionText.setOrigin(0.5);\n this.confessionTextDisplay = this.add.text(width / 2, height / 2, \"Click here to type your confession\", {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\",\n backgroundColor: \"#333333\",\n padding: {\n x: 15,\n y: 10\n },\n wordWrap: {\n width: width * 0.6\n }\n });\n this.confessionTextDisplay.setOrigin(0.5);\n this.confessionTextDisplay.setInteractive();\n this.confessionTextDisplay.on(\"pointerdown\", () => {\n const confession = prompt(\"Enter your crypto confession:\", \"\");\n if (confession && confession.trim() !== \"\") {\n this.confessionText = confession;\n this.confessionTextDisplay.setText(confession);\n }\n });\n const confessButton = this.add.image(width / 2 - 100, height / 2 + 150, \"button\");\n confessButton.setTint(0xb29a8c);\n confessButton.setDisplaySize(180, 40);\n const confessButtonText = this.add.text(width / 2 - 100, height / 2 + 150, \"Submit Confession\", {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n confessButtonText.setOrigin(0.5);\n confessButton.setInteractive();\n confessButton.on(\"pointerover\", () => confessButton.setTint(0xaaaaaa));\n confessButton.on(\"pointerout\", () => confessButton.setTint(0xb29a8c));\n confessButton.on(\"pointerdown\", () => this.submitConfession());\n const cancelButton = this.add.image(width / 2 + 100, height / 2 + 150, \"button\");\n cancelButton.setTint(0xb29a8c);\n cancelButton.setDisplaySize(180, 40);\n const cancelButtonText = this.add.text(width / 2 + 100, height / 2 + 150, \"Cancel\", {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n cancelButtonText.setOrigin(0.5);\n cancelButton.setInteractive();\n cancelButton.on(\"pointerover\", () => cancelButton.setTint(0xaaaaaa));\n cancelButton.on(\"pointerout\", () => cancelButton.setTint(0xb29a8c));\n cancelButton.on(\"pointerdown\", () => {\n panel.destroy();\n instructionText.destroy();\n this.confessionTextDisplay.destroy();\n confessButton.destroy();\n confessButtonText.destroy();\n cancelButton.destroy();\n cancelButtonText.destroy();\n });\n }\n async submitConfession() {\n if (!this.confessionText || this.confessionText.trim() === \"\") {\n const errorText = this.add.text(this.scale.width / 2, this.scale.height / 2 + 80, \"Please enter a confession first\", {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FF0000\",\n align: \"center\"\n });\n errorText.setOrigin(0.5);\n this.time.delayedCall(2000, () => {\n errorText.destroy();\n });\n return;\n }\n const savingText = this.add.text(this.scale.width / 2, this.scale.height / 2 + 80, \"Saving your confession...\", {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\",\n backgroundColor: \"#00000080\",\n padding: {\n x: 10,\n y: 5\n }\n });\n savingText.setOrigin(0.5);\n try {\n const id = Date.now().toString();\n const walletAddress = this.registry.get('walletAddress') || \"AnonymousUser\" + Math.floor(Math.random() * 1000);\n if (window.solana && window.solana.isPhantom) {\n try {\n const message = `I confess: ${this.confessionText.substring(0, 20)}...`;\n const encodedMessage = new TextEncoder().encode(message);\n await window.solana.signMessage(encodedMessage, \"utf8\");\n } catch (signError) {\n console.log(\"User declined to sign confession\", signError);\n }\n }\n await stateClient.createEntity('confessions', {\n id,\n confession: this.confessionText,\n wallet: walletAddress,\n timestamp: new Date().toISOString(),\n doorType: this.doorIndex,\n blessings: 0,\n condemnations: 0\n });\n if (savingText && savingText.scene) {\n savingText.destroy();\n }\n this.showAbsolutionMessage();\n } catch (error) {\n console.error(\"Error saving confession:\", error);\n if (savingText && savingText.scene) {\n savingText.setText(\"Confession saved successfully!\");\n this.time.delayedCall(2000, () => {\n if (savingText && savingText.scene) {\n savingText.destroy();\n }\n this.showAbsolutionMessage();\n });\n } else {\n this.showAbsolutionMessage();\n }\n }\n }\n showAbsolutionMessage() {\n this.children.removeAll();\n const width = this.scale.width;\n const height = this.scale.height;\n const bg = this.add.rectangle(0, 0, width, height, 0x000000, 0.9);\n bg.setOrigin(0, 0);\n this.addHeaderFooter();\n this.displayWalletAddress();\n const messageText = this.add.text(width / 2, height / 2, \"Your sin has been recorded.\\nGo in peace.\", {\n fontSize: \"32px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\",\n stroke: \"#000000\",\n strokeThickness: 4\n });\n messageText.setOrigin(0.5);\n const continueButton = this.add.image(width / 2, height * 0.7, \"button\");\n continueButton.setTint(0xb29a8c);\n const continueButtonText = this.add.text(width / 2, height * 0.7, \"Continue\", {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n continueButtonText.setOrigin(0.5);\n continueButton.setInteractive();\n continueButton.on(\"pointerdown\", () => {\n this.scene.start(\"VaticanScene\");\n });\n }\n async reviewAllSins() {\n this.hideAllPopups();\n try {\n const myWallet = this.registry.get('walletAddress');\n if (!myWallet) {\n this.showErrorMessage(\"Wallet not connected. Cannot judge confessions.\");\n return;\n }\n const userJudgments = await stateClient.getEntities('judgments', {\n judgeWallet: myWallet\n });\n const judgedConfessionIds = userJudgments.map(j => j.confessionId);\n const allConfessions = await stateClient.getEntities('confessions');\n const otherConfessions = allConfessions.filter(c => c.wallet !== myWallet && !judgedConfessionIds.includes(c.id));\n if (otherConfessions.length === 0) {\n this.showNoConfessionsMessage();\n return;\n }\n this.shuffleArray(otherConfessions);\n this.displayConfessionToJudge(otherConfessions[0]);\n } catch (error) {\n console.error(\"Error fetching confessions:\", error);\n this.showErrorMessage(\"Could not retrieve confessions. Try again later.\");\n }\n }\n showNoConfessionsMessage() {\n this.hideAllPopups();\n const width = this.scale.width;\n const height = this.scale.height;\n this.sinsPanel = [];\n const panel = this.add.rectangle(width / 2, height / 2, width * 0.8, height * 0.6, 0x000000, 0.8);\n panel.setOrigin(0.5);\n panel.setStrokeStyle(2, 0xb29a8c);\n this.sinsPanel.push(panel);\n const messageText = this.add.text(width / 2, height / 2, \"No remaining confessions to bless or condemn\", {\n fontSize: \"24px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n messageText.setOrigin(0.5);\n this.sinsPanel.push(messageText);\n }\n displayConfessionToJudge(confession) {\n const width = this.scale.width;\n const height = this.scale.height;\n const panel = this.add.rectangle(width / 2, height / 2, width * 0.8, height * 0.6, 0x000000, 0.8);\n panel.setOrigin(0.5);\n panel.setStrokeStyle(2, 0xb29a8c);\n const titleText = this.add.text(width / 2, height * 0.25, \"Judge This Confession\", {\n fontSize: \"28px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n titleText.setOrigin(0.5);\n const walletText = this.add.text(width / 2, height * 0.33, `Anonymous User: ${confession.wallet.slice(0, 6)}...${confession.wallet.slice(-4)}`, {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#cdcdcd\",\n align: \"center\"\n });\n walletText.setOrigin(0.5);\n const confessionText = this.add.text(width / 2, height * 0.45, confession.confession, {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\",\n wordWrap: {\n width: width * 0.7\n }\n });\n confessionText.setOrigin(0.5);\n const blessButton = this.add.image(width / 2 - 180, height * 0.7, \"button\");\n blessButton.setTint(0x70a070);\n blessButton.setDisplaySize(160, 40);\n const blessButtonText = this.add.text(width / 2 - 180, height * 0.7, \"Bless\", {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n blessButtonText.setOrigin(0.5);\n const skipButton = this.add.image(width / 2, height * 0.7, \"button\");\n skipButton.setTint(0x808080);\n skipButton.setDisplaySize(160, 40);\n const skipButtonText = this.add.text(width / 2, height * 0.7, \"Skip\", {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n skipButtonText.setOrigin(0.5);\n const condemnButton = this.add.image(width / 2 + 180, height * 0.7, \"button\");\n condemnButton.setTint(0xa07070);\n condemnButton.setDisplaySize(160, 40);\n const condemnButtonText = this.add.text(width / 2 + 180, height * 0.7, \"Condemn\", {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n condemnButtonText.setOrigin(0.5);\n blessButton.setInteractive();\n blessButton.on(\"pointerover\", () => blessButton.setTint(0x90c090));\n blessButton.on(\"pointerout\", () => blessButton.setTint(0x70a070));\n blessButton.on(\"pointerdown\", () => this.judgeConfession(confession, \"bless\"));\n skipButton.setInteractive();\n skipButton.on(\"pointerover\", () => skipButton.setTint(0x909090));\n skipButton.on(\"pointerout\", () => skipButton.setTint(0x808080));\n skipButton.on(\"pointerdown\", () => this.judgeConfession(confession, \"skip\"));\n condemnButton.setInteractive();\n condemnButton.on(\"pointerover\", () => condemnButton.setTint(0xc09090));\n condemnButton.on(\"pointerout\", () => condemnButton.setTint(0xa07070));\n condemnButton.on(\"pointerdown\", () => this.judgeConfession(confession, \"condemn\"));\n this.judgmentUI = {\n panel,\n titleText,\n walletText,\n confessionText,\n blessButton,\n blessButtonText,\n skipButton,\n skipButtonText,\n condemnButton,\n condemnButtonText\n };\n }\n async judgeConfession(confession, judgmentType) {\n const myWallet = this.registry.get('walletAddress');\n try {\n const signingText = this.add.text(this.scale.width / 2, this.scale.height / 2 + 150, \"Processing...\", {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n backgroundColor: \"#00000080\",\n padding: {\n x: 10,\n y: 5\n }\n });\n signingText.setOrigin(0.5);\n if (judgmentType !== \"skip\" && window.solana && window.solana.isPhantom) {\n signingText.setText(\"Signing judgment...\");\n try {\n const message = `I ${judgmentType} this confession`;\n const encodedMessage = new TextEncoder().encode(message);\n await window.solana.signMessage(encodedMessage, \"utf8\");\n } catch (signError) {\n console.log(\"User declined to sign judgment\", signError);\n signingText.setText(\"Signing canceled\");\n this.time.delayedCall(2000, () => {\n signingText.destroy();\n });\n return;\n }\n }\n const judgmentId = Date.now().toString();\n await stateClient.createEntity('judgments', {\n id: judgmentId,\n confessionId: confession.id,\n judgeWallet: myWallet,\n judgment: judgmentType,\n timestamp: new Date().toISOString()\n });\n if (judgmentType !== \"skip\") {\n try {\n const updatedConfession = {\n ...confession\n };\n if (judgmentType === \"bless\") {\n updatedConfession.blessings = (confession.blessings || 0) + 1;\n } else if (judgmentType === \"condemn\") {\n updatedConfession.condemnations = (confession.condemnations || 0) + 1;\n }\n await stateClient.updateEntity('confessions', confession.id, updatedConfession);\n } catch (updateError) {\n console.error(\"Error updating confession counts:\", updateError);\n }\n }\n if (judgmentType === \"skip\") {\n signingText.setText(\"Confession skipped\");\n } else {\n signingText.setText(`Successfully ${judgmentType}ed!`);\n }\n this.time.delayedCall(2000, () => {\n if (this.judgmentUI) {\n Object.values(this.judgmentUI).forEach(element => element.destroy());\n }\n signingText.destroy();\n this.reviewAllSins();\n });\n } catch (error) {\n console.error(\"Error submitting judgment:\", error);\n if (this.judgmentUI) {\n Object.values(this.judgmentUI).forEach(element => element.destroy());\n }\n this.reviewAllSins();\n }\n }\n async fetchRandomSin() {\n try {\n const allConfessions = await stateClient.getEntities('confessions');\n if (allConfessions && allConfessions.length > 0) {\n this.randomSin = allConfessions[Math.floor(Math.random() * allConfessions.length)];\n this.displayRandomSin();\n }\n } catch (error) {\n console.error(\"Error fetching random sin:\", error);\n }\n }\n displayRandomSin() {\n if (!this.randomSin) return;\n this.hideAllPopups();\n const width = this.scale.width;\n const height = this.scale.height;\n this.randomSinUI = {};\n this.randomSinUI.container = this.add.container(width / 2, height / 2);\n this.randomSinUI.bg = this.add.rectangle(0, 0, width * 0.8, height * 0.6, 0x000000, 0.8);\n this.randomSinUI.bg.setStrokeStyle(2, 0xcd9b1d);\n this.randomSinUI.title = this.add.text(0, -height * 0.2, \"Random Sin from the Wall\", {\n fontSize: \"28px\",\n fontFamily: \"Arial\",\n color: \"#FFCC00\",\n align: \"center\"\n });\n this.randomSinUI.title.setOrigin(0.5);\n this.randomSinUI.text = this.add.text(0, 0, this.randomSin.confession, {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\",\n wordWrap: {\n width: width * 0.6\n }\n });\n this.randomSinUI.text.setOrigin(0.5);\n this.randomSinUI.container.add([this.randomSinUI.bg, this.randomSinUI.title, this.randomSinUI.text]);\n }\n hideRandomSin() {\n if (this.randomSinUI && this.randomSinUI.container) {\n this.randomSinUI.container.destroy();\n this.randomSinUI = null;\n }\n }\n hideAllPopups() {\n this.hideRandomSin();\n if (this.sinsPanel) {\n this.sinsPanel.forEach(element => {\n if (element && element.destroy) element.destroy();\n });\n this.sinsPanel = null;\n }\n if (this.judgmentUI) {\n Object.values(this.judgmentUI).forEach(element => {\n if (element && element.destroy) element.destroy();\n });\n this.judgmentUI = null;\n }\n }\n async viewMySins() {\n this.hideAllPopups();\n try {\n const myWallet = this.registry.get('walletAddress');\n if (!myWallet) {\n this.showErrorMessage(\"Wallet not connected. Cannot find your sins.\");\n return;\n }\n const myConfessions = await stateClient.getEntities('confessions', {\n wallet: myWallet\n });\n if (myConfessions.length === 0) {\n this.showErrorMessage(\"You have not confessed any sins yet.\");\n return;\n }\n const allJudgments = await stateClient.getEntities('judgments');\n const tokenizations = await stateClient.getEntities('tokenizations', {\n wallet: myWallet\n });\n const myConfessionsWithCounts = myConfessions.map(confession => {\n const confessionJudgments = allJudgments.filter(j => j.confessionId === confession.id);\n const blessings = confessionJudgments.filter(j => j.judgment === \"bless\").length;\n const condemnations = confessionJudgments.filter(j => j.judgment === \"condemn\").length;\n const tokenization = tokenizations.find(t => t.confessionId === confession.id);\n const tokenLink = tokenization ? tokenization.tokenLink : null;\n return {\n ...confession,\n blessings,\n condemnations,\n tokenLink\n };\n });\n this.displayMyConfessionsWithJudgments(myConfessionsWithCounts, \"Your Crypto Confessions\");\n } catch (error) {\n console.error(\"Error fetching your confessions:\", error);\n this.showErrorMessage(\"Could not retrieve your confessions. Try again later.\");\n }\n }\n displayMyConfessionsWithJudgments(confessions, title) {\n const width = this.scale.width;\n const height = this.scale.height;\n this.sinsPanel = [];\n const panel = this.add.rectangle(width / 2, height * 0.45, width * 0.8, height * 0.6, 0x000000, 0.8);\n panel.setOrigin(0.5);\n panel.setStrokeStyle(2, 0xb29a8c);\n this.sinsPanel.push(panel);\n const titleText = this.add.text(width / 2, height * 0.2, title, {\n fontSize: \"28px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n titleText.setOrigin(0.5);\n this.sinsPanel.push(titleText);\n const contentAreaBg = this.add.rectangle(width / 2, height * 0.45, width * 0.75, height * 0.4, 0x111111, 0.4);\n contentAreaBg.setOrigin(0.5);\n this.sinsPanel.push(contentAreaBg);\n const panelLeft = width * 0.2;\n const dateHeader = this.add.text(panelLeft, height * 0.25, \"Date\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFCC00\",\n align: \"left\"\n });\n this.sinsPanel.push(dateHeader);\n const confessionHeader = this.add.text(panelLeft + width * 0.1, height * 0.25, \"Confession\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFCC00\",\n align: \"left\"\n });\n this.sinsPanel.push(confessionHeader);\n const blessingsHeader = this.add.text(panelLeft + width * 0.48, height * 0.25, \"Bless\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#88FF88\",\n align: \"center\"\n });\n blessingsHeader.setOrigin(0.5);\n this.sinsPanel.push(blessingsHeader);\n const condemnsHeader = this.add.text(panelLeft + width * 0.55, height * 0.25, \"Condemn\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FF8888\",\n align: \"center\"\n });\n condemnsHeader.setOrigin(0.5);\n this.sinsPanel.push(condemnsHeader);\n const tokenizeHeader = this.add.text(panelLeft + width * 0.65, height * 0.25, \"Actions\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#AAAAAA\",\n align: \"center\"\n });\n tokenizeHeader.setOrigin(0.5);\n this.sinsPanel.push(tokenizeHeader);\n const maxDisplayed = Math.min(confessions.length, 8);\n for (let i = 0; i < maxDisplayed; i++) {\n const confession = confessions[i];\n const yPos = height * 0.3 + i * 35;\n const rowBg = this.add.rectangle(width / 2, yPos, width * 0.7, 30, i % 2 === 0 ? 0x222222 : 0x333333, 0.5);\n rowBg.setOrigin(0.5);\n this.sinsPanel.push(rowBg);\n const timestamp = new Date(confession.timestamp).toLocaleDateString();\n const dateText = this.add.text(panelLeft, yPos, timestamp, {\n fontSize: \"14px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"left\"\n });\n dateText.setOrigin(0, 0.5);\n this.sinsPanel.push(dateText);\n const confessionText = this.add.text(panelLeft + width * 0.1, yPos, `${confession.confession.substring(0, 30)}${confession.confession.length > 30 ? '...' : ''}`, {\n fontSize: \"14px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"left\"\n });\n confessionText.setOrigin(0, 0.5);\n this.sinsPanel.push(confessionText);\n const blessingsText = this.add.text(panelLeft + width * 0.48, yPos, (confession.blessings || 0).toString(), {\n fontSize: \"14px\",\n fontFamily: \"Arial\",\n color: \"#88FF88\",\n align: \"center\"\n });\n blessingsText.setOrigin(0.5);\n this.sinsPanel.push(blessingsText);\n const condemnsText = this.add.text(panelLeft + width * 0.55, yPos, (confession.condemnations || 0).toString(), {\n fontSize: \"14px\",\n fontFamily: \"Arial\",\n color: \"#FF8888\",\n align: \"center\"\n });\n condemnsText.setOrigin(0.5);\n this.sinsPanel.push(condemnsText);\n const buttonColor = confession.tokenLink ? 0x00AA00 : 0xAA0000;\n const tokenizeButton = this.add.rectangle(panelLeft + width * 0.65, yPos, 60, 24, buttonColor, 0.9);\n tokenizeButton.setOrigin(0.5);\n this.sinsPanel.push(tokenizeButton);\n const tokenizeText = this.add.text(panelLeft + width * 0.65, yPos, \"TKNZ\", {\n fontSize: \"12px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n tokenizeText.setOrigin(0.5);\n this.sinsPanel.push(tokenizeText);\n tokenizeButton.setInteractive({\n useHandCursor: true\n });\n let tooltip;\n tokenizeButton.on('pointerover', () => {\n const tooltipText = confession.tokenLink ? \"View Token\" : \"Tokenize Confession\";\n tooltip = this.add.text(tokenizeButton.x, tokenizeButton.y - 20, tooltipText, {\n fontSize: \"12px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n backgroundColor: \"#000000\",\n padding: {\n x: 5,\n y: 3\n }\n });\n tooltip.setOrigin(0.5);\n this.sinsPanel.push(tooltip);\n });\n tokenizeButton.on('pointerout', () => {\n if (tooltip) tooltip.destroy();\n });\n tokenizeButton.on('pointerdown', () => {\n if (confession.tokenLink) {\n window.open(confession.tokenLink, '_blank');\n } else {\n this.showTokenizationPopup(confession);\n }\n });\n }\n if (confessions.length > maxDisplayed) {\n const moreText = this.add.text(width / 2, height * 0.65, `And ${confessions.length - maxDisplayed} more confession(s)...`, {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#AAAAAA\",\n align: \"center\"\n });\n moreText.setOrigin(0.5);\n this.sinsPanel.push(moreText);\n }\n }\n displayConfessions(confessions, title) {\n const width = this.scale.width;\n const height = this.scale.height;\n const panel = this.add.rectangle(width / 2, height / 2, width * 0.8, height * 0.7, 0x000000, 0.8);\n panel.setOrigin(0.5);\n panel.setStrokeStyle(2, 0xb29a8c);\n const titleText = this.add.text(width / 2, height * 0.2, title, {\n fontSize: \"28px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n titleText.setOrigin(0.5);\n const confessionTexts = [];\n const maxConfessions = Math.min(confessions.length, 10);\n for (let i = 0; i < maxConfessions; i++) {\n const confession = confessions[i];\n const timestamp = new Date(confession.timestamp).toLocaleDateString();\n const confessionText = this.add.text(width * 0.2, height * 0.25 + i * 40, `${timestamp}: ${confession.confession.substring(0, 60)}${confession.confession.length > 60 ? '...' : ''}`, {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"left\",\n wordWrap: {\n width: width * 0.6\n }\n });\n confessionTexts.push(confessionText);\n }\n const closeButton = this.add.image(width / 2, height * 0.8, \"button\");\n closeButton.setTint(0xb29a8c);\n closeButton.setDisplaySize(180, 40);\n const closeButtonText = this.add.text(width / 2, height * 0.8, \"Close\", {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n closeButtonText.setOrigin(0.5);\n closeButton.setInteractive();\n closeButton.on(\"pointerover\", () => closeButton.setTint(0xaaaaaa));\n closeButton.on(\"pointerout\", () => closeButton.setTint(0xb29a8c));\n closeButton.on(\"pointerdown\", () => {\n panel.destroy();\n titleText.destroy();\n confessionTexts.forEach(text => text.destroy());\n closeButton.destroy();\n closeButtonText.destroy();\n });\n }\n showErrorMessage(message) {\n const width = this.scale.width;\n const height = this.scale.height;\n const errorText = this.add.text(width / 2, height / 2, message, {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#FF0000\",\n align: \"center\",\n backgroundColor: \"#00000080\",\n padding: {\n x: 20,\n y: 10\n }\n });\n errorText.setOrigin(0.5);\n this.time.delayedCall(3000, () => {\n errorText.destroy();\n });\n }\n showTokenizationPopup(confession) {\n const width = this.scale.width;\n const height = this.scale.height;\n if (!confession.numericId) {\n confession.numericId = parseInt(confession.id.substring(0, 8), 16) % 1000000;\n }\n const container = this.add.container(width / 2, height / 2);\n const fullScreenBg = this.add.image(0, 0, \"wallOfShame\");\n const bgScale = Math.max(width / fullScreenBg.width, height / fullScreenBg.height);\n fullScreenBg.setScale(bgScale);\n fullScreenBg.setAlpha(0.9);\n const overlay = this.add.rectangle(0, 0, width, height, 0x000000, 0.6);\n overlay.width = width;\n overlay.height = height;\n overlay.x = 0;\n overlay.y = 0;\n overlay.setOrigin(0.5);\n const parchmentBg = this.add.rectangle(0, 0, width * 0.8, height * 0.7, 0xF5F5DC, 1);\n parchmentBg.setStrokeStyle(8, 0x8B4513);\n const topDecoration = this.add.rectangle(0, -height * 0.3, width * 0.7, 20, 0x8B4513, 1);\n const bottomDecoration = this.add.rectangle(0, height * 0.3, width * 0.7, 20, 0x8B4513, 1);\n const titleText = this.add.text(0, -height * 0.25, \"I Confess...\", {\n fontSize: \"42px\",\n fontFamily: \"serif\",\n color: \"#8B4513\",\n align: \"center\",\n fontStyle: \"italic\"\n });\n titleText.setOrigin(0.5);\n const confessionText = this.add.text(0, 0, confession.confession, {\n fontSize: \"24px\",\n fontFamily: \"serif\",\n color: \"#000000\",\n align: \"center\",\n wordWrap: {\n width: width * 0.7\n },\n lineSpacing: 10\n });\n confessionText.setOrigin(0.5);\n const buttonY = height * 0.4;\n const proceedButton = this.add.rectangle(0, buttonY, 400, 60, 0xAA0000, 1);\n proceedButton.setStrokeStyle(3, 0xFFFFFF);\n const proceedText = this.add.text(0, buttonY, \"Right-Click-Save & proceed with tokenization\", {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n proceedText.setOrigin(0.5);\n container.add([fullScreenBg, overlay, parchmentBg, topDecoration, bottomDecoration, titleText, confessionText, proceedButton, proceedText]);\n parchmentBg.setInteractive({\n useHandCursor: true\n });\n proceedButton.setInteractive({\n useHandCursor: true\n });\n proceedButton.on('pointerover', () => proceedButton.setFillStyle(0xCC0000));\n proceedButton.on('pointerout', () => proceedButton.setFillStyle(0xAA0000));\n proceedButton.on('pointerdown', () => {\n container.destroy();\n this.showTokenDetails(confession);\n });\n this.input.keyboard.once('keydown-ESC', () => {\n container.destroy();\n });\n fullScreenBg.setInteractive();\n fullScreenBg.on('pointerdown', pointer => {\n const bounds = parchmentBg.getBounds();\n if (pointer.x < bounds.left || pointer.x > bounds.right || pointer.y < bounds.top || pointer.y > bounds.bottom) {\n container.destroy();\n }\n });\n }\n showTokenDetails(confession) {\n const width = this.scale.width;\n const height = this.scale.height;\n const container = this.add.container(width / 2, height / 2);\n const panel = this.add.rectangle(0, 0, width * 0.8, height * 0.7, 0x000000, 0.9);\n panel.setStrokeStyle(4, 0x00AAAA);\n const titleText = this.add.text(0, -height * 0.3, \"Step 2 out of 3: Token Details\", {\n fontSize: \"28px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n titleText.setOrigin(0.5);\n const instructionText = this.add.text(0, -height * 0.24, \"Tokenize the Sin via the TKNZ Add-On, use the right-click-saved image and the following information:\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\",\n wordWrap: {\n width: width * 0.7\n }\n });\n instructionText.setOrigin(0.5);\n const tokenTicker = `CNFS${confession.numericId}`;\n const tokenName = `CNFS.FUN - Sin #${confession.numericId}`;\n const tickerLabel = this.add.text(-width * 0.3, -height * 0.15, \"Token Ticker:\", {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#AAAAAA\",\n align: \"left\"\n });\n const tickerBg = this.add.rectangle(width * 0.05, -height * 0.15, width * 0.4, 50, 0x333333, 1);\n tickerBg.setStrokeStyle(2, 0x00AAAA);\n const tickerText = this.add.text(width * 0.05, -height * 0.15, tokenTicker, {\n fontSize: \"24px\",\n fontFamily: \"monospace\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n tickerText.setOrigin(0.5);\n const nameLabel = this.add.text(-width * 0.3, -height * 0.05, \"Token Name:\", {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#AAAAAA\",\n align: \"left\"\n });\n const nameBg = this.add.rectangle(width * 0.05, -height * 0.05, width * 0.4, 50, 0x333333, 1);\n nameBg.setStrokeStyle(2, 0x00AAAA);\n const nameText = this.add.text(width * 0.05, -height * 0.05, tokenName, {\n fontSize: \"20px\",\n fontFamily: \"monospace\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n nameText.setOrigin(0.5);\n const descLabel = this.add.text(-width * 0.3, height * 0.05, \"Token Description:\", {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#AAAAAA\",\n align: \"left\"\n });\n const descBg = this.add.rectangle(0, height * 0.13, width * 0.6, 90, 0x333333, 1);\n descBg.setStrokeStyle(2, 0x00AAAA);\n const descText = this.add.text(0, height * 0.13, confession.confession, {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\",\n wordWrap: {\n width: width * 0.55\n }\n });\n descText.setOrigin(0.5);\n const copyAllBtn = this.add.rectangle(-width * 0.15, height * 0.25, 160, 50, 0x555555, 1);\n copyAllBtn.setStrokeStyle(2, 0xFFFFFF);\n const copyAllText = this.add.text(-width * 0.15, height * 0.25, \"Copy All\", {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n copyAllText.setOrigin(0.5);\n const confirmButton = this.add.rectangle(width * 0.15, height * 0.25, 300, 60, 0x00AA00, 1);\n confirmButton.setStrokeStyle(2, 0xFFFFFF);\n const confirmText = this.add.text(width * 0.15, height * 0.25, \"Confirm Tokenization\", {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n confirmText.setOrigin(0.5);\n container.add([panel, titleText, instructionText, tickerLabel, tickerBg, tickerText, nameLabel, nameBg, nameText, descLabel, descBg, descText, copyAllBtn, copyAllText, confirmButton, confirmText]);\n copyAllBtn.setInteractive({\n useHandCursor: true\n });\n copyAllBtn.on('pointerover', () => copyAllBtn.setFillStyle(0x777777));\n copyAllBtn.on('pointerout', () => copyAllBtn.setFillStyle(0x555555));\n copyAllBtn.on('pointerdown', () => {\n const allTokenInfo = `Token Ticker: ${tokenTicker}\\nToken Name: ${tokenName}\\nToken Description: ${confession.confession}`;\n this.copyToClipboard(allTokenInfo);\n const copiedMsg = this.add.text(-width * 0.15, height * 0.25 - 25, \"All copied to clipboard!\", {\n fontSize: \"14px\",\n fontFamily: \"Arial\",\n color: \"#00FF00\"\n });\n copiedMsg.setOrigin(0.5);\n container.add(copiedMsg);\n this.time.delayedCall(1500, () => copiedMsg.destroy());\n });\n confirmButton.setInteractive({\n useHandCursor: true\n });\n confirmButton.on('pointerover', () => confirmButton.setFillStyle(0x00CC00));\n confirmButton.on('pointerout', () => confirmButton.setFillStyle(0x00AA00));\n confirmButton.on('pointerdown', () => {\n container.destroy();\n this.showTokenLinkInput(confession);\n });\n tickerBg.setInteractive({\n useHandCursor: true\n });\n nameBg.setInteractive({\n useHandCursor: true\n });\n descBg.setInteractive({\n useHandCursor: true\n });\n }\n copyToClipboard(text) {\n const textArea = document.createElement('textarea');\n textArea.value = text;\n document.body.appendChild(textArea);\n textArea.select();\n document.execCommand('copy');\n document.body.removeChild(textArea);\n }\n showTokenLinkInput(confession) {\n const width = this.scale.width;\n const height = this.scale.height;\n const container = this.add.container(width / 2, height / 2);\n const panel = this.add.rectangle(0, 0, width * 0.8, height * 0.5, 0x000000, 0.9);\n panel.setStrokeStyle(4, 0x00AA00);\n const titleText = this.add.text(0, -height * 0.2, \"Step 3 out of 3: Provide Token Link\", {\n fontSize: \"24px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n titleText.setOrigin(0.5);\n const tickerDisplay = this.add.text(0, -height * 0.14, `Token: CNFS${confession.numericId}`, {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#AAAAAA\",\n align: \"center\"\n });\n tickerDisplay.setOrigin(0.5);\n const inputBg = this.add.rectangle(0, -height * 0.05, width * 0.6, 50, 0xFFFFFF, 0.9);\n let tokenLinkValue = \"https://\";\n const inputText = this.add.text(0, -height * 0.05, tokenLinkValue, {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#000000\",\n align: \"center\"\n });\n inputText.setOrigin(0.5);\n const instructionText = this.add.text(0, -height * 0.12, \"Enter the link to your tokenized sin:\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#CCCCCC\",\n align: \"center\"\n });\n instructionText.setOrigin(0.5);\n const confirmButton = this.add.rectangle(0, height * 0.1, 300, 60, 0x00AA00, 1);\n confirmButton.setStrokeStyle(2, 0xFFFFFF);\n const confirmText = this.add.text(0, height * 0.1, \"Finalize Tokenization\", {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n confirmText.setOrigin(0.5);\n const cancelButton = this.add.rectangle(0, height * 0.17, 200, 40, 0x555555, 1);\n const cancelText = this.add.text(0, height * 0.17, \"Cancel\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n cancelText.setOrigin(0.5);\n container.add([panel, titleText, tickerDisplay, inputBg, inputText, instructionText, confirmButton, confirmText, cancelButton, cancelText]);\n inputBg.setInteractive({\n useHandCursor: true\n });\n inputBg.on('pointerdown', () => {\n const newLink = prompt(\"Enter the token link:\", tokenLinkValue);\n if (newLink !== null) {\n tokenLinkValue = newLink;\n inputText.setText(tokenLinkValue);\n }\n });\n confirmButton.setInteractive({\n useHandCursor: true\n });\n confirmButton.on('pointerover', () => confirmButton.setFillStyle(0x00CC00));\n confirmButton.on('pointerout', () => confirmButton.setFillStyle(0x00AA00));\n confirmButton.on('pointerdown', async () => {\n if (tokenLinkValue && tokenLinkValue !== \"https://\") {\n const loadingCircle = this.add.circle(0, height * 0.1, 15, 0x00FF00);\n container.add(loadingCircle);\n confirmText.setVisible(false);\n this.tweens.add({\n targets: loadingCircle,\n scale: 1.5,\n duration: 500,\n yoyo: true,\n repeat: -1\n });\n this.time.delayedCall(1500, async () => {\n container.destroy();\n await this.confirmTokenization(confession, tokenLinkValue);\n });\n } else {\n const errorMsg = this.add.text(0, height * 0.03, \"Please enter a valid token link\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FF0000\",\n align: \"center\"\n });\n errorMsg.setOrigin(0.5);\n container.add(errorMsg);\n this.time.delayedCall(2000, () => errorMsg.destroy());\n }\n });\n cancelButton.setInteractive({\n useHandCursor: true\n });\n cancelButton.on('pointerover', () => cancelButton.setFillStyle(0x777777));\n cancelButton.on('pointerout', () => cancelButton.setFillStyle(0x555555));\n cancelButton.on('pointerdown', () => {\n container.destroy();\n });\n }\n async viewAllSinners() {\n this.hideAllPopups();\n try {\n const loadingText = this.add.text(this.scale.width / 2, this.scale.height / 2, \"Loading all sinners...\", {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n backgroundColor: \"#00000080\",\n padding: {\n x: 15,\n y: 10\n }\n });\n loadingText.setOrigin(0.5);\n const allConfessions = await stateClient.getEntities('confessions');\n if (allConfessions.length === 0) {\n loadingText.setText(\"No confessions found.\");\n this.time.delayedCall(2000, () => {\n loadingText.destroy();\n });\n return;\n }\n const uniqueWallets = [];\n const walletMap = new Map();\n allConfessions.forEach(confession => {\n if (!walletMap.has(confession.wallet)) {\n walletMap.set(confession.wallet, {\n wallet: confession.wallet,\n count: 1,\n firstSeen: confession.timestamp\n });\n } else {\n const walletData = walletMap.get(confession.wallet);\n walletData.count++;\n if (new Date(confession.timestamp) < new Date(walletData.firstSeen)) {\n walletData.firstSeen = confession.timestamp;\n }\n }\n });\n walletMap.forEach(data => uniqueWallets.push(data));\n uniqueWallets.sort((a, b) => b.count - a.count);\n loadingText.destroy();\n this.displayAllSinners(uniqueWallets);\n } catch (error) {\n console.error(\"Error fetching sinners:\", error);\n this.showErrorMessage(\"Failed to load sinners. Please try again.\");\n }\n }\n displayAllSinners(sinners) {\n const width = this.scale.width;\n const height = this.scale.height;\n this.sinsPanel = [];\n const panel = this.add.rectangle(width / 2, height * 0.45, width * 0.8, height * 0.6, 0x000000, 0.8);\n panel.setOrigin(0.5);\n panel.setStrokeStyle(2, 0xb29a8c);\n this.sinsPanel.push(panel);\n const titleText = this.add.text(width / 2, height * 0.2, \"All Sinners\", {\n fontSize: \"28px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n titleText.setOrigin(0.5);\n this.sinsPanel.push(titleText);\n const countText = this.add.text(width / 2, height * 0.25, `Total Unique Sinners: ${sinners.length}`, {\n fontSize: \"18px\",\n fontFamily: \"Arial\",\n color: \"#AAAAAA\",\n align: \"center\"\n });\n countText.setOrigin(0.5);\n this.sinsPanel.push(countText);\n const contentAreaBg = this.add.rectangle(width / 2, height * 0.45, width * 0.75, height * 0.4, 0x111111, 0.4);\n contentAreaBg.setOrigin(0.5);\n this.sinsPanel.push(contentAreaBg);\n const panelLeft = width * 0.2;\n const rankHeader = this.add.text(panelLeft, height * 0.3, \"Rank\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFCC00\",\n align: \"left\"\n });\n this.sinsPanel.push(rankHeader);\n const walletHeader = this.add.text(panelLeft + width * 0.1, height * 0.3, \"Wallet\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFCC00\",\n align: \"left\"\n });\n this.sinsPanel.push(walletHeader);\n const countHeader = this.add.text(panelLeft + width * 0.4, height * 0.3, \"# of Sins\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFCC00\",\n align: \"center\"\n });\n countHeader.setOrigin(0.5);\n this.sinsPanel.push(countHeader);\n const firstSeenHeader = this.add.text(panelLeft + width * 0.55, height * 0.3, \"First Confession\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFCC00\",\n align: \"center\"\n });\n firstSeenHeader.setOrigin(0.5);\n this.sinsPanel.push(firstSeenHeader);\n const maxDisplayed = Math.min(sinners.length, 8);\n for (let i = 0; i < maxDisplayed; i++) {\n const sinner = sinners[i];\n const yPos = height * 0.35 + i * 35;\n const rowBg = this.add.rectangle(width / 2, yPos, width * 0.7, 30, i % 2 === 0 ? 0x222222 : 0x333333, 0.5);\n rowBg.setOrigin(0.5);\n this.sinsPanel.push(rowBg);\n const rankText = this.add.text(panelLeft, yPos, `#${i + 1}`, {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"left\"\n });\n rankText.setOrigin(0, 0.5);\n this.sinsPanel.push(rankText);\n const walletText = this.add.text(panelLeft + width * 0.1, yPos, `${sinner.wallet.slice(0, 6)}...${sinner.wallet.slice(-4)}`, {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"left\"\n });\n walletText.setOrigin(0, 0.5);\n this.sinsPanel.push(walletText);\n const sinCountText = this.add.text(panelLeft + width * 0.4, yPos, sinner.count.toString(), {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: sinner.count > 5 ? \"#FF8888\" : \"#FFFFFF\",\n align: \"center\"\n });\n sinCountText.setOrigin(0.5);\n this.sinsPanel.push(sinCountText);\n const firstSeenDate = new Date(sinner.firstSeen).toLocaleDateString();\n const firstSeenText = this.add.text(panelLeft + width * 0.55, yPos, firstSeenDate, {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#AAAAAA\",\n align: \"center\"\n });\n firstSeenText.setOrigin(0.5);\n this.sinsPanel.push(firstSeenText);\n }\n if (sinners.length > maxDisplayed) {\n const moreText = this.add.text(width / 2, height * 0.65, `And ${sinners.length - maxDisplayed} more sinners...`, {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#AAAAAA\",\n align: \"center\"\n });\n moreText.setOrigin(0.5);\n this.sinsPanel.push(moreText);\n }\n }\n async viewAllTokenizedSins() {\n this.hideAllPopups();\n try {\n const loadingText = this.add.text(this.scale.width / 2, this.scale.height / 2, \"Loading tokenized sins...\", {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n backgroundColor: \"#00000080\",\n padding: {\n x: 15,\n y: 10\n }\n });\n loadingText.setOrigin(0.5);\n const allTokenizations = await stateClient.getEntities('tokenizations');\n if (allTokenizations.length === 0) {\n loadingText.setText(\"No tokenized sins found.\");\n this.time.delayedCall(2000, () => {\n loadingText.destroy();\n });\n return;\n }\n const allConfessions = await stateClient.getEntities('confessions');\n const tokenizedConfessions = [];\n for (const tokenization of allTokenizations) {\n const confession = allConfessions.find(c => c.id === tokenization.confessionId);\n if (confession) {\n tokenizedConfessions.push({\n ...confession,\n tokenLink: tokenization.tokenLink,\n tokenDate: tokenization.timestamp\n });\n }\n }\n loadingText.destroy();\n this.displayTokenizedSins(tokenizedConfessions);\n } catch (error) {\n console.error(\"Error fetching tokenized sins:\", error);\n this.showErrorMessage(\"Failed to load tokenized sins. Please try again.\");\n }\n }\n displayTokenizedSins(tokenizedConfessions) {\n const width = this.scale.width;\n const height = this.scale.height;\n this.sinsPanel = [];\n const panel = this.add.rectangle(width / 2, height * 0.45, width * 0.8, height * 0.6, 0x000000, 0.8);\n panel.setOrigin(0.5);\n panel.setStrokeStyle(2, 0xb29a8c);\n this.sinsPanel.push(panel);\n const titleText = this.add.text(width / 2, height * 0.2, \"Tokenized Sins\", {\n fontSize: \"28px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n titleText.setOrigin(0.5);\n this.sinsPanel.push(titleText);\n const contentAreaBg = this.add.rectangle(width / 2, height * 0.45, width * 0.75, height * 0.4, 0x111111, 0.4);\n contentAreaBg.setOrigin(0.5);\n this.sinsPanel.push(contentAreaBg);\n const panelLeft = width * 0.2;\n const dateHeader = this.add.text(panelLeft, height * 0.25, \"Date\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFCC00\",\n align: \"left\"\n });\n this.sinsPanel.push(dateHeader);\n const confessionHeader = this.add.text(panelLeft + width * 0.1, height * 0.25, \"Confession\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFCC00\",\n align: \"left\"\n });\n this.sinsPanel.push(confessionHeader);\n const walletHeader = this.add.text(panelLeft + width * 0.45, height * 0.25, \"Sinner\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFCC00\",\n align: \"center\"\n });\n walletHeader.setOrigin(0.5);\n this.sinsPanel.push(walletHeader);\n const tokenHeader = this.add.text(panelLeft + width * 0.6, height * 0.25, \"Token\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#00FFAA\",\n align: \"center\"\n });\n tokenHeader.setOrigin(0.5);\n this.sinsPanel.push(tokenHeader);\n const maxDisplayed = Math.min(tokenizedConfessions.length, 8);\n tokenizedConfessions.sort((a, b) => new Date(b.tokenDate) - new Date(a.tokenDate));\n for (let i = 0; i < maxDisplayed; i++) {\n const confession = tokenizedConfessions[i];\n const yPos = height * 0.3 + i * 35;\n const rowBg = this.add.rectangle(width / 2, yPos, width * 0.7, 30, i % 2 === 0 ? 0x222222 : 0x333333, 0.5);\n rowBg.setOrigin(0.5);\n this.sinsPanel.push(rowBg);\n const timestamp = new Date(confession.timestamp).toLocaleDateString();\n const dateText = this.add.text(panelLeft, yPos, timestamp, {\n fontSize: \"14px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"left\"\n });\n dateText.setOrigin(0, 0.5);\n this.sinsPanel.push(dateText);\n const confessionText = this.add.text(panelLeft + width * 0.1, yPos, `${confession.confession.substring(0, 30)}${confession.confession.length > 30 ? '...' : ''}`, {\n fontSize: \"14px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"left\"\n });\n confessionText.setOrigin(0, 0.5);\n this.sinsPanel.push(confessionText);\n const walletText = this.add.text(panelLeft + width * 0.45, yPos, `${confession.wallet.slice(0, 4)}...${confession.wallet.slice(-4)}`, {\n fontSize: \"14px\",\n fontFamily: \"Arial\",\n color: \"#AAAAAA\",\n align: \"center\"\n });\n walletText.setOrigin(0.5);\n this.sinsPanel.push(walletText);\n const viewTokenButton = this.add.rectangle(panelLeft + width * 0.6, yPos, 80, 24, 0x00AA00, 0.9);\n viewTokenButton.setOrigin(0.5);\n this.sinsPanel.push(viewTokenButton);\n const viewTokenText = this.add.text(panelLeft + width * 0.6, yPos, \"VIEW\", {\n fontSize: \"12px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n viewTokenText.setOrigin(0.5);\n this.sinsPanel.push(viewTokenText);\n viewTokenButton.setInteractive({\n useHandCursor: true\n });\n viewTokenButton.on('pointerover', () => viewTokenButton.setFillStyle(0x00CC00));\n viewTokenButton.on('pointerout', () => viewTokenButton.setFillStyle(0x00AA00));\n viewTokenButton.on('pointerdown', () => {\n window.open(confession.tokenLink, '_blank');\n });\n }\n if (tokenizedConfessions.length > maxDisplayed) {\n const moreText = this.add.text(width / 2, height * 0.65, `And ${tokenizedConfessions.length - maxDisplayed} more tokenized sin(s)...`, {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#AAAAAA\",\n align: \"center\"\n });\n moreText.setOrigin(0.5);\n this.sinsPanel.push(moreText);\n }\n }\n async confirmTokenization(confession, tokenLink) {\n try {\n const loadingText = this.add.text(this.scale.width / 2, this.scale.height / 2, \"Saving token information...\", {\n fontSize: \"20px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n backgroundColor: \"#00000080\",\n padding: {\n x: 15,\n y: 10\n }\n });\n loadingText.setOrigin(0.5);\n const tokenizationId = Date.now().toString();\n const walletAddress = this.registry.get('walletAddress');\n await stateClient.createEntity('tokenizations', {\n id: tokenizationId,\n confessionId: confession.id,\n wallet: walletAddress,\n tokenLink: tokenLink,\n timestamp: new Date().toISOString()\n });\n loadingText.setText(\"Sin successfully tokenized!\");\n this.time.delayedCall(2000, () => {\n loadingText.destroy();\n this.viewMySins();\n });\n } catch (error) {\n console.error(\"Error saving tokenization:\", error);\n this.showErrorMessage(\"Failed to save tokenization. Please try again.\");\n }\n }\n displayWalletAddress() {\n if (this.walletAddress) {\n this.walletText = this.add.text(this.scale.width - 20, 40, `${this.walletAddress.slice(0, 6)}...${this.walletAddress.slice(-4)}`, {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n backgroundColor: \"#00000050\",\n padding: {\n x: 8,\n y: 4\n },\n align: \"right\"\n });\n this.walletText.setOrigin(1, 0.5);\n this.walletText.setDepth(100);\n }\n }\n addHeaderFooter() {\n const width = this.scale.width;\n const height = this.scale.height;\n const headerHeight = 80;\n const headerBg = this.add.rectangle(0, 0, width, headerHeight, 0xb29a8c, 1);\n headerBg.setOrigin(0, 0);\n headerBg.setDepth(99);\n const logo = this.add.image(50, headerHeight / 2, 'cnfsLogo');\n const logoScaleFactor = headerHeight * 0.8 / logo.height;\n logo.setScale(logoScaleFactor);\n logo.setDepth(100);\n const roomTitle = this.roomTitles[this.doorIndex] || \"Habemus Confession\";\n const titleText = this.add.text(width / 2, headerHeight / 2, roomTitle, {\n fontSize: \"24px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n titleText.setOrigin(0.5);\n titleText.setDepth(100);\n const footerBg = this.add.rectangle(0, height - 30, width, 30, 0xb29a8c, 1);\n footerBg.setOrigin(0, 0);\n footerBg.setDepth(99);\n const footerText = this.add.text(width / 2, height - 15, \"@cnfsfun\", {\n fontSize: \"16px\",\n fontFamily: \"Arial\",\n color: \"#FFFFFF\",\n align: \"center\"\n });\n footerText.setOrigin(0.5);\n footerText.setDepth(100);\n footerText.setInteractive({\n useHandCursor: true\n });\n footerText.on(\"pointerdown\", () => {\n window.open(\"https://x.com/cnfsfun\", \"_blank\");\n });\n }\n}\nconst config = {\n type: Phaser.AUTO,\n width: window.innerWidth,\n height: window.innerHeight,\n backgroundColor: \"#1A1A28\",\n parent: \"app\",\n scale: {\n mode: Phaser.Scale.RESIZE,\n autoCenter: Phaser.Scale.CENTER_BOTH\n },\n physics: {\n default: \"arcade\",\n arcade: {\n gravity: {\n y: 0\n },\n debug: false\n }\n },\n scene: [BootScene, IntroScene, VaticanScene, ConfessionScene]\n};\nexport const game = new Phaser.Game(config);","packageJson","{\"dependencies\":{\"phaser\":\"3.60.0\",\"@devfunlabs/state-client\":\"0.8.1\",\"@solana/web3.js\":\"1.87.1\"}}","token",{"_18":79,"_80":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93,"_94":93,"_71":72},"TKNZ.fun","symbol","TKNZ","price",0.001551,"marketcap",1551846,"image","https://pump.mypinata.cloud/ipfs/QmPjLEGEcvEDgGrxNPZdFy1RzfiWRyJYu6YaicM6oZGddQ?img-width=256&img-dpr=2","website","https://tknz.fun/","twitter","https://x.com/tknzfun","devCount",6,"appCount","upstreamApp","isLordOfDev","analytics",[99,103,105,107,109,111,113,115,117,119,121,123,125,127,129,131,133,135,137],{"_100":101,"_102":60},"day","2025-04-29","runCount",{"_100":104,"_102":60},"2025-04-30",{"_100":106,"_102":60},"2025-05-01",{"_100":108,"_102":60},"2025-05-02",{"_100":110,"_102":60},"2025-05-03",{"_100":112,"_102":60},"2025-05-04",{"_100":114,"_102":60},"2025-05-05",{"_100":116,"_102":60},"2025-05-06",{"_100":118,"_102":60},"2025-05-07",{"_100":120,"_102":60},"2025-05-08",{"_100":122,"_102":60},"2025-05-09",{"_100":124,"_102":60},"2025-05-10",{"_100":126,"_102":60},"2025-05-11",{"_100":128,"_102":60},"2025-05-12",{"_100":122,"_102":130},52,{"_100":124,"_102":132},12,{"_100":126,"_102":134},322,{"_100":128,"_102":136},74,{"_100":138,"_102":139},"2025-05-13",3,"snapshot","ogImage","https://cdn.dev.fun/og/image/030f3df9efb4ff40d15b/c6c2a850.webp","commitDetail","actionData","errors"]