castled-js-sdk 0.0.1 → 0.0.2

package/examples/chrome-extension/content-script/logo/logo.svg

@@ -0,0 +1,138 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="5.8741975mm"
+   height="5.8741975mm"
+   viewBox="0 0 5.8741975 5.8741975"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="logo.svg"
+   inkscape:export-filename="/home/simon/Lien vers Files/Programming/Browser-addons/chrome-addon-v3-starter/logo/logo-128.png"
+   inkscape:export-xdpi="553.47137"
+   inkscape:export-ydpi="553.47137">
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient992"
+       inkscape:collect="always">
+      <stop
+         id="stop988"
+         offset="0"
+         style="stop-color:#6dd47e;stop-opacity:1" />
+      <stop
+         id="stop990"
+         offset="1"
+         style="stop-color:#ffd55a;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient982">
+      <stop
+         style="stop-color:#6dd47e;stop-opacity:1"
+         offset="0"
+         id="stop978" />
+      <stop
+         style="stop-color:#ffd55a;stop-opacity:1"
+         offset="1"
+         id="stop980" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient982"
+       id="linearGradient984"
+       x1="29.799274"
+       y1="65.80043"
+       x2="32.461639"
+       y2="61.674587"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient992"
+       id="linearGradient986"
+       x1="125.58246"
+       y1="241.31987"
+       x2="130.39503"
+       y2="233.86185"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="32"
+     inkscape:cx="9.4060156"
+     inkscape:cy="10.261868"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1056"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-27.740484,-61.108589)"
+     style="opacity:1">
+    <g
+       aria-label="v"
+       transform="matrix(0.39299767,0,0,0.35804726,-14.850221,-22.602919)"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:13.33347988px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none"
+       id="flowRoot815" />
+    <g
+       aria-label="3"
+       transform="matrix(0.55320903,0,0,0.55320903,-39.674075,-67.699903)"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:13.33333397px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.28696206;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="flowRoot823">
+      <g
+         id="g859"
+         style="stroke:none;stroke-width:0.28696206;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;fill:#000000">
+        <g
+           id="g997">
+          <path
+             style="opacity:1;font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:13.33347988px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:url(#linearGradient984);fill-opacity:1;stroke:none;stroke-width:0.15875001;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+             inkscape:connector-curvature="0"
+             id="path834"
+             d="m 29.571182,65.570738 h -0.704043 l -0.999637,-2.585312 h 0.644929 l 0.720168,2.129944 0.722853,-2.129944 h 0.615367 z"
+             transform="matrix(1.807635,0,0,1.807635,71.716248,122.37671)" />
+          <path
+             style="stroke:none;stroke-width:0.28696206;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;fill:url(#linearGradient986);fill-opacity:1"
+             d="m 129.05656,233.2864 q 0.86154,0 1.51795,0.32137 0.66325,0.31453 1.0188,0.8547 0.35556,0.53333 0.35556,1.17607 0,0.55384 -0.25299,1.02564 -0.24616,0.46496 -0.67009,0.77265 -0.41709,0.30085 -0.91624,0.39658 0.57436,0.0479 1.05983,0.32821 0.48547,0.2735 0.77949,0.77948 0.30085,0.50599 0.30085,1.19658 0,0.81368 -0.41709,1.47009 -0.41026,0.64957 -1.15556,1.02564 -0.73846,0.37607 -1.69572,0.37607 -0.83419,0 -1.60684,-0.31453 -0.77265,-0.31453 -1.28547,-0.94359 l 0.77265,-0.62906 q 0.38974,0.45812 0.94359,0.69744 0.55384,0.23931 1.14872,0.23931 0.64957,0 1.12136,-0.23248 0.4718,-0.23248 0.71795,-0.66324 0.25299,-0.43761 0.25299,-1.02565 0,-1.78461 -1.94871,-1.78461 h -0.79317 l 0.14359,-0.9094 h 0.55385 q 0.47179,0 0.88205,-0.17778 0.41026,-0.18462 0.65641,-0.55385 0.25299,-0.37607 0.25299,-0.9094 0,-0.50598 -0.23931,-0.86154 -0.23248,-0.36239 -0.6359,-0.54701 -0.40342,-0.19145 -0.90256,-0.19145 -0.59488,0 -1.053,0.21197 -0.45812,0.20513 -0.94359,0.65641 l -0.63589,-0.70428 q 1.14871,-1.08034 2.6735,-1.08034 z"
+             id="path831"
+             inkscape:connector-curvature="0" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/examples/chrome-extension/content-script/manifest.json

@@ -0,0 +1,39 @@
+{
+    // Comments are accepted in the manifest, even though it is JSON.
+    "manifest_version": 3,
+    "name": "Rudderstack SDK: Chrome Extension Content Script Sample",
+    "description": "A minimal example of a chrome extension using manifest v3",
+    "version": "0.0.1",
+    "icons": {
+        "16": "logo/logo-16.png",
+        "48": "logo/logo-48.png",
+        "128": "logo/logo-128.png"
+    },
+    "options_page": "settings/settings.html",
+    "action": {
+        "default_title": "Rudderstack SDK: Chrome Extension Content Script Sample",
+        "default_popup": "popup/popup.html"
+    },
+    "permissions": ["storage", "tabs"],
+    "host_permissions": [
+        "https://*.dataplane.rudderstack.com/*",
+        "https://*.rudderlabs.com/*",
+        "*://*/*"
+    ],
+    "externally_connectable": {
+        "matches": [
+            "https://*.dataplane.rudderstack.com/*",
+            "https://*.rudderlabs.com/*"
+        ]
+    },
+    "background": {
+        "service_worker": "service-worker.js"
+    },
+    "content_scripts": [{
+        "js": ["foreground.js"],
+        "matches": [
+            "*://*/*",
+            "https://github.com/*"
+        ]
+    }]
+}

package/examples/chrome-extension/content-script/popup/popup.css

@@ -0,0 +1,11 @@
+body {
+    background-color: #222;
+    color: #eee;
+
+    width: 16rem;
+    height: 4rem;
+}
+
+.special-text {
+    color: red;
+}

package/examples/chrome-extension/content-script/popup/popup.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="popup.css">
+    <title>Rudderstack SDK: Chrome Extension Content Script Sample</title>
+</head>
+<body>
+    This is the <span class="special-text">HTML</span> body of the addon.
+</body>
+</html>

package/examples/chrome-extension/content-script/service-worker-utils.js

@@ -0,0 +1,17 @@
+// This file can be imported inside the service worker,
+// which means all of its functions and variables will be accessible
+// inside the service worker.
+// The importation is done in the file `service-worker.js`.
+
+console.log("External file is also loaded!")
+
+chrome.tabs.onUpdated.addListener((tabId, tab) => {
+    if (tab.url) {
+        chrome.tabs.sendMessage(tabId, {
+            type: "track",
+            value: {
+                url: tab.url
+            },
+        });
+    }
+});

package/examples/chrome-extension/content-script/service-worker.js

@@ -0,0 +1,12 @@
+// This is the service worker script, which executes in its own context
+// when the extension is installed or refreshed (or when you access its console).
+// It would correspond to the background script in chrome extensions v2.
+
+console.log("This prints to the console of the service worker (background script)")
+
+// Importing and using functionality from external files is also possible.
+importScripts('service-worker-utils.js')
+
+// If you want to import a file that is deeper in the file hierarchy of your
+// extension, simply do `importScripts('path/to/file.js')`.
+// The path should be relative to the file `manifest.json`.

package/examples/chrome-extension/content-script/settings/settings.css

@@ -0,0 +1,8 @@
+body {
+    background-color: #222;
+    color: #eee;
+}
+
+.special-text {
+    color: red;
+}

package/examples/chrome-extension/content-script/settings/settings.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="stylesheet" href="settings.css">
+    <title>Rudderstack SDK: Chrome Extension Content Script Sample: Settings</title>
+</head>
+<body>
+    This is the <span class="special-text">settings</span> page for the addon.
+</body>
+</html>

package/examples/chrome-extension/websocket-server/server.mjs

@@ -0,0 +1,19 @@
+import { WebSocketServer } from 'ws';
+
+const wss = new WebSocketServer({ port: 8080 });
+
+wss.on('connection', function connection(ws) {
+  ws.on('error', console.error);
+
+  ws.on('message', function message(data) {
+    try {
+      const event = JSON.parse(data)
+      console.log('received: %s', event.data.batch[0]);
+      event.done();
+    } catch (e) {
+      console.log('received: %s', data);
+    }
+  });
+
+  ws.send('something');
+});

package/examples/html/autotrack-test.html

@@ -0,0 +1,96 @@
+<html></html>
+<head>
+  <script>
+    hightouchevents = window.hightouchevents = [];
+
+    var methods = ['load', 'page', 'track', 'identify', 'reset'];
+
+    for (var i = 0; i < methods.length; i++) {
+      var method = methods[i];
+      hightouchevents[method] = (function (methodName) {
+        return function () {
+          hightouchevents.push([methodName].concat(Array.prototype.slice.call(arguments)));
+        };
+      })(method);
+    }
+    hightouchevents.load('1W3YEpwXQRYYL0veak73cvTKI5r', 'https://hosted.rudderlabs.com', {
+      logLevel: 'DEBUG',
+      valTrackingList: ['googleClientId', 'radio', 'user-pwd2', 'Description', 'user-pwd'],
+      useAutoTracking: true,
+    });
+  </script>
+
+  <script src="browser.js"></script>
+</head>
+<body>
+  <div>
+    <button type="button">Click Me!</button>
+    <p>Hi There</p>
+
+    <form id="myForm">
+      Username:<br />
+      <input type="text" name="ssntest" />
+      <br />
+      Email id:<br />
+      <input type="text" name="email_id" />
+      <br /><br />
+      <label for="user-password">Password: </label><br />
+      <input type="password" name="user-pwd" id="user-password" class="rudder-no-track" />
+      <br />
+      <label for="user-password2">Password: </label><br />
+      <input type="password" name="user-pwd2" id="user-password2" class="rudder-include" />
+      <br />
+      <input type="radio" name="gender" id="male" class="rudder-include" />
+      <label for="male">Male</label><br />
+      <input type="radio" name="gender" id="female" class="rudder-include" />
+      <label for="female">Female</label>
+      <input type="checkbox" name="subject" id="maths" />
+      <label for="maths">Maths</label>
+      <input type="checkbox" name="subject" id="science" />
+      <label for="sceince">Science</label>
+      <input type="checkbox" name="subject" id="english" />
+      <label for="english">English</label>
+      <label for="Description">Description:</label>
+      <textarea
+        rows="5"
+        cols="50"
+        name="Description"
+        id="Description"
+        class="rudder-include"
+      ></textarea>
+      <div>This is password</div>
+      <div>This should be tracked</div>
+      <div>This is 1111-2222-3333 - adhar number</div>
+      <div name="testssn">This is bad!</div>
+      <div>
+        <label name="ssn"> This too is bad!</label>
+      </div>
+      <div ssn="testssn" key1="value1" key2="AAAAA1111Q">
+        This is good! key2 attribute will not be tracked!
+      </div>
+      <label for="country">Country:</label>
+      <select id="country" id="country">
+        <option value="India">India</option>
+        <option value="Sri Lanka">Sri Lanka</option>
+        <option value="Australia">Australia</option>
+      </select>
+      <input
+        type="hidden"
+        name="googleClientId"
+        class="googleClientId"
+        value="my-gcid"
+        class="rudder-include"
+      />
+      <input type="submit" value="Submit" />
+    </form>
+  </div>
+
+  <script>
+    var form = document.getElementById('myForm');
+    function handleForm(event) {
+      console.log('form submitted');
+      event.preventDefault();
+    }
+    form.addEventListener('submit', handleForm);
+  </script>
+</body>