yringler

const { rxObserver } = require('api/v0.3');
const { timer } = require('rxjs');
const { take, map, shareReplay, tap } = require('rxjs/operators');

const source = timer(10, 10)
  .pipe(
    map(time => `${time} deciseconds`),
    take(5),
    tap (x => console.log(x)),
    shareReplay(1)

yringler

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        body: Center(child: Calculator()),
      ),
    ),
  );

yringler

const StyleDictionary = require('style-dictionary');

/**
 * The css font shorthand can hold each part of the composite token studio typography token, except for
 * letter spacing.
 * This formatter creates a partner letter spacing token for each typography token.
 * For example:
 * --type-100: var(--global-font-weight-extrabold) var(--font-size-1)/var(--line-height-3x-dense) var(--font-nunito-sans);
 * --type-100-letter-spacing: var(--global-letter-spacing-5x-loose);
 */

yringler

const StyleDictionary = require('style-dictionary');

/**
 * @description Some tokens are composites, defined with several other tokens. For example, typography. It is convenient to be able to have
 * a single token which fully defines everything we need, but
 * 1) Sometimes they can't. For example, css `type` can't define `letter-spacing`.
 * 2) Sometimes we want to access a particular value separately. For example, the width of a border.
 * 
 * This base class provides the foundation to extract a single expansion from a particular type of composite token.
 * In the future, if we need to expand multiple components, we'll add that functionality.

yringler

# Then the public URL becomes https://test.com/live
test.com {
    reverse_proxy localhost:8888
}