1

// svghmi.js

     2

     3

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

     4

     5

function dispatch_value_to_widget(widget, index, value, oldval) {

     6

    let idxidx = widget.indexes.indexOf(index);

     7

    if(idxidx == -1){

     8

        throw new Error("Dispatching to widget not interested, should not happen.");

     9

    }

    10

    let d = widget.dispatch;

    11

    if(typeof(d) == "function" && idxidx == 0){

    12

        return d.call(widget, value, oldval);

    13

    }else if(typeof(d) == "object" && d.length >= idxidx){

    14

        return d[idxidx].call(widget, value, oldval);

    15

    }/* else dispatch_0, ..., dispatch_n ? */

    16

    /*else {

    17

        throw new Error("Dunno how to dispatch to widget at index = " + index);

    18

    }*/

    19

}

    20

    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){

    29

            dispatch_value_to_widget(widget, index, value, oldval);

    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: (dv,offset) => [dv.getInt16(offset, true), 2],

    50

    BOOL: (dv,offset) => [dv.getInt8(offset, true), 1],

    51

    STRING: (dv, offset) => {

    52

        size = dv.getInt8(offset);

    53

        return [

    54

            String.fromCharCode.apply(null, new Uint8Array(

    55

                dv.buffer, /* original buffer */

    56

                offset + 1, /* string starts after size*/

    57

                size /* size of string */

    58

            )), size + 1]; /* total increment */

    59

    }

    60

};

    61

    62

// Register message reception handler

    63

ws.onmessage = function (evt) {

    64

    65

    let data = evt.data;

    66

    let dv = new DataView(data);

    67

    let i = 0;

    68

    try {

    69

        for(let hash_int of hmi_hash) {

    70

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

    71

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

    72

            };

    73

            i++;

    74

        };

    75

    76

        while(i < data.byteLength){

    77

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

    78

            i += 4;

    79

            let iectype = hmitree_types[index];

    80

            if(iectype != undefined){

    81

                let dvgetter = dvgetters[iectype];

    82

                let [value, bytesize] = dvgetter(dv,i);

    83

                dispatch_value(index, value);

    84

                i += bytesize;

    85

            } else {

    86

                throw new Error("Unknown index "+index)

    87

            }

    88

        };

    89

    } catch(err) {

    90

        // 1003 is for "Unsupported Data"

    91

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

    92

    93

        // TODO : remove debug alert ?

    94

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

    95

    96

        // force reload ignoring cache

    97

        location.reload(true);

    98

    }

    99

};

   100

   101

   102

function send_blob(data) {

   103

    if(data.length > 0) {

   104

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

   105

    };

   106

};

   107

   108

const typedarray_types = {

   109

    INT: (number) => new Int16Array([number]),

   110

    BOOL: (truth) => new Int16Array([truth]),

   111

    STRING: (str) => {

   112

        // beremiz default string max size is 128

   113

        str = str.slice(0,128);

   114

        binary = new Uint8Array(str.length + 1);

   115

        binary[0] = str.length;

   116

        for(var i = 0; i < str.length; i++){

   117

            binary[i+1] = str.charCodeAt(i);

   118

        }

   119

        return binary;

   120

    }

   121

    /* TODO */

   122

};

   123

   124

function send_reset() {

   125

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

   126

};

   127

   128

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

   129

// hmitree indexed array of integers

   130

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

   131

   132

// subscription state as needed by widget now

   133

// hmitree indexed array of Sets of widgets objects

   134

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

   135

   136

// artificially subscribe the watchdog widget to "/heartbeat" hmi variable

   137

// Since dispatch directly calls change_hmi_value,

   138

// PLC will periodically send variable at given frequency

   139

subscribers[heartbeat_index].add({

   140

    /* type: "Watchdog", */

   141

    frequency: 1,

   142

    indexes: [heartbeat_index],

   143

    dispatch: function(value) {

   144

        // console.log("Heartbeat" + value);

   145

        change_hmi_value(heartbeat_index, "+1");

   146

    }

   147

});

   148

   149

function update_subscriptions() {

   150

    let delta = [];

   151

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

   152

        let widgets = subscribers[index];

   153

   154

        // periods are in ms

   155

        let previous_period = subscriptions[index];

   156

   157

        // subscribing with a zero period is unsubscribing

   158

        let new_period = 0;

   159

        if(widgets.size > 0) {

   160

            let maxfreq = 0;

   161

            for(let widget of widgets)

   162

                if(maxfreq < widget.frequency)

   163

                    maxfreq = widget.frequency;

   164

   165

            if(maxfreq != 0)

   166

                new_period = 1000/maxfreq;

   167

        }

   168

   169

        if(previous_period != new_period) {

   170

            subscriptions[index] = new_period;

   171

            delta.push(

   172

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

   173

                new Uint32Array([index]),

   174

                new Uint16Array([new_period]));

   175

        }

   176

    }

   177

    send_blob(delta);

   178

};

   179

   180

function send_hmi_value(index, value) {

   181

    let iectype = hmitree_types[index];

   182

    let tobinary = typedarray_types[iectype];

   183

    send_blob([

   184

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

   185

        new Uint32Array([index]),

   186

        tobinary(value)]);

   187

   188

    cache[index] = value;

   189

};

   190

   191

function change_hmi_value(index, opstr) {

   192

    let op = opstr[0];

   193

    let given_val = opstr.slice(1);

   194

    let old_val = cache[index]

   195

    let new_val;

   196

    switch(op){

   197

      case "=":

   198

        eval("new_val"+opstr);

   199

        break;

   200

      case "+":

   201

      case "-":

   202

      case "*":

   203

      case "/":

   204

        if(old_val != undefined)

   205

            new_val = eval("old_val"+opstr);

   206

        break;

   207

    }

   208

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

   209

        send_hmi_value(index, new_val);

   210

    return new_val;

   211

}

   212

   213

var current_page;

   214

   215

function switch_page(page_name) {

   216

    let old_desc = page_desc[current_page];

   217

    let new_desc = page_desc[page_name];

   218

    /* TODO hide / show widgets */

   219

   220

    /* remove subsribers of previous page if any */

   221

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

   222

        for(let index of widget.indexes){

   223

            subscribers[index].delete(widget);

   224

        }

   225

    }

   226

   227

    if(new_desc) {

   228

        /* add new subsribers if any */

   229

        for(let widget of new_desc.widgets){

   230

            for(let index of widget.indexes){

   231

                subscribers[index].add(widget);

   232

                let cached_val = cache[index];

   233

                if(cached_val != undefined)

   234

                    dispatch_value_to_widget(widget, index, cached_val, cached_val);

   235

            }

   236

        }

   237

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

   238

        // TODO dispatch current cache in newly opened page

   239

    }

   240

    current_page = page_name;

   241

   242

    update_subscriptions();

   243

};

   244

   245

   246

// Once connection established

   247

ws.onopen = function (evt) {

   248

    init_widgets();

   249

    send_reset();

   250

    // show main page

   251

    switch_page(default_page);

   252

};

   253

   254

ws.onclose = function (evt) {

   255

    // TODO : add visible notification while waiting for reload

   256

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

   257

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

   258

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

   259

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

   260

   261

};