webpack build successful with changes for remix-ide-js

5b8de54e · ioedeveloper · 67b4dd8d · 5b8de54e · 5b8de54e · 5b8de54e
Commit 5b8de54e authored Jul 03, 2020 by ioedeveloper
6 changed files
--- a/apps/remix-ide-js/src/app.js
+++ b/apps/remix-ide-js/src/app.js
-'use strict'
+// 'use strict'

 var isElectron = require('is-electron')
 var csjs = require('csjs-inject')

--- a/apps/remix-ide-js/src/index.html
+++ b/apps/remix-ide-js/src/index.html
@@ -88,5 +88,6 @@
 					})
 				}				
 		</script>
+		<script src="runtime.js" type="module"></script><script src="polyfills.js" type="module"></script><script src="styles.js" type="module"></script><script src="vendor.js" type="module"></script>
 	</body>
 </html>
--- a/apps/remix-ide-js/src/webpack.index.html
+++ b/apps/remix-ide-js/src/webpack.index.html
+<!DOCTYPE html>
+
+<html>
+	<head>
+		<meta charset="utf-8">
+		<!--
+		The MIT License (MIT)
+
+		Copyright (c) 2014, 2015, the individual contributors
+
+		Permission is hereby granted, free of charge, to any person obtaining a copy
+		of this software and associated documentation files (the "Software"), to deal
+		in the Software without restriction, including without limitation the rights
+		to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+		copies of the Software, and to permit persons to whom the Software is
+		furnished to do so, subject to the following conditions:
+
+		The above copyright notice and this permission notice shall be included in
+		all copies or substantial portions of the Software.
+
+		THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+		IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+		FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+		AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+		LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+		OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+		THE SOFTWARE.
+		-->
+		<meta http-equiv="X-UA-Compatible" content="chrome=1">
+		<title>Remix - Ethereum IDE</title>
+		<link rel="stylesheet" href="assets/css/pygment_trac.css">
+		<link rel="icon" type="x-icon" href="icon.png">
+		<script src="assets/js/browserfs.min.js"></script>
+		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+	</head>
+	<body>
+		<script>
+				function  urlParams () {
+					var qs = window.location.hash.substr(1)
+
+					if (window.location.search.length > 0) {
+						// use legacy query params instead of hash
+						window.location.hash = window.location.search.substr(1)
+						window.location.search = ''
+					}
+
+					var params = {}
+					var parts = qs.split('&')
+					for (var x in parts) {
+						var keyValue = parts[x].split('=')
+						if (keyValue[0] !== '') {
+							params[keyValue[0]] = keyValue[1]
+						}
+					}	
+					return params
+				}
+        const defaultVersion = '0.8.0'
+        let versionToLoad = urlParams().appVersion ? urlParams().appVersion : defaultVersion
+                
+				let assets = {
+						'0.8.0': ['https://use.fontawesome.com/releases/v5.8.1/css/all.css', 'assets/css/pygment_trac.css'],
+						'0.7.7': ['assets/css/font-awesome.min.css', 'assets/css/pygment_trac.css']
+				}
+				let versions = {
+						'0.7.7': 'assets/js/0.7.7/app.js', // commit 7b5c7ae3de935e0ccc32eadfd83bf7349478491e
+						'0.8.0': 'main.js'
+				}
+				for (let k in assets[versionToLoad]) {
+          let app = document.createElement('link')
+          app.setAttribute('rel', 'stylesheet')
+          app.setAttribute('href', assets[versionToLoad][k])
+          if (assets[versionToLoad][k] === 'https://use.fontawesome.com/releases/v5.8.1/css/all.css') {
+            app.setAttribute('integrity', 'sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf')
+            app.setAttribute('crossorigin', 'anonymous')
+          }
+          document.head.appendChild(app)
+        }
+				window.onload = () => {
+					BrowserFS.install(window)
+					BrowserFS.configure({
+						fs: "LocalStorage"
+					}, function(e) {
+						if (e) console.log(e)
+						let app = document.createElement('script')
+						app.setAttribute('src', versions[versionToLoad])
+						document.body.appendChild(app)
+						window.remixFileSystem = require('fs')
+					})
+				}				
+		</script>
+	</body>
+</html>
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -253,7 +253,6 @@
    "watchify": "^3.9.0",
    "web3": "1.2.4",
    "webworkify": "^1.2.1",
-    "yo-yo": "^1.2.2",
    "yo-yoify": "^3.7.3"
  }
 }
--- a/workspace.json
+++ b/workspace.json
@@ -388,13 +388,14 @@
          "builder": "@nrwl/web:build",
          "options": {
            "outputPath": "dist/apps/remix-ide-js",
-            "index": "apps/remix-ide-js/src/index.html",
+            "index": "apps/remix-ide-js/src/webpack.index.html",
            "main": "apps/remix-ide-js/src/main.js",
            "polyfills": "apps/remix-ide-js/src/polyfills.js",
            "tsConfig": "apps/remix-ide-js/tsconfig.app.json",
            "assets": [
              "apps/remix-ide-js/src/favicon.ico",
-              "apps/remix-ide-js/src/assets"
+              "apps/remix-ide-js/src/assets",
+              "apps/remix-ide-js/src/index.html"
            ],
            "styles": ["apps/remix-ide-js/src/styles.css"],
            "scripts": [],