it.rocks

Bricks for a RAD, data- and domain-driven, intuitive web application development framework.

it.rocks is currently under active development, with exciting features and improvements being crafted.
I'm working hard to bring you a usable first release.
Feel free to check back soon, as an initial usable version will be available!

In the meantime, you can explore already deployed building blocks and use them in your projects.

Thank you for your patience and interest.

Play with the sandbox app

Browse packages on npm GitHub logo

Browse source on GitHub

Join me and the community on Discord X logo

Find the latest news on X.com

Core bricks

Here are foundational bricks that form the core of the framework:

action An abstract class for applying actions in your framework, with @Actions and @Need decorators for assignment
action-bar CSS for action button bars with flexible layout and basic styling
action-pack Bundle to define actions and render views for business objects
action-request Domain-oriented action request with path decoding, business object preloading, and action extracting
app-dir A Node.js library to determine the root directory of your project
breadcrumb Dynamically updates the breadcrumb based on containers with data-action 'list' or 'view'
business-pack Tools to structure business objects with storage, validation, and view decorators
class-file Retrieve the absolute file path of an imported class
class-type Helper types and functions to identify, validate, and manipulate classes, objects, prototypes and their properties
class-view Decorators for user-friendly identification of domain classes and objects
collapse Handles adding and removing the 'collapse' class on a .app.menu
collection Identify classes containing collections of objects using decorators
compose Class compositions via configuration file, enabling mixins addition and module exports replacement
composition Manage and query composite and component property structures
config Loads and merges config.yaml files from all dependencies for unified, project-wide configuration
confirm Seamlessly adds a user confirmation step before executing an action
core-responses Prefabricated HTTP it.rocks responses for HTML, JSON, and PDF formats
core-transformers Prefabricated HTML and SQL data transformers for it.rocks primitives and basic types
data-to-object Transforms raw string-based data into a business object with type-safe values
decorator A library that simplifies the declaration, persistence, and retrieval of decorator values
default-action-workflow Defines shared actions across domain objects of your app
dependency Builds a dependency-sorted list of Nodes.js modules
email-address An @EmailAddress() decorator to validate that a property contains a valid email address
fastify Converts Fastify requests to it.rocks agnostic requests and responses back to Fastify
fastify-file-session-store Simple session data persistence for Fastify using JSON files
file File object with it.rocks transformers for form and data handling
form-fetch AJAX fetch for HTML form submissions using form DOM data
framework RAD framework for intuitive web application development, blending data and domain-driven design with modular architecture
lazy-loading Integrates lazy loading for objects and collections in TypeScript classes
links Multiple linked objects input and transporters
list-properties Marks class properties to show as columns in a list/table view
modal Lightweight modal with default styling and auto-close on form submit or link click
mysql Transforms model objects to and from MySQL database records
parameter-name Runtime parameter name reflection from TypeScript declaration files
password @Password() decorator for secure formatting of password fields
property-default Runtime default value reflection from TypeScript files for properties
property-type Runtime type reflection from TypeScript declaration files for properties
property-view Decorators for user-friendly identification and ordering of domain properties
reflect Runtime introspection of TypeScript classes and their properties, including property type
rename Switch the formatting of names stored in strings between different naming conventions
request-response Framework-agnostic module for crafting and handling HTTP requests and responses in TypeScript
required @Required decorator to enforce mandatory properties in data validation
route Domain-driven route manager with automatic generation, decorators, and static routes
sort Declare a default object sort order in your business classes
sorted-array Array subclasses that remain continuously sorted on insert() or push() calls, featuring optimized includes() and indexOf()
sql-functions Library of SQL functions mapping logical expressions to SQL syntax
storage Transforms model objects to and from storage systems
store Marks domain classes for named storage, associates transformers to properties of these class types
template The W3C-valid, browser-previewable, concise, and fast HTML template engine that enables delimiter-less translations
template-insight Extends @itrocks/template with decorator parsing, reflection, and translation features
transformer Transform property values dynamically, enabling data formatting for versatile use cases
translate Manage dynamic string translations with support for variables and composite patterns
uses Apply reusable mixins to your classes effortlessly with the @Uses decorator
ux-core UI component providing a basic it.rocks app container with navigation, title bar, and logout support

Replaceable CRUD features

Implementations for CRUD controller and views.

crud-pack The it.rocks default CRUD pack
delete Deletion action handling the button, user confirmation, data source deletion, and visual feedback
edit Generic action-based object edit form in HTML and JSON
home Default responsive it.rocks app container with navigation, user session, breadcrumb and notifications
list Generic action-based object list navigation in HTML and JSON
menu A flexible and accessible customizable main menu component with sidebar layout
new Generic action-based new object form in HTML and JSON
output Generic action-based object output in HTML and JSON
print Generic action-based PDF representation of object
save Persist object data, processing input from HTML or JSON sources
summary Generic action-based object summary in JSON

Replaceable account and user features

Implementations for account and user management, and signin+signup+forgot+etc processes.

account Business entity representing a client or user account with login credentials
forgot-password Forgot password management for @itrocks/user, including form, token generation, email sending, and secure reset
signup Handles user sign-up for @itrocks/user, with account creation and secure onboarding flow
user Business entity representing a user with a login form, authentication, and logout actions

Front-end reusable bricks for your UX

We needed this for a modern a fluid framework, you can use it integrated or alone.

air-datepicker Simplifies the integration of the air-datepicker component into a web page
asset-loader Dynamically loads CSS and JavaScript files from your modules and appends them to the <head>
auto-focus Sets focus on the first form field within a specified DOM element
auto-redirect Automatically triggers a redirect by simulating a click on a DOM link
autocomplete Editable combobox component featuring smart autocomplete from a list of id-caption pairs for it.rocks
autocompleter Simplifies the integration of the autocompleter component into a web page
build Permanently apply javascript modifiers to your dynamic DOM
contained-auto-width Automatically adjusts the width of elements based on their text content within a list
contenteditable Respectful contenteditable: avoids <div>, respects white-space: pre* styles line breaks
notifications Visual management of a notification list: recent, hidden/visible, read/unread
plugin A structure that allows classes to be extended with new behaviors via plugin
real-viewport-height Maintains a CSS variable --real-vh with the actual visible viewport height
table A lightweight, modular HTML table offering near-spreadsheet features such as edit, freeze, lock, scroll, and more
xtarget The simplest way to choose any element in your DOM as a target for your anchors and forms

Additional bricks for business logic

These are non-foundational bricks which are frequently used in business applications:

domain-components Reusable business components to enrich domain entities with common attributes like active, name, and more
length Decorators @Length, @minlength, @MaxLength to enforce fixed or flexible string length limits on class properties
precision @Precision decorator to define fixed or adaptive decimal precision for numeric values
property-translate A @Translate property decorator that translates a property's value at display time
range A property decorator to specify min-max value ranges, date, numeric or string-based
unit Associates a custom unit with a class property
value Limit property values with @MinValue, @MaxValue, @Values, @Signed

Database maintenance and schema evolution

A set of low-level utilities that simplify database maintenance and schema synchronization:

former-name Stores previous property names to help manage schema changes, legacy data access, and so on
mysql-maintainer Reactively maintains database structure by updating schema and retrying on MySQL errors
mysql-to-schema Extracts a MySQL table structure and converts it into a table schema
reflect-to-schema Converts a TypeScript class and columns structure into a RDB schema
schema Structured representation of RDB databases, including tables, columns, indexes, constraints
schema-diff Compares two table schemas and returns their differences as a structured object
schema-diff-mysql Translates table differences into ALTER TABLE MySQL statements
schema-to-mysql Converts a table schema into MySQL statements for table creation

Bricks for it.rocks framework developers

These bricks make developing @itrocks modules easier:

prepare-module Prepare your front-end module with @itrocks dependencies for npm publishing
webstorm Facilitates developments on the it.rocks framework's source code within a single WebStorm project

More projects for tomorrow

The framework is just the starting point.
We'll push the boundaries of fast, small-to-large-scale application development even further:

RAD Instantly generate data-driven applications with minimal, maintainable code
Spreadsheet Effortlessly create spreadsheet-based applications backed by databases
Graphs Seamlessly integrate graphical visualizations with your data, right out of the box
... and this is just the beginning.