summaryrefslogtreecommitdiff
path: root/packages/renderers/renderer-lit/server.js
diff options
context:
space:
mode:
Diffstat (limited to 'packages/renderers/renderer-lit/server.js')
-rw-r--r--packages/renderers/renderer-lit/server.js86
1 files changed, 43 insertions, 43 deletions
diff --git a/packages/renderers/renderer-lit/server.js b/packages/renderers/renderer-lit/server.js
index e08b2bf9a..1622ef619 100644
--- a/packages/renderers/renderer-lit/server.js
+++ b/packages/renderers/renderer-lit/server.js
@@ -3,70 +3,70 @@ import '@lit-labs/ssr/lib/render-lit-html.js';
import { LitElementRenderer } from '@lit-labs/ssr/lib/lit-element-renderer.js';
function isCustomElementTag(name) {
- return typeof name === 'string' && /-/.test(name);
+ return typeof name === 'string' && /-/.test(name);
}
function getCustomElementConstructor(name) {
- if (typeof customElements !== 'undefined' && isCustomElementTag(name)) {
- return customElements.get(name) || null;
- }
- return null;
+ if (typeof customElements !== 'undefined' && isCustomElementTag(name)) {
+ return customElements.get(name) || null;
+ }
+ return null;
}
async function isLitElement(Component) {
- const Ctr = getCustomElementConstructor(Component);
- return !!(Ctr && Ctr._$litElement$);
+ const Ctr = getCustomElementConstructor(Component);
+ return !!(Ctr && Ctr._$litElement$);
}
async function check(Component, _props, _children) {
- // Lit doesn't support getting a tagName from a Constructor at this time.
- // So this must be a string at the moment.
- return !!(await isLitElement(Component));
+ // Lit doesn't support getting a tagName from a Constructor at this time.
+ // So this must be a string at the moment.
+ return !!(await isLitElement(Component));
}
function* render(tagName, attrs, children) {
- const instance = new LitElementRenderer(tagName);
+ const instance = new LitElementRenderer(tagName);
- // LitElementRenderer creates a new element instance, so copy over.
- const Ctr = getCustomElementConstructor(tagName);
- for (let [name, value] of Object.entries(attrs)) {
- // check if this is a reactive property
- if (name in Ctr.prototype) {
- instance.setProperty(name, value);
- } else {
- instance.setAttribute(name, value);
- }
- }
+ // LitElementRenderer creates a new element instance, so copy over.
+ const Ctr = getCustomElementConstructor(tagName);
+ for (let [name, value] of Object.entries(attrs)) {
+ // check if this is a reactive property
+ if (name in Ctr.prototype) {
+ instance.setProperty(name, value);
+ } else {
+ instance.setAttribute(name, value);
+ }
+ }
- instance.connectedCallback();
+ instance.connectedCallback();
- yield `<${tagName}`;
- yield* instance.renderAttributes();
- yield `>`;
- const shadowContents = instance.renderShadow({});
- if (shadowContents !== undefined) {
- yield '<template shadowroot="open">';
- yield* shadowContents;
- yield '</template>';
- }
- yield children || ''; // don’t print “undefined” as string
- yield `</${tagName}>`;
+ yield `<${tagName}`;
+ yield* instance.renderAttributes();
+ yield `>`;
+ const shadowContents = instance.renderShadow({});
+ if (shadowContents !== undefined) {
+ yield '<template shadowroot="open">';
+ yield* shadowContents;
+ yield '</template>';
+ }
+ yield children || ''; // don’t print “undefined” as string
+ yield `</${tagName}>`;
}
async function renderToStaticMarkup(Component, props, children) {
- let tagName = Component;
+ let tagName = Component;
- let out = '';
- for (let chunk of render(tagName, props, children)) {
- out += chunk;
- }
+ let out = '';
+ for (let chunk of render(tagName, props, children)) {
+ out += chunk;
+ }
- return {
- html: out,
- };
+ return {
+ html: out,
+ };
}
export default {
- check,
- renderToStaticMarkup,
+ check,
+ renderToStaticMarkup,
};