shithub: mycel

ref: 860953fd9253e756a7427e31af262bf5c942fe14
dir: /browser/browser.go/

View raw version
package browser

import (
	"9fans.net/go/draw"
	"context"
	"errors"
	"fmt"
	"github.com/psilva261/opossum"
	"github.com/psilva261/opossum/browser/cache"
	"github.com/psilva261/opossum/browser/duitx"
	"github.com/psilva261/opossum/browser/fs"
	"github.com/psilva261/opossum/browser/history"
	"github.com/psilva261/opossum/img"
	"github.com/psilva261/opossum/js"
	"github.com/psilva261/opossum/logger"
	"github.com/psilva261/opossum/nodes"
	"github.com/psilva261/opossum/style"
	"golang.org/x/net/html"
	"golang.org/x/net/publicsuffix"
	"image"
	"io/ioutil"
	"math"
	"net/http"
	"net/http/cookiejar"
	"net/url"
	"os"
	"strconv"
	"strings"
	"unicode"

	"github.com/mjl-/duit"
)

const (
	EnterKey = 10
)

var debugPrintHtml = false

// cursor based on Clipart from Francesco 'Architetto' Rollandin
// OpenClipart SVG ID: 163773 from OCAL 0.18 release 16/11/2019
// https://freesvg.org/topo-architetto-francesc-01
// (Public Domain)
var cursor = [16 * 2]uint8{
	0b00000001, 0b11111100,
	0b00000111, 0b11111110,
	0b00001111, 0b11111111,
	0b00111111, 0b11111111,
	0b00111111, 0b11111111,
	0b11111111, 0b11111111,
	0b11110111, 0b01111111,
	0b00111011, 0b11111111,
	0b00010011, 0b00111011,
	0b00000111, 0b00110110,
	0b00000111, 0b11111100,
	0b00001100, 0b01111000,
}

var (
	ExperimentalJsInsecure bool
	EnableNoScriptTag      bool
)

var (
	browser  *Browser
	Style    = style.Map{}
	dui      *duit.DUI
	scroller *duitx.Scroll
	display  *draw.Display

	selected  int
	dragRect  draw.Rectangle
	fromLabel *duitx.Label

	colorCache = make(map[draw.Color]*draw.Image)
	imageCache = make(map[string]*draw.Image)
)

type Label struct {
	*duitx.Label

	n *nodes.Node
}

func NewLabel(t string, n *nodes.Node) *Label {
	return &Label{
		Label: &duitx.Label{
			Text: t + " ",
			Font: n.Font(),
		},
		n: n,
	}
}

func NewText(content []string, n *nodes.Node) (el []*Element) {
	tt := strings.Join(content, " ")

	// '\n' is nowhere visible
	tt = strings.Replace(tt, "\n", " ", -1)

	ts := strings.Split(tt, " ")
	ls := make([]*Element, 0, len(ts))

	for _, t := range ts {
		t = strings.TrimSpace(t)

		if t == "" {
			continue
		}

		l := &Element{
			UI: NewLabel(t, n),
			n:  n,
		}
		ls = append(ls, l)
	}

	return ls
}

func (ui *Label) Draw(dui *duit.DUI, self *duit.Kid, img *draw.Image, orig image.Point, m draw.Mouse, force bool) {
	c := ui.n.Map.Color()
	i, ok := colorCache[c]
	if !ok {
		var err error
		i, err = dui.Display.AllocImage(image.Rect(0, 0, 10, 10), draw.ARGB32, true, c)
		if err != nil {
			panic(err.Error())
		}
		colorCache[c] = i
	}
	var swap *draw.Image = dui.Regular.Normal.Text
	dui.Regular.Normal.Text = i
	ui.Label.Draw(dui, self, img, orig, m, force)
	dui.Regular.Normal.Text = swap
}

type CodeView struct {
	duit.UI
}

func NewCodeView(s string, n style.Map) (cv *CodeView) {
	log.Printf("NewCodeView(%+v)", s)
	cv = &CodeView{}
	edit := &duit.Edit{
		Font: Style.Font(),
	}
	lines := len(strings.Split(s, "\n"))
	edit.Append([]byte(s))
	cv.UI = &duitx.Box{
		Kids:   duit.NewKids(edit),
		Height: int(n.FontHeight()) * (lines + 2),
	}
	return
}

func (cv *CodeView) Mouse(dui *duit.DUI, self *duit.Kid, m draw.Mouse, origM draw.Mouse, orig image.Point) (r duit.Result) {
	if m.Buttons == 8 || m.Buttons == 16 {
		//r.Consumed = true
		return
	}
	return cv.UI.Mouse(dui, self, m, origM, orig)
}

type Image struct {
	*duit.Image

	src string
}

func NewImage(n *nodes.Node) duit.UI {
	img, err := newImage(n)
	if err != nil {
		log.Errorf("could not load image: %v", err)
		return &duit.Label{}
	}
	return img
}

func newImage(n *nodes.Node) (ui duit.UI, err error) {
	var i *draw.Image
	var cached bool
	src := attr(*n.DomSubtree, "src")
	log.Printf("newImage: src: %v", src)

	if src == img.SrcZero {
		return
	}

	if display == nil {
		// probably called from a unit test
		return nil, fmt.Errorf("display nil")
	}

	if n.Data() == "picture" {
		src = newPicture(n)
	} else if n.Data() == "svg" {
		xml, err := n.Serialized()
		if err != nil {
			return nil, fmt.Errorf("serialize: %w", err)
		}
		log.Printf("newImage: xml: %v", xml)
		i, err = img.Svg(dui, xml, n.Width(), n.Height())
		if err != nil {
			return nil, fmt.Errorf("img svg %v: %v", xml, err)
		}
		goto img_elem
	} else if n.Data() == "img" {
		_, s := srcSet(n)
		if s != "" {
			src = s
		}
	}

	if src == "" {
		return nil, fmt.Errorf("no src in %+v", n.DomSubtree.Attr)
	}

	if i, cached = imageCache[src]; !cached {
		mw, _ := n.CssPx("max-width")
		w := n.Width()
		h := n.Height()
		i, err = img.Load(dui, browser, src, mw, w, h)
		if err != nil {
			return nil, fmt.Errorf("load image: %w", err)
		}
		imageCache[src] = i
	}

img_elem:
	return NewElement(
		&Image{
			Image: &duit.Image{
				Image: i,
			},
			src: src,
		},
		n,
	), nil
}

func newPicture(n *nodes.Node) string {
	smallestImg := ""
	smallestW := 0

	for _, source := range n.FindAll("source") {
		w, src := srcSet(source)
		if src != "" && (smallestImg == "" || smallestW > w) {
			smallestImg = src
			smallestW = w
		}
	}

	return smallestImg
}

func srcSet(n *nodes.Node) (w int, src string) {
	bestImg := ""
	bestW := 0
	idealW := n.Width()
	scale := 1

	u := func(wd int) int {
		return int(math.Abs(float64(wd) - float64(idealW)))
	}

	if dui != nil {
		scale = int(dui.Scale(1))
	}

	for _, s := range strings.Split(n.Attr("srcset"), ",") {
		s = strings.TrimSpace(s)
		tmp := strings.Split(s, " ")
		src := ""
		s := ""
		src = tmp[0]
		if len(tmp) == 2 {
			s = tmp[1]
		}
		if s == "" || s == fmt.Sprintf("%vx", scale) {
			return 0, src
		}
		s = strings.TrimSuffix(s, "w")
		w, err := strconv.Atoi(s)
		if err != nil {
			continue
		}
		if bestImg == "" || u(bestW) > u(w) {
			bestImg = src
			bestW = w
		}
	}

	return bestW, bestImg
}

type Element struct {
	duit.UI
	n       *nodes.Node
	orig    image.Point
	IsLink  bool
	Click   func() duit.Event
	Changed func(*Element)

	m    draw.Mouse
	rect image.Rectangle
}

func NewElement(ui duit.UI, n *nodes.Node) *Element {
	if ui == nil {
		return nil
	}
	if n == nil {
		log.Errorf("NewElement: n is nil")
		return nil
	}
	if n.IsDisplayNone() {
		return nil
	}

	if n.Type() != html.TextNode {
		if box, ok := newBoxElement(n, false, ui); ok {
			ui = box
		}
	}

	el := &Element{
		UI: ui,
		n:  n,
	}
	n.Rectangular = el
	return el
}

func newBoxElement(n *nodes.Node, force bool, uis ...duit.UI) (box *duitx.Box, ok bool) {
	if len(uis) == 0 || (len(uis) == 1 && uis[0] == nil) {
		return nil, false
	}
	if n != nil && n.IsDisplayNone() {
		return nil, false
	}

	var err error
	var i *draw.Image
	var m, p duit.Space
	var zs duit.Space
	var h int
	var w int
	var mw int

	if n != nil {
		w = n.Width()
		if n.Data() != "body" {
			h = n.Height()
		}
		mw, err = n.CssPx("max-width")
		if err != nil {
			log.Printf("max-width: %v", err)
		}

		if bg, err := n.BoxBackground(); err == nil {
			i = bg
		} else {
			log.Printf("box background: %f", err)
		}

		if p, err = n.Tlbr("padding"); err != nil {
			log.Errorf("padding: %v", err)
		}
		if m, err = n.Tlbr("margin"); err != nil {
			log.Errorf("margin: %v", err)
		}

		if n.Css("display") == "inline" {
			// Actually this doesn't fix the problem to the full extend
			// exploded texts' elements might still do double and triple
			// horizontal pads/margins
			w = 0
			mw = 0
			m.Top = 0
			m.Bottom = 0
			p.Top = 0
			p.Bottom = 0
		}

		// TODO: make sure input fields can be put into a box
		if n.Data() == "input" {
			return nil, false
		}
	}

	if w == 0 && h == 0 && mw == 0 && i == nil && m == zs && p == zs && !force {
		return nil, false
	}

	contentBox := n == nil || n.Css("box-sizing") != "border-box"
	box = &duitx.Box{
		Kids:       duit.NewKids(uis...),
		Width:      w,
		Height:     h,
		MaxWidth:   mw,
		ContentBox: contentBox,
		Background: i,
		Margin:     m,
		Padding:    p,
		Dir:        duitFlexDir(n),
		Disp:       duitDisplay(n),
	}

	return box, true
}

func (el *Element) Rect() (r image.Rectangle) {
	if el == nil {
		log.Errorf("Rect: nil element")
		return
	}
	return el.rect.Add(el.orig)
}

func (el *Element) Draw(dui *duit.DUI, self *duit.Kid, img *draw.Image, orig image.Point, m draw.Mouse, force bool) {
	if el == nil {
		return
	}

	// It would be possible to avoid flickers under certain circumstances
	// of overlapping elements but the load for this is high:
	// if self.Draw == duit.DirtyKid {
	//	force = true
	// }
	//
	// Make boxes use full size for image backgrounds
	box, ok := el.UI.(*duitx.Box)
	if ok && box.Width > 0 && box.Height > 0 {
		uiSize := image.Point{X: box.Width, Y: box.Height}
		duit.KidsDraw(dui, self, box.Kids, uiSize, box.Background, img, orig, m, force)
	} else {
		el.UI.Draw(dui, self, img, orig, m, force)
	}
	el.orig = orig
}

func (el *Element) Layout(dui *duit.DUI, self *duit.Kid, sizeAvail image.Point, force bool) {
	if el == nil {
		return
	}

	// TODO: constrain field width as long as boxing them is deactivated
	_, ok := el.UI.(*duit.Field)
	if ok && sizeAvail.X > dui.Scale(300) {
		sizeAvail.X = dui.Scale(300)
	}

	// Make boxes use full size for image backgrounds
	box, ok := el.UI.(*duitx.Box)
	if ok && box.Width > 0 && box.Height > 0 {
		//dui.debugLayout(self)
		//if ui.Image == nil {
		//	self.R = image.ZR
		//} else {
		//	self.R = rect(ui.Image.R.Size())
		//}
		//duit.KidsLayout(dui, self, box.Kids, true)

		el.UI.Layout(dui, self, sizeAvail, force)
		self.R = image.Rect(0, 0, box.Width, box.Height)
	} else {
		el.UI.Layout(dui, self, sizeAvail, force)
	}

	el.rect = self.R

	return
}

func (el *Element) Mark(self *duit.Kid, o duit.UI, forLayout bool) (marked bool) {
	if el != nil {
		return el.UI.Mark(self, o, forLayout)
	}
	return
}

func NewSubmitButton(b *Browser, n *nodes.Node) *Element {
	var t string

	if v := attr(*n.DomSubtree, "value"); v != "" {
		t = v
	} else if c := strings.TrimSpace(n.ContentString(false)); c != "" {
		t = c
	} else {
		t = "Submit"
	}

	// TODO: would be better to deal with *nodes.Node but keeping the correct
	// references in the closure is tricky. Probably better to write a separate
	// type Button to avoid this problem completely.
	click := func() (r duit.Event) {
		f := n.Ancestor("form")

		if f == nil {
			return
		}

		if !b.loading {
			b.loading = true
			go b.submit(f.DomSubtree, n.DomSubtree)
		}

		return duit.Event{
			Consumed:   true,
			NeedLayout: true,
			NeedDraw:   true,
		}
	}

	btn := &duit.Button{
		Text:  t,
		Font:  n.Font(),
		Click: click,
	}
	return NewElement(btn, n)
}

func NewInputField(n *nodes.Node) *Element {
	t := attr(*n.DomSubtree, "type")
	if n.Css("width") == "" && n.Css("max-width") == "" {
		n.SetCss("max-width", "200px")
	}
	f := &duit.Field{
		Font:        n.Font(),
		Placeholder: attr(*n.DomSubtree, "placeholder"),
		Password:    t == "password",
		Text:        attr(*n.DomSubtree, "value"),
		Changed: func(t string) (e duit.Event) {
			setAttr(n.DomSubtree, "value", t)
			e.Consumed = true
			return
		},
		Keys: func(k rune, m draw.Mouse) (e duit.Event) {
			if k == 10 {
				f := n.Ancestor("form")
				if f == nil {
					return
				}
				if !browser.loading {
					browser.loading = true
					go browser.submit(f.DomSubtree, nil)
				}
				return duit.Event{
					Consumed:   true,
					NeedLayout: true,
					NeedDraw:   true,
				}
			}
			return
		},
	}
	return NewElement(f, n)
}

func NewSelect(n *nodes.Node) *Element {
	var l *duit.List
	l = &duit.List{
		Values: make([]*duit.ListValue, 0, len(n.Children)),
		Font:   n.Font(),
		Changed: func(i int) (e duit.Event) {
			v := l.Values[i]
			vv := fmt.Sprintf("%v", v.Value)
			if vv == "" {
				vv = v.Text
			}
			setAttr(n.DomSubtree, "value", vv)
			e.Consumed = true
			return
		},
	}
	for _, c := range n.Children {
		if c.Data() != "option" {
			continue
		}
		lv := &duit.ListValue{
			Text:     c.ContentString(false),
			Value:    c.Attr("value"),
			Selected: c.HasAttr("selected"),
		}
		l.Values = append(l.Values, lv)
	}
	if n.Css("width") == "" && n.Css("max-width") == "" {
		n.SetCss("max-width", "200px")
	}
	if n.Css("height") == "" {
		n.SetCss("height", fmt.Sprintf("%vpx", 4*n.Font().Height))
	}
	return NewElement(duit.NewScroll(l), n)
}

func NewTextArea(n *nodes.Node) *Element {
	t := n.ContentString(true)
	lines := len(strings.Split(t, "\n"))
	edit := &duit.Edit{
		Font: Style.Font(),
		Keys: func(k rune, m draw.Mouse) (e duit.Event) {
			// e.Consumed = true
			return
		},
	}
	edit.Append([]byte(t))

	if n.Css("height") == "" {
		n.SetCss("height", fmt.Sprintf("%vpx", (int(n.FontHeight())*(lines+2))))
	}

	el := NewElement(edit, n)
	el.Changed = func(e *Element) {
		ed := e.UI.(*duitx.Box).Kids[0].UI.(*duit.Edit)

		tt, err := ed.Text()
		if err != nil {
			log.Errorf("edit changed: %v", err)
			return
		}

		e.n.SetText(string(tt))
	}

	return el
}

func (el *Element) Display() duitx.Display {
	var n *nodes.Node
	if el != nil {
		n = el.n
	}
	return duitDisplay(n)
}

func (el *Element) FlexDir() duitx.Dir {
	var n *nodes.Node
	if el != nil {
		n = el.n
	}
	return duitFlexDir(n)
}

func (el *Element) Key(dui *duit.DUI, self *duit.Kid, k rune, m draw.Mouse, orig image.Point) (r duit.Result) {
	r = el.UI.Key(dui, self, k, m, orig)

	if el.Changed != nil {
		el.Changed(el)
	}

	return
}

func (el *Element) Mouse(dui *duit.DUI, self *duit.Kid, m draw.Mouse, origM draw.Mouse, orig image.Point) (r duit.Result) {
	if m.Buttons == 4 {
		if el == nil {
			log.Infof("inspect nil element")
		} else {
			p, _ := el.n.Path()
			log.Infof("%v", p)
		}
	}

	if el == nil {
		return
	}

	x := m.Point.X
	y := m.Point.Y
	maxX := self.R.Dx()
	maxY := self.R.Dy()
	border := 5 > x || x > (maxX-5) || 5 > y || y > (maxY-5)

	if l, ok := el.UI.(*Label); ok && l != nil {
		fromLabel = l.Label
	}
	if el.n.Data() == "body" {
		if el.mouseSelect(dui, self, m, origM, orig) {
			return duit.Result{
				Consumed: true,
			}
		}
	} else if el.m.Buttons&1 == 1 && m.Buttons&1 == 0 && el.click() {
		return duit.Result{
			Consumed: true,
		}
	}
	/*if !border && el.IsLink {
		dui.Display.SwitchCursor(&draw.Cursor{
			Black: cursor,
		})
		if m.Buttons == 0 {
			//r.Consumed = true
			return r
		}
	} else {
		dui.Display.SwitchCursor(nil)
	}*/
	if border {
		el.m = draw.Mouse{}
	} else {
		el.m = m
	}
	return el.UI.Mouse(dui, self, m, origM, orig)
}

func (el *Element) mouseSelect(dui *duit.DUI, self *duit.Kid, m draw.Mouse, origM draw.Mouse, orig image.Point) (consumed bool) {
	mouseDrag := m != origM
	changed := false
	if mouseDrag {
		from := origM.Point.Add(orig)
		to := m.Point.Add(orig)
		r := draw.Rectangle{
			draw.Point{from.X, from.Y},
			draw.Point{to.X, to.Y},
		}
		// make sure the same coordinates are used
		// (TODO: should be consistent in the first place)
		if rc := r.Canon(); r == rc {
			r = r.Sub(r.Min.Sub(fromLabel.Rect().Min))
		} else {
			r = rc.Sub(rc.Max.Sub(fromLabel.Rect().Max))
		}
		if !rectsSimilar(dragRect, r) {
			TraverseTree(el, func(ui duit.UI) {
				l, ok := ui.(*duitx.Label)
				if !ok {
					return
				}
				sel := l.Rect().Overlaps(r)
				if sel == l.Selected {
					return
				}
				l.Selected = sel
				changed = true
				if sel {
					selected++
				} else {
					selected--
				}
			})
			dragRect = r
		}
		if m.Buttons&2 == 2 && el.m.Buttons&2 == 0 {
			var s string
			var last *duitx.Label
			TraverseTree(el, func(ui duit.UI) {
				l, ok := ui.(*duitx.Label)
				if ok && l.Selected {
					if last != nil && l.Rect().Min.Y > last.Rect().Min.Y {
						s += "\n"
					}
					s += l.Text
					last = l
					return
				}
			})
			s = strings.TrimSpace(s)
			s = strings.TrimFunc(s, func(r rune) bool {
				return !unicode.IsGraphic(r)
			})
			s = strings.Map(func(r rune) rune {
				if unicode.IsSpace(r) && r != '\n' {
					return ' '
				}
				return r
			}, s)
			dui.WriteSnarf([]byte(s))
		}
	} else if selected > 0 && m.Buttons == 1 {
		TraverseTree(browser.Website.UI, func(ui duit.UI) {
			l, ok := ui.(*duitx.Label)
			if ok && l.Selected {
				selected--
				changed = true
				l.Selected = false
			}
		})
		selected = 0
	}
	return changed
}

func rectsSimilar(r, rr draw.Rectangle) bool {
	deltas := []float64{
		math.Abs(float64(r.Min.X - rr.Min.X)),
		math.Abs(float64(r.Min.Y - rr.Min.Y)),
		math.Abs(float64(r.Max.X - rr.Max.X)),
		math.Abs(float64(r.Max.Y - rr.Max.Y)),
	}
	for _, d := range deltas {
		if d > float64(dui.Scale(10)) {
			return false
		}
	}
	return true
}

func (el *Element) FirstFocus(dui *duit.DUI, self *duit.Kid) *image.Point {
	// Provide custom implementation with nil check because of nil Elements.
	// (TODO: remove)
	if el == nil {
		return &image.Point{}
	}
	return el.UI.FirstFocus(dui, self)
}

func (el *Element) click() (consumed bool) {
	if ExperimentalJsInsecure {
		q := el.n.QueryRef()
		res, consumed, err := js.TriggerClick(q)
		if err != nil {
			log.Errorf("trigger click %v: %v", q, err)
		} else if consumed {
			offset := scroller.Offset
			browser.Website.layout(browser, res, ClickRelayout)
			scroller.Offset = offset
			dui.MarkLayout(dui.Top.UI)
			dui.MarkDraw(dui.Top.UI)
			dui.Render()
		}
	}

	if el.Click != nil {
		e := el.Click()
		return e.Consumed
	}

	return
}

// makeLink of el and its children
func (el *Element) makeLink(href string) {
	if href == "" || strings.HasPrefix(href, "#") || strings.HasPrefix(href, "javascript:") {
		return
	}

	u, err := browser.LinkedUrl(href)
	if err != nil {
		log.Errorf("makeLink from %v: %v", href, err)
		return
	}
	f := browser.SetAndLoadUrl(u)
	TraverseTree(el, func(ui duit.UI) {
		el, ok := ui.(*Element)
		if ok && el != nil {
			el.IsLink = true
			el.Click = f
			return
		}
		l, ok := ui.(*duit.Label)
		if ok && l != nil {
			l.Click = f
			return
		}
	})
}

func attr(n html.Node, key string) (val string) {
	for _, a := range n.Attr {
		if a.Key == key {
			return a.Val
		}
	}
	return
}

func hasAttr(n html.Node, key string) bool {
	for _, a := range n.Attr {
		if a.Key == key {
			return true
		}
	}
	return false
}

func setAttr(n *html.Node, key, val string) {
	newAttr := html.Attribute{
		Key: key,
		Val: val,
	}
	for i, a := range n.Attr {
		if a.Key == key {
			n.Attr[i] = newAttr
			return
		}
	}
	n.Attr = append(n.Attr, newAttr)
}

func placeFunc(name string, place *duit.Place) func(self *duit.Kid, sizeAvail image.Point) {
	return func(self *duit.Kid, sizeAvail image.Point) {
		for i, kid := range place.Kids {
			el := kid.UI.(*Element)
			if i == 0 {
				kid.UI.Layout(dui, self, sizeAvail, true)
				kid.R = self.R
			} else {
				kid.UI.Layout(dui, kid, sizeAvail, true)
				if t, err := el.n.CssPx("top"); err == nil {
					kid.R.Min.Y += t
					kid.R.Max.Y += t
				} else if b, err := el.n.CssPx("bottom"); err == nil {
					h := kid.R.Max.X
					kid.R.Min.Y = sizeAvail.Y - b
					kid.R.Max.Y = sizeAvail.Y - h
				}
				if l, err := el.n.CssPx("left"); err == nil {
					kid.R.Max.X += l
					kid.R.Min.X += l
				} else if r, err := el.n.CssPx("right"); err == nil {
					w := kid.R.Max.X
					kid.R.Max.X = sizeAvail.X - r
					kid.R.Min.X = sizeAvail.X - w
				}
			}
		}
	}
}

// arrangeAbsolute positioned elements, if any
func arrangeAbsolute(n *nodes.Node, elements ...*Element) (ael *Element, ok bool) {
	absolutes := make([]*Element, 0, 1)
	other := make([]*Element, 0, len(elements))

	for _, el := range elements {
		if el.n.Css("position") == "absolute" || el.n.Css("position") == "fixed" {
			// Treating fixed like absolute
			absolutes = append(absolutes, el)
		} else {
			other = append(other, el)
		}
	}

	if len(absolutes) == 0 {
		return nil, false
	}

	bg, err := dui.Display.AllocImage(image.Rect(0, 0, 10, 10), draw.ARGB32, true, 0x00000000)
	if err != nil {
		log.Fatalf("%v", err)
	}
	uis := make([]duit.UI, 0, len(other)+1)
	na := Arrange(n, other...)
	if na != nil {
		uis = append(uis, na)
	}
	for _, a := range absolutes {
		uis = append(uis, a)
	}
	pl := &duit.Place{
		Kids:       duit.NewKids(uis...),
		Background: bg,
	}
	pl.Place = placeFunc(n.QueryRef(), pl)

	return NewElement(pl, n), true
}

func Arrange(n *nodes.Node, elements ...*Element) *Element {
	if ael, ok := arrangeAbsolute(n, elements...); ok {
		return ael
	}

	ui := horizontalSeq(n, true, elements)
	if ui == nil {
		return nil
	}
	el := &Element{
		n:  n,
		UI: ui,
	}
	n.Rectangular = el
	return el
}

func horizontalSeq(parent *nodes.Node, wrap bool, es []*Element) duit.UI {
	if len(es) == 0 {
		return nil
	}

	finalUis := make([]duit.UI, 0, len(es))
	for _, el := range es {
		label, isLabel := el.UI.(*duit.Label)
		if isLabel {
			tts := strings.Split(label.Text, " ")
			for _, t := range tts {
				finalUis = append(finalUis, NewElement(&duit.Label{
					Text: t,
					Font: label.Font,
				}, el.n))
			}
		} else {
			if el != nil {
				finalUis = append(finalUis, el)
			}
		}
	}

	b, ok := newBoxElement(parent, true, finalUis...)
	if !ok {
		return nil
	}
	return b
}

func duitDisplay(n *nodes.Node) duitx.Display {
	if n == nil {
		return duitx.InlineBlock
	}
	if n.Css("float") == "left" {
		return duitx.InlineBlock
	} else if cl := n.Css("clear"); cl == "left" || cl == "both" {
		return duitx.Block
	}
	switch n.Css("display") {
	case "inline":
		return duitx.Inline
	case "block":
		return duitx.Block
	case "flex":
		return duitx.Flex
	default:
		return duitx.InlineBlock
	}
}

func duitFlexDir(n *nodes.Node) duitx.Dir {
	if n == nil {
		return 0
	}
	switch n.Css("flex-direction") {
	case "row":
		return duitx.Row
	case "column":
		return duitx.Column
	default:
		return 0
	}
}

func verticalSeq(es []*Element) duit.UI {
	if len(es) == 0 {
		return nil
	} else if len(es) == 1 {
		return es[0]
	}

	uis := make([]duit.UI, 0, len(es))
	colSpans := make([]int, 0, len(es))
	rowSpans := make([]int, 0, len(es))

	for _, e := range es {
		uis = append(uis, e)
		colSpans = append(colSpans, 1)
		rowSpans = append(rowSpans, 1)
	}

	return &duitx.Grid{
		Columns:  1,
		Rows:     len(uis),
		ColSpans: colSpans,
		RowSpans: rowSpans,
		Padding:  duit.NSpace(1, duit.SpaceXY(0, 3)),
		Halign:   []duit.Halign{duit.HalignLeft},
		Valign:   []duit.Valign{duit.ValignTop},
		Kids:     duit.NewKids(uis...),
	}
}

type Table struct {
	rows []*TableRow
}

func NewTable(n *nodes.Node) (t *Table) {
	t = &Table{
		rows: make([]*TableRow, 0, 10),
	}

	if n.Text != "" || n.DomSubtree.Data != "table" {
		log.Printf("invalid table root")
		return nil
	}

	trContainers := make([]*nodes.Node, 0, 2)
	for _, c := range n.Children {
		if c.DomSubtree.Data == "tbody" || c.DomSubtree.Data == "thead" {
			trContainers = append(trContainers, c)
		}
	}
	if len(trContainers) == 0 {
		trContainers = []*nodes.Node{n}
	}

	for _, tc := range trContainers {
		for _, c := range tc.Children {
			if txt := c.Text; txt != "" && strings.TrimSpace(txt) == "" {
				continue
			}
			if c.DomSubtree.Data == "tr" {
				row := NewTableRow(c)
				t.rows = append(t.rows, row)
			} else {
				log.Printf("unexpected row element '%v' (%v)", c.DomSubtree.Data, c.DomSubtree.Type)
			}
		}
	}
	return
}

func (t *Table) numColsMin() (min int) {
	min = t.numColsMax()
	for _, r := range t.rows {
		if l := len(r.columns); l < min {
			min = l
		}
	}
	return
}

func (t *Table) numColsMax() (max int) {
	for _, r := range t.rows {
		if l := len(r.columns); l > max {
			max = l
		}
	}
	return
}

func (t *Table) Element(r int, b *Browser, n *nodes.Node) *Element {
	numRows := len(t.rows)
	numCols := t.numColsMax()
	useOneGrid := t.numColsMin() == t.numColsMax()

	if numCols == 0 {
		return nil
	}

	if useOneGrid {
		uis := make([]duit.UI, 0, numRows*numCols)

		for _, row := range t.rows {
			for _, td := range row.columns {
				uis = append(uis, NodeToBox(r+1, b, td))
			}
		}

		colSpans := make([]int, 0, len(uis))
		rowSpans := make([]int, 0, len(uis))
		halign := make([]duit.Halign, 0, len(uis))
		valign := make([]duit.Valign, 0, len(uis))

		for j := 0; j < numCols; j++ {
			for i := 0; i < len(t.rows); i++ {
				colSpans = append(colSpans, 1)
				rowSpans = append(rowSpans, 1)
			}
			halign = append(halign, duit.HalignLeft)
			valign = append(valign, duit.ValignTop)
		}

		return NewElement(
			&duitx.Grid{
				Columns:  numCols,
				Rows:     len(t.rows),
				ColSpans: colSpans,
				RowSpans: rowSpans,
				Padding:  duit.NSpace(numCols, duit.SpaceXY(0, 3)),
				Halign:   halign,
				Valign:   valign,
				Kids:     duit.NewKids(uis...),
			},
			n,
		)
	} else {
		seqs := make([]*Element, 0, len(t.rows))

		for _, row := range t.rows {
			rowEls := make([]*Element, 0, len(row.columns))
			for _, col := range row.columns {
				ui := NodeToBox(r+1, b, col)
				if ui != nil {
					el := NewElement(ui, col)
					rowEls = append(rowEls, el)
				}
			}

			if len(rowEls) > 0 {
				seq := horizontalSeq(nil, false, rowEls)
				seqs = append(seqs, NewElement(seq, row.n))
			}
		}
		return NewElement(verticalSeq(seqs), n)
	}
}

type TableRow struct {
	n       *nodes.Node
	columns []*nodes.Node
}

func NewTableRow(n *nodes.Node) (tr *TableRow) {
	tr = &TableRow{
		n:       n,
		columns: make([]*nodes.Node, 0, 5),
	}

	if n.Type() != html.ElementNode || n.Data() != "tr" {
		log.Printf("invalid tr root")
		return nil
	}

	for _, c := range n.Children {
		if c.Type() == html.TextNode && strings.TrimSpace(c.Data()) == "" {
			continue
		}
		if c.DomSubtree.Data == "td" || c.DomSubtree.Data == "th" {
			tr.columns = append(tr.columns, c)
		} else {
			log.Printf("unexpected row element '%v' (%v)", c.Data(), c.Type())
		}
	}

	return tr
}

func grep(n *html.Node, tag string) *html.Node {
	var t *html.Node

	if n.Type == html.ElementNode {
		if n.Data == tag {
			return n
		}
	}

	for c := n.FirstChild; c != nil; c = c.NextSibling {
		res := grep(c, tag)
		if res != nil {
			t = res
		}
	}

	return t
}

func NodeToBox(r int, b *Browser, n *nodes.Node) (el *Element) {
	if n.Attr("aria-hidden") == "true" || n.Attr("hidden") != "" {
		return
	}

	if n.IsDisplayNone() {
		return
	}

	if n.Type() == html.ElementNode {
		switch n.Data() {
		case "style", "script", "template":
			return
		case "input":
			t := n.Attr("type")
			if t == "" || t == "text" || t == "email" || t == "search" || t == "password" {
				return NewInputField(n)
			} else if t == "submit" {
				return NewSubmitButton(b, n)
			}
		case "select":
			return NewSelect(n)
		case "textarea":
			return NewTextArea(n)
		case "button":
			if t := n.Attr("type"); t == "" || t == "submit" {
				return NewSubmitButton(b, n)
			}

			btn := &duit.Button{
				Text: n.ContentString(false),
				Font: n.Font(),
			}

			return NewElement(btn, n)
		case "table":
			return NewTable(n).Element(r+1, b, n)
		case "picture", "img", "svg":
			return NewElement(NewImage(n), n)
		case "pre":
			return NewElement(
				NewCodeView(n.ContentString(true), n.Map),
				n,
			)
		case "li":
			var innerContent duit.UI

			if nodes.IsPureTextContent(*n) {
				t := n.ContentString(false)

				if ul := n.Ancestor("ul"); ul != nil {
					if ul.Css("list-style") != "none" && n.Css("list-style-type") != "none" {
						t = "• " + t
					}
				}
				innerContent = NewLabel(t, n)
			} else {
				return InnerNodesToBox(r+1, b, n)
			}

			return NewElement(innerContent, n)
		case "a":
			var href = n.Attr("href")
			var innerContent duit.UI
			if nodes.IsPureTextContent(*n) {
				innerContent = NewLabel(
					n.ContentString(false),
					n,
				)
			} else {
				innerContent = InnerNodesToBox(r+1, b, n)
			}
			if innerContent == nil {
				return nil
			}
			el := NewElement(innerContent, n)
			el.makeLink(href)
			return el
		case "noscript":
			if ExperimentalJsInsecure || !EnableNoScriptTag {
				return
			}
			fallthrough
		default:
			return InnerNodesToBox(r+1, b, n)
		}
	} else if n.Type() == html.TextNode {
		// Leaf text object

		if text := n.ContentString(false); text != "" {
			ui := NewLabel(text, n)

			return NewElement(ui, n)
		}
	}

	return
}

func isWrapped(n *nodes.Node) bool {
	isText := nodes.IsPureTextContent(*n)
	isCTag := false
	for _, t := range []string{"span", "i", "b", "tt"} {
		if n.Data() == t {
			isCTag = true
		}
	}
	return ((isCTag && n.IsInline()) || n.Type() == html.TextNode) && isText
}

func InnerNodesToBox(r int, b *Browser, n *nodes.Node) *Element {
	items := n.CBItems()
	els := make([]*Element, 0, len(items))

	for _, c := range items {
		if c.IsDisplayNone() {
			continue
		}
		if isWrapped(c) {
			ls := NewText(c.Content(false), c)
			els = append(els, ls...)
		} else if nodes.IsPureTextContent(*n) && n.IsInline() {
			// Handle text wrapped in unwrappable tags like p, div, ...
			ls := NewText(c.Content(false), items[0])
			if len(ls) == 0 {
				continue
			}
			el := NewElement(horizontalSeq(c, true, ls), c)
			if el == nil {
				continue
			}
			els = append(els, el)
		} else if el := NodeToBox(r+1, b, c); el != nil {
			els = append(els, el)
		}
	}

	if len(els) == 0 {
		return nil
	}

	return Arrange(n, els...)
}

func TraverseTree(ui duit.UI, f func(ui duit.UI)) {
	traverseTree(0, ui, f)
}

func traverseTree(r int, ui duit.UI, f func(ui duit.UI)) {
	if ui == nil {
		panic("null")
	}
	f(ui)
	switch v := ui.(type) {
	case nil:
		panic("null")
	case *duitx.Scroll:
		traverseTree(r+1, v.Kid.UI, f)
	case *duitx.Box:
		for _, kid := range v.Kids {
			traverseTree(r+1, kid.UI, f)
		}
	case *Element:
		if v == nil {
			// TODO: repair?!
			//panic("null element")
			return
		}
		traverseTree(r+1, v.UI, f)
	case *duitx.Grid:
		for _, kid := range v.Kids {
			traverseTree(r+1, kid.UI, f)
		}
	case *duit.Image:
	case *duit.Label, *duitx.Label:
	case *Label:
		traverseTree(r+1, v.Label, f)
	case *Image:
		traverseTree(r+1, v.Image, f)
	case *duit.Field:
	case *duit.Edit:
	case *duit.Button:
	case *duit.List:
	case *duit.Place:
		for _, kid := range v.Kids {
			traverseTree(r+1, kid.UI, f)
		}
	case *duit.Scroll:
	case *CodeView:
	default:
		panic(fmt.Sprintf("unknown: %+v", v))
	}
}

func PrintTree(ui duit.UI) {
	if log.Debug && debugPrintHtml {
		printTree(0, ui)
	}
}

func printTree(r int, ui duit.UI) {
	for i := 0; i < r; i++ {
		fmt.Printf("  ")
	}
	if ui == nil {
		fmt.Printf("ui=nil\n")
		return
	}
	switch v := ui.(type) {
	case nil:
		fmt.Printf("v=nil\n")
		return
	case *duit.Scroll:
		fmt.Printf("duit.Scroll\n")
		printTree(r+1, v.Kid.UI)
	case *duitx.Box:
		fmt.Printf("Box\n")
		for _, kid := range v.Kids {
			printTree(r+1, kid.UI)
		}
	case *Element:
		if v == nil {
			fmt.Printf("v:*Element=nil\n")
			return
		}
		fmt.Printf("Element\n")
		printTree(r+1, v.UI)
	case *duitx.Grid:
		fmt.Printf("Grid %vx%v\n", len(v.Kids)/v.Columns, v.Columns)
		for _, kid := range v.Kids {
			printTree(r+1, kid.UI)
		}
	case *duit.Image:
		fmt.Printf("Image %v\n", v)
	case *duit.Label:
		t := v.Text
		if len(t) > 20 {
			t = t[:15] + "..."
		}
		fmt.Printf("Label %v\n", t)
	case *Label:
		t := v.Text
		if len(t) > 20 {
			t = t[:15] + "..."
		}
		fmt.Printf("Label %v\n", t)
	default:
		fmt.Printf("%+v\n", v)
	}
}

type Browser struct {
	ctx    context.Context
	cancel context.CancelFunc

	history.History
	dui      *duit.DUI
	Website  *Website
	loading  bool
	client   *http.Client
	Download func(res chan *string)
	LocCh    chan string
	StatusCh chan string
}

func NewBrowser(_dui *duit.DUI, initUrl string) (b *Browser) {
	jar, err := cookiejar.New(&cookiejar.Options{PublicSuffixList: publicsuffix.List})
	if err != nil {
		log.Fatal(err)
	}

	b = &Browser{
		client: &http.Client{
			Jar: jar,
		},
		dui:      _dui,
		Website:  &Website{},
		LocCh:    make(chan string, 10),
		StatusCh: make(chan string, 10),
	}

	u, err := url.Parse(initUrl)
	if err != nil {
		log.Fatalf("parse: %v", err)
	}
	b.History.Push(u, 0)

	browser = b
	b.Website.UI = &duit.Label{}
	style.SetFetcher(b)
	dui = _dui
	dui.Background, err = dui.Display.AllocImage(image.Rect(0, 0, 10, 10), draw.ARGB32, true, 0x00000000)
	if err != nil {
		log.Fatalf("%v", err)
	}
	display = dui.Display
	b.LoadUrl(u)

	if ExperimentalJsInsecure {
		fs.Client = &http.Client{}
		fs.Fetcher = browser
	}
	go fs.Srv9p()

	return
}

func (b *Browser) LinkedUrl(addr string) (a *url.URL, err error) {
	log.Printf("LinkedUrl: addr=%v, b.URL=%v", addr, b.URL())
	if strings.HasPrefix(addr, "//") {
		addr = b.URL().Scheme + ":" + addr
	} else if strings.HasPrefix(addr, "/") {
		addr = b.URL().Scheme + "://" + b.URL().Host + addr
	} else if !strings.HasPrefix(addr, "http") {
		if strings.HasSuffix(b.URL().Path, "/") {
			addr = "/" + b.URL().Path + addr
		} else {
			m := strings.LastIndex(b.URL().Path, "/")
			if m > 0 {
				folder := b.URL().Path[0:m]
				addr = "/" + folder + "/" + addr
			} else {
				addr = "/" + addr
			}
		}
		addr = strings.ReplaceAll(addr, "//", "/")
		addr = b.URL().Scheme + "://" + b.URL().Host + addr
	}
	return url.Parse(addr)
}

func (b *Browser) Origin() *url.URL {
	return b.History.URL()
}

func (b *Browser) Back() (e duit.Event) {
	if !b.loading {
		b.History.Back()
		b.LocCh <- b.History.URL().String()
		b.LoadUrl(b.History.URL())
	}
	e.Consumed = true
	return
}

func (b *Browser) SetAndLoadUrl(u *url.URL) func() duit.Event {
	return func() duit.Event {
		// Stop updating existing widgets
		if scroller != nil {
			scroller.Free()
			scroller = nil
		}
		b.showBodyMessage("")

		if !b.loading {
			b.LocCh <- u.String()
			b.LoadUrl(u)
		}

		return duit.Event{
			Consumed: true,
		}
	}
}

func (b *Browser) Ctx() context.Context {
	return b.ctx
}

func (b *Browser) Cancel() {
	b.cancel()
	b.loading = false
}

func (b *Browser) Loading() bool {
	return b.loading
}

func (b *Browser) showBodyMessage(msg string) {
	b.Website.UI = &duit.Label{
		Text: msg,
		Font: style.Map{}.Font(),
	}
	dui.MarkLayout(dui.Top.UI)
	dui.MarkDraw(dui.Top.UI)
	dui.Render()
}

// LoadUrl after from location field,
func (b *Browser) LoadUrl(url *url.URL) (e duit.Event) {
	if b.cancel != nil {
		b.cancel()
	}
	b.ctx, b.cancel = context.WithCancel(context.Background())
	b.loading = true
	go b.loadUrl(url)
	e.Consumed = true

	return
}

func (b *Browser) loadUrl(url *url.URL) {
	b.StatusCh <- fmt.Sprintf("Load %v...", url)
	buf, contentType, err := b.get(url, true)
	if err != nil {
		log.Errorf("error loading %v: %v", url, err)
		if er := errors.Unwrap(err); er != nil {
			err = er
		}
		b.showBodyMessage(err.Error())
		b.loading = false
		return
	}
	if contentType.IsHTML() || contentType.IsPlain() || contentType.IsEmpty() {
		b.render(contentType, buf)
	} else {
		res := make(chan *string, 1)
		b.Download(res)

		log.Infof("Download unhandled content type: %v", contentType)

		fn := <-res

		if fn != nil && *fn != "" {
			log.Infof("Download to %v", *fn)
			f, _ := os.Create(*fn)
			f.Write(buf)
			f.Close()
		}
		dui.Call <- func() {
			b.loading = false
		}
	}
}

func (b *Browser) render(ct opossum.ContentType, buf []byte) {
	log.Printf("Empty some cache...")
	cache.Tidy()
	imageCache = make(map[string]*draw.Image)

	b.Website.ContentType = ct
	htm := ct.Utf8(buf)
	b.Website.layout(b, htm, InitialLayout)

	log.Printf("Render...")
	dui.Call <- func() {
		TraverseTree(b.Website.UI, func(ui duit.UI) {
			// just checking for nil elements. That would be a bug anyway and it's better
			// to notice it before it gets rendered

			if ui == nil {
				panic("nil")
			}
		})
		PrintTree(b.Website.UI)
		if scroller != nil {
			scroller.Offset = b.History.Scroll()
		}
		dui.MarkLayout(dui.Top.UI)
		dui.MarkDraw(dui.Top.UI)
		dui.Render()
		b.loading = false
	}
	log.Printf("Rendering done")
}

func (b *Browser) Get(uri *url.URL) (buf []byte, contentType opossum.ContentType, err error) {
	c, ok := cache.Get(uri.String())
	if ok {
		log.Printf("use %v from cache", uri)
	} else {
		c.Addr = uri.String()
		c.Buf, c.ContentType, err = b.get(uri, false)
		if err == nil {
			cache.Set(c)
		}
	}

	return c.Buf, c.ContentType, err
}

func (b *Browser) get(uri *url.URL, isNewOrigin bool) (buf []byte, contentType opossum.ContentType, err error) {
	log.Infof("Get %v", uri.String())
	req, err := http.NewRequestWithContext(b.ctx, "GET", uri.String(), nil)
	if err != nil {
		return
	}
	req.Header.Add("User-Agent", "opossum")
	resp, err := b.client.Do(req)
	if err != nil {
		return nil, opossum.ContentType{}, fmt.Errorf("error loading %v: %w", uri, err)
	}
	defer resp.Body.Close()
	buf, err = ioutil.ReadAll(resp.Body)
	if err != nil {
		return nil, opossum.ContentType{}, fmt.Errorf("error reading")
	}
	contentType, err = opossum.NewContentType(resp.Header.Get("Content-Type"), resp.Request.URL)
	if isNewOrigin {
		of := 0
		if scroller != nil {
			of = scroller.Offset
		}
		b.History.Push(resp.Request.URL, of)
		log.Printf("b.History is now %s", b.History.String())
		b.LocCh <- b.URL().String()
	}
	return
}

func (b *Browser) PostForm(uri *url.URL, data url.Values) (buf []byte, contentType opossum.ContentType, err error) {
	b.StatusCh <- "Posting..."
	fb := strings.NewReader(escapeValues(b.Website.ContentType, data).Encode())
	req, err := http.NewRequestWithContext(b.ctx, "POST", uri.String(), fb)
	if err != nil {
		return
	}
	req.Header.Add("User-Agent", "opossum")
	req.Header.Set("Content-Type", fmt.Sprintf("application/x-www-form-urlencoded; charset=%v", b.Website.Charset()))
	resp, err := b.client.Do(req)
	if err != nil {
		return nil, opossum.ContentType{}, fmt.Errorf("error loading %v: %w", uri, err)
	}
	defer resp.Body.Close()
	b.History.Push(resp.Request.URL, scroller.Offset)
	buf, err = ioutil.ReadAll(resp.Body)
	if err != nil {
		return nil, opossum.ContentType{}, fmt.Errorf("error reading")
	}
	contentType, err = opossum.NewContentType(resp.Header.Get("Content-Type"), resp.Request.URL)
	return
}