ekafyi

How I made the example portfolio site with Gatsby Theme Web Monetization

In this site, I combine gatsby-theme-web-monetization with the excellent Emilia Theme by LekoArts using its starter site. Then I continue with the steps below.

0. Install the theme.

yarn add gatsby-theme-web-monetization
# or npm install --save gatsby-theme-web-monetization

ekafyi

How I made the basic (blog) example site with Gatsby Theme Web Monetization

In this site, I combine gatsby-theme-web-monetization with Gatsby’s official blog and note themes. I use the official Gatsby starter, plugins, and component shadowing from this tutorial. Then I continue with the steps below.

0. Install the theme.

yarn add gatsby-theme-web-monetization
# or npm install --save gatsby-theme-web-monetization

ekafyi

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

ekafyi

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

ekafyi

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

ekafyi

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

ekafyi

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

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 fooMachine = Machine({
  id: 'foo',
  initial: 'loading',

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

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" }