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

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (17)

En vedette

En vedette (7)

Similaire à E(fx)clipse eclipse con

Similaire à E(fx)clipse eclipse con (20)

Dernier

Dernier (20)

E(fx)clipse eclipse con