{
  let lastTime

  const getTime =()=> new Date().toLocaleTimeString('en', {hour12: false}),

  const win = window,  c = console,  {log, dir} = c,  plan = setTimeout,
    {defineProperty, assign} = Object,
    objProto = Object.prototype,  promProto = Promise.prototype,
    def =(obj, prop, value)=> defineProperty(obj, prop,
      {value, enumerable: false, writable: true, configurable: true}),
    labelStyle = `font-size:.6rem;font-weight:bold;color:#ee6d;background:#56ab;
      border-radius:4px;`,
    getTime =()=> new Date().toLocaleTimeString('en', {hour12: false}),
    img =(src, size=0.4, label=' ')=> {
      if (src.match(/^data:image\/.*;base64,/))
        return assign(new Image(), {src, onload() {
          plan(log.bind(c, `%c${label}`, labelStyle+`background: no-repeat
            url(${src}); padding:0 ${this.width*size}px ${this.height*size}px
              4px;border-radius:0;background-size:contain`))
        }})
      fetch(src).then(r => r.blob()).then(blob => assign(new FileReader(),
        {onload() { img(this.result, size) }}).readAsDataURL(blob))
    },

  c4 = win.c4console = {
    cGlobalFn: (...args)=> plan((args.length==1 && (args[0] instanceof Element
      || args[0] instanceof Attr ||args[0]==document)? dir : log)
        .bind(c,...args)) && args.length>1? args : args[0],

    cGenericMethod(label) {
      const time = getTime(),  val = this.valueOf(),
        isDOMel = val instanceof Element || val instanceof Attr ||
                    val==document,
        labelParts = [...time == lastTime? [] : [lastTime = time],
        ...typeof label=='string'? [label+':'] : typeof label=='number'?
          [label+'.'] : []]
      plan(log.bind(c,...labelParts.length? [`%c ${labelParts.join` `} `,
        labelStyle] : [], ...isDOMel? [] : [val]))
      if (isDOMel) dir(val)
      return val
    },

    cPromiseMethod(label) {
      let onresolve = _ => _,  onreject = _ => _
      const time = getTime(),  start = new Date,  body = 'response body',
        report =(res, status)=> {
          const labelParts = [...time == lastTime? [] : [lastTime = time],
            ...typeof label=='string'? [label+':'] : typeof label=='number'?
              [label+'.'] : [], `${status} in ${new Date()-start}ms`],
                fetched = res instanceof Response
          plan(log.bind(c,`%c ${labelParts.join` `} `, labelStyle,
            fetched? [res] : res))
          if (fetched) {
            if ((res.headers.get('content-type')||'').startsWith('image/'))
              res.clone().blob().then(blob => assign(new FileReader(),
                {onload() { img(this.result, 0.4, body) }})
                  .readAsDataURL(blob))
            else res.clone().text().then(text =>
              { try { JSON.parse(text).c(body) } catch { text.c(body) } })
          }
        },
        resolve = val => report(val, 'resolved') || onresolve(val),
        reject = err => report(err, 'rejected') || onreject(err),
        prom = this.then(resolve, reject)
      this.then =(cb1, cb2)=> {
        if (cb1) onresolve = cb1
        if (cb2) onreject = cb2
        return prom
      }
      this.catch = prom.catch = cb => (onreject = cb) && prom
      return this
    },

    on() {
      console.img = this.img
      win.c = this.cGlobalFn
      def(objProto, 'c', this.cGenericMethod)
      def(promProto, 'c', this.cPromiseMethod)
      if (this.status().includes('OFF'))
        this.off(), log('sorry, unable to turn ON')
    },

    off() {
      if (console.img==this.img) delete console.img
      if (win.c==this.cGlobalFn) delete win.c
      if (objProto.c==this.cGenericMethod) delete objProto.c
      if (promProto.c==this.cPromiseMethod) delete promProto.c
    },

    status() {
      return win.c==this.cGlobalFn && objProto.c==this.cGenericMethod
        && promProto.c==this.cPromiseMethod? 'ON':'OFF'
    },

    greet() {
      log(`Hi. c4console is now %c ${ this.status() } `, labelStyle,
        'and c4console.help() is there for you')
    },

    img,  getTime,  get lastTime() { return lastTime },

    help() {
      log(`c4console is now %c ${ this.status() } `, labelStyle, `

c4console provides following methods:

  .help() - shows the text you are reading;
  .on() - turns ON c4console functionality (see below) for this page just until reload;
  .off() - turns OFF ... the same as previous;

c4console functionality includes:

  c(...args) - global function like console.log but it also returns the stuff it outputs;
  any_variable_or_value.c(?label) - method available on (almost) any value that allows you to output that value to the console and that call is "transparent" for the chaining methdods - it returns the thing if was called from, so you can insert it in the middle of any expression without breaking anything;
  any_promise.c(?label) - method available on any promise that also outputs to the console the final status of the promise, time it took and its value, and, if it was a fetch response, it outputs the response body below - as text, json-parsed object/array or image;
  console.img(src, ?size, ?label) - function to show images in console, prefers Base64 strings as a source but can also fetch images implicitly if url provided instead`
      )
    }
  }

  c4.on()
  c4.greet()
}