This tutorial will teach you the basics of writing plugins that run inside the Eclipse framework. You will learn about editors, views, and extension points by creating one of each yourself. Once you're done with this tutorial, you will have an application that will look something like this:

You may want to download the slides of the presentation explaining the basic concepts you will explore in this tutorial.

Preliminaries

There's a few things to do before we dive into the tutorial itself. For example, to do Eclipse programming, you will have to get your hands on an Eclipse installation first. Read through the following sections to get ready for the tutorial tasks.

Required Software

For this tutorial, we need you to have Eclipse and Git installed:

  1. Install Eclipse. For what we do, we recommend installing the Eclipse Modeling Tools, with a few extras. Our Wiki page on getting Eclipse has the details: simply follow the instructions for downloading and installing Eclipse and you should be set.
  2. You should already have obtained a working Git installation for the first tutorial.

General Remarks

Over the course of this tutorial, you will be writing a bit of code. Here's a few rules we ask you to follow:

Finding Documentation

During the tutorial, we will cover each topic only briefly, so it is always a good idea to find more information online. Here's some more resources that will prove helpful:

You will find that despite of all of these resources Eclipse is still not as well commented and documented as we'd like it to be. Finding out how stuff works in the world of Eclipse can thus sometimes be a challenge. However, this does not only apply to you, but also to many people who are conveniently connected by something called The Internet. It should go without saying that if all else fails, Google often turns up great tutorials or solutions to problems you may run into. And if it doesn't, Miro and I will be happy to help you as well.

Preparing the Repository

We have created a Git repository for everyone to do his tutorials in. You can access the repository online through our Stash tool over here. You will first have to configure your Stash account:

  1. Login with your Rtsys account information.
  2. Through the button in the top right corner, access your profile.
  3. Switch to the SSH keys tab.
  4. Click Add Key and upload a public SSH key that you want to use to access the repository.

You should now be able to access the repository. Clone it:

  1. Open a console window and navigate to an empty directory that the repository should be placed in.
  2. Enter the command ssh://git@git.rtsys.informatik.uni-kiel.de:7999/PRAK/12ws-eclipse-tutorials.git . (including the final dot, which tells git to clone the repository into the current directory instead of a subdirectory).
  3. You should now have a clone of the repository in the current directory.

You will use this repository for all your tutorial work, along with everyone else. To make sure that you don't interfere with each other, everyone will work on a different branch. This is not exactly how people usually use Git, but goes to demonstrate Git's flexibility... Add a branch for you to work in:

  1. Enter git checkout -b login_name

You have just added and checked out a new branch. Everything you commit will go to this branch. To push your local commits to the server (which you will need to do so we can access your results), do the following:

  1. Enter git push origin login_name

You would usually have to enter git pull first, but since nobody will mess with your branch this won't be necessary. By the way, you only need to mention origin login_name with the first git push, since Git doesn't know where to push the branch yet. After the first time, Git remembers the information and it will be enough to just enter git push.

Creating a Simple Text Editor

OK, with all the preliminaries out of the way let's get working. Fire up Eclipse, choose an empty workspace, close the Welcome panel it will present you with and follow the following steps.

Creating a New Plugin

For our text editor to integrate into Eclipse, we need to create a plug-in project for it:

  1. New -> Project...
  2. In the project wizard, choose Plug-in Project and click Next.
  3. As the project name, enter de.cau.cs.rtprak.login.simple. Uncheck Use default location (which would put the project into your workspace), and put it into your local clone of the Git repository instead (the Location should read something like /path/to/git/repository/de.cau.cs.rtprak.login.simple). Click Next.
  4. As the name, enter Simple (login). Also, make sure that Generate an activator and This plug-in will make contributions to the UI are both checked. Click Finish. (Eclipse might ask you whether you want to switch to the Plug-in Development Perspective, which configures Eclipse to provide the views that are important for plug-in development. Choose Yes. Or No. It won't have a big influence on your future...)
  5. Eclipse has now created your new plug-in and was nice enough to open the Plug-in Manifest Editor, which allows you to graphically edit two important files of your plugin: plugin.xml and META-INF/MANIFEST.MF. (By the way, this would be a great time to research the editor and the two files online.) Basically, those two files provide information that tell Eclipse what other plug-ins your plug-in needs and how it works together with other plug-ins by providing extensions and extension points. Our new plug-in will depend on two other plug-ins, so switch to the Dependencies tab of the editor and add dependencies to org.eclipse.ui.editors and org.eclipse.jface.text. Save the editor and close it. (You can always reopen it by opening one of the two mentioned files from the Package Explorer.)
  6. Tell Eclipse that the project is inside a Git repository. Right-click on the project, click Team, and click Share Project. Select Git as the repository type and click Next. The repository information should appear and you should be able to simply click Finish.

Create the Main Editor Class

We will now create the class that implements the simple text editor. There won't be any programming involved here since we're lazy; instead, we will just inherit from an existing simple text editor.

  1. New -> Class.
  2. Package: de.cau.cs.rtprak.login.simple.editors. Name: SimpleEditorPart. Superclass: org.eclipse.ui.editors.text.TextEditor. Click Finish.

Register the Editor

For the editor to be available inside Eclipse, we will have to register it by adding an extension to an extension point.

  1. Copy the attached file to a new subfolder icons in the plug-in folder (right-click the plug-in folder in the Package Explorer and choose New -> Folder...). You can copy the file by importing it from inside Eclipse (File -> Import... -> File System) or by copying it from outside Eclipse and refreshing the plug-in project afterwards (right-click the plug-in folder in the Package Explorer and choose Refresh).
  2. Open the Plug-in Manifest Editor again and switch to the Extensions tab.
  3. Click Add..., choose the org.eclipse.ui.editors extension point and click Finish.
  4. The extension point is now shown in the list of extensions, along with an editor extension. Select that extension and edit its details using the fields on the right. Set the ID to de.cau.cs.rtprak.login.simple.editor, the name to Simple Text Editor, the icon to icons/turing-file.gif, the extensions to simple, the class to de.cau.cs.rtprak.login.simple.editors.SimpleEditorPart, and the default to true.
  5. Save the manifest editor.

Test the Editor

It's time to test your new simple editor in a new Eclipse instance.

  1. Switch back to the Overview tab of the Plug-in Manifest Editor.
  2. Click Launch an Eclipse Application.
  3. In the new Eclipse instance, click New -> Project... -> General -> Project. Enter test as the project name.
  4. Right-click the new project and click New -> File... As the file name, enter test.simple. This will create a new file with that name and open the file in your newly added text editor. (You can see that it is your editor by looking at the editor icon, which should look like the icon you downloaded and put into the icons folder.)

Creating a Simple View

The next task consists of creating a view that is able to display the state of a Turing Machine. We will do this using a table with one column, where each row represents an entry on the tape of the Turing Machine. The tape shall be infinite to one side, and the position of the read/write head shall be movable by two buttons. The content of the tape shall be determined by the currently active instance of our simple text editor.

In the following, we will be making use of the Standard Widget Toolkit (SWT) and JFace to build a user interface. It might be a good idea now to search for an introduction to SWT and JFace concepts on the Internet before you proceed.

Creating the View Class

We will start by creating a class that will define the view.

  1. Create a class TapeViewPart in a new package de.cau.cs.rtprak.login.simple.views that extends the ViewPart class. (make sure that in the New Java Class wizard, the option Inherited abstract methods is checked.)
  2. Add a private field tableViewer of type TableViewer.
  3. Your TableViewPart contains a still empty method createPartControl. This method will be responsible for creating the user interface components of your view. Add the following code to create the table we want to display:

    Table table = new Table(parent, SWT.BORDER);
    table.setHeaderVisible(true);
    TableColumn column = new TableColumn(table, SWT.NONE);
    column.setWidth(80);
    column.setText("Tape Data");
    tableViewer = new TableViewer(table);
  4. The setFocus method controls what happens when your part gets the focus. Make sure the focus will then automatically be set to the table by adding the following code:

    tableViewer.getControl().setFocus();

Create the View Extension

We will now have to register our new view with Eclipse so that it can be seamlessly integrated into the workbench.

  1. Copy the three files tape_head.gif, head_present.gif, and head_absent.gif to the icons subfolder of your plug-in as you did it before. (You might need to refresh your project again if you did the copying outside of Eclipse.)
  2. Open the plugin.xml file in the Plugin Manifest Editor and switch to the Extensions tab.
  3. Click Add to add a new extension for the extension point org.eclipse.ui.views. Right-click the newly added extension and add a new view element through the New menu.
  4. Set the view element's properties as follows: ID de.cau.cs.rtprak.login.simple.view, name Tape, class de.cau.cs.rtprak.login.simple.views.TapeViewPart, category org.eclipse.ui, icon icons/tape_head.gif.

When you start the application, you should now be able to open your view by clicking Window -> Show View -> Other.

Add Content and Label Providers

The idea of JFace viewers is to abstract a bit from the underlying widget (in our case, the table) and instead work on data models that are to be viewed. Instead of adding items to the table directly, the table viewer is supplied with an input object, a content provider, and a label provider. The content provider allows the viewer to make sense of the input object and basically allows the viewer to access the input object's data. The label provider translates each item of data into text and icons that can be used to present the item to the user in the table.

We will now create content and label providers to do just that.

  1. Create a class TuringTape in a new package de.cau.cs.rtprak.login.simple.model with the following fields:

    private int headPosition = 1;
    private StringBuffer text = new StringBuffer();

    Also add corresponding getter and setter methods. (You can simply right-click somewhere in the class and choose Source -> Generate Getters and Setters.)

  2. Add two constants to the class:

    public static final char START_CHAR = '\u25b7';
    public static final char BLANK_CHAR = '\u25fb';
  3. Add a method getCharacter(int pos) that calculates the tape character at position pos as follows:
  4. Add a private field tape of type TuringTape to TapeViewPart and initialize it with a new instance.
  5. Create a class TapeData in de.cau.cs.rtprak.login.simple.model with two fields int index and char character, and add a constructor for initialization as well as corresponding getter methods.
  6. Create a class TapeContentProvider in the de.cau.cs.rtprak.login.simple.views package that implements IStructuredContentProvider.
  7. Create a class TapeLabelProvider in the de.cau.cs.rtprak.login.simple.views package that extends BaseLabelProvider and implements ITableLabelProvider.
  8. Add the following lines to createPartControl() in TapeViewPart:

    tableViewer.setContentProvider(new TapeContentProvider());
    tableViewer.setLabelProvider(new TapeLabelProvider(tape));
    tableViewer.setInput(tape);

Use Simple Text Editor as Tape View Input

We will now add code to make the Tape view display the content of a currently active Simple Text Editor.

  1. Add the following methods to SimpleEditorPart:

    /**
     * Returns the text that is currently displayed in the editor.
     * @return the currently displayed text
     */
    public String getText() {
        return getDocumentProvider().getDocument(getEditorInput()).get();
    }
    /** The listener that is currently registered for this editor. */
    private IDocumentListener registeredListener;
    /**
     * Registers the given runnable as listener for changes to the text
     * of this editor.
     * @param runnable a runnable to register as text listener
     */
    public void registerTextListener(final Runnable runnable) {
        registeredListener = new IDocumentListener() {
            public void documentAboutToBeChanged(DocumentEvent event) {}
            public void documentChanged(DocumentEvent event) {
                runnable.run();
            }
        };
        getDocumentProvider().getDocument(getEditorInput())
                .addDocumentListener(registeredListener);
    }
    /**
     * Removes the last registered text listener.
     */
    public void disposeTextListener() {
        if (registeredListener != null) {
            if (getDocumentProvider() != null) {
                getDocumentProvider().getDocument(getEditorInput())
                        .removeDocumentListener(registeredListener);
            }
            registeredListener = null;
        }
    }
  2. Add the following code to TapeViewPart:

    /** The editor part that is currently set as input for the viewer. */
    private SimpleEditorPart currentInput;
    /**
     * Sets the displayed text of the given editor part as input of the
     * viewer, if the editor part is a SimpleEditorPart.
     * @param part workbench part to set as input
     */
    private void setInput(final IWorkbenchPart part) {
        if (part instanceof SimpleEditorPart && part != currentInput) {
            if (currentInput != null) {
                currentInput.disposeTextListener();
            }
            currentInput = (SimpleEditorPart) part;
            Runnable runnable = new Runnable() {
                public void run() {
                    tape.setText(new StringBuffer(currentInput.getText()));
                    tableViewer.refresh();
                }
            };
            runnable.run();
            currentInput.registerTextListener(runnable);
        }
    }
  3. Add the following code to createPartControl():

    IWorkbenchWindow workbenchWindow = getSite().getWorkbenchWindow();
    IWorkbenchPage activePage = workbenchWindow.getActivePage();
    if (activePage != null) {
        setInput(activePage.getActivePart());
    }
    workbenchWindow.getPartService().addPartListener(new IPartListener() {
            public void partActivated(final IWorkbenchPart part) {
                setInput(part);
            }
            public void partDeactivated(final IWorkbenchPart part) {}
            public void partBroughtToTop(final IWorkbenchPart part) {}
            public void partClosed(final IWorkbenchPart part) {}
            public void partOpened(final IWorkbenchPart part) {}
    });

Create Actions to Move the Tape Head

If we want to add buttons to the view's tool bar, we will have to ask its IToolbarManager to do that for us:

  1. Get the tool bar manager using the following code:

    IToolBarManager toolBarManager = getViewSite().getActionBars().getToolBarManager();
  2. Add two actions to the toolbar manager by extending the class Action and implementing the run()method.

Test the View

If you open an instance of the simple text editor and open the Tape view, the view should correctly display the editor's text on a tape, and the L and R buttons should move the tape head.

Creating an Extension Point

For the final part of the tutorial, we will now use the extension point mechanism of Eclipse to add some behavior to our Turing Machines. An extension point is basically a well-defined point where other plug-ins can register to add functionality. The extension point is basically defined by an XML Schema file that defines an interface; other plug-ins may access this interface using XML code in their plugin.xml file, so-called extensions. Our extension point will provide an interface for classes that define behavior of a Turing Machine, and we will call them head controllers (programs that control the tape head).

Defining a Command Class

We will start by defining a class representing a command that will be passed to a selected head controller.

  1. Add a class HeadCommand to the package de.cau.cs.rtprak.login.simple.controller.
  2. Add a nested public static enumeration Action with values WRITE, ERASE, and NULL.
  3. Add a nested public static enumeration Direction with values LEFT, RIGHT, and NONE.
  4. Add the following private fields:

    private Action action;
    private Direction direction;
    private char newChar;
  5. Add a constructor to initialize the fields.
  6. Add getter methods to access the fields.

Defining the Controller Interface

We will now define an interface that all head controllers will have to implement:

  1. Add an interface IHeadController in the package de.cau.cs.rtprak.login.simple.controller.
  2. Add the following methods to the interface:

    /**
     * Calculate the next command depending on the currently seen character.
     * @param character the currently seen character
     * @return the next command specifying which character to write and
     *     which direction to move the head
     */
    HeadCommand nextCommand(char character);
    
    /**
     * Reset the internal state of the head controller.
     */
    void reset();

Defining the Extension Point

We will now define the extension point that head controllers will be registered at.

  1. Open the plugin.xml file in the Plugin Manifest Editor and switch to the Extension Points tab.
  2. Click the Add button and enter de.cau.cs.rtprak.login.simple.headControllers as the extension point's ID, and Head Controllers as its name. Shorten the schema file's file name to schema/headControllers.exsd. Make sure that Edit extension point schema when done is checked and click Finish.
  3. Eclipse will now have opened the new schema file in the Extension Point Schema Editor, a graphical editor similar to the Plugin Manifest Editor that provides a way to define things that might be easier than directly editing the text files.
  4. In the new editor, open the Definition tab.
  5. Add a new element named controller.
  6. Add three new attributes to the controller element:
  7. Add a sequence to the extension element. Right-click the sequence and click New -> controller. Set the Min Occurrences of the sequence to 0, and set Max Occurrences to be Unbounded.
  8. Save the editor and switch back to the Plugin Manifest Editor.
  9. On the Runtime tab, add de.cau.cs.rtprak.login.simple.controller to the list of packages exported by the plug-in. This is necessary because plug-ins that want to provide extensions for the extension point must provide a class that implements IHeadController. For this to work, those plug-ins must have access to that interface; thus, we have to export the package containing it.

Accessing the Extension Point

We will now add a class that will be in charge of loading all extensions registered at our new extension point.

  1. Add a class HeadControllers to the package de.cau.cs.rtprak.login.simple.controller. Add the following code, replacing login with your login name in EXTENSION_POINT_ID as usual:

    /**
     * Class that gathers extension data from the 'headControllers' extension point
     * and publishes this data using the singleton pattern.
     * @author msp
     */
    public class HeadControllers {
        /** Identifier of the extension point */
        public final static String EXTENSION_POINT_ID = "de.cau.cs.rtprak.login.simple.headControllers";
        /** The singleton instance of the {@code HeadControllers} class */
        public final static HeadControllers INSTANCE = new HeadControllers();
        /** list of head controller ids with associated names. */
        private List<String[]> controllerNames = new LinkedList<String[]>();
        /** map of controller ids to their runtime instances. */
        private Map<String, IHeadController> controllerMap = new HashMap<String, IHeadController>();
        /**
         * Creates an instance of this class and gathers extension data.
         */
        HeadControllers() {
            IConfigurationElement[] elements = Platform.getExtensionRegistry()
                    .getConfigurationElementsFor(EXTENSION_POINT_ID);
            for (IConfigurationElement element : elements)  {
                if ("controller".equals(element.getName())) {
                    String id = element.getAttribute("id");
                    String name = element.getAttribute("name");
                    if (id != null && name != null) {
                        try {
                            IHeadController controller = (IHeadController)element
                                    .createExecutableExtension("class");
                            controllerNames.add(new String[] {id, name});
                            controllerMap.put(id, controller);
                        }
                        catch (CoreException exception) {
                            StatusManager.getManager().handle(exception, Activator.PLUGIN_ID);
                        }
                    }
                }
            }
        }
        
        /**
         * Returns a list of controller ids and names. The arrays in the list are
         * all of size 2: the first element is an id, and the second element is the
         * associated name. The controller name is a user-friendly string to be
         * displayed in the UI.
         * @return a list of controller ids and names
         */
        public List<String[]> getControllerNames() {
            return controllerNames;
        }
        
        /**
         * Returns the head controller instance for the given id.
         * @param id identifier of a head controller
         * @return the associated controller
         */
        public IHeadController getController(final String id) {
            return controllerMap.get(id);
        }
    }

Adding Support for Head Controllers to the View

We will now have to add support for head controllers to our view.

  1. Open the TapeViewPart class and add the private fields checkedControllerAction of type IAction and currentController of type IHeadController.
  2. Add a list of registered head controllers to the view's menu (which can be opened using the small white triangle) in the createPartControl() method:

    IMenuManager menuManager = getViewSite().getActionBars().getMenuManager();
    for (String[] controllerName : HeadControllers.INSTANCE.getControllerNames()) {
        final String id = controllerName[0];
        String name = controllerName[1];
        Action action = new Action(name, IAction.AS_RADIO_BUTTON) {
            public void run() {
                if (checkedControllerAction != null) {
                    checkedControllerAction.setChecked(false);
                }
                this.setChecked(true);
                checkedControllerAction = this;
                currentController = HeadControllers.INSTANCE.getController(id);
            }
        };
        if (checkedControllerAction == null) {
            action.run();
        }
        menuManager.add(action);
    }
  3. Implement the following method in the TuringTape class:

    public void execute(final IHeadController controller)

    The method shall have the following properties:


  4. Copy the files step.gif and reset.gif to the icons folder.
  5. Add an action to the toolbar of the Tape view with text Step and icon step.png which does the following:
  6. Add another action with text Reset and icon reset.png which does the following:

Adding a Test Head Controller

Before creating a proper head controller in another plug-in, we will add a test controller to check whether all this stuff works.

  1. Add a new class NullController to the de.cau.cs.rtprak.login.simple.controllers package:

    /**
     * Head controller that does nothing, for testing.
     * @author msp
     */
    public class NullController implements IHeadController {
        /**
         * {@inheritDoc}
         */
        public HeadCommand nextCommand(final char character) {
            return new HeadCommand(Action.NULL, Direction.NONE, '_');
        }
        
        /**
         * {@inheritDoc}
         */
        public void reset() {
        }
    }
  2. Open the Plugin Manifest Editor and switch to the Extensions tab. Add your de.cau.cs.rtprak.login.simple.headControllers extension point. Add a controller element with ID de.cau.cs.rtprak.login.simple.nullController, name Null Controller, and class de.cau.cs.rtprak.login.simple.controller.NullController.
  3. Start the application and observe how your program behaves if you change the action and direction in the NullController class. You can actually change both while the application is running, but only if you have started it in the Debug mode. In that case, Eclipse will actually hot-swap your changes into the running application. Sorcery!

Implementing Your Own Head Controller

We will now create a new plug-in with a new head controller:

  1. Create a new plug-in de.cau.cs.rtprak.login.simple.extension. (Remember to create the project in your Git repository.) In the Plugin Manifest Editor, add de.cau.cs.rtprak.login.simple to the dependencies of the new plug-in.
  2. Create a new class that implements IHeadController:
  3. Register the new controller class using an extension in the new plug-in.
  4. Test your controller.

Congratulations!

Congratulations, you just made a big step towards understanding how Eclipse works. Plus, you've refreshed your knowledge on Turing Machines along the way. (wink) Eclipse is an industry standard technology, and having experience programming against it is a valuable skill for you.

If you have any comments and suggestions for improvement concerning this tutorial, please don't hesitate to tell us about them!