add fixTma and unfixTma methods

lib/helpers/fixTma.ts

@@ -0,0 +1,56 @@
+const options = { passive: false }
+let ts: any
+let scrollableEl: HTMLElement | null
+
+function ignore(e: TouchEvent) {
+  e.preventDefault()
+}
+
+function onTouchStart(e: TouchEvent) {
+  ts = e.touches[0].clientY
+}
+
+function onTouchMove(e: TouchEvent) {
+  if (scrollableEl) {
+    const scroll = scrollableEl.scrollTop
+    const te = e.changedTouches[0].clientY
+    if (scroll <= 0 && ts < te) {
+      e.preventDefault()
+    }
+  } else {
+    e.preventDefault()
+  }
+}
+
+function onScroll() {
+  // @ts-ignore
+  if (window.scrollY !== window.overflowPadding) {
+    // @ts-ignore
+    window.scrollTo(0, window.overflowPadding)
+  }
+}
+
+export function fixTma(el: HTMLElement | null) {
+  scrollableEl = el
+
+  // @ts-ignore
+  window.overflowPadding = 100
+  // @ts-ignore
+  document.body.style.height = window.innerHeight + window.overflowPadding + 'px'
+  // @ts-ignore
+  window.scrollTo(0, window.overflowPadding)
+
+  window.addEventListener('scroll', onScroll)
+  document.documentElement.addEventListener('touchstart', onTouchStart, options)
+  document.documentElement.addEventListener('touchmove', onTouchMove, options)
+  document.body.addEventListener('touchcancel', ignore, options)
+  document.body.addEventListener('touchend', ignore, options)
+}
+
+export function unfixTma() {
+  window.removeEventListener('scroll', onScroll)
+  document.documentElement.removeEventListener('touchstart', onTouchStart)
+  document.documentElement.removeEventListener('touchmove', onTouchMove)
+  document.body.removeEventListener('touchcancel', ignore)
+  document.body.removeEventListener('touchend', ignore)
+}

lib/index.ts

@@ -1,4 +1,5 @@
 export * from './actions'
+export { fixTma, unfixTma } from './helpers/fixTma'
 export { createTelegramMiniApp } from './plugin'
 export { state, updateState } from './state'
 export { EventType } from './types'

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolirt/vue-telegram-mini-app",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "description": "Vue 3 telegram mini app package",
   "author": "kolirt",