summaryrefslogtreecommitdiff
path: root/packages/renderers/renderer-preact
diff options
context:
space:
mode:
Diffstat (limited to 'packages/renderers/renderer-preact')
-rw-r--r--packages/renderers/renderer-preact/compat/index.js58
-rw-r--r--packages/renderers/renderer-preact/index.js46
-rw-r--r--packages/renderers/renderer-preact/server.js38
-rw-r--r--packages/renderers/renderer-preact/static-html.js4
4 files changed, 73 insertions, 73 deletions
diff --git a/packages/renderers/renderer-preact/compat/index.js b/packages/renderers/renderer-preact/compat/index.js
index d88b598a7..3f993ec2f 100644
--- a/packages/renderers/renderer-preact/compat/index.js
+++ b/packages/renderers/renderer-preact/compat/index.js
@@ -1,31 +1,31 @@
export default {
- name: '@astrojs/renderer-preact/compat',
- client: '../client.js',
- server: '../server.js',
- jsxImportSource: 'react',
- jsxTransformOptions: async () => {
- const {
- default: { default: jsx },
- } = await import('@babel/plugin-transform-react-jsx');
- return {
- plugins: [jsx({}, { runtime: 'automatic', importSource: 'preact/compat' })],
- };
- },
- viteConfig() {
- return {
- alias: {
- react: 'preact/compat',
- 'react-dom': 'preact/compat',
- },
- resolve: {
- dedupe: ['react', 'react-dom'],
- },
- optimizeDeps: {
- include: ['@astrojs/renderer-preact/client.js', 'preact/compat', 'preact/compat/jsx-runtime', 'preact-render-to-string'],
- },
- ssr: {
- external: ['preact-render-to-string'],
- },
- };
- },
+ name: '@astrojs/renderer-preact/compat',
+ client: '../client.js',
+ server: '../server.js',
+ jsxImportSource: 'react',
+ jsxTransformOptions: async () => {
+ const {
+ default: { default: jsx },
+ } = await import('@babel/plugin-transform-react-jsx');
+ return {
+ plugins: [jsx({}, { runtime: 'automatic', importSource: 'preact/compat' })],
+ };
+ },
+ viteConfig() {
+ return {
+ alias: {
+ react: 'preact/compat',
+ 'react-dom': 'preact/compat',
+ },
+ resolve: {
+ dedupe: ['react', 'react-dom'],
+ },
+ optimizeDeps: {
+ include: ['@astrojs/renderer-preact/client.js', 'preact/compat', 'preact/compat/jsx-runtime', 'preact-render-to-string'],
+ },
+ ssr: {
+ external: ['preact-render-to-string'],
+ },
+ };
+ },
};
diff --git a/packages/renderers/renderer-preact/index.js b/packages/renderers/renderer-preact/index.js
index a1a21a561..59e900ebe 100644
--- a/packages/renderers/renderer-preact/index.js
+++ b/packages/renderers/renderer-preact/index.js
@@ -1,25 +1,25 @@
export default {
- name: '@astrojs/renderer-preact',
- client: './client.js',
- server: './server.js',
- jsxImportSource: 'preact',
- jsxTransformOptions: async () => {
- const {
- default: { default: jsx },
- } = await import('@babel/plugin-transform-react-jsx');
- return {
- plugins: [jsx({}, { runtime: 'automatic', importSource: 'preact' })],
- };
- },
- viteConfig() {
- return {
- optimizeDeps: {
- include: ['@astrojs/renderer-preact/client.js', 'preact', 'preact/jsx-runtime', 'preact-render-to-string'],
- exclude: ['@astrojs/renderer-preact/server.js'],
- },
- ssr: {
- external: ['preact-render-to-string'],
- },
- };
- },
+ name: '@astrojs/renderer-preact',
+ client: './client.js',
+ server: './server.js',
+ jsxImportSource: 'preact',
+ jsxTransformOptions: async () => {
+ const {
+ default: { default: jsx },
+ } = await import('@babel/plugin-transform-react-jsx');
+ return {
+ plugins: [jsx({}, { runtime: 'automatic', importSource: 'preact' })],
+ };
+ },
+ viteConfig() {
+ return {
+ optimizeDeps: {
+ include: ['@astrojs/renderer-preact/client.js', 'preact', 'preact/jsx-runtime', 'preact-render-to-string'],
+ exclude: ['@astrojs/renderer-preact/server.js'],
+ },
+ ssr: {
+ external: ['preact-render-to-string'],
+ },
+ };
+ },
};
diff --git a/packages/renderers/renderer-preact/server.js b/packages/renderers/renderer-preact/server.js
index 696217abb..25b1a1530 100644
--- a/packages/renderers/renderer-preact/server.js
+++ b/packages/renderers/renderer-preact/server.js
@@ -3,33 +3,33 @@ import render from 'preact-render-to-string';
import StaticHtml from './static-html.js';
function check(Component, props, children) {
- if (typeof Component !== 'function') return false;
+ if (typeof Component !== 'function') return false;
- if (Component.prototype != null && typeof Component.prototype.render === 'function') {
- return BaseComponent.isPrototypeOf(Component);
- }
+ if (Component.prototype != null && typeof Component.prototype.render === 'function') {
+ return BaseComponent.isPrototypeOf(Component);
+ }
- try {
- const { html } = renderToStaticMarkup(Component, props, children);
- if (typeof html !== 'string') {
- return false;
- }
+ try {
+ const { html } = renderToStaticMarkup(Component, props, children);
+ if (typeof html !== 'string') {
+ return false;
+ }
- // There are edge cases (SolidJS) where Preact *might* render a string,
- // but components would be <undefined></undefined>
+ // There are edge cases (SolidJS) where Preact *might* render a string,
+ // but components would be <undefined></undefined>
- return !/\<undefined\>/.test(html);
- } catch (err) {
- return false;
- }
+ return !/\<undefined\>/.test(html);
+ } catch (err) {
+ return false;
+ }
}
function renderToStaticMarkup(Component, props, children) {
- const html = render(h(Component, props, children != null ? h(StaticHtml, { value: children }) : children));
- return { html };
+ const html = render(h(Component, props, children != null ? h(StaticHtml, { value: children }) : children));
+ return { html };
}
export default {
- check,
- renderToStaticMarkup,
+ check,
+ renderToStaticMarkup,
};
diff --git a/packages/renderers/renderer-preact/static-html.js b/packages/renderers/renderer-preact/static-html.js
index 5a31a68af..9af8002a7 100644
--- a/packages/renderers/renderer-preact/static-html.js
+++ b/packages/renderers/renderer-preact/static-html.js
@@ -8,8 +8,8 @@ import { h } from 'preact';
* entirely static and will never change via `shouldComponentUpdate`.
*/
const StaticHtml = ({ value }) => {
- if (!value) return null;
- return h('astro-fragment', { dangerouslySetInnerHTML: { __html: value } });
+ if (!value) return null;
+ return h('astro-fragment', { dangerouslySetInnerHTML: { __html: value } });
};
/**