resize_observer_polyfill_wrapper 1.0.0

  • README.md
  • CHANGELOG.md
  • Example
  • Installing
  • Versions
  • 48

ResizeObserver Polyfill Wrapper

A Dart wrapper around the ResizeObserver Polyfill. Uses the js Dart package to interop with the JS lib.

Pub Build Status dart license

Usage

  • main.dart
import 'dart:html';

import 'package:resize_observer_polyfill_wrapper/resize_observer_polyfill_wrapper.dart';

main() {
  var ob = new ResizeObserver((entries, ob) {
    for (var entry in entries) {
      window.console.log(entry);
    }
  });

  ob.observe(querySelector('#textarea'));
}
  • index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta charset="utf-8">
    <title>Virtual Tree</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

    <script defer src="main.dart" type="application/dart"></script>
    <script defer src="packages/browser/dart.js"></script>

    <!-- javascript -->
    <script src="packages/resize_observer_polyfill_wrapper/resize_observer_polyfill.js"></script>
</head>
<body>
  <textarea id="textarea"></textarea>
</body>
</html>

Changelog

1.0.0

  • Initial version, created by Stagehand

example/main.dart

import 'dart:html';

import 'package:resize_observer_polyfill_wrapper/resize_observer_polyfill_wrapper.dart';

main() {
  var ob = new ResizeObserver((entries, ob) {
    entries.forEach(window.console.log);
  });

  ob.observe(querySelector('#textarea'));
}

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  resize_observer_polyfill_wrapper: "^1.0.0"

2. Install it

You can install packages from the command line:

with pub:


$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:resize_observer_polyfill_wrapper/resize_observer_polyfill_wrapper.dart';
        
Version Uploaded Documentation Archive
1.0.0 Dec 17, 2017 Go to the documentation of resize_observer_polyfill_wrapper 1.0.0 Download resize_observer_polyfill_wrapper 1.0.0 archive

Analysis

We analyzed this package on Apr 23, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.0.0-dev.49.0
  • pana: 0.10.6

Scores

Popularity:
Describes how popular the package is relative to other packages. [more]
0 / 100
Health:
Code health derived from static analysis. [more]
95 / 100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
100 / 100
Overall score:
Weighted score of the above. [more]
48
Learn more about scoring.

Platforms

Detected platforms: web

Primary library: package:resize_observer_polyfill_wrapper/resize_observer_polyfill_wrapper.dart with components: html, js.

Suggestions

  • Fix analysis and formatting issues.

    Analysis or formatting checks reported 1 warning 3 hints.

    Strong-mode analysis of lib/src/resize_observer.dart gave the following warning:

    line: 58 col: 8
    Element 'ResizeObserverEntry' from SDK library 'html_dart2js.dart' is implicitly hidden by 'resize_observer_entry.dart'.

    Run dartfmt to format lib/src/js_interop.dart.

    Similar analysis of the following files failed:

    • lib/src/resize_observer_entry.dart (hint)

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.20.1 <2.0.0
js ^0.6.1 0.6.1
meta ^1.1.2 1.1.2
Dev dependencies
browser ^0.10.0+2
dart_dev ^1.8.0
dart_to_js_script_rewriter ^1.0.1
dependency_validator ^1.0.0
test ^0.12.29