1

// svghmi.js

     2

     3

var cache = hmitree_types.map(_ignored => undefined);

     4

    21

function dispatch_value(index, value) {

    22

    let widgets = subscribers[index];

    23

    24

    let oldval = cache[index];

    25

    cache[index] = value;

    26

    27

    if(widgets.size > 0) {

    28

        for(let widget of widgets){

    30

        }

    31

    }

    32

};

    33

    34

function init_widgets() {

    35

    Object.keys(hmi_widgets).forEach(function(id) {

    36

        let widget = hmi_widgets[id];

    37

        let init = widget.init;

    38

        if(typeof(init) == "function"){

    39

            return init.call(widget);

    40

        }

    41

    });

    42

};

    43

    44

// Open WebSocket to relative "/ws" address

    45

var ws = new WebSocket(window.location.href.replace(/^http(s?:\/\/[^\/]*)\/.*$/, 'ws$1/ws'));

    46

ws.binaryType = 'arraybuffer';

    47

    48

const dvgetters = {

    49

    INT: [DataView.prototype.getInt16, 2],

    50

    BOOL: [DataView.prototype.getInt8, 1]

    51

    /* TODO */

    52

};

    53

    54

// Register message reception handler 

    55

ws.onmessage = function (evt) {

    56

    57

    let data = evt.data;

    58

    let dv = new DataView(data);

    59

    let i = 0;

    60

    try {

    61

        for(let hash_int of hmi_hash) {

    62

            if(hash_int != dv.getUint8(i)){

    63

                throw new Error("Hash doesn't match");

    64

            };

    65

            i++;

    66

        };

    67

    68

        while(i < data.byteLength){

    69

            let index = dv.getUint32(i, true);

    70

            i += 4;

    71

            let iectype = hmitree_types[index];

    72

            if(iectype != undefined){

    73

                let [dvgetter, bytesize] = dvgetters[iectype];

    74

                let value = dvgetter.call(dv,i,true);

    75

                dispatch_value(index, value);

    76

                i += bytesize;

    77

            } else {

    78

                throw new Error("Unknown index "+index)

    79

            }

    80

        };

    81

    } catch(err) {

    82

        // 1003 is for "Unsupported Data"

    83

        // ws.close(1003, err.message);

    84

    85

        // TODO : remove debug alert ?

    86

        alert("Error : "+err.message+"\\\\nHMI will be reloaded.");

    87

    88

        // force reload ignoring cache

    89

        location.reload(true);

    90

    }

    91

};

    92

    93

    94

function send_blob(data) {

    95

    if(data.length > 0) {

    96

        ws.send(new Blob([new Uint8Array(hmi_hash)].concat(data)));

    97

    };

    98

};

    99

   100

const typedarray_types = {

   101

    INT: Int16Array,

   102

    BOOL: Uint8Array

   103

    /* TODO */

   104

};

   105

   106

function send_reset() {

   107

    send_blob(new Uint8Array([1])); /* reset = 1 */

   108

};

   109

   110

// subscription state, as it should be in hmi server

   111

// hmitree indexed array of integers

   112

var subscriptions =  hmitree_types.map(_ignored => 0);

   113

   114

// subscription state as needed by widget now

   115

// hmitree indexed array of Sets of widgets objects

   116

var subscribers = hmitree_types.map(_ignored => new Set());

   117

   118

function update_subscriptions() {

   119

    let delta = [];

   120

    for(let index = 0; index < subscribers.length; index++){

   121

        let widgets = subscribers[index];

   122

   123

        // periods are in ms

   124

        let previous_period = subscriptions[index];

   125

   126

        let new_period = 0;

   127

        if(widgets.size > 0) {

   128

            let maxfreq = 0;

   129

            for(let widget of widgets)

   130

                if(maxfreq < widget.frequency)

   131

                    maxfreq = widget.frequency;

   132

   133

            if(maxfreq != 0)

   134

                new_period = 1000/maxfreq;

   135

        }

   136

   137

        if(previous_period != new_period) {

   138

            subscriptions[index] = new_period;

   139

            delta.push(

   140

                new Uint8Array([2]), /* subscribe = 2 */

   141

                new Uint32Array([index]),

   142

                new Uint16Array([new_period]));

   143

        }

   144

    }

   145

    send_blob(delta);

   146

};

   147

   148

function send_hmi_value(index, value) {

   149

    let iectype = hmitree_types[index];

   150

    let jstype = typedarray_types[iectype];

   151

    send_blob([

   152

        new Uint8Array([0]),  /* setval = 0 */

   153

        new Uint32Array([index]), 

   154

        new jstype([value])]);

   155

   156

    cache[index] = value;

   157

};

   158

   159

function change_hmi_value(index, opstr) {

   160

    let op = opstr[0];

   161

    let given_val = opstr.slice(1);

   162

    let old_val = cache[index]

   163

    let new_val;

   164

    switch(op){

   165

      case "=":

   166

        eval("new_val"+opstr);

   167

        break;

   168

      case "+":

   169

      case "-":

   170

      case "*":

   171

      case "/":

   172

        if(old_val != undefined)

   173

            new_val = eval("old_val"+opstr);

   174

        break;

   175

    }

   176

    if(new_val != undefined && old_val != new_val)

   177

        send_hmi_value(index, new_val);

   178

    return new_val;

   179

}

   180

   181

var current_page;

   182

   183

function switch_page(page_name) {

   184

    let old_desc = page_desc[current_page];

   185

    let new_desc = page_desc[page_name];

   186

    /* TODO hide / show widgets */

   187

   188

    /* remove subsribers of previous page if any */

   189

    if(old_desc) for(let widget of old_desc.widgets){

   190

        for(let index of widget.indexes){

   191

            subscribers[index].delete(widget);

   192

        }

   193

    }

   194

   195

    if(new_desc) {

   196

        /* add new subsribers if any */

   197

        for(let widget of new_desc.widgets){

   198

            for(let index of widget.indexes){

   199

                subscribers[index].add(widget);

   204

            }

   205

        }

   206

        svg_root.setAttribute('viewBox',new_desc.bbox.join(" "));

   207

        // TODO dispatch current cache in newly opened page

   208

    }

   209

    current_page = page_name;

   210

   211

    update_subscriptions();

   212

};

   213

   214

   215

// Once connection established

   216

ws.onopen = function (evt) {

   217

    init_widgets();

   218

    send_reset();

   219

    // show main page

   220

    switch_page(default_page);

   221

};

   222

   223

ws.onclose = function (evt) {

   224

    // TODO : add visible notification while waiting for reload

   225

    console.log("Connection closed. code:"+evt.code+" reason:"+evt.reason+" wasClean:"+evt.wasClean+" Reload in 10s.");

   226

    // TODO : re-enable auto reload when not in debug

   227

    //window.setTimeout(() => location.reload(true), 10000);

   228

    alert("Connection closed. code:"+evt.code+" reason:"+evt.reason+" wasClean:"+evt.wasClean+".");

   229

   230

};