Blocks

Blocks are the fundamental building units of your Ideon canvas. Each block type is designed for a specific purpose.

Block Types

1. Core Block

The central block of a project. It usually represents the project's name and high-level description.

• Features: Large title, description.
• Use Case: Project identity.

2. Snippet Block

A code editor block with syntax highlighting.

• Features: Syntax highlighting for JS, TS, Python, CSS, JSON, etc.
• Use Case: Storing code snippets, config examples, or technical notes.

3. Note Block (Plain Text)

A simple rich-text editor for taking notes.

• Features: Markdown support, resizable.
• Use Case: Brainstorming, documentation, meeting notes.

4. Link Block

A bookmark to an external resource.

• Features: Fetches Open Graph metadata (title, image, description) automatically.
• Use Case: Linking to documentation, inspiration, or external tools.

5. Contact Block

Represents a person or a role.

• Features: Name, role, contact info.
• Use Case: Mapping stakeholders, team members, or user personas.

6. Checklist Block

A task list with checkboxes.

• Features: Add/remove items, check/uncheck.
• Use Case: Todo lists, requirements, acceptance criteria.

7. Palette Block

A color palette generator and storage.

• Features: Generate palettes, store hex codes.
• Use Case: Design systems, branding.

8. Video Block

Embeds a video player.

• Features: Supports YouTube/Vimeo links.
• Use Case: Tutorials, demos, references.

9. GitHub Block

A direct integration with a GitHub repository.

• Features: Displays repository stats (stars, forks, issues) and links directly to the repo.
• Use Case: Tracking related repositories, dependencies, or the project repo itself.

10. File Block

Allows uploading or linking to files.

• Features: Supports various file types.
• Use Case: Attaching design assets, PDFs, or other documents.

Interacting with Blocks

• Move: Drag blocks to reposition them on the infinite canvas.
• Resize: Drag the corners to resize compatible blocks (Note, Snippet, etc.).
• Connect: Drag from a handle to another block to create a connection (edge).
• Edit: Click to edit content.
• Lock: Owners can lock blocks to prevent accidental movement or editing.
• Ownership: You can transfer ownership of a block to another collaborator.