HotFX is a collection of standalone custom elements and frontend code snippets that are like wowwwwwww

Read more at fx.hot.page.

A Year of Web Components

Created for sites built on Hot Page.

Development

To modify the files and see the results on your pages, you can run a development server. First create the SSL certificates following the procedure below and then run:

npm start

If you get the error Error: ENOENT: no such file or directory, open './localhost-key.pem' that is because you haven't created an SSL certificate yet (see below).

Once you can start the server, the files here will be available on localhost like https://localhost:8000/fx-responsive-menu/index.js. Be sure to use https or the browser will show you a very cryptic error.

Create an SSL Certificate for localhost

To run the server and use this with your pages on Hot Page, you will need to serve these files using encrypted https. To do that, it is easiest to install a valid SSL certificate for localhost. This keeps the browser from freaking out when it loads the files. You can install a certicate easily using mkcert (you can read more on web.dev). For example, on MacOS use the following

brew install mkcert
mkcert -install
mkcert localhost

This will generate the certificate in this directory and you should be able to then run the server as described above.

Publish

To publish a new version to NPM, go to the directory of the package and run:

npm version patch
npm publish --access public

A Hot Page Project

This open-source project is built by the engineeers at Hot Page, a tool for web design and development.