martinmouritzen/segment-chromeextension

Chrome extension tracking Segment events

segment-chromeextension's Issues

Improve UTF-8 Decoding Accuracy for Binary Data

Problem:

Currently, the application uses String.fromCharCode.apply(null, new Uint8Array(...)) to convert binary data from network requests into strings. This approach, however, has proven to be unreliable for UTF-8 encoded text, especially when dealing with non-ASCII characters such as Chinese characters, leading to garbled text outputs.

Proposed Solution:

It is suggested that we switch to using the TextDecoder API for decoding binary data. The TextDecoder interface provides a more robust mechanism for handling UTF-8 encoded text, ensuring accurate representation of all characters, including those outside the ASCII range.

For Example:

In background.js, line 109

var postedString = String.fromCharCode.apply(null,new Uint8Array(details.requestBody.raw[0].bytes));

change to

var bytes = new Uint8Array(details.requestBody.raw[0].bytes);
var decoder = new TextDecoder('utf-8');
var postedString = decoder.decode(bytes);

Results

If you have any questions, please let me know. Thank you!

Add some tests and run them on Travis

Looked a bit around for how to test Chrome extensions properly.

This seems like a good option:

• https://github.com/acvetkov/sinon-chrome

Cannot copy from the debugger

Before I used to be able to copy data from the debugger, which is one of the most useful things to do with it. However a recent change seems to prevent that from happening. THank you !!!

Docked/persistent view

Hey Martin! Very cool plugin, thanks for your work on this.

I'm working on something that sends a lot of Segment events and I want to ensure that they fire when expected. Something that would help a lot would be a persistent view of the plugin, something that doesn't disappear when I click on it. I think this could take a few forms, maybe an independent floating container, maybe something that docks alongside the browser tab, or even just an option so it stays where it is and doesn't disappear on click.

I don't know how easy or hard this is but it would be helpful. Thank you!

Background.js not able to send the blob(file) object.

How to send the file object from api.js to server through background.js. I am doing in flowwing ways

in api.js

chrome.runtime.sendMessage(
{
action: 'backgroundAjax',
ajax: {
url: url,
type: type,
data: data,
},
},

in Background page the data is coming as empty.

I know this is not a proper place to ask this question, but is there any idea from your side.

Add support for page, identify, group, and alias calls.

Currently, only track calls are tracked via the Chrome extension. Page and identify would be the most important, followed by group and alias. I'll try to do this in the future...