Studio Client SDK

The core SDK that provides the foundation for all framework-specific Studio implementations (React, Vue, Angular, etc.). This package contains all the common functionality needed to integrate Studio into any framework.

<>

Overview

The @contentstack/studio-client package is the base SDK that handles client-level functionality including:

- Drag & Drop (DND) operations
- Highlight Node functionality for visual editing
- Breakpoint Management for responsive design
- Canvas Operations and event handling
- Data Fetching and composition management
- Event System for communication with the studio
- Configuration Management

Key Features

Core Functionality

- SDK Generation: Create framework-agnostic SDK instances
- Data Resolution: Handle data sources and static data binding
- Composition Fetching: Retrieve and manage compositions
- Event Management: Built-in event emitter for studio communication

Visual Builder Features

- Highlight Nodes: Visual feedback for editable elements
- Highlight Spacing: Visual guides for layout adjustments
- Drag & Drop: Seamless element manipulation
- Breakpoint Management: Responsive design breakpoint handling

Developer Tools

- Configuration Processing: User config validation and processing
- Error Handling: Comprehensive error management
- Type Safety: Full TypeScript support
- Event System: Extensible event architecture