npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

cloudbees-casc-server-plugin-ui

v1.0.0

Published

Package to generate the UI

Downloads

6

Readme

cloudbees-casc-server-plugin

CloudBees Configuration as Code (CasC) Server Plugin

UI

The UI will be automatic created when you run mvn install.However, you can use different environments for development.

This webcomponent follows the open-wc recommendation.

Our components are developed with lit

Prepare

Run yarn if you have not run mvn install.

Development

For rapid development, we recommend to use the local demo environment and as soon you want to test on the server run the build

Local Demo with parcel

yarn start

Server running at http://localhost:1234

To run a local development server that serves the basic demo located in index.html

Build for jenkins

You can build the project with the yarn build command which will invoke yarn css:build, and then will use parcel to package the build into one file ./src/main/webapp/js/index.js which contains all the necessary information for css and js (as well registering new web components).

This is the file our main jelly imports and normally a hard refresh on the jenkins plugin should update the view.

Create a new component

yarn :add newcomponent [componentType || 'components']

This will create a new component (or the componentType you have chosen) and link it in the project hierarchy.

For example if you want to create a new view you can do:

yarn :add myview views

Styles

We use tailwind as underlying framework, you can either use it in your html/js or use it in the css file of the component. We need the css file to exist since it will trigger the generation of the style definition file (it is heavily bootstrapped to only include the styles we need for the component). All components are using shadow DOM hence need to encapsulate their styles, since there is no leakage between the overall page and the component itself. e.g. you can have 2 classes with the same name defined but they are only in the scope of themselves not changing the other web component.