{"version":3,"file":"mobile-improvements.js","sources":["../src/module/preloadTemplates.ts","../src/module/settings.ts","../src/module/windowManager.ts","../src/module/windowMenu.ts","../src/module/about.ts","../src/module/mobileMenu.ts","../src/module/MobileUi.ts","../src/module/touchInput.ts","../src/module/chatEffects.ts","../src/mobile-improvements.ts"],"sourcesContent":["export const preloadTemplates = async function (): Promise {\r\n const templatePaths = [\r\n \"modules/mobile-improvements/templates/window-selector.hbs\",\r\n \"modules/mobile-improvements/templates/navigation.hbs\",\r\n \"modules/mobile-improvements/templates/menu.hbs\",\r\n ];\r\n //@ts-expect-error\r\n return foundry.applications.handlebars.loadTemplates(templatePaths);\r\n};\r\n","const MODULE_NAME = \"mobile-improvements\"; // TODO: Better handling\n\nexport enum settings {\n // In config\n SIDEBAR_PAUSES_RENDER = \"sideBarPausesRender\",\n SHOW_MOBILE_TOGGLE = \"showMobileToggle\",\n SHOW_CHAT_ON_ROLL = \"showChatOnRoll\",\n SHOW_ROLL_BUBBLES = \"showRollBubbles\",\n\n // Not in config\n SHOW_PLAYER_LIST = \"showPlayerList\",\n PIN_MOBILE_MODE = \"pinMobileMode\",\n WINDOWS_ZOOM_VALUES = \"windowZoomValues\",\n}\n\ninterface Callbacks {\n [setting: string]: (value) => void;\n}\n\nconst moduleSettings = [\n {\n setting: settings.SIDEBAR_PAUSES_RENDER,\n name: \"MOBILEIMPROVEMENTS.SettingsPauseRendering\",\n hint: \"MOBILEIMPROVEMENTS.SettingsPauseRenderingHint\",\n type: Boolean,\n default: false,\n },\n {\n setting: settings.SHOW_MOBILE_TOGGLE,\n name: \"MOBILEIMPROVEMENTS.SettingsShowToggle\",\n hint: \"MOBILEIMPROVEMENTS.SettingsShowToggleHint\",\n type: Boolean,\n default: false,\n scope: \"world\",\n },\n {\n setting: settings.SHOW_CHAT_ON_ROLL,\n name: \"MOBILEIMPROVEMENTS.SettingsShowChatOnRoll\",\n hint: \"MOBILEIMPROVEMENTS.SettingsShowChatOnRollHint\",\n type: Boolean,\n default: false,\n scope: \"world\",\n },\n {\n setting: settings.SHOW_ROLL_BUBBLES,\n name: \"MOBILEIMPROVEMENTS.SettingsShowRollBubbles\",\n hint: \"MOBILEIMPROVEMENTS.SettingsShowRollBubblesHint\",\n type: Boolean,\n default: true,\n scope: \"client\",\n },\n {\n setting: settings.SHOW_PLAYER_LIST,\n type: Boolean,\n default: false,\n config: false,\n },\n {\n setting: settings.PIN_MOBILE_MODE,\n type: Boolean,\n default: false,\n config: false,\n },\n {\n setting: settings.WINDOWS_ZOOM_VALUES,\n type: Object,\n default: {},\n config: false,\n },\n];\n\nfunction registerSetting(callbacks: Callbacks, { setting, ...options }): void {\n game.settings.register(MODULE_NAME, setting, {\n config: true,\n scope: \"client\",\n ...options,\n onChange: callbacks[setting] || undefined,\n });\n}\n\nexport function registerSettings(callbacks: Callbacks = {}): void {\n moduleSettings.forEach((item) => {\n registerSetting(callbacks, item);\n });\n}\n\nexport function getSetting(setting: settings): any {\n return game.settings.get(MODULE_NAME, setting as string);\n}\n\nexport function setSetting(setting: settings, value: unknown): Promise {\n return game.settings.set(MODULE_NAME, setting as string, value);\n}\n","// WindowManager is a singleton that allows management of application windows\nexport function activate(): void {\n if (!window.WindowManager) {\n window.WindowManager = new WindowManager();\n }\n}\n\nexport function getManager(): WindowManager {\n if (!window.WindowManager) {\n activate();\n }\n return window.WindowManager;\n}\n\nexport class Window {\n readonly app: Application;\n constructor(app: Application) {\n this.app = app;\n }\n\n get title(): string {\n return this.app.title;\n }\n get id(): number {\n return this.app.appId;\n }\n\n get minimized(): boolean {\n // @ts-ignore\n return this.app._minimized;\n }\n\n show(): void {\n if (this.minimized) {\n this.app.maximize();\n }\n this.app.bringToTop();\n }\n minimize(): void {\n this.app.minimize();\n }\n close(): void {\n this.app.close();\n }\n}\n\nfunction v2AppId(app: ApplicationV2): string {\n return \"v2_\" + app.id;\n}\n\nexport class WindowV2 {\n readonly app: ApplicationV2;\n #id: string;\n\n constructor(app: ApplicationV2) {\n this.app = app;\n this.#id = v2AppId(app);\n }\n\n get title(): string {\n return this.app.title;\n }\n get id(): string {\n return this.#id;\n }\n\n get minimized(): boolean {\n return this.app.minimized;\n }\n\n show(): void {\n if (this.minimized) {\n this.app.maximize();\n }\n this.app.bringToFront();\n }\n minimize(): void {\n this.app.minimize();\n }\n close(): void {\n this.app.close();\n }\n}\n\nexport class WindowManager {\n // All windows\n windows: { [id: string]: Window | WindowV2 } = {};\n version = \"1.0\";\n windowChangeHandler: ProxyHandler = {\n set: (target, property: string, value) => {\n target[property] = value;\n this.windowAdded(parseInt(property as string));\n // Hook for new window being rendered\n Hooks.once(\"render\" + value.constructor.name, (app) =>\n this.newWindowRendered(app.appId)\n );\n return true;\n },\n deleteProperty: (target, property) => {\n const res = delete target[property];\n setTimeout(() => {\n this.windowRemoved(parseInt(property as string));\n }, 1);\n return res;\n },\n };\n constructor() {\n this.augmentAppV1();\n this.augmentAppV2();\n console.info(\"Window Manager | Initiated\");\n Hooks.call(\"WindowManager:Init\");\n }\n\n augmentAppV1() {\n ui.windows = new Proxy(ui.windows, this.windowChangeHandler);\n\n const WM = this;\n\n window.libWrapper.register(\n \"mobile-improvements\",\n \"Application.prototype.bringToTop\",\n function () {\n WM.windowBroughtToTop(this.appId);\n },\n \"LISTENER\"\n );\n\n window.libWrapper.register(\n \"mobile-improvements\",\n \"Application.prototype.minimize\",\n function () {\n WM.windowMinimized(this.appId);\n },\n \"LISTENER\"\n );\n\n window.libWrapper.register(\n \"mobile-improvements\",\n \"Application.prototype.maximize\",\n function () {\n WM.windowMaximized(this.appId);\n },\n \"LISTENER\"\n );\n }\n\n augmentAppV2() {\n //@ts-ignore\n if (!globalThis.foundry?.applications?.api?.ApplicationV2) {\n return;\n }\n Hooks.on(\"renderApplicationV2\", (app: ApplicationV2) => {\n if (\n app.options?.window?.frame === false ||\n app.options?.window?.minimizable === false\n ) {\n return;\n }\n const newWindow = this.windowV2Added(app);\n app.element?.classList.add(\"wm-managed\");\n newWindow && this.newWindowRendered(newWindow.id);\n });\n\n const WM = this;\n\n window.libWrapper.register(\n \"mobile-improvements\",\n \"foundry.applications.api.ApplicationV2.prototype.bringToFront\",\n function () {\n WM.windowBroughtToTop(v2AppId(this));\n },\n \"LISTENER\"\n );\n window.libWrapper.register(\n \"mobile-improvements\",\n \"foundry.applications.api.ApplicationV2.prototype.minimize\",\n function () {\n WM.windowMinimized(v2AppId(this));\n },\n \"LISTENER\"\n );\n\n window.libWrapper.register(\n \"mobile-improvements\",\n \"foundry.applications.api.ApplicationV2.prototype.maximize\",\n function () {\n WM.windowMaximized(v2AppId(this));\n },\n \"LISTENER\"\n );\n\n window.libWrapper.register(\n \"mobile-improvements\",\n \"foundry.applications.api.ApplicationV2.prototype.close\",\n function () {\n WM.windowRemoved(v2AppId(this));\n },\n \"LISTENER\"\n );\n }\n\n newWindowRendered(appId: number | string): void {\n Hooks.call(\"WindowManager:WindowRendered\", appId);\n }\n windowAdded(appId: number): void {\n if (\n this.windows[appId] ||\n ui.windows[appId].constructor.name\n .toLowerCase()\n .includes(\"windowcontrols\")\n )\n return;\n this.windows[appId] = new Window(ui.windows[appId]);\n Hooks.call(\"WindowManager:Added\", appId);\n }\n\n windowV2Added(app: ApplicationV2) {\n const appId = v2AppId(app);\n if (this.windows[appId]?.app === app) return;\n const previous = this.windows[appId];\n this.windows[appId] = new WindowV2(app);\n if (previous) {\n Hooks.call(\"WindowManager:Removed\", appId);\n }\n Hooks.call(\"WindowManager:Added\", appId);\n return this.windows[appId];\n }\n\n windowRemoved(appId: number | string): void {\n delete this.windows[appId];\n Hooks.call(\"WindowManager:Removed\", appId);\n this.checkEmpty();\n }\n windowBroughtToTop(appId: number | string): void {\n Hooks.call(\"WindowManager:BroughtToTop\", appId);\n }\n\n windowMinimized(appId: number | string): void {\n Hooks.call(\"WindowManager:Minimized\", appId);\n this.checkEmpty();\n }\n windowMaximized(appId: number | string): void {\n Hooks.call(\"WindowManager:Maximized\", appId);\n }\n\n checkEmpty(): void {\n const windows = Object.values(this.windows);\n if (windows.length === 0 || windows.every((w) => w.minimized)) {\n Hooks.call(\"WindowManager:NoneVisible\");\n }\n }\n\n minimizeAll(): boolean {\n return Object.values(this.windows).reduce((didMinimize, window) => {\n didMinimize = didMinimize || !window.minimized;\n window.minimize();\n return didMinimize;\n }, false);\n }\n\n closeAll(): boolean {\n const closed = Object.keys(this.windows).length != 0;\n Object.values(this.windows).forEach((window) => {\n window.close();\n });\n return closed;\n }\n}\n","import { Window, WindowV2 } from \"./windowManager\";\r\nimport type { MobileUI } from \"./MobileUi.js\";\r\n\r\nconst icons = {\r\n \"\": \"\",\r\n combat: \"fa-fist-raised\",\r\n scenes: \"fa-map\",\r\n scene: \"fa-map\",\r\n actors: \"fa-users\",\r\n actor: \"fa-users\",\r\n items: \"fa-suitcase\",\r\n item: \"fa-suitcase\",\r\n weapon: \"fa-suitcase\",\r\n journal: \"fa-book-open\",\r\n tables: \"fa-th-list\",\r\n playlists: \"fa-music\",\r\n compendium: \"fa-atlas\",\r\n settings: \"fa-cogs\",\r\n npc: \"fa-skull\",\r\n character: \"fa-user\",\r\n spell: \"fa-magic\",\r\n equipment: \"fa-tshirt\",\r\n feat: \"fa-hand-rock\",\r\n class: \"fa-user\",\r\n deck: \"fa-cards\",\r\n};\r\n\r\nexport class WindowMenu extends Application {\r\n list: JQuery | null = null;\r\n nav: MobileUI;\r\n\r\n constructor(nav: MobileUI) {\r\n super({\r\n template: \"modules/mobile-improvements/templates/window-selector.hbs\",\r\n popOut: false,\r\n });\r\n this.nav = nav;\r\n Hooks.on(\"WindowManager:Added\", this.windowAdded.bind(this));\r\n Hooks.on(\"WindowManager:Removed\", this.windowRemoved.bind(this));\r\n }\r\n\r\n activateListeners(html: JQuery): void {\r\n this.list = html.find(\".window-list\");\r\n for (let w in ui.windows) {\r\n this.windowAdded.call(this, w);\r\n }\r\n }\r\n\r\n // Attempt to discern the title and icon of the window\r\n winIcon(win: any): string {\r\n if (win.options?.window?.icon) {\r\n return win.options?.window?.icon;\r\n }\r\n let windowType: string =\r\n win.icon ||\r\n win.tabName ||\r\n win.document?.type ||\r\n win.document?.collectionName ||\r\n (win.metadata ? \"compendium\" : \"\") ||\r\n \"\";\r\n windowType = windowType.toLowerCase();\r\n const icon = icons[windowType] || windowType;\r\n return icon;\r\n }\r\n\r\n newWindow = (win: Window | WindowV2): JQuery => {\r\n const winIcon = this.winIcon(win.app);\r\n const windowButton = $(\r\n ``\r\n );\r\n const closeButton = $(\r\n ``\r\n );\r\n const row = $(`
  • `);\r\n row.append(windowButton, closeButton);\r\n\r\n windowButton.on(\"click\", (ev) => {\r\n ev.preventDefault();\r\n win.show();\r\n this.nav.closeDrawer();\r\n });\r\n closeButton.on(\"click\", (ev) => {\r\n ev.preventDefault();\r\n win.close();\r\n });\r\n return row;\r\n };\r\n windowAdded(appId: number | string): void {\r\n this.list?.append(this.newWindow(window.WindowManager.windows[appId]));\r\n this.update();\r\n }\r\n windowRemoved(appId: number | string): void {\r\n this.list?.find(`li[data-id=\"${appId}\"]`).remove();\r\n this.update();\r\n }\r\n\r\n update(): void {\r\n const winCount = Object.values(window.WindowManager.windows).length;\r\n this.nav.setWindowCount(winCount);\r\n }\r\n}\r\n","export class About extends Application {\n constructor() {\n super({\n template: \"modules/mobile-improvements/templates/about.hbs\",\n id: \"mobile-improvements-about\",\n title: \"MOBILEIMPROVEMENTS.MenuAbout\",\n width: 300,\n height: 260,\n });\n }\n\n activateListeners(html: JQuery): void {\n html.find(\".close-about\").on(\"click\", (evt) => {\n this.close();\n });\n }\n}\n","import type { MobileUI } from \"./MobileUi.js\";\nimport { getSetting, setSetting, settings } from \"./settings.js\";\nimport { About } from \"./about.js\";\nexport class MobileMenu extends Application {\n nav: MobileUI;\n aboutApp: About;\n\n constructor(nav: MobileUI) {\n super({\n template: \"modules/mobile-improvements/templates/menu.hbs\",\n popOut: false,\n });\n this.nav = nav;\n this.aboutApp = new About();\n }\n activateListeners(html: JQuery): void {\n html.find(\"li\").on(\"click\", (evt) => {\n const [firstClass] = evt.currentTarget.className.split(\" \");\n const [, name] = firstClass.split(\"-\");\n this.selectItem(name);\n });\n }\n\n toggleOpen(): void {\n this.element.toggleClass(\"open\");\n }\n\n selectItem(name: string): void {\n switch (name) {\n case \"about\":\n this.aboutApp.render(true);\n break;\n case \"fullscreen\":\n if (document.fullscreenElement) {\n document.exitFullscreen();\n } else {\n document.documentElement.requestFullscreen();\n }\n break;\n case \"players\":\n setSetting(\n settings.SHOW_PLAYER_LIST,\n !getSetting(settings.SHOW_PLAYER_LIST)\n );\n break;\n case \"canvas\":\n game.settings.set(\n \"core\",\n \"noCanvas\",\n !game.settings.get(\"core\", \"noCanvas\")\n );\n //@ts-ignore\n SettingsConfig.reloadConfirm();\n break;\n case \"exit\":\n setSetting(settings.PIN_MOBILE_MODE, false);\n break;\n default:\n console.log(\"Unhandled menu item\", name);\n break;\n }\n this.nav.closeDrawer();\n }\n}\n","import { settings, getSetting } from \"./settings.js\";\nimport { WindowMenu } from \"./windowMenu.js\";\nimport { MobileMenu } from \"./mobileMenu.js\";\n\nexport enum ViewState {\n Unloaded,\n Map,\n App,\n}\nenum DrawerState {\n None,\n Macros = \"macros\",\n Menu = \"menu\",\n Windows = \"windows\",\n}\n\nfunction isTabletMode() {\n return globalThis.MobileMode.enabled && window.innerWidth > 900;\n}\n\nexport class MobileUI extends Application {\n state: ViewState = ViewState.Unloaded;\n drawerState: DrawerState = DrawerState.None;\n noCanvas = false;\n\n windowMenu: WindowMenu;\n mobileMenu: MobileMenu;\n\n #lastCount = 0;\n\n constructor() {\n super({\n template: \"modules/mobile-improvements/templates/navigation.hbs\",\n popOut: false,\n });\n\n this.windowMenu = new WindowMenu(this);\n this.mobileMenu = new MobileMenu(this);\n\n // Ensure HUD shows on opening a new window\n Hooks.on(\"WindowManager:WindowRendered\", () => this._onShowWindow());\n Hooks.on(\"WindowManager:BroughtToTop\", () => this._onShowWindow());\n Hooks.on(\"WindowManager:NoneVisible\", () => this._onHideAllWindows());\n }\n\n _onShowWindow(): void {\n $(document.body).addClass(\"windows-open\");\n\n if (!globalThis.MobileMode.enabled) return;\n this.toggleHud(true);\n\n if (isTabletMode()) {\n this.showSidebar();\n }\n }\n\n _onHideAllWindows(): void {\n $(document.body).removeClass(\"windows-open\");\n }\n\n render(force: boolean, ...arg: unknown[]): unknown {\n this.noCanvas = game.settings.get(\"core\", \"noCanvas\") as boolean;\n this.state = this.noCanvas ? ViewState.App : ViewState.Map;\n\n //@ts-ignore\n const r = super.render(force, ...arg);\n this.windowMenu.render(force);\n this.mobileMenu.render(force);\n return r;\n }\n\n activateListeners(html: JQuery): void {\n html.find(\"li\").on(\"click\", (evt) => {\n const [firstClass] = evt.currentTarget.className.split(\" \");\n const [, name] = firstClass.split(\"-\");\n this.selectItem(name);\n });\n this.updateMode();\n html.before(\n `
    `\n );\n html.siblings(\"#show-mobile-navigation\").on(\"click\", () => {\n this.toggleHud();\n });\n if (this.noCanvas) {\n this.element.find(\".navigation-map\").detach();\n }\n }\n\n expandSidebarWithoutAnimation() {\n //@ts-ignore\n if (!ui.sidebar._collapsed) return;\n\n const sidebar = ui.sidebar.element as unknown as HTMLElement;\n const tab = sidebar.querySelector(\n \".sidebar-tab.active\"\n ) as HTMLElement | null;\n const tabs = sidebar.querySelector(\"#sidebar-tabs\") as HTMLElement;\n tabs.dataset.tooltipDirection = \"RIGHT\";\n const icon = tabs?.querySelector(\"a.collapse i\");\n sidebar.style.height = \"\";\n sidebar.style.width = \"\";\n sidebar.classList.remove(\"collapsed\");\n if (tab) {\n tab.style.display = \"\";\n tab.style.height = \"\";\n }\n icon?.classList.remove(\"fa-caret-left\");\n icon?.classList.add(\"fa-caret-right\");\n //@ts-ignore\n ui.sidebar._collapsed = false;\n //@ts-ignore\n Hooks.callAll(\"collapseSidebar\", ui.sidebar, ui.sidebar._collapsed);\n }\n\n collapseSidebarWithoutAnimation() {\n //@ts-ignore\n if (ui.sidebar._collapsed) return;\n const sidebar = ui.sidebar.element as unknown as HTMLElement;\n const tab = sidebar.querySelector(\n \".sidebar-tab.active\"\n ) as HTMLElement | null;\n const tabs = sidebar.querySelector(\"#sidebar-tabs\") as HTMLElement;\n tabs.dataset.tooltipDirection = \"LEFT\";\n const icon = tabs?.querySelector(\"a.collapse i\");\n sidebar.style.height = \"\";\n sidebar.classList.add(\"collapsed\");\n if (tab) {\n tab.style.display = \"\";\n }\n icon?.classList.remove(\"fa-caret-right\");\n icon?.classList.add(\"fa-caret-left\");\n //@ts-ignore\n ui.sidebar._collapsed = true;\n //@ts-ignore\n Hooks.callAll(\"collapseSidebar\", ui.sidebar, ui.sidebar._collapsed);\n }\n\n toggleHud(show: boolean = false): void {\n const isHidden = document.body.classList.contains(\"hide-hud\");\n if (isHidden || show) {\n this.expandSidebarWithoutAnimation();\n $(document.body).removeClass(\"hide-hud\");\n } else {\n $(document.body).addClass(\"hide-hud\");\n this.collapseSidebarWithoutAnimation();\n }\n }\n\n closeDrawer(): void {\n this.setDrawerState(DrawerState.None);\n }\n\n showMap(): void {\n const minimized = window.WindowManager.minimizeAll();\n if (!minimized && this.state == ViewState.Map) {\n this.toggleHud();\n }\n this.state = ViewState.Map;\n canvas.ready && canvas.app?.start();\n this.setDrawerState(DrawerState.None);\n this.updateMode();\n }\n\n showSidebar(): void {\n this.state = ViewState.App;\n this.toggleHud(true);\n ui.sidebar?.expand();\n if (!isTabletMode()) window.WindowManager.minimizeAll();\n\n if (getSetting(settings.SIDEBAR_PAUSES_RENDER) === true) {\n // canvas.ready && canvas.app.stop();\n }\n this.setDrawerState(DrawerState.None);\n this.updateMode();\n }\n\n showHotbar(): void {\n $(document.body).addClass(\"show-hotbar\");\n }\n\n hideHotbar(): void {\n $(document.body).removeClass(\"show-hotbar\");\n }\n\n setWindowCount(count: number): void {\n this.element.find(\".navigation-windows .count\").html(count.toString());\n if (count === 0) {\n this.element.find(\".navigation-windows\").addClass(\"disabled\");\n } else {\n this.element.find(\".navigation-windows\").removeClass(\"disabled\");\n }\n\n if (\n this.drawerState == DrawerState.Windows &&\n (count === 0 || count > this.#lastCount)\n ) {\n this.setDrawerState(DrawerState.None);\n }\n\n this.#lastCount = count;\n }\n\n setDrawerState(state: DrawerState): void {\n $(`body > .drawer`).removeClass(\"open\");\n this.element.find(\".toggle.active\").removeClass(\"active\");\n this.hideHotbar();\n if (state == DrawerState.None || state == this.drawerState) {\n this.drawerState = DrawerState.None;\n return;\n }\n\n this.drawerState = state;\n if (state == DrawerState.Macros) {\n this.showHotbar();\n } else {\n $(`body > .drawer.drawer-${state}`).addClass(\"open\");\n }\n this.element.find(`.navigation-${state}`).addClass(\"active\");\n }\n\n selectItem(name: string): void {\n switch (name) {\n case \"map\":\n this.showMap();\n break;\n case \"sidebar\":\n this.showSidebar();\n break;\n default:\n this.setDrawerState(name as DrawerState);\n }\n }\n\n updateMode(): void {\n if (globalThis.MobileMode.enabled) {\n this.element.find(\".active:not(.toggle)\").removeClass(\"active\");\n $(document.body).removeClass(\"mobile-app\");\n $(document.body).removeClass(\"mobile-map\");\n\n switch (this.state) {\n case ViewState.Map:\n this.element.find(\".navigation-map\").addClass(\"active\");\n $(document.body).addClass(\"mobile-map\");\n this.collapseSidebarWithoutAnimation();\n break;\n case ViewState.App:\n this.element.find(\".navigation-sidebar\").addClass(\"active\");\n $(document.body).addClass(\"mobile-app\");\n this.expandSidebarWithoutAnimation();\n break;\n default:\n break;\n }\n } else {\n this.expandSidebarWithoutAnimation();\n }\n }\n}\n","declare global {\n interface LenientGlobalVariableTypes {\n canvas: never;\n }\n}\n\nexport class TouchInput {\n cancelled = false;\n tapMaxTime = 400;\n tapStart = -1;\n tapStartPos = { x: 0, y: 0 };\n touches = 0;\n\n getTarget(evt: PIXI.InteractionEvent): PlaceableObject | null {\n let target = evt.target as PlaceableObject;\n while (!target?.document && target?.parent) {\n target = target.parent as PlaceableObject;\n }\n if (!target.document) {\n return null;\n }\n return target;\n }\n\n hook(): void {\n if (!canvas.ready) return;\n canvas.stage?.on(\"touchstart\", (evt) => {\n this.touches++;\n this.tapStart = Date.now();\n this.tapStartPos = evt.client;\n if (this.touches > 1) {\n this.cancelled = true;\n }\n });\n\n canvas.stage?.on(\"touchmove\", (evt) => {\n if (\n evt.client.x != this.tapStartPos.x ||\n evt.client.y != this.tapStartPos.y\n ) {\n this.cancelled = true;\n }\n });\n\n canvas.stage?.on(\"touchend\", (evt) => {\n if (this.touches > 0) this.touches--;\n if (!this.cancelled && Date.now() - this.tapStart < this.tapMaxTime) {\n const target = this.getTarget(evt);\n if (!target) {\n globalThis.MobileMode.navigation.toggleHud();\n }\n }\n this.cancelled = false;\n });\n\n console.log(\"Mobile Improvements | Touch tap hooked\");\n }\n}\n","import { ViewState } from \"./MobileUi\";\nimport { getSetting, settings } from \"./settings\";\n\nexport function initChatEffects() {\n const windowHtml = `
    `;\n document.body.insertAdjacentHTML(\"beforeend\", windowHtml);\n const bubbleWindow = document.getElementById(\"mobile-chat-bubbles\")!;\n\n Hooks.on(\"createChatMessage\", (newMessage: ChatMessage) => {\n if (\n !globalThis.MobileMode.enabled ||\n !newMessage.isRoll ||\n !newMessage.isAuthor\n ) {\n return;\n }\n\n if (getSetting(settings.SHOW_CHAT_ON_ROLL)) {\n const shouldBloop =\n globalThis.MobileMode.navigation.state === ViewState.Map ||\n window.WindowManager.minimizeAll() ||\n ui.sidebar.activeTab !== \"chat\";\n\n globalThis.MobileMode.navigation.showSidebar();\n ui.sidebar.activateTab(\"chat\");\n\n if (shouldBloop) {\n Hooks.once(\n \"renderChatMessageHTML\",\n (obj: ChatMessage, html: HTMLElement) => {\n if (obj.id !== newMessage.id) return; // Avoid possible race condition?\n\n html.classList.add(\"bloop\");\n setTimeout(() => html.classList.remove(\"bloop\"), 10000);\n }\n );\n }\n }\n\n if (getSetting(settings.SHOW_ROLL_BUBBLES)) {\n Hooks.once(\n \"renderChatMessageHTML\",\n async (message: ChatMessage, html: HTMLElement, data) => {\n if (newMessage.id !== message.id) return; // Avoid possible race condition?\n\n if (html.classList.contains(\"dsn-hide\")) {\n await new Promise((resolve) => {\n Hooks.once(\"diceSoNiceRollComplete\", () => {\n resolve();\n });\n });\n }\n\n const flavor = data.message.flavor\n ? `
    ${data.message.flavor}
    `\n : \"\";\n const bubbleHtml = `
    ${flavor}${data.message.content}
    `;\n bubbleWindow.insertAdjacentHTML(\"beforeend\", bubbleHtml);\n const bubble = bubbleWindow.lastElementChild!;\n bubble.addEventListener(\"click\", () => bubble.remove());\n // Demonlord fix\n if (game.user?.isGM) {\n bubble.querySelectorAll(\".gmremove\").forEach((el) => el.remove());\n } else {\n bubble.querySelectorAll(\".gmonlyzero\").forEach((el) => el.remove());\n }\n setTimeout(() => bubble.remove(), 15000);\n }\n );\n }\n });\n}\n","import { preloadTemplates } from \"./module/preloadTemplates.js\";\r\nimport {\r\n registerSettings,\r\n settings,\r\n getSetting,\r\n setSetting,\r\n} from \"./module/settings.js\";\r\nimport * as windowMgr from \"./module/windowManager.js\";\r\nimport { MobileUI } from \"./module/MobileUi.js\";\r\nimport { TouchInput } from \"./module/touchInput.js\";\r\nimport { initChatEffects } from \"./module/chatEffects.js\";\r\n\r\ndeclare global {\r\n interface LenientGlobalVariableTypes {\r\n game: never;\r\n ui: never;\r\n }\r\n}\r\n\r\nfunction setMeta(maxScale = \"1.0\") {\r\n const meta = document.querySelector(`meta[name=\"viewport\"]`);\r\n if (meta) {\r\n meta.setAttribute(\r\n \"content\",\r\n `width=device-width, initial-scale=1.0, maximum-scale=${maxScale}, user-scalable=1, interactive-widget=resizes-content`\r\n );\r\n }\r\n}\r\n\r\nabstract class MobileMode {\r\n static enabled = false;\r\n static navigation: MobileUI;\r\n static compatibilityClasses: string[] = [];\r\n\r\n static updateCompatibilityClasses() {\r\n MobileMode.compatibilityClasses.forEach((c) => {\r\n document.body.classList.toggle(c, MobileMode.enabled);\r\n });\r\n }\r\n\r\n static enter() {\r\n if (MobileMode.enabled) return;\r\n MobileMode.enabled = true;\r\n document.body.classList.add(\"mobile-improvements\");\r\n MobileMode.navigation?.updateMode();\r\n MobileMode.updateCompatibilityClasses();\r\n setMeta();\r\n ui.nav?.collapse();\r\n Hooks.call(\"mobile-improvements:enter\");\r\n }\r\n\r\n static leave() {\r\n if (!MobileMode.enabled) return;\r\n MobileMode.enabled = false;\r\n document.body.classList.remove(\"mobile-improvements\");\r\n MobileMode.navigation.updateMode();\r\n MobileMode.updateCompatibilityClasses();\r\n Hooks.call(\"mobile-improvements:leave\");\r\n }\r\n\r\n static viewResize() {\r\n if (game.settings && getSetting(settings.PIN_MOBILE_MODE))\r\n return MobileMode.enter();\r\n if (localStorage.getItem(\"mobile-improvements.pinMobileMode\") === \"true\")\r\n return MobileMode.enter();\r\n\r\n if (window.innerWidth <= 800) {\r\n MobileMode.enter();\r\n } else {\r\n MobileMode.leave();\r\n }\r\n }\r\n}\r\n\r\ndocument.body.addEventListener(\"scroll\", () => {\r\n document.body.scroll(0, 0);\r\n});\r\n\r\nfunction togglePlayerList(show: boolean) {\r\n if (show) {\r\n document.getElementById(\"players\")?.classList.add(\"mobile-hidden\");\r\n } else {\r\n document.getElementById(\"players\")?.classList.remove(\"mobile-hidden\");\r\n }\r\n}\r\n\r\nfunction showToggleModeButton(show: boolean) {\r\n if (!show) {\r\n $(\"#mobile-improvements-toggle\").detach();\r\n return;\r\n }\r\n const button = $(\"