ripple 0.2.46 → 0.2.48

package/src/runtime/internal/client/template.js

@@ -3,49 +3,49 @@ import { first_child, is_firefox } from './operations.js';
 import { active_block } from './runtime.js';
 
 export function assign_nodes(start, end) {
-	var block = /** @type {Effect} */ (active_block);
-	if (block.s === null) {
-		block.s = {
-			start,
-			end,
-		};
-	}
+  var block = /** @type {Effect} */ (active_block);
+  if (block.s === null) {
+    block.s = {
+      start,
+      end,
+    };
+  }
 }
 
 function create_fragment_from_html(html) {
-	var elem = document.createElement('template');
-	elem.innerHTML = html;
-	return elem.content;
+  var elem = document.createElement('template');
+  elem.innerHTML = html;
+  return elem.content;
 }
 
 export function template(content, flags) {
-	var is_fragment = (flags & TEMPLATE_FRAGMENT) !== 0;
-	var use_import_node = (flags & TEMPLATE_USE_IMPORT_NODE) !== 0;
-	var node;
-	var has_start = !content.startsWith('<!>');
-
-	return () => {
-		if (node === undefined) {
-			node = create_fragment_from_html(has_start ? content : '<!>' + content);
-			if (!is_fragment) node = first_child(node);
-		}
-
-		var clone =
-			use_import_node || is_firefox ? document.importNode(node, true) : node.cloneNode(true);
-
-		if (is_fragment) {
-			var start = first_child(clone);
-			var end = clone.lastChild;
-
-			assign_nodes(start, end);
-		} else {
-			assign_nodes(clone, clone);
-		}
-
-		return clone;
-	};
+  var is_fragment = (flags & TEMPLATE_FRAGMENT) !== 0;
+  var use_import_node = (flags & TEMPLATE_USE_IMPORT_NODE) !== 0;
+  var node;
+  var has_start = !content.startsWith('<!>');
+
+  return () => {
+    if (node === undefined) {
+      node = create_fragment_from_html(has_start ? content : '<!>' + content);
+      if (!is_fragment) node = first_child(node);
+    }
+
+    var clone =
+      use_import_node || is_firefox ? document.importNode(node, true) : node.cloneNode(true);
+
+    if (is_fragment) {
+      var start = first_child(clone);
+      var end = clone.lastChild;
+
+      assign_nodes(start, end);
+    } else {
+      assign_nodes(clone, clone);
+    }
+
+    return clone;
+  };
 }
 
 export function append(anchor, dom) {
-	anchor.before(/** @type {Node} */ (dom));
+  anchor.before(/** @type {Node} */ (dom));
 }

package/src/runtime/internal/client/try.js

@@ -2,138 +2,138 @@ import { branch, create_try_block, destroy_block, is_destroyed, resume_block } f
 import { TRY_BLOCK } from './constants';
 import { next_sibling } from './operations';
 import {
-	active_block,
-	active_component,
-	active_reaction,
-	queue_microtask,
-	set_active_block,
-	set_active_component,
-	set_active_reaction,
-	set_tracking,
-	tracking,
+  active_block,
+  active_component,
+  active_reaction,
+  queue_microtask,
+  set_active_block,
+  set_active_component,
+  set_active_reaction,
+  set_tracking,
+  tracking,
 } from './runtime';
 
 export function try_block(node, fn, catch_fn, pending_fn = null) {
-	var anchor = node;
-	var b = null;
-	var suspended = null;
-	var pending_count = 0;
-	var offscreen_fragment = null;
-
-	function move_block(block, fragment) {
-		var state = block.s;
-		var node = state.start;
-		var end = state.end;
-
-		while (node !== null) {
-			var next = node === end ? null : next_sibling(node);
-
-			fragment.append(node);
-			node = next;
-		}
-	}
-
-	function handle_await() {
-		if (pending_count++ === 0) {
-			queue_microtask(() => {
-				if (b !== null) {
-					suspended = b;
-					offscreen_fragment = document.createDocumentFragment();
-					move_block(b, offscreen_fragment);
-
-					b = branch(() => {
-						pending_fn(anchor);
-					});
-				}
-			});
-		}
-
-		return () => {
-			if (--pending_count === 0) {
-				if (b !== null) {
-					destroy_block(b);
-				}
-				anchor.before(offscreen_fragment);
-				offscreen_fragment = null;
-				resume_block(suspended);
-				b = suspended;
-				suspended = null;
-			}
-		};
-	}
-
-	function handle_error(error) {
-		if (b !== null) {
-			destroy_block(b);
-		}
-
-		b = branch(() => {
-			catch_fn(anchor, error);
-		});
-	}
-
-	var state = {
-		a: pending_fn !== null ? handle_await : null,
-		c: catch_fn !== null ? handle_error : null,
-	};
-
-	create_try_block(() => {
-		b = branch(() => {
-			fn(anchor);
-		});
-	}, state);
+  var anchor = node;
+  var b = null;
+  var suspended = null;
+  var pending_count = 0;
+  var offscreen_fragment = null;
+
+  function move_block(block, fragment) {
+    var state = block.s;
+    var node = state.start;
+    var end = state.end;
+
+    while (node !== null) {
+      var next = node === end ? null : next_sibling(node);
+
+      fragment.append(node);
+      node = next;
+    }
+  }
+
+  function handle_await() {
+    if (pending_count++ === 0) {
+      queue_microtask(() => {
+        if (b !== null) {
+          suspended = b;
+          offscreen_fragment = document.createDocumentFragment();
+          move_block(b, offscreen_fragment);
+
+          b = branch(() => {
+            pending_fn(anchor);
+          });
+        }
+      });
+    }
+
+    return () => {
+      if (--pending_count === 0) {
+        if (b !== null) {
+          destroy_block(b);
+        }
+        anchor.before(offscreen_fragment);
+        offscreen_fragment = null;
+        resume_block(suspended);
+        b = suspended;
+        suspended = null;
+      }
+    };
+  }
+
+  function handle_error(error) {
+    if (b !== null) {
+      destroy_block(b);
+    }
+
+    b = branch(() => {
+      catch_fn(anchor, error);
+    });
+  }
+
+  var state = {
+    a: pending_fn !== null ? handle_await : null,
+    c: catch_fn !== null ? handle_error : null,
+  };
+
+  create_try_block(() => {
+    b = branch(() => {
+      fn(anchor);
+    });
+  }, state);
 }
 
 export function suspend() {
-	var current = active_block;
+  var current = active_block;
 
-	while (current !== null) {
-		var state = current.s;
-		if ((current.f & TRY_BLOCK) !== 0 && state.a !== null) {
-			return state.a();
-		}
-		current = current.p;
-	}
+  while (current !== null) {
+    var state = current.s;
+    if ((current.f & TRY_BLOCK) !== 0 && state.a !== null) {
+      return state.a();
+    }
+    current = current.p;
+  }
 
-	throw new Error('Missing parent `try { ... } async { ... }` statement');
+  throw new Error('Missing parent `try { ... } async { ... }` statement');
 }
 
 function exit() {
-	set_tracking(false);
-	set_active_reaction(null);
-	set_active_block(null);
-	set_active_component(null);
+  set_tracking(false);
+  set_active_reaction(null);
+  set_active_block(null);
+  set_active_component(null);
 }
 
 export function capture() {
-	var previous_tracking = tracking;
-	var previous_block = active_block;
-	var previous_reaction = active_reaction;
-	var previous_component = active_component;
-
-	return () => {
-		set_tracking(previous_tracking);
-		set_active_block(previous_block);
-		set_active_reaction(previous_reaction);
-		set_active_component(previous_component);
-
-		queue_microtask(exit);
-	};
+  var previous_tracking = tracking;
+  var previous_block = active_block;
+  var previous_reaction = active_reaction;
+  var previous_component = active_component;
+
+  return () => {
+    set_tracking(previous_tracking);
+    set_active_block(previous_block);
+    set_active_reaction(previous_reaction);
+    set_active_component(previous_component);
+
+    queue_microtask(exit);
+  };
 }
 
 export function aborted() {
-	if (active_block === null) {
-		return true;
-	}
-	return is_destroyed(active_block);
+  if (active_block === null) {
+    return true;
+  }
+  return is_destroyed(active_block);
 }
 
 export async function resume_context(promise) {
-	var restore = capture();
-	var value = await promise;
+  var restore = capture();
+  var value = await promise;
 
-	return () => {
-		restore();
-		return value;
-	};
+  return () => {
+    restore();
+    return value;
+  };
 }

package/src/runtime/internal/client/types.d.ts

@@ -5,7 +5,7 @@ export type Component = {
 	e: null | Array<{
 		b: Block;
 		fn: Function;
-		r: null | Block | Computed;
+		r: null | Block | Derived;
 	}>;
 	p: null | Component;
 	m: boolean;
@@ -13,7 +13,7 @@ export type Component = {
 
 export type Dependency = {
 	c: number;
-	t: Tracked | Computed;
+	t: Tracked | Derived;
 	n: null | Dependency;
 };
 
@@ -24,18 +24,19 @@ export type Tracked = {
 	v: any;
 };
 
-export type Computed = {
-		b: Block,
-		blocks: null | Block[],
-		c: number,
-		d: null,
-		f: number,
-		fn: Function,
-		v: any,
+export type Derived = {
+	b: Block;
+	blocks: null | Block[];
+	c: number;
+	co: null | Component;
+	d: null;
+	f: number;
+	fn: Function;
+	v: any;
 };
 
 export type Block = {
-	c: null | Component;
+	co: null | Component;
 	d: null | Dependency;
 	first: null | Block;
 	f: number;

package/src/runtime/internal/client/utils.js

@@ -13,9 +13,9 @@ export var get_own_property_symbols = Object.getOwnPropertySymbols;
 export var structured_clone = structuredClone;
 
 export function create_anchor() {
-	var t = document.createTextNode('');
-	t.__t = '';
-	return t;
+  var t = document.createTextNode('');
+  t.__t = '';
+  return t;
 }
 
 /**
@@ -23,7 +23,7 @@ export function create_anchor() {
  * @returns {boolean}
  */
 export function is_ripple_array(obj) {
-	return is_array(obj) && TRACKED_OBJECT in obj && '$length' in obj;
+  return is_array(obj) && TRACKED_OBJECT in obj && '$length' in obj;
 }
 
 /**
@@ -31,5 +31,5 @@ export function is_ripple_array(obj) {
  * @returns {boolean}
  */
 export function is_positive_integer(value) {
-	return Number.isInteger(value) && /**@type {number} */ (value) >= 0;
+  return Number.isInteger(value) && /**@type {number} */ (value) >= 0;
 }