1

// svghmi.js

     2

     3

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

     4

     5

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

     6

    try {

     7

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

     8

        let d = widget.dispatch;

     9

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

    10

            d.call(widget, value, oldval);

    11

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

    12

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

    13

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

    14

        /*else {

    15

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

    16

        }*/

    19

    }

    20

}

    21

    22

function dispatch_value(index, value) {

    23

    let widgets = subscribers[index];

    24

    25

    let oldval = cache[index];

    26

    cache[index] = value;

    27

    28

    if(widgets.size > 0) {

    29

        for(let widget of widgets){

    30

            dispatch_value_to_widget(widget, index, value, oldval);

    31

        }

    32

    }

    33

};

    34

    35

function init_widgets() {

    36

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

    37

        let widget = hmi_widgets[id];

    38

        let init = widget.init;

    39

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

    40

            try {

    41

                init.call(widget);

    42

            } catch(err) {

    44

            }

    45

        }

    46

    });

    47

};

    48

    49

// Open WebSocket to relative "/ws" address

    50

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

    51

ws.binaryType = 'arraybuffer';

    52

    53

const dvgetters = {

    54

    INT: (dv,offset) => [dv.getInt16(offset, true), 2],

    55

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

    56

    STRING: (dv, offset) => {

    57

        size = dv.getInt8(offset);

    58

        return [

    59

            String.fromCharCode.apply(null, new Uint8Array(

    60

                dv.buffer, /* original buffer */

    61

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

    62

                size /* size of string */

    63

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

    64

    }

    65

};

    66

    67

// Register message reception handler

    68

ws.onmessage = function (evt) {

    69

    70

    let data = evt.data;

    71

    let dv = new DataView(data);

    72

    let i = 0;

    73

    try {

    74

        for(let hash_int of hmi_hash) {

    75

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

    76

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

    77

            };

    78

            i++;

    79

        };

    80

    81

        while(i < data.byteLength){

    82

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

    83

            i += 4;

    84

            let iectype = hmitree_types[index];

    85

            if(iectype != undefined){

    86

                let dvgetter = dvgetters[iectype];

    87

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

    88

                dispatch_value(index, value);

    89

                i += bytesize;

    90

            } else {

    91

                throw new Error("Unknown index "+index)

    92

            }

    93

        };

    94

    } catch(err) {

    95

        // 1003 is for "Unsupported Data"

    96

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

    97

    98

        // TODO : remove debug alert ?

    99

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

   100

   101

        // force reload ignoring cache

   102

        location.reload(true);

   103

    }

   104

};

   105

   106

   107

function send_blob(data) {

   108

    if(data.length > 0) {

   109

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

   110

    };

   111

};

   112

   113

const typedarray_types = {

   114

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

   115

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

   116

    STRING: (str) => {

   117

        // beremiz default string max size is 128

   118

        str = str.slice(0,128);

   119

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

   120

        binary[0] = str.length;

   121

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

   122

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

   123

        }

   124

        return binary;

   125

    }

   126

    /* TODO */

   127

};

   128

   129

function send_reset() {

   130

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

   131

};

   132

   133

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

   134

// hmitree indexed array of integers

   135

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

   136

   137

// subscription state as needed by widget now

   138

// hmitree indexed array of Sets of widgets objects

   139

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

   140

   141

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

   142

// Since dispatch directly calls change_hmi_value,

   143

// PLC will periodically send variable at given frequency

   144

subscribers[heartbeat_index].add({

   145

    /* type: "Watchdog", */

   146

    frequency: 1,

   147

    indexes: [heartbeat_index],

   148

    dispatch: function(value) {

   149

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

   150

        change_hmi_value(heartbeat_index, "+1");

   151

    }

   152

});

   153

   154

function update_subscriptions() {

   155

    let delta = [];

   156

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

   157

        let widgets = subscribers[index];

   158

   159

        // periods are in ms

   160

        let previous_period = subscriptions[index];

   161

   162

        // subscribing with a zero period is unsubscribing

   163

        let new_period = 0;

   164

        if(widgets.size > 0) {

   165

            let maxfreq = 0;

   166

            for(let widget of widgets)

   167

                if(maxfreq < widget.frequency)

   168

                    maxfreq = widget.frequency;

   169

   170

            if(maxfreq != 0)

   171

                new_period = 1000/maxfreq;

   172

        }

   173

   174

        if(previous_period != new_period) {

   175

            subscriptions[index] = new_period;

   176

            delta.push(

   177

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

   178

                new Uint32Array([index]),

   179

                new Uint16Array([new_period]));

   180

        }

   181

    }

   182

    send_blob(delta);

   183

};

   184

   185

function send_hmi_value(index, value) {

   186

    let iectype = hmitree_types[index];

   187

    let tobinary = typedarray_types[iectype];

   188

    send_blob([

   189

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

   190

        new Uint32Array([index]),

   191

        tobinary(value)]);

   192

   193

    cache[index] = value;

   194

};

   195

   196

function change_hmi_value(index, opstr) {

   197

    let op = opstr[0];

   198

    let given_val = opstr.slice(1);

   199

    let old_val = cache[index]

   200

    let new_val;

   201

    switch(op){

   202

      case "=":

   203

        eval("new_val"+opstr);

   204

        break;

   205

      case "+":

   206

      case "-":

   207

      case "*":

   208

      case "/":

   209

        if(old_val != undefined)

   210

            new_val = eval("old_val"+opstr);

   211

        break;

   212

    }

   213

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

   214

        send_hmi_value(index, new_val);

   215

    return new_val;

   216

}

   217

   218

var current_page;

   219

   220

function switch_page(page_name) {

   221

    let old_desc = page_desc[current_page];

   222

    let new_desc = page_desc[page_name];

   223

    /* TODO hide / show widgets */

   224

   225

    /* remove subsribers of previous page if any */

   226

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

   227

        for(let index of widget.indexes){

   228

            subscribers[index].delete(widget);

   229

        }

   230

    }

   231

   232

    if(new_desc) {

   233

        /* add new subsribers if any */

   234

        for(let widget of new_desc.widgets){

   235

            for(let index of widget.indexes){

   236

                subscribers[index].add(widget);

   237

                let cached_val = cache[index];

   238

                if(cached_val != undefined)

   239

                    dispatch_value_to_widget(widget, index, cached_val, cached_val);

   240

            }

   241

        }

   242

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

   243

        // TODO dispatch current cache in newly opened page

   244

    }

   245

    current_page = page_name;

   246

   247

    update_subscriptions();

   248

};

   249

   250

   251

// Once connection established

   252

ws.onopen = function (evt) {

   253

    init_widgets();

   254

    send_reset();

   255

    // show main page

   256

    switch_page(default_page);

   257

};

   258

   259

ws.onclose = function (evt) {

   260

    // TODO : add visible notification while waiting for reload

   261

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

   262

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

   263

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

   264

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

   265

   266

};