fix jsbin resources bug

bver49 · bver49 · commit 71a2e1dcd23b · 2017-09-28T16:06:40.000+08:00
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
-node_modules/
+node_modules/
+.DS_Store
diff --git a/launcher.html b/launcher.html
@@ -28,7 +28,10 @@
         if (config.page !== 'index') {
           $('head').append('<script src="msg/' + config.page + '/' + config.lang + '.js' + '"><\/script>');
         }
+
         data.body = launcher.translate(data.body, window.MSG);
+        data.body = launcher.injectMedia(data.body);
+        data.head = launcher.injectDependencies(data.head);
 
         $.extend(config.data, data);
         launcher.jsbin(config);
diff --git a/launcher.js b/launcher.js
@@ -14,6 +14,8 @@
 
   'use strict';
 
+  var parser = new window.DOMParser();
+
   function loadTemplate(url, callback) {
     var link = document.createElement('link'),
       tag = document.getElementsByTagName('script')[0];
@@ -38,10 +40,7 @@
 
   function assembleHtml(head, body, css, js) {
     var html = '<!doctype html>\n<html>\n\n';
-    if(css==='jsbin'){
-        head = head.replace(/\/lib\//g,'https://blockly.webduino.io/lib/');
-        body = body.replace(/\/media\//g,'https://blockly.webduino.io/media/');
-    }
+
     html += ('<head>' +
       (head ? '\n  ' + head + '\n' : '') +
       (css ? '\n  <style>' + css + '</style>\n' : '') +
@@ -87,6 +86,39 @@
     return $wrap.wrap('<div/>').parent().html();
   }
 
+  function injectDependencies(headStr) {
+    var head = parser.parseFromString(headStr, 'text/html').head;
+
+    head.querySelectorAll('script').forEach(function (sc) {
+      sc.src = appendBaseURL(sc.getAttribute('src'));
+    });
+    head.querySelectorAll('link').forEach(function (link) {
+      link.href = appendBaseURL(link.getAttribute('href'));
+    });
+
+    return head.innerHTML;
+  }
+
+  function injectMedia(bodyStr) {
+    var body = parser.parseFromString(bodyStr, 'text/html').body;
+
+    body.querySelectorAll('img').forEach(function (img) {
+      img.src = appendBaseURL(img.getAttribute('src'));
+    });
+
+    return body.innerHTML;
+  }
+
+  function appendBaseURL(url) {
+    var urlc = url.toLowerCase();
+    if (urlc.indexOf('//') !== 0 &&
+      urlc.indexOf('http://') !== 0 &&
+      urlc.indexOf('https://') !== 0) {
+      url = location.origin + url;
+    }
+    return url;
+  }
+
   var launchers = {
     jsfiddle: function (config) {
       var data = config.data;
@@ -121,11 +153,12 @@
 
     jsbin: function (config) {
       var data = config.data;
+
       if (config.jsPreprocessor) {
         data[config.jsPreprocessor] = data.js;
         delete data.js;
       }
-      data.html = assembleHtml(data.head,data.body,'jsbin');
+      data.html = assembleHtml(data.head, data.body);
       config.modes = config.modes || 'html,css,js,output';
 
       post('//bin.webduino.io?' + config.modes, data);
@@ -158,6 +191,8 @@
 
   window.launcher = {
     loadTemplate: loadTemplate,
+    injectDependencies: injectDependencies,
+    injectMedia: injectMedia,
     translate: translate,
     jsfiddle: launchers.jsfiddle,
     codepen: launchers.codepen,

Original file line number	Diff line number	Diff line change
`@@ -1 +1,2 @@`
`1`		`-node_modules/`
	`1`	`+node_modules/`
	`2`	`+.DS_Store`