bennypowers

<am-yisrael-hai>
  <template shadowrootmode="open">
    <!-- @license public domain --> 
    <!-- @author bennypowers.dev --> 
    <style>
      :host {
        display: contents;
        text-align: center;
        font-size: 150%;
      }

bennypowers

import postcss from 'postcss';
import { readFile } from 'node:fs/promises';

// load up the shadow dom css sheet,
// taken from the rhds git repo
const content = await readFile(new URL('./rh-cta.css', import.meta.url), 'utf-8');

const HOST_ARGS = /:host\((?<hostArg>[^)]*)\)/g;
const SLOTTED_ARGS = /::slotted\((?<slottedArg>[^)]*)\)/gm;

bennypowers

function setScoreTo(num: number) {
    serial.writeValue("score", num)
    if (num >= 4) {
        win()
    } else if (num < 0) {
        lose()
    } else {
        last = rounded
        rope = num
        rounded = Math.round(rope)

bennypowers

🔭 Telescope Mappings

Mapping	Action
<C-n>/<Down>	Next item
<C-p>/<Up>	Previous item
j/k	Next/previous (in normal mode)
H/M/L	Select High/Middle/Low (in normal mode)

bennypowers

module Main where

import           Data.Sort
import           Test.Hspec
import           Test.QuickCheck

prop_abs :: Int -> Bool
prop_abs n = abs n == n || 0 - abs n == n

prop_min :: [Int] -> Bool

bennypowers

import           System.IO
import           System.Random

-- The game

check :: String -> String -> Char -> (Bool,String)
check word display c =
  (c `elem` word,
   [if x == c then c else y | (x, y) <- zip word display])

bennypowers

function getParentPiercingShadowRoots(node: Node): Node {
  return (
       node instanceof ShadowRoot ? node.host
    : (node instanceof Element && node.assignedSlot || node)?.parentNode
  );
}

@customElement('elevated-card')
export class ElevatedCard extends LitElement {
  static readonly styles = [style];

bennypowers

import { ApolloQuery, html, customElement } from '@apollo-elements/lit-apollo';
import query from './awesome-rob.graphql'; //use a build transform
import getPathOr from 'crocks/helpers/getPathOr';

const getUserBestFriend = getPathOr({}, ['me', 'friends', 0]);

@customElement('awesome-rob)
class AwesomeRob extends ApolloQuery {
  query = query;
  render() {

bennypowers

async _registerServiceWorker() {
  // Instructions on how to toast the user when necessary. 🍾
  const toast = () => this.$.swtoast.open();
  // Listen for changes on a new worker, toast when installed. 🍞
  const track = (sw) => sw.onstatechange = () => (sw.state === 'installed') && toast();
  // Register the service worker
  const scope = Polymer.rootPath;
  let reg;
  try {
    reg = await navigator.serviceWorker.register('/service-worker.js', {scope});

bennypowers

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

<script>
  /**
   * @polymer
   * @mixinFunction
   * @param {class} superClass
   * @return {class}
   *
   * Polymer.SingletonMixin consumers must be defined with a constructor which