diff options
Diffstat (limited to 'packages/renderers')
-rw-r--r-- | packages/renderers/preact/index.js | 2 | ||||
-rw-r--r-- | packages/renderers/preact/server.js | 12 | ||||
-rw-r--r-- | packages/renderers/preact/static-html.js | 16 | ||||
-rw-r--r-- | packages/renderers/react/client.js | 3 | ||||
-rw-r--r-- | packages/renderers/react/index.js | 2 | ||||
-rw-r--r-- | packages/renderers/react/server.js | 10 | ||||
-rw-r--r-- | packages/renderers/react/static-html.js | 16 | ||||
-rw-r--r-- | packages/renderers/svelte/client.js | 6 | ||||
-rw-r--r-- | packages/renderers/svelte/index.js | 2 | ||||
-rw-r--r-- | packages/renderers/svelte/server.js | 6 | ||||
-rw-r--r-- | packages/renderers/vue/client.js | 4 | ||||
-rw-r--r-- | packages/renderers/vue/index.js | 2 | ||||
-rw-r--r-- | packages/renderers/vue/server.js | 6 | ||||
-rw-r--r-- | packages/renderers/vue/static-html.js | 22 |
14 files changed, 55 insertions, 54 deletions
diff --git a/packages/renderers/preact/index.js b/packages/renderers/preact/index.js index de77fe710..cfd4ae8c6 100644 --- a/packages/renderers/preact/index.js +++ b/packages/renderers/preact/index.js @@ -2,4 +2,4 @@ export default { name: '@astro-renderer/preact', client: './client', server: './server', -} +}; diff --git a/packages/renderers/preact/server.js b/packages/renderers/preact/server.js index e7b0559f8..e8ece01ba 100644 --- a/packages/renderers/preact/server.js +++ b/packages/renderers/preact/server.js @@ -7,14 +7,14 @@ function check(Component, props) { return Boolean(renderToString(h(Component, props))); } catch (e) {} return false; -}; +} function renderToStaticMarkup(Component, props, children) { - const html = renderToString(h(Component, props, h(StaticHtml, { value: children }))) + const html = renderToString(h(Component, props, h(StaticHtml, { value: children }))); return { html }; } -export default { - check, - renderToStaticMarkup -} +export default { + check, + renderToStaticMarkup, +}; diff --git a/packages/renderers/preact/static-html.js b/packages/renderers/preact/static-html.js index 28e31ea80..5a31a68af 100644 --- a/packages/renderers/preact/static-html.js +++ b/packages/renderers/preact/static-html.js @@ -9,16 +9,16 @@ import { h } from 'preact'; */ const StaticHtml = ({ value }) => { if (!value) return null; - return h('astro-fragment', { dangerouslySetInnerHTML: { __html: value }}); -} + return h('astro-fragment', { dangerouslySetInnerHTML: { __html: value } }); +}; /** - * This tells Preact to opt-out of re-rendering this subtree, - * In addition to being a performance optimization, - * this also allows other frameworks to attach to `children`. - * - * See https://preactjs.com/guide/v8/external-dom-mutations - */ + * This tells Preact to opt-out of re-rendering this subtree, + * In addition to being a performance optimization, + * this also allows other frameworks to attach to `children`. + * + * See https://preactjs.com/guide/v8/external-dom-mutations + */ StaticHtml.shouldComponentUpdate = () => false; export default StaticHtml; diff --git a/packages/renderers/react/client.js b/packages/renderers/react/client.js index 8e5650f6b..b699a76d0 100644 --- a/packages/renderers/react/client.js +++ b/packages/renderers/react/client.js @@ -2,4 +2,5 @@ import { createElement } from 'react'; import { hydrate } from 'react-dom'; import StaticHtml from './static-html.js'; -export default (element) => (Component, props, children) => hydrate(createElement(Component, { ...props, suppressHydrationWarning: true }, createElement(StaticHtml, { value: children, suppressHydrationWarning: true })), element); +export default (element) => (Component, props, children) => + hydrate(createElement(Component, { ...props, suppressHydrationWarning: true }, createElement(StaticHtml, { value: children, suppressHydrationWarning: true })), element); diff --git a/packages/renderers/react/index.js b/packages/renderers/react/index.js index 14345df7d..fdc9e29d5 100644 --- a/packages/renderers/react/index.js +++ b/packages/renderers/react/index.js @@ -2,4 +2,4 @@ export default { name: '@astro-renderer/react', client: './client', server: './server', -} +}; diff --git a/packages/renderers/react/server.js b/packages/renderers/react/server.js index f9d7b2c83..aa3abc7bb 100644 --- a/packages/renderers/react/server.js +++ b/packages/renderers/react/server.js @@ -7,14 +7,14 @@ function check(Component, props) { return Boolean(renderToString(h(Component, props))); } catch (e) {} return false; -}; +} function renderToStaticMarkup(Component, props, children) { - const html = renderToString(h(Component, props, h(StaticHtml, { value: children }))) + const html = renderToString(h(Component, props, h(StaticHtml, { value: children }))); return { html }; } -export default { - check, - renderToStaticMarkup +export default { + check, + renderToStaticMarkup, }; diff --git a/packages/renderers/react/static-html.js b/packages/renderers/react/static-html.js index a50068605..1efc625d0 100644 --- a/packages/renderers/react/static-html.js +++ b/packages/renderers/react/static-html.js @@ -9,16 +9,16 @@ import { createElement as h } from 'react'; */ const StaticHtml = ({ value }) => { if (!value) return null; - return h('astro-fragment', { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: value }}); -} + return h('astro-fragment', { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: value } }); +}; /** - * This tells React to opt-out of re-rendering this subtree, - * In addition to being a performance optimization, - * this also allows other frameworks to attach to `children`. - * - * See https://preactjs.com/guide/v8/external-dom-mutations - */ + * This tells React to opt-out of re-rendering this subtree, + * In addition to being a performance optimization, + * this also allows other frameworks to attach to `children`. + * + * See https://preactjs.com/guide/v8/external-dom-mutations + */ StaticHtml.shouldComponentUpdate = () => false; export default StaticHtml; diff --git a/packages/renderers/svelte/client.js b/packages/renderers/svelte/client.js index d873377c6..ec0047abf 100644 --- a/packages/renderers/svelte/client.js +++ b/packages/renderers/svelte/client.js @@ -7,7 +7,7 @@ export default (target) => { target, props: { __astro_component: component, __astro_children: children, ...props }, hydrate: true, - }); + }); } catch (e) {} - } -} + }; +}; diff --git a/packages/renderers/svelte/index.js b/packages/renderers/svelte/index.js index b26d9f634..7cef83a2b 100644 --- a/packages/renderers/svelte/index.js +++ b/packages/renderers/svelte/index.js @@ -3,5 +3,5 @@ export default { snowpackPlugin: '@snowpack/plugin-svelte', snowpackPluginOptions: { compilerOptions: { hydratable: true } }, client: './client', - server: './server' + server: './server', }; diff --git a/packages/renderers/svelte/server.js b/packages/renderers/svelte/server.js index 101dca535..8b42a12a1 100644 --- a/packages/renderers/svelte/server.js +++ b/packages/renderers/svelte/server.js @@ -1,15 +1,15 @@ import SvelteWrapper from './Wrapper.svelte'; -function check(Component) { +function check(Component) { return Component['render'] && Component['$$render']; } -async function renderToStaticMarkup (Component, props, children) { +async function renderToStaticMarkup(Component, props, children) { const { html } = SvelteWrapper.render({ __astro_component: Component, __astro_children: children, ...props }); return { html }; } export default { check, - renderToStaticMarkup + renderToStaticMarkup, }; diff --git a/packages/renderers/vue/client.js b/packages/renderers/vue/client.js index 474307cda..296fb8555 100644 --- a/packages/renderers/vue/client.js +++ b/packages/renderers/vue/client.js @@ -2,6 +2,6 @@ import { h, createSSRApp } from 'vue'; import StaticHtml from './static-html.js'; export default (element) => (Component, props, children) => { - const app = createSSRApp({ render: () => h(Component, props, { default: () => h(StaticHtml, { value: children }) })}); - app.mount(element, true); + const app = createSSRApp({ render: () => h(Component, props, { default: () => h(StaticHtml, { value: children }) }) }); + app.mount(element, true); }; diff --git a/packages/renderers/vue/index.js b/packages/renderers/vue/index.js index 912eac217..09fb8793e 100644 --- a/packages/renderers/vue/index.js +++ b/packages/renderers/vue/index.js @@ -2,5 +2,5 @@ export default { name: '@astro-renderer/vue', snowpackPlugin: '@snowpack/plugin-vue', client: './client', - server: './server' + server: './server', }; diff --git a/packages/renderers/vue/server.js b/packages/renderers/vue/server.js index d1ecbc87f..3d3159634 100644 --- a/packages/renderers/vue/server.js +++ b/packages/renderers/vue/server.js @@ -7,12 +7,12 @@ function check(Component) { } async function renderToStaticMarkup(Component, props, children) { - const app = createSSRApp({ render: () => h(Component, props, { default: () => h(StaticHtml, { value: children }) })}); + const app = createSSRApp({ render: () => h(Component, props, { default: () => h(StaticHtml, { value: children }) }) }); const html = await renderToString(app); return { html }; } export default { check, - renderToStaticMarkup -} + renderToStaticMarkup, +}; diff --git a/packages/renderers/vue/static-html.js b/packages/renderers/vue/static-html.js index bd8c41c83..e623f1049 100644 --- a/packages/renderers/vue/static-html.js +++ b/packages/renderers/vue/static-html.js @@ -8,20 +8,20 @@ import { h, defineComponent } from 'vue'; */ const StaticHtml = defineComponent({ props: { - value: String + value: String, }, setup({ value }) { if (!value) return () => null; - return () => h('astro-fragment', { innerHTML: value }) - } -}) + return () => h('astro-fragment', { innerHTML: value }); + }, +}); -/** - * Other frameworks have `shouldComponentUpdate` in order to signal - * that this subtree is entirely static and will not be updated - * - * Fortunately, Vue is smart enough to figure that out without any - * help from us, so this just works out of the box! - */ +/** + * Other frameworks have `shouldComponentUpdate` in order to signal + * that this subtree is entirely static and will not be updated + * + * Fortunately, Vue is smart enough to figure that out without any + * help from us, so this just works out of the box! + */ export default StaticHtml; |