jifalops

<link rel="import" href="../topeka-elements/topeka-datasource.html">
<link rel="import" href="../paper-calculator/paper-calculator.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;

jifalops

<link rel="import" href="../ace-element/ace-element.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;

jifalops

Polymer element 1->2 upgrade checklist

Do these in order.

bower.json

Between "main" and "dependencies":

"authors": ["Jacob Phillips (https://github.com/jifalops) <jifalops@gmail.com>"],
"license": "MIT",
"keywords": [

""

jifalops

...

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) => MaterialApp(
      title: 'My App',
      home: CurrencyProviderRoot(
        child: MyHomePage(),
      ));
}

jifalops

import 'dart:io';
import 'package:<project_name>/themes.dart';

void main() async {
  await File('lib/src/_themes.g.scss').writeAsString(themeset.toString(), flush: true);
}

jifalops

import 'package:flutter/material.dart';
import 'package:<project_name>/config.dart';
import 'package:<project_name>/themes.dart';
import 'package:shared_theme_flutter/shared_theme_flutter.dart' as themer;
import 'package:shared_preferences/shared_preferences.dart';

void main() => runApp(App());

class App extends StatefulWidget {
  _AppState createState() => _AppState();

jifalops

File	Description
[bin/build_themes.dart][8]	Script to generate lib/src/_themes.g.scss.
[web/index.html][9]	Add small script to load saved theme.
[web/styles.scss][10]	Global styles for the web app.
[lib/app_component.dart][11]	The main component of the app.
[lib/app_component.html][12]	The main component of the app.
[lib/app_component.scss][13]	The main component of the app.
[lib/src/example_list/example_list.dart][14]	Demo of current theme.
[lib/src/example_list/example_list.html][15]	Demo of current theme.

jifalops

Mobile light	Mobile dark

Web light	Web dark
![web-light][22]	![web-dark][23]

jifalops

import 'package:flutter/material.dart';

class ABCModel extends InheritedModel<String> {
  ABCModel({
    Key key,
    this.a,
    this.b,
    this.c,
    Widget child,
  }) : super(key: key, child: child);

jifalops

import 'dart:async';
import 'dart:math';

void main() {
  /// Use of the SimpleObservable base class.
  final observable = SimpleObservable<String>(printCallback);
  observable.values.listen(printStream);

  /// Recursively listens to [nextValue] and prints changes.
  printFuture(observable);