mincomk/risuai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[feat] better polyfill detection

Browse Source
This commit is contained in:
kwaroran
2023-05-26 03:51:29 +09:00
parent e63d8cecbb
commit 5d52dad6e1
1 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/main.ts
View File

@@ -5,14 +5,22 @@ import { loadData } from "./ts/globalApi";
import { ReadableStream, WritableStream, TransformStream } from "web-streams-polyfill/ponyfill/es2018";
import { Buffer as BufferPolyfill } from 'buffer'
import { initHotkey } from "./ts/hotkey";
import {polyfill as dragDropPolyfil} from "mobile-drag-drop";
import {scrollBehaviourDragImageTranslateOverride} from "mobile-drag-drop/scroll-behaviour";
dragDropPolyfil({
// use this to make use of the scroll behaviour
dragImageTranslateOverride: scrollBehaviourDragImageTranslateOverride,
holdToDrag: 400
});
const testDom = document.createElement('div');
const supports = ('draggable' in testDom) || ('ondragstart' in testDom && 'ondrop' in testDom);
const isIos = navigator.userAgent ? (!!navigator.userAgent.match('iPhone OS') || !!navigator.userAgent.match('iPad')) : false
testDom.remove()
if((!supports) || isIos){
const dragDrop = await import("mobile-drag-drop")
const dragDropBehavior = await import("mobile-drag-drop/scroll-behaviour")
dragDrop.polyfill({
// use this to make use of the scroll behaviour
dragImageTranslateOverride: dragDropBehavior.scrollBehaviourDragImageTranslateOverride,
holdToDrag: 400
});
}
//Polyfills
declare var Buffer: typeof BufferPolyfill;