dorelljames

import sodium from "libsodium-wrappers";

// publicKey is from GET /repos/{owner}/{repo}/actions/secrets/public-key
// secretValue is the value you want to get encrypted
export async function encryptForGitHub(secretValue: string, publicKey: string) {
  await sodium.ready;

  // Convert the secret and key to a Uint8Array.
  const binkey = sodium.from_base64(publicKey, sodium.base64_variants.ORIGINAL);
  const binsec = sodium.from_string(secretValue);

dorelljames

First, go to https://<yourname>.sanity.studio (or to the url of your studio if it's hosted elsewhere). Then open the developer console (usually by one of the keyboard shortcuts Command+Option+I, F12 or Control+Shift+I depending on what browser/platform you are using)

1. Open the Sources tab
2. Find the app.bundle.js file in the sidebar tree view.
3. Hit the pretty print source button
4. Locate your schema types by searching (e.g. try searching for one of your custom types) it in the source view.

dorelljames

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

dorelljames

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

dorelljames

const allProducts = ["Auction! Desktop", "Auction! Cloud", "Auction! Online", "Auction! Mobile", "Auction! Reservations"];
  
const orderMachine = Machine({
  id: 'order',
  initial: 'idle',
  context: {
    cart: [],
    loggedInuser: {
      organizations: null,
      profile: null

dorelljames

 Machine({
  id: "electricFan",
  type: "parallel",
  states: {
    power: {
      id: "power",
      initial: "turnedOff",
      states: {
        turnedOff: {
          on: {

dorelljames

const trafficLightMachine = Machine({
  id: "trafficLight",
  initial: "red",
  on: {
    NEXT: "green"
  }
})

dorelljames

Objective

Fix the annoying Explorer sidebar of webtask.io and make it scrollable. 😊

How?

I use Google Chrome browser so I installed User CSS extension which basically allows one to add custom CSS to add a website.

Here's the custom css to add:

dorelljames

Two way iframe communication

The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.

Parent

Send messages to iframe using iframeEl.contentWindow.postMessage Recieve messages using window.addEventListener('message')

iframe

dorelljames

import React from "react";
import axios from "axios";

class App extends React.Component {
  constructor() {
    super();
    this.state = {
      todos: [],
      isFetching: true
    };