architecture-patterns
4.9K
data-service
Create data fetching services with circuit breaker pattern for API resilience. Services handle fetch, cache, retry, and expose typed data to panel components.
HKUDS
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
architecture-patterns
4.9K
panel-breaker-backoff
Unified guide for authoring dashboard panel components in vanilla TypeScript — covers the Panel base class architecture, localStorage state persistence, exponential-backoff retry, and CircuitBreaker integration. Shows how to wrap any existing fetchX() service call with CircuitBreaker.execute() as a one-liner and clarifies when each resilience layer is appropriate.
HKUDS
development
architecture-patterns
4.9K
panel-breaker-stateful
Unified dashboard panel pattern combining circuit breaker resilience with enhanced UI features like retry logic, state persistence, and detailed error handling.
HKUDS
development
architecture-patterns
4.9K
panel-data-resilient
Create resilient, data-driven dashboard panels with integrated API handling and UI components, combining circuit breaker patterns with vanilla TypeScript panel architecture.
HKUDS
development
backend
4.9K
api-proxy-endpoint
Create serverless API proxy endpoints that hide API keys and provide a unified backend for the dashboard frontend. Designed for Vercel deployment.
HKUDS
development
backend
4.9K
vanilla-ts-http-route-handler
How to correctly add route handlers in a vanilla TypeScript project that uses http.createServer with a manual switch/case router — without introducing Express Router or Next.js patterns.
HKUDS
development
cms-platforms
4.9K
panel-component
Create a dashboard panel component using vanilla TypeScript DOM API, following the worldmonitor Panel architecture. Panels have a header with title/count, scrollable content area, loading/error states, and resize handles.
HKUDS
development
cms-platforms
4.9K
panel-component-with-push-sidebar
Dashboard panel components (class-based, self-fetching) and push-update sidebar modules (functional, externally-driven) using vanilla TypeScript DOM API, with retry logic, localStorage persistence, and guarded CSS injection.
HKUDS
development
cms-platforms
4.9K
panel-component-xss-safe
Create a dashboard panel component using vanilla TypeScript DOM API, following the worldmonitor Panel architecture. Panels have a header with title/count, scrollable content area, loading/error states, and resize handles. Includes XSS-safe rendering pattern with esc() helper for safely interpolating untrusted external API data into innerHTML.
HKUDS
development
cms-platforms
4.9K
panel-grid-layout
CSS grid layout system for a responsive panel dashboard with dark theme. Uses CSS custom properties, auto-fill grid, and monospace font aesthetic inspired by worldmonitor.
HKUDS
development
framework-internals
4.9K
code-execution-fallback
Handle code execution failures with fallback strategies and anchored workspace paths
HKUDS
development
framework-internals
4.9K
python-execution-fallback
Four-step recovery workflow for code execution failures when inline Python fails
HKUDS
development
frontend
4.9K
http-response-handling
Handle websites requiring JavaScript by using curl with browser headers and validating file types.
HKUDS
development
frontend
4.9K
dynamic-panel-component
Create a dashboard panel component with advanced dynamic content updates and robust error handling, including retry logic and state management, using vanilla TypeScript DOM API.
HKUDS
development
frontend
4.9K
panel-base-advanced
Unified guide for authoring dashboard panel components in vanilla TypeScript — covers the authoritative Panel base class (grid-span persistence, dual resize handles, radar loading animation, exponential-backoff error countdown, data/new badge helpers, full destroy() cleanup), localStorage state via loadMap/saveMap, exponential-backoff retry, and CircuitBreaker integration. Shows how to wrap any existing fetchX() service call with CircuitBreaker.execute() as a one-liner and clarifies when each resilience layer is appropriate.
HKUDS
development
frontend
4.9K
panel-event-forms
Create dashboard panel components with advanced event handling and form validation using vanilla TypeScript DOM API, following the worldmonitor Panel architecture.
HKUDS
development
frontend
4.9K
panel-state-persistence
Unified dashboard panel component with robust error handling, retry logic, state persistence, and vanilla TypeScript implementation.
HKUDS
development
mobile
4.9K
react-localstorage-keyboard-nav
Create React components with localStorage persistence and keyboard navigation support
HKUDS
development
full-stack
4.9K
soap-note-creation
Create structured medical SOAP notes with all four components in a single comprehensive file write
HKUDS
development
full-stack
4.9K
web3-fullstack-systematic-build
Systematic approach to building full-stack Web3 applications layer by layer
HKUDS
development
gaming
4.9K
panel-visual-badges
Create visually rich, robust TypeScript UI components with panel architecture, combining enhanced features like retry logic, state persistence, and dynamic styling with a systematic workflow for visual enhancements.
HKUDS
development
mobile
4.9K
panel-component-colocated-helpers
Enhanced dashboard panel component with robust error handling, retry logic, localStorage persistence, and co-located inline helper functions (e.g. timeAgo, statusIcon) for self-contained, import-light panel implementations.
HKUDS
development
mobile
4.9K
push-based-widget-module-pattern
How to implement sidebar/widget UI components that receive pushed data updates from a caller, using a singleton module pattern with exported factory and update functions plus module-level DOM refs for efficient partial re-renders.
HKUDS
development
package-distribution
4.9K
document-gen-resilient
Multi-path document generation with tool checks, Unicode handling, and Python fallbacks
HKUDS
development