« first day (3481 days earlier)      last day (1692 days later) » 

01:14
does any know how to do this?stackoverflow.com/questions/61449843/…
01:35
Looks like someone answered it, good luck!
 
4 hours later…
05:51
I'm trying to bounce some ideas off: if I wanted to have some content that can be zoomed in/zoomed out, would it make sense to put that HTML content on a canvas then scale the canvas, or is there a different (better?) way to do it in HTML alone?
 
1 hour later…
07:20
@VLAZ absolutely
"zooming" using css isn't exactly what you think it is
it just adds a multiplier to all font and image sizes
if you want to be able to zoom in as if it were a picture, then screenshot the html and zoom in on the canvas
@Neil thanks. I'm brainstorming for potential solutions here. It's possible that I don't even need zooming but that would be a different matter. I just want to have a potential way forward.
A screenshot was the first thing I thought of but won't really work, as the view I'm thinking of has some intractable buttons. Although it's messy - if you zoom out, you won't be able to see them or target them very well, so my actual idea was to have a functionality where the view itself enters "minimal mode" - remove the buttons and reduce the size of elements as much as possible but keep the size of the font
So, you'd be able to actually read the bloody thing. But again, I guess I don't need a complete plan right now. If converting the HTML to show on canvas and resize is an option, I'll explore it later.
there should be a way
I'm sure someone has already done this exact thing before
a quick way to know if it can be done is to find it online :P
07:38
I looked around but didn't find a good solution. It was a quick one, though - just a preliminary glance to scout for possibilities. It's for integrating a library that draws tree structures in the page. I think it works rather well but I anticipate a request to make it "resizeable" or something, since it produces a pyramid structure and it can grow wide. If placed in a limited container, it shows a horizontal scroll bar. I think that's OK but wanted a backup idea.
By the way, in case anybody needs a tree library, I'm talking about TreantJS. I like it - has a good functionality and the documentation is decent.
And the tree structure is using this preset so, if you one root node -> then three child nodes at the second level -> then each of those has two child nodes, it grows wide. Not wider than the screen but wider than a limited container.
hmm, well I don't know how that could help you
08:01
@VLAZ You mean something like this? github.com/anvaka/panzoom
Their example actually uses a tree anvaka.github.io/panzoom/demo/index.html
08:19
(it's a graph, not a tree)
But yes, I think it works. Thanks for that. I'll file the link for later. As I said, I don't really want to go in too deeply right now - it's just initial ideas I wanted. Very useful, though, I'll keep it in mind.
09:08
hello
when add, remove any class, attribute which event should we use to update the component, for example I have ul tag and inside ul tag has some list 1,2,3.. when I remove or add extra list I need to update and execute some component. I need like onchange but it's not working. looking forward to help here
not setInterval or setTimeout I need js event
@Abhi-shek Welcome to the JavaScript chat! Please review the room rules. If you have a question, just post it, and if anyone's free and interested they'll help. If you want to report an abusive user or a problem in this room, visit our meta.
|| mdn MutationObserver
@KarelG "SyntaxError: Unexpected identifier" Logged: ``
^ @NIKHILCHANDRAROY
you can use that API
observe the list
changes made in that list will lead to an action
that one you've defined.
read the docs for some examples
@KarelG actually, I am not using any api. I have used responsive when it's mobile it's fine but when desktop, inside ul tag list are not updating. for example I have added 2 list when it is mobile inside condition if(document.body.clientWidth <=600) like this but it's not change when it is more than 600 px desktop mode
09:33
Hello, I have React project, to see the issue: visit codesandbox and type few numbers from keyboard, then click anywhere on the window and type one more, you should see that number replacing previous one. Codesandbox: codesandbox.io/s/long-cdn-i2v65?file=/src/App.js:829-842 .
10:22
😁
there is a question
> I want to get color when I hover on this div. I want to know which color actually has this div. Is it possible in JavaScript?
replied by comment;
Yes, it is possible in JavaScript. — KarelG 1 min ago
|| shrug
¯\_(ツ)_/¯
@KarelG yep, I even upvoted the comment. It's decent enough. There is no actual effort in the question, so an answer that reflects it is fitting. I guess OP just wanted somebody to write the code for them.
10:55
@NIKHILCHANDRAROY Try to use Media Query to create responsive layout, instead of javascript. If you insist, I think you may be looking for the Window.resize event.
11:26
@KarelG Very possible
@SamsonUgwu Welcome to the JavaScript chat! Please review the room rules. If you have a question, just post it, and if anyone's free and interested they'll help. If you want to report an abusive user or a problem in this room, visit our meta.
hi
how do you implement nowadays user authentications in your apps?
@BlackB0ne It is not working bro
Hi, how can I destructure this ? I want to assign data.result = result[1]
@Pongal how do you mean?
11:38
@Suisse I am using eslint and it said that I could use object destructuring
Can you give more context to the code? Because I'm not sure this line is destructurable, unless I'm missing something.
12:34
Good morning everyone!
Good afternoon.
Good evening and good night
Hey ya'll! Come help alpha/beta test my app. app.bitlink.joshbrown.info. Free multipeople video conferencing with a robust chat for unlimited time with unlimited people (or until the server can't handle it). Create a GitHub issue or @ me if you find a bug.
```
const result = [1,2,3]
const data = {}
data.result = result[1]
```
@VLAZ ^^^
Thanks. OK, so it is what I thought it was and...my mind must be failing be because I can't think of how this can be done as a destructuring assignment.
You can do const data = { result: result[1]} but I don't think you can create an object and assign to a property of it as a destructure.
*waits for somebody to show me how stupid I am by overlooking something simple*
12:46
||> data = {}; [data.first, data.second, data.third] = [1,2,3]; return data
@JBis "SyntaxError: Unexpected token 'const'" Logged: ``
@JBis {} Logged: ``
nope doesn't work
._.
also why is james being stupid with 'const'
grr
fyi that should work
12:48
well, i should use data.result in a separate line, because there are several statements inbetween declaration and assignment.
||> data = {}; [data.first, data.second, data.third] = [1,2,3]; data;
@KarelG {"first":1,"second":2,"third":3} Logged: ``
idk why you used return there tho
@KarelG, I dont want data.first..... I want to assign that value to data.result....
what's wrong with data.result = result[1] ?
12:49
@KarelG ESLint is throwing a warning saying it could be destructured
ok i take it back, i'm stupid
"use array destructuring..." it says
wait, you CAN assign to sub-properties? I thought you can just do plain identifiers.
TIL. Also, I think I really am stupid for not knowing this.
@Pongal array or object destructuring? because in your other comment, you've said
> @Suisse I am using eslint and it said that I could use object destructuring
(added emphasis)
@KarelG array destructuring... my bad
12:51
@Pongal so it would be const data = {}; [data.result] = result;
I believe it meant you to do data = {result: result[1],} but idk the whole context
@KarelG I cant reassign data, its a constant
@VLAZ may be your solution could work, I;ll try
can you copy over the code and add a comment on the line where ESlint is suggesting that?
would it pick just the first element of result ?
sorry, i cant copy. Its on a VM and copy/paste is distabled
it does yes
12:53
Yes, it will just get the first one. Also, for the record, I think this code is bad - the data.result = result[0] is better.
just [,herro] to get the 2nd item
great. thank you all.
Wait, you wanted data.result = result[1], that's the second element. So you need const data = {}; [, data.result] = result. This is even worse.
@KarelG cool
@VLAZ I wanted the first element, I made a mistake in pasting the index as 1 instead of 0....
12:55
OK, then you don't need the comma in front.
Still less clear than an explicit assignment, if you ask me.
@VLAZ the combination of eslint and prettier made it worse.... ;[data.result] = result
look at the semicolon at the front
but its working
it's to prevent issues when using relying on ASI
So...speaking of ESLint - is there a good tool to generate ESLint rules? And by "good" I mean that it asks me for every single rule. Because that's sort of been my way of configuring it so far - go over and configure everything. Each preset I've used seems to either miss something or have rules I actively don't want.
user's preference
OK, I don't enable every rule but I certainly want to look at them and decide whether I want it or not.
12:59
but nevertheless, they are an useful tool that you should use as a guide, not obey by it
I know, and that's really the thing - the preset rules are either too strict or too lenient. I actually favour leniency but with few harder enforcements. The eslint:recommended preset configures everything as errors, when I really don't want it. Others have weird requirements. So, when I pick something I then spent the next week tweaking rules when one complains and I realise I don't like it, or when I finally figure out something is not detected, when I think it should be.
show as warnings
13:45
@Sheepy thanks, I need onresize event
14:24
0
Q: Bug allows anyone to pin any message in any room!

JBisI found a small bug that allows any user to pin a message even if they are not a Room Owner. If a message is pinned and then moved, it remains pinned in the room it is moved to even if the user who moved it isn't a Room owner in the new room. To reproduce Go to chat Create a room Post a messa...

14:56
@JBis yeah, seems like a problem. You could probably pin this then move it to other rooms to spread awareness. Although, it will likely be considered shady.
 
1 hour later…
16:08
Does anyone have a computer with two video inputs?
 
1 hour later…
17:25
Sorry, brain is mush...two video inputs to the computer?
Or do you mean to the monitor?
17:46
@VLAZ like 2 cameras
Sure
Two of my three displays have a built-in camera
yay, can you test something real quick for me?
Go to https://app.bitlink.joshbrown.info/ and create a room
1. Enable camera
2. Go to settings, My Settings > Change Camera Input. Did the preview update?
---- Reload and create a room again ---
1. Go to settings, My Settings > Change Camera Input.
2. Enable camera. Does the preview have the correct input?
Ah, I get it. I've two cameras but only one connected and it's not even to the current PC. Since you have a volunteer, I'll not go find the other camera and do the entire switcheroo. Unless you need a second tester
go ahead and test it, the more the merrier! :)
thanks
OK, give me a moment...
17:57
Hey, back
Yeah looks like it's working
There's a problem though
You keep reading the video stream from all cameras
So my first camera's light stays on even after switching to the second one
Even after turning off video by clicking the camera at the top
it may take a sec to update? does it not turn off?
Nope, only turned off after I closed the tab
hmm, i understand that after turning off video it is still on (because i store it) but i don't store a non chosen camera, hmm
Camera 1: selected
Camera 2: light off
Camera 2: selected
Camera 2: light on
Camera 1: selected
Camera 2: light still on
my camera 1 doesn't have a light
OK, tested
18:04
Ok just tested. Chrome seems to have issue. Firefox is smart enough to release camera. Not sure what to do about that.
The preview seems to be freezing for me?
On firefox + Windows 10
what ff version?
74.0 (64-bit)
It's currently frozen, I've not been fiddling with the inputs.
The browser shows that the camera is being used
odd, is there anything in the console?
The room doesn't exist IO.ts:140:24
Creating room... IO.ts:107:16
uncaught exception: Object
switch my named IO.ts:493:20
uncaught exception: Object
switch my named IO.ts:493:20

I also got a problem when I did the following:
1. Reload.
2. Open settings. (no camera is available, since I didn't allow one yet)
3. Allow the camera from the browser prompt.
4. Hit cancel on the settings.
18:08
what line is uncaught exception: Object?
it froze then
IO.ts:140:24
sorry
IO.ts:107:16
sorry again
it doesn't actually say what the line is
you should take a screenshot of the console
oop beat me to it
@VLAZ can't reproduce.
let me try that again to verify
hmm i gotta track down that error, no clue where its from
18:13
I'm not even getting the camera to work now. Weird. Let me try few more things to give better repro steps
although it might be my camera, too
It used to say the camera names
Now I'm just getting that "uncaught exception: Object" in the console and that's it
VLAZ's entire computer is slowly crashing
Let me try disabling some addons, perhaps...
@VLAZ if you aren't getting camera names then you have blocked perms to the camera
I did allow it but then nothing happened
I'm hitting "Allow" the red camera symbol shows for a few seconds and disappears
ok i know where that error is coming from
18:19
Also I can't even allow the second camera?
Are you in private mode @VLAZ ?
the webrtc site works
@forresthopkinsa no, I'm not
ok one sec
I even disabled umatrix, ublock, privacy badger, HTTPS everywhere, and Privacy Essentials
oh and Greasemonkey
but it worked before I disabled those
18:22
can you try updating? idk whats going on
seems like it stopped after I did a second restart
Updating, like the browser?
yeah
OK, give me a moment
@forresthopkinsa other than that issue, what do you think? How's UI? Any other suggestions? I have a couple features i'm still in process of adding.
I like it a lot, great ux
Though I think you should see more than a black screen when you're in an empty room
say like "share your room link for others to join" or something
18:25
I'm back. I don't think you'll like this. Still doesn't work. Same thing - I only get one camera in the browser popup
@forresthopkinsa thanks!
and I don't even have an error in the console.
I agree. I had something there before but it looked bad, need to work on that.
Maybe try using a hammer @VLAZ?
18:26
@VLAZ remind me to call you next time I need QA testing lol
lol i have no idea what is going on
Me neither
I'm trying Chrome
@forresthopkinsa "Bug report: something doesn't work. Steps to reproduce: nothing works"
Ok. Lets start from the beginning, keep console up the entire time.
I switched from one camera to the other
First camera worked fine in the preview
18:29
ok thats helpful
for some reason it can't access your other camera
yeah, no clue
with your other camera is it working properly?
So, the camera that worked in Chome is the one I can't see in FF any more
Very good
And I tried switcing to the camera that seems to be crashing in FF
I'm really suspicious about the camera, too
18:31
"Yes, in windows cameras can only be used in one app at a time, which is fine for mugles but PIA for devs" a message brought to you by the unix gang
unix: "everything is a file, even hardware devices"

windows: "everything is a bug, especially hardware devices"
6
lmao, so true
OK...I'm trying the webrtc link you gave me and now I've no output there
from either camera
dang this is a rollercoaster
wait no - camera 1 worked
Let's name them camera 1 - can't be seen in your app in FF
camera 2 can be seen but doesn't work
so, on webrtc.github.io/samples/src/content/devices/input-output camera 1 works, camera 2 gives me a black screen
18:34
It can only see the camera if it isn't being used by another app. So close all other apps and tabs using camera.
I've closed the other tabs+browsers that would use cameras
How can I check if the camera is being used in Windows? Camera 2 has a light but..it doesn't turn on only when used. It's just a physical toggle
...whats the point of the light then lol
ok go to webrtc link first, try both cameras, which work?
thats our baseline
Camera 2 is a cheap POS. The light is there because it's a cheap POS.
WebRTC - camera1 works
Camera 2 - nothing.
ok camera 2 we don't care about now
Close that page and open my app and console. Does Camera 1 work?
in fact unplug camera 2 if you can
deal
Chrome - I tried to enable the camera
FF when I try to do the same.
I'll try restarting the PC
18:45
Ok, for chrome, try changing the camera to camera 1 in settings
but the chrome bug is indeed a user problem but should be handled better
I do have only camera 1 in the settings
I have also allowed it
Also...is it a problem that I'm blocking notifications?
Did it by reflex when it asked me
@VLAZ no
ok so are you getting frozen preview or no preview and what in console?
Oh, I'm not getting anything in your app
what in console?
preview doesn't show and exactly the same thing in the console as before
18:55
ok go to application tab and clear localstorage, then reload and try again
works now!
everything is working?
since when does clearing cache ever actually do anything
now it does.
It's a bit weird that the localstorage interferes.
there were two records there but I didn't actually look at them
Maybe I should have - could have been more useful
FF before I clear it
doesn't seem to work in FF still
FF is not asking me for permission now
same exception message
I get that when I enable the webcam
I'm trying to manually add the permission for your domain to use the camera but no luck. Seems FF will only allow it if it asks for the permission. Going through the settings only shows me a list of sites that currently have permission (empty) and I can revoke it.
Seems that exception happens before asking for permission
Finally remembered I can pause on exception
Wait...I clear Session storage + local storage and it works now in FF
For Chrome I only needed to clear local storage
19:16
  ../node_modules/@types/jasminewd2/index.d.ts:15:18
    15 declare function beforeAll(action: (done: DoneFn) => Promise<void>, timeout?: number): void;
                        ~~~~~~~~~
    'beforeAll' was also declared here.

node_modules/@types/jest/index.d.ts:34:13 - error TS2300: Duplicate identifier 'beforeEach'.

34 declare var beforeEach: jest.Lifecycle;
19:35
@VLAZ so is it working now?
Yes it is
FF and Chrome
For Chrome clearing local storage only was enough. For FF I also had to clear session storage.
ok are you still getting an error in ff?
is it possible to use generator functions in web workers?
@JBis no, no error any more
whatever it was, it was related to reading from storage, it seems
ok thanks
i'm going to try and fix the issue you. were having before
19:42
or is there a constructor for Generator functions?
@duhaime I'm not aware of any inherent problems with generators and web workers. I thought they should be available
20:03
In case you want to take a crack at it: stackoverflow.com/questions/61467239/…
20:43
I have a page that uses fetch to pull data from the server. This process takes a little while. But I notice that when the fetch is running, and I click on any of the regular links on the page, it doesn't follow the link until the fetch completes.
20:55
Hi everyone, I am new to both Javascript and Stackoverflow, After googling I got interested in MERN Stack, started to learning nodejs. Is mern stack good?
@Rafiq Welcome to the JavaScript chat! Please review the room rules. If you have a question, just post it, and if anyone's free and interested they'll help. If you want to report an abusive user or a problem in this room, visit our meta.
21:23
cya everyone o/
thanks @forresthopkinsa and @VLAZ for testing
Hi guys im kinda stuck
@JBis cya. Wish wish you less bugs than today...
basically I am trying to install JSX for a vue.js front end app that uses script installation as opposed to npm
is that possible?
you're not supposed to use jsx with vue
21:36
I know... but I find myself in a situation where I may have
its apparently possible according to the documentation
but only if I am using npm which I am not
Please guys I need urgent help on this.
Why aren't you using npm
because I am creating a WordPress theme using the REST api
and I dont want my theme to lose some of wordpress' functionality
so I want my user to still be able to customize the website
I am using vue just to render some component and replacing some of the PHP that's there so that I have more control of how the theme looks
I am still questioning this decision, to be honest with you, but for now, that's what I am going for.
weird. I have no idea how to do what you're wanting
I will figure out the WordPress part myself but, I just mainly want to know if its possible to use JSX without node.js
21:44
@SamsonUgwu Please don't post unformatted code - hit Ctrl+K before sending, use up-arrow to edit messages, and see the faq. You have 25 seconds to edit and format your message properly before it will be removed. Please separate code blocks from your actual question. Put your question in 1 message and then your code in a 2nd and format it.
because another reason why I am reluctant to have a full Vue SPA is for Analytics tracking
apparently, with SPA you cant track activities that well with Google Analytics
Please guys I need urgent help on this, am working on a project to get the status of covid-19 of any country base on what the user will search from the search form. How do I connect the (value.slug i.e the object property that holds the country or value.country) to my input tag in the html code.
fetch('api.covid19api.com/summary')
.then(function (response) {
return response.json();
})
.then(function (data) {
let country = data.Countries.filter((value) => value.Slug == 'nigeria')
appendData(country);

})
.catch(function (err) {
console.log(err);
});
That is the code
Please guys am waiting for answers to my questions
GA works with SPAs
@SamsonUgwu your question doesn't make any sense
make an mcve on codepen or jsfiddle and post a link
21:52
@forresthopkinsa Oh really? nice man! I didn't know this, because the main issue was that the script tag holding GA would end up loading once.
@SamsonUgwu I think what he is asking us is to output the value of his slug into an input field correct?
@forresthopkinsa The question makes a lot of sense only that you fail to understand it. Go through carefully.
I am assuming he is talking about an input field because he mentioned an input tag
@SamsonUgwu Samson am I correct?
@Christopher That is exactly what am looking for?
@Christopher exactly
22:06
@SamsonUgwu Ok Samson show me your front end code
I need more details about your front end code
or if you want, post an official question, give me a link to it and I will try answer it
No front end code yet, am using pure javascript here no framework. All am looking is how to use DOM inside this javascript code like calling my input tag by id in my javascript and get what i want. That's all nothing more.
22:23
ok
so first off you need to fetch your DOM (the input tag)
you can use something like this
var inputTag = document.querySelector("use whatever id or class the tag has to identify it");
for example
if your input tag has an id of name
<input id="name" />
you could use the syntax I just gave you to do this
var inputTag = document.querySelelector("#name");
or alternatively , if you do have an id on it (which makes things easier, you could just use document.getEelementById("id name");
from there
you can use your var which in this case is inputTag to set the value like this
inputTag.value = the object property you was looking for
does that help?
22:46
23:15
posted on April 27, 2020 by Prudhvikumar Bommana

The stable channel has been updated to 81.0.4044.129 for Windows, Mac, and Linux, which will roll out over the coming days/weeks. A list of all changes is available in the log. Interested in switching release channels? Find out how. If you find a new issue, please let us know by filing a bug. The community help forum is also a great place to reach out for help or learn about common


« first day (3481 days earlier)      last day (1692 days later) »