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

[refactor] seperate polyfill

Browse Source
This commit is contained in:
kwaroran
2023-05-26 08:53:44 +09:00
parent ef59206b31
commit 752bbf1f32
2 changed files with 32 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/main.ts
View File

@@ -2,34 +2,10 @@ import "./styles.css";
import "core-js/actual" import "core-js/actual"
import App from "./App.svelte"; import App from "./App.svelte";
import { loadData } from "./ts/globalApi"; 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 { initHotkey } from "./ts/hotkey";
import { polyfill } from "./ts/polyfill";
const testDom = document.createElement('div'); polyfill()
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,
forceApply: true
});
}
//Polyfills
declare var Buffer: typeof BufferPolyfill;
globalThis.Buffer = BufferPolyfill
//@ts-ignore
globalThis.WritableStream = globalThis.WritableStream ?? WritableStream
globalThis.ReadableStream = globalThis.ReadableStream ?? ReadableStream
globalThis.TransformStream = globalThis.TransformStream ?? TransformStream
const app = new App({ const app = new App({
target: document.getElementById("app"), target: document.getElementById("app"),

30
src/ts/polyfill.ts Normal file
View File

@@ -0,0 +1,30 @@
import { ReadableStream, WritableStream, TransformStream } from "web-streams-polyfill/ponyfill/es2018";
import { Buffer as BufferPolyfill } from 'buffer'
import { polyfill as dragPolyfill} from "mobile-drag-drop"
import {scrollBehaviourDragImageTranslateOverride} from 'mobile-drag-drop/scroll-behaviour'
export function polyfill() {
try {
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){
dragPolyfill({
// use this to make use of the scroll behaviour
dragImageTranslateOverride: scrollBehaviourDragImageTranslateOverride,
holdToDrag: 400,
forceApply: true
});
}
} catch (error) {
}
globalThis.Buffer = BufferPolyfill
//@ts-ignore
globalThis.WritableStream = globalThis.WritableStream ?? WritableStream
globalThis.ReadableStream = globalThis.ReadableStream ?? ReadableStream
globalThis.TransformStream = globalThis.TransformStream ?? TransformStream
}