Smart.Industrial: 54 web components for browser HMI and SCADA applications, published on npm as smart-industrial

npm install smart-industrial

The components are standards-based Custom Elements with no third-party dependencies. They load from one bundle, source/smart.industrial.js, or one ES module per component, and work in plain JavaScript and in Angular, React and Vue applications.

New Components

• Alarms and status: Alarm Grid (ISA-18.2 alarm summary on the Table), Alarm Banner, Annunciator (ISA-18.1 tile wall), Status Tile, Multi-State Indicator.
• Operator screens and process graphics: HMI Shell (ISA-101 display frame), Faceplate (control loop), Device Control (motor, pump and valve faceplate), Mimic (process diagram canvas), Mimic Symbol (33 ISA-5.1 shapes, and a template for the application's own), Pipe.
• Production floor: Stack Light, State Timeline, Shift Log (the shift's entries, searched and exported), Downtime Log (the line's stops and their reasons).
• Recipes, orders and scheduled jobs: Recipe Panel, Job Panel, Order Queue.
• Maintenance and sites: Asset Card, Site Map.
• Safety and interlocks: Cause and Effect Matrix, Permissive.
• Trends and signals: Trend (historian, with model bands and anomaly markers), Strip Chart, Scope, Spectrum, Control Chart (seven Shewhart chart types with Nelson and Western Electric rules), Comparison Chart.
• Test and measurement: Waveform Graph (waveform and XY records, stacked scales, cursors, annotations, zoom, CSV export), Intensity Graph (matrix as colour, graph and chart modes, colour maps and stops), Digital Waveform (lines and buses, logic analyser view), Bode Plot (transfer functions and measured responses, gain and phase margins), Polar Plot (orbits, antenna patterns, round-out), Octave Bands (IEC 61260 bands, IEC 61672 A and C weighting, limits), Resource Picker (VISA and DAQ resources, parsed).
• Model outputs: Anomaly Heatmap, Root Cause Tree.
• Instrument readouts and controls: Seven Segment, Bar Graph, Knob, Bit Field, Numeric Keypad, Momentary Button, Selector Switch (segmented, rotary, toggle, rocker and slide), Jog Panel, Panel Meter, Thermometer, Touch Keyboard.
• Machine state, sequences and sessions: State Machine (PackML and ISA-88 models built in), Sequence Editor, Terminal.
• Electronic records: E-Signature, Signature Block, Audit Trail (21 CFR Part 11).

The components that act on a plant follow one convention: they raise a request event and do not change their own value; the application writes to the plant and sets the value from what the plant reports. The input controls (knob, bar graph, bit field, thermometer, panel meter, numeric keypad) take the operator's value themselves and raise change.

Modules

• Connect - data sessions over WebSocket, SSE, HTTP polling, a simulator or a custom transport; bindings with quality, staleness and deadband; OPC UA and Sparkplug payload mappers.
• Units - conversion for 25 quantities, including gauge and absolute pressure and temperature differences; unit systems applied through bindings.
• Audit - a hash-chained audit trail, ISO timestamps with offset, record hashes, signature verification, CSV and JSON export.
• AI - context reduction for an operator assistant: alarm flood summaries, trend descriptions, test run reports.
• Maths - DSP (FFT, windows, spectrum, PSD), SPC (control limits, run rules, capability) and series reduction, as plain functions.