Modular Universe Library

The core structural builder for GoGrab Space platforms.

Modular Universe (`modular-universe`)

The Modular Universe library is the "Chassis" of the GoGrab Space platform builder. It provides the structural grid system where Modules, Widgets, and Pages live.

🌟 Key Features

Grid Canvas System:
- Dual layout engine: Flexbox (default, responsive) and CSS Grid (precision).
- Visual Drag-and-Drop resizing and reordering.
- Palette Integration: Drag modules and widgets directly from the sidebar.
Platform Agnostic:
- Designed to export to Flutter (Row/Column), Web (Flex/Grid), and Electron.
Module Integration:
- Acts as the container for all functional modules.
- Smart configuration for "Structural Modules" (Nav, Sidebar).
- Ferrari Editor: Integrated Visual Page Editor for deep content editing.
- Singularity: Logic flow attachment points (hooks).

🏗 Architecture

Key Components

ModularUniverseBuilderComponent: The main orchestrator.
- Sidebar: Module Palette & Tree View.
- Canvas: GridCanvasComponent.
- Inspector: SectionConfigPanelComponent.
ModulePaletteComponent: Draggable list of Building Blocks.
GridCanvasComponent: The visual layout surface supporting drops.

Data Model

LayoutConfiguration: The JSON structure defining the grid.
SectionConfig: Individual cell configuration.
- contentType: 'module', 'widget', 'page', 'empty'.

🚀 Usage

Importing the Builder

import { ModularUniverseRoutes } from '@libs-structural/modular-universe';

// In your routes
{
  path: 'builder',
  children: ModularUniverseRoutes
}

Contract Compliance

This library adheres to the BrowserModuleContract.

Module ID: modular-universe
Type: Structural

Modular Universe (modular-universe)