/[suikacvs]/markup/html/scripting-parser/parser.html

Diff of /markup/html/scripting-parser/parser.html

Parent Directory | Revision Log | View Patch Patch

-revision 1.6 by wakaba,
Fri Apr 25 13:42:51 2008 UTC
+revision 1.13 by wakaba,
Sun Apr 27 11:27:04 2008 UTC
 Line 1
  <!DOCTYPE HTML>
  <html lang=en>
  <head>
- <title>Demo of HTML5 Parsing Algorithm with Scripting Enabled</title>
+ <title>Live Scripting HTML Parser</title>
+ <link rel=author href="http://suika.fam.cx/~wakaba/who?">
+ <link rel=license href="http://suika.fam.cx/c/gnu/gpl"
+     title="GNU GPL2 or later">
  <style>
+   h1 {
+     margin: 0;
+     font-size: 150%;
+   }
+   h2 {
+     margin: 0;
+     font-size: 100%;
+   }
+   p {
+     margin: 0 1em;
+   }
    textarea {
-      display: block;
+     width: 100%;
-      width: 80%;
+     -width: 99%;
-      margin-left: auto;
+     height: 10em;
-      margin-right: auto;
-      min-height: 20em;
    }
    output {
      display: block;
-Line 18
+Line 30
    }
  </style>
  <script>
+   var delayedUpdater = 0;
    function update () {
-     document.logElement.textContent = '';
+     if (delayedUpdater) {
-     var p = new Parser (new InputStream (document.sourceElement.value));
+       clearTimeout (delayedUpdater);
-     var doc = p.doc;
+       delayedUpdater = 0;
-     p.parse ();
+     }
-     log (dumpTree (doc, ''));
+     delayedUpdater = setTimeout (update2, 100);
    } // update
+   function update2 () {
+     var v = document.sourceElement.value;
+     if (v != document.previousSourceText) {
+       document.previousSourceText = v;
+       document.links['permalink'].href
+           = location.pathname + '?s=' + encodeURIComponent (v);
+       document.links['ldvlink'].href
+           = 'http://software.hixie.ch/utilities/js/live-dom-viewer/?'
+           + encodeURIComponent (v);
+       document.logElement.textContent = '';
+       var p = new Parser (new InputStream (v));
+       var doc = p.doc;
+       p.parse ();
+       log (dumpTree (doc, ''));
+       if (p.hasAsyncScript) {
+         log ('Some script codes are executed asynchronously; it means that the document might be rendered in different ways depending on the network condition and other factors');
+       }
+     }
+   } // update2
    var logIndentLevel = 0;
    function log (s) {
      for (var i = 0; i < logIndentLevel; i++) {
-Line 46
+Line 83
      }
      this.doc = doc;
      this.openElements = [doc];
-     this.in = i;
+     this.input = i;
      this.scriptsExecutedAfterParsing = [];
+     this.scriptsExecutedSoon = [];
+     this.scriptsExecutedAsynchronously = [];
    } // Parser
    Parser.prototype.getNextToken = function () {
      var p = this;
-     var i = this.in;
+     var i = this.input;
      if (this.parseMode == 'script') {
        var token;
        if (p.insertionPoint <= 0) {
-Line 125
+Line 164
          tagName = v.toLowerCase ();
          return '';
        });
-       e = e.replace (/^\s*([^\s=]+)\s*(?:=\s*(?:"([^"]*)"|'([^']*)'|([^"']+)))?/,
+       while (true) {
-       function (x, attrName, attrValue1, attrValue2, attrValue3) {
+         var m = false;
-         v = attrValue1 || attrValue2 || attrValue3;
+         e = e.replace (/^\s*([^\s=]+)\s*(?:=\s*(?:"([^"]*)"|'([^']*)'|([^"'\s]*)))?/,
-         v = v.replace (/&quot;/g, '"').replace (/&apos;/g, "'")
+         function (x, attrName, attrValue1, attrValue2, attrValue3) {
-             .replace (/&amp;/g, '&');
+           v = attrValue1 || attrValue2 || attrValue3;
-         attrs[attrName.toLowerCase ()] = v;
+           v = v.replace (/&quot;/g, '"').replace (/&apos;/g, "'")
-         return '';
+               .replace (/&amp;/g, '&');
-       });
+           attrs[attrName.toLowerCase ()] = v;
+           m = true;
+           return '';
+         });
+         if (!m) break;
+       }
        if (e.length) {
          log ('Broken start tag: "' + e + '"');
        }
-Line 235
+Line 279
            this.openElements[this.openElements.length - 1].appendChild (el);
            // 11. Let the insertion point have the value of the old ...
            oldInsertionPoint += this.insertionPoint;
            this.setInsertionPoint (oldInsertionPoint);
-Line 298
+Line 343
      // "When a script completes loading" rules start applying.
-     // TODO: Handles "list of scripts that will execute as soon as possible"
+     while (this.scriptsExecutedSoon.length > 0 ||
-     // and "list of scripts that will execute asynchronously"
+            this.scriptsExecutedAsynchronously.length > 0) {
+       // Handle "list of scripts that will execute as soon as possible".
+       while (this.scriptsExecutedSoon.length > 0) {
+         var e = this.scriptsExecutedSoon.shift ();
+         // If it has completed loading
+         log ('Execute an external script not inserted by parser...');
+         executeScript (this.doc, e);
+         // NOTE: It MAY be executed before the end of the parsing, according
+         // to the spec.
+         this.hasAsyncScript = true;
+       }
+       // Handle "list of scripts that will execute asynchronously".
+       while (this.scriptsExecutedAsynchronously.length > 0) {
+         var e = this.scriptsExecutedAsynchronously.shift ();
+         // Step 1.
+         // We assume that all scripts have been loaded at this time.
+         // Step 2.
+         log ('Execute an asynchronous script...');
+         executeScript (this.doc, e);
+         // Step 3.
+         //
+         // Step 4.
+         //
+         this.hasAsyncScript = true;
+       }
+     }
      // Handle "list of scripts that will execute when the document has finished
      // parsing".
-Line 330
+Line 408
      if (ip == undefined || ip == null || isNaN (ip)) {
        log ('insertion point: set to undefined');
        this.insertionPoint = undefined;
-     } else if (ip == this.in.s.length) {
+     } else if (ip == this.input.s.length) {
        log ('insertion point: end of file');
        this.insertionPoint = ip;
      } else {
        log ('insertion point: set to ' + ip +
-            ' (before "' + this.in.s.substring (0, 10) + '")');
+            ' (before "' + this.input.s.substring (0, 10) + '")');
        this.insertionPoint = ip;
      }
    }; // setInsertionPoint
-Line 394
+Line 472
          p.scriptsExecutedAfterParsing.push (e);
          log ('Running a script: aborted (defer)');
        } else if (e.async && e.src != null) {
-         // TODO
+         p.scriptsExecutedAsynchronously.push (e);
-       } else if (e.async && e.src == null
+         log ('Running a script: aborted (async src)');
-                  /* && list of scripts that will execute asynchronously is not empty */) {
+       } else if (e.async && e.src == null &&
-         // TODO
+                  p.scriptsExecutedAsynchronously.length > 0) {
+         p.scriptsExecutedAsynchronously.push (e);