@ -41,9 +41,15 @@ function SafeChat() {
/// Create UID from a name by appending an E-Mail
function uid ( name ) {
return name + ' <' + name + '@' + hostname + '>'
return name + ' <' + mail ( name ) + '>'
}
function mail ( name ) {
var hostname = window . location . hostname != 'localhost' ? window . location . hostname : 'safechat.ch'
return name + '@' + hostname
}
//==============================================================================
/// @class Crypto cryptographic functions
/** @param view is of class SafeChat.View */
function Crypto ( controller ) {
@ -51,42 +57,23 @@ function SafeChat() {
/// cache client's key from local strorage
var k = null
/// detect hosstname, default to safechat.ch
var hostname = window . location . hostname != 'localhost' ? window . location . hostname : 'safechat.ch'
/// detect hostname, default to safechat.ch
/// get user key
/ * * @ i n t e r n a l k e y i s t c a c h e d i n k
@ return key * /
function key ( ) {
if ( k ) return k
if ( typeof localStorage . key == 'undefined' ) return null
return k = openpgp . key . readArmored ( localStorage . key )
this . key = function ( ) {
if ( k ) return k // cached key
if ( typeof localStorage . priv key= =='undefined' ) return null
return k = openpgp . key . readArmored ( localStorage . priv key)
}
/// get own user name
/** get user name as user id of first public key */
function user ( ) {
this . user = function ( ) {
if ( k || key ( ) ) return k . pub . keys [ 0 ] . getUserIds ( ) [ 0 ]
return null
}
/// create New User
function createuser ( user , email , pwd ) {
controller . notice ( "generating keys" )
openpgp . generateKey ( {
numBits : 4096 ,
userIds : [ { name : user , email : email } ] ,
passphrase : pwd
} ) . then ( function ( keyPair ) {
controller . success ( "keys generated" )
localStorage . key = keyPair . privateKeyArmored
k = keyPair . key
} ) . catch ( function ( e ) {
console . log ( e )
controller . fatal ( "generating key pairs failed" )
} )
}
/// open private key with password
/** @return @c true if password matches */
function password ( pwd ) {
@ -116,8 +103,15 @@ function SafeChat() {
return true
}
//------------------------------------------------------------------------------
if ( openpgp . initWorker ( "openpgp.worker.min.js" ) )
console . log ( "asynchronous openpgp enabled" )
else
console . log ( "asynchronous openpgp failed" )
}
//==============================================================================
/// database that stores in indexed db
function DataBase ( ) {
@ -126,6 +120,7 @@ function SafeChat() {
}
//==============================================================================
/// manage local copy of users
function Users ( ) {
@ -142,6 +137,7 @@ function SafeChat() {
}
//------------------------------------------------------------------------------
/// manage local copy of messages
function Messages ( ) {
@ -152,6 +148,7 @@ function SafeChat() {
}
//==============================================================================
/// @class Communication client socket communication
/** @param view is of class SafeChat.View */
function Communication ( controller ) {
@ -163,9 +160,13 @@ function SafeChat() {
socket . broadcast . emit ( signal , data )
}
function emit ( signal , data ) {
function emit ( signal , data , next ) {
console . log ( "<-snd " + signal )
socket . emit ( signal , data )
socket . emit ( signal , data , next )
}
this . lookup = function ( usr , next ) {
emit ( 'user' , usr , next )
}
socket
@ -183,6 +184,7 @@ function SafeChat() {
}
//==============================================================================
/// @class View provides the glue to the GUI in the index.ejs file
/ * * V i e w p r o v i d e s t h e f o l l o w i n g c a l l b a c k s :
- status updates :
@ -299,7 +301,7 @@ function SafeChat() {
@ param msg ( optional ) the success message text * /
function show ( id , msg ) {
console . log ( "state: " + id )
if ( msg ) success ( msg ) else $ ( "#status" ) . hide ( )
if ( msg ) success ( msg ) ; else $ ( "#status" ) . hide ( ) ;
$ ( "#main" ) . children ( ":not(#" + id + ")" ) . hide ( )
$ ( "#main #" + id ) . show ( )
$ ( "#main #" + id + " form input:first-child" ) . focus ( )
@ -327,21 +329,15 @@ function SafeChat() {
}
function checkFeature ( id , query ) {
if ( query ) $ ( '#' + id + ':before' )
. css ( 'color' , 'green' )
. css ( 'content' , '✔' )
else $ ( '#' + id + ':before' )
. css ( 'color' , 'red' )
. css ( 'content' , '✘' )
if ( query ) $ ( '#' + id )
. css ( 'color' , 'green' )
. css ( 'text-decoration' , 'line-through ')
. prepend ( '<span>✔</span>' )
else $ ( '#' + id )
. css ( 'color' , 'red' )
. css ( 'text-decoration' , 'none ')
. prepend ( '<span>✘</span>' )
}
function checkFeatures ( ) {
this . checkFeatures = function ( ) {
$ ( 'ul.features' ) . css ( 'list-style-type' , 'none' )
checkFeature ( "localstorage" , Storage )
checkFeature ( "indexeddb" , window . indexedDB )
@ -350,6 +346,54 @@ function SafeChat() {
checkFeature ( "filereader" , window . FileReader )
}
/// @name create new user
/// @{
this . newuser = function ( ) {
show ( 'newuser' )
}
var user = null
var pwd = false
function invalid ( usr ) {
return ! user || ! user . exists && user . name . length < 3
}
this . available = function ( usr ) {
user = usr
console . log ( "props:" , invalid ( user ) || ! pwd )
$ ( "#createuser" ) . prop ( ":disabled" , invalid ( user ) || ! pwd )
if ( user . length == 0 )
notice ( "please chose a user name" )
else if ( user . length < 3 )
notice ( "please chose a longer user name" )
else if ( user . exists )
notice ( "user name is already in use" )
else if ( ! pwd )
notice ( "please chose a password" )
else
success ( "user is ready to be created" )
}
this . passwords = function ( pwd1 , pwd2 ) {
pwd = pwd1 == pwd2 && pwd1 . length > 5
console . log ( "props:" , invalid ( user ) || ! pwd )
$ ( "#createuser" ) . prop ( ":disabled" , invalid ( user ) || ! pwd )
if ( pwd1 . length == 0 )
notice ( 'please chose a password' )
else if ( pwd1 . length < 6 )
notice ( 'please chose a longer password' )
else if ( pwd1 != pwd2 )
notice ( "passwords don't match" )
else if ( invalid ( user ) )
notice ( "please chose a user name" )
else
success ( "user is ready to be created" )
}
/// @}
function DataTransfer ( ) {
var reboottimer = null
@ -405,10 +449,11 @@ function SafeChat() {
}
//==============================================================================
/// @class Controller defines the programm flow
function Controller ( view ) {
var db = new Datab ase ( )
var db = new DataB ase ( )
var crypto = new Crypto ( this )
var communication = new Communication ( this )
var users = new Users ( )
@ -461,6 +506,33 @@ function SafeChat() {
// @}
/// @name signals from view
/// @{
/// @name new user registration
/// @{
this . lookup = function ( usr ) {
if ( usr . length > 2 ) communication . lookup ( uid ( usr ) , function ( res ) {
view . available ( res )
} )
}
this . checkpasswords = view . passwords
this . createuser = function ( name , pwd ) {
crypto . createuser ( name , name + '@' + hostname , pwd ) . then ( function ( ) {
if ( ! crypto . password ( pwd ) )
fatal ( "private key decryption failed" )
else
chat ( )
} )
}
/// @}
/// @}
function initBrowser ( ) {
window . indexedDB = window . indexedDB || window . mozIndexedDB || window . webkitIndexedDB || window . msIndexedDB
window . IDBTransaction = window . IDBTransaction || window . webkitIDBTransaction || window . msIDBTransaction
@ -469,52 +541,57 @@ function SafeChat() {
return window . indexedDB && window . crypto . getRandomValues && Storage
}
function register ( ) {
var newuser = view . newuser
function chat ( ) {
}
function password ( ) {
}
function login ( ) {
if ( ! crypto . key ( ) ) register ( )
else password ( )
if ( ! crypto . key ( ) ) newuser ( ) ; else password ( ) ;
}
function ru n( ) {
this . run = functio n( ) {
login ( )
}
function start ( ) {
view . reboot = run
this . start = function ( ) {
view . reboot = this . run
var compatible = initBrowser ( )
view . checkFeatures ( )
if ( ! compatible )
view . fatal ( "your browser is not supported" )
else
run ( )
this . run ( )
}
}
//==============================================================================
//------------------------------------------------------------------------------
return new Controller ( new View ( ) )
}
var filecontent = new Array ( ) ///< temporary storage for attachments
var reboottimer = null
//==============================================================================
//------------------------------------------------------------------------------
function connectionstatus ( ) {
if ( socket . connected ) connected ( ) else disconnected ( )
}
var filecontent = new Array ( ) ///< temporary storage for attachments
var reboottimer = null
/// Configure local groups
/** … */
function groups ( ) {
}
function connectionstatus ( ) {
if ( socket . connected ) connected ( ) ; else disconnected ( ) ;
}
/// Configure local groups
/** … */
function groups ( ) {
}
/// Check if password is set and matches the repeated password
/ * * C h e c k s i f b o t h p a s s w o r d s a r e i d e n t i c a l a n d v a l i d a n d g i v e s
/// Check if password is set and matches the repeated password
/ * * C h e c k s i f b o t h p a s s w o r d s a r e i d e n t i c a l a n d v a l i d a n d g i v e s
feedback to the user .
Called when user edits the password fields .
@ -524,7 +601,7 @@ function SafeChat() {
@ param pwd The password .
@ param pwd2 The repeated password . * /
function checkpwd ( pwd , pwd2 ) {
function checkpwd ( pwd , pwd2 ) {
$ ( "#register" ) . submit ( function ( event ) {
return false
} )
@ -541,21 +618,21 @@ function SafeChat() {
else notice ( "please chose a user name" )
}
}
}
/// Checks if the receiver of a message exists on server.
/ * * C a l l s c h e c k n e w u s e r . p h p o n s e r v e r a n d e n a b l e s t h e m e s s a g e s u b m i t
/// Checks if the receiver of a message exists on server.
/ * * C a l l s c h e c k n e w u s e r . p h p o n s e r v e r a n d e n a b l e s t h e m e s s a g e s u b m i t
button if the receiver of the message exists on the server . * /
function checkpartner ( user ) {
function checkpartner ( user ) {
$ ( "#chat" ) . submit ( function ( event ) {
return false
} )
emit ( "user" , uid ( user ) )
}
}
/// Create Local Public-/Private-Key Pair
/** Called if user has not yet his keys, just generates a new key pair. */
function createkeypair ( user , pwd ) {
/// Create Local Public-/Private-Key Pair
/** Called if user has not yet his keys, just generates a new key pair. */
function createkeypair ( user , pwd ) {
notice ( "generating keys" )
openpgp . generateKey ( {
numBits : 4096 ,
@ -570,11 +647,11 @@ function SafeChat() {
console . log ( e )
error ( "generating key pairs failed" )
} )
}
}
/// Get Own Public Key
/** @return public key object */
function publicKey ( ) {
/// Get Own Public Key
/** @return public key object */
function publicKey ( ) {
if ( typeof localStorage . pubkey == 'undefined' ) {
if ( typeof localStorage . pubKey == 'undefined' ) {
return null
@ -584,11 +661,11 @@ function SafeChat() {
}
}
return openpgp . key . readArmored ( localStorage . pubkey )
}
}
/// Get Own Private Key
/** @return private key object */
function privateKey ( ) {
/// Get Own Private Key
/** @return private key object */
function privateKey ( ) {
if ( typeof localStorage . privkey == 'undefined' ) {
if ( typeof localStorage . privKey == 'undefined' ) {
return null
@ -598,37 +675,37 @@ function SafeChat() {
}
}
return openpgp . key . readArmored ( localStorage . privkey )
}
}
/// Get Own User Name
/** Get user name as user id of first public key */
function userid ( ) {
/// Get Own User Name
/** Get user name as user id of first public key */
function userid ( ) {
if ( ! publicKey ( ) ||
publicKey ( ) . keys . length < 1 ||
publicKey ( ) . keys [ 0 ] . getUserIds ( ) . length < 1 ) return null
return publicKey ( ) . keys [ 0 ] . getUserIds ( ) [ 0 ]
}
}
/// Clear Message Text And Attachments
/** Does not remove the receiver's name */
function clearmessage ( ) {
/// Clear Message Text And Attachments
/** Does not remove the receiver's name */
function clearmessage ( ) {
$ ( "#message" ) . prop ( ":disabled" , true )
filecontent = new Array ( )
$ ( '#preview' ) . empty ( )
$ ( "#msg" ) . val ( "" )
$ ( "#message" ) . prop ( ":disabled" , false )
}
}
function guessfilename ( mimetype , user , date ) {
function guessfilename ( mimetype , user , date ) {
if ( ! user ) user = userid ( )
if ( ! date ) date = new Date ( )
var ext = mimetype . replace ( /.*\/(x-)?/i , "" )
return pad ( date . getFullYear ( ) ) + pad ( date . getMonth ( ) + 1 ) + pad ( date . getDate ( ) )
+ "-" + ext + "-" + user + "@" + hostname + '.' + ext
}
}
/// Display Image Attachments
function attachments ( files , id , from , date ) {
/// Display Image Attachments
function attachments ( files , id , from , date ) {
if ( files ) files . forEach ( function ( file ) {
console . log ( file )
if ( ! file . name ) file . name = guessfilename ( file . type , from , date )
@ -655,11 +732,11 @@ function SafeChat() {
}
$ ( id ) . append ( a )
} )
}
}
var recorder
var recorder
function done ( ) {
function done ( ) {
if ( recorder ) {
recorder . stop ( )
recorder . recording ( function ( data ) {
@ -667,18 +744,19 @@ function SafeChat() {
abort ( )
} )
}
}
}
function abort ( ) {
function abort ( ) {
if ( recorder ) {
$ ( "#videorecorder" ) . hide ( )
recorder . release ( )
delete recorder recorder = null
}
delete recorder
recorder = null
}
}
/// Record Video from builtin camera
function recordvideo ( ) {
/// Record Video from builtin camera
function recordvideo ( ) {
try {
abort ( )
$ ( "#videorecorder" ) . show ( )
@ -701,9 +779,9 @@ function SafeChat() {
console . log ( e )
error ( "cannot access camera" , true )
}
}
}
function previewfile ( content , type , name ) {
function previewfile ( content , type , name ) {
if ( ! name ) name = guessfilename ( type )
if ( type . match ( '^image/' ) ) {
var img = document . createElement ( "img" )
@ -748,16 +826,16 @@ function SafeChat() {
img . title = name + "\n" + size ( content . length )
$ ( "#preview" ) . append ( img )
}
}
}
/// Upload Attachment
/ * * P r e p a r e s a t t a c h m e n t t o b e s e n t i n a m e s s a g e . I f t h e a t t a c h m e n t i s
/// Upload Attachment
/ * * P r e p a r e s a t t a c h m e n t t o b e s e n t i n a m e s s a g e . I f t h e a t t a c h m e n t i s
an image , it resizes the image to 400 px on the lager side .
By now , only images are supported .
Stores data in global variable @ ref filecontent . * /
function fileupload ( evt ) {
function fileupload ( evt ) {
if ( ! window . FileReader )
return error ( "your browser does not support file upload" , true )
for ( var i = 0 , f ; f = evt . target . files [ i ] ; ++ i ) {
@ -771,21 +849,21 @@ function SafeChat() {
}
reader . readAsDataURL ( file )
}
}
}
/// Sets Receiver's Name
/ * * C a l l e d w h e n c l i c k e d o n a r e c e i v e r ' s n a m e . S e t s f o c u s t o t h e
/// Sets Receiver's Name
/ * * C a l l e d w h e n c l i c k e d o n a r e c e i v e r ' s n a m e . S e t s f o c u s t o t h e
message text field .
@ param name The receiver ' s name . * /
function setreceiver ( name ) {
function setreceiver ( name ) {
$ ( "#recv" ) . val ( name )
checkpartner ( name )
$ ( "#msg" ) . focus ( )
}
}
var userMap = null
function users ( userlist ) {
var userMap = null
function users ( userlist ) {
console . log ( "rcv-> users" )
userMap = new Array ( )
$ ( "#allusers" ) . empty ( )
@ -796,9 +874,9 @@ function SafeChat() {
console . log ( " user: " + usr . name )
} )
localStorage . userMap = JSON . stringify ( userMap )
}
}
function user ( usr ) {
function user ( usr ) {
if ( usr . exists ) console . log ( "rcv-> user(" + usr . name + ")" )
else console . log ( "rcv-> user(" + usr . name + "): name is available" )
if ( $ ( "#newuser" ) . is ( ":visible" ) && usr . name == uid ( $ ( '#user' ) . val ( ) ) ) {
@ -831,35 +909,35 @@ function SafeChat() {
$ ( "#allusers" ) . append ( 'option value="' + htmlenc ( usr . name ) + '"' )
localStorage . userMap = JSON . stringify ( userMap )
}
}
}
function queryuser ( usr ) {
function queryuser ( usr ) {
console . log ( "query user: " + uid ( usr ) )
socket . emit ( "user" , uid ( usr ) )
}
}
/// Get a user's public key.
/** The first time, gets it from the server, later from the cache. */
function getPublicKey ( user ) {
/// Get a user's public key.
/** The first time, gets it from the server, later from the cache. */
function getPublicKey ( user ) {
var deferredObject = $ . Deferred ( )
if ( userMap && userMap [ user ] ) deferredObject . resolve ( userMap [ user ] )
else deferredObject . reject ( "unknown user" )
return deferredObject . promise ( )
}
}
/// Received a list of messages from server
function messages ( msgs ) {
/// Received a list of messages from server
function messages ( msgs ) {
console . log ( "rcv-> messages(" + msgs . length + ")" )
if ( ! password || ! privateKey ( ) )
return setTimeout ( function ( ) { emit ( "messages" ) } , 1000 ) // try again later
status ( "allmessages" )
show ( "allmessages" )
notice ( "load messages, please wait …" )
msgs . forEach ( function ( msg ) { message ( msg , true ) } )
status ( "chat" )
}
show ( "chat" )
}
/// Received a message from server
function message ( m , internal ) {
/// Received a message from server
function message ( m , internal ) {
if ( ! internal ) console . log ( "rcv-> message(" + m . user + ")" )
if ( ! password || ! privateKey ( ) ) return
var key = openpgp . key . readArmored ( m . pubkey )
@ -905,12 +983,13 @@ function SafeChat() {
// not for me
success ( )
} )
}
} )
}
/// Send Message To Server
/ * * U s e r w a n t s t o s e n d a m e s s a g e . E n c r y p t m e s s a g e w i t h o w n p r i v a t e a n d
/// Send Message To Server
/ * * U s e r w a n t s t o s e n d a m e s s a g e . E n c r y p t m e s s a g e w i t h o w n p r i v a t e a n d
the receiver ' s public key , then send it to the server . * /
function sendmessage ( recv , txt ) {
function sendmessage ( recv , txt ) {
notice ( "1/3 preparing message …" )
$ ( "#message" ) . prop ( ":disabled" , true )
getPublicKey ( recv ) // get receiver's public key
@ -943,15 +1022,15 @@ function SafeChat() {
$ ( "#message" ) . prop ( ":disabled" , false )
error ( "user not found" , true )
} )
}
}
/// Check And Set Password
/ * * C h e c k i f g i v e n p a s s w o r d m a t c h e s t o d e c r y p t t h e p r i v a t e k e y . I f s o ,
/// Check And Set Password
/ * * C h e c k i f g i v e n p a s s w o r d m a t c h e s t o d e c r y p t t h e p r i v a t e k e y . I f s o ,
store it in global temporary variable @ ref password and start the
chat . The password matches , when the private key can be decrypted .
@ param pwd The password to check . * /
function setpw ( pwd ) {
function setpw ( pwd ) {
if ( privateKey ( ) . keys [ 0 ] . decrypt ( pwd ) ) {
success ( "password matches" )
$ ( "#removeKey" ) . hide ( )
@ -960,48 +1039,48 @@ function SafeChat() {
} else {
notice ( "password does not match" )
}
}
}
/// Create Password Entry Field
/ * * A s k s u s e r f o r p a s s w o r d . W h e n u s e r s t a r t s t o e n t e r i t , i t i s
/// Create Password Entry Field
/ * * A s k s u s e r f o r p a s s w o r d . W h e n u s e r s t a r t s t o e n t e r i t , i t i s
permanentely checked in setpw ( ) . As soon as the password matches ,
setpw ( ) continues automatically . No submit is required by the
user . * /
function getpwd ( ) {
function getpwd ( ) {
if ( password ) return
$ ( "#removeKey" ) . show ( )
status ( "getpwd" )
}
show ( "getpwd" )
}
function deleteUser ( ) {
function deleteUser ( ) {
var uid = userid ( )
localStorage . removeItem ( pubkey )
localStorage . removeItem ( privkey )
error ( "user " + uid + " permanentely lost" )
}
}
function removeKey ( ) {
function removeKey ( ) {
togglemenu ( )
$ ( "#removeKey" ) . hide ( )
status ( 'forgotpassword' )
}
show ( 'forgotpassword' )
}
/// Main Chat Window
/ * * G e t s c h a t w i d g e t s f r o m s e r v e r a n d d i s p l a y s t h e m . S t a r t s t i m e r f o r
/// Main Chat Window
/ * * G e t s c h a t w i d g e t s f r o m s e r v e r a n d d i s p l a y s t h e m . S t a r t s t i m e r f o r
get ( ) which polls for new messages . * /
var firsttime = true
function chat ( ) {
var firsttime = true
function chat ( ) {
if ( ! password ) return getpwd ( )
status ( "chat" )
show ( "chat" )
if ( firsttime && $ ( '#msgs' ) . is ( ':empty' ) ) {
firsttime = false
notice ( "getting previous messages, please wait …" )
emit ( "messages" )
}
}
}
/// Login User
/ * * T h i s i s n o t r e a l l y a l o g i n , i t i s j u s t s o m e k i n d o f v a l i d a t i o n .
/// Login User
/ * * T h i s i s n o t r e a l l y a l o g i n , i t i s j u s t s o m e k i n d o f v a l i d a t i o n .
The server does not care if a user is online or not , it is only
interesting to the client to make sure , everything is fine . User
is logged in the following way : User name and public key are sent
@ -1011,39 +1090,39 @@ function SafeChat() {
server , it is created now . If user exists , but public key is
different , then this is a complete failure , something went
terribly wrong . * /
function login ( ) {
function login ( ) {
$ ( "#username" ) . html ( userid ( ) + "@" + hostname )
emit ( "login" , { name : userid ( ) ,
pubkey : localStorage . pubkey } )
success ( "login sent to server" )
}
}
/// Get And Display Form To Create New User
/ * * S h o w s u s e r c r e a t i o n f o r m . O n s u b m i t , a p r i v a t e k e y i s g e n e r a t e d i n
/// Get And Display Form To Create New User
/ * * S h o w s u s e r c r e a t i o n f o r m . O n s u b m i t , a p r i v a t e k e y i s g e n e r a t e d i n
createkeypair ( ) , then login ( ) creates the user . * /
function newuser ( ) {
status ( "newuser" )
}
function newuser ( ) {
show ( "newuser" )
}
/// Check if local storage is available
function checkLocalStorage ( ) {
/// Check if local storage is available
function checkLocalStorage ( ) {
var test = 'test'
try {
localStorage . setItem ( test , test )
localStorage . removeItem ( test )
return true
} catch ( e ) {
status ( "nolocalstorage" )
show ( "nolocalstorage" )
error ( "local storage not available" )
}
return false
}
}
/// Initial Function: Startup
/** Decide whether to login or to create a new user */
function start ( ) {
/// Initial Function: Startup
/** Decide whether to login or to create a new user */
function start ( ) {
$ ( "#menu" ) . hide ( )
//status ("startup")
//show ("startup")
if ( checkLocalStorage ( ) )
try {
if ( ! userid ( ) ) {
@ -1055,9 +1134,15 @@ function SafeChat() {
console . log ( m . stack )
error ( m )
}
}
}
var safechat = new SafeChat ( )
function init ( ) {
function init ( ) {
safechat . start ( )
}
function old ( ) {
/// On Load, Call @ref start
$ ( window . onbeforeunload = function ( ) {
return "Are you sure you want to navigate away?"
@ -1075,7 +1160,7 @@ function SafeChat() {
console . log ( "asynchronous openpgp failed" )
emit ( 'users' )
start ( )
}
}
/// Start Main Loop
$ ( init )
/// Start Main Loop
$ ( init )
Marc Wäckerlin
8 years ago