bridgetown-lit-renderer 1.0.0 → 2.0.0.beta1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0b433fc8ed4d01b4ffb96f041a894f48443331dcec6b9d95a892e2c302090642
-  data.tar.gz: c9cdc7615999205a2b559ba20d1b0da57aa80c10469ee39a96edc1fa7d7b3301
+  metadata.gz: d79a4e35e5a22651e3072ad4cbc1b9d257fa455db19bcc74ce53de0083681700
+  data.tar.gz: 476e74d005b73dea3a92b648f2d9ef11a786b9401c0399462efc550f471f8ead
 SHA512:
-  metadata.gz: 802f0cb11030c562403b66caf8748450c0e69fd1ec1aa2da6ffbb22be1e9b01801e340e398ea1ce674f2b3f56f252627cb47f30f5efccf05afa478ae873bfe28
-  data.tar.gz: 54d46e263d8b89aca439f8bdd54e512fe27abed9e523a86dfaf1912d88d8e99d90907f3609b05c865ed578de6f347a77fb2f311d861082a7073c0f47908ce4a2
+  metadata.gz: a63d2c1a1e4954e59681999f218cf3170cbc994861861dbf883c511a9a0be569f6be080f64933d612bb0b84c46794a49e16ee416136d7167eadd4efc84b1ff21
+  data.tar.gz: ca21d55e857d7571e12800927779110d1b98b9a986019c1ba7d96984d112037321fed0a44a3f6c11f7292c948404b9a94b0fb9c0e22a56347ded2603f112468c

data/.github/workflows/ci.yml

@@ -0,0 +1,31 @@
+name: CI Test
+
+on:
+  pull_request:
+    branches:
+      - "*"
+  push:
+    branches:
+      - main
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    env:
+      BUNDLE_JOBS: 4
+      BUNDLE_PATH: "vendor/bundle"
+    steps:
+    - uses: actions/checkout@v2
+    - name: Set up Ruby and Yarn
+      uses: ruby/setup-ruby@v1
+      with:
+        ruby-version: "3.0"
+        bundler-cache: true
+    - uses: actions/setup-node@v2
+      with:
+        node-version: '15'
+        cache: 'yarn'
+    - name: Install NPM packages
+      run: yarn install
+    - name: Run tests
+      run: script/test # should be cibuild but Rubocop is acting weird

data/.rubocop.yml

@@ -4,19 +4,8 @@ inherit_gem:
   rubocop-bridgetown: .rubocop.yml
 
 AllCops:
-  TargetRubyVersion: 2.5
-  Include:
-    - lib/**/*.rb
-    - test/**/*.rb
+  TargetRubyVersion: 2.7
 
   Exclude:
-    - .gitignore
-    - .rubocop.yml
-
-    - Gemfile.lock
-    - CHANGELOG.md
-    - LICENSE.txt
-    - README.md
-
-    - script/**/*
-    - vendor/**/*
+    - "*.gemspec"
+    - test/helper.rb

data/CHANGELOG.md

@@ -5,10 +5,20 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## Unreleased
+## [Unreleased]
 
-- ...
+## [2.0.0.beta1] - 2022-05-14
 
-## 1.0.0 - 2021-09-25
+- Various updates to the configuration flow, enhanced helper syntax, and a more robust sidecar infra
+
+## [1.1.0] - 2021-12-03
+
+- Fix issue with loading project root's node_modules path
+
+## [1.1.0] - 2021-12-03
+
+- Switch to processing SSR through Node sidecar server and various other performance & caching enhancements
+
+## [1.0.0] - 2021-09-25
 
 - First release (currently experimental stage).

data/Gemfile

@@ -10,3 +10,5 @@ group :test do
   gem "minitest-reporters"
   gem "shoulda"
 end
+
+gem "solargraph", "~> 0.44.2", group: :development

data/README.md

@@ -1,36 +1,80 @@
 # Bridgetown Lit Renderer
 
-Simple pipeline for SSR + hydration of Lit components in your Bridgetown site.
+[![lit][lit]][lit-url]
+[![gem][gem]][gem-url]
+[![npm][npm]][npm-url]
+[![Demo Site](https://img.shields.io/badge/Demo%20Site-teal?style=for-the-badge&logo=safari)](https://bridgetown-lit-renderer.onrender.com)
+
+This [Bridgetown](https://www.bridgetownrb.com) plugin provides you with an easy-to-use pipeline for SSR + hydration of Lit components. Create "islands" of interactivity using Lit-based web components which are fully supported in all major browsers, and take full advantage of scoped component styling via the shadow DOM.
+
+[Check out the demo site repo](https://github.com/bridgetownrb/lit-renderer-example), or keep reading to get started.
 
 ## Installation
 
-Run this command to add this plugin to your site's Gemfile, along with Lit 2 and Lit's SSR support:
+Starting in Bridgetown v1.1, you can install this plugin via a bundled configuration:
+
+```shell
+$ bin/bridgetown configure lit
+```
+
+Keep reading for a manual installation overview, or [skip this section](#take-lit-for-a-spin) to continue reading about plugin usage.
+
+Run this command to add this plugin to your site's Gemfile, along with Lit and SSR support:
 
 ```shell
 $ bundle add bridgetown-lit-renderer -g bridgetown_plugins
 
-$ yarn add lit @lit-labs/ssr
+$ yarn add bridgetown-lit-renderer lit @lit-labs/ssr
 ```
 
 Create a file in `config/lit-ssr.config.js` with the following:
 
 ```js
 const build = require("bridgetown-lit-renderer/build")
+const { plugins } = require("./esbuild-plugins.js")
 
-// You can customize this as you wish, perhaps add new esbuild plugins
-const esbuildOptions = {}
+const esbuildOptions = { plugins }
 
 build(esbuildOptions)
 ```
 
-Add the following to the top of your `frontend/javascript/index.js` file:
+and `config/esbuild-plugins.js`:
+
+```js
+// You can add esbuild plugins here you wish to share between the frontend bundles and Lit SSR:
+module.exports = {
+  plugins: []
+}
+```
+
+and if you're using esbuild for your Bridgetown site, modify `esbuild.config.js``:
+
+```js
+// at the top of your file:
+const { plugins } = require("./config/esbuild-plugins.js")
+
+const esbuildOptions = {
+  // other options
+
+  plugins: [...plugins]
+}
+```
+
+To ensure all `.lit.js`/`.lit.js.rb` files in your `src/_components` are automatically made available to the Lit SSR process, create the following `config/lit-components-entry.js` file:
+
+```js
+import components from "bridgetownComponents/**/*.{lit.js,lit.js.rb}"
+```
+
+Now add the following to the top of your `frontend/javascript/index.js` file:
 
 ```js
 import "bridgetown-lit-renderer"
-import "./lit-components"
 ```
 
-For the purposes of testing your install, add the following to `frontend/javascript/lit-components.js`:
+### Take Lit for a Spin
+
+For the purposes of testing your install, create the `src/_components/happy-days.lit.js` file:
 
 ```js
 import "lit/experimental-hydrate-support.js"
@@ -41,9 +85,8 @@ export class HappyDaysElement extends LitElement {
     :host {
       display: block;
       border: 2px dashed gray;
-      margin: 4px;
-      padding: 4px;
-      width: 20vw;
+      padding: 20px;
+      max-width: 300px;
     }
   `
 
@@ -61,21 +104,114 @@ export class HappyDaysElement extends LitElement {
 customElements.define('happy-days', HappyDaysElement)
 ```
 
-Finally, create a new `.erb` page somewhere in `src`, and add this somewhere in your template:
+Finally, create a new `.erb` page somewhere in `src`, and add this to your template:
 
 ```erb
-<%= lit data: {hello: "there"} do %>
-  <happy-days hello="${data.hello}"></happy-days>
-<% end %>
+<%= lit :happy_days, hello: "there" %>
 ```
 
+(The helper will know how to convert the tag name and attribute keywords to HTML output.)
+
 Now start up your Bridgetown site, visit the page, and if all goes well, you should see a box containing "Hello there!" and a timestamp when the page was first rendered.
 
-You can reload the page several times and see that the timestamp doesn't change, because Lit's SSR + Hydration support knows not to re-render the component. However, if you change the `hello` attribute in the HTML, you'll get a re-render and thus see a new timestamp. _How cool is that?!_
+You can reload the page several times and see that the timestamp doesn't change, because Lit's SSR + Hydration support knows not to re-render the component. However, if you change the `hello` attribute, you'll get a re-render and thus see a new timestamp. _How cool is that?!_
+
+### Lit Helper Options
+
+The `lit` helper works in any Ruby template language and let's you pass data down to the Lit SSR build process. Any value that's not alreadey a string will be converted to JSON (via Ruby's `to_json`). You can use a symbol or string for the tag name and underscores are automatically converted to dashes.
 
-### Configuration options
+```erb
+<%= lit :page_header, title: resource.data.title %>
+```
+
+(Remember, all custom elements always must have at least one dash within the HTML.)
 
-…
+If you pass a block to `lit`, it will add that additional HTML into the Lit template output:
+
+```erb
+<%= lit :ui_sidebar do %>
+  <h2 slot="title">Nice Sidebar</h2>
+<% end %>
+```
+
+You can also pass page/resource front matter and other data along via the `data` keyword, which then can be used in the block. In addition, if a tag name isn't present, you can add it yourself in within the block.
+
+```erb
+<%= lit data: resource.data do %>
+  <page-header>
+    <h1>${data.title}</h1>
+  </page-header>
+<% end %>
+```
+
+When the component is hydrated, it will utilize the same data that was passed at build time and avoid a client-side re-render. However, from that point forward you're free to mutate component attribute/properties to trigger re-renders as normal. [Check out Lit's `firstUpdated` method](https://lit.dev/docs/components/lifecycle/#reactive-update-cycle-completing) as a good place to start.
+
+You also have the option of choosing a different entry point (aka your JS file that contains or imports one or more Lit components). The default is `./config/lit-components-entry.js`, but you can specify any other file you wish (the path should be relative to your project root).
+
+```erb
+<%= lit data: resource.data, entry: "./frontend/javascript/components/headers.js" do %>
+  <page-header title="${data.title}"></page-header>
+<% end %>
+```
+
+This would typically coincide with a strategy of having multiple esbuild/Webpack entry points, and loading different entry points on different parts of your site. An exercise left for the reader…
+
+### Sidecar CSS Files
+
+The "default" manner in which you author styles in Lit components is to use `css` tagged template literals (as you saw in the `happy-days` example above). However, some people prefer authoring styles in dedicated CSS files.
+
+The [esbuild-plugin-lit-css](https://github.com/bennypowers/lit-css/tree/main/packages/esbuild-plugin-lit-css) plugin allows you to author perfectly vanilla CSS files alongside your component files and import them. 
+
+In order to separate the "globally-accessible" stylesheets you may have in `src/_components` from the Lit component-specific stylesheets (which we only want to get instantiated within component shadow roots), we'll use the following file conventions:
+
+* For global stylesheets, use a `.global.css` suffix.
+* For Lit component stylesheets, use a `.lit.css` suffix.
+
+If you used Bridgetown v1.1 or later's Lit bundled configuration, this is already installed and configured for you. Otherwise, you'll need to do just a bit of manual setup to get things working.
+
+TBD
+
+### Technical and Performance Considerations
+
+The Bridgetown Lit render helper works by compiling your entry point together with your code block via esbuild and caching the resulting JS snippet. A second pass combines your `data` with the snippet and executes it via a temporary "sidecar" Node server which utilizes Lit's SSR rendering pipeline.
+
+This for performance reasons. If you have added a Lit template to a layout used by, say, a thousand products, your first build will indeed execute Lit SSR for those thousand products, but thereafter it will be cached. If you change the data for one product, such as a price, Lit SSR will reexecute _only_ for that one product. In addition, for a data-only change the previously compiled JS snippet via esbuild _won't_ need to be recompiled. Of course if you also modify either the HTML markup within the helper block or the entry point itself, recompilation must take place.
+
+It's also recommended you don't include any Ruby template code _within_ the helper code block (e.g., using `<%= %>` tags) which results in constantly changing output, as that would necessitate recompiling with esbuild on a regular basis.
+
+In v2.0 of this plugin, we only persist these caches during the build process and then the cache is cleared. To cache in a way which persists on-disk for use across builds, you can add `enable_lit_caching: true` to your Bridgetown config. For instance, if you're mainly working on content or other aspects of the site and not directly modifying Lit component code, you'll gain back some build performance by enabling full caching.
+
+In summary—with a bit of careful planning of which entry point(s) you create, the data you provide, and the structure of your HTML markup within the `lit` helper, you can achieve good Lit SSR performance while still taking full advantage of the Ruby templates and components you know and love.
+
+**A note about Lit templates:** in case you're wondering, the markup within the `lit` helper is actually executed inside Lit's `html` tagged template literal, and [all the usual rules of Lit templates apply](https://lit.dev/docs/templates/overview/). It's recommended you keep the markup within the helper block brief, and let the web component itself do most of the heavy lifting.
+
+**Use only one root element.** Because of how the provided `hydrate-root` element works, which will wrap your markup in each `lit` code block, you should only have _one_ root element, and it should be a Lit component. For example, instead of doing this:
+
+```erb
+<%= lit do %>
+  <div>
+    <h2>Hmm...</h2>
+    <my-component>This doesn't seem right.</my-component>
+  </div>
+  <p>Huh.</p>
+<% end %>
+```
+
+you should be doing this:
+
+```erb
+<%= lit do %>
+  <wrapper-component>
+    <div>
+      <h2>Hmm...</h2>
+      <my-component>This doesn't seem right.</my-component>
+    </div>
+    <p>Huh.</p>
+  </wrapper-component>
+<% end %>
+```
+
+**Disabling hydration?** If for some reason you can't permit a `hydrate-root` element to wrap a Lit code block, you can pass a `hydrate_root: false` argument to the `lit` helper. This breaks hydration however, and likewise the [Declarative Shadow DOM (DSD)](https://web.dev/declarative-shadow-dom/) polyfill won't be loaded. (Currently DSD is only supported natively in Chromium-based browsers such as Chrome, Edge, and Brave.) It will thus be up to you to manage those features as you see fit.
 
 ## Testing
 
@@ -90,3 +226,10 @@ You can reload the page several times and see that the timestamp doesn't change,
 4. Commit your changes (`git commit -am 'Add some feature'`)
 5. Push to the branch (`git push origin my-new-feature`)
 6. Create a new Pull Request
+
+[lit]: https://img.shields.io/badge/-Lit-324FFF?style=for-the-badge&logo=lit&logoColor=white"
+[lit-url]: https://lit.dev
+[gem]: https://img.shields.io/gem/v/bridgetown-lit-renderer.svg?style=for-the-badge&color=red
+[gem-url]: https://rubygems.org/gems/bridgetown-lit-renderer
+[npm]: https://img.shields.io/npm/v/bridgetown-lit-renderer.svg?style=for-the-badge
+[npm-url]: https://npmjs.com/package/bridgetown-lit-renderer

data/Rakefile

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require "bundler/gem_tasks"
 require "rake/testtask"
 
@@ -8,4 +10,4 @@ Rake::TestTask.new(:test) do |t|
   t.warning = false
 end
 
-task :default => :test
+task default: :test

data/bridgetown-lit-renderer.gemspec

@@ -11,16 +11,20 @@ Gem::Specification.new do |spec|
   spec.homepage      = "https://github.com/bridgetownrb/bridgetown-lit-renderer"
   spec.license       = "MIT"
 
-  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r!^(test|script|spec|features|frontend)/!) }
+  spec.files         = `git ls-files -z`.split("\x0").reject do |f|
+    f.match(%r!^(test|script|spec|features|frontend)/!)
+  end
   spec.test_files    = spec.files.grep(%r!^test/!)
   spec.require_paths = ["lib"]
-  spec.metadata      = { "yarn-add" => "bridgetown-lit-renderer@#{BridgetownLitRenderer::VERSION}" }
+  spec.metadata      = { "yarn-add"              => "bridgetown-lit-renderer@#{BridgetownLitRenderer::VERSION}",
+                         "rubygems_mfa_required" => "true", }
 
-  spec.required_ruby_version = ">= 2.5.0"
+  spec.required_ruby_version = ">= 2.7.0"
 
-  spec.add_dependency "bridgetown", ">= 0.15", "< 2.0"
+  spec.add_dependency "bridgetown", ">= 1.0", "< 2.0"
+  spec.add_dependency "random-port", ">= 0.5"
 
   spec.add_development_dependency "bundler"
-  spec.add_development_dependency "rake", "~> 12.0"
-  spec.add_development_dependency "rubocop-bridgetown", "~> 0.2"
+  spec.add_development_dependency "rake", "~> 13.0"
+  spec.add_development_dependency "rubocop-bridgetown", "~> 0.3"
 end

data/lib/bridgetown-lit-renderer/builder.rb

@@ -1,89 +1,75 @@
 # frozen_string_literal: true
 
 module BridgetownLitRenderer
-  module Renderer
-    def self.reset_cache
-      @code_cache = {}
-      @lit_notice_printed = false
-    end
+  class Builder < Bridgetown::Builder
+    def build # rubocop:todo Metrics/AbcSize, Metrics/MethodLength, Metrics/CyclomaticComplexity
+      BridgetownLitRenderer::Renderer.instance.site = site
+      BridgetownLitRenderer::Renderer.instance.reset
 
-    def self.esbuild(code, site)
-      unless @lit_notice_printed
-        Bridgetown.logger.info "Lit SSR:", "Bundling with esbuild..."
-        @lit_notice_printed = true
+      hook :site, :post_read do
+        BridgetownLitRenderer::Renderer.instance.cache.clear unless site.config.enable_lit_caching
       end
 
-      IO.popen(["node", site.in_root_dir("./config/lit-ssr.config.js")], "r+") do |pipe|
-        pipe.puts({ code: code }.to_json)
-        pipe.close_write
-        pipe.read
+      hook :site, :post_render do
+        BridgetownLitRenderer::Renderer.stop_node_server
       end
-    end
-
-    def self.render(code, data:, entry:, site:) # rubocop:disable Metrics/MethodLength
-      @code_cache ||= {}
-      cache_key = "#{code}#{entry}"
-
-      unless @code_cache[cache_key]
-        build_code = <<~JS
-          import { Readable } from "stream"
-          import { render } from "@lit-labs/ssr/lib/render-with-global-dom-shim.js"
-          import { html } from "lit"
-          import #{entry.to_json}
 
-          const ssrResult = render(html`
-            #{code}
-          `);
-
-          const _tmplStream = Readable.from(ssrResult)
-
-          let _tmplOutput = ""
-          _tmplStream.on('data', function(chunk) {
-            _tmplOutput += chunk;
-          });
-
-          _tmplStream.on('end',function() {
-            process.stdout.write("====== SSR ======") // marker to ensure stray console outputs don't end up in HTML
-            process.stdout.write(_tmplOutput)
-          });
-        JS
-
-        @code_cache[cache_key] = esbuild(build_code, site)
+      hook :site, :server_shutdown do
+        BridgetownLitRenderer::Renderer.stop_node_server
       end
 
-      IO.popen(["node"], "r+") do |pipe|
-        pipe.puts "const data = #{data.to_json}; #{@code_cache[cache_key]}"
-        pipe.close_write
-        pipe.read
-      end.partition("====== SSR ======").last.html_safe
-    end
-  end
+      process_tag = ->(tag, attributes, code) do
+        valid_tag = tag.to_s.tr("_", "-")
+        segments = ["<#{valid_tag}"]
+        attributes.each do |attr, _|
+          attr = attr.to_s.tr("_", "-")
+          segments << %( #{attr}="${data.#{attr}}")
+        end
+        segments << ">"
+        segments << code
+        segments << "</#{valid_tag}>"
+        segments.join
+      end
 
-  class Builder < Bridgetown::Builder
-    def self.cache
-      @cache ||= Bridgetown::Cache.new("LitSSR")
-    end
+      jsonify_data = ->(data) do
+        data.to_h do |k, v|
+          processed_value = case v
+                            when String
+                              v
+                            else
+                              v.to_json
+                            end
+          [k, processed_value]
+        end
+      end
 
-    def build
-      BridgetownLitRenderer::Renderer.reset_cache
-      helper "lit", helpers_scope: true do |
+      helper "lit", helpers_scope: true do | # rubocop:todo Metrics/ParameterLists
+        tag = nil,
         data: {},
         hydrate_root: true,
-        entry: "./frontend/javascript/lit-components.js",
+        entry: "./config/lit-components-entry.js",
+        **kwargs,
         &block
       |
-        code = view.capture(&block)
-        if hydrate_root
-          code = "<hydrate-root>#{code.sub(%r{\<([a-zA-Z]+-[a-zA-Z-]*)}, "<\\1 defer-hydration")}</hydrate-root>" # rubocop:disable Layout/LineLength
-        end
+        code = block ? view.capture(&block) : ""
+        code = process_tag.(tag, kwargs, code) if tag
 
-        if site.config.disable_lit_caching
-          next BridgetownLitRenderer::Renderer.render(code, data: data, entry: entry, site: site)
+        if hydrate_root
+          code = "<hydrate-root>#{code.sub(%r{<([a-zA-Z]+-[a-zA-Z-]*)}, "<\\1 defer-hydration")}</hydrate-root>" # rubocop:disable Layout/LineLength
         end
 
-        entry_key = entry.start_with?("./") ? File.stat(site.in_root_dir(entry)).mtime : entry
-        BridgetownLitRenderer::Builder.cache.getset("#{code}#{data}#{entry_key}") do
-          BridgetownLitRenderer::Renderer.render(code, data: data, entry: entry, site: site)
+        data = data.merge(kwargs)
+        data = jsonify_data.(data)
+
+        entry_key = BridgetownLitRenderer::Renderer.instance.entry_key(entry)
+        BridgetownLitRenderer::Renderer.instance.cache.getset(
+          "output-#{code}#{data}#{entry_key}"
+        ) do
+          BridgetownLitRenderer::Renderer.instance.render(
+            code,
+            data: data,
+            entry: entry
+          )
         end
       end
     end

data/lib/bridgetown-lit-renderer/renderer.rb

@@ -0,0 +1,129 @@
+# frozen_string_literal: true
+
+require "random-port"
+require "singleton"
+
+module BridgetownLitRenderer
+  class Renderer
+    include Singleton
+
+    class << self
+      attr_accessor :serverpid, :serverport, :authtoken
+    end
+
+    attr_accessor :site
+
+    def self.start_node_server(node_modules_path)
+      return if serverpid
+
+      self.authtoken =  SecureRandom.hex(64)
+      self.serverport = RandomPort::Pool.new.acquire
+
+      self.serverpid = spawn(
+        {
+          "LIT_SSR_SERVER_PORT" => serverport.to_s,
+          "LIT_SSR_AUTH_TOKEN"  => authtoken,
+          "NODE_PATH"           => node_modules_path,
+        },
+        "node #{File.expand_path("../../src/serve.js", __dir__)}",
+        pgroup: true
+      )
+      Process.detach serverpid
+      sleep 0.5
+    end
+
+    def self.stop_node_server
+      return unless serverpid
+
+      Process.kill("SIGTERM", -Process.getpgid(serverpid))
+      self.serverpid = nil
+      self.serverport = nil
+    rescue Errno::ESRCH, Errno::EPERM, Errno::ECHILD # rubocop:disable Lint/SuppressedException
+    end
+
+    def entry_key(entry)
+      entry.start_with?("./") ? File.stat(site.in_root_dir(entry)).mtime : entry
+    end
+
+    def reset
+      @esbuild_notice_printed = false
+      @render_notice_printed = false
+    end
+
+    def cache
+      @cache ||= Bridgetown::Cache.new("LitSSR")
+    end
+
+    def call_http_server(payload)
+      Faraday.post(
+        "http://127.0.0.1:#{self.class.serverport}",
+        payload,
+        "Authorization" => "Bearer #{self.class.authtoken}"
+      ).body.force_encoding("utf-8")
+    end
+
+    def esbuild(code)
+      raise "You must first assign the `site' accessor" unless site
+
+      unless @esbuild_notice_printed
+        Bridgetown.logger.info "Lit SSR:", "Bundling with esbuild..."
+        @esbuild_notice_printed = true
+      end
+
+      # TODO: shouldn't this use the sidecar Node process as well?
+      IO.popen(["node", site.in_root_dir("./config/lit-ssr.config.js")], "r+") do |pipe|
+        pipe.puts({ code: code }.to_json)
+        pipe.close_write
+        pipe.read
+      end
+    end
+
+    def render(code, data:, entry:)
+      raise "You must first assign the `site' accessor" unless site
+
+      cache_key = "esbuild-#{code}#{entry}#{entry_key(entry)}"
+
+      built_code = cache.getset(cache_key) { esbuild(js_code_block(entry, code)) }
+
+      unless @render_notice_printed
+        Bridgetown.logger.info "Lit SSR:", "Rendering components..."
+        @render_notice_printed = true
+      end
+
+      self.class.start_node_server(site.in_root_dir("node_modules"))
+
+      output = call_http_server("const data = #{data.to_json}; #{built_code}")
+
+      if output == "SCRIPT NOT VALID!"
+        output = <<~HTML
+          <ssr-error style="display:block; padding:0.3em 0.5em; color:white; background:maroon; font-weight:bold">
+            Lit SSR error in #{entry}, see logs
+          </ssr-error>
+        HTML
+        cache.delete(cache_key)
+      end
+
+      output.html_safe
+    end
+
+    def js_code_block(entry, code)
+      entry_import = "import #{entry.to_json}"
+      <<~JS
+        import { render } from "@lit-labs/ssr/lib/render-with-global-dom-shim.js"
+        import { html } from "lit"
+        #{entry_import}
+
+        const ssrResult = render(html`
+          #{code}
+        `);
+
+        let ret = []
+        for (const chunk of ssrResult) {
+          ret.push(chunk)
+        }
+
+        ret.join("")
+      JS
+    end
+  end
+end

data/lib/bridgetown-lit-renderer/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module BridgetownLitRenderer
-  VERSION = "1.0.0"
+  VERSION = "2.0.0.beta1"
 end

data/lib/bridgetown-lit-renderer.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
 
 require "bridgetown"
+require "bridgetown-lit-renderer/renderer"
 require "bridgetown-lit-renderer/builder"

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bridgetown-lit-renderer",
-  "version": "1.0.0",
+  "version": "2.0.0.beta1",
   "main": "frontend/javascript/index.js",
   "exports": {
     ".": {
@@ -26,6 +26,12 @@
   ],
   "dependencies": {
     "@webcomponents/template-shadowroot": "^0.1.0",
-    "esbuild": "^0.12"
+    "colors": "^1.4.0",
+    "esbuild": "^0.14",
+    "glob": "^7.2.0"
+  },
+  "devDependencies": {
+    "@lit-labs/ssr": "^2.1.0",
+    "lit": "^2.2.3"
   }
 }

data/src/build.js

@@ -1,4 +1,50 @@
 const path = require("path")
+const glob = require("glob")
+
+// Glob plugin derived from:
+// https://github.com/thomaschaaf/esbuild-plugin-import-glob
+// https://github.com/xiaohui-zhangxh/jsbundling-rails/commit/b15025dcc20f664b2b0eb238915991afdbc7cb58
+const importGlobPlugin = () => ({
+  name: "import-glob",
+  setup: (build) => {
+    build.onResolve({ filter: /\*/ }, async (args) => {
+      if (args.resolveDir === "") {
+        return; // Ignore unresolvable paths
+      }
+
+      const adjustedPath = args.path.replace(/^bridgetownComponents\//, "../src/_components/")
+
+      return {
+        path: adjustedPath,
+        namespace: "import-glob",
+        pluginData: {
+          path: adjustedPath,
+          resolveDir: args.resolveDir,
+        },
+      }
+    })
+
+    build.onLoad({ filter: /.*/, namespace: "import-glob" }, async (args) => {
+      const files = glob.sync(args.pluginData.path, {
+        cwd: args.pluginData.resolveDir,
+      }).sort()
+
+      const importerCode = `
+        ${files
+          .map((module, index) => `import * as module${index} from '${module}'`)
+          .join(';')}
+        const modules = {${files
+          .map((module, index) => `
+            "${module.replace("../src/_components/", "")}": module${index},`)
+          .join("")}
+        };
+        export default modules;
+      `
+
+      return { contents: importerCode, resolveDir: args.pluginData.resolveDir }
+    })
+  },
+})
 
 module.exports = (esbuildOptions) => {
   let inputData = [];
@@ -13,6 +59,9 @@ module.exports = (esbuildOptions) => {
   process.stdin.on('end', () => {
     const inputValues = JSON.parse(inputData.join())
 
+    esbuildOptions.plugins = esbuildOptions.plugins || []
+    esbuildOptions.plugins.unshift(importGlobPlugin())
+
     require('esbuild').build({
       ...esbuildOptions,
       stdin: {
@@ -21,7 +70,7 @@ module.exports = (esbuildOptions) => {
         sourcefile: 'lit-ssr-output.js' // imaginary file
       },
       platform: "node",
-      inject: [path.join(__dirname, "import-meta-url-shim.js")],
+      inject: [path.join(__dirname, "server", "import-meta-url-shim.js")],
       define: { "import.meta.url": "import_meta_url" },
       bundle: true,
       write: false,

data/src/serve.js

@@ -0,0 +1,30 @@
+const http = require("http")
+const litexec = require("./server/ssr_exec")
+
+const server = http.createServer((req, res) => {
+  if (req.method === "POST" && req.headers.authorization?.endsWith(process.env.LIT_SSR_AUTH_TOKEN)) {
+    let body = ""
+    req.on("data", (chunk) => {
+      body += chunk.toString()
+    });
+    req.on("end", () => {
+      let ret = "";
+      try {
+        ret = litexec.execScript(body)
+      } catch (e) {
+        console.warn(e);
+      }
+      if (ret) {
+				res.end(ret.toString())
+			} else {
+				res.end("SCRIPT NOT VALID!")
+			}
+    })
+  } else {
+    res.statusCode = 400
+    res.end("Invalid Request!")
+  }
+})
+
+const port = process.env.LIT_SSR_SERVER_PORT
+server.listen(port, "127.0.0.1")

data/src/server/ssr_exec.js

@@ -0,0 +1,30 @@
+const colors = require("colors/safe")
+
+const originalConsoleLog = console.log
+
+console.log = function () {
+  args = []
+  args.push(colors.rainbow("[LitSSR]"))
+  // Note: arguments is part of the prototype
+  for (let i = 0; i < arguments.length; i++) {
+    args.push(arguments[i])
+  }
+  originalConsoleLog.apply(console, args)
+}
+
+module.exports = {
+  execScript(str) {
+    const vm = require("vm")
+    const contextObject = {
+      require: require,
+      console: console,
+      process: process,
+      global: global,
+      URL: URL,
+      Buffer: Buffer,
+      __filename: "__lit_eval.js",
+    }
+
+    return vm.runInNewContext(str, contextObject)
+  },
+}

data/yarn.lock

@@ -2,12 +2,341 @@
 # yarn lockfile v1
 
 
+"@lit-labs/ssr-client@^1.0.0":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@lit-labs/ssr-client/-/ssr-client-1.0.1.tgz#b97e121184aa201bbe6f165f3a7dc919f67129a2"
+  integrity sha512-rr/UVhxbKWNUr+3qRyvZk+glC7v7ph8Gk/W0z96YG64COJKf9ilnWY6JGW77TRqhrRMmS2nsvAXOyQgcF+4jrA==
+  dependencies:
+    "@lit/reactive-element" "^1.0.0"
+    lit "^2.0.0"
+    lit-html "^2.0.0"
+
+"@lit-labs/ssr@^2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@lit-labs/ssr/-/ssr-2.1.0.tgz#28de42723a9d7224d5e9ab53c420ae102502a033"
+  integrity sha512-Tnz/S99G57QKQkI+5QhpfOyVxdHM/IbSa3DZmbF5aeIugivONjurHOuMn6AHzzgdteae3ihcGV2eehKPJuG4/w==
+  dependencies:
+    "@lit-labs/ssr-client" "^1.0.0"
+    "@lit/reactive-element" "^1.1.0"
+    "@types/node" "^16.0.0"
+    lit "^2.1.0"
+    lit-element "^3.1.0"
+    lit-html "^2.1.0"
+    node-fetch "^2.6.0"
+    parse5 "^6.0.1"
+    resolve "^1.10.1"
+
+"@lit/reactive-element@^1.0.0", "@lit/reactive-element@^1.1.0", "@lit/reactive-element@^1.3.0":
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/@lit/reactive-element/-/reactive-element-1.3.2.tgz#43e470537b6ec2c23510c07812616d5aa27a17cd"
+  integrity sha512-A2e18XzPMrIh35nhIdE4uoqRzoIpEU5vZYuQN4S3Ee1zkGdYC27DP12pewbw/RLgPHzaE4kx/YqxMzebOpm0dA==
+
+"@types/node@^16.0.0":
+  version "16.11.35"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.11.35.tgz#6642bdce5b5cee23314b91a7c069981c6bd68791"
+  integrity sha512-QXu45LyepgnhUfnIAj/FyT4uM87ug5KpIrgXfQtUPNAlx8w5hmd8z8emqCLNvG11QkpRSCG9Qg2buMxvqfjfsQ==
+
+"@types/trusted-types@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.2.tgz#fc25ad9943bcac11cceb8168db4f275e0e72e756"
+  integrity sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg==
+
 "@webcomponents/template-shadowroot@^0.1.0":
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/@webcomponents/template-shadowroot/-/template-shadowroot-0.1.0.tgz#adb3438d0d9a18e8fced08abc253f56b7eadab00"
   integrity sha512-ry84Vft6xtRBbd4M/ptRodbOLodV5AD15TYhyRghCRgIcJJKmYmJ2v2BaaWxygENwh6Uq3zTfGPmlckKT/GXsQ==
 
-esbuild@^0.12:
-  version "0.12.29"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.12.29.tgz#be602db7c4dc78944a9dbde0d1ea19d36c1f882d"
-  integrity sha512-w/XuoBCSwepyiZtIRsKsetiLDUVGPVw1E/R3VTFSecIy8UR7Cq3SOtwKHJMFoVqqVG36aGkzh4e8BvpO1Fdc7g==
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+brace-expansion@^1.1.7:
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
+  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+colors@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/colors/-/colors-1.4.0.tgz#c50491479d4c1bdaed2c9ced32cf7c7dc2360f78"
+  integrity sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+  integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
+
+esbuild-android-64@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.39.tgz#09f12a372eed9743fd77ff6d889ac14f7b340c21"
+  integrity sha512-EJOu04p9WgZk0UoKTqLId9VnIsotmI/Z98EXrKURGb3LPNunkeffqQIkjS2cAvidh+OK5uVrXaIP229zK6GvhQ==
+
+esbuild-android-arm64@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.39.tgz#f608d00ea03fe26f3b1ab92a30f99220390f3071"
+  integrity sha512-+twajJqO7n3MrCz9e+2lVOnFplRsaGRwsq1KL/uOy7xK7QdRSprRQcObGDeDZUZsacD5gUkk6OiHiYp6RzU3CA==
+
+esbuild-darwin-64@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.39.tgz#31528daa75b4c9317721ede344195163fae3e041"
+  integrity sha512-ImT6eUw3kcGcHoUxEcdBpi6LfTRWaV6+qf32iYYAfwOeV+XaQ/Xp5XQIBiijLeo+LpGci9M0FVec09nUw41a5g==
+
+esbuild-darwin-arm64@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.39.tgz#247f770d86d90a215fa194f24f90e30a0bd97245"
+  integrity sha512-/fcQ5UhE05OiT+bW5v7/up1bDsnvaRZPJxXwzXsMRrr7rZqPa85vayrD723oWMT64dhrgWeA3FIneF8yER0XTw==
+
+esbuild-freebsd-64@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.39.tgz#479414d294905055eb396ebe455ed42213284ee0"
+  integrity sha512-oMNH8lJI4wtgN5oxuFP7BQ22vgB/e3Tl5Woehcd6i2r6F3TszpCnNl8wo2d/KvyQ4zvLvCWAlRciumhQg88+kQ==
+
+esbuild-freebsd-arm64@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.39.tgz#cedeb10357c88533615921ae767a67dc870a474c"
+  integrity sha512-1GHK7kwk57ukY2yI4ILWKJXaxfr+8HcM/r/JKCGCPziIVlL+Wi7RbJ2OzMcTKZ1HpvEqCTBT/J6cO4ZEwW4Ypg==
+
+esbuild-linux-32@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.39.tgz#d9f008c4322d771f3958f59c1eee5a05cdf92485"
+  integrity sha512-g97Sbb6g4zfRLIxHgW2pc393DjnkTRMeq3N1rmjDUABxpx8SjocK4jLen+/mq55G46eE2TA0MkJ4R3SpKMu7dg==
+
+esbuild-linux-64@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.39.tgz#ba58d7f66858913aeb1ab5c6bde1bbd824731795"
+  integrity sha512-4tcgFDYWdI+UbNMGlua9u1Zhu0N5R6u9tl5WOM8aVnNX143JZoBZLpCuUr5lCKhnD0SCO+5gUyMfupGrHtfggQ==
+
+esbuild-linux-arm64@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.39.tgz#708785a30072702b5b1c16b65cf9c25c51202529"
+  integrity sha512-23pc8MlD2D6Px1mV8GMglZlKgwgNKAO8gsgsLLcXWSs9lQsCYkIlMo/2Ycfo5JrDIbLdwgP8D2vpfH2KcBqrDQ==
+
+esbuild-linux-arm@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.39.tgz#4e8b5deaa7ab60d0d28fab131244ef82b40684f4"
+  integrity sha512-t0Hn1kWVx5UpCzAJkKRfHeYOLyFnXwYynIkK54/h3tbMweGI7dj400D1k0Vvtj2u1P+JTRT9tx3AjtLEMmfVBQ==
+
+esbuild-linux-mips64le@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.39.tgz#6f3bf3023f711084e5a1e8190487d2020f39f0f7"
+  integrity sha512-epwlYgVdbmkuRr5n4es3B+yDI0I2e/nxhKejT9H0OLxFAlMkeQZxSpxATpDc9m8NqRci6Kwyb/SfmD1koG2Zuw==
+
+esbuild-linux-ppc64le@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.39.tgz#900e718a4ea3f6aedde8424828eeefdd4b48d4b9"
+  integrity sha512-W/5ezaq+rQiQBThIjLMNjsuhPHg+ApVAdTz2LvcuesZFMsJoQAW2hutoyg47XxpWi7aEjJGrkS26qCJKhRn3QQ==
+
+esbuild-linux-riscv64@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.39.tgz#dcbff622fa37047a75d2ff7a1d8d2949d80277e4"
+  integrity sha512-IS48xeokcCTKeQIOke2O0t9t14HPvwnZcy+5baG13Z1wxs9ZrC5ig5ypEQQh4QMKxURD5TpCLHw2W42CLuVZaA==
+
+esbuild-linux-s390x@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.39.tgz#3f725a7945b419406c99d93744b28552561dcdfd"
+  integrity sha512-zEfunpqR8sMomqXhNTFEKDs+ik7HC01m3M60MsEjZOqaywHu5e5682fMsqOlZbesEAAaO9aAtRBsU7CHnSZWyA==
+
+esbuild-netbsd-64@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.39.tgz#e10e40b6a765798b90d4eb85901cc85c8b7ff85e"
+  integrity sha512-Uo2suJBSIlrZCe4E0k75VDIFJWfZy+bOV6ih3T4MVMRJh1lHJ2UyGoaX4bOxomYN3t+IakHPyEoln1+qJ1qYaA==
+
+esbuild-openbsd-64@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.39.tgz#935ec143f75ce10bd9cdb1c87fee00287eb0edbc"
+  integrity sha512-secQU+EpgUPpYjJe3OecoeGKVvRMLeKUxSMGHnK+aK5uQM3n1FPXNJzyz1LHFOo0WOyw+uoCxBYdM4O10oaCAA==
+
+esbuild-sunos-64@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.39.tgz#0e7aa82b022a2e6d55b0646738b2582c2d72c3c0"
+  integrity sha512-qHq0t5gePEDm2nqZLb+35p/qkaXVS7oIe32R0ECh2HOdiXXkj/1uQI9IRogGqKkK+QjDG+DhwiUw7QoHur/Rwg==
+
+esbuild-windows-32@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.39.tgz#3f1538241f31b538545f4b5841b248cac260fa35"
+  integrity sha512-XPjwp2OgtEX0JnOlTgT6E5txbRp6Uw54Isorm3CwOtloJazeIWXuiwK0ONJBVb/CGbiCpS7iP2UahGgd2p1x+Q==
+
+esbuild-windows-64@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.39.tgz#b100c59f96d3c2da2e796e42fee4900d755d3e03"
+  integrity sha512-E2wm+5FwCcLpKsBHRw28bSYQw0Ikxb7zIMxw3OPAkiaQhLVr3dnVO8DofmbWhhf6b97bWzg37iSZ45ZDpLw7Ow==
+
+esbuild-windows-arm64@0.14.39:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.39.tgz#00268517e665b33c89778d61f144e4256b39f631"
+  integrity sha512-sBZQz5D+Gd0EQ09tZRnz/PpVdLwvp/ufMtJ1iDFYddDaPpZXKqPyaxfYBLs3ueiaksQ26GGa7sci0OqFzNs7KA==
+
+esbuild@^0.14:
+  version "0.14.39"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.39.tgz#c926b2259fe6f6d3a94f528fb42e103c5a6d909a"
+  integrity sha512-2kKujuzvRWYtwvNjYDY444LQIA3TyJhJIX3Yo4+qkFlDDtGlSicWgeHVJqMUP/2sSfH10PGwfsj+O2ro1m10xQ==
+  optionalDependencies:
+    esbuild-android-64 "0.14.39"
+    esbuild-android-arm64 "0.14.39"
+    esbuild-darwin-64 "0.14.39"
+    esbuild-darwin-arm64 "0.14.39"
+    esbuild-freebsd-64 "0.14.39"
+    esbuild-freebsd-arm64 "0.14.39"
+    esbuild-linux-32 "0.14.39"
+    esbuild-linux-64 "0.14.39"
+    esbuild-linux-arm "0.14.39"
+    esbuild-linux-arm64 "0.14.39"
+    esbuild-linux-mips64le "0.14.39"
+    esbuild-linux-ppc64le "0.14.39"
+    esbuild-linux-riscv64 "0.14.39"
+    esbuild-linux-s390x "0.14.39"
+    esbuild-netbsd-64 "0.14.39"
+    esbuild-openbsd-64 "0.14.39"
+    esbuild-sunos-64 "0.14.39"
+    esbuild-windows-32 "0.14.39"
+    esbuild-windows-64 "0.14.39"
+    esbuild-windows-arm64 "0.14.39"
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
+
+function-bind@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
+  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
+
+glob@^7.2.0:
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.2.tgz#29deb38e1ef90f132d5958abe9c3ee8e87f3c318"
+  integrity sha512-NzDgHDiJwKYByLrL5lONmQFpK/2G78SMMfo+E9CuGlX4IkvfKDsiQSNPwAYxEy+e6p7ZQ3uslSLlwlJcqezBmQ==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+has@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
+  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
+  dependencies:
+    function-bind "^1.1.1"
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+is-core-module@^2.8.1:
+  version "2.9.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.9.0.tgz#e1c34429cd51c6dd9e09e0799e396e27b19a9c69"
+  integrity sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==
+  dependencies:
+    has "^1.0.3"
+
+lit-element@^3.1.0, lit-element@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/lit-element/-/lit-element-3.2.0.tgz#9c981c55dfd9a8f124dc863edb62cc529d434db7"
+  integrity sha512-HbE7yt2SnUtg5DCrWt028oaU4D5F4k/1cntAFHTkzY8ZIa8N0Wmu92PxSxucsQSOXlODFrICkQ5x/tEshKi13g==
+  dependencies:
+    "@lit/reactive-element" "^1.3.0"
+    lit-html "^2.2.0"
+
+lit-html@^2.0.0, lit-html@^2.1.0, lit-html@^2.2.0:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/lit-html/-/lit-html-2.2.3.tgz#dcb2744d0f0c1800b2eb2de37bc42384434a74f7"
+  integrity sha512-vI4j3eWwtQaR8q/O63juZVliBIFMio716X719/lSsGH4UWPy2/7Qf377jsNs4cx3gCHgIbx8yxFgXFQ/igZyXQ==
+  dependencies:
+    "@types/trusted-types" "^2.0.2"
+
+lit@^2.0.0, lit@^2.1.0, lit@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/lit/-/lit-2.2.3.tgz#77203d8f247de7c0d4955817f89e40c927349b9c"
+  integrity sha512-5/v+r9dH3Pw/o0rhp/qYk3ERvOUclNF31bWb0FiW6MPgwdQIr+/KCt/p3zcd8aPl8lIGnxdGrVcZA+gWS6oFOQ==
+  dependencies:
+    "@lit/reactive-element" "^1.3.0"
+    lit-element "^3.2.0"
+    lit-html "^2.2.0"
+
+minimatch@^3.1.1:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+node-fetch@^2.6.0:
+  version "2.6.7"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad"
+  integrity sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==
+  dependencies:
+    whatwg-url "^5.0.0"
+
+once@^1.3.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  dependencies:
+    wrappy "1"
+
+parse5@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
+  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+resolve@^1.10.1:
+  version "1.22.0"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.0.tgz#5e0b8c67c15df57a89bdbabe603a002f21731198"
+  integrity sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==
+  dependencies:
+    is-core-module "^2.8.1"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+tr46@~0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
+  integrity sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=
+
+webidl-conversions@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
+  integrity sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=
+
+whatwg-url@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
+  integrity sha1-lmRU6HZUYuN2RNNib2dCzotwll0=
+  dependencies:
+    tr46 "~0.0.3"
+    webidl-conversions "^3.0.0"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bridgetown-lit-renderer
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 2.0.0.beta1
 platform: ruby
 authors:
 - Bridgetown Team
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-09-25 00:00:00.000000000 Z
+date: 2022-05-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bridgetown
@@ -16,7 +16,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0.15'
+        version: '1.0'
     - - "<"
       - !ruby/object:Gem::Version
         version: '2.0'
@@ -26,10 +26,24 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0.15'
+        version: '1.0'
     - - "<"
       - !ruby/object:Gem::Version
         version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: random-port
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0.5'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0.5'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -50,34 +64,35 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '12.0'
+        version: '13.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '12.0'
+        version: '13.0'
 - !ruby/object:Gem::Dependency
   name: rubocop-bridgetown
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.2'
+        version: '0.3'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.2'
-description: 
+        version: '0.3'
+description:
 email: maintainers@bridgetownrb.com
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".github/workflows/ci.yml"
 - ".gitignore"
 - ".rubocop.yml"
 - CHANGELOG.md
@@ -88,17 +103,21 @@ files:
 - bridgetown-lit-renderer.gemspec
 - lib/bridgetown-lit-renderer.rb
 - lib/bridgetown-lit-renderer/builder.rb
+- lib/bridgetown-lit-renderer/renderer.rb
 - lib/bridgetown-lit-renderer/version.rb
 - package.json
 - src/build.js
-- src/import-meta-url-shim.js
+- src/serve.js
+- src/server/import-meta-url-shim.js
+- src/server/ssr_exec.js
 - yarn.lock
 homepage: https://github.com/bridgetownrb/bridgetown-lit-renderer
 licenses:
 - MIT
 metadata:
-  yarn-add: bridgetown-lit-renderer@1.0.0
-post_install_message: 
+  yarn-add: bridgetown-lit-renderer@2.0.0.beta1
+  rubygems_mfa_required: 'true'
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -106,15 +125,15 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 2.5.0
+      version: 2.7.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
-rubygems_version: 3.1.4
-signing_key: 
+rubygems_version: 3.2.22
+signing_key:
 specification_version: 4
 summary: Simple pipeline for SSR + hydration of Lit components
 test_files: []