Contents

// You can add "full-stack" esbuild plugins here that you wish to share between
// the frontend bundles and Lit SSR. Just import your plugins and add them and
// any additional configuration to the `plugins` array below.

// This plugin will let you import `.lit.css` files as sidecar stylesheets.
// Read https://edge.bridgetownrb.com/docs/components/lit#sidecar-css-files for documentation.
const { litCssPlugin } = require("esbuild-plugin-lit-css")
const postcssrc = require("postcss-load-config")
const postcss = require("postcss")

module.exports = {
  plugins: [
    litCssPlugin({
      filter: /\.lit\.css$/,
      transform: async (css, { filePath }) => {
        const postCssConfig = await postcssrc()
        const postCssProcessor = postcss([...postCssConfig.plugins])

        const results = await postCssProcessor.process(css, { ...postCssConfig.options, from: filePath })
        return results.css
      }
    }),
  ]
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
bridgetown-core-1.2.0.beta2	lib/bridgetown-core/configurations/lit/esbuild-plugins.js
bridgetown-core-1.2.0.beta1	lib/bridgetown-core/configurations/lit/esbuild-plugins.js