You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
2.0 KiB
JavaScript
63 lines
2.0 KiB
JavaScript
// This module monkey patches Page#showModal in order to be able to
|
|
// access from the HMR proxy data passed to `showModal` in svelte-native.
|
|
//
|
|
// Data are stored in a opaque prop accessible with `getModalData`.
|
|
//
|
|
// It also switches the `closeCallback` option with a custom brewed one
|
|
// in order to give the proxy control over when its own instance will be
|
|
// destroyed.
|
|
//
|
|
// Obviously this method suffer from extreme coupling with the target code
|
|
// in svelte-native. So it would be wise to recheck compatibility on SN
|
|
// version upgrades.
|
|
//
|
|
// Relevant code is there (last checked version):
|
|
//
|
|
// https://github.com/halfnelson/svelte-native/blob/48fdc97d2eb4d3958cfcb4ff6cf5755a220829eb/src/dom/navigation.ts#L132
|
|
//
|
|
|
|
// FIXME should we override ViewBase#showModal instead?
|
|
// eslint-disable-next-line import/no-unresolved
|
|
import { Page } from '@nativescript/core'
|
|
|
|
const prop =
|
|
typeof Symbol !== 'undefined'
|
|
? Symbol('hmr_svelte_native_modal')
|
|
: '___HMR_SVELTE_NATIVE_MODAL___'
|
|
|
|
const sup = Page.prototype.showModal
|
|
|
|
let patched = false
|
|
|
|
export const patchShowModal = () => {
|
|
// guard: already patched
|
|
if (patched) return
|
|
patched = true
|
|
|
|
Page.prototype.showModal = function(modalView, options) {
|
|
const modalData = {
|
|
originalOptions: options,
|
|
closeCallback: options.closeCallback,
|
|
}
|
|
|
|
modalView[prop] = modalData
|
|
|
|
// Proxies to a function that can be swapped on the fly by HMR proxy.
|
|
//
|
|
// The default is still to call the original closeCallback from svelte
|
|
// navtive, which will destroy the modal view & component. This way, if
|
|
// no HMR happens on the modal content, normal behaviour is preserved
|
|
// without the proxy having any work to do.
|
|
//
|
|
const closeCallback = (...args) => {
|
|
return modalData.closeCallback(...args)
|
|
}
|
|
|
|
const tamperedOptions = Object.assign({}, options, { closeCallback })
|
|
|
|
return sup.call(this, modalView, tamperedOptions)
|
|
}
|
|
}
|
|
|
|
export const getModalData = modalView => modalView[prop]
|