Skip to content

feat(lit): Ubuntu Server bubble demo + Navigation component#585

Open
mariadias143 wants to merge 6 commits intomainfrom
lit/ssr
Open

feat(lit): Ubuntu Server bubble demo + Navigation component#585
mariadias143 wants to merge 6 commits intomainfrom
lit/ssr

Conversation

@mariadias143
Copy link
Copy Markdown
Contributor

@mariadias143 mariadias143 commented Apr 1, 2026

Done

  • First version of SSR Demo app to replicate Ubuntu Server bubble
  • Navigation Lit component

Note:

  • This PR aims to be a starting point for us to continue to work on this demo app. Currently I spot some weird behavior of the TieredList component in the SSR app, where the list items appear on the left half side instead of the right. Also, this component does not seem to be consuming the SiteLayout grid (it's not using subgrid). This is one of the follow ups we will need to address.

QA

  • Checkout this repo and bun install
  • To check SSR app, go into apps/lit/demo and run bun run build followed by bun run serve
  • It should look something like the screenshots below
  • In order to check the new Navigation component in storybook, go into the lit package directory and run bun storybook

PR readiness check

  • PR should have one of the following labels:
    • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
  • PR title follows the Conventional Commits format.
  • The code follows the appropriate code standards
  • All packages define the required scripts in package.json:
    • All packages: check, check:fix, and test.
    • Packages with build steps: build to build the package for development or distribution, build:all to build all artifacts. See CONTRIBUTING.md for details.
  • If this PR introduces a new package: first-time publish has been done manually from inside the package directory using npm publish --access public (first-time publishing is not automated). Run bun run publish:status from the repo root to verify.

Screenshots

image image

@mariadias143 mariadias143 marked this pull request as ready for review April 1, 2026 16:36
Comment thread apps/lit/demo/src/ssr/entry-server.ts Outdated
Comment thread apps/lit/demo/src/ssr/server.ts Outdated
Comment thread apps/lit/demo/README.md
Comment thread packages/lit/ds-prototype/src/lib/Hero/Hero.ts Outdated
Comment thread packages/lit/ds-prototype/src/lib/Navigation/Navigation.ts Outdated
Comment thread packages/lit/ds-prototype/src/lib/Navigation/styles.css Outdated
Comment on lines 26 to +27
rollupOptions: {
external: ["lit"],
external: [/^lit($|\/)/],
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Needs to be confirmed working against vite 8 (rolldown instead of rollup)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants