Skip to main content

Workspace Development (Private)

Private Repository

The workspace repository is private and only accessible to Naas team members.

Overview

The Naas workspace is the React-based web application that provides the main user interface for the platform.

Repository: workspace (Private)

Development Setup

# Team members only - requires repository access
git clone https://github.com/jupyter-naas/workspace.git
cd workspace

# Install dependencies
npm install

# Start development server
npm run dev

Architecture

  • Technology: React, TypeScript, Vite
  • State Management: Redux Toolkit
  • UI Components: Custom design system
  • Build Tool: Vite with hot reload

Key Components

src/
├── components/ # Reusable UI components
├── pages/ # Application pages
├── store/ # Redux state management
├── hooks/ # Custom React hooks
├── api/ # API client integration
└── utils/ # Utility functions

Development Guidelines

API Integration

// Example API call
import { useApiClient } from '@/hooks/useApiClient';

const MyComponent = () => {
const api = useApiClient();

const handleCreateAgent = async (data) => {
const response = await api.agents.create(data);
// Handle response
};
};

Component Standards

  • Use TypeScript for all components
  • Follow atomic design principles
  • Implement proper error boundaries
  • Add loading states for async operations

Access Requirements

  • Naas team membership required
  • GitHub repository access
  • Development environment setup by DevOps team

Contact the development team for access requests.