Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update Lit configuration files to use ESM syntax #972

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update Lit configuration files to use ESM syntax #972

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions bridgetown-core/lib/bridgetown-core/configurations/lit.rb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,19 +11,19 @@

say_status :lit, "Installing Lit + SSR Plugin..."

add_gem "bridgetown-lit-renderer", version: "2.1.0.beta2"
add_gem "bridgetown-lit-renderer", version: "3.0.0"

add_npm_package "lit esbuild-plugin-lit-css bridgetown-lit-renderer@2.1.0-beta2"
add_npm_package "lit esbuild-plugin-lit-css bridgetown-lit-renderer@3.0.0"

copy_file in_templates_dir("lit-ssr.config.js"), "config/lit-ssr.config.js"
copy_file in_templates_dir("lit-components-entry.js"), "config/lit-components-entry.js"
copy_file in_templates_dir("esbuild-plugins.js"), "config/esbuild-plugins.js"

insert_into_file "esbuild.config.js",
after: 'const build = require("./config/esbuild.defaults.js")' do
after: 'import build from "./config/esbuild.defaults.js"' do
<<~JS

const { plugins } = require("./config/esbuild-plugins.js")
import { plugins } from "./config/esbuild-plugins.js"
JS
end

Expand Down
32 changes: 16 additions & 16 deletions bridgetown-core/lib/bridgetown-core/configurations/lit/esbuild-plugins.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,21 @@

// This plugin will let you import `.lit.css` files as sidecar stylesheets.
// Read https://www.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")
import { litCssPlugin } from "esbuild-plugin-lit-css"

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

const results = await postCssProcessor.process(css, { ...postCssConfig.options, from: filePath })
return results.css
}
}),
]
}
const postcssrc = (await import("postcss-load-config")).default

export const 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
}
}),
]
4 changes: 2 additions & 2 deletions bridgetown-core/lib/bridgetown-core/configurations/lit/lit-ssr.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
const build = require("bridgetown-lit-renderer/build")
const { plugins } = require("./esbuild-plugins.js")
import build from "bridgetown-lit-renderer/build"
import { plugins } from "./esbuild-plugins.js"

const esbuildOptions = { plugins }

Expand Down
Loading