static_dom 0.1.1

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

static_dom

A simple static HTML DOM builder library for Dart

Usage

A simple usage example:

Future updatePics() async {
  final JsonResponse resp = await client.getJson('/api/pics');
  print(resp.body);
  List<String> body = resp.body;
  Div divEl = div().forEach<String>(
      data,
      (String text) => div(classes: ['item'])
        ..add(img('/data/img/$text', classes: ["item-img"]))
        ..add(t(text, classes: ["item-txt"])));
  print(div.render());
  picHolder.setInnerHtml(div.render());
}

Changelog

0.1.1

  • Added Pre element

0.1.0

  • Removed events
  • Added more components
  • New style and CSS system

0.0.2

  • Checkbox input element

0.0.1

  • Basic elements: Div, Text, Image
  • ItemMaker for children

example/static_dom_example.dart

// Copyright (c) 2017, teja. All rights reserved. Use of this source code
// is governed by a BSD-style license that can be found in the LICENSE file.

import 'package:static_dom/static_dom.dart';

main() {
  final data = <String>['messi.jpg', 'neymar.jpg'];
  Div divEl = div().forEach<String>(
      data,
      (String text) => div(classes: ['item'])
        ..add(img('/data/img/$text', classes: ["item-img"]))
        ..add(t(text, classes: ["item-txt"])));
  print(divEl.render());
}

1. Depend on it

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


dependencies:
  static_dom: "^0.1.1"

2. Install it

You can install packages from the command line:

with pub:


$ pub get

with Flutter:


$ flutter packages get

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

3. Import it

Now in your Dart code, you can use:


import 'package:static_dom/static_dom.dart';
        
Version Uploaded Documentation Archive
0.1.1 Aug 22, 2017 Go to the documentation of static_dom 0.1.1 Download static_dom 0.1.1 archive
0.1.0 Aug 16, 2017 Go to the documentation of static_dom 0.1.0 Download static_dom 0.1.0 archive
0.0.3 Jul 20, 2017 Go to the documentation of static_dom 0.0.3 Download static_dom 0.0.3 archive
0.0.1 Jun 9, 2017 Go to the documentation of static_dom 0.0.1 Download static_dom 0.0.1 archive

Analysis

This feature is new.
We welcome feedback.
More details: scoring.

We analyzed this package, and provided a score, details, and suggestions below.

  • completed on Feb 3, 2018
  • Dart: 2.0.0-dev.20.0
  • pana: 0.10.1

Scores

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

Platforms

Detected platforms: Flutter, web, other

No platform restriction found in primary library package:static_dom/static_dom.dart.

Suggestions

  • The description is too short.

    Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

  • Package is pre-v1 release.

    While there is nothing inherently wrong with versions of 0.*.*, it usually means that the author is still experimenting with the general direction API.

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.20.1 <2.0.0
ulid ^1.0.0 1.0.0
Dev dependencies
test ^0.12.0