Sheraff

//@ts-check

const Component = ({ names }: { names: [string] }) => (
   <p>{names[0]}</p>
)

export default function App() {
   return <div>Hello world</div>
}

Sheraff

import { Suspense } from "react";

type CacheItem<T> = {
	keys: any[]
	promise: Promise<T>
	error?: unknown
	response?: T
}
const cache: CacheItem<any>[] = []

Sheraff

const ACTIVATIONS = [
	/*'identity': */x => x,
	/*'abs': */		x => Math.abs(x),
	/*'clamped': */	x => Math.min(1, Math.max(-1, x)),
	/*'cube': */	x => Math.pow(x, 3),
	/*'exp': */		x => Math.exp(x),
	/*'gauss': */	x => x,
	/*'hat': */		x => Math.max(0, x < 0 ? 1 + x : 1 - x),
	/*'inv': */		x => 1 / x,
	/*'log': */		x => Math.log(x),

Sheraff

import { useEffect, useRef, useState } from 'react'
import parse from './ast.js'
import { mapCaretToAST } from './mapInputToAST.js'
import AstParser from './AstClass.js'
import {
	constPlugin,
	groupPlugin,
	numberPlugin,
	stringPlugin,
	leftUnaryOperatorsPlugin,

Sheraff

{
  "scripts": [],
  "styles": []
}

Sheraff

{
  "scripts": [],
  "styles": []
}

Sheraff

{
  "scripts": [],
  "styles": []
}

Sheraff

{
  "scripts": [],
  "styles": [],
  "themePreview": false
}

Sheraff

{
  "scripts": [],
  "styles": []
}

Sheraff

{
  "scripts": [],
  "styles": []
}