Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(36)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: pkg/polymer/lib/boot.js

Issue 27518006: Practically remove boot.js, adds the initialization from the Dart side of (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 7 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « pkg/polymer/example/component/news/web/index.html ('k') | pkg/polymer/lib/init.dart » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: pkg/polymer/lib/boot.js
diff --git a/pkg/polymer/lib/boot.js b/pkg/polymer/lib/boot.js
index c273569a7be428ee288bb96eb2ce055b90b026eb..d46090f8a729c1943cf4417049f8dab7c39b9460 100644
--- a/pkg/polymer/lib/boot.js
+++ b/pkg/polymer/lib/boot.js
@@ -2,208 +2,10 @@
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.
-// This script dynamically prepares a set of files to run polymer.dart. It uses
-// the html_import polyfill to search for all imported files, then
-// it inlines all <polymer-element> definitions on the top-level page (needed by
-// registerPolymerElement), and it removes script tags that appear inside
-// those tags. It finally rewrites the main entrypoint to call an initialization
-// function on each of the declared <polymer-elements>.
-//
-// This script is needed only when running polymer.dart in Dartium. It should be
-// removed by the polymer deployment commands.
-
-// As an example, given an input of this form:
-// <polymer-element name="c1">
-// <template></template>
-// <script type="application/dart" src="url0.dart"></script>
-// </polymer-element>
-// <element name="c2">
-// <template></template>
-// <script type="application/dart">main() => { print('body2'); }</script>
-// </element>
-// <c1></c1>
-// <c2></c2>
-// <script type="application/dart" src="url2.dart"></script>
-// <script src="packages/polymer/boot.js"></script>
-//
-// This script will simplifies the page as follows:
-// <polymer-element name="c1">
-// <template></template>
-// </polymer-element>
-// <polymer-element name="c2">
-// <template></template>
-// </polymer-element>
-// <c1></c1>
-// <c2></c2>
-// <script type="application/dart">
-// import 'url0.dart' as i0;
-// import "data:application/dart;base64,CiAgICBtYWluKCkgewogICAgICBwcmludCgnYm9keTInKTsKICAgIH0KICAgIA==" as i1;
-// import 'url2.dart' as i2;
-// ...
-// main() {
-// // code that checks which libraries have a 'main' and invokes them.
-// // practically equivalent to: i0._init(); i1._init(); i2.main();
-// }
-// </script>
-
-
(function() {
- // Only run in Dartium.
- if (!navigator.webkitStartDart) {
- // TODO(sigmund): rephrase when we split build.dart in two: analysis vs
- // deploy pieces.
- console.warn('boot.js only works in Dartium. Run the build.dart' +
- ' tool to compile a deployable JavaScript version')
- return;
- }
-
- // Detect if dart.js was included in the page. We use DOMContentLoaded to make
- // sure we also check for occurrences after the current tag.
- window.addEventListener('DOMContentLoaded', function () {
- var dartJSQuery = 'script[src="packages/browser/dart.js"]';
- if (!!document.querySelector(dartJSQuery)) {
- console.error('Error: found "packages/browser/dart.js" in the ' +
- 'page. Please remove it. When using polymer\'s "boot.js", ' +
- 'you can\'t use "dart.js".');
- }
- });
-
- // Load HTML Imports:
- var htmlImportsSrc = 'src="packages/html_import/html_import.min.js"';
- var htmlImportsTag = '<script ' + htmlImportsSrc + '></script>';
- var importScript = document.querySelector('script[' + htmlImportsSrc + ']');
-
- if (!importScript) {
- try {
- document.write(htmlImportsTag);
- importScript = document.querySelector('script[' + htmlImportsSrc + ']');
- } catch (e) {
- console.error(
- "Failed to use document.write() to inject the HTML import " +
- "polyfill.\nIf you are running with Content Security Policy, " +
- "try adding the following to your HTML's <head> BEFORE the " +
- "line that includes polymer/boot.js:\n " + htmlImportsTag);
- return;
- }
- }
-
- importScript.addEventListener('load', function() {
- // NOTE: this is from polymer/src/lib/dom.js
- window.HTMLImports.importer.preloadSelectors +=
- ', polymer-element link[rel=stylesheet]';
- });
-
- // TODO(jmesserly): we need this in deploy tool too.
- // NOTE: this is from polymer/src/boot.js:
- // FOUC prevention tactic
- var style = document.createElement('style');
- style.textContent = 'body {opacity: 0;}';
- var head = document.querySelector('head');
- head.insertBefore(style, head.firstChild);
-
- window.addEventListener('WebComponentsReady', function() {
- document.body.style.webkitTransition = 'opacity 0.3s';
- document.body.style.opacity = 1;
- });
-
- // Extract a Dart import URL from a script tag, which is the 'src' attribute
- // of the script tag, or a data-url with the script contents for inlined code.
- function getScriptUrl(script) {
- var url = script.src;
- if (url) {
- // Normalize package: urls
- var index = url.indexOf('packages/');
- if (index == 0 || (index > 0 && url[index - 1] == '/')) {
- url = "package:" + url.slice(index + 9);
- }
- return url;
- } else {
- // TODO(sigmund): investigate how to eliminate the warning in Dartium
- // (changing to text/javascript hides the warning, but seems wrong).
- return "data:application/dart;base64," + window.btoa(script.textContent);
- }
- }
-
- // Moves <polymer-elements> from imported documents into the top-level page.
- function inlinePolymerElements(content, ref, seen) {
- if (!seen) seen = {};
- var links = content.querySelectorAll('link[rel="import"]');
- for (var i = 0; i < links.length; i++) {
- var link = links[i];
- // TODO(jmesserly): figure out why ".import" fails in content_shell but
- // works in Dartium.
- if (link.import && link.import.href) link = link.import;
-
- if (seen[link.href]) continue;
- seen[link.href] = link;
- inlinePolymerElements(link.content, ref, seen);
- }
-
- if (content != document) { // no need to do anything for the top-level page
- var elements = content.querySelectorAll('polymer-element');
- for (var i = 0; i < elements.length; i++) {
- document.body.insertBefore(elements[i], ref);
- }
- }
- }
-
- // Creates a Dart program that imports [urls] and passes them to initPolymer
- // (which in turn will invoke their main function, their methods marked with
- // @initMethod, and register any custom tag labeled with @CustomTag).
- function createMain(urls, mainUrl) {
- var imports = Array(urls.length + 1);
- for (var i = 0; i < urls.length; ++i) {
- imports[i] = 'import "' + urls[i] + '" as i' + i + ';';
- }
- imports[urls.length] = 'import "package:polymer/polymer.dart" as polymer;';
- var arg = urls.length == 0 ? '[]' :
- ('[\n "' + urls.join('",\n "') + '"\n ]');
- return (imports.join('\n') +
- '\n\nmain() {\n' +
- ' polymer.initPolymer(' + arg + ');\n' +
- '}\n');
- }
-
- // Finds all top-level <script> tags, and <script> tags in custom elements
- // and merges them into a single entrypoint.
- function mergeScripts() {
- var scripts = document.getElementsByTagName("script");
- var length = scripts.length;
-
- var urls = [];
- var toRemove = [];
-
- // Collect the information we need to replace the script tags
- for (var i = 0; i < length; ++i) {
- var script = scripts[i];
- if (script.type == "application/dart") {
- urls.push(getScriptUrl(script));
- toRemove.push(script);
- }
- }
-
- toRemove.forEach(function (s) { s.parentNode.removeChild(s); });
-
- // Append a new script tag that initializes everything.
- var newScript = document.createElement('script');
- newScript.type = "application/dart";
- newScript.textContent = createMain(urls);
- document.body.appendChild(newScript);
- }
-
- var alreadyRan = false;
- window.addEventListener('HTMLImportsLoaded', function (e) {
- if (alreadyRan) {
- console.warn('HTMLImportsLoaded fired again.');
- return;
- }
- alreadyRan = true;
- var ref = document.body.children[0];
- inlinePolymerElements(document, ref);
- mergeScripts();
- if (!navigator.webkitStartDart()) {
- document.body.innerHTML = 'This build has expired. Please download a ' +
- 'new Dartium at http://www.dartlang.org/dartium/index.html';
- }
- });
+ console.error('"boot.js" is now deprecated. Instead, you can initialize '
+ + 'your polymer application by adding the following tags: \'' +
+ + '<script type="application/dart" src="packages/polymer/init.dart">'
+ + '</script><script src="packages/browser/dart.js"></script>\'. '
+ + 'Make sure these script tags come after all HTML imports.');
})();
« no previous file with comments | « pkg/polymer/example/component/news/web/index.html ('k') | pkg/polymer/lib/init.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698