ArcticFoxes-net/ONC-Converter
1
0
Fork 0
mirror of https://github.com/ArcticFoxes-net/ONC-Converter synced 2024-09-19 08:04:43 -04:00
Code
9cfbed769c
ONC-Converter/index.html

313 lines
9.2 KiB
HTML
Raw Normal View History

Make example file work
2017-11-17 16:58:24 -05:00
<!DOCTYPE html>
Add files
2017-11-15 12:31:02 -05:00
<html lang="en">
Code for basic structure of ONC file
2017-11-17 09:53:06 -05:00
<head>
<meta charset="utf-8">
<title>OpenVPN to ONC</title>
<meta name="description" content="Convert OpenVPN config files to ONC files">
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
<style>
#output {
background-color: lightgray;
}
</style>
<script>
Use JavaScript standard style
2018-07-02 09:36:31 -04:00
function setHandler () {
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
let clickButton = document.getElementById('clickbutton')
clickButton.addEventListener('click', handler, false)
}
Use JavaScript standard style
2018-07-02 09:36:31 -04:00
function handler () {
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
let selectedFile = document.getElementById('inputopenvpn').files[0]
let certificates = document.getElementById('inputcertificates').files
let connName = document.getElementById('connname').value
let output = document.getElementById('output')
main(connName, selectedFile, certificates, output)
}
Use JavaScript standard style
2018-07-02 09:36:31 -04:00
async function main (connName, selectedFile, certificateFiles, output) {
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
if (connName === '') {
alert('Please specify a name for the connection.')
return
}
console.log(selectedFile.size + ' bytes')
let content = await readFile(selectedFile)
let [ovpn, keys] = decode(content)
console.log(ovpn)
for (const certificateFile of certificateFiles) {
keys[certificateFile.name] = await readFile(certificateFile)
}
let onc = convert(connName, ovpn, keys)
output.value = JSON.stringify(onc, null, 2)
}
Use JavaScript standard style
2018-07-02 09:36:31 -04:00
function readFile (file) {
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
return new Promise(resolve => {
let reader = new FileReader()
Use JavaScript standard style
2018-07-02 09:36:31 -04:00
reader.onload = e => {
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
// callback and remove windows-style newlines
resolve(e.target.result.replace(/\r/g, ''))
Use JavaScript standard style
2018-07-02 09:36:31 -04:00
}
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
// start reading
reader.readAsText(file)
})
}
function decode (str) {
let ovpn = {}
let keys = {}
const re = /^([^ ]+)( (.*))?$/i
const xmlOpen = /^<([^\/].*)>$/i
const xmlClose = /^<\/(.*)>$/i
let xmlTag = ''
let inXml = false
let xmlContent = ''
let lines = str.split(/[\r\n]+/g)
for (let line of lines) {
if (!line || line.match(/^\s*[;#]/)) continue
if (inXml) {
const xmlMatch = line.match(xmlClose)
if (!xmlMatch) {
xmlContent += line + '\n'
continue
}
const tag = xmlMatch[1]
if (tag !== xmlTag) {
throw 'bad xml tag'
}
const name = unsafe(xmlTag)
const value = unsafe(xmlContent)
keys[name] = value
ovpn[name] = name
xmlContent = ''
inXml = false
continue
}
const xmlMatch = line.match(xmlOpen)
if (xmlMatch) {
inXml = true
xmlTag = xmlMatch[1]
continue
}
const match = line.match(re)
if (!match) continue
const key = unsafe(match[1])
const value = match[2] ? unsafe((match[3] || '')) : true
ovpn[key] = value
}
return [ovpn, keys]
}
function isQuoted (val) {
return ((val.charAt(0) === '"' && val.slice(-1) === '"') ||
Use JavaScript standard style
2018-07-02 09:36:31 -04:00
(val.charAt(0) === "'" && val.slice(-1) === "'"))
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
}
function unsafe (val, doUnesc) {
val = (val || '').trim()
if (isQuoted(val)) {
// remove the single quotes before calling JSON.parse
if (val.charAt(0) === "'") {
val = val.substr(1, val.length - 2)
}
try { val = JSON.parse(val) } catch (_) {}
} else {
// walk the val to find the first not-escaped ; character
var esc = false
var unesc = ''
for (var i = 0, l = val.length; i < l; i++) {
var c = val.charAt(i)
if (esc) {
if ('\\;#'.indexOf(c) !== -1) {
unesc += c
} else {
unesc += '\\' + c
}
esc = false
} else if (';#'.indexOf(c) !== -1) {
break
} else if (c === '\\') {
esc = true
} else {
unesc += c
}
}
if (esc) {
unesc += '\\'
}
return unesc
}
return val
}
const oncBasics = {
'Type': 'UnencryptedConfiguration',
'Certificates': [],
'NetworkConfigurations': []
}
Use JavaScript standard style
2018-07-02 09:36:31 -04:00
function convert (name, ovpn, keys) {
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
if (!ovpn.client) {
console.warn('Is this a server file?')
}
let params = {}
// Add certificates
let certs = []
let [cas, caGuids] = createCerts(keys, ovpn['ca'], 'Authority')
params['ServerCARefs'] = caGuids
certs = certs.concat(cas)
let [clientCerts, clientCertGuids] = createCerts(keys, ovpn['cert'], 'Client')
if (clientCerts[0]) {
params['ClientCertType'] = 'Ref'
params['ClientCertRef'] = clientCertGuids[0]
certs.push(clientCerts[0])
} else {
params['ClientCertType'] = 'None'
}
// Add parameters
let remote = ovpn.remote.split(' ')
const host = remote[0]
if (remote[1]) params['Port'] = remote[1]
if (ovpn['auth-user-pass']) params['UserAuthenticationType'] = 'Password'
if (ovpn['comp-lzo'] && ovpn['comp-lzo'] !== 'no') {
params['CompLZO'] = 'true'
} else {
params['CompLZO'] = 'false'
}
if (ovpn['persist-key']) params['SaveCredentials'] = true
if (ovpn['tls-auth']) {
let authKey = ovpn['tls-auth'].split(' ')
let keyString = keys[authKey[0]]
if (!keyString) {
alert("Please provide the file '" + authKey[0] + "' in 'Certificates and keys'")
}
params['TLSAuthContents'] = convertKey(keyString)
if (authKey[1]) params['KeyDirection'] = authKey[1]
}
if (ovpn['verify-x509-name']) {
params['VerifyX509'] = {
'Name': ovpn['verify-x509-name']
}
}
// set parameters if they exist in the ovpn config
Use JavaScript standard style
2018-07-02 09:36:31 -04:00
let conditionalSet = (ovpnName, oncName, type = 'str') => {
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
if (ovpn[ovpnName]) {
const raw = ovpn[ovpnName]
let value
switch (type) {
case 'int':
value = Number(raw)
break
default:
value = raw
}
params[oncName] = value
}
}
conditionalSet('port', 'Port', 'int')
conditionalSet('proto', 'Proto')
conditionalSet('key-direction', 'KeyDirection')
conditionalSet('remote-cert-tls', 'RemoteCertTLS')
conditionalSet('cipher', 'Cipher')
conditionalSet('auth', 'Auth')
conditionalSet('auth-retry', 'AuthRetry')
conditionalSet('reneg-sec', 'RenegSec', 'int')
// Put together network configuration
let config = {
'GUID': `{${uuidv4()}}`,
'Name': name,
'Type': 'VPN',
'VPN': {
'Type': 'OpenVPN',
'Host': host,
'OpenVPN': params
}
}
// Put everything together
let onc = Object.assign({}, oncBasics) // create copy
onc.NetworkConfigurations = [config]
onc.Certificates = certs
return onc
}
/**
* Create UUID (from Stackoverflow).
*/
Use JavaScript standard style
2018-07-02 09:36:31 -04:00
function uuidv4 () {
return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
(c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
)
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
}
Use JavaScript standard style
2018-07-02 09:36:31 -04:00
function convertKey (key) {
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
let lines = key.split(/\n/g)
let out = ''
for (let line of lines) {
// filter out empty lines and lines with comments
if (!line || line.match(/^\s*[;#]/)) continue
out += line + '\n'
}
return out
}
Use JavaScript standard style
2018-07-02 09:36:31 -04:00
function extractCas (str) {
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
let splits = str.replace(/\n/g, '').split('-----BEGIN CERTIFICATE-----')
console.log(splits)
let cas = []
for (const s of splits) {
if (s.includes('-----END CERTIFICATE-----')) {
cas.push(s.split('-----END CERTIFICATE-----')[0])
}
}
return cas
}
Use JavaScript standard style
2018-07-02 09:36:31 -04:00
function createCerts (keys, certName, certType) {
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
let certs = []
let certGuids = []
if (certName) {
let cert = keys[certName]
if (!cert) {
alert("Please provide the file '" + certName + "' in 'Certificates and keys'")
}
let rawCerts = extractCas(cert)
for (const cert of rawCerts) {
const guid = `{${uuidv4()}}`
certGuids.push(guid)
certs.push({
'GUID': guid,
'Type': certType,
'X509': cert
})
}
}
return [certs, certGuids]
}
</script>
Code for basic structure of ONC file
2017-11-17 09:53:06 -05:00
</head>
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
<body onload="setHandler()">
Code for basic structure of ONC file
2017-11-17 09:53:06 -05:00
<div>
<h1>ovpn2onc</h1>
<ul>
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
<li>Name for connection (can be chosen freely): <input type="text" id="connname"></li>
Code for basic structure of ONC file
2017-11-17 09:53:06 -05:00
<li>OpenVPN config file (*.ovpn): <input type="file" id="inputopenvpn"></li>
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
<li><label for="inputcertificates">Certificates and keys (can be multiple files):</label> <input type="file" id="inputcertificates" multiple></li>
Code for basic structure of ONC file
2017-11-17 09:53:06 -05:00
</ul>
<button id="clickbutton" type="button">Convert</button>
</div>
<div>
Put the javascript and the CSS code into the html file * Put the javascript and the CSS code into the html file * Delete style.css, converter.js, main.js, parser.js * Update README.md
2018-05-19 10:08:34 -04:00
<p>Output (copy this into a new file and load it in ChromeOS)</p>
<textarea readonly id="output" wrap="off" rows="20" cols="100"></textarea>
Code for basic structure of ONC file
2017-11-17 09:53:06 -05:00
</div>
</body>
Add files
2017-11-15 12:31:02 -05:00
</html>
Copy Permalink