pravdomil

function getCssElmClasses() {
  const a = [...document.styleSheets]
    .map((b) => [...b.cssRules])
    .flat()
    .map((b) => b instanceof CSSMediaRule ? [...b.cssRules] : [b])
    .flat()
    .map((b) => b.selectorText)
    .filter((b) => b)
    .map((b) => b.split(","))
    .flat()

pravdomil

/*

import Elm.Kernel.Scheduler exposing (binding, succeed)
import Elm.Kernel.Utils exposing (Tuple0)

*/


function _Process_sleep(time)
{

pravdomil

export function app<Msg, Model>(model: Model, updateFn: (msg: Msg, model: Model) => Model) {
  return (msg: Msg) => {
    defer(() => {
      model = updateFn(msg, model)
    })
  }
}

export function defer(fn: () => void): void {
  Promise.resolve().then(fn)

pravdomil

Learn TypeScript

https://youtu.be/ctS2v9IBphs

//// What is TypeScript?
// ts is super set of js
// + types
// + typecheck
// + transpiler(like babel)

pravdomil

export type List<A> = Array<A>
export type Maybe<A> = A | null
export type Cmd<Msg> = Maybe<(_: sendMsg<Msg>) => void>

type updateFn<Msg, Model> = (_: Msg) => (_: Model) => [Model, Cmd<Msg>]
type sendMsg<Msg> = (_: Msg) => void

export let elmTsRuntime: <Msg, Model>(_: [Model, Cmd<Msg>]) => (_: updateFn<Msg, Model>) => void
elmTsRuntime = ([model, cmd]) => update => {
  const sendMsg = (msg: any) => {

pravdomil

try {
  main()
} catch (e) {
  document.body.textContent = ""
  create(document.body, "h1", "m-3").textContent = "😔"
  create(document.body, "pre", "m-3").textContent = e
  throw e
}

function main() {

pravdomil

declare const Elm: Elm

interface Elm {
  Main: AppConstructor<unknown, { port1: SubscribePort<unknown>; port2: SendPort<unknown> }>
}

interface AppConstructor<Flags, Ports> {
  init(options: { node?: HTMLElement; flags: Flags }): { ports: Ports }
}

pravdomil

port module Main exposing (..)


type alias Input =
    { argv : List String, stdin : String }


type alias Output =
    { code : Int, stdout : String, stderr : String }

pravdomil

export function createState(reducer) {
  const State = createContext([])

  function getInitialState() {
    return reducer(undefined, { type:"@@INIT" })
  }

  function StateProvider({ children }) {
    return createElement(State.Provider, { value: useReducer(reducer, undefined, getInitialState), children })
  }

pravdomil

new class {
  constructor() {
    this.nodes = this.find('.position_sticky').map(el => { return { el, placeholder: null } })
    window.addEventListener('scroll', e => this.go(), { passive: true })
    this.go()
  }
  
  go() {
    this.nodes.forEach(node => this.check(node))
  }