sciter-rs 0.5.58

Rust bindings for Sciter - Embeddable HTML/CSS/script engine (cross-platform desktop GUI toolkit). Also capable with DirectX / OpenGL.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139

<html window-icon="icon.png">
  <head>
    <title>Minimalistic Sciter demo</title>
    <style>

      html {
        background: radial-gradient(75% 75%, circle farthest-side, white, orange, rgb(0,0,204));
        color:#fff;
      }

      html:rtl {
        mapping: left-to-right(background);
      }

      #files {
        margin: 10dip;
        padding: 4dip;
      }

      a { color: white; }
      code { font-weight: bold; }

    </style>
    <script type="text/tiscript">

      view.caption = $(head > title).value;

      $(#kind).text = ".TIS";
      $(#machine).text = Sciter.machineName();
      $(#version).text = String.printf("%d.%d.%d.%d",
        (Sciter.VERSION >> 16) & 0xffff, Sciter.VERSION & 0xffff,
        (Sciter.REVISION >> 16) & 0xffff, Sciter.REVISION & 0xffff);

      try {
        // since 4.2.5.0
        $(#revision).text = Sciter.BUILD.toString();
      } catch(e) {
        $(#revision).text = "N/A";
      }

      function append(item) {
        $(#files).$append(<li>{item}</li>);
      }

      var counter = 0;
      $(button#append).on("click", function() {
        append(++counter);
      });

      $(button#open).on("click", function() {

        var fn = view.selectFile(#open,
          "HTML Files (*.htm,*.html)|*.HTM;*.HTML|All Files (*.*)|*.*" , "html" );

        // if the dialog was closed or
        // filesystem interaction was disabled via `ALLOW_FILE_IO`
        // the selected file `fn` would be `undefined`.
        stdout.println("selected file: " + fn);
        if (fn) {
          append(fn);
        }
      });

      // Some tricks with hyperlinks:
      self.on("click", "a[href]", function(evt, el) {
        Sciter.launch(el.attributes["href"]);
        return true;
      });

      for (var a in $$(a)) {
        a.attributes["title"] = a.attributes["href"];
      }

    </script>
    <script type="module">
      import * as env from "@env";
      import * as sciter from "@sciter";

      Window.this.caption = document.$("head > title").value;

      document.$("#kind").innerText = ".JS";
      document.$("#machine").innerText = env.machineName();
      document.$("#version").innerText = sciter.VERSION;
      document.$("#revision").innerText = sciter.REVISION;

      function append(item) {
        document.$("#files").append(<li>{ item }</li>);
      }

      var counter = 0;
      document.$("button#append").on("click", function() {
        append(++counter);
      });

      document.$("button#open").on("click", function() {

        var fn = Window.this.selectFile({
          mode: "open",
          filter: "HTML Files (*.htm,*.html)|*.HTM;*.HTML|All Files (*.*)|*.*",
          extension: "html"
        });

        console.log("selected file: " + fn);
        if (fn) {
          append(fn);
        }
      });

      // Some tricks with hyperlinks:
      document.on("click", "a[href]", function(evt, el) {
        env.launch(el.attributes["href"]);
        return true;
      });

      for (const a of document.$$("a")) {
        a.attributes["title"] = a.attributes["href"];
      }

    </script>
  </head>
<body>

  <h1>Minimal Sciter Application</h1>
  <p>Sciter<span id="kind" /> version <span id="version">x.x.x</span> rev <span id="revision">N</span>.</p>
  <p>Running on <em id="machine" /> machine.</p>

  <button id="append" title="Test a script call">Append</button>
  <button id="open" title="Open a file selection dialog">Open a file</button>

  <ul id="files">
  </ul>

  <section class=footer>
    <p>You can inspect this window in the <a href="https://sciter.com/developers/development-tools/">Inspector tool</a>
    from the <a href="https://sciter.com/download/">Sciter SDK</a>.</p>
    <p>Run the Inspector first and then press <code>CTRL+SHIFT+I</code> in this window.</p>
  </section>
</body>
</html>