E(fx)clipse eclipse con

JavaFX @ eclipse.org
Tom Schindl <tom.schindl@bestsolution.at>
Twitter: @tomsontom
Blog: http://tomsondev.bestsolution.at
Website: http://www.bestsolution.at

(c) BestSolution.at - Licensed under Creative Commons Attribution-NonCommerical-ShareAlike 3.0
About Me
‣ CTO BestSolution.at Systemhaus GmbH
‣ Eclipse Committer
‣ e4
‣ Platform
‣ EMF
‣ Project lead
‣ e(fx)clipse
‣ Twitter: @tomsontom
‣ Blog: tomsondev.bestsolution.at
‣ Cooperate: http://bestsolution.at

Tooling

Tooling News 1.0 - 1.2
‣ CSS-Editor - Add gradient editor

‣ CSS-Editor - Support for custom controls

‣ Java-Editor - Wizard to generate JavaFX Getter/setters

‣ FXML-Editor - Generating controller stub

Reuseable
Tooling

Components for reuse

‣ l10n-DSL: if you Java8, e4 and want dynamic language
flipping

flipping
‣ RRobot-DSL: allows you to describe eclipse-project setups

flipping
‣ LivePreview: Reuse the live preview to present your
textual content in a visual way

flipping
‣ LivePreview: Reuse the live preview to present your
textual content in a visual way
‣ CSSExt-DSL: allows you to define your custom CSS-
Properties

l10n

l10n-DSL

‣ DSL to define translations
l10n-DSL

‣ Uses Xtext
l10n-DSL

‣ Uses Xtext
‣ Generates code and text files
l10n-DSL

‣ Uses Xtext
‣ Generates code and text files
‣ Requires Java8
‣ Makes use of Java8 functional interfaces and method
references
l10n-DSL

l10n-DSL
‣ DSL to store language definitions
package sample.l10n.app.themes {
bundle BasicMessages default en {
HelloWorld {
en : '''Hello World''',
de : '''Hallo Welt'''
}
}
bundle SamplePartMessages default en {
Button_title [ BasicMessages.HelloWorld ]
Current_Date(DATE now) {
en : '''«now "MM/dd/yyyy"»''',
de : '''«now "dd.MM.yyyy"»'''
}
}
}

l10n-DSL
‣ Generated artifacts
‣ ${bundle}.java: e4 message class
‣ ${bundle}.properties: Default transalations
‣ ${bundle}_${lang}.properties: Translations for the lang
‣ ${bundle}Registry.java: Registry to use for binding

‣ Use in code (Sample JavaFX)
l10n-DSL
package sample.l10n.app.themes;
public class SamplePart {
@Inject
SamplePartMessagesRegistry messagesReg;
@PostConstruct
void init(BorderPane pane) {
Button b = new Button();
messagesReg.register(b::setText, messagesReg::Button_title);
pane.setCenter(b);
Label l = new Label();
messagesReg.register(b::setText,
messagesReg.Current_Date_supplier(new Date()));
pane.setTop(l);
}
}

‣ Use in code (Sample SWT)
l10n-DSL
package sample.l10n.app.themes;
public class SamplePart {
@Inject
SamplePartMessagesRegistry messagesReg;
@PostConstruct
void init(Composite pane) {
Button b = new Button(pane,SWT.PUSH);
messagesReg.register(b::setText, messagesReg::Button_title);
Label l = new Label(pane,SWT.NONE);
messagesReg.register(b::setText,
messagesReg.Current_Date_supplier(new Date()));
}
}

Demo
(Elementary)

RRobot-DSL

RRobot-DSL
‣ DSL to describe Eclipse project setups

RRobot-DSL
‣ Uses Xtext

RRobot-DSL
‣ Uses Xtext
‣ Allows to setup
‣ JDT Projects
‣ PDE-Projects Bundles & Features

RRobot-DSL
RobotTask {
// Variables to be used later on
variables = {
## Name of the bundle
STRING "BundleName" default "econsample"
}
projects = {
BundleProject "${BundleName}" {
manifest = ManifestFile "${BundleName}" "1.0.0" "JavaSE-1.8" {
bundlename = "${BundleName}"
vendor = "BestSolution.at"
}
build = BuildProperties {
}
resources = {
Folder "src"
}
rootfragments = {
fragment "default-src" "src"
}
}
}
}

Demo (Run
Task)

LivePreview

LivePreview
‣ LivePreview was developed for FXML/FXGraph immediate
feedback

LivePreview
feedback
‣ Expects FXML passed

LivePreview
feedback
‣ Expects FXML passed
‣ LivePreview requests FXML from editors who adapt to
IFXMLProviderAdapter

Demo (Elemenatry &
Lego-DSL & FXML-
Viewer)

LivePreview
public class FXMLProviderAdapter implements IFXMLProviderAdapter {
private XtextEditor editor;
public FXMLProviderAdapter(XtextEditor editor) {
this.editor = editor;
}
@Override
public IEditorPart getEditorPart() {
return editor;
}
@Override
public String getPreviewFXML() {
return editor.getDocument().readOnly(new IUnitOfWork<String, XtextResource>() {
@Override
public String exec(XtextResource resource) throws Exception {
Injector injector = LegoActivator.getInstance().getInjector("at.bestsolution.lego.Lego");
PreviewGenerator generator = injector.getInstance(PreviewGenerator.class);
return generator.generatePreview((Model) resource.getContents().get(0)).toString();
}
});
}

CSSExt-DSL

CSSExt-DSL
‣ CSS-Editor has NO hard coded properties

CSSExt-DSL
‣ Properties available are defined in an extra file ending
with .cssext

CSSExt-DSL
‣ Properties available are defined in an extra file ending
with .cssext
‣ CSS-Editor looks up .cssext-Files from projects classpath

package svg {
prop_alignment-baseline = [
auto | baseline |
before-edge | text-before-edge |
middle | central | after-edge |
text-after-edge | ideographic | alphabetic |
hanging | mathematical | inherit ];
/**
*
*/
tspan {
/**
* Documentation
*/
alignment-baseline <prop_alignment-baseline> default: auto;
}
}
CSSExt-DSL

Demo (SVG-CSS-
Properties)

Runtime

‣ DI-Extensions: @Log, @ContextValue, @Service

‣ Filesystem-Service

‣ Filesystem-Service
‣ Controls
‣ Filesystem controls
‣ StyledText & JFace-Text-Port

@Log & Logger-API

@Log & Logger-API
‣ Simple slf4j like API
‣ Used internally by e(fx)clipse runtime
‣ Implementation provided as an OSGi-Service/
ServiceLoader

@Log & Logger-API
‣ Simple slf4j like API
‣ Used internally by e(fx)clipse runtime
‣ Implementation provided as an OSGi-Service/
ServiceLoader
‣ Multiple ways to consume
‣ Through OSGi-Service-Registry
‣ Through a factory
‣ Through DI with @Log

@Log & Logger-API
@Component
public class OSGiComponent {
private Logger logger;
@Reference
public synchronized void setLoggerFactory(LoggerFactory factory) {
this.logger = factory.createLogger(OSGiComponent.class.getName());
}
}
OSGi-Component

@Log & Logger-API
public class DIComponent {
@Inject
@Log
}
Eclipse-DI
@Component
@Reference
}
}
OSGi-Component

@Log & Logger-API
public class DIComponent {
@Inject
@Log
}
Eclipse-DI
public class PlainJava {
private static Logger logger =
LoggerCreator.createLogger(PlainJava.class);
}
Plain Java
@Component
@Reference
}
}
OSGi-Component

‣ Current shipped backends
‣ java.util.logging (default)
‣ log4j
‣ slf4j
@Log & Logger-API

@ContextValue
‣ Allows you to abstract away IEclipseContext#modify

@ContextValue
public class ValuePublisherComponent {
@Inject
private IEclipseContext context;
public void publishContext() {
ListView<String> values = new ListView<>();
values.getSelectionModel().selectedItemProperty().addListener(
(o,newVal,oldVal) -> value.modify("contextValue",newVal));
}
}

@ContextValue
@Inject
}
}
@Inject
@ContextValue("contextValue")
private ContextBoundValue<String> value;
(o,newVal,oldVal) -> value.publish(newVal));
}
}

@ContextValue
@Inject
}
}
@Inject
private ContextBoundValue<String> value;
(o,newVal,oldVal) -> value.publish(newVal));
}
}
@Inject
private Property<String> value;
fxProperty.bind(values.getSelectionModel().selectedItemProperty());
}
}

@Service

@Service
‣ Eclipse DI by default does NOT conform to OSGi-Service
semantics
‣ Services can come and go
‣ Requestor of services is important if a ServiceFactory
is used

public class DIServiceConsumer {
@Inject
public void setServices(@Service List<LoggerFactory> serviceList) {
}
@Inject
public void setServices(@Service LoggerFactory serviceList) {
}
}
@Service

Fileystem Service
‣ Service on top of NIO2 low level API

Fileystem Service
‣ Service on top of NIO2 low level API
public class FilesystemSample extends Application {
@Override
public void start(Stage primaryStage) throws Exception {
FilesystemService fs = Util.lookupService(FilesystemSample.class, FilesystemService.class);
Subscription observePath = fs.observePath(Paths.get(URI.create("file:/Users/tomschindl")), (k,p) -> {
System.err.print("filesystem item '"+p+"' has been ");
switch (k) {
case CREATE:
System.err.println("created.");
break;
case DELETE:
System.err.println("deleted.");
break;
default:
System.err.println("modified.");
break;
}
});
// .....
observePath.dispose();
}
}

Filesystem controls

Filesystem controlsFolderViewer

Folder Content Viewer

Folder Content Viewer
FileContentViewer

StyledText APIs
‣ Non Editable Text: StyledLabel & StyledString

StyledText APIs
StyledString s = new StyledString();
s.appendSegment("Hello", "h1");
s.appendSegment("World!", "h1","colorful");
StyledLabel label = new StyledLabel(s);

StyledText APIs
StyledString s = new StyledString();
s.appendSegment("Hello", "h1");
s.appendSegment("World!", "h1","colorful");
StyledLabel label = new StyledLabel(s);
.h1 {
-fx-font-size: 20pt;
}
.colorful {
-fx-font-weight: bold;
-fx-fill: linear-gradient( from 0.0% 0.0% to 100.0% 100.0%, rgb(128,179,128)
0.0, rgb(255,179,102) 100.0);
}

‣ StyledText in List/Table/TreeView
StyledText APIs

StyledText APIs
public interface OutlineItem {
public CharSequence getLabel();
public Node getGraphic();
public OutlineItem getParent();
public ObservableList<OutlineItem> getChildren();
}

StyledText APIs
public interface OutlineItem {
public CharSequence getLabel();
public Node getGraphic();
public OutlineItem getParent();
public ObservableList<OutlineItem> getChildren();
}
private TreeView<OutlineItem> createView() {
TreeView<OutlineItem> outlineView = new TreeView<>();
outlineView.setShowRoot(false);
outlineView.setCellFactory(this::createCell);
return outlineView;
}
TreeCell<OutlineItem> createCell(TreeView<OutlineItem> param) {
return new SimpleTreeCell<OutlineItem>(
i -> i.getLabel(), i -> i.getGraphic(), i ->
Collections.emptyList());
}

StyledText APIs
‣ Editable StyledText

StyledText APIs
StyledTextArea t = new StyledTextArea();
t.getContent().setText("package test;nn…");
t.setStyleRanges(
new StyleRange("keyword",0,6,null,null),
/* */);

StyledText APIs
StyledTextArea t = new StyledTextArea();
t.getContent().setText("package test;nn…");
t.setStyleRanges(
new StyleRange("keyword",0,6,null,null),
/* */);
.keyword {
-styled-text-color: rgb(127, 0, 85);
-fx-font-weight: bold;
}

Compensator

Compensator
‣ Mission 0: Must look slick!

Compensator
‣ Mission 1: Create a simple source editor like Notepad++
who:
‣ Is process light-weight
‣ Makes it easy to add new language highlightings

Compensator
‣ Mission 1: Create a simple source editor like Notepad++
who:
‣ Is process light-weight
‣ Makes it easy to add new language highlightings
‣ Mission 2: Allow the simple source editor to expand to a
(simple) IDE:
‣ where Source-Editor, VCS (git), Ticketsystem (eg.
github), CI (eg. travis) are core components fully
integrated with each other
‣ Easy to integrate: Does not depend on core.resources

Demo (Basic-
Editor + Python
install)

Compensator - HSL+CSS

Python {
partition __dftl_partition_content_type
partition __python_multiline_comment
partition __python_singleline_comment
partition __python_string
rule_damager rule_damager __dftl_partition_content_type {
default token python_default
token python_string
token python_operator
token python_bracket
token python_keyword_return
token python_keyword
keywords python_keyword_return [ "return" ]
keywords python_keyword [
"and", "as", „assert", /* … */]
}
rule_damager __python_singleline_comment {
default token python_single_line_comment
}
/* … */
rule_partitioner {
single_line __python_string '"' => '"'
single_line __python_singleline_comment "#"
multi_line __python_multiline_comment "'''" => "'''"
single_line __python_string "'" => "'"
}
} for "text/python"

Python {
partition __dftl_partition_content_type
partition __python_multiline_comment
partition __python_singleline_comment
partition __python_string
rule_damager rule_damager __dftl_partition_content_type {
default token python_default
token python_string
token python_operator
token python_bracket
token python_keyword_return
token python_keyword
keywords python_keyword_return [ "return" ]
keywords python_keyword [
"and", "as", „assert", /* … */]
}
rule_damager __python_singleline_comment {
default token python_single_line_comment
}
/* … */
rule_partitioner {
single_line __python_string '"' => '"'
single_line __python_singleline_comment "#"
multi_line __python_multiline_comment "'''" => "'''"
single_line __python_string "'" => "'"
}
} for "text/python"
/* */
.Python.styled-text-area .python_doc_default {
}
.Python.styled-text-area .python_single_line_comment {
}
/* */

Demo

Compensator - Roadmap
‣ Tighter integration with git workflow
‣ Improve Java autocomplete & Error Annotations
‣ Support for JavaScript auto-complete & error reporting
‣ Support for Xtext-Languages (their upcoming IntelliJ
support should help us)
‣ Connect it to Flux to get a Flux Compensator

E(fx)clipse eclipse con

Recommended

Recommended

More Related Content

What's hot

What's hot (17)

Viewers also liked

Viewers also liked (7)

Similar to E(fx)clipse eclipse con

Similar to E(fx)clipse eclipse con (20)

Recently uploaded

Recently uploaded (20)

E(fx)clipse eclipse con