msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

i guess there's more client code besides just runtime.js

Browse Source
rm-bytes
Ben McCann 2 years ago
parent 72b32640e2
commit 87ac2a8f7f
5 changed files with 99 additions and 98 deletions
Show Stats Download Patch File Download Diff File

46
packages/svelte/src/internal/client/each.js
Unescape View File

@ -74,8 +74,8 @@ function each(anchor_node, collection, flags, key_fn, render_fn, fallback_fn, re
transition.f(() => {
transitions.delete(transition);
if (transitions.size === 0) {
if (fallback.e !== null) {
if (fallback.d !== null) {
if (fallback.e) {
if (fallback.d) {
remove(fallback.d);
fallback.d = null;
}
@ -98,7 +98,7 @@ function each(anchor_node, collection, flags, key_fn, render_fn, fallback_fn, re
const effect = render_effect(
() => {
const dom = block.d;
if (dom !== null) {
if (dom) {
remove(dom);
block.d = null;
}
@ -136,24 +136,24 @@ function each(anchor_node, collection, flags, key_fn, render_fn, fallback_fn, re
: maybe_array == null
? []
: Array.from(maybe_array);
if (key_fn !== null) {
if (key_fn) {
keys = array.map(key_fn);
} else if ((flags & EACH_KEYED) === 0) {
array.map(no_op);
}
const length = array.length;
if (fallback_fn !== null) {
if (fallback_fn) {
if (length === 0) {
if (block.v.length !== 0 || render === null) {
if (block.v.length !== 0 || !render) {
clear_each(block);
create_fallback_effect();
return;
}
} else if (block.v.length === 0 && current_fallback !== null) {
} else if (block.v.length === 0 && current_fallback) {
const fallback = current_fallback;
const transitions = fallback.s;
if (transitions.size === 0) {
if (fallback.d !== null) {
if (fallback.d) {
remove(fallback.d);
fallback.d = null;
}
@ -162,7 +162,7 @@ function each(anchor_node, collection, flags, key_fn, render_fn, fallback_fn, re
}
}
}
if (render !== null) {
if (render) {
execute_effect(render);
}
},
@ -177,13 +177,13 @@ function each(anchor_node, collection, flags, key_fn, render_fn, fallback_fn, re
const anchor_node = block.a;
const is_controlled = (flags & EACH_IS_CONTROLLED) !== 0;
let fallback = current_fallback;
while (fallback !== null) {
while (fallback) {
const dom = fallback.d;
if (dom !== null) {
if (dom) {
remove(dom);
}
const effect = fallback.e;
if (effect !== null) {
if (effect) {
destroy_signal(effect);
}
fallback = fallback.p;
@ -280,7 +280,7 @@ function reconcile_indexed_array(
} else {
var item;
b_blocks = Array(b);
if (current_hydration_fragment !== null) {
if (current_hydration_fragment) {
/** @type {Node} */
var hydrating_node = current_hydration_fragment[0];
for (; index < length; index++) {
@ -350,7 +350,7 @@ function reconcile_tracked_array(
keys
) {
var a_blocks = each_block.v;
const is_computed_key = keys !== null;
const is_computed_key = !!keys;
var active_transitions = each_block.s;
/** @type {number | void} */
@ -384,7 +384,7 @@ function reconcile_tracked_array(
var item;
var idx;
b_blocks = Array(b);
if (current_hydration_fragment !== null) {
if (current_hydration_fragment) {
var fragment;
/** @type {Node} */
@ -469,7 +469,7 @@ function reconcile_tracked_array(
} else if (start > b_end) {
b = start;
do {
if ((block = a_blocks[b++]) !== null) {
if ((block = a_blocks[b++])) {
destroy_each_item_block(block, active_transitions, apply_transitions);
}
} while (b <= a_end);
@ -493,7 +493,7 @@ function reconcile_tracked_array(
pos = pos < a ? a : MOVED_BLOCK;
sources[a - start] = b;
b_blocks[a] = block;
} else if (block !== null) {
} else if (block) {
destroy_each_item_block(block, active_transitions, apply_transitions);
}
}
@ -628,7 +628,7 @@ function mark_lis(a) {
function insert_each_item_block(block, dom, is_controlled, sibling) {
var current = /** @type {import('./types.js').TemplateNode} */ (block.d);
if (sibling === null) {
if (!sibling) {
if (is_controlled) {
return insert(current, /** @type {Element} */ (dom), null);
} else {
@ -668,7 +668,7 @@ function destroy_active_transition_blocks(active_transitions) {
for (; i < length; i++) {
block = active_transitions[i];
transition = block.r;
if (transition !== null) {
if (!transition) {
block.r = null;
destroy_each_item_block(block, null, false);
}
@ -714,7 +714,7 @@ function update_each_item_block(block, item, index, type) {
const index_is_reactive = (type & EACH_INDEX_REACTIVE) !== 0;
// Handle each item animations
const each_animation = block.a;
if (transitions !== null && (type & EACH_KEYED) !== 0 && each_animation !== null) {
if (transitions && (type & EACH_KEYED) !== 0 && each_animation) {
each_animation(block, transitions, index, index_is_reactive);
}
if (index_is_reactive) {
@ -739,7 +739,7 @@ export function destroy_each_item_block(
) {
const transitions = block.s;
if (apply_transitions && transitions !== null) {
if (apply_transitions && transitions) {
// We might have pending key transitions, if so remove them first
for (let other of transitions) {
if (other.r === 'key') {
@ -750,14 +750,14 @@ export function destroy_each_item_block(
block.s = null;
} else {
trigger_transitions(transitions, 'out');
if (transition_block !== null) {
if (transition_block) {
transition_block.push(block);
}
return;
}
}
const dom = block.d;
if (!controlled && dom !== null) {
if (!controlled && dom) {
remove(dom);
}
destroy_signal(/** @type {import('./types.js').EffectSignal} */ (block.e));

6
packages/svelte/src/internal/client/hydration.js
Unescape View File

@ -27,7 +27,7 @@ export function get_hydration_fragment(node) {
/** @type {null | string} */
let target_depth = null;
while (current_node !== null) {
while (current_node) {
const node_type = current_node.nodeType;
const next_sibling = current_node.nextSibling;
if (node_type === 8) {
@ -61,7 +61,7 @@ export function get_hydration_fragment(node) {
export function hydrate_block_anchor(anchor_node, is_controlled) {
/** @type {Node} */
let target_node = anchor_node;
if (current_hydration_fragment !== null) {
if (current_hydration_fragment) {
if (is_controlled) {
target_node = /** @type {Node} */ (target_node.firstChild);
}
@ -79,7 +79,7 @@ export function hydrate_block_anchor(anchor_node, is_controlled) {
set_current_hydration_fragment(fragment);
} else {
const first_child = /** @type {Element | null} */ (target_node.firstChild);
set_current_hydration_fragment(first_child === null ? [] : [first_child]);
set_current_hydration_fragment(!first_child ? [] : [first_child]);
}
}
}

10
packages/svelte/src/internal/client/operations.js
Unescape View File

@ -166,9 +166,9 @@ export function clone_node(node, deep) {
/*#__NO_SIDE_EFFECTS__*/
export function child(node) {
const child = first_child_get.call(node);
if (current_hydration_fragment !== null) {
if (current_hydration_fragment) {
// Child can be null if we have an element with a single child, like `<p>{text}</p>`, where `text` is empty
if (child === null) {
if (!child) {
const text = document.createTextNode('');
node.appendChild(text);
return text;
@ -186,9 +186,9 @@ export function child(node) {
*/
/*#__NO_SIDE_EFFECTS__*/
export function child_frag(node) {
if (current_hydration_fragment !== null) {
if (current_hydration_fragment) {
const first_node = /** @type {Node[]} */ (node)[0];
if (current_hydration_fragment !== null && first_node !== null) {
if (current_hydration_fragment && first_node) {
return capture_fragment_from_node(first_node);
}
return first_node;
@ -204,7 +204,7 @@ export function child_frag(node) {
/*#__NO_SIDE_EFFECTS__*/
export function sibling(node) {
const next_sibling = next_sibling_get.call(node);
if (current_hydration_fragment !== null && next_sibling !== null) {
if (current_hydration_fragment && next_sibling) {
return capture_fragment_from_node(next_sibling);
}
return next_sibling;

16
packages/svelte/src/internal/client/reconciler.js
Unescape View File

@ -21,18 +21,18 @@ export function insert(current, parent_element, sibling) {
var node;
for (; i < current.length; i++) {
node = current[i];
if (sibling === null) {
append_child(/** @type {Element} */ (parent_element), /** @type {Node} */ (node));
} else {
if (sibling) {
sibling.before(/** @type {Node} */ (node));
} else {
append_child(/** @type {Element} */ (parent_element), /** @type {Node} */ (node));
}
}
return current[0];
} else if (current !== null) {
if (sibling === null) {
append_child(/** @type {Element} */ (parent_element), /** @type {Node} */ (current));
} else {
} else if (current) {
if (sibling) {
sibling.before(/** @type {Node} */ (current));
} else {
append_child(/** @type {Element} */ (parent_element), /** @type {Node} */ (current));
}
}
return /** @type {Text | Element | Comment} */ (current);
@ -71,7 +71,7 @@ export function remove(current) {
*/
export function reconcile_html(dom, value, svg) {
hydrate_block_anchor(dom);
if (current_hydration_fragment !== null) {
if (current_hydration_fragment) {
return current_hydration_fragment;
}
var html = value + '';

119
packages/svelte/src/internal/client/render.js
Unescape View File

@ -124,14 +124,14 @@ export function svg_replace(node) {
* @returns {Element | DocumentFragment | Node[]}
*/
function open_template(is_fragment, use_clone_node, anchor, template_element_fn) {
if (current_hydration_fragment !== null) {
if (anchor !== null) {
if (current_hydration_fragment) {
if (anchor) {
hydrate_block_anchor(anchor, false);
}
// In ssr+hydration optimization mode, we might remove the template_element,
// so we need to is_fragment flag to properly handle hydrated content accordingly.
const fragment = current_hydration_fragment;
if (fragment !== null) {
if (fragment) {
return is_fragment ? fragment : /** @type {Element} */ (fragment[0]);
}
}
@ -196,7 +196,7 @@ function close_template(dom, is_fragment, anchor) {
? dom
: /** @type {import('./types.js').TemplateNode[]} */ (Array.from(dom.childNodes))
: dom;
if (anchor !== null) {
if (anchor) {
if (current_hydration_fragment === null) {
insert(current, null, anchor);
}
@ -352,7 +352,7 @@ export function class_name(dom, value) {
// @ts-expect-error need to add __className to patched prototype
const prev_class_name = dom.__className;
const next_class_name = to_class(value);
const is_hydrating = current_hydration_fragment !== null;
const is_hydrating = current_hydration_fragment;
if (is_hydrating && dom.className === next_class_name) {
// In case of hydration don't reset the class as it's already correct.
// @ts-expect-error need to add __className to patched prototype
@ -389,7 +389,7 @@ export function text(dom, value) {
// @ts-expect-error need to add __value to patched prototype
const prev_node_value = dom.__nodeValue;
const next_node_value = stringify(value);
if (current_hydration_fragment !== null && dom.nodeValue === next_node_value) {
if (current_hydration_fragment && dom.nodeValue === next_node_value) {
// In case of hydration don't reset the nodeValue as it's already correct.
// @ts-expect-error need to add __nodeValue to patched prototype
dom.__nodeValue = next_node_value;
@ -676,7 +676,7 @@ export function bind_playback_rate(media, get_value, update) {
* @param {(paused: boolean) => void} update
*/
export function bind_paused(media, get_value, update) {
let mounted = current_hydration_fragment !== null;
let mounted = !!current_hydration_fragment;
let paused = get_value();
const callback = () => {
if (paused !== media.paused) {
@ -979,7 +979,7 @@ export function bind_select_value(dom, get_value, update) {
if (mounting && value === undefined) {
/** @type {HTMLOptionElement | null} */
let selected_option = dom.querySelector(':checked');
if (selected_option !== null) {
if (selected_option) {
value = get_option_value(selected_option);
update(value);
}
@ -1050,7 +1050,7 @@ function get_binding_group_value(group, __value, checked) {
export function bind_group(group, group_index, dom, get_value, update) {
const is_checkbox = dom.getAttribute('type') === 'checkbox';
let binding_group = group;
if (group_index !== null) {
if (group_index) {
for (const index of group_index) {
const group = binding_group;
// @ts-ignore
@ -1298,7 +1298,7 @@ function handle_event_propagation(root_element, event) {
}
});
while (current_target !== null) {
while (current_target) {
/** @type {null | Element} */
const parent_element =
current_target.parentNode || /** @type {any} */ (current_target).host || null;
@ -1332,7 +1332,7 @@ function handle_event_propagation(root_element, event) {
export function slot(anchor_node, slot_fn, slot_props, fallback_fn) {
hydrate_block_anchor(anchor_node);
if (slot_fn === undefined) {
if (fallback_fn !== null) {
if (fallback_fn) {
fallback_fn(anchor_node);
}
} else {
@ -1390,7 +1390,7 @@ function if_block(anchor_node, condition_fn, consequent_fn, alternate_fn) {
trigger_transitions(alternate_transitions, 'in');
}
}
} else if (current_hydration_fragment !== null) {
} else if (current_hydration_fragment) {
const comment_text = /** @type {Comment} */ (current_hydration_fragment?.[0])?.data;
if (
!comment_text ||
@ -1415,7 +1415,7 @@ function if_block(anchor_node, condition_fn, consequent_fn, alternate_fn) {
// Managed effect
const consequent_effect = render_effect(
() => {
if (consequent_dom !== null) {
if (consequent_dom) {
remove(consequent_dom);
consequent_dom = null;
}
@ -1437,12 +1437,12 @@ function if_block(anchor_node, condition_fn, consequent_fn, alternate_fn) {
// Managed effect
const alternate_effect = render_effect(
() => {
if (alternate_dom !== null) {
if (alternate_dom) {
remove(alternate_dom);
alternate_dom = null;
}
if (!block.v) {
if (alternate_fn !== null) {
if (alternate_fn) {
alternate_fn(anchor_node);
}
if (!has_mounted_branch) {
@ -1459,10 +1459,10 @@ function if_block(anchor_node, condition_fn, consequent_fn, alternate_fn) {
);
block.ae = alternate_effect;
push_destroy_fn(if_effect, () => {
if (consequent_dom !== null) {
if (consequent_dom) {
remove(consequent_dom);
}
if (alternate_dom !== null) {
if (alternate_dom) {
remove(alternate_dom);
}
destroy_signal(consequent_effect);
@ -1480,15 +1480,16 @@ export function head(render_fn) {
const block = create_head_block();
// The head function may be called after the first hydration pass and ssr comment nodes may still be present,
// therefore we need to skip that when we detect that we're not in hydration mode.
const hydration_fragment =
current_hydration_fragment !== null ? get_hydration_fragment(document.head.firstChild) : null;
const hydration_fragment = current_hydration_fragment
? get_hydration_fragment(document.head.firstChild)
: null;
const previous_hydration_fragment = current_hydration_fragment;
set_current_hydration_fragment(hydration_fragment);
try {
const head_effect = render_effect(
() => {
const current = block.d;
if (current !== null) {
if (current) {
remove(current);
block.d = null;
}
@ -1504,7 +1505,7 @@ export function head(render_fn) {
);
push_destroy_fn(head_effect, () => {
const current = block.d;
if (current !== null) {
if (current) {
remove(current);
}
});
@ -1566,20 +1567,20 @@ export function element(anchor_node, tag_fn, render_fn, is_svg = false) {
const render_effect_signal = render_effect(
() => {
const next_element = tag
? current_hydration_fragment !== null
? current_hydration_fragment
? /** @type {HTMLElement | SVGElement} */ (current_hydration_fragment[0])
: is_svg
? document.createElementNS('http://www.w3.org/2000/svg', tag)
: document.createElement(tag)
: null;
const prev_element = element;
if (prev_element !== null) {
if (prev_element) {
block.d = null;
}
element = next_element;
if (element !== null && render_fn !== undefined) {
if (element && render_fn !== undefined) {
let anchor;
if (current_hydration_fragment !== null) {
if (current_hydration_fragment) {
// Use the existing ssr comment as the anchor so that the inner open and close
// methods can pick up the existing nodes correctly
anchor = /** @type {Comment} */ (element.firstChild);
@ -1589,11 +1590,11 @@ export function element(anchor_node, tag_fn, render_fn, is_svg = false) {
}
render_fn(element, anchor);
}
const has_prev_element = prev_element !== null;
const has_prev_element = prev_element;
if (has_prev_element) {
remove(prev_element);
}
if (element !== null) {
if (element) {
insert(element, null, anchor_node);
if (has_prev_element) {
const parent_block = block.p;
@ -1605,7 +1606,7 @@ export function element(anchor_node, tag_fn, render_fn, is_svg = false) {
true
);
push_destroy_fn(element_effect, () => {
if (element !== null) {
if (element) {
remove(element);
block.d = null;
element = null;
@ -1643,8 +1644,8 @@ export function component(anchor_node, component_fn, render_fn) {
transition.f(() => {
transitions.delete(transition);
if (transitions.size === 0) {
if (render.e !== null) {
if (render.d !== null) {
if (render.e) {
if (render.d) {
remove(render.d);
render.d = null;
}
@ -1666,7 +1667,7 @@ export function component(anchor_node, component_fn, render_fn) {
const effect = render_effect(
() => {
const current = block.d;
if (current !== null) {
if (current) {
remove(current);
block.d = null;
}
@ -1690,7 +1691,7 @@ export function component(anchor_node, component_fn, render_fn) {
}
const transitions = render.s;
if (transitions.size === 0) {
if (render.d !== null) {
if (render.d) {
remove(render.d);
render.d = null;
}
@ -1717,13 +1718,13 @@ export function component(anchor_node, component_fn, render_fn) {
);
push_destroy_fn(component_effect, () => {
let render = current_render;
while (render !== null) {
while (render) {
const dom = render.d;
if (dom !== null) {
if (dom) {
remove(dom);
}
const effect = render.e;
if (effect !== null) {
if (effect) {
destroy_signal(effect);
}
render = render.p;
@ -1769,8 +1770,8 @@ function await_block(anchor_node, input, pending_fn, then_fn, catch_fn) {
transition.f(() => {
transitions.delete(transition);
if (transitions.size === 0) {
if (render.e !== null) {
if (render.d !== null) {
if (render.e) {
if (render.d) {
remove(render.d);
render.d = null;
}
@ -1794,15 +1795,15 @@ function await_block(anchor_node, input, pending_fn, then_fn, catch_fn) {
if (resolved_value === UNINITIALIZED) {
// pending = true
block.n = true;
if (pending_fn !== null) {
if (pending_fn) {
pending_fn(anchor_node);
}
} else if (then_fn !== null) {
} else if (then_fn) {
// pending = false
block.n = false;
then_fn(anchor_node, resolved_value);
}
} else if (catch_fn !== null) {
} else if (catch_fn) {
// pending = false
block.n = false;
catch_fn(anchor_node, error);
@ -1825,7 +1826,7 @@ function await_block(anchor_node, input, pending_fn, then_fn, catch_fn) {
}
const transitions = render.s;
if (transitions.size === 0) {
if (render.d !== null) {
if (render.d) {
remove(render.d);
render.d = null;
}
@ -1884,13 +1885,13 @@ function await_block(anchor_node, input, pending_fn, then_fn, catch_fn) {
push_destroy_fn(await_effect, () => {
let render = current_render;
latest_token = {};
while (render !== null) {
while (render) {
const dom = render.d;
if (dom !== null) {
if (dom) {
remove(dom);
}
const effect = render.e;
if (effect !== null) {
if (effect) {
destroy_signal(effect);
}
render = render.p;
@ -1929,8 +1930,8 @@ export function key(anchor_node, key, render_fn) {
transition.f(() => {
transitions.delete(transition);
if (transitions.size === 0) {
if (render.e !== null) {
if (render.d !== null) {
if (render.e) {
if (render.d) {
remove(render.d);
render.d = null;
}
@ -1969,7 +1970,7 @@ export function key(anchor_node, key, render_fn) {
}
const transitions = render.s;
if (transitions.size === 0) {
if (render.d !== null) {
if (render.d) {
remove(render.d);
render.d = null;
}
@ -2000,13 +2001,13 @@ export function key(anchor_node, key, render_fn) {
mounted = true;
push_destroy_fn(key_effect, () => {
let render = current_render;
while (render !== null) {
while (render) {
const dom = render.d;
if (dom !== null) {
if (dom) {
remove(dom);
}
const effect = render.e;
if (effect !== null) {
if (effect) {
destroy_signal(effect);
}
render = render.p;
@ -2030,7 +2031,7 @@ export function cssProps(anchor, is_html, props, component) {
/** @type {Text | Comment} */
let component_anchor;
if (current_hydration_fragment !== null) {
if (current_hydration_fragment) {
// Hydration: css props element is surrounded by a ssr comment ...
tag = /** @type {HTMLElement | SVGElement} */ (current_hydration_fragment[0]);
// ... and the child(ren) of the css props element is also surround by a ssr comment
@ -2196,7 +2197,7 @@ export function action(dom, action, value_fn) {
* @returns {void}
*/
export function remove_input_attr_defaults(dom) {
if (current_hydration_fragment !== null) {
if (current_hydration_fragment) {
attr(dom, 'value', null);
attr(dom, 'checked', null);
}
@ -2208,7 +2209,7 @@ export function remove_input_attr_defaults(dom) {
* @returns {void}
*/
export function remove_textarea_child(dom) {
if (current_hydration_fragment !== null && dom.firstChild !== null) {
if (current_hydration_fragment && dom.firstChild) {
dom.textContent = '';
}
}
@ -2643,7 +2644,7 @@ const spread_props_handler = {
while (i--) {
let p = target.props[i];
if (is_function(p)) p = p();
if (typeof p === 'object' && p !== null && key in p) return p[key];
if (typeof p === 'object' && p && key in p) return p[key];
}
},
getOwnPropertyDescriptor(target, key) {
@ -2651,7 +2652,7 @@ const spread_props_handler = {
while (i--) {
let p = target.props[i];
if (is_function(p)) p = p();
if (typeof p === 'object' && p !== null && key in p) return get_descriptor(p, key);
if (typeof p === 'object' && p && key in p) return get_descriptor(p, key);
}
},
has(target, key) {
@ -2795,7 +2796,7 @@ export function mount(component, options) {
);
block.e = effect;
} catch (error) {
if (options.recover !== false && hydration_fragment !== null) {
if (options.recover !== false && hydration_fragment) {
// eslint-disable-next-line no-console
console.error(
'ERR_SVELTE_HYDRATION_MISMATCH' +
@ -2860,10 +2861,10 @@ export function mount(component, options) {
}
root_event_handles.delete(event_handle);
const dom = block.d;
if (dom !== null) {
if (dom) {
remove(dom);
}
if (hydration_fragment !== null) {
if (hydration_fragment) {
remove(hydration_fragment);
}
destroy_signal(/** @type {import('./types.js').EffectSignal} */ (block.e));
@ -2906,7 +2907,7 @@ export function snippet_effect(get_snippet, node, args) {
const snippet = get_snippet();
untrack(() => snippet(node, args));
return () => {
if (block.d !== null) {
if (block.d) {
remove(block.d);
}
};

Write Preview
Loading…
Cancel
Save