1

<?xml version="1.0"?>

     2

<xsl:stylesheet xmlns:func="http://exslt.org/functions" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:svg="http://www.w3.org/2000/svg" xmlns:str="http://exslt.org/strings" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:exsl="http://exslt.org/common" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:ns="beremiz" xmlns:cc="http://creativecommons.org/ns#" xmlns:regexp="http://exslt.org/regular-expressions" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:dc="http://purl.org/dc/elements/1.1/" extension-element-prefixes="ns func" version="1.0" exclude-result-prefixes="ns str regexp exsl func">

     3

  <xsl:output method="xml" cdata-section-elements="xhtml:script"/>

     4

  <xsl:variable name="geometry" select="ns:GetSVGGeometry()"/>

     5

  <xsl:variable name="hmitree" select="ns:GetHMITree()"/>

     6

  <xsl:variable name="hmi_elements" select="//svg:*[starts-with(@inkscape:label, 'HMI:')]"/>

     7

  <xsl:variable name="hmi_geometry" select="$geometry[@Id = $hmi_elements/@id]"/>

     8

  <xsl:variable name="hmi_pages" select="$hmi_elements[func:parselabel(@inkscape:label)/widget/@type = 'Page']"/>

     9

  <xsl:variable name="default_page">

    10

    <xsl:choose>

    11

      <xsl:when test="count($hmi_pages) &gt; 1">

    12

        <xsl:variable name="Home_page" select="$hmi_pages[func:parselabel(@inkscape:label)/widget/arg[1]/@value = 'Home']"/>

    13

        <xsl:choose>

    14

          <xsl:when test="$Home_page">

    15

            <xsl:text>Home</xsl:text>

    16

          </xsl:when>

    17

          <xsl:otherwise>

    18

            <xsl:message terminate="yes">No Home page defined!</xsl:message>

    19

          </xsl:otherwise>

    20

        </xsl:choose>

    21

      </xsl:when>

    22

      <xsl:when test="count($hmi_pages) = 0">

    23

        <xsl:message terminate="yes">No page defined!</xsl:message>

    24

      </xsl:when>

    25

      <xsl:otherwise>

    26

        <xsl:value-of select="func:parselabel($hmi_pages/@inkscape:label)/widget/arg[1]/@value"/>

    27

      </xsl:otherwise>

    28

    </xsl:choose>

    29

  </xsl:variable>

    30

  <xsl:variable name="_categories">

    31

    <noindex>

    32

      <xsl:text>HMI_ROOT</xsl:text>

    33

    </noindex>

    34

    <noindex>

    35

      <xsl:text>HMI_LABEL</xsl:text>

    36

    </noindex>

    37

    <noindex>

    38

      <xsl:text>HMI_CLASS</xsl:text>

    39

    </noindex>

    40

    <noindex>

    41

      <xsl:text>HMI_PLC_STATUS</xsl:text>

    42

    </noindex>

    43

    <noindex>

    44

      <xsl:text>HMI_CURRENT_PAGE</xsl:text>

    45

    </noindex>

    46

  </xsl:variable>

    47

  <xsl:variable name="categories" select="exsl:node-set($_categories)"/>

    48

  <xsl:variable name="_indexed_hmitree">

    49

    <xsl:apply-templates mode="index" select="$hmitree"/>

    50

  </xsl:variable>

    51

  <xsl:variable name="indexed_hmitree" select="exsl:node-set($_indexed_hmitree)"/>

    52

  <xsl:template mode="index" match="*">

    53

    <xsl:param name="index" select="0"/>

    54

    <xsl:param name="parentpath" select="''"/>

    55

    <xsl:variable name="content">

    56

      <xsl:variable name="path">

    57

        <xsl:choose>

    58

          <xsl:when test="local-name() = 'HMI_ROOT'">

    59

            <xsl:value-of select="$parentpath"/>

    60

          </xsl:when>

    61

          <xsl:otherwise>

    62

            <xsl:value-of select="$parentpath"/>

    63

            <xsl:text>/</xsl:text>

    64

            <xsl:value-of select="@name"/>

    65

          </xsl:otherwise>

    66

        </xsl:choose>

    67

      </xsl:variable>

    68

      <xsl:choose>

    69

        <xsl:when test="not(local-name() = $categories/noindex)">

    70

          <xsl:copy>

    71

            <xsl:attribute name="index">

    72

              <xsl:value-of select="$index"/>

    73

            </xsl:attribute>

    74

            <xsl:attribute name="hmipath">

    75

              <xsl:value-of select="$path"/>

    76

            </xsl:attribute>

    77

            <xsl:for-each select="@*">

    78

              <xsl:copy/>

    79

            </xsl:for-each>

    80

          </xsl:copy>

    81

        </xsl:when>

    82

        <xsl:otherwise>

    83

          <xsl:apply-templates mode="index" select="*[1]">

    84

            <xsl:with-param name="index" select="$index"/>

    85

            <xsl:with-param name="parentpath">

    86

              <xsl:value-of select="$path"/>

    87

            </xsl:with-param>

    88

          </xsl:apply-templates>

    89

        </xsl:otherwise>

    90

      </xsl:choose>

    91

    </xsl:variable>

    92

    <xsl:copy-of select="$content"/>

    93

    <xsl:apply-templates mode="index" select="following-sibling::*[1]">

    94

      <xsl:with-param name="index" select="$index + count(exsl:node-set($content)/*)"/>

    95

      <xsl:with-param name="parentpath">

    96

        <xsl:value-of select="$parentpath"/>

    97

      </xsl:with-param>

    98

    </xsl:apply-templates>

    99

  </xsl:template>

   100

  <xsl:template mode="identity_svg" match="@* | node()">

   101

    <xsl:copy>

   102

      <xsl:apply-templates mode="identity_svg" select="@* | node()"/>

   103

    </xsl:copy>

   104

  </xsl:template>

   105

  <xsl:template match="/">

   106

    <xsl:comment>

   107

      <xsl:text>Made with SVGHMI. https://beremiz.org</xsl:text>

   108

    </xsl:comment>

   109

    <html xmlns="http://www.w3.org/1999/xhtml">

   110

      <head/>

   111

      <body style="margin:0;">

   112

        <xsl:copy>

   113

          <xsl:comment>

   114

            <xsl:apply-templates mode="testgeo" select="$hmi_geometry"/>

   115

          </xsl:comment>

   116

          <xsl:comment>

   117

            <xsl:apply-templates mode="testtree" select="$hmitree"/>

   118

          </xsl:comment>

   119

          <xsl:comment>

   120

            <xsl:apply-templates mode="testtree" select="$indexed_hmitree"/>

   121

          </xsl:comment>

   122

          <xsl:apply-templates mode="identity_svg" select="@* | node()"/>

   123

        </xsl:copy>

   124

        <script>

   125

          <xsl:call-template name="scripts"/>

   126

        </script>

   127

      </body>

   128

    </html>

   129

  </xsl:template>

   130

  <func:function name="func:parselabel">

   131

    <xsl:param name="label"/>

   132

    <xsl:variable name="description" select="substring-after($label,'HMI:')"/>

   133

    <xsl:variable name="_args" select="substring-before($description,'@')"/>

   134

    <xsl:variable name="args">

   135

      <xsl:choose>

   136

        <xsl:when test="$_args">

   137

          <xsl:value-of select="$_args"/>

   138

        </xsl:when>

   139

        <xsl:otherwise>

   140

          <xsl:value-of select="$description"/>

   141

        </xsl:otherwise>

   142

      </xsl:choose>

   143

    </xsl:variable>

   144

    <xsl:variable name="_type" select="substring-before($args,':')"/>

   145

    <xsl:variable name="type">

   146

      <xsl:choose>

   147

        <xsl:when test="$_type">

   148

          <xsl:value-of select="$_type"/>

   149

        </xsl:when>

   150

        <xsl:otherwise>

   151

          <xsl:value-of select="$args"/>

   152

        </xsl:otherwise>

   153

      </xsl:choose>

   154

    </xsl:variable>

   155

    <xsl:variable name="ast">

   156

      <xsl:if test="$type">

   157

        <widget>

   158

          <xsl:attribute name="type">

   159

            <xsl:value-of select="$type"/>

   160

          </xsl:attribute>

   161

          <xsl:for-each select="str:split(substring-after($args, ':'), ':')">

   162

            <arg>

   163

              <xsl:attribute name="value">

   164

                <xsl:value-of select="."/>

   165

              </xsl:attribute>

   166

            </arg>

   167

          </xsl:for-each>

   168

          <xsl:variable name="paths" select="substring-after($description,'@')"/>

   169

          <xsl:for-each select="str:split($paths, '@')">

   170

            <path>

   171

              <xsl:attribute name="value">

   172

                <xsl:value-of select="."/>

   173

              </xsl:attribute>

   174

            </path>

   175

          </xsl:for-each>

   176

        </widget>

   177

      </xsl:if>

   178

    </xsl:variable>

   179

    <func:result select="exsl:node-set($ast)"/>

   180

  </func:function>

   181

  <xsl:template name="scripts">

   182

    <xsl:text>//(function(){

   183

</xsl:text>

   184

    <xsl:text>

   185

</xsl:text>

   186

    <xsl:text>var hmi_hash = [</xsl:text>

   187

    <xsl:value-of select="$hmitree/@hash"/>

   188

    <xsl:text>]; 

   189

</xsl:text>

   190

    <xsl:text>var hmi_widgets = {

   191

</xsl:text>

   192

    <xsl:for-each select="$hmi_elements">

   193

      <xsl:variable name="widget" select="func:parselabel(@inkscape:label)/widget"/>

   194

      <xsl:value-of select="@id"/>

   195

      <xsl:text>: {

   196

</xsl:text>

   197

      <xsl:text>    type: "</xsl:text>

   198

      <xsl:value-of select="$widget/@type"/>

   199

      <xsl:text>",

   200

</xsl:text>

   201

      <xsl:text>    args: [

   202

</xsl:text>

   203

      <xsl:for-each select="$widget/arg">

   204

        <xsl:text>        "</xsl:text>

   205

        <xsl:value-of select="@value"/>

   206

        <xsl:text>"</xsl:text>

   207

        <xsl:if test="position()!=last()">

   208

          <xsl:text>,</xsl:text>

   209

        </xsl:if>

   210

        <xsl:text>

   211

</xsl:text>

   212

      </xsl:for-each>

   213

      <xsl:text>    ],

   214

</xsl:text>

   215

      <xsl:text>    indexes: [

   216

</xsl:text>

   217

      <xsl:for-each select="$widget/path">

   218

        <xsl:variable name="hmipath" select="@value"/>

   219

        <xsl:variable name="hmitree_match" select="$indexed_hmitree/*[@hmipath = $hmipath]"/>

   220

        <xsl:if test="count($hmitree_match) = 0">

   221

          <xsl:message terminate="yes">

   222

            <xsl:text>No match for HMI </xsl:text>

   223

            <xsl:value-of select="$hmipath"/>

   224

            <xsl:text>;</xsl:text>

   225

          </xsl:message>

   226

        </xsl:if>

   227

        <xsl:text>        </xsl:text>

   228

        <xsl:value-of select="$hmitree_match/@index"/>

   229

        <xsl:if test="position()!=last()">

   230

          <xsl:text>,</xsl:text>

   231

        </xsl:if>

   232

        <xsl:text>

   233

</xsl:text>

   234

      </xsl:for-each>

   235

      <xsl:text>    ],

   236

</xsl:text>

   237

      <xsl:text>    element: document.getElementById("</xsl:text>

   238

      <xsl:value-of select="@id"/>

   239

      <xsl:text>"),

   240

</xsl:text>

   241

      <xsl:apply-templates mode="widget_defs" select="$widget">

   242

        <xsl:with-param name="hmi_element" select="."/>

   243

      </xsl:apply-templates>

   244

      <xsl:text>}</xsl:text>

   245

      <xsl:if test="position()!=last()">

   246

        <xsl:text>,</xsl:text>

   247

      </xsl:if>

   248

      <xsl:text>

   249

</xsl:text>

   250

    </xsl:for-each>

   251

    <xsl:text>}

   252

</xsl:text>

   253

    <xsl:text>

   254

</xsl:text>

   255

    <xsl:text>var hmitree_types = [

   256

</xsl:text>

   257

    <xsl:for-each select="$indexed_hmitree/*">

   258

      <xsl:text>/* </xsl:text>

   259

      <xsl:value-of select="@index"/>

   260

      <xsl:text>  </xsl:text>

   261

      <xsl:value-of select="@hmipath"/>

   262

      <xsl:text> */ "</xsl:text>

   263

      <xsl:value-of select="substring(local-name(), 5)"/>

   264

      <xsl:text>"</xsl:text>

   265

      <xsl:if test="position()!=last()">

   266

        <xsl:text>,</xsl:text>

   267

      </xsl:if>

   268

      <xsl:text>

   269

</xsl:text>

   270

    </xsl:for-each>

   271

    <xsl:text>]

   272

</xsl:text>

   273

    <xsl:text>

   274

</xsl:text>

   275

    <xsl:text>var page_desc = {

   276

</xsl:text>

   277

    <xsl:for-each select="$hmi_pages">

   278

      <xsl:variable name="desc" select="func:parselabel(@inkscape:label)/widget"/>

   279

      <xsl:variable name="page" select="."/>

   280

      <xsl:variable name="p" select="$hmi_geometry[@Id = $page/@id]"/>

   281

      <xsl:variable name="page_ids" select="$hmi_geometry[@Id != $page/@id and &#10;                                @x &gt;= $p/@x and @y &gt;= $p/@y and &#10;                                @x+@w &lt;= $p/@x+$p/@w and @y+@h &lt;= $p/@y+$p/@h]/@Id"/>

   282

      <xsl:variable name="page_elements" select="$hmi_elements[@id = $page_ids]"/>

   283

      <xsl:text>    "</xsl:text>

   284

      <xsl:value-of select="$desc/arg[1]/@value"/>

   285

      <xsl:text>": {

   286

</xsl:text>

   287

      <xsl:text>        id: "</xsl:text>

   288

      <xsl:value-of select="@id"/>

   289

      <xsl:text>",

   290

</xsl:text>

   291

      <xsl:text>        widgets: [

   292

</xsl:text>

   293

      <xsl:for-each select="$page_ids">

   294

        <xsl:text>            hmi_widgets.</xsl:text>

   295

        <xsl:value-of select="."/>

   296

        <xsl:if test="position()!=last()">

   297

          <xsl:text>,</xsl:text>

   298

        </xsl:if>

   299

        <xsl:text>

   300

</xsl:text>

   301

      </xsl:for-each>

   302

      <xsl:text>        ]

   303

</xsl:text>

   304

      <xsl:text>    }</xsl:text>

   305

      <xsl:if test="position()!=last()">

   306

        <xsl:text>,</xsl:text>

   307

      </xsl:if>

   308

      <xsl:text>

   309

</xsl:text>

   310

    </xsl:for-each>

   311

    <xsl:text>}

   312

</xsl:text>

   313

    <xsl:text>

   314

</xsl:text>

   315

    <xsl:text>var default_page = "</xsl:text>

   316

    <xsl:value-of select="$default_page"/>

   317

    <xsl:text>";

   318

</xsl:text>

   319

    <xsl:text>// svghmi.js

   320

</xsl:text>

   321

    <xsl:text>

   322

</xsl:text>

   323

    <xsl:text>var cache = hmitree_types.map(_ignored =&gt; undefined);

   324

</xsl:text>

   325

    <xsl:text>

   326

</xsl:text>

   327

    <xsl:text>function dispatch_value(index, value) {

   328

</xsl:text>

   329

    <xsl:text>    let widgets = subscribers[index];

   330

</xsl:text>

   331

    <xsl:text>

   332

</xsl:text>

   333

    <xsl:text>    let oldval = cache[index];

   334

</xsl:text>

   335

    <xsl:text>    cache[index] = value;

   336

</xsl:text>

   337

    <xsl:text>

   338

</xsl:text>

   339

    <xsl:text>    if(widgets.size &gt; 0) {

   340

</xsl:text>

   341

    <xsl:text>        for(let widget of widgets){

   342

</xsl:text>

   343

    <xsl:text>            let idxidx = widget.indexes.indexOf(index);

   344

</xsl:text>

   345

    <xsl:text>            if(idxidx == -1){

   346

</xsl:text>

   347

    <xsl:text>                throw new Error("Dispatching to widget not interested, should not happen.");

   348

</xsl:text>

   349

    <xsl:text>            }

   350

</xsl:text>

   351

    <xsl:text>            let d = widget.dispatch;

   352

</xsl:text>

   353

    <xsl:text>            if(typeof(d) == "function" &amp;&amp; idxidx == 0){

   354

</xsl:text>

   355

    <xsl:text>                return d.call(widget, value, oldval);

   356

</xsl:text>

   357

    <xsl:text>            }else if(typeof(d) == "object" &amp;&amp; d.length &gt;= idxidx){

   358

</xsl:text>

   359

    <xsl:text>                return d[idxidx].call(widget, value, oldval);

   360

</xsl:text>

   361

    <xsl:text>            }/* else dispatch_0, ..., dispatch_n ? */

   362

</xsl:text>

   363

    <xsl:text>            /*else {

   364

</xsl:text>

   365

    <xsl:text>                throw new Error("Dunno how to dispatch to widget at index = " + index);

   366

</xsl:text>

   367

    <xsl:text>            }*/

   368

</xsl:text>

   369

    <xsl:text>        }

   370

</xsl:text>

   371

    <xsl:text>    }

   372

</xsl:text>

   373

    <xsl:text>};

   374

</xsl:text>

   375

    <xsl:text>

   376

</xsl:text>

   377

    <xsl:text>function init_widgets() {

   378

</xsl:text>

   379

    <xsl:text>    Object.keys(hmi_widgets).forEach(function(id) {

   380

</xsl:text>

   381

    <xsl:text>        let widget = hmi_widgets[id];

   382

</xsl:text>

   383

    <xsl:text>        let init = widget.init;

   384

</xsl:text>

   385

    <xsl:text>        if(typeof(init) == "function"){

   386

</xsl:text>

   387

    <xsl:text>            return init.call(widget);

   388

</xsl:text>

   389

    <xsl:text>        }

   390

</xsl:text>

   391

    <xsl:text>    });

   392

</xsl:text>

   393

    <xsl:text>};

   394

</xsl:text>

   395

    <xsl:text>

   396

</xsl:text>

   397

    <xsl:text>// Open WebSocket to relative "/ws" address

   398

</xsl:text>

   399

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

   400

</xsl:text>

   401

    <xsl:text>ws.binaryType = 'arraybuffer';

   402

</xsl:text>

   403

    <xsl:text>

   404

</xsl:text>

   405

    <xsl:text>const dvgetters = {

   406

</xsl:text>

   407

    <xsl:text>    INT: [DataView.prototype.getInt16, 2],

   408

</xsl:text>

   409

    <xsl:text>    BOOL: [DataView.prototype.getInt8, 1]

   410

</xsl:text>

   411

    <xsl:text>    /* TODO */

   412

</xsl:text>

   413

    <xsl:text>};

   414

</xsl:text>

   415

    <xsl:text>

   416

</xsl:text>

   417

    <xsl:text>// Register message reception handler 

   418

</xsl:text>

   419

    <xsl:text>ws.onmessage = function (evt) {

   420

</xsl:text>

   421

    <xsl:text>

   422

</xsl:text>

   423

    <xsl:text>    let data = evt.data;

   424

</xsl:text>

   425

    <xsl:text>    let dv = new DataView(data);

   426

</xsl:text>

   427

    <xsl:text>    let i = 0;

   428

</xsl:text>

   429

    <xsl:text>    try {

   430

</xsl:text>

   431

    <xsl:text>        for(let hash_int of hmi_hash) {

   432

</xsl:text>

   433

    <xsl:text>            if(hash_int != dv.getUint8(i)){

   434

</xsl:text>

   435

    <xsl:text>                throw new Error("Hash doesn't match");

   436

</xsl:text>

   437

    <xsl:text>            };

   438

</xsl:text>

   439

    <xsl:text>            i++;

   440

</xsl:text>

   441

    <xsl:text>        };

   442

</xsl:text>

   443

    <xsl:text>

   444

</xsl:text>

   445

    <xsl:text>        while(i &lt; data.byteLength){

   446

</xsl:text>

   447

    <xsl:text>            let index = dv.getUint32(i, true);

   448

</xsl:text>

   449

    <xsl:text>            i += 4;

   450

</xsl:text>

   451

    <xsl:text>            let iectype = hmitree_types[index];

   452

</xsl:text>

   453

    <xsl:text>            if(iectype != undefined){

   454

</xsl:text>

   455

    <xsl:text>                let [dvgetter, bytesize] = dvgetters[iectype];

   456

</xsl:text>

   457

    <xsl:text>                let value = dvgetter.call(dv,i,true);

   458

</xsl:text>

   459

    <xsl:text>                dispatch_value(index, value);

   460

</xsl:text>

   461

    <xsl:text>                i += bytesize;

   462

</xsl:text>

   463

    <xsl:text>            } else {

   464

</xsl:text>

   465

    <xsl:text>                throw new Error("Unknown index "+index)

   466

</xsl:text>

   467

    <xsl:text>            }

   468

</xsl:text>

   469

    <xsl:text>        };

   470

</xsl:text>

   471

    <xsl:text>    } catch(err) {

   472

</xsl:text>

   473

    <xsl:text>        // 1003 is for "Unsupported Data"

   474

</xsl:text>

   475

    <xsl:text>        // ws.close(1003, err.message);

   476

</xsl:text>

   477

    <xsl:text>

   478

</xsl:text>

   479

    <xsl:text>        // TODO : remove debug alert ?

   480

</xsl:text>

   481

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

   482

</xsl:text>

   483

    <xsl:text>

   484

</xsl:text>

   485

    <xsl:text>        // force reload ignoring cache

   486

</xsl:text>

   487

    <xsl:text>        location.reload(true);

   488

</xsl:text>

   489

    <xsl:text>    }

   490

</xsl:text>

   491

    <xsl:text>};