@projectevergreen/astro-wcc/server.js

An Astro integration for SSR Web Components using WCC

import { renderFromHTML } from 'wc-compiler';

const CWD_URL = new URL(`file://${process.cwd()}/`);

async function check(tagName) {
  return tagName.indexOf('-') > 0; 
}

async function renderToStaticMarkup(tagName, props, slots) {
  console.log('renderToStaticMarkup', { tagName, props, slots })
  const suffix = tagName.split('-')[1];
  const attributes = Object.entries(props).map(([key, value]) => ` ${key}="${value}"`).join('');

  const { html } = await renderFromHTML(`<${tagName} ${attributes}></${tagName}>`, [
    new URL(`./src/components/${suffix}.js`, CWD_URL)
  ]);
  console.log({ html });

  return { html };
}

export default { check, renderToStaticMarkup };