Page2 = {
	x=500, y=300,
    -- page
		type='text',
        data={
		},
        width=400, bg={r=0,g=0.8,b=0}
}
"Call me Ishmael.  Some years ago--never mind how long precisely--having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world.  It is a way I have of driving off the spleen and regulating the circulation.  Whenever I find myself growing grim about the mouth; whenever it is a damp, drizzly November in my soul; whenever I find myself involuntarily pausing before coffin warehouses, and bringing up the rear of every funeral I meet; and especially whenever my hypos get such an upper hand of me, that it requires a strong moral principle to prevent me from deliberately stepping into the street, and methodically knocking people's hats off--then, I account it high time to get to sea as soon as I can.  This is my substitute for pistol and ball.  With a philosophical flourish Cato throws himself upon his sword; I quietly take to the ship.  There is nothing surprising in this.  If they but knew it, almost all men in their degree, some time or other, cherish very nearly the same feelings towards the ocean with me.",
'1',
'2',
'3',
'4',
'5',
'6',
'7',
'8',
'9',
'10',
'11',
'12',
'13',
'14',
'15',
'16',
'17',
'18',
'19',
'20',
'21',
'22',
'23',
'24',
'25',
'26',
'27',
'28',
'29',
'30',
'31',
'32',
'33',
'34',
'35',
'36',
'37',
'38',
'39',
'40',
'41',
'42',
'43',
'44',
'45',
'46',
'47',
'48',
'49',
'50',
'51',
'52',
'53',
'54',
'55',
'56',
'57',
'58',
'59',
'60',

	love.graphics.setFont(love.graphics.newFont(scale(20)))  -- editor objects implicitly depend on current font
	-- continue the pipeline
	-- TODO: ugly that we're manipulating editor objects twice
end
	B(skip_updating_screen_top_for)
	-- translate Page and Page2 to Surface
	Surface = {}
	local red = false
	for x=-1000,2000,300 do
		for y=-10000,10000,200 do
			add_thick_line({type='line', data={x,y, x+200,y+200, x,y+400}, r=red and 1 or 0,g=red and 0 or 0.5,b=0}, 10)
			red = not red
		end
	end
	compute_layout(Page, Page.x,Page.y, Surface, skip_updating_screen_top_for)
	compute_layout(Page2, Page2.x,Page2.y, Surface, skip_updating_screen_top_for)
A = function(skip_updating_screen_top_for)

	if d == nil then return nil end
	return d*Viewport.zoom
end

      -- a table on the right
      { type='rows', name='searches', margin=50, data={
        { type='text', data={''},},
        { type='cols', data={
          { type='text', data={'search:'},},
          { type='text', name='search', bg={r=0.8,g=0.8,b=0.8}, data={''}, width=90,},
        }},
		{ type='text', data={'table:'},},
        { type='cols', bg={r=0.8,g=0.8,b=0.8}, data={
            { type='rows', width=90, data={
              {type='text', data={'abc'},},
              {type='text', data={'abc'},},
            }},
            { type='rows', width=90, data={
              {type='text', data={'def'},},
              {type='text', data={'def'},},
            }},
        }},
      }},
    },
        width=400, bg={r=1,g=1,b=0}
      },
			"Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.",
			'1',
			'2',
			'3',
			'mno',
			'Acb',
			'g',
			'hij',
			'klm',
			'nop',
		},
}

			if x >= vx(node.x) and node.w and x < vx(node.x + node.w) then
				if y >= vy(node.y) and node.h and y < vy(node.y + node.h) then

A = function()

A = function(skip_updating_screen_top_for)

	while #Surface > 0 do table.remove(Surface) end

	Surface = {}

		compute_layout(node, node.x,node.y, Surface)

		compute_layout(node, node.x,node.y, Surface, skip_updating_screen_top_for)

	B()

	B(skip_updating_screen_top_for)

  -- test data
  {type='line', data={0,-1000, 0,1000}},
  {type='line', data={-10000,0, 10000,0}},
  {type='text', data={'0'}, x=-20,y=-30},
  {type='rectangle', x=50,y=50, w=20,h=80, r=1,g=0,b=0},
  {type='text', data={'abc', 'def'}, x=150, y=50, w=50,h=50, fg={r=0,g=0.4, b=0.9}},
  {type='circle', x=300,y=200, radius=40, r=1,g=0,b=1},
  {type='arc', x=0,y=0, radius=50, angle1=0, angle2=math.pi*2/3},
  {type='ellipse', x=100,y=100, radiusx=10, radiusy=50},
  {type='bezier', data={25,25, 25,125, 75,25, 125,25}},

	love.graphics.setColor(1,0,0)
	love.graphics.setColor(0,0,0)
	love.graphics.line(50, 0, 50, App.screen.height)
	for i=0,100 do
		love.graphics.print(tostring(i), 30, i*100)
	end
	local vy0 = vy(0)
	love.graphics.line(100, vy0, 100, App.screen.height)
	for i=0,100 do
		love.graphics.print(tostring(i), 80, vy0+i*100)
	end
	love.graphics.line(vx(0), vy(0), vx(0), vy(1000000))
	love.graphics.line(vx(0), vy(0), vx(1000000), vy(0))
	for i=0,100 do
		love.graphics.print(tostring(i), vx(0)-20, vy(i*100))
	end

			love.graphics.line(unpack(obj.zdata))

				love.graphics.draw(obj.text, vx(obj.x), vy(obj.y))

			B()
		end

			A()

		end

end

		if obj.data then
			obj.editor.lines = load_array(obj.data)
		end

		local scaled_fontsize = scale(20)
		local scaled_lineheight = math.floor(scaled_fontsize*1.3)
		obj.editor = edit.initialize_state(vy(obj.y), math.floor(vx(obj.x)), math.ceil(vx(obj.x+obj.w)), scaled_fontsize, scaled_lineheight)

		local scaled_fontsize = scale(20)
		local scaled_lineheight = math.floor(scaled_fontsize*1.3)
		obj.editor = edit.initialize_state(vy(obj.y), math.floor(vx(obj.x)), math.ceil(vx(obj.x+obj.w)), scaled_fontsize, scaled_lineheight)

	-- default
	Pan = {sx=sx,sy=sy}
end
	Pan = {x=Viewport.x+x/Viewport.zoom, y=Viewport.y+y/Viewport.zoom}

	-- pan surface
	Pan = {sx=sx, sy=sy}
end

	if d == nil then return nil end