@ -7,103 +7,6 @@ import { component_context } from '../context.js';
import * as w from '../warnings.js' ;
import { sanitize _location } from '../../../utils.js' ;
/** @type {Record<string, Array<{ start: Location, end: Location, component: Function }>>} */
const boundaries = { } ;
const chrome _pattern = /at (?:.+ \()?(.+):(\d+):(\d+)\)?$/ ;
const firefox _pattern = /@(.+):(\d+):(\d+)$/ ;
function get _stack ( ) {
const stack = new Error ( ) . stack ;
if ( ! stack ) return null ;
const entries = [ ] ;
for ( const line of stack . split ( '\n' ) ) {
let match = chrome _pattern . exec ( line ) ? ? firefox _pattern . exec ( line ) ;
if ( match ) {
entries . push ( {
file : match [ 1 ] ,
line : + match [ 2 ] ,
column : + match [ 3 ]
} ) ;
}
}
return entries ;
}
/ * *
* Determines which ` .svelte ` component is responsible for a given state change
* @ returns { Function | null }
* /
export function get _component ( ) {
// first 4 lines are svelte internals; adjust this number if we change the internal call stack
const stack = get _stack ( ) ? . slice ( 4 ) ;
if ( ! stack ) return null ;
for ( let i = 0 ; i < stack . length ; i ++ ) {
const entry = stack [ i ] ;
const modules = boundaries [ entry . file ] ;
if ( ! modules ) {
// If the first entry is not a component, that means the modification very likely happened
// within a .svelte.js file, possibly triggered by a component. Since these files are not part
// of the bondaries/component context heuristic, we need to bail in this case, else we would
// have false positives when the .svelte.ts file provides a state creator function, encapsulating
// the state and its mutations, and is being called from a component other than the one who
// called the state creator function.
if ( i === 0 ) return null ;
continue ;
}
for ( const module of modules ) {
if ( module . end == null ) {
return null ;
}
if ( module . start . line < entry . line && module . end . line > entry . line ) {
return module . component ;
}
}
}
return null ;
}
/ * *
* Together with ` mark_module_end ` , this function establishes the boundaries of a ` .svelte ` file ,
* such that subsequent calls to ` get_component ` can tell us which component is responsible
* for a given state change
* /
export function mark _module _start ( ) {
const start = get _stack ( ) ? . [ 2 ] ;
if ( start ) {
( boundaries [ start . file ] ? ? = [ ] ) . push ( {
start ,
// @ts-expect-error
end : null ,
// @ts-expect-error we add the component at the end, since HMR will overwrite the function
component : null
} ) ;
}
}
/ * *
* @ param { Function } component
* /
export function mark _module _end ( component ) {
const end = get _stack ( ) ? . [ 2 ] ;
if ( end ) {
const boundaries _file = boundaries [ end . file ] ;
const boundary = boundaries _file [ boundaries _file . length - 1 ] ;
boundary . end = end ;
boundary . component = component ;
}
}
/ * *
* Sets up a validator that
* - traverses the path of a prop to find out if it is allowed to be mutated
Rich Harris
6 months ago
committed by
GitHub