svelte-on-rails 0.0.29 → 0.0.31

data/lib/svelte_on_rails/node_modules/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js

@@ -1,284 +0,0 @@
-/** @import { Expression, Identifier, Statement, TemplateElement } from 'estree' */
-/** @import { AST, Namespace } from '#compiler' */
-/** @import { SourceLocation } from '#shared' */
-/** @import { ComponentClientTransformState, ComponentContext } from '../types' */
-import { TEMPLATE_FRAGMENT, TEMPLATE_USE_IMPORT_NODE } from '../../../../../constants.js';
-import { dev } from '../../../../state.js';
-import * as b from '../../../../utils/builders.js';
-import { sanitize_template_string } from '../../../../utils/sanitize_template_string.js';
-import { clean_nodes, infer_namespace } from '../../utils.js';
-import { process_children } from './shared/fragment.js';
-import { build_render_statement } from './shared/utils.js';
-
-/**
- * @param {AST.Fragment} node
- * @param {ComponentContext} context
- */
-export function Fragment(node, context) {
-	// Creates a new block which looks roughly like this:
-	// ```js
-	// // hoisted:
-	// const block_name = $.template(`...`);
-	//
-	// // for the main block:
-	// const id = block_name();
-	// // init stuff and possibly render effect
-	// $.append($$anchor, id);
-	// ```
-	// Adds the hoisted parts to `context.state.hoisted` and returns the statements of the main block.
-
-	const parent = context.path.at(-1) ?? node;
-
-	const namespace = infer_namespace(context.state.metadata.namespace, parent, node.nodes);
-
-	const { hoisted, trimmed, is_standalone, is_text_first } = clean_nodes(
-		parent,
-		node.nodes,
-		context.path,
-		namespace,
-		context.state,
-		context.state.preserve_whitespace,
-		context.state.options.preserveComments
-	);
-
-	if (hoisted.length === 0 && trimmed.length === 0) {
-		return b.block([]);
-	}
-
-	const is_single_element = trimmed.length === 1 && trimmed[0].type === 'RegularElement';
-	const is_single_child_not_needing_template =
-		trimmed.length === 1 &&
-		(trimmed[0].type === 'SvelteFragment' ||
-			trimmed[0].type === 'TitleElement' ||
-			(trimmed[0].type === 'IfBlock' && trimmed[0].elseif));
-
-	const template_name = context.state.scope.root.unique('root'); // TODO infer name from parent
-
-	/** @type {Statement[]} */
-	const body = [];
-
-	/** @type {Statement | undefined} */
-	let close = undefined;
-
-	/** @type {ComponentClientTransformState} */
-	const state = {
-		...context.state,
-		init: [],
-		update: [],
-		expressions: [],
-		after_update: [],
-		template: [],
-		locations: [],
-		transform: { ...context.state.transform },
-		metadata: {
-			context: {
-				template_needs_import_node: false,
-				template_contains_script_tag: false
-			},
-			namespace,
-			bound_contenteditable: context.state.metadata.bound_contenteditable
-		}
-	};
-
-	for (const node of hoisted) {
-		context.visit(node, state);
-	}
-
-	if (is_text_first) {
-		// skip over inserted comment
-		body.push(b.stmt(b.call('$.next')));
-	}
-
-	/**
-	 * @param {Identifier} template_name
-	 * @param {Expression[]} args
-	 */
-	const add_template = (template_name, args) => {
-		let call = b.call(get_template_function(namespace, state), ...args);
-		if (dev) {
-			call = b.call(
-				'$.add_locations',
-				call,
-				b.member(b.id(context.state.analysis.name), '$.FILENAME', true),
-				build_locations(state.locations)
-			);
-		}
-
-		context.state.hoisted.push(b.var(template_name, call));
-	};
-
-	if (is_single_element) {
-		const element = /** @type {AST.RegularElement} */ (trimmed[0]);
-
-		const id = b.id(context.state.scope.generate(element.name));
-
-		context.visit(element, {
-			...state,
-			node: id
-		});
-
-		/** @type {Expression[]} */
-		const args = [join_template(state.template)];
-
-		if (state.metadata.context.template_needs_import_node) {
-			args.push(b.literal(TEMPLATE_USE_IMPORT_NODE));
-		}
-
-		add_template(template_name, args);
-
-		body.push(b.var(id, b.call(template_name)));
-		close = b.stmt(b.call('$.append', b.id('$$anchor'), id));
-	} else if (is_single_child_not_needing_template) {
-		context.visit(trimmed[0], state);
-	} else if (trimmed.length === 1 && trimmed[0].type === 'Text') {
-		const id = b.id(context.state.scope.generate('text'));
-		body.push(b.var(id, b.call('$.text', b.literal(trimmed[0].data))));
-		close = b.stmt(b.call('$.append', b.id('$$anchor'), id));
-	} else if (trimmed.length > 0) {
-		const id = b.id(context.state.scope.generate('fragment'));
-
-		const use_space_template =
-			trimmed.some((node) => node.type === 'ExpressionTag') &&
-			trimmed.every((node) => node.type === 'Text' || node.type === 'ExpressionTag');
-
-		if (use_space_template) {
-			// special case — we can use `$.text` instead of creating a unique template
-			const id = b.id(context.state.scope.generate('text'));
-
-			process_children(trimmed, () => id, false, {
-				...context,
-				state
-			});
-
-			body.push(b.var(id, b.call('$.text')));
-			close = b.stmt(b.call('$.append', b.id('$$anchor'), id));
-		} else {
-			if (is_standalone) {
-				// no need to create a template, we can just use the existing block's anchor
-				process_children(trimmed, () => b.id('$$anchor'), false, { ...context, state });
-			} else {
-				/** @type {(is_text: boolean) => Expression} */
-				const expression = (is_text) => b.call('$.first_child', id, is_text && b.true);
-
-				process_children(trimmed, expression, false, { ...context, state });
-
-				let flags = TEMPLATE_FRAGMENT;
-
-				if (state.metadata.context.template_needs_import_node) {
-					flags |= TEMPLATE_USE_IMPORT_NODE;
-				}
-
-				if (state.template.length === 1 && state.template[0] === '<!>') {
-					// special case — we can use `$.comment` instead of creating a unique template
-					body.push(b.var(id, b.call('$.comment')));
-				} else {
-					add_template(template_name, [join_template(state.template), b.literal(flags)]);
-
-					body.push(b.var(id, b.call(template_name)));
-				}
-
-				close = b.stmt(b.call('$.append', b.id('$$anchor'), id));
-			}
-		}
-	}
-
-	body.push(...state.init);
-
-	if (state.update.length > 0) {
-		body.push(build_render_statement(state));
-	}
-
-	body.push(...state.after_update);
-
-	if (close !== undefined) {
-		// It's important that close is the last statement in the block, as any previous statements
-		// could contain element insertions into the template, which the close statement needs to
-		// know of when constructing the list of current inner elements.
-		body.push(close);
-	}
-
-	return b.block(body);
-}
-
-/**
- * @param {Array<string | Expression>} items
- */
-function join_template(items) {
-	let quasi = b.quasi('');
-	const template = b.template([quasi], []);
-
-	/**
-	 * @param {Expression} expression
-	 */
-	function push(expression) {
-		if (expression.type === 'TemplateLiteral') {
-			for (let i = 0; i < expression.expressions.length; i += 1) {
-				const q = expression.quasis[i];
-				const e = expression.expressions[i];
-
-				quasi.value.cooked += /** @type {string} */ (q.value.cooked);
-				push(e);
-			}
-
-			const last = /** @type {TemplateElement} */ (expression.quasis.at(-1));
-			quasi.value.cooked += /** @type {string} */ (last.value.cooked);
-		} else if (expression.type === 'Literal') {
-			/** @type {string} */ (quasi.value.cooked) += expression.value;
-		} else {
-			template.expressions.push(expression);
-			template.quasis.push((quasi = b.quasi('')));
-		}
-	}
-
-	for (const item of items) {
-		if (typeof item === 'string') {
-			quasi.value.cooked += item;
-		} else {
-			push(item);
-		}
-	}
-
-	for (const quasi of template.quasis) {
-		quasi.value.raw = sanitize_template_string(/** @type {string} */ (quasi.value.cooked));
-	}
-
-	quasi.tail = true;
-
-	return template;
-}
-
-/**
- *
- * @param {Namespace} namespace
- * @param {ComponentClientTransformState} state
- * @returns
- */
-function get_template_function(namespace, state) {
-	const contains_script_tag = state.metadata.context.template_contains_script_tag;
-	return namespace === 'svg'
-		? contains_script_tag
-			? '$.svg_template_with_script'
-			: '$.ns_template'
-		: namespace === 'mathml'
-			? '$.mathml_template'
-			: contains_script_tag
-				? '$.template_with_script'
-				: '$.template';
-}
-
-/**
- * @param {SourceLocation[]} locations
- */
-function build_locations(locations) {
-	return b.array(
-		locations.map((loc) => {
-			const expression = b.array([b.literal(loc[0]), b.literal(loc[1])]);
-
-			if (loc.length === 3) {
-				expression.elements.push(build_locations(loc[2]));
-			}
-
-			return expression;
-		})
-	);
-}

data/lib/svelte_on_rails/node_modules/svelte/src/compiler/phases/3-transform/client/visitors/FunctionDeclaration.js

@@ -1,23 +0,0 @@
-/** @import { FunctionDeclaration } from 'estree' */
-/** @import { ComponentContext } from '../types' */
-import { build_hoisted_params } from '../utils.js';
-import * as b from '../../../../utils/builders.js';
-
-/**
- * @param {FunctionDeclaration} node
- * @param {ComponentContext} context
- */
-export function FunctionDeclaration(node, context) {
-	const state = { ...context.state, in_constructor: false };
-
-	if (node.metadata?.hoisted === true) {
-		const params = build_hoisted_params(node, context);
-		const body = context.visit(node.body, state);
-
-		context.state.hoisted.push(/** @type {FunctionDeclaration} */ ({ ...node, params, body }));
-
-		return b.empty;
-	}
-
-	context.next(state);
-}

data/lib/svelte_on_rails/node_modules/svelte/src/compiler/phases/3-transform/client/visitors/FunctionExpression.js

@@ -1,11 +0,0 @@
-/** @import { FunctionExpression } from 'estree' */
-/** @import { ComponentContext } from '../types' */
-import { visit_function } from './shared/function.js';
-
-/**
- * @param {FunctionExpression} node
- * @param {ComponentContext} context
- */
-export function FunctionExpression(node, context) {
-	return visit_function(node, context);
-}

data/lib/svelte_on_rails/node_modules/svelte/src/compiler/phases/3-transform/client/visitors/HtmlTag.js

@@ -1,27 +0,0 @@
-/** @import { Expression } from 'estree' */
-/** @import { AST } from '#compiler' */
-/** @import { ComponentContext } from '../types' */
-import { is_ignored } from '../../../../state.js';
-import * as b from '../../../../utils/builders.js';
-
-/**
- * @param {AST.HtmlTag} node
- * @param {ComponentContext} context
- */
-export function HtmlTag(node, context) {
-	context.state.template.push('<!>');
-
-	// push into init, so that bindings run afterwards, which might trigger another run and override hydration
-	context.state.init.push(
-		b.stmt(
-			b.call(
-				'$.html',
-				context.state.node,
-				b.thunk(/** @type {Expression} */ (context.visit(node.expression))),
-				b.literal(context.state.metadata.namespace === 'svg'),
-				b.literal(context.state.metadata.namespace === 'mathml'),
-				is_ignored(node, 'hydration_html_changed') && b.true
-			)
-		)
-	);
-}

data/lib/svelte_on_rails/node_modules/svelte/src/compiler/phases/3-transform/client/visitors/Identifier.js

@@ -1,41 +0,0 @@
-/** @import { Identifier, Node } from 'estree' */
-/** @import { Context } from '../types' */
-import is_reference from 'is-reference';
-import * as b from '../../../../utils/builders.js';
-import { build_getter } from '../utils.js';
-
-/**
- * @param {Identifier} node
- * @param {Context} context
- */
-export function Identifier(node, context) {
-	const parent = /** @type {Node} */ (context.path.at(-1));
-
-	if (is_reference(node, parent)) {
-		if (node.name === '$$props') {
-			return b.id('$$sanitized_props');
-		}
-
-		// Optimize prop access: If it's a member read access, we can use the $$props object directly
-		const binding = context.state.scope.get(node.name);
-		if (
-			context.state.analysis.runes && // can't do this in legacy mode because the proxy does more than just read/write
-			binding !== null &&
-			node !== binding.node &&
-			binding.kind === 'rest_prop'
-		) {
-			const grand_parent = context.path.at(-2);
-
-			if (
-				parent?.type === 'MemberExpression' &&
-				!parent.computed &&
-				grand_parent?.type !== 'AssignmentExpression' &&
-				grand_parent?.type !== 'UpdateExpression'
-			) {
-				return b.id('$$props');
-			}
-		}
-
-		return build_getter(node, context.state);
-	}
-}

data/lib/svelte_on_rails/node_modules/svelte/src/compiler/phases/3-transform/client/visitors/IfBlock.js

@@ -1,77 +0,0 @@
-/** @import { BlockStatement, Expression, Identifier } from 'estree' */
-/** @import { AST } from '#compiler' */
-/** @import { ComponentContext } from '../types' */
-import * as b from '../../../../utils/builders.js';
-
-/**
- * @param {AST.IfBlock} node
- * @param {ComponentContext} context
- */
-export function IfBlock(node, context) {
-	context.state.template.push('<!>');
-	const statements = [];
-
-	const consequent = /** @type {BlockStatement} */ (context.visit(node.consequent));
-	const consequent_id = context.state.scope.generate('consequent');
-
-	statements.push(b.var(b.id(consequent_id), b.arrow([b.id('$$anchor')], consequent)));
-
-	let alternate_id;
-
-	if (node.alternate) {
-		alternate_id = context.state.scope.generate('alternate');
-		const alternate = /** @type {BlockStatement} */ (context.visit(node.alternate));
-		const nodes = node.alternate.nodes;
-
-		let alternate_args = [b.id('$$anchor')];
-		if (nodes.length === 1 && nodes[0].type === 'IfBlock' && nodes[0].elseif) {
-			alternate_args.push(b.id('$$elseif'));
-		}
-
-		statements.push(b.var(b.id(alternate_id), b.arrow(alternate_args, alternate)));
-	}
-
-	/** @type {Expression[]} */
-	const args = [
-		node.elseif ? b.id('$$anchor') : context.state.node,
-		b.arrow(
-			[b.id('$$render')],
-			b.block([
-				b.if(
-					/** @type {Expression} */ (context.visit(node.test)),
-					b.stmt(b.call(b.id('$$render'), b.id(consequent_id))),
-					alternate_id ? b.stmt(b.call(b.id('$$render'), b.id(alternate_id), b.false)) : undefined
-				)
-			])
-		)
-	];
-
-	if (node.elseif) {
-		// We treat this...
-		//
-		//   {#if x}
-		//     ...
-		//   {:else}
-		//     {#if y}
-		//       <div transition:foo>...</div>
-		//     {/if}
-		//   {/if}
-		//
-		// ...slightly differently to this...
-		//
-		//   {#if x}
-		//     ...
-		//   {:else if y}
-		//     <div transition:foo>...</div>
-		//   {/if}
-		//
-		// ...even though they're logically equivalent. In the first case, the
-		// transition will only play when `y` changes, but in the second it
-		// should play when `x` or `y` change — both are considered 'local'
-		args.push(b.id('$$elseif'));
-	}
-
-	statements.push(b.stmt(b.call('$.if', ...args)));
-
-	context.state.init.push(b.block(statements));
-}

data/lib/svelte_on_rails/node_modules/svelte/src/compiler/phases/3-transform/client/visitors/ImportDeclaration.js

@@ -1,16 +0,0 @@
-/** @import { ImportDeclaration } from 'estree' */
-/** @import { ComponentContext } from '../types' */
-import * as b from '../../../../utils/builders.js';
-
-/**
- * @param {ImportDeclaration} node
- * @param {ComponentContext} context
- */
-export function ImportDeclaration(node, context) {
-	if ('hoisted' in context.state) {
-		context.state.hoisted.push(node);
-		return b.empty;
-	}
-
-	context.next();
-}

data/lib/svelte_on_rails/node_modules/svelte/src/compiler/phases/3-transform/client/visitors/KeyBlock.js

@@ -1,19 +0,0 @@
-/** @import { Expression } from 'estree' */
-/** @import { AST } from '#compiler' */
-/** @import { ComponentContext } from '../types' */
-import * as b from '../../../../utils/builders.js';
-
-/**
- * @param {AST.KeyBlock} node
- * @param {ComponentContext} context
- */
-export function KeyBlock(node, context) {
-	context.state.template.push('<!>');
-
-	const key = /** @type {Expression} */ (context.visit(node.expression));
-	const body = /** @type {Expression} */ (context.visit(node.fragment));
-
-	context.state.init.push(
-		b.stmt(b.call('$.key', context.state.node, b.thunk(key), b.arrow([b.id('$$anchor')], body)))
-	);
-}

data/lib/svelte_on_rails/node_modules/svelte/src/compiler/phases/3-transform/client/visitors/LabeledStatement.js

@@ -1,66 +0,0 @@
-/** @import { Location } from 'locate-character' */
-/** @import { Expression, LabeledStatement, Statement } from 'estree' */
-/** @import { ReactiveStatement } from '#compiler' */
-/** @import { ComponentContext } from '../types' */
-import { dev, is_ignored, locator } from '../../../../state.js';
-import * as b from '../../../../utils/builders.js';
-import { build_getter } from '../utils.js';
-
-/**
- * @param {LabeledStatement} node
- * @param {ComponentContext} context
- */
-export function LabeledStatement(node, context) {
-	if (context.state.analysis.runes || context.path.length > 1 || node.label.name !== '$') {
-		context.next();
-		return;
-	}
-
-	// To recreate Svelte 4 behaviour, we track the dependencies
-	// the compiler can 'see', but we untrack the effect itself
-	const reactive_statement = /** @type {ReactiveStatement} */ (
-		context.state.analysis.reactive_statements.get(node)
-	);
-
-	if (!reactive_statement) return; // not the instance context
-
-	let serialized_body = /** @type {Statement} */ (context.visit(node.body));
-
-	if (serialized_body.type !== 'BlockStatement') {
-		serialized_body = b.block([serialized_body]);
-	}
-
-	const body = serialized_body.body;
-
-	/** @type {Expression[]} */
-	const sequence = [];
-
-	for (const binding of reactive_statement.dependencies) {
-		if (binding.kind === 'normal' && binding.declaration_kind !== 'import') continue;
-
-		const name = binding.node.name;
-		let serialized = build_getter(b.id(name), context.state);
-
-		// If the binding is a prop, we need to deep read it because it could be fine-grained $state
-		// from a runes-component, where mutations don't trigger an update on the prop as a whole.
-		if (name === '$$props' || name === '$$restProps' || binding.kind === 'bindable_prop') {
-			serialized = b.call('$.deep_read_state', serialized);
-		}
-
-		sequence.push(serialized);
-	}
-
-	// these statements will be topologically ordered later
-	context.state.legacy_reactive_statements.set(
-		node,
-		b.stmt(
-			b.call(
-				'$.legacy_pre_effect',
-				sequence.length > 0 ? b.thunk(b.sequence(sequence)) : b.thunk(b.block([])),
-				b.thunk(b.block(body))
-			)
-		)
-	);
-
-	return b.empty;
-}

data/lib/svelte_on_rails/node_modules/svelte/src/compiler/phases/3-transform/client/visitors/LetDirective.js

@@ -1,54 +0,0 @@
-/** @import { Expression } from 'estree' */
-/** @import { AST } from '#compiler' */
-/** @import { ComponentContext } from '../types' */
-import * as b from '../../../../utils/builders.js';
-import { create_derived } from '../utils.js';
-
-/**
- * @param {AST.LetDirective} node
- * @param {ComponentContext} context
- */
-export function LetDirective(node, context) {
-	// let:x        -->  const x = $.derived(() => $$slotProps.x);
-	// let:x={{y, z}}  -->  const derived_x = $.derived(() => { const { y, z } = $$slotProps.x; return { y, z }));
-	if (node.expression && node.expression.type !== 'Identifier') {
-		const name = context.state.scope.generate(node.name);
-		const bindings = context.state.scope.get_bindings(node);
-
-		for (const binding of bindings) {
-			context.state.transform[binding.node.name] = {
-				read: (node) => b.member(b.call('$.get', b.id(name)), node)
-			};
-		}
-
-		return b.const(
-			name,
-			b.call(
-				'$.derived',
-				b.thunk(
-					b.block([
-						b.let(
-							/** @type {Expression} */ (node.expression).type === 'ObjectExpression'
-								? // @ts-expect-error types don't match, but it can't contain spread elements and the structure is otherwise fine
-									b.object_pattern(node.expression.properties)
-								: // @ts-expect-error types don't match, but it can't contain spread elements and the structure is otherwise fine
-									b.array_pattern(node.expression.elements),
-							b.member(b.id('$$slotProps'), node.name)
-						),
-						b.return(b.object(bindings.map((binding) => b.init(binding.node.name, binding.node))))
-					])
-				)
-			)
-		);
-	} else {
-		const name = node.expression === null ? node.name : node.expression.name;
-		context.state.transform[name] = {
-			read: (node) => b.call('$.get', node)
-		};
-
-		return b.const(
-			name,
-			create_derived(context.state, b.thunk(b.member(b.id('$$slotProps'), node.name)))
-		);
-	}
-}

data/lib/svelte_on_rails/node_modules/svelte/src/compiler/phases/3-transform/client/visitors/MemberExpression.js

@@ -1,21 +0,0 @@
-/** @import { MemberExpression } from 'estree' */
-/** @import { Context } from '../types' */
-import * as b from '../../../../utils/builders.js';
-
-/**
- * @param {MemberExpression} node
- * @param {Context} context
- */
-export function MemberExpression(node, context) {
-	// rewrite `this.#foo` as `this.#foo.v` inside a constructor
-	if (node.property.type === 'PrivateIdentifier') {
-		const field = context.state.private_state.get(node.property.name);
-		if (field) {
-			return context.state.in_constructor && (field.kind === 'raw_state' || field.kind === 'state')
-				? b.member(node, 'v')
-				: b.call('$.get', node);
-		}
-	}
-
-	context.next();
-}

data/lib/svelte_on_rails/node_modules/svelte/src/compiler/phases/3-transform/client/visitors/OnDirective.js

@@ -1,38 +0,0 @@
-/** @import { AST } from '#compiler' */
-/** @import { ComponentContext } from '../types' */
-import * as b from '../../../../utils/builders.js';
-import { build_event, build_event_handler } from './shared/events.js';
-
-const modifiers = [
-	'stopPropagation',
-	'stopImmediatePropagation',
-	'preventDefault',
-	'self',
-	'trusted',
-	'once'
-];
-
-/**
- * @param {AST.OnDirective} node
- * @param {ComponentContext} context
- */
-export function OnDirective(node, context) {
-	if (!node.expression) {
-		context.state.analysis.needs_props = true;
-	}
-
-	let handler = build_event_handler(node.expression, node.metadata.expression, context);
-
-	for (const modifier of modifiers) {
-		if (node.modifiers.includes(modifier)) {
-			handler = b.call('$.' + modifier, handler);
-		}
-	}
-
-	const capture = node.modifiers.includes('capture');
-	const passive =
-		node.modifiers.includes('passive') ||
-		(node.modifiers.includes('nonpassive') ? false : undefined);
-
-	return build_event(node.name, context.state.node, handler, capture, passive);
-}