cleanup inline script

coderoad · ShMcK · Jun 8, 2019 · May 27, 2019 · Jun 2, 2019 · Jun 2, 2019
commit c4a05ca173e97667b2d00d43a5cdc4dadd6de3dc
diff --git a/package.json b/package.json
@@ -27,7 +27,7 @@
 		"vscode:prepublish": "npm run build",
 		"machine": "node ./out/state/index.js",
 		"build": "npm run compile",
-		"build:web": "tsc -p tsconfig.web.json && cp -R web-app/build/ build/",
+		"build:web": "tsc -p web-app/tsconfig.json && cp -R web-app/build/ build/ && cp web-app/public/webpackBuild.js build/webpackBuild.js",
 		"compile": "tsc -p ./",
 		"watch": "tsc -watch -p ./",
 		"postinstall": "node ./node_modules/vscode/bin/install",

diff --git a/src/editor/views/createWebview.ts b/src/editor/views/createWebview.ts
@@ -5,84 +5,6 @@ import * as path from 'path'
 import getNonce from './utils/nonce'
 import onReceive from './onReceive'
 
-const webpackScript = `!(function (l) {
-    function e(e) {
-        for (var r, t, n = e[0], o = e[1], u = e[2], f = 0, i = []; f < n.length; f++)
-            (t = n[f]), p[t] && i.push(p[t][0]), (p[t] = 0)
-        for (r in o) Object.prototype.hasOwnProperty.call(o, r) && (l[r] = o[r])
-        for (s && s(e); i.length;) i.shift()()
-        return c.push.apply(c, u || []), a()
-    }
-    function a() {
-        for (var e, r = 0; r < c.length; r++) {
-            for (var t = c[r], n = !0, o = 1; o < t.length; o++) {
-                var u = t[o]
-                0 !== p[u] && (n = !1)
-            }
-            n && (c.splice(r--, 1), (e = f((f.s = t[0]))))
-        }
-        return e
-    }
-    var t = {},
-        p = { 1: 0 },
-        c = []
-    function f(e) {
-        if (t[e]) return t[e].exports
-        var r = (t[e] = { i: e, l: !1, exports: {} })
-        return l[e].call(r.exports, r, r.exports, f), (r.l = !0), r.exports
-    }
-    ; (f.m = l),
-        (f.c = t),
-        (f.d = function (e, r, t) {
-            f.o(e, r) || Object.defineProperty(e, r, { enumerable: !0, get: t })
-        }),
-        (f.r = function (e) {
-            'undefined' != typeof Symbol &&
-                Symbol.toStringTag &&
-                Object.defineProperty(e, Symbol.toStringTag, { value: 'Module' }),
-                Object.defineProperty(e, '__esModule', { value: !0 })
-        }),
-        (f.t = function (r, e) {
-            if ((1 & e && (r = f(r)), 8 & e)) return r
-            if (4 & e && 'object' == typeof r && r && r.__esModule) return r
-            var t = Object.create(null)
-            if (
-                (f.r(t), Object.defineProperty(t, 'default', { enumerable: !0, value: r }), 2 & e && 'string' != typeof r)
-            )
-                for (var n in r)
-                    f.d(
-                        t,
-                        n,
-                        function (e) {
-                            return r[e]
-                        }.bind(null, n),
-                    )
-            return t
-        }),
-        (f.n = function (e) {
-            var r =
-                e && e.__esModule
-                    ? function () {
-                        return e.default
-                    }
-                    : function () {
-                        return e
-                    }
-            return f.d(r, 'a', r), r
-        }),
-        (f.o = function (e, r) {
-            return Object.prototype.hasOwnProperty.call(e, r)
-        }),
-        (f.p = './')
-        console.log('load window.wepbackJsonp')
-    var r = (window.webpackJsonp = window.webpackJsonp || []),
-        n = r.push.bind(r)
-        ; (r.push = e), (r = r.slice())
-    for (var o = 0; o < r.length; o++) e(r[o])
-    var s = n
-    a()
-})([])`
-
 /**
  * Manages React webview panels
  */
@@ -206,7 +128,7 @@ class ReactPanel {
 			<body>
 				<noscript>You need to enable JavaScript to run this app.</noscript>
                 <div id="root">Loading...</div>
-                <script nonce=${nonce}>${webpackScript}</script>
+                <script nonce=${nonce} src="./webpackBuild.js"></script>
                 <script nonce=${nonce2} src="${chunkUri}"></script>
                 <script nonce="${nonce3}" src="${scriptUri}"></script>
 			</body>

diff --git a/web-app/public/webpackBuild.js b/web-app/public/webpackBuild.js
@@ -0,0 +1,76 @@
+!(function (l) {
+    function e(e) {
+        for (var r, t, n = e[0], o = e[1], u = e[2], f = 0, i = []; f < n.length; f++)
+            (t = n[f]), p[t] && i.push(p[t][0]), (p[t] = 0)
+        for (r in o) Object.prototype.hasOwnProperty.call(o, r) && (l[r] = o[r])
+        for (s && s(e); i.length;) i.shift()()
+        return c.push.apply(c, u || []), a()
+    }
+    function a() {
+        for (var e, r = 0; r < c.length; r++) {
+            for (var t = c[r], n = !0, o = 1; o < t.length; o++) {
+                var u = t[o]
+                0 !== p[u] && (n = !1)
+            }
+            n && (c.splice(r--, 1), (e = f((f.s = t[0]))))
+        }
+        return e
+    }
+    var t = {},
+        p = { 1: 0 },
+        c = []
+    function f(e) {
+        if (t[e]) return t[e].exports
+        var r = (t[e] = { i: e, l: !1, exports: {} })
+        return l[e].call(r.exports, r, r.exports, f), (r.l = !0), r.exports
+    }
+    ; (f.m = l),
+        (f.c = t),
+        (f.d = function (e, r, t) {
+            f.o(e, r) || Object.defineProperty(e, r, { enumerable: !0, get: t })
+        }),
+        (f.r = function (e) {
+            'undefined' != typeof Symbol &&
+                Symbol.toStringTag &&
+                Object.defineProperty(e, Symbol.toStringTag, { value: 'Module' }),
+                Object.defineProperty(e, '__esModule', { value: !0 })
+        }),
+        (f.t = function (r, e) {
+            if ((1 & e && (r = f(r)), 8 & e)) return r
+            if (4 & e && 'object' == typeof r && r && r.__esModule) return r
+            var t = Object.create(null)
+            if (
+                (f.r(t), Object.defineProperty(t, 'default', { enumerable: !0, value: r }), 2 & e && 'string' != typeof r)
+            )
+                for (var n in r)
+                    f.d(
+                        t,
+                        n,
+                        function (e) {
+                            return r[e]
+                        }.bind(null, n),
+                    )
+            return t
+        }),
+        (f.n = function (e) {
+            var r =
+                e && e.__esModule
+                    ? function () {
+                        return e.default
+                    }
+                    : function () {
+                        return e
+                    }
+            return f.d(r, 'a', r), r
+        }),
+        (f.o = function (e, r) {
+            return Object.prototype.hasOwnProperty.call(e, r)
+        }),
+        (f.p = './')
+    var r = (window.webpackJsonp = window.webpackJsonp || []),
+        n = r.push.bind(r)
+        ; (r.push = e), (r = r.slice())
+    for (var o = 0; o < r.length; o++) e(r[o])
+    var s = n
+    a()
+})([])