diff options
Diffstat (limited to 'packages/renderers')
-rw-r--r-- | packages/renderers/renderer-preact/index.js | 12 | ||||
-rw-r--r-- | packages/renderers/renderer-react/index.js | 12 | ||||
-rw-r--r-- | packages/renderers/renderer-solid/client.js | 6 | ||||
-rw-r--r-- | packages/renderers/renderer-solid/index.js | 8 | ||||
-rw-r--r-- | packages/renderers/renderer-solid/server.js | 17 |
5 files changed, 26 insertions, 29 deletions
diff --git a/packages/renderers/renderer-preact/index.js b/packages/renderers/renderer-preact/index.js index 5819ab0f2..68e79dcc6 100644 --- a/packages/renderers/renderer-preact/index.js +++ b/packages/renderers/renderer-preact/index.js @@ -5,11 +5,11 @@ export default { knownEntrypoints: ['preact', 'preact/jsx-runtime', 'preact-render-to-string'], jsxImportSource: 'preact', jsxTransformOptions: async () => { - const { default: { default: jsx }} = await import('@babel/plugin-transform-react-jsx'); + const { + default: { default: jsx }, + } = await import('@babel/plugin-transform-react-jsx'); return { - plugins: [ - jsx({}, { runtime: 'automatic', importSource: 'preact' }) - ] - } - } + plugins: [jsx({}, { runtime: 'automatic', importSource: 'preact' })], + }; + }, }; diff --git a/packages/renderers/renderer-react/index.js b/packages/renderers/renderer-react/index.js index 51a2ecba1..2d2c91fb0 100644 --- a/packages/renderers/renderer-react/index.js +++ b/packages/renderers/renderer-react/index.js @@ -5,11 +5,11 @@ export default { knownEntrypoints: ['react', 'react/jsx-runtime', 'react-dom', 'react-dom/server.js'], jsxImportSource: 'react', jsxTransformOptions: async () => { - const { default: { default: jsx }} = await import('@babel/plugin-transform-react-jsx'); + const { + default: { default: jsx }, + } = await import('@babel/plugin-transform-react-jsx'); return { - plugins: [ - jsx({}, { runtime: 'automatic', importSource: 'react' }) - ] - } - } + plugins: [jsx({}, { runtime: 'automatic', importSource: 'react' })], + }; + }, }; diff --git a/packages/renderers/renderer-solid/client.js b/packages/renderers/renderer-solid/client.js index 047de819d..2b34d8a5f 100644 --- a/packages/renderers/renderer-solid/client.js +++ b/packages/renderers/renderer-solid/client.js @@ -9,9 +9,7 @@ export default (element) => (Component, props) => { children: element.querySelector('astro-fragment'), }); - const children = Array.isArray(component) - ? component - : [ component ]; + const children = Array.isArray(component) ? component : [component]; element.replaceChildren(...children); -} +}; diff --git a/packages/renderers/renderer-solid/index.js b/packages/renderers/renderer-solid/index.js index 5848f78a4..9224c069d 100644 --- a/packages/renderers/renderer-solid/index.js +++ b/packages/renderers/renderer-solid/index.js @@ -8,10 +8,8 @@ export default { jsxTransformOptions: async ({ isSSR }) => { const [{ default: solid }] = await Promise.all([import('babel-preset-solid')]); const options = { - presets: [ - solid({}, { generate: isSSR ? 'ssr' : 'dom' }), - ] - } + presets: [solid({}, { generate: isSSR ? 'ssr' : 'dom' })], + }; if (isSSR) { options.alias = { @@ -21,5 +19,5 @@ export default { } return options; - } + }, }; diff --git a/packages/renderers/renderer-solid/server.js b/packages/renderers/renderer-solid/server.js index 8af4d8aab..86506ca45 100644 --- a/packages/renderers/renderer-solid/server.js +++ b/packages/renderers/renderer-solid/server.js @@ -9,14 +9,15 @@ async function check(Component, props, children) { } async function renderToStaticMarkup(Component, props, children) { - const html = await renderToStringAsync(() => ( - () => createComponent(Component, { - ...props, - // In Solid SSR mode, `ssr` creates the expected structure for `children`. - // In Solid client mode, `ssr` is just a stub. - children: ssr([`<astro-fragment>${children}</astro-fragment>`]), - }) - )); + const html = await renderToStringAsync( + () => () => + createComponent(Component, { + ...props, + // In Solid SSR mode, `ssr` creates the expected structure for `children`. + // In Solid client mode, `ssr` is just a stub. + children: ssr([`<astro-fragment>${children}</astro-fragment>`]), + }) + ); return { html }; } |