[ci] format
This commit is contained in:
parent
16a3fdf931
commit
fb31ce55d9
5 changed files with 52 additions and 51 deletions
|
@ -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,7 +96,7 @@ export default defineConfig({
|
|||
integrations: [
|
||||
react({
|
||||
experimentalReactChildren: true,
|
||||
})
|
||||
}),
|
||||
],
|
||||
});
|
||||
```
|
||||
|
|
|
@ -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, {
|
||||
|
|
|
@ -52,10 +52,10 @@ function optionsPlugin(experimentalReactChildren: boolean): vite.Plugin {
|
|||
return {
|
||||
code: `export default {
|
||||
experimentalReactChildren: ${JSON.stringify(experimentalReactChildren)}
|
||||
}`
|
||||
}`,
|
||||
};
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
|
@ -93,17 +93,17 @@ function getViteConfiguration(experimentalReactChildren: boolean) {
|
|||
'use-immer',
|
||||
],
|
||||
},
|
||||
plugins: [
|
||||
optionsPlugin(experimentalReactChildren)
|
||||
]
|
||||
plugins: [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: {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
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) {
|
||||
|
@ -17,7 +17,6 @@ export default function convert(children) {
|
|||
if (parent) {
|
||||
const newParent = nodeMap.get(parent);
|
||||
newParent.props.children[index] = newNode;
|
||||
|
||||
}
|
||||
} else if (node.type === TEXT_NODE) {
|
||||
newNode = node.value.trim();
|
||||
|
|
Loading…
Reference in a new issue