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

@clearblade/clearblade-hot-reload

v1.1.8

Published

MQTT connection package for hot-reloading in portal development

Downloads

21

Readme

Clearblade Hot Reload

Overview

Clearblade Hot Reload provides an application allowing any changes made to an exported ClearBlade system's portal inside of a code editor to update the portal in real time when the file is saved.

Highly Recommended
Use ClearBlade Hot Reload integration with CB Dev Kit CLI development tool.

Applications

Clearblade Hot Reload applies to any file changes inside the portal's config directory, including:

  • Portal Config
    • <portalname>.json
  • Datasources
    • meta.json
    • parser.js
  • Internal Resources
    • <filename>.json
    • meta.json
  • Widgets
    • parsers
      • / * / * /index.js
    • meta.json
    • settings.json

Prereqs

ClearBlade Platform System - A system created in a ClearBlade Platform, such as platform.clearblade.com

ClearBlade Portal - A dashboard for custom visualizations with preconfigured integrations with the ClearBlade System to which it belongs. See ClearBlade's documentation for more information.

Setup

  1. If you haven't already, export your system to your local environment using:
cb-cli export
  1. Verify your portal can be found within the portals directory in your exported system

  2. Grant clearblade-hot-reload message topic permissions to role(s) you would like to grant portal development access to. Roles' permissions can be updated in the Roles section of the ClearBlade Developer Console.

  • Individual portal topic name:
    clearblade-hot-reload/portals/<portalname>, or
  • All portals topic name:
    clearblade-hot-reload/# for access to all portals

Usage

  1. Install globally if you will be using package on multiple systems (recommended) or install locally to system directory
npm i -g @clearblade/clearblade-hot-reload

or

npm i --save-dev @clearblade/clearblade-hot-reload
  1. Initialize ClearBlade Hot Reload from within the portal by clicking the icon (displayed below) at the top right of the Dev console on the right side. A success notification should display, else check the console for information on any errors.

alt text

  1. Initialize the hot reload server from the local system directory.
    Note: this will only begin watching for changes made to the <systemname>/portals/<portalname>'s directory. If wanting to integrate with cb-dev-kit for integration with webpack/babel transpilation using a src directory, see CB Dev Kit.
clearblade-hot-reload start

|Flag|Overview|Example| |---|---|---| |portal|Portal name|-portal=<portalName>| |messagePort|Should be set to the same -messagePort the console is running on. Defaults to 1883.|-messagePort=1884| |noSSL|Disables SSL for non-TLS connections on local systems. If on a production system with TLS enabled, ignore this flag and set -messagePort to 1884|-noSSL=true| |caPath|If pointing at a production system and your certificate authority is not DigiCert, you must use -caPath to provide the absolute path of your CA.|-caPath=/*/*/*/ca.pem|