49 lines
1.2 KiB
TypeScript
49 lines
1.2 KiB
TypeScript
|
import { Data, Shape } from 'types'
|
||
|
|
import state from './state'
|
||
|
|
|
||
|
|
class Clipboard {
|
||
|
|
current: string
|
||
|
|
fallback = false
|
||
|
|
|
||
|
|
copy = (shapes: Shape[], onComplete?: () => void) => {
|
||
|
|
this.current = JSON.stringify({ id: 'tldr', shapes })
|
||
|
|
|
||
|
|
navigator.permissions.query({ name: 'clipboard-write' }).then((result) => {
|
||
|
|
if (result.state == 'granted' || result.state == 'prompt') {
|
||
|
|
navigator.clipboard.writeText(this.current).then(onComplete, () => {
|
||
|
|
console.warn('Error, could not copy to clipboard. Fallback?')
|
||
|
|
this.fallback = true
|
||
|
|
})
|
||
|
|
} else {
|
||
|
|
this.fallback = true
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
paste = () => {
|
||
|
|
navigator.clipboard
|
||
|
|
.readText()
|
||
|
|
.then(this.sendPastedTextToState, this.sendPastedTextToState)
|
||
|
|
}
|
||
|
|
|
||
|
|
sendPastedTextToState(text = this.current) {
|
||
|
|
if (text === undefined) return
|
||
|
|
|
||
|
|
try {
|
||
|
|
const clipboardData = JSON.parse(text)
|
||
|
|
state.send('PASTED_SHAPES_FROM_CLIPBOARD', {
|
||
|
|
shapes: clipboardData.shapes,
|
||
|
|
})
|
||
|
|
} catch (e) {
|
||
|
|
// The text wasn't valid JSON, or it wasn't ours, so paste it as a text object
|
||
|
|
state.send('PASTED_TEXT_FROM_CLIPBOARD', { text })
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
clear = () => {
|
||
|
|
this.current = undefined
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default new Clipboard()
|