Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/McFoggy/cssfx
Allow runtime modification of JavaFX CSS
https://github.com/McFoggy/cssfx
css css-changes hot-reload hot-reloading java javafx
Last synced: 25 days ago
JSON representation
Allow runtime modification of JavaFX CSS
- Host: GitHub
- URL: https://github.com/McFoggy/cssfx
- Owner: McFoggy
- License: apache-2.0
- Created: 2014-11-04T19:28:46.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2023-03-16T12:53:08.000Z (over 1 year ago)
- Last Synced: 2024-10-30T04:36:57.244Z (about 1 month ago)
- Topics: css, css-changes, hot-reload, hot-reloading, java, javafx
- Language: Java
- Homepage:
- Size: 413 KB
- Stars: 164
- Watchers: 9
- Forks: 14
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- AwesomeJavaFX - CssFX - Enhances developer productivity by providing JavaFX CSS reloading functionnality in a running application. Usable as standalone library or integrated in [Scenic View](#ScenicView). (Libraries, Tools and Projects)
- aboutfx - CssFX - tools` | A tool that provides CSS reloading functionality in a running application (hot reload) | (Community / Tools)
README
cssfx
=====
[![Build Status](https://travis-ci.org/McFoggy/cssfx.svg?branch=master)](https://travis-ci.org/McFoggy/cssfx) [![Maven Central](https://maven-badges.herokuapp.com/maven-central/fr.brouillard.oss/cssfx/badge.svg)](https://maven-badges.herokuapp.com/maven-central/fr.brouillard.oss/cssfx) [![Open Hub project report for CSSFX](https://www.openhub.net/p/cssfx/widgets/project_thin_badge.gif)](https://www.openhub.net/p/cssfx?ref=sample)> ⚠ WARNING ⚠
>
> In version `11.3.0` we have relocated & refactored the project.
> * maven `groupId` has been changed to `fr.brouillard.oss`
> * java module name has been changed from `cssfx` to `fr.brouillard.oss.cssfx`
> * classes package has been changed from `org.fxmisc.cssfx` to `fr.brouillard.oss.cssfx`
>
> ⚠ WARNING ⚠CSSFX enhances developer productivity by providing CSS reloading functionality in your running application.
While developing you can run your JavaFX application, modify some CSS sources in your preferred editor, hit save button (or CTLR+S or CMD-S) and your JavaFX application is modified in real time.
[![CSSFX YouTube demo](http://img.youtube.com/vi/RELKg32xEWU/0.jpg)](http://www.youtube.com/watch?v=RELKg32xEWU)
## Project coordinates
## Java >= 11
Versions compatible with JavaFX 11 start with `11.X`.
Find [latest version on central](https://search.maven.org/search?q=g:fr.brouillard.oss%20AND%20a:cssfx) or [old ones](https://search.maven.org/search?q=g:org.fxmisc.cssfx%20AND%20a:cssfx) before relocation.__Maven__
```
fr.brouillard.oss
cssfx
11.4.0```
__Gradle__
```
dependencies {
implementation "fr.brouillard.oss:cssfx:11.4.0"
}
```
__Modular Java__CSSFX does not currently provide a module descriptor, but it defines its module name `fr.brouillard.oss.cssfx`.
If you wish to use CSSFX from a modular javafx application you will need to require it for the moment as an automatic module.
```java
// module-info.java
module your.module.name {
requires fr.brouillard.oss.cssfx;
}
```## Java 8
Versions compatible with JavaFX 8 are all `1.X` versions (see [latest on central](https://search.maven.org/search?q=g:org.fxmisc.cssfx%20AND%20a:cssfx%20AND%20v:1.*))
__Maven__
```
org.fxmisc.cssfx
cssfx
1.1.1```
__Gradle__
```
dependencies {
implementation "org.fxmisc.cssfx:cssfx:1.1.1"
}
```## Usages
### Embedded
Starting monitoring CSS changes in development is as simple as adding one line in your application code.
```
CSSFX.start()
```Doing so CSSFX will start to track every CSS resource that will be declared on any Scene or Parent in your application. This monitoring will be active for all the Stage that your application will use.
You can also disable CSSFX by adding the following argument to the JVM: `-Dcssfx.disable=true`.### Mapping URIs to files on disk
CSSFX uses a functional interface URIToPathConverter (a function in fact) in order to be able to map CSS uris to file on the disk.
By providing several default implementations CSSFX is expected to run for you out of the box, without changes.
CSSFX comes with converters for:
- Maven
- Gradle
- execution from jar fileBy registering new converters, you can influence the way CSSFX resolves the files to monitor, see next paragraph for an example
If you think that CSSFX is missing some default converters, please post a [new issue](https://github.com/McFoggy/cssfx/issues/new) or create a [pull request](https://github.com/McFoggy/cssfx/compare/).
#### Converter example
Let's consider the following situation (sorry for the windows like path, you'll transform by yourself for other envs):
* my app is packaged in c:/jars/myapp.jar
* my sources are located in c:/projects/myapp/src/...In order to support this setup, you could create your converter and use it in CSSFX
```java
URIToPathConverter myConverter = new URIToPathConverter() {
@Override
public Path convert(String uri) {
Matcher m = Pattern.compile("jar:file:/.*\\.jar!/(.*\\.css)").matcher(uri);
if (m.matches()) {
final String sourceFile = m.replaceFirst("c:/projects/myapp/src/$1").replace('/', '\\');
return Paths.get(sourceFile);
}
return null;
}
};CSSFX.addConverter(myConverter).start();
```### Embedded with homemade configuration
If you need more control on how CSSFX will monitor your application & CSS changes, then you can use some extended functionalities of the `CSSFX` builder class.
There you will be able to:
- add/reset converters
- restrict monitoring on
- one Stage
- one Scene
- one Node### As an external application
TODO
### As a java agent
TODO
### Logging in CSSFX
CSSFX comes with a mini logging framework.
CSSFX supports different properties to change default logging behavior
| System Property | Description |
|:----------:|:------------------|
|`cssfx.log`|activates CSSFX logging|
|`cssfx.log.level`|set the logging level to use, possible values `NONE ERROR WARN INFO DEBUG`, default is `INFO`|
|`cssfx.log.type`|set the type of "appender" to use, possible values `none console jul`, default is `console` |You can also register your own LoggerFactory.
```java
CSSFXLogger.setLoggerFactory((loggerName) -> (level, message, args) -> {
System.out.println("I log by myself, original message: " + String.format(message, args));
});
```## Build & release
### Normal build
- `mvnw clean install` : UI tests are run headless
- `mvnw -P-ci clean install` : UI tests are run visible on screen### Release
- `mvnw -Prelease,ci clean install`: this will simulate a full build for oss delivery (javadoc, source attachement, GPG signature, ...)
- `git tag -a -s -m "release X.Y.Z, additionnal reason" X.Y.Z`: tag the current HEAD with the given tag name. The tag is signed by the author of the release. Adapt with gpg key of maintainer.
- Matthieu Brouillard command: `git tag -a -s -u 2AB5F258 -m "release X.Y.Z, additional reason" X.Y.Z`
- Matthieu Brouillard [public key](https://sks-keyservers.net/pks/lookup?op=get&search=0x8139E8632AB5F258)
- `mvnw -Prelease,ci -DskipTests deploy`
- `git push --follow-tags origin master`## Credits
Many thanks to the [JPro](https://www.jpro.one/) company which actively supports [cssfx](https://github.com/McFoggy/cssfx) and promotes its usage.
Also, a big _thank you_ to all [contributors](https://github.com/McFoggy/cssfx/graphs/contributors) and people who reported issues or enhancement requests ; an OSS project is nothing without its users and community.
Special thanks to [Tomas Mikula](https://github.com/TomasMikula) and his [FXMisc](http://www.fxmisc.org/) project umbrella that have simplified the route of CSSFX to maven central prior to version `11.3.0`.