Registry / web-framework / ui-framework-jps

ui-framework-jps

JSON →
library2.1.12-6jsnpmunverified

A TypeScript-based UI framework for state management and UI components, integrating React, Socket.io, Express, MongoDB, and Chart.js. Current version is 2.1.12-6. Release cadence is irregular; developed as a personal project. Key differentiators: includes real-time features through Socket.io, full-stack capabilities with Express and MongoDB, and uses Bootstrap for styling. However, documentation is incomplete, and the package is in early stages with limited adoption.

npm install ui-framework-jps
INSTALL
IMPORT
SIG · UI-FRAMEWORK-JPS
U
ui-framework-jps
web-frameworkjavascriptv2.1.12-6
Install
Import
Disk
Pass rate
0/ 6
Env Coverage0 / 6
glibc
1822
musl
1822
Install & Compatibility
Where this runs
tested against v? · npm install
Install × environment matrix
Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux
musl
node 18223 runs
build_error
glibc
node 18223 runs
build_error
Code
Verified usage

Verified import paths — ran on the pinned version, not inferred.

default
import uiFramework from 'ui-framework-jps'
const uiFramework = require('ui-framework-jps')
ESM-only package; CommonJS require may lead to default import issues.
Component
import { Component } from 'ui-framework-jps'
import Component from 'ui-framework-jps'
Named export Component must be destructured.
StateManager
import { StateManager } from 'ui-framework-jps'
const StateManager = require('ui-framework-jps').StateManager
Use import statement for tree-shaking.

This quickstart shows how to initialize the framework, use state management, and render a simple React component.

import uiFramework from 'ui-framework-jps'; import { Component, StateManager } from 'ui-framework-jps'; // Initialize with API server URL const app = uiFramework.init({ API_SERVER_URL: process.env.API_SERVER_URL ?? 'http://localhost:3000', DEBUG: true, }); // Create a simple component const MyComponent = () => { const state = StateManager.useState('counter'); return ( <div> <p>Count: {state.value}</p> <button onClick={() => state.set(state.value + 1)}>Increment</button> </div> ); }; app.render('#root', MyComponent);
Debug
Known issues
breakingVersion 2.0.0 changed the initialization API from createApp to init.
fix
Use uiFramework.init() instead of uiFramework.createApp().
affects: >=2.0.0 <3.0.0
deprecateduse of API_SERVER_URL as 'blank' defaults to undefined; future versions may require a valid URL.
fix
Set API_SERVER_URL to a valid URL string.
affects: >=1.0.0
gotchaDEBUG must be set to 'true' as a string, not boolean, in environment variables.
fix
Set DEBUG='true' in .env file.
affects: >=1.0.0
gotchaThe package is ESM-only; using require() will fail unless you use dynamic import.
fix
Use import statements or import() for CommonJS.
affects: >=2.0.0
Errors
Common errors & fixes
TypeError: uiFramework.createApp is not a function
Version >=2.0.0 changed the API to uiFramework.init.
fix
Replace createApp with init.
Error: Cannot find module 'react'
React is a peer dependency but not installed.
fix
Run npm install react react-dom.
Module not found: Error: Can't resolve 'socket.io'
Socket.io is a required dependency.
fix
Run npm install socket.io.
Upgrade
Version history
2.1.12-6latest on npm
Audit
Dependencies
reactrequiredUI component rendering
socket.iorequiredReal-time communication
expressrequiredServer framework
mongodbrequiredDatabase
Agent activity
31 hits · last 30 days
node
28
OpenAI (training)
1
Resources
ui-framework-jps — npm install ui-framework-jps · libregistry