-
Notifications
You must be signed in to change notification settings - Fork 0
/
BrowserMeInclude.js
144 lines (129 loc) · 6.4 KB
/
BrowserMeInclude.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
// Browser Me - 2018-08-04 - Created by Modi
/******************************************************
Run a SoloLearn code in the Browser.
*******************************************************/
// Copyright (c) 2018 Modi (Reinhold Lauer)
// 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.
// global variables to store the separate and combined codes
var __htmlCode = "_nix_"; // html code will contain the combined code at the end
var __cssCode = "_nix_"; // css code from SoloLearn
var __jsCode = "_nix_"; // javascript code from SoloLearn
// log a message to desired location
function __log( message ) {
console.log( message + '...' );
}
// download the combined code so that it can be executed
function __saveCodeAsBlob( title ) {
var codeAsBlob = new Blob([ __htmlCode ], { type: 'html' });
var downloadLink = document.createElement("a");
downloadLink.download = title + ".html";
downloadLink.innerHTML = "Download File";
if ( window.webkitURL ) { // Chrome allows the link to be clicked without actually adding it to the DOM.
downloadLink.href = window.webkitURL.createObjectURL( codeAsBlob );
}
else if ( window.URL && window.URL.createObjectURL ) { // Firefox requires the link to be added to the DOM before it can be clicked.
downloadLink.href = window.URL.createObjectURL( codeAsBlob );
downloadLink.style.display = "none";
document.body.appendChild( downloadLink );
}
else {
__log ( 'Error: Could not figure out how to handle the URL...' );
}
downloadLink.click();
}
// store the codes and combine into a single HTML if all loaded
function __storeCode( language, sourceCode, title ) {
if ( language == 'markdown' ) { // show the about
$( '#aboutArea' ).text( sourceCode );
return;
}
__log ( 'Got ' + language + ' code with ' + sourceCode.length + ' byte' );
if ( language == 'html' ) __htmlCode = sourceCode;
if ( language == 'css' ) __cssCode = sourceCode;
if ( language == 'js' ) __jsCode = sourceCode;
// check if all codes have been loaded
if ( __htmlCode != '_nix_' && __cssCode != '_nix_' && __jsCode != '_nix_' ) {
__log ( 'Got all codes');
__htmlCode = __htmlCode.replace( '<\/head>', '<style>\n\n' + __cssCode + '\n\n<\/style><\/head>' );
__htmlCode = __htmlCode.replace( '<\/body>', '<script>\n\n' + __jsCode + '\n\n<\/script><\/body>' );
__saveCodeAsBlob( title ); // save the blob
}
}
// load the code in the corresponding selection
function __getCode( language, codePageOnSoloLearn, title ) {
__log( ' Requesting ' + language + ' code');
// handle JavaScript special case
var codeLocation = language == 'js' ? 'input.saveJsCode' : 'input.saveSourceCode';
codeLocation = language == 'css' ? 'input.saveCssCode' : codeLocation;
$.ajax({
type: 'GET',
url: 'https://cors-anywhere.herokuapp.com/' + codePageOnSoloLearn,
dataType : 'html',
success: function( data, status, xhr ) { // succeeded with the request
if ( status == 'success' ) {
var sourceCode = $( data ).find( codeLocation ).attr( 'value' );
__storeCode( language, sourceCode, title );
}
},
error: function( error ) { // log any error
$.ajax( { // try it the other way...
type: 'GET',
url: codePageOnSoloLearn,
dataType : 'html',
success: function( data, status, xhr ) { // succeeded with the request
if ( status == 'success' ) {
var sourceCode = $( data ).find( codeLocation ).attr( 'value' );
__storeCode( language, sourceCode, title );
}
},
error: function( error ) { // log any error maybe later
__log( 'Error: ' + error );
}
});
}
});
}
// load the codes from the SoloLearn code page
function __loadCodes ( sCodePage, title ) {
__htmlCode = __cssCode = __jsCode = '_nix_'; // reset the global variables
__getCode( 'html', sCodePage + '#html', title );
__getCode( 'css', sCodePage + '#css', title );
__getCode( 'js', sCodePage + '#js', title );
}
function __logLocationInfo ( ) {
__log ( 'URL ' + location.href );
__log ( 'Protocol ' + location.protocol );
__log ( 'Hostname ' + location.hostname );
__log ( 'Pathname ' + location.pathname );
}
// document is loaded get the codes and set the call back
$( document ).ready( function( ) {
if ( location.protocol == 'about:' ) { // if the code is running in the app
alert ( 'I am running in the SoloLearn app but would like to be in your default browser...\n' +
'Click on In Browser in the menu to launch me in your browser?' );
}
else if ( location.hostname == 'code.sololearn.com' ) { // if the code is running in the browser under SoloLearn
if ( confirm ( 'I am running in your browser under SoloLearn but would like to be fullscreen...\n' +
'Can you launch me after I have downloaded me?' ) ) {
__loadCodes( location.href, 'Browser Me Include Itself' );
}
}
else if ( location.protocol == 'https:' ) { // if the code is running in the browser downloaded from the web
alert ( 'Thanks a lot for downloading me from the web running me in fullscreen mode!\nYou are my favorite... ;-)' );
}
else if ( location.protocol == 'file:' ) { // if the code is running in the browser in a downloaded file
alert ( 'Thanks a lot for downloading me to a file and running me in fullscreen mode!\nYou are my favorite... ;-)' );
}
else { // no clue where the code is running
alert ( 'I have no clue where I am running...\n' +
'Check the the browser log for more information...' );
__logLocationInfo( );
}
});