summaryrefslogtreecommitdiff
path: root/packages/renderers
diff options
context:
space:
mode:
Diffstat (limited to 'packages/renderers')
-rw-r--r--packages/renderers/preact/index.js2
-rw-r--r--packages/renderers/preact/server.js12
-rw-r--r--packages/renderers/preact/static-html.js16
-rw-r--r--packages/renderers/react/client.js3
-rw-r--r--packages/renderers/react/index.js2
-rw-r--r--packages/renderers/react/server.js10
-rw-r--r--packages/renderers/react/static-html.js16
-rw-r--r--packages/renderers/svelte/client.js6
-rw-r--r--packages/renderers/svelte/index.js2
-rw-r--r--packages/renderers/svelte/server.js6
-rw-r--r--packages/renderers/vue/client.js4
-rw-r--r--packages/renderers/vue/index.js2
-rw-r--r--packages/renderers/vue/server.js6
-rw-r--r--packages/renderers/vue/static-html.js22
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;