che-server/samples/sample-plugin-embedjs

Description

This sample extension illustrate how to extend Che IDE by using native web components (HTML/JS) not based on GWT.

Read the tutorial at: https://eclipse-che.readme.io/v5.0/docs/embed-htmljs

How to test sample-plugin-embedjs plugin

1- Link to IDE Assembly

The plugin-embedjs extension is only a client-side (IDE) extension. You have to introduce the extension as a dependency in /che/assembly/assembly-ide-war/pom.xml.

Add:

...
<dependency>
  <groupId>org.eclipse.che.sample</groupId>
  <artifactId>che-sample-plugin-embedjs-ide</artifactId>
</dependency>
...

You can insert the dependency anywhere in the list. After you have inserted it, run mvn sortpom:sort and maven will order the pom.xml for you.

2- Register dependency to the GWT application

Link the GUI extension into the GWT app. You will add an <inherits> tag to the module definition. The name of the GWT extension is derived from the direction + package structure given to the GWT module defined in our extension.

In: assembly-ide-war/src/main/resources/org/eclipse/che/ide/IDE.gwt.xml

Add:

...
<inherits name='org.eclipse.che.plugin.embedjsexample.EmbedJSExample'/>
...

3- Rebuild Eclipse Che

# Build a new IDE.war
# This IDE web app will be bundled into the assembly
cd che/assembly/assembly-ide-war
mvn clean install

# Create a new Che assembly that includes all new server- and client-side extensions
cd assembly/assembly-main
mvn clean install

4- Run Eclipse Che

# Start Che using the CLI with your new assembly
# Replace <version> with the actual directory name
export CHE_ASSEMBLY=path_to_che_sources/assembly/assembly-main/target/eclipse-che-<version>/eclipse-che-<version>
che start

Documentation resources

• IDE Setup: https://eclipse-che.readme.io/v5.0/docs/setup-che-workspace
• Building Extensions: https://eclipse-che.readme.io/v5.0/docs/create-and-build-extensions
• Run local Eclipse Che binaries: https://eclipse-che.readme.io/v5.0/docs/usage-docker#local-eclipse-che-binaries