Pluto Notebook - ABAP & SAPUI5 Notebook Application

Overview

Pluto Notebook is a web-based, interactive application built with SAPUI5 that allows ABAP developers to create, manage, and execute ABAP code snippets and rich documentation within a notebook environment. It combines the power of in-line ABAP execution with a user-friendly interface for note-taking and quick referencing.

Key Features

Notebook Management

• Create, Edit, and Delete Notebooks: Easily manage a collection of notebooks for different projects or topics. (e.g., "Daily ABAP Syntax").

• Search and Filter: Quickly find your notebooks using the integrated search and filtering options.

• Detailed Metadata: View creation date, creator, last changed by, and last change time for each notebook.

Interactive Cell-Based Content

The core of the application is the notebook cell, which supports both documentation and code.

1. Rich Text Documentation (HTML)

• HTML Support: Write comprehensive notes, descriptions, and headers within dedicated cells using basic HTML. (The interface shows HTML, making it a powerful documentation tool).

2. ABAP Code Execution

• In-Line ABAP Editor: Write and manage ABAP code snippets directly in the notebook.

• Code Execution: Run the ABAP code in a cell and view the output immediately below the code block. (e.g., WRITE statements and loop results are displayed).

• Syntax Check: Validate your ABAP syntax with a dedicated Syntax Check button to catch errors before execution. (The application correctly identifies errors like a missing period).

• Code Formatting: Use the Prettify function to automatically format your ABAP code according to coding standards.

Technical Stack

• Frontend: SAPUI5

• Backend: ABAP

How to Use

1. Managing Notebooks

1. Click the + Create Notebook button at the bottom of the main list view.

2. In the main list, use the Pencil icon to edit the title/description or the Trash icon to delete a notebook.

2. Working Inside a Notebook

1. Click on a notebook's title to open it.

2. Add a new cell: A notebook consists of multiple cells.

3. Documentation Cells: Use these cells for headings, explanations, and general notes. The application supports basic HTML/rich text.

4. ABAP Code Cells:

   • Enter your ABAP code.

   • Click Execute to run the code and display the output.

   • Click Syntax Check to verify the code without running it.

   • Click Prettify to format your code.

Screenshots

Notebook List

Code Execution with Output

Syntax Error Display

Contributing

Your feedback and contributions are highly welcome! Feel free to open an Issue or submit a Pull Request for bug reports, new features, or improvements.

License

This project is licensed under the MIT License. See the LICENSE file for details.