hyper-sdk/feature_showcase/3_SelectCards.html at master · MicroStrategy/hyper-sdk · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Hyper SDK Demo</title>
    <script type="text/javascript" src="https://demo.microstrategy.com/hypersdk/js/mstr_hyper.bundle.js"></script>
    <!-- This is for the jsfiddle button. You don't need it in your application.  -->
    <script type="text/javascript" src="js/jsfiddle.js"></script>
  </head>
  <body>

    <p style="border: 2px; border-style: dotted; border-color: red">In this example, only company card is used. As a result, you should see company name being highlighted by Hyper SDK.</p>

    <p>
      (March 16th, 2025) Strategy, the business intelligence firm that has made bitcoin its main treasury reserve,
      said it purchased about 130 more of the leading cryptocurrency for $11 million in cash.
    </p>
    <p>
      As a result, Strategy now holds about 499,226 bitcoin at a total purchase price of $33 billion, at an average
      price of $66,360 per coin.
    </p>

    <script>

      document.addEventListener("DOMContentLoaded", function(){
          mstrHyper.start({
              server: "https://demo.microstrategy.com/MicroStrategyLibrary",
              auth:{
                authMode: mstrHyper.AUTH_MODES.GUEST
              },
              cards:[
              {"name":"Companies", "id":"727A3AFA11EAF76825400080EF658129", "projectId":"EC70648611E7A2F962E90080EFD58751"}
              ]
          }).then(()=> {

          });
        });
    </script>
  </body>
</html>