Merge pull request #23 from nickmccurdy/bundle-with-webpack

Bundle with webpack

Author: kaicataldo

.eslintrc.json

@@ -6,7 +6,7 @@
   "extends": ["prettier"],
   "parserOptions": {
     "ecmaVersion": 2020,
-    "sourceType": "script",
+    "sourceType": "module",
     "ecmaFeatures": {
       "jsx": true
     }

.gitignore

@@ -1 +1,2 @@
 node_modules
+ext/main.js

.prettierignore

@@ -1 +1 @@
-ext/src/vendor
+ext/main.js

ext/manifest.json

@@ -20,20 +20,7 @@
     {
       "matches": ["https://stackoverflow.com/*", "https://github.com/*"],
       "css": ["src/content/content.css"],
-      "js": [
-        "src/vendor/standalone.js",
-        "src/vendor/parser-angular.js",
-        "src/vendor/parser-babylon.js",
-        "src/vendor/parser-flow.js",
-        "src/vendor/parser-glimmer.js",
-        "src/vendor/parser-graphql.js",
-        "src/vendor/parser-html.js",
-        "src/vendor/parser-markdown.js",
-        "src/vendor/parser-postcss.js",
-        "src/vendor/parser-typescript.js",
-        "src/vendor/parser-yaml.js",
-        "src/content/content.js"
-      ],
+      "js": ["main.js"],
       "run_at": "document_end"
     }
   ]

ext/src/background/background.js

@@ -1 +0,0 @@
-"use strict";

ext/src/content/content.js

@@ -1,6 +1,29 @@
-"use strict";
+import parserAngular from "prettier/parser-angular";
+import parserBabylon from "prettier/parser-babylon";
+import parserFlow from "prettier/parser-flow";
+import parserGlimmer from "prettier/parser-glimmer";
+import parserGraphql from "prettier/parser-graphql";
+import parserHtml from "prettier/parser-html";
+import parserMarkdown from "prettier/parser-markdown";
+import parserPostcss from "prettier/parser-postcss";
+import parserTypescript from "prettier/parser-typescript";
+import parserYaml from "prettier/parser-yaml";
+import prettier from "prettier/standalone";
 
 function init() {
+  const prettierPlugins = [
+    parserAngular,
+    parserBabylon,
+    parserFlow,
+    parserGlimmer,
+    parserGraphql,
+    parserHtml,
+    parserMarkdown,
+    parserPostcss,
+    parserTypescript,
+    parserYaml
+  ];
+
   const GITHUB_URL = "https://github.com";
   const GITHUB_VALID_PATHNAMES = /^\/.*\/.*\/(?:pull\/\d+(?:\/?|\/files\/?)$|commit|compare\/.*|issues\/\d+|issues\/new)/u;
   const POLLING_INTERVAL = 30;
@@ -117,9 +140,9 @@ function init() {
         const textArea = findWithClass(buttonElem, "comment-form-textarea");
         buttonElem.addEventListener("click", event => {
           event.preventDefault();
-          const formattedText = window.prettier.format(textArea.value, {
+          const formattedText = prettier.format(textArea.value, {
             parser: "markdown",
-            plugins: window.prettierPlugins
+            plugins: prettierPlugins
           });
           textArea.focus();
           textArea.select();
@@ -311,9 +334,9 @@ function init() {
                   let formattedSnippet = snippet;
 
                   try {
-                    formattedSnippet = window.prettier.format(snippet, {
+                    formattedSnippet = prettier.format(snippet, {
                       parser: PARSERS_LANG_MAP[lang],
-                      plugins: window.prettierPlugins
+                      plugins: prettierPlugins
                     });
                   } catch {}
 
@@ -339,9 +362,9 @@ function init() {
               }
 
               try {
-                formattedText = window.prettier.format(codeLines.join("\n"), {
+                formattedText = prettier.format(codeLines.join("\n"), {
                   parser: PARSERS_LANG_MAP[lang],
-                  plugins: window.prettierPlugins
+                  plugins: prettierPlugins
                 });
               } catch {
                 return;
@@ -370,9 +393,9 @@ function init() {
           });
         }
 
-        inputEl.value = window.prettier.format(inputEl.value, {
+        inputEl.value = prettier.format(inputEl.value, {
           parser: "markdown",
-          plugins: window.prettierPlugins
+          plugins: prettierPlugins
         });
         inputEl.focus();
       });