bitwheeze

import { useCallback, useEffect, useRef, useState } from "react";
import "./styles.css";

export default function App() {
  const [counter, setCounter] = useState(0);
  const divRef = useRef(null);

  const inc = useCallback(() => setCounter((c) => c + 1), []);
  const dec = useCallback(() => setCounter((c) => c - 1), []);

  useEffect(() => {
    divRef.current.addEventListener("transitionrun", inc);
    divRef.current.addEventListener("transitionend", dec);
    () => {
      divRef.current.removeEventListener("transitionend", dec);
      divRef.current.removeEventListener("transitionrun", inc);
    };
  }, []);

  return (
    <div className="App">
      <div ref={divRef} className="withtransition">
        {counter}
      </div>
    </div>
  );
}

{
    top: var(--deck-top);
    left: var(--deck-left);
    background-image: url("/assets/back_02.png"), url("/assets/back_02.png"), url("/assets/back_02.png");
    background-size: var(--card-width) var(--card-height);
    background-repeat: no-repeat, no-repeat, no-repeat;
    width: var(--card-width);
    height: calc(var(--card-height) + 6px);
    border: 1px solid red;
    background-position: left 0px bottom 0px, left 0px bottom 2px, left 0px bottom 4px;
}

set ts = current_timestamp - cast(tick * 10 / 60 / 60 / 24 as string) * interval '1 day'

@GetMapping("/hooks/{account}/new_game")
    public Mono<TableauDto> publisher(@PathVariable String account) {
        log.debug("hooks/new_game {}", account);
        return Mono.defer(() -> {
            log.debug("get current startBlock {}", account);
            final var currentStartBlock = service
                    .load(account)
                    .map(session -> session.getStartBlock())
                    .orElse(0l);

            var res = Mono.defer(() -> service.getTableau(account, currentStartBlock))
                    .repeatWhenEmpty(c -> c.delayElements(Duration.ofMillis(3000)).take(4));

            log.debug("return res {}", res.single());

            return res;
        });
    }