loganvolkers

`<sqm-example hidden />`
:host([hidden]){
  display: none;
}

`<sqm-example show-icon />`
:host([show-icon]) .icon{
  display: block;
}

loganvolkers

Universal Hooks

A proposal for interoperability of React-style hooks.

Problem

• React invented the hooks approach to functional components, but they are stuck in a framework-specific environment.
• Haunted has created a pure JS alternative to React
• Other frameworks (https://github.com/WebReflection/uland) also introduced hooks

loganvolkers

import { getElement } from '@stencil/core';

export type ScriptTrackerProps = {
  element: any;
  updater: (value: unknown) => unknown;
  onError?: (e: Error) => unknown;
};

export class ScriptTracker {
  /**

loganvolkers

import { Component, h } from '@stencil/core';
import { useState } from 'haunted';
import { useHook } from './stencil-hooks';


@Component({
  tag: 'example-hook',
})
export class ExampleHook {
  render = useHook(this, () => {

loganvolkers

@Component({
  tag: 'stencil-consumer',
})
export class StencilConsumer {
  @Prop() renderer: any;
  @State() context: Record<string, any>;

  componentWillLoad(){
    console.log("Will load")
  }

loganvolkers

Custom format for displaying bytes as kb, mb, gb or tb.

Response to a few places on the internet: https://productforums.google.com/forum/#!topic/docs/x_T_N-yRUYg And here: https://stackoverflow.com/questions/1533811/how-can-i-format-bytes-a-cell-in-excel-as-kb-mb-gb-etc

Here is one that I have been using:

[<1000000]0.00," KB";[<1000000000]0.00,," MB";0.00,,," GB"

loganvolkers

/**
 * Widget <> Squatch.js Interface via EasyXDM
 */

init(height, width, codeIn, rewardBalance, resizeEmbedToContentIn)
resize(height, width)
publish(eventName, payload)
close()
error(errorMessage, height, width)

loganvolkers

function doAuth(access_token, ctx, callback) {
    var opts = {
        'headers': {
            'Authorization': 'OAuth ' + access_token,
            'Accept': 'application/json',
            'User-Agent': 'Auth0'
        }
    };

    request.get('https://login.mailchimp.com/oauth2/metadata', opts, function(e, r, b) {

loganvolkers

import Ember from 'ember';

export default Ember.Component.extend({
  	backendService: Ember.inject.service('backend-service'),
    actions: {
      login() {
        this.get('backendService').login();
      },
      query() {
        this.get('backendService').query();