Lint and format src/compiler/compile/render_ssr/handlers/InlineComponent.js

src/compiler/compile/render_ssr/handlers/InlineComponent.js

@@ -5,17 +5,14 @@ import { namespaces } from '../../../utils/namespaces';
 
 /** @param {any} attribute */
 function get_prop_value(attribute) {
-    if (attribute.is_true)
-        return x `true`;
-    if (attribute.chunks.length === 0)
-        return x `''`;
+	if (attribute.is_true) return x`true`;
+	if (attribute.chunks.length === 0) return x`''`;
 	return attribute.chunks
 		.map((chunk) => {
-        if (chunk.type === 'Text')
-            return string_literal(chunk.data);
+			if (chunk.type === 'Text') return string_literal(chunk.data);
 			return chunk.node;
 		})
-        .reduce((lhs, rhs) => x `${lhs} + ${rhs}`);
+		.reduce((lhs, rhs) => x`${lhs} + ${rhs}`);
 }
 
 /**
@@ -30,78 +27,75 @@ export default function (node, renderer, options) {
 		renderer.has_bindings = true;
 		// TODO this probably won't work for contextual bindings
 		const snippet = binding.expression.node;
-        binding_props.push(p `${binding.name}: ${snippet}`);
-        binding_fns.push(p `${binding.name}: $$value => { ${snippet} = $$value; $$settled = false }`);
+		binding_props.push(p`${binding.name}: ${snippet}`);
+		binding_fns.push(p`${binding.name}: $$value => { ${snippet} = $$value; $$settled = false }`);
 	});
 	const uses_spread = node.attributes.find((attr) => attr.is_spread);
 	let props;
 	if (uses_spread) {
-        props = x `@_Object.assign({}, ${node.attributes
+		props = x`@_Object.assign({}, ${node.attributes
 			.map((attribute) => {
 				if (attribute.is_spread) {
 					return attribute.expression.node;
-            }
-            else {
-                return x `{ ${attribute.name}: ${get_prop_value(attribute)} }`;
+				} else {
+					return x`{ ${attribute.name}: ${get_prop_value(attribute)} }`;
 				}
 			})
-            .concat(binding_props.map((p) => x `{ ${p} }`))})`;
-    }
-    else {
-        props = x `{
-			${node.attributes.map((attribute) => p `${attribute.name}: ${get_prop_value(attribute)}`)},
+			.concat(binding_props.map((p) => x`{ ${p} }`))})`;
+	} else {
+		props = x`{
+			${node.attributes.map((attribute) => p`${attribute.name}: ${get_prop_value(attribute)}`)},
 			${binding_props}
 		}`;
 	}
-    const bindings = x `{
+	const bindings = x`{
 		${binding_fns}
 	}`;
-    const expression = node.name === 'svelte:self'
+	const expression =
+		node.name === 'svelte:self'
 			? renderer.name
 			: node.name === 'svelte:component'
-            ? x `(${node.expression.node}) || @missing_component`
-            : node.name.split('.').reduce(/** @type {any} */ (((lhs, rhs) => x `${lhs}.${rhs}`)));
+			? x`(${node.expression.node}) || @missing_component`
+			: node.name.split('.').reduce(/** @type {any} */ ((lhs, rhs) => x`${lhs}.${rhs}`));
 	const slot_fns = [];
 	const children = node.children;
 	if (children.length) {
 		const slot_scopes = new Map();
-        renderer.render(children, Object.assign({}, options, {
+		renderer.render(
+			children,
+			Object.assign({}, options, {
 				slot_scopes
-        }));
+			})
+		);
 		slot_scopes.forEach(({ input, output, statements }, name) => {
-            slot_fns.push(p `${name}: (${input}) => { ${statements}; return ${output}; }`);
+			slot_fns.push(p`${name}: (${input}) => { ${statements}; return ${output}; }`);
 		});
 	}
-    const slots = x `{
+	const slots = x`{
 		${slot_fns}
 	}`;
 	if (node.css_custom_properties.length > 0) {
 		if (node.namespace === namespaces.svg) {
 			renderer.add_string('<g style="');
-        }
-        else {
+		} else {
 			renderer.add_string('<div style="display: contents; ');
 		}
 		node.css_custom_properties.forEach((attr, index) => {
 			renderer.add_string(`${attr.name}:`);
 			renderer.add_expression(get_attribute_value(attr));
 			renderer.add_string(';');
-            if (index < node.css_custom_properties.length - 1)
-                renderer.add_string(' ');
+			if (index < node.css_custom_properties.length - 1) renderer.add_string(' ');
 		});
 		renderer.add_string('">');
 	}
-    renderer.add_expression(x `@validate_component(${expression}, "${node.name}").$$render($$result, ${props}, ${bindings}, ${slots})`);
+	renderer.add_expression(
+		x`@validate_component(${expression}, "${node.name}").$$render($$result, ${props}, ${bindings}, ${slots})`
+	);
 	if (node.css_custom_properties.length > 0) {
 		if (node.namespace === namespaces.svg) {
 			renderer.add_string('</g>');
-        }
-        else {
+		} else {
 			renderer.add_string('</div>');
 		}
 	}
 }
-
-
-
-