Skip to content

Commit a40a351

Browse files
authored
Merge pull request #7 from openwebf/release/0.12.0
2 parents 3fa95e7 + b908b17 commit a40a351

File tree

2 files changed

+99
-2
lines changed

2 files changed

+99
-2
lines changed

README.md

Lines changed: 43 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,52 @@ WebF (Web on the Flutter) is a W3C standard compliant Web rendering engine based
1010

1111
## How to use
1212

13-
@TODO
13+
**packages.yaml**
14+
15+
```yaml
16+
dependencies:
17+
webf: <lastest version>
18+
```
19+
20+
**import**
21+
22+
```
23+
import 'package:webf/webf.dart';
24+
```
25+
26+
**Use WebF Widget**
27+
28+
29+
```Dart
30+
@override
31+
Widget build(BuildContext context) {
32+
final MediaQueryData queryData = MediaQuery.of(context);
33+
final TextEditingController textEditingController = TextEditingController();
34+
final Size viewportSize = queryData.size;
35+
36+
return Scaffold(
37+
body: Center(
38+
child: Column(
39+
children: [
40+
WebF(
41+
devToolsService: ChromeDevToolsService(), // Enable Chrome DevTools Services
42+
viewportWidth: viewportSize.width - queryData.padding.horizontal, // Adjust the viewportWidth
43+
viewportHeight: viewportSize.height - queryData.padding.vertical, // Adjust the viewportHeight
44+
bundle: WebFBundle.fromUrl('https://andycall.oss-accelerate.aliyuncs.com/demo/animation.js'), // The page entry point
45+
),
46+
],
47+
),
48+
));
49+
}
50+
```
1451

1552
## How it works
1653

17-
@TODO
54+
WebF provide a rendering engine which follow the W3C standard like the browser does. It can render HTML/CSS and execute JavaScript. It's built on top of the flutter rendering pipelines and implements its' own layout and paint algorithms.
55+
56+
With WebF, Web Apps and Flutter Apps are sharing the rendering context. It means that you can use Flutter Widgets define your HTML elements and embedded your Web App as a Flutter Widget in your flutter apps.
57+
58+
<img src="https://andycall.oss-accelerate.aliyuncs.com/images/11659542021_.pic.jpg" width="800" style="display: block; margin: 0 auto;" />
1859

1960
## 👏 Contributing [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/openwebf/webf/pulls)
2061

webf/CHANGELOG.md

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,59 @@
1+
## 0.12.0
2+
3+
**Big News**
4+
5+
* Set flutter version requirement to v3.0.5.
6+
7+
**Bug Fixed**
8+
9+
+ Fix devtools select dom position offset. https://github.com/openkraken/kraken/pull/1289
10+
+ Fix the white-flash of canvas painting. https://github.com/openkraken/kraken/pull/1317
11+
+ Fix the memory leak of animation timeline lifecycle. https://github.com/openkraken/kraken/pull/1312
12+
+ Fix request failed while response was gzipped. https://github.com/openkraken/kraken/pull/1302
13+
+ Fix exception in paragraph paint in some edge cases. https://github.com/openkraken/kraken/pull/1334
14+
+ Fix flex-basis with percentage not working. https://github.com/openkraken/kraken/pull/1300
15+
+ Fix memory leak when dispatch gesture events. https://github.com/openkraken/kraken/pull/1333
16+
+ Fix negative margin value. https://github.com/openkraken/kraken/pull/1308
17+
+ Fix margin auto value. https://github.com/openkraken/kraken/pull/1331
18+
+ Fix JS error report twice. https://github.com/openkraken/kraken/pull/1337
19+
+ Fix event concurrent exception. https://github.com/openkraken/kraken/pull/1354
20+
+ Fix text white space collapse. https://github.com/openkraken/kraken/pull/1352
21+
+ Fix inline replaced element layout size. https://github.com/openkraken/kraken/pull/1343
22+
+ Fix event listener remove when call removeEventListener. https://github.com/openkraken/kraken/pull/1357/files
23+
+ Fix error of textNode when attach to WidgetElement. https://github.com/openkraken/kraken/pull/1336
24+
+ Fix null safety error when handle pointer events. https://github.com/openkraken/kraken/pull/1360
25+
+ Fix script element with async attribute error. https://github.com/openkraken/kraken/pull/1358
26+
+ Fix event handlers removal with once time. https://github.com/openkraken/kraken/pull/1359
27+
+ Fix text not wrap in flex container of column direction. https://github.com/openkraken/kraken/pull/1356
28+
+ Fix the sliver with positioned element usage problem. https://github.com/openkraken/kraken/pull/1341
29+
+ Fix set overflow on body can still scroll. https://github.com/openkraken/kraken/pull/1366
30+
+ Fix positioned element offset when containing block has transform. https://github.com/openkraken/kraken/pull/1368
31+
+ Fix replaced flex item size. https://github.com/openkraken/kraken/pull/1338
32+
+ Fix memory usage of img element. https://github.com/openkraken/kraken/pull/1347
33+
+ Fix position: fixed elements hittest not correct. https://github.com/openkraken/kraken/pull/1374
34+
+ Fix html scroll value. https://github.com/openkraken/kraken/pull/1367
35+
+ Fix custom element widget unmount. https://github.com/openkraken/kraken/pull/1375
36+
+ Fix the null value for CSS content-visibility and position. https://github.com/openkraken/kraken/pull/1389
37+
+ Fix custom element item layout. https://github.com/openkraken/kraken/pull/1392
38+
+ Fix script elements sync load order. https://github.com/openkraken/kraken/pull/1405
39+
+ Fix element.style property match. https://github.com/openkraken/kraken/pull/1410
40+
+ Fix viewport dispose twice. https://github.com/openkraken/kraken/pull/1404
41+
+ Fix localToGlobal on silver container. https://github.com/openkraken/kraken/pull/1421
42+
+ Fix add PointerDeviceKind on scrollable. https://github.com/openkraken/kraken/pull/1439
43+
+ Fix add new child of sliver container. https://github.com/openkraken/kraken/pull/1412
44+
+ Fix stylesheet can not load with link elements. https://github.com/openkraken/kraken/pull/1441
45+
+ Fix not support relative protocol. https://github.com/openkraken/kraken/pull/1444
46+
47+
**Features**
48+
49+
+ Add reset for canvas rendering context 2d. https://github.com/openkraken/kraken/pull/1310
50+
+ Add temporary Console panel at Chrome DevTools. https://github.com/openkraken/kraken/pull/1328
51+
+ Add built-in attributes for event handlers. https://github.com/openkraken/kraken/pull/1330
52+
+ Add document.getElementsByName API. https://github.com/openkraken/kraken/pull/1383
53+
+ Add absolute-size & relative-size keywords of font-size. https://github.com/openkraken/kraken/pull/1430
54+
+ Add scroll support of input、textarea、sliver with mouse wheel when setting overflow. https://github.com/openkraken/kraken/pull/1438
55+
56+
157
## 0.11.0
258

359
**Breaking Changes**

0 commit comments

Comments
 (0)