lambertbrady

import { createContext, useRef, useState } from 'react'

export const PyodideContext = createContext()

export default function PyodideProvider({ children }) {
  const pyodide = useRef(null)
  const hasLoadPyodideBeenCalled = useRef(false)
  const [isPyodideLoading, setIsPyodideLoading] = useState(true)

  return (

sonnylazuardi

figma.showUI(__html__,{width: 250, height: 250});
// restore previous size
figma.clientStorage.getAsync('size').then(size => {
  if(size) figma.ui.resize(size.w,size.h);
}).catch(err=>{});
figma.ui.onmessage = msg => {
  switch (msg.type) {
    case "resize":
      figma.ui.resize(msg.size.w,msg.size.h);      
      figma.clientStorage.setAsync('size', msg.size).catch(err=>{});// save size

tkesgar

// https://twitter.com/antonybudianto/status/1387211508296261633
async function serialCon(fns, limit) {
  const queue = [...fns]
  const workers = []

  for (let i = 0; i < limit; i += 1) {
    workers.push((async () => {
      while (queue.length > 0) {
        const fn = queue.shift()
        await fn()

Jack-Works

#! Aaaaaaaaaaa this is JS!!!
// https://github.com/tc39/proposal-hashbang
// This file is mixing all new syntaxes in the proposal in one file without considering syntax conflict or correct runtime semantics
// Enjoy!!! 
// Created at Nov 23, 2018

for await(const x of (new A // https://github.com/tc39/proposal-pipeline-operator
|> do { // https://github.com/tc39/proposal-do-expressions
    case(?) { // https://github.com/tc39/proposal-pattern-matching
        when {val}: class {

awebartisan

import React from 'react';

const handleDragStart = (event: React.DragEvent) => {
    event.dataTransfer.effectAllowed = 'move';
    event.dataTransfer.setData(
        'text/plain',
        event.currentTarget.getAttribute('data-index'),
    );
};

agungjk

const puppeteer = require('puppeteer-core');
const cheerio = require('cheerio');
const chrome = require('chrome-aws-lambda');

export default async (req, res) => {
  const slug = req?.query?.slug;
  if (!slug) {
    res.statusCode = 200
    res.setHeader('Content-Type', 'application/json')
    res.end(JSON.stringify({ id: null }))

dtinth

steveruizok

import * as React from "react"
import {
    Frame,
    FrameProps,
    useMotionValue,
    addPropertyControls,
    ControlType,
} from "framer"

type Props = FrameProps & {

koenbok

import * as React from "react";

/**
A hook to simply use state between components
Warning: this only works with function components (like any hook)

Usage:

// You can put this in an central file and import it too
const useStore = createStore({ count: 0 })

bruskowski

import * as React from 'react'
import { PropertyControls, ControlType, Animatable, animate } from 'framer'

interface Props {
  width: number
  height: number
  animate: string
  delay: number
  target: React.ReactChild
  source: React.ReactChild