[ci] format

packages/integrations/react/README.md

@@ -80,7 +80,7 @@ import ReactComponent from './ReactComponent';
 </ReactComponent>
 ```
 
-If you are using a library that *expects* more than one child element element to be passed, for example so that it can slot certain elements in different places, you might find this to be a blocker.
+If you are using a library that _expects_ more than one child element element to be passed, for example so that it can slot certain elements in different places, you might find this to be a blocker.
 
 You can set the experimental flag `experimentalReactChildren` to tell Astro to always pass children to React as React vnodes. There is some runtime cost to this, but it can help with compatibility.
 
@@ -96,8 +96,8 @@ export default defineConfig({
   integrations: [
     react({
       experimentalReactChildren: true,
-    })
+    }),
-    ],
+  ],
 });
 ```
 

packages/integrations/react/server.js

@@ -87,7 +87,7 @@ async function renderToStaticMarkup(Component, props, { default: children, ...sl
 	};
 	const newChildren = children ?? props.children;
 	if (children && opts.experimentalReactChildren) {
-		const convert = await import('./vnode-children.js').then(mod => mod.default);
+		const convert = await import('./vnode-children.js').then((mod) => mod.default);
 		newProps.children = convert(children);
 	} else if (newChildren != null) {
 		newProps.children = React.createElement(StaticHtml, {

packages/integrations/react/src/index.ts

@@ -40,22 +40,22 @@ function getRenderer() {
 function optionsPlugin(experimentalReactChildren: boolean): vite.Plugin {
 	const virtualModule = 'astro:react:opts';
 	const virtualModuleId = '\0' + virtualModule;
-	return 			{
+	return {
 		name: '@astrojs/react:opts',
 		resolveId(id) {
-			if(id === virtualModule) {
+			if (id === virtualModule) {
 				return virtualModuleId;
 			}
 		},
 		load(id) {
-			if(id === virtualModuleId) {
+			if (id === virtualModuleId) {
 				return {
 					code: `export default {
 						experimentalReactChildren: ${JSON.stringify(experimentalReactChildren)}
-					}`
+					}`,
 				};
 			}
-		}
+		},
 	};
 }
 
@@ -93,17 +93,17 @@ function getViteConfiguration(experimentalReactChildren: boolean) {
 				'use-immer',
 			],
 		},
-		plugins: [
+		plugins: [optionsPlugin(experimentalReactChildren)],
-			optionsPlugin(experimentalReactChildren)
-		]
 	};
 }
 
 export type ReactIntegrationOptions = {
 	experimentalReactChildren: boolean;
-}
+};
 
-export default function ({ experimentalReactChildren }: ReactIntegrationOptions = { experimentalReactChildren: false }): AstroIntegration {
+export default function (
+	{ experimentalReactChildren }: ReactIntegrationOptions = { experimentalReactChildren: false }
+): AstroIntegration {
 	return {
 		name: '@astrojs/react',
 		hooks: {

packages/integrations/react/test/react-component.test.js

@@ -51,7 +51,9 @@ describe('React Components', () => {
 			// test 10: Should properly render children passed as props
 			const islandsWithChildren = $('.with-children');
 			expect(islandsWithChildren).to.have.lengthOf(2);
-			expect($(islandsWithChildren[0]).html()).to.equal($(islandsWithChildren[1]).find('astro-slot').html());
+			expect($(islandsWithChildren[0]).html()).to.equal(
+				$(islandsWithChildren[1]).find('astro-slot').html()
+			);
 
 			// test 11: Should generate unique React.useId per island
 			const islandsWithId = $('.react-use-id');
@@ -103,8 +105,8 @@ describe('React Components', () => {
 		it('Children are parsed as React components, can be manipulated', async () => {
 			const html = await fixture.readFile('/children/index.html');
 			const $ = cheerioLoad(html);
-			expect($(".with-children-count").text()).to.equal('2');
+			expect($('.with-children-count').text()).to.equal('2');
-		})
+		});
 	});
 
 	if (isWindows) return;

packages/integrations/react/vnode-children.js

@@ -1,38 +1,37 @@
-import { parse, walkSync, DOCUMENT_NODE, ELEMENT_NODE, TEXT_NODE } from 'ultrahtml'
+import { parse, walkSync, DOCUMENT_NODE, ELEMENT_NODE, TEXT_NODE } from 'ultrahtml';
 import { createElement, Fragment } from 'react';
 
 export default function convert(children) {
-    const nodeMap = new WeakMap();
+	const nodeMap = new WeakMap();
-    let doc = parse(children.toString().trim());
+	let doc = parse(children.toString().trim());
-    let root = createElement(Fragment, { children: [] });
+	let root = createElement(Fragment, { children: [] });
 
-    walkSync(doc, (node, parent, index) => {
+	walkSync(doc, (node, parent, index) => {
-        let newNode = {};
+		let newNode = {};
-        if (node.type === DOCUMENT_NODE) {
+		if (node.type === DOCUMENT_NODE) {
-            nodeMap.set(node, root);
+			nodeMap.set(node, root);
-        } else if (node.type === ELEMENT_NODE) {
+		} else if (node.type === ELEMENT_NODE) {
-            const { class: className, ...props } = node.attributes;
+			const { class: className, ...props } = node.attributes;
-            newNode = createElement(node.name, { ...props, className, children: [] });
+			newNode = createElement(node.name, { ...props, className, children: [] });
-            nodeMap.set(node, newNode);
+			nodeMap.set(node, newNode);
-            if (parent) {
+			if (parent) {
-                const newParent = nodeMap.get(parent);
+				const newParent = nodeMap.get(parent);
-                newParent.props.children[index] = newNode;
+				newParent.props.children[index] = newNode;
+			}
+		} else if (node.type === TEXT_NODE) {
+			newNode = node.value.trim();
+			if (newNode.trim()) {
+				if (parent) {
+					const newParent = nodeMap.get(parent);
+					if (parent.children.length === 1) {
+						newParent.props.children[0] = newNode;
+					} else {
+						newParent.props.children[index] = newNode;
+					}
+				}
+			}
+		}
+	});
 
-            }
+	return root.props.children;
-        } else if (node.type === TEXT_NODE) {
-            newNode = node.value.trim();
-            if (newNode.trim()) {
-                if (parent) {
-                    const newParent = nodeMap.get(parent);
-                    if (parent.children.length === 1) {
-                        newParent.props.children[0] = newNode;
-                    } else {
-                        newParent.props.children[index] = newNode;
-                    }
-                }
-            }
-        }
-    });
-
-    return root.props.children;
 }