From mboxrd@z Thu Jan  1 00:00:00 1970
Return-Path: <eklhad@comcast.net>
Received-SPF: Pass (mailfrom) identity=mailfrom;
 client-ip=2001:558:fe21:29:69:252:207:42; helo=resqmta-ch2-10v.sys.comcast.net;
 envelope-from=eklhad@comcast.net; receiver=<UNKNOWN> 
Received: from resqmta-ch2-10v.sys.comcast.net
 (resqmta-ch2-10v.sys.comcast.net [IPv6:2001:558:fe21:29:69:252:207:42])
 by hurricane.the-brannons.com (Postfix) with ESMTPS id 8601677AFE
 for <edbrowse-dev@lists.the-brannons.com>;
 Sun, 20 Aug 2017 07:33:21 -0700 (PDT)
Received: from resomta-ch2-02v.sys.comcast.net ([69.252.207.98])
 by resqmta-ch2-10v.sys.comcast.net with ESMTP
 id jRI0dlAsE3wsIjRIIdE993; Sun, 20 Aug 2017 14:33:38 +0000
DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=comcast.net;
 s=q20161114; t=1503239618;
 bh=nG2x/3JNlPq6LwecK1y1Ufhf+sFGtifqR4y0aLqqiVo=;
 h=Received:Received:To:From:Reply-to:Subject:Date:Message-ID:
 Mime-Version:Content-Type;
 b=KoQkiBLURMaEH/7ocG+265dL2sWxkm8/FI6Hvmc3xdyC+CdmYRQl9rfJUs81R/Iqe
 bvF2eoYJ5jOogavU6wQIfJQHoOpFFErClZrBNZdfTwoT9blGHSlodx8lHpv3clMafS
 RTf4+I6ohlSxMg2ZXGzDh2NlyTLSSXB2+Y685QiKXpWXRUGkPK65ZgAuYKvgpVpw5/
 dgO3ehoxIijehFNx1pMffrnaNE9/+7o3Z/jHwQYMiljMYIcI3IqmPbcBTqugHYc4/v
 eOp2uD5Gng7QzibBLag0NXbErNRCOgoVPAMuALoKjrJ2Zs12EaAcOZxM0b6o/zHOvx
 DM6nt3AFRw/1w==
Received: from unknown ([IPv6:2601:408:c301:784d:21e:4fff:fec2:a0f1])
 by resomta-ch2-02v.sys.comcast.net with SMTP
 id jRIHdG7Qh13A8jRIHdknBR; Sun, 20 Aug 2017 14:33:38 +0000
To: Edbrowse-dev@lists.the-brannons.com
From: Karl Dahlke <eklhad@comcast.net>
Reply-to: Karl Dahlke <eklhad@comcast.net>
References: <20170719113834.eklhad@comcast.net>
 <alpine.LRH.2.03.1708191708530.31837@carhart.net>
User-Agent: edbrowse/3.7.0+
Date: Sun, 20 Aug 2017 10:33:37 -0400
Message-ID: <20170720103337.eklhad@comcast.net>
Mime-Version: 1.0
Content-Type: multipart/mixed; boundary=nextpart-eb-885593
Content-Transfer-Encoding: 7bit
X-CMAE-Envelope: MS4wfFZaLv0KPaIzSSFV7dB7zkPG/pua9wtSww2EHZV2H3pkGiQQTgIlLPLuKvAJSEqkveev0DelwUmAQsoHa++ZK4/16KrAGT3sYHVXcK5ZT/wU8iaf8nzb
 +ungqNedpnkRGw6SHWJ1VR70GcmMZLCua0NdaHVXN+aYm+QqfmaqgsMY
Subject: [Edbrowse-dev] acid[0]
X-BeenThere: edbrowse-dev@lists.the-brannons.com
X-Mailman-Version: 2.1.24
Precedence: list
List-Id: Edbrowse Development List <edbrowse-dev.lists.the-brannons.com>
List-Unsubscribe: <http://lists.the-brannons.com/mailman/options/edbrowse-dev>, 
 <mailto:edbrowse-dev-request@lists.the-brannons.com?subject=unsubscribe>
List-Archive: <http://lists.the-brannons.com/mailman/private/edbrowse-dev/>
List-Post: <mailto:edbrowse-dev@lists.the-brannons.com>
List-Help: <mailto:edbrowse-dev-request@lists.the-brannons.com?subject=help>
List-Subscribe: <http://lists.the-brannons.com/mailman/listinfo/edbrowse-dev>, 
 <mailto:edbrowse-dev-request@lists.the-brannons.com?subject=subscribe>
X-List-Received-Date: Sun, 20 Aug 2017 14:33:21 -0000

This message is in MIME format. Since your mail reader does not understand
this format, some or all of this message may not be legible.

--nextpart-eb-885593
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: quoted-printable

Ok Kevin, all that free software is just too irresistable!
I put both functions in startwindow.js and pushed, so everybody have a =
look.

The css parser works like a dream!
You can even do it stand alone.

duk -i startwindow.js

parser =3D new cssjs;
list =3D parser.parseCSS(css_string);

list is an array of the css descriptors in the string.
Each is an object with members: selector, rules, comment.
The selector is something like "p.snork".
Rules is another array of all the keyword value pairs like  bgcolor =3D =
white
It's so simple and clean.
I took the ridiculous <style> tag out of acid3 and pushed it through =
the parser, and it worked perfectly.
45 descriptors corresponding to the contents of that <style> tag.

querySelectorAll is not as simple.
As Kevin pointed out, other websites use the same construct, maybe even =
the same code, and I don't want their function to collide with our =
function, especially if they work somewhat differently, so I call ours =
eb$qs.

eb$qs("div")

But there's another problem.
The code creates the function querySelectorAll, or in our case eb$qs, =
and in doing so it creates a temporary <div> tag.
That doesn't work unless we have a framework in place.
So I put a wrapper around it:  eb$qs$start().
That sets everything up to then run eb$qs as often as you like.
Eventually edbrowse will call eb$qs$start() after the html document is =
browsed and before the first javascript runs.

eb$qs$start()
parser.parseCSS() on every style tag in the document and every file =
<link type=3Dcss href=3D>
Then map those values onto the objects by applying eb$qs to each =
selector in each css descriptor.

But there are more problems.
Try it with jsrt.
Set db3 so you can see what is going on.
browse, jdb, eb$qs$start()
and now you're ready to go.
list =3D eb$qs("script");
Holy crap it works, list is an array of 9 objects for the 9 scripts in =
jsrt.
Step through each one and look at list[i].data.
That is the contents of each script.
This also works for "p" "a", and other such things.
It doesn't work for "table.filbert", even though we have a <table =
class=3Dfilbert> tag.
It calls a method getAttributeNode which we don't have. Oops.
That's probably our omission, and something we should address anyways.

Then try eb$qs("#jkl");
That doesn't work either.
We are missing the compareDocumentPosition() method.

So we can't move forward on this until we fill in some missing pieces =
in our DOM.
Any volunteers to implement getAttributeNode() or =
compareDocumentPosition()?
The former is easier, and more important, than the latter.

Karl Dahlke

--nextpart-eb-885593--