mendes5

#![feature(local_key_cell_methods)]

use std::{cell::RefCell, collections::HashMap, rc::Rc};

/// Traits are separated into RuntimeManaged and ParentManaged because
/// in the COMPONENTS thread_local we need to erase the prop type since we
/// don't know it there (and we don't need props there too).
/// 
/// Luckly for us Rust automatically downcasts a `Rc<RefCell<Component<T>>>` to `Rc<RefCell<dyn RuntimeManaged>>`
/// when we clone the a component to the thread_local, while still keeping the original concrete type 

mendes5

use std::{rc::Rc, vec};

trait Unsafe {
    // where Self: Sized allows us to hold 
    // values implementing this in arrays
    // and pass it as function arguments as &dyn Unsafe
    // or Box<dyn Unsafe> without not object-safe errors.
    fn create() -> Self where Self: Sized;
}

mendes5

#![feature(local_key_cell_methods)]

use std::{cell::RefCell, collections::HashMap};

// Core idea: Rust lets you do this:
fn create_closure(initial: u32) -> Box<dyn FnMut()> {
    let mut captured = initial;

    Box::new(move || {
        captured += 1;

mendes5

fn mount<T, P, B: FnMut(&mut P)>(
    component: fn(this: Option<T>, props: P, block: B) -> T,
    props: P,
    block: B,
) {
    component(None, props, block);
}

struct Props<T: FnMut()> {
    on_click: T,

mendes5

const LinkedHeightContainer = ({ children, link }) => {
  const ref = useRef(null);

  useEffect(() => {
    const observer = new ResizeObserver((entries) => {
      const entry = entries[entries.length - 1];
      const height = `${entry.contentRect.height}px`;
      ref.current.style.height = height;
    });

mendes5

const effects = [];

let isCollectingEffects = false;

const data = (init) => {
  const deps = [];

  let oldValue = init;

  return (value) => {

mendes5

type SubtractOne<T> =
    T extends '9' ? '8'
    : T extends '8' ? '7'
    : T extends '7' ? '6'
    : T extends '6' ? '5'
    : T extends '5' ? '4'
    : T extends '4' ? '3'
    : T extends '3' ? '2'
    : T extends '2' ? '1'
    : T extends '1' ? '0'

mendes5

Math.max(NaN, 100) === NaN

mendes5

const useDebug = (deps: Record<string, any>) => {
  Object.entries(deps).forEach(([key, value]) => {
    useEffect(() => console.log(`${key} Changed`), [value]);
  });
};

mendes5

console.log(self.events.map(x => [x[0], x[1].type, x[2].sliceSerialize(x[1], true)]).map(x => x.join(' | ')).reduce((prev, curr) => {
    if (curr.startsWith('enter')) {
       prev = { i: prev.i, t: prev.t + '\n' + ' '.repeat(prev.i) + curr };
       prev.i+=2
       return prev
    } else {
       prev.i-=2
       return { i: prev.i, t: prev.t + '\n' + ' '.repeat(prev.i) + curr }
    }
}, { i: 0, t: '' }).t)