migrate examples to pubnub js sdk v4

pubnub · Sep 27, 2016 · fdea3d9 · fdea3d9
1 parent 6b139a8
commit fdea3d9
Show file tree

Hide file tree

Showing 16 changed files with 176 additions and 86 deletions.
diff --git a/examples/axis.html b/examples/axis.html
@@ -1,17 +1,23 @@
 <html>
   <head>
 
-    <script type="text/javascript" src="http://pubnub.github.io/eon/v/eon/0.0.10/eon.js"></script>
-    <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/v/eon/0.0.10/eon.css" />
+
+    <link rel="stylesheet" type="text/css" href="../bower_components/c3/c3.min.css">
+    <script src="../bower_components/pubnub/dist/web/pubnub.min.js"></script>
+    <script src="../bower_components/d3/d3.min.js"></script>
+    <script src="../bower_components/c3/c3.min.js"></script>
+    <script src="../bower_components/visibilityjs/lib/visibility.core.js"></script>
+
+    <script src="../pubnub-c3.js"></script>
 
   </head>
   <body>
     <div id="chart"></div>
     <script>
 
-      var pubnub = PUBNUB.init({
-        publish_key: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
-        subscribe_key: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
+      var pubnub = new PubNub({
+        publishKey: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
+        subscribeKey: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
       });
 
       var channel = "c3-spline-test-test-test";

diff --git a/examples/bar.html b/examples/bar.html
@@ -1,17 +1,23 @@
 <html>
   <head>
 
-    <script type="text/javascript" src="http://pubnub.github.io/eon/v/eon/0.0.10/eon.js"></script>
-    <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/v/eon/0.0.10/eon.css" />
+
+    <link rel="stylesheet" type="text/css" href="../bower_components/c3/c3.min.css">
+    <script src="../bower_components/pubnub/dist/web/pubnub.min.js"></script>
+    <script src="../bower_components/d3/d3.min.js"></script>
+    <script src="../bower_components/c3/c3.min.js"></script>
+    <script src="../bower_components/visibilityjs/lib/visibility.core.js"></script>
+
+    <script src="../pubnub-c3.js"></script>
 
   </head>
   <body>
     <div id="chart"></div>
     <script>
 
-      var pubnub = PUBNUB.init({
-        publish_key: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
-        subscribe_key: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
+      var pubnub = new PubNub({
+        publishKey: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
+        subscribeKey: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
       });
 
       var channel = "c3-bar-test" + Math.random();

diff --git a/examples/custom_keys.html b/examples/custom_keys.html
@@ -1,17 +1,23 @@
 <html>
   <head>
 
-    <script type="text/javascript" src="http://pubnub.github.io/eon/v/eon/0.0.10/eon.js"></script>
-    <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/v/eon/0.0.10/eon.css" />
+
+    <link rel="stylesheet" type="text/css" href="../bower_components/c3/c3.min.css">
+    <script src="../bower_components/pubnub/dist/web/pubnub.min.js"></script>
+    <script src="../bower_components/d3/d3.min.js"></script>
+    <script src="../bower_components/c3/c3.min.js"></script>
+    <script src="../bower_components/visibilityjs/lib/visibility.core.js"></script>
+
+    <script src="../pubnub-c3.js"></script>
 
   </head>
   <body>
     <div id="chart"></div>
     <script>
 
-      var pubnub = PUBNUB.init({
-        publish_key: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
-        subscribe_key: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
+      var pubnub = new PubNub({
+        publishKey: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
+        subscribeKey: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
       });
 
       var channel = "c3-spline" + Math.random();

diff --git a/examples/distributed.html b/examples/distributed.html
@@ -1,17 +1,23 @@
 <html>
   <head>
 
-    <script type="text/javascript" src="http://pubnub.github.io/eon/v/eon/0.0.10/eon.js"></script>
-    <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/v/eon/0.0.10/eon.css" />
+
+    <link rel="stylesheet" type="text/css" href="../bower_components/c3/c3.min.css">
+    <script src="../bower_components/pubnub/dist/web/pubnub.min.js"></script>
+    <script src="../bower_components/d3/d3.min.js"></script>
+    <script src="../bower_components/c3/c3.min.js"></script>
+    <script src="../bower_components/visibilityjs/lib/visibility.core.js"></script>
+
+    <script src="../pubnub-c3.js"></script>
 
   </head>
   <body>
     <div id="chart"></div>
     <script>
 
-      var pubnub = PUBNUB.init({
-        publish_key: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
-        subscribe_key: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
+      var pubnub = new PubNub({
+        publishKey: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
+        subscribeKey: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
       });
 
       var channel = "c3-spline-history" + Math.random();

diff --git a/examples/double.html b/examples/double.html
@@ -1,16 +1,22 @@
 <html>
   <head>
 
-    <script type="text/javascript" src="http://pubnub.github.io/eon/v/eon/0.0.10/eon.js"></script>
-    <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/v/eon/0.0.10/eon.css" />
+
+    <link rel="stylesheet" type="text/css" href="../bower_components/c3/c3.min.css">
+    <script src="../bower_components/pubnub/dist/web/pubnub.min.js"></script>
+    <script src="../bower_components/d3/d3.min.js"></script>
+    <script src="../bower_components/c3/c3.min.js"></script>
+    <script src="../bower_components/visibilityjs/lib/visibility.core.js"></script>
+
+    <script src="../pubnub-c3.js"></script>
   </head>
   <body>
     <div id="chart"></div>
     <script>
 
-      var pubnub = PUBNUB.init({
-        publish_key: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
-        subscribe_key: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
+      var pubnub = new PubNub({
+        publishKey: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
+        subscribeKey: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
       });
 
       var channel = "c3-spline" + Math.random();

diff --git a/examples/eons.html b/examples/eons.html
@@ -1,17 +1,23 @@
 <html>
   <head>
 
-    <script type="text/javascript" src="http://pubnub.github.io/eon/v/eon/0.0.10/eon.js"></script>
-    <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/v/eon/0.0.10/eon.css" />
+
+    <link rel="stylesheet" type="text/css" href="../bower_components/c3/c3.min.css">
+    <script src="../bower_components/pubnub/dist/web/pubnub.min.js"></script>
+    <script src="../bower_components/d3/d3.min.js"></script>
+    <script src="../bower_components/c3/c3.min.js"></script>
+    <script src="../bower_components/visibilityjs/lib/visibility.core.js"></script>
+
+    <script src="../pubnub-c3.js"></script>
 
   </head>
   <body>
     <div id="chart"></div>
     <script>
 
-      var pubnub = PUBNUB.init({
-        publish_key: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
-        subscribe_key: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
+      var pubnub = new PubNub({
+        publishKey: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
+        subscribeKey: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
       });
 
       var channel = "c3-spline-" + new Date().getTime();

diff --git a/examples/gauge.html b/examples/gauge.html
@@ -1,17 +1,23 @@
 <html>
   <head>
 
-    <script type="text/javascript" src="http://pubnub.github.io/eon/v/eon/0.0.10/eon.js"></script>
-    <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/v/eon/0.0.10/eon.css" />
+
+    <link rel="stylesheet" type="text/css" href="../bower_components/c3/c3.min.css">
+    <script src="../bower_components/pubnub/dist/web/pubnub.min.js"></script>
+    <script src="../bower_components/d3/d3.min.js"></script>
+    <script src="../bower_components/c3/c3.min.js"></script>
+    <script src="../bower_components/visibilityjs/lib/visibility.core.js"></script>
+
+    <script src="../pubnub-c3.js"></script>
 
   </head>
   <body>
     <div id="chart"></div>
     <script>
 
-      var pubnub = PUBNUB.init({
-        publish_key: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
-        subscribe_key: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
+      var pubnub = new PubNub({
+        publishKey: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
+        subscribeKey: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
       });
 
       var channel = 'c3-gauge'  + Math.random();

diff --git a/examples/history.html b/examples/history.html
@@ -1,17 +1,23 @@
 <html>
   <head>
 
-    <script type="text/javascript" src="http://pubnub.github.io/eon/v/eon/0.0.10/eon.js"></script>
-    <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/v/eon/0.0.10/eon.css" />
+
+    <link rel="stylesheet" type="text/css" href="../bower_components/c3/c3.min.css">
+    <script src="../bower_components/pubnub/dist/web/pubnub.min.js"></script>
+    <script src="../bower_components/d3/d3.min.js"></script>
+    <script src="../bower_components/c3/c3.min.js"></script>
+    <script src="../bower_components/visibilityjs/lib/visibility.core.js"></script>
+
+    <script src="../pubnub-c3.js"></script>
 
   </head>
   <body>
     <div id="chart"></div>
     <script>
 
-      var pubnub = PUBNUB.init({
-        publish_key: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
-        subscribe_key: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
+      var pubnub = new PubNub({
+        publishKey: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
+        subscribeKey: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
       });
 
       var channel = "c3-spline-history-test";

diff --git a/examples/pie.html b/examples/pie.html
@@ -1,17 +1,23 @@
 <html>
   <head>
 
-    <script type="text/javascript" src="http://pubnub.github.io/eon/v/eon/0.0.10/eon.js"></script>
-    <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/v/eon/0.0.10/eon.css" />
+
+    <link rel="stylesheet" type="text/css" href="../bower_components/c3/c3.min.css">
+    <script src="../bower_components/pubnub/dist/web/pubnub.min.js"></script>
+    <script src="../bower_components/d3/d3.min.js"></script>
+    <script src="../bower_components/c3/c3.min.js"></script>
+    <script src="../bower_components/visibilityjs/lib/visibility.core.js"></script>
+
+    <script src="../pubnub-c3.js"></script>
 
   </head>
   <body>
     <div id="chart"></div>
     <script>
 
-      var pubnub = PUBNUB.init({
-        publish_key: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
-        subscribe_key: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
+      var pubnub = new PubNub({
+        publishKey: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
+        subscribeKey: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
       });
 
       var channel = "c3-spline" + Math.random();

diff --git a/examples/reject.html b/examples/reject.html
@@ -1,17 +1,23 @@
 <html>
   <head>
 
-    <script type="text/javascript" src="http://pubnub.github.io/eon/v/eon/0.0.10/eon.js"></script>
-    <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/v/eon/0.0.10/eon.css" />
+
+    <link rel="stylesheet" type="text/css" href="../bower_components/c3/c3.min.css">
+    <script src="../bower_components/pubnub/dist/web/pubnub.min.js"></script>
+    <script src="../bower_components/d3/d3.min.js"></script>
+    <script src="../bower_components/c3/c3.min.js"></script>
+    <script src="../bower_components/visibilityjs/lib/visibility.core.js"></script>
+
+    <script src="../pubnub-c3.js"></script>
 
   </head>
   <body>
     <div id="chart"></div>
     <script>
 
-      var pubnub = PUBNUB.init({
-        publish_key: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
-        subscribe_key: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
+      var pubnub = new PubNub({
+        publishKey: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
+        subscribeKey: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
       });
 
       var channel = "c3-spline" + Math.random();

diff --git a/examples/simple.html b/examples/simple.html
@@ -1,17 +1,23 @@
 <html>
   <head>
 
-    <script type="text/javascript" src="http://pubnub.github.io/eon/v/eon/0.0.10/eon.js"></script>
-    <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/v/eon/0.0.10/eon.css" />
+
+    <link rel="stylesheet" type="text/css" href="../bower_components/c3/c3.min.css">
+    <script src="../bower_components/pubnub/dist/web/pubnub.min.js"></script>
+    <script src="../bower_components/d3/d3.min.js"></script>
+    <script src="../bower_components/c3/c3.min.js"></script>
+    <script src="../bower_components/visibilityjs/lib/visibility.core.js"></script>
+
+    <script src="../pubnub-c3.js"></script>
 
   </head>
   <body>
     <div id="chart"></div>
     <script>
 
-      var pubnub = PUBNUB.init({
-        publish_key: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
-        subscribe_key: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
+      var pubnub = new PubNub({
+        publishKey: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
+        subscribeKey: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
       });
 
       var channel = "c3-spline" + Math.random();

diff --git a/examples/transform.html b/examples/transform.html
@@ -1,17 +1,23 @@
 <html>
   <head>
 
-    <script type="text/javascript" src="http://pubnub.github.io/eon/v/eon/0.0.10/eon.js"></script>
-    <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/v/eon/0.0.10/eon.css" />
+
+    <link rel="stylesheet" type="text/css" href="../bower_components/c3/c3.min.css">
+    <script src="../bower_components/pubnub/dist/web/pubnub.min.js"></script>
+    <script src="../bower_components/d3/d3.min.js"></script>
+    <script src="../bower_components/c3/c3.min.js"></script>
+    <script src="../bower_components/visibilityjs/lib/visibility.core.js"></script>
+
+    <script src="../pubnub-c3.js"></script>
 
   </head>
   <body>
     <div id="chart"></div>
     <script>
     // using the example stream from 
     // http://www.pubnub.com/developers/data-streams/sensor-network
-    var pubnub = PUBNUB.init({
-        subscribe_key: 'sub-c-5f1b7c8e-fbee-11e3-aa40-02ee2ddab7fe',
+    var pubnub = new PubNub({
+        subscribeKey: 'sub-c-5f1b7c8e-fbee-11e3-aa40-02ee2ddab7fe',
         ssl: true
 	});
     eon.chart({

diff --git a/examples/transform_history.html b/examples/transform_history.html
@@ -1,16 +1,22 @@
 <html>
   <head>
 
-    <script type="text/javascript" src="http://pubnub.github.io/eon/v/eon/0.0.10/eon.js"></script>
-    <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/v/eon/0.0.10/eon.css" />
+
+    <link rel="stylesheet" type="text/css" href="../bower_components/c3/c3.min.css">
+    <script src="../bower_components/pubnub/dist/web/pubnub.min.js"></script>
+    <script src="../bower_components/d3/d3.min.js"></script>
+    <script src="../bower_components/c3/c3.min.js"></script>
+    <script src="../bower_components/visibilityjs/lib/visibility.core.js"></script>
+
+    <script src="../pubnub-c3.js"></script>
 
   </head>
   <body>
     <div id="chart"></div>
     <script>
-    var pubnub = PUBNUB.init({
-        publish_key: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
-        subscribe_key: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
+    var pubnub = new PubNub({
+        publishKey: 'pub-c-923938f1-a4c1-4253-b15a-9c24087904c9',
+        subscribeKey: 'sub-c-bd9ab0d6-6e02-11e5-8d3b-0619f8945a4f'
       });
 
       var channel = "c3-spline-history-test";