bolha.us is one of the many independent Mastodon servers you can use to participate in the fediverse.
We're a Brazilian IT Community. We love IT/DevOps/Cloud, but we also love to talk about life, the universe, and more. | Nós somos uma comunidade de TI Brasileira, gostamos de Dev/DevOps/Cloud e mais!

Server stats:

250
active users

#webcomponents

1 post1 participant0 posts today

Today, I'm excited to release the CEM Validator for your #webcomponents!

This is designed to be an automated check before your components go to production. I know there is a ton of stuff that can be added to this, but I decided to start small. Features include:

✅ package.json validation
✅ module and definition path validation
✅ a check to ensure you are exporting all types for your APIs
✅ a check to make sure the tag name is present for your components

wc-toolkit.com/cem-utilities/c

Web Components ToolkitCustom CEM TypesTypes to make working with custom data in the CEM easier

Today, I'm excited to roll out the #webcomponents lazy loader tool!

This is great for environments where teams need to be able to drop in a <script> tag and begin building. The tool only loads what's on the page and progressively loads more as the page content changes. Other features include:

✅ Eager loading
✅ Dependency configuration
✅ Tag scoping
✅ Reduced FOUC settings
✅ Runtime configuration
✅ Ability to extend the component list

#html #css #javascript #webdev
wc-toolkit.com/adoption/lazy-l

Web Components ToolkitLazy LoaderA tool for generating an entry point for lazy-loading custom elements/web components.

Has anyone come across any #js lib that helps wire up points (times) in a video to functions? I'm probably going to roll my own, but just wondering if there is any good prior art. The task I have been set is to connect docs and videos together to form sort of tutorial content.

The pixel editor I wrote to make the Memory Icons set is now rewritten as a web component (was a React app).

Refactored to support layering, multicolor, eye dropper, copy/paste, and various other features. Since memory icons are monotone it originally had a very simple feature set.

It works how one would expect with region updates on the canvas and several sprite caches to support large canvas sizes with a low memory footprint.

Over the weekend I built a web component "mini-framework" that uses signals, avoids decorators, and can use functional components. Would love it if anyone would try it out and let me know what you think!

(It uses preact/signals-core and lighterhtml under the hood)

#webcomponents

github.com/JimSchofield/minne

GitHubGitHub - JimSchofield/minne: An ultra-light web component frameworkAn ultra-light web component framework. Contribute to JimSchofield/minne development by creating an account on GitHub.

I'm happy to roll out the new and improved CEM Inheritance package! This allows API data to be properly inherited in the Custom Elements Manifest for your #webcomponents.

A new feature is that you can now omit inherited APIs from the CEM using JSDoc tags. Enjoy! 😉

wc-toolkit.com/documentation/c

Web Components ToolkitCEM InheritanceMapping inherited content (including class members, attributes, CSS parts, CSS variables, slots, and events) from parent web component classes in the Custom Elements Manifest

I am very excited to announce the new and improved custom element Type Parser! It is designed to parse and store your #webcomponents API #typescript types in the custom elements manifest for better documentation and integration.

This is a significant upgrade from its predecessor as it has been rebuilt from the ground up. It can now parse complex types like generics and utility types.

wc-toolkit.com/documentation/t

Web Components ToolkitType ParserGet access to your API's TypeScript values