ekafyi

collection of mermaid.live charts

ekafyi

// Button.tsx

"use client";

export interface ButtonProps {
	/** Fooooo */
	primary?: boolean;
	/** Barrrr */
	size?: "small" | "large";
	/** Bazzzz */

ekafyi

Exercise 1 — Solution

manifest.json

{
  "name": "Cat of the Day",
  "short_name": "CatOfTheDay",
  "description": "Sample web app for the PWA workshop",
 "icons": [

ekafyi

const fetchLocations = async () => {
  // fake response
  return new Promise(resolve => setTimeout(() => resolve(["foo", "bar", "baz"]), 1000));
  // return fetch(`/api/notion/locations`).then((response) => response.json());
}


const updateLocations = (_c, evt) => {
  const { query } = evt;
  console.log(query); // { AGES: "18_TO_49" }

ekafyi

const fooMachine = Machine({
  id: 'foo',
  initial: 'loading',

  // Local context for entire machine
  context: {
    retries: 0,
    activeFilter: {},
  },

ekafyi

// truncated version of my attempt to adapt https://glitch.com/~spotify-web-api-node into Netlify functions

const SpotifyWebApi = require("spotify-web-api-node");

const TEST_ARTIST_ID = "1lYT0A0LV5DUfxr6doRP3d";

let accessToken;

const spotifyApi = new SpotifyWebApi({
  clientId: process.env.SPOTIFY_CLIENT_ID,

ekafyi

const tapStates = {
  initial: 'tapOff',
  states: {
    tapOff: {
      on: {
        TAP_ON: 'tapOn'
      }
    },
    tapOn: {
      on: {

ekafyi

const tapStates = {
  initial: 'tapOff',
  states: {
    tapOff: {
      on: {
        TURN_ON: 'tapOn'
      }
    },
    tapOn: {
      on: {

ekafyi

const handWashMachine2b = Machine({
  id: 'handwash',
  initial: 'unwashed',
  states: {
    unwashed: {
      on: {
        START_WASH: 'washing'
      }
    },

ekafyi

const handWashMachine2 = Machine({
  id: 'handwash',
  initial: 'unwashed',
  states: {
    unwashed: {
      on: {
        START_WASH: 'washing'
      }
    },
    washing: {