ViewFinderJS VS jQuery-File-Upload

Hey HN

I need to kill this before the GCP credits expire (in less than 1 day). I've switched it to Stripe Test Mode, so to use it, just:

- click the button

- enter an email and the stripe test card number (4242 4242 4242 4242) and any future expiry and any 3 digit CVC (sorry for the confusion, it won't make sense unless you've developed with Stripe before)

- submit the checkout form

You'll be take to a page where you can get your browser link, then you can use that link just for you, or you can send it to other people to "co-browse". Be warned, the screen will automatically shrink to the smallest width x height connected.

The browsers are meant to last 1 day but I will probably need to kill this demo before then as the credits expire.

Best of luck!

PS - Why might you use this? Co-browsing can be used to deliver live interactive training and support, to more than 1 person in real time, it can also give you visibility into your automation processes (connect to running puppeteer scripts, for example), or you can set it up as a secure remote isolated browser. It's basically a "head" for a headless browser. You can see the public version open-sourced here: https://github.com/i5ik/ViewFinderJS (without enhancements like co-browsing and variable-rate streaming) and you can write to me ([email protected]) if you're interested in deploying this either self-hosted or managed. Flexible contract, maintenance, and support options are available. See https://dosyago.com for more info (but please not the listed prices need to be updated!)

Don't expect Opera Mini crazy reduction though, they take out a lot of the page before delivering to you. https://github.com/i5ik/ViewFinderJS do render the page for you but it's not focused on compression. For extremely slow connection, brow.sh might be a better bet.

perhaps https://github.com/i5ik/ViewFinderJS

Hello I posted this a week ago but it's iterated quite a lot since then. I don't expect much discussion I'm just sort of using posting here to keep a track of my progress and see if any of the iterations sticks with this community. I've got some ideas on use cases in terms of customer support, bug reporting or just sort of a weird thing where you can cobrowse with other people.

I have WebRTC support but I've turned it off in favor of websockets because I find that in general the performance is better. But I'd like to play around with the sctp settings as well as experimenting with a per frame ack before we send the next frame to improve WebRTC performance because I think one of the things that's going wrong with it is it will send a lot of frames and they kind of get stuck in transit which then causes latency. if I do that I think webrtc should be able to perform better than websocket but I'm not sure.

if you want to create your own private room rather than join this public one you can visit

https://comebrowsewithme.com/

Have fun, browse safe!

Hey, cool song choice! :) Sorry audio will not work on this 8002 port demo, but audio works fine if you go to https://comebrowsewithme.com create a meeting and send the invite to people. Honestly I don't know why that is. As for not knowing if anyone is watching with you, on my todo list is add a participant count. There's also a chat tab in the menu at right that I want to surface.

2 known issues:

- DevTools doesn't display the viewport. I'm not sure if this is due to a change in the latest Chrome to which I just updated (~90) or because I broke my serving of it by updating it. A workaround will be serving a static snapshot of the devtools front-end rather than just (simply, as I'm doing right now) pulling it out of Chrome's RDP endpoint each time. This may take some time to do.

- DevTools doesn't seem to work on iOS (as I've tested it, Safari or Chrome).

- There are many more issues, and a lot, but not all, of them are edge cases but they'll be fixed eventually.

More bug reports, UI/UX tips and advice, and other feedback are very welcome! Unfortunately the whole app is not open source but some parts are open source, namely, the virtualized browser[0], and the devtools-front-end[1].

[0]: https://github.com/i5ik/ViewFinderJS

[1]: https://github.com/ChromeDevTools/devtools-frontend

class NehnutelnostUploadImagesView(LoginRequiredMixin, ExclusiveMaklerDetailView, DetailView): template_name = "nehnutelnosti/nehnutelnost\_image\_upload.html" model = Nehnutelnost def post(self, request, *args, **kwargs): self.object = self.get_object() form = ImageUploadForm(self.request.POST, self.request.FILES, nehnutelnost=self.object) if form.is_valid(): nehnutelnost_image = form.save() images_count = self.object.images.count() data = {'is\_valid': True, 'row\_html': image_row_renderer(nehnutelnost_image, self.request), 'name': nehnutelnost_image.image.name, 'url': nehnutelnost_image.image.url,} else: images_count = self.object.images.count() data = {'is\_valid': False, 'errors': form.errors, 'images\_count': images_count} return JsonResponse(data) def get\_context\_data(self, **kwargs): context = super(NehnutelnostUploadImagesView, self).get_context_data(**kwargs) context['images'] = self.object.images.all() context['podorys'] = self.object.podorys return context We use https://github.com/blueimp/jQuery-File-Upload plugin to upload images.

Have been wrecking my nerves trying to use BlueImp JQuery-file-upload plugin. The error messages are cryptic and have been unsuccessful getting any useful help from google.

Here is the setup guide I found but I have no basic knowledge on how to setup this.

I will be using jQuery-File-Upload. maxFileSize might be for that, but it seems only client side, which also means user can bypass the limit and spam big files into my server.

Website/demo: http://blueimp.github.io/jQuery-File-Upload/ The last update: December 2020 Compatibility with Bootstrap versions: Bootstrap v.3 and higher Documentation: yes, how to set up, features description, browser compatibility Developers team support: yes, via GitHub issues page and Stack Overflow page Rating: 31k on GitHub Dependencies: jQuery v1.7+, jQuery UI widget factory v1.9+, jQuery Iframe Transport

And it's a high coincidence that we both released some sort of similar thing at the same time. I love the look of his puppeteer debugger console, his is much more polished that mine :)

Some things I noticed about https://chrome.browserless.io

- after using it for a bit the actual tab in my browser crashed with error "STATUS_BREAKPOINT"

- Does not work on Mobile, it loaded, and ran the script, but I couldn't type into the editor on my Android phone

- I tried to bork it with while(true) page.browser().newPage() it seemed OK

- I tried to bork it with a speedtest, it seemed OK

- No back buttons, so I needed to go to console to history.back()

- No paste into page, no right-click context menu

- Did not raise a pseudo-modal for remote page modal dialogs, I assume it silently closes them. I.e. https://infosimples.github.io/detect-headless/

- Fails (or passes, depending on your perspective) the "Are you Headless?" test at https://arh.antoinevastel.com/bots/areyouheadless

- Did not raise a pseudo-modal for remote page file chooser dialogs, I assume it silently closes them. I.e. https://blueimp.github.io/jQuery-File-Upload/

- Appears to close the browser every time you press the |> play button. I think that makes debugging fluid.

- Does not raise a pseudo-modal for remote page basic auth modal dialogs, it seems to silently close them. I.e https://jigsaw.w3.org/HTTP/Basic/ (at https://jigsaw.w3.org/HTTP/)

All in all I love how the DevTools window is integrated with the page, even tho it does eat up screen real-estate, it's ok. I also love how product-focused Joel is and how the provided scripts are really laser focused on the use cases of his customers. That's what I think is Joel's biggest strength, how much of a good businessman he is, how focussed on his customers he is, and how he delivers that value for them. That's also what I think is my biggest weakness. Compared to how he's building products and features, I'm like wandering around in the dark shining my flashlight on whatever looks interesting to me. I'm not so honed and focused and that's to my detriment, I think. Design is another weakness I have. But we shall see how things go!

Maybe I'll catch up to him. Maybe I'll overtake him! But I'm not sure that side of the business, "puppeteer automation at scale" is necessarily what I want to go into. We'll see what happens tho! :)