How osaftari-source/pipe-support-span works
Pipe Support Span is a mobile-first browser PWA for preliminary steel pipe-support screening. Users select a verified PIM-2 class or enter pipe details manually, then adjust fluid density, insulation and hydrotest inclusion; changes trigger live calculation of recommended span, load cases and intermediate/end reactions. The code separates input orchestration and calculation in js/app.js from dimensional and reference data in js/data.js, while sw.js caches the app offline and handles updates. README capabilities guide the map; sampled excerpts do not show every calculation detail or all UI wiring.
Main entry points: index.html Input and Results UI · app.js Input and Calculation · sw.js Offline Cache and Updates · data.js PIM-2 Seed Classes
Components 9
Pipe Inputs
- Input and Results UI
index.html - PIM-2 Seed Classes
js/data.js
Span Assessment
- Input and Calculation
js/app.js - Pipe and Span Basis
js/data.js - Span and Reactions
index.html
PWA Delivery
- Install Metadata
manifest.webmanifest - Offline Cache and Updates
sw.js - Browser Cache
Other components
- Site Surveyor
Connections 10
- Site Surveyor → Input and Results UI: enters inputs
- Input and Results UI → Input and Calculation: input events
- Input and Calculation → PIM-2 Seed Classes: reads classes
- Input and Calculation → Pipe and Span Basis: reads dimensions and spans
- Input and Calculation → Span and Reactions: updates live results
- Input and Results UI → Install Metadata: offers installation
- Input and Results UI → Offline Cache and Updates: registers worker
- Offline Cache and Updates → Browser Cache: caches assets
- Browser Cache → Offline Cache and Updates: serves cached requests
- Offline Cache and Updates → Input and Results UI: refreshes clients