1 | # @hpcc-js/comms
|
2 | This package is part of the mono repository "@hpcc-js" (aka Visualization Framework), for more information including [Quick Start](https://github.com/hpcc-systems/Visualization/wiki/Quick-Start), [Gallery](https://raw.githack.com/hpcc-systems/Visualization/trunk/demos/gallery/gallery.html) and [Tutorials](https://github.com/hpcc-systems/Visualization/wiki/Tutorials), please visit the main page on GitHub: [hpcc-systems/Visualization](https://github.com/hpcc-systems/Visualization).
|
3 |
|
4 | ## Exported Widgets
|
5 | * [Connection](https://raw.githack.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/comms/Connection.js)
|
6 |
|
7 | ## Stand-alone HTML Example
|
8 | ```html
|
9 | <html>
|
10 | <head>
|
11 | <title>Simple Connection+Codemirror</title>
|
12 | <script src="https://unpkg.com/@hpcc-js/util"></script>
|
13 | <script src="https://unpkg.com/@hpcc-js/common"></script>
|
14 | <script src="https://unpkg.com/@hpcc-js/api"></script>
|
15 | <script src="https://unpkg.com/@hpcc-js/comms"></script>
|
16 | <script src="https://unpkg.com/@hpcc-js/codemirror"></script>
|
17 | </head>
|
18 | <body>
|
19 | <div id="placeholder" style="width:800px;height:600px;"></div>
|
20 | <script>
|
21 | new window["@hpcc-js/comms"].Connection({
|
22 | baseUrl: "https://api.pushshift.io/",
|
23 | type: "get"
|
24 | })
|
25 | .send("reddit/search/submission/", {
|
26 | "subreddit":"askreddit",
|
27 | "sort":"desc",
|
28 | "sort_type":"created_utc",
|
29 | "size":"5",
|
30 | }).then((json) => {
|
31 | new window["@hpcc-js/codemirror"].JSONEditor()
|
32 | .target("placeholder")
|
33 | .json(json)
|
34 | .render()
|
35 | ;
|
36 | })
|
37 | .catch((e) => {
|
38 | console.error(e);
|
39 | })
|
40 | ;
|
41 | </script>
|
42 | </body>
|
43 | </html>
|
44 | ```
|
45 |
|
46 | ## Getting Started with @hpccjs
|
47 | * _[Quick Start](https://github.com/hpcc-systems/Visualization/wiki/Quick-Start)_
|
48 | * _[Tutorials](https://github.com/hpcc-systems/Visualization/wiki/Tutorials)_
|
49 | * _[Gallery](https://raw.githack.com/hpcc-systems/Visualization/trunk/demos/gallery/gallery.html)_ ([alt](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/gallery.html))
|
50 | * _[Wiki](https://github.com/hpcc-systems/Visualization/wiki)_
|