Laminar Web Components

Laminar type definitions for web component collections. Currently included collections:

Google's Material Web Components

Usage

Add dependency

Package is published to GitHub Packages in this repository. To reference it, you can use sbt-github-packages SBT plugin:

resolvers += Resolver.githubPackages("uosis")

libraryDependencies += "com.github.uosis" %%% "laminar-web-components-material" % "0.1.0"

Ensure you have sbt-scalajs-bundler plugin

Web Components have NPM dependencies.

Use components in your app

Web Components have similar interface to built-in elements. See examples below.

Examples

Component Showcase

Displays a collection of Web Components

To run:

cd examples/showcase
sbt fastOptJS::webpack
Open index-fastopt.html in browser

Generator

generator folder contains Ammonite scripts used to generate component type definitions. If you want to tweak the generated types, changes should be made here.

To run code generation:

amm generator/main.sc
Format material/src/main/scala/material.scala using scalafmt
Check in the new generated code

Adding new component to existing collection or modifying existing component

Add/modify the component in the generation script
- For example, if it's a new Google Material Web Component, add it to material.sc using one of the existing components as an example.
Run code generation as described above
Check in generated code

Adding new component collection

Create new definitions script using material.sc as an example
Create new SBT project using material/ project as an example
Update main.sc to include new project
Run code generation
Check in generated code

uosis/laminar-web-components