@vyr/remote 0.0.1

package/src/utils/index.ts

@@ -0,0 +1,85 @@
+import { AnimationUnitDescriptor, Asset, Descriptor } from "@vyr/engine"
+import { RemoteProcess } from "../RemoteProcess"
+import { Job } from "../job"
+
+const createControllerStyle = () => {
+    const style = document.createElement('style')
+    const css = [
+        '.vyr-html-wrapper{pointer-events: all !important;}',
+        '.vyr-html-wrapper > * {pointer-events: none !important}',
+    ]
+    style.innerText = css.join('\n')
+    document.head.append(style)
+}
+
+const pickupObject = (process: RemoteProcess) => {
+    const executor = (event: MouseEvent) => {
+        const graphics = process.engine.getGraphics(process.scheduler)
+        const result = graphics.pickup(event)
+        if (result.length === 0) return
+
+        const select = result[0]
+        process.bridge.send(new Job.invoke.pick.Response({ descriptor: select.generatedBy || select.uuid }))
+    }
+
+    let count = 0
+    const beforePickup = (event: MouseEvent) => {
+        if (count === 0) {
+            setTimeout(() => pickup(event), 250)
+        }
+        count++
+    }
+    const pickup = (event: MouseEvent) => {
+        if (count > 1) {
+            executor(event)
+        }
+        count = 0
+    }
+
+    window.addEventListener('click', beforePickup)
+}
+
+const cleanPickupObject = (process: RemoteProcess) => {
+    let now = 0
+    const mousedown = (event: MouseEvent) => {
+        if (event.button !== 2) return
+        now = performance.now()
+        window.addEventListener('mouseup', mouseup, { once: true })
+    }
+    const mouseup = (event: MouseEvent) => {
+        if (event.button !== 2) return
+        if (performance.now() - now > 150) return
+        process.bridge.send(new Job.invoke.pick.Response({ descriptor: '' }))
+    }
+
+    window.addEventListener('mousedown', mousedown)
+}
+
+const getAnimationUnit = (descriptor: Descriptor) => {
+    let max = 0
+    descriptor.traverse((sub) => {
+        if (sub instanceof AnimationUnitDescriptor) {
+            const uptime = sub.startTime + sub.duration
+            if (uptime > max) max = uptime
+        }
+    })
+    return max
+}
+
+const getAnimationUnitByAsset = (url: string) => {
+    const descriptor = Asset.get<Descriptor>(url)
+    if (descriptor instanceof Descriptor) {
+        return getAnimationUnit(descriptor)
+    } else {
+        return 0
+    }
+}
+
+export {
+    createControllerStyle,
+    pickupObject,
+    cleanPickupObject,
+    getAnimationUnit,
+    getAnimationUnitByAsset,
+}
+export * from './screenshot'

package/src/utils/screenshot.ts

@@ -0,0 +1,20 @@
+let HTMLToImage: any = null
+const screenshot = async (html: HTMLElement, backgroundColor = '#ffffff') => {
+    if (HTMLToImage === null) {
+        //@ts-ignore
+        HTMLToImage = await import('dom-to-image')
+    }
+
+    const url = await HTMLToImage.default.toPng(html, {
+        bgcolor: backgroundColor,
+        width: html.clientWidth || html.scrollWidth,
+        height: html.clientHeight || html.scrollHeight,
+        quality: 1.0,
+    })
+
+    return url
+}
+
+export {
+    screenshot
+}