linebreak | JS implementation of the Unicode Line Breaking Algorithm

Recently I face an issues to install my dependencies using latest Node and NPM on my MacBook Air M1 machine. Then I found out M1 is not supported latest Node version. So my solution, to using NVM and change them to Node v14.16

Everything works well, but when our team apply new eslint configuration. Yet, I still not sure whether eslint was causes the error or not.

I want to extract all lines that will be printed after this marker: PossibleErrs

For a Shiny app I want to display multiple selectInputs side by side in a Row like Layout in my app. Unfortunately the select fields do not line up if there is a line break within a label which destroys the flow of the app.

This is my example code, i modified the example in the description of selectInput:

I want to implement some kind of notification system in my application but I have trouble with the calculation of the actual position of my notification. All notifications should appear in a separate stage and each notification should be aligned among themselves and each notification is a simple VBox with two labels (title and message).

I created a little standalone application with the issue I have.

As soon as you press the button on the main stage, a VBox will be created and added to a second notification stage. As soon as a seconds notification needs to be added, this second notification should be below the first notification and so on. Therefore I need to find the height of the first notification in order to position the second notification underneath.

I know I could use a VBox instead, but in my application the notification should make a smooth animation and push the other notifications further down. I removed the whole animation and removing part of notifications so the example stays as small as possible.

The problem is that all notification boxes have the same height - but they don't (if you modify the text and make it longer / smaller).

I have a vanilla Javascript class that builds a bunch of HTML, essentially a collection of related HTMLElement objects that form the user interface for a component, and appends them to the HTML document. The class implements controller logic, responding to events, mutating some of the HTMLElements etc.

My gut instinct (coming from more backend development experience) is to store those HTMLElement objects inside my class, whether inside a key/value object or in an array, so my class can just access them directly through native properties whenever it's doing something with them. But everything I look at seems to follow the pattern of relying on document selectors (document.getElementById, getElementsByClassName, etc etc). I understand the general utility of that approach but it feels weird to have a class that creates objects, discards its own references to them, and then just looks them back up again when needed.

A simplified example would look like this:

I am trying to fix this problem for hours. I've read nearly every post about this, but still, I came to no solution.

I am trying to deploy a firebase-function with the "https got-library" dependency, but no matter what I do, nothing works. I am not the best with node-js or typescript (usually a kotlin frontend-dev), so I have no clue what the error wants from me.

I have a little problem.Usign vanilla js i create a form for an email input that after a validation function is sent to localStorage and the state of the button is changed; i did an event listener for unsubscribing the email and it removes the email from localStorage but i can not subscribe again just after the unsubscribe,i can only after refreshing the page. Some screenshots for more details: I enter a valid email:

Click subscribe:

Click unsubscribe without refreshing the page:

And in this state,i can not subscribe again with another email,it works only after refreshing but i need to do this without refresh.How can do i? The section where this form is created is dinamically created. Code: Subscribe functions:

So i'm new in JS and i have a task for mastering Ajax Requests.I should send an email input from form to the server and a lot more,but i can not figure out how to send this data to a server that is in another folder.I lost all my nerves with this task and i dont know what to do. So,i have a folder personal-website-server and another folder src where is my project,both folders are in another folder,the parent. It looks like this :
./
dist < webpack bundle folder
node_modules
personal-website-server
/ package.json in personal-website-server
src
and package.json in the parent folder Image for more understanding:

So,i should do this:
Upon clicking on the "Subscribe" button, implement the functionality for sending a user email to the server. For that, make POST Ajax request using http://localhost:3000/subscribe endpoint. The call to the server should only be made when the form is valid (the validate function )
The connection is made through a proxy to the server,idk how this thing works and i get it hard to do this task because its not so described.
Codes:
I created fetch.js in src that checks if email is valid and sends it to the server,like i understood:

My eslint don't work, and I don't know why.

Here is my eslint file: