From a62d45c8c1afc91789cb7940fe9b1f7b07fb66ad Mon Sep 17 00:00:00 2001
From: Alexey Skobkin <x@skobkin.ru>
Date: Tue, 6 Jan 2015 00:47:41 +0400
Subject: [PATCH] Dynamic injection of JS and CSS.

---
 chrome_point_plus/js/point-plus.js | 34 ++++++++++++++++++++++++++++++
 chrome_point_plus/manifest.json    |  9 --------
 2 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/chrome_point_plus/js/point-plus.js b/chrome_point_plus/js/point-plus.js
index 12d830c..a9dc4b2 100644
--- a/chrome_point_plus/js/point-plus.js
+++ b/chrome_point_plus/js/point-plus.js
@@ -141,6 +141,20 @@ $(document).ready(function() {
 
         // Fancybox
         if (options.is('option_fancybox')) {
+            // Injecting Fancybox to the page
+            chrome.extension.sendMessage({
+                type: 'injectJSFile',
+                file: 'vendor/fancybox/source/jquery.fancybox.pack.js'
+            });
+            chrome.extension.sendMessage({
+                type: 'injectJSFile',
+                file: 'vendor/fancybox/source/helpers/jquery.fancybox-media.js'
+            });
+            chrome.extension.sendMessage({
+                type: 'injectCSSFile',
+                file: 'vendor/fancybox/source/jquery.fancybox.css'
+            });
+            
             if (options.is('option_fancybox_bind_images_to_one_flow')) {
                 // Linking images in posts to the galleries
                 $('.post-content .text').each(function() {
@@ -268,6 +282,26 @@ $(document).ready(function() {
         }
         // Visual editor
         if (options.is('option_visual_editor_post')) {
+            // Injecting editor JS
+            chrome.extension.sendMessage({
+                type: 'injectJSFile',
+                file: 'vendor/markitup/markitup/jquery.markitup.js'
+            });
+            // Getting mySettings from set.js
+            chrome.extension.sendMessage({
+                type: 'injectJSFile',
+                file: 'js/markitup/sets/markdown/set.js'
+            });
+            // CSS
+            chrome.extension.sendMessage({
+                type: 'injectCSSFile',
+                file: 'vendor/markitup/markitup/skins/markitup/style.css'
+            });
+            chrome.extension.sendMessage({
+                type: 'injectCSSFile',
+                file: 'css/markitup/sets/markdown/style.css'
+            });
+            
             // Add classes
             $('#new-post-form #text-input, .post-content #text-input').addClass('markitup').css('height', '20em');
             // Init
diff --git a/chrome_point_plus/manifest.json b/chrome_point_plus/manifest.json
index 04a88ef..a303791 100644
--- a/chrome_point_plus/manifest.json
+++ b/chrome_point_plus/manifest.json
@@ -29,10 +29,6 @@
             "js": [
                     "vendor/jquery/jquery.min.js",
 
-                    "vendor/fancybox/source/jquery.fancybox.pack.js",
-                    "vendor/fancybox/source/helpers/jquery.fancybox-media.js",
-
-                    "vendor/markitup/markitup/jquery.markitup.js",
                     "js/markitup/sets/markdown/set.js",
 
                     "js/bquery_ajax.js",
@@ -40,11 +36,6 @@
                     "js/point-plus.js"
                     ],
             "css": [
-                    "vendor/fancybox/source/jquery.fancybox.css",
-
-                    "vendor/markitup/markitup/skins/markitup/style.css",
-                    "css/markitup/sets/markdown/style.css",
-
                     "css/point-plus.css"
                     ],
             "run_at": "document_end"