Jorius's questions

I have a project in reactjs with a file structure more or less like this:

...
public/
src/
    ...
    core/
        ajax-interceptors.js
        constants.js
        global-ui.js
        index.js
        redux-store.js
        service-mocker.js
    ...
.eslintrc.json
.gitignore
package.json
...

The file index.jscontains the following:

// @scripts
----------------------------------------------------------
// Aquí aparece el primer error
import { addAjaxInterceptors } from './ajax-interceptors'; 
// Dependency cycle detected.eslint(import/no-cycle)
----------------------------------------------------------
import { initializeGlobalUI } from './global-ui';
import { initializeReduxStore } from './redux-store';
import { initializeServiceMocker } from './service-mocker';

const initializeApp = () => {
    const store = initializeReduxStore();
    const serviceMocker = initializeServiceMocker();
    const globalUI = initializeGlobalUI(store);

    addAjaxInterceptors();
    loadFonts();

    const core = {
        globalUI,
        serviceMocker,
        store
    };

    return core;
};

export const {
    globalUI,
    store
} = initializeApp();

The file ajax-interceptors.jscontains the following:

// @packages
import axios from 'axios';

// @scripts
// Aquí aparece el mismo error (Dependency cycle detected.eslint(import/no-cycle))
// Estoy llamando el objeto globalUI desde el index
// puesto que ya lo inicializé con el store de redux necesario para trabajar
import { globalUI } from '.';

const addResponseInterceptors = () => {
    axios.interceptors.response.use(
        (response) => {
            if (Object.prototype.hasOwnProperty.call(response.data, 'data')) {
                const {
                    data,
                    message,
                    messageType
                } = response.data;

                if (message && messageType) {
                    globalUI.showToastNotification({
                        msg: message,
                        type: messageType
                    });
                }

                return data;
            }

            return response.data;
        },
        (error) => Promise.reject(error)
    );
};

export const addAjaxInterceptors = () =>
    addResponseInterceptors();

How can I fix this circular dependencies error without affecting the architecture I have?

I have a project called Proyectwhich has three ( 3 ) branches:

1. master( M )
2. sdev( S )
3. test( T )

Which at the moment are like this:

initial commit
↓   
↓   
↓      merge test into master
↓      checkout -b sdev master
↓      ↓ 
↓      ↓

M------*------------------------------* # HEAD
\     / \ 
 \   /   \
  \ /     \
   T-------\--------\--------------*    # commits behind master
            \        \
             \        \
              S-*--*---*---------*      # commits behind test behind master

                ↑  ↑   ↑
                ↑  ↑   ↑         
                ↑  ↑   ↑
                ↑  ↑   merge test into sdev           
                ↑  ↑ 
                ↑  ↑
                ↑  commit 2 que quiero pushear directamente a master
                ↑
                ↑
                commit 1 que quiero pushear directamente a master

What I want to do and I don't know is to perform a mergespecific del commit 1and commit 2branch sdevdirectly to the branch masterwithout affecting anything in the commitssubsequent branches sdevand test, that is, I would like something like this:

M------*------------------------------*-*--* # HEAD
\     / \             ________________↑ ↑
 \   /   \           / _________________↑
  \ /     \         / /
   T-------\-------*-*------------------*    # commits behind master
            \     / / 
             \   / /      
              S-*--*---*--------------*      # commits behind test behind master

I ran into the problem of adding a header httpto a type request SOAPin php , I was trying to do it like this:

$resourceEndPoint = "http://192.168.10.28:55823/Servicios/Pagos.svc";

$MPClient = new SoapClient($resourceEndPoint . "?wsdl",
    array(
        'soap_version'  => 'SOAP_1_2',
        'location'      => $resourceEndPoint,
        'trace'         => true,
        'exceptions'    => true
    )
);

$header = new SoapHeader('http://192.168.10.28:55823/Servicios/', 
                         'Authorization',
                         'QWxndW5hQ2FkZW5h');

$MPClient->__setSoapHeaders($header);

Maybe I didn't know how to search in English and that's why I decided to ask this question:

I have several coordinates of type:

N 7.45.05.34 WO 76.43.41.47

I need to convert them to coordinates like so:

7.888216596715097, -76.63187127560377

I am working with the API v3 for JavasCript for google maps, I am not attaching any code because I have not found anything concrete regarding whether this API allows this conversion or allows markers to be placed on a map by providing said coordinates.

In javascript there are two ways to create arrays and objects , they can be created by object literals:

1. new Array()- object - arrangement
2. new Object()- object - object

or they can be created from their primitive objects which are:

1. []- object - arrangement
2. {}- object - object

What is the difference between using using the literal object and using the primitive object?

I understand that for the new Array(), the constructor can receive a parameter to define the property lengthof the created array, but is this the only difference?

I have a project whose file and folder structure is as follows

app
core
|--Cumulus
|--|--Cumulu.ts
|--Dimensions
|--|--Dimension.ts
|--Galaxies
|--|--Galaxy.ts
|--SolarSystems
|--|--SolarSystem.ts
|--Universes
|--|--Universe.ts
c137.ts
package.json

I would like to know how I can transcompile all the files .tswithout having to go through each one tsc file.ts, tsc file2.ts, tsc file3.ts, the expected would be something like this:

app
core
|--Cumulus
|--|--Cumulu.js // javascript
|--|--Cumulu.ts
|--Dimensions
|--|--Universe.js // javascript
|--|--Universe.ts
|--Galaxies
|--|--Galaxy.js // javascript
|--|--Galaxy.ts
|--SolarSystems
|--|--SolarSystem.js // javascript
|--|--SolarSystem.ts
|--Universes
|--|--Universe.js // javascript
|--|--Universe.ts
c137.js // javascript
c137.ts
package.json

I have the following regular expression, which works for a 2 letter subdomain:

var subdomains = [
    "es.stackoverflow.com", // valido
    "ru.stackoverflow.com", // valido
    "12.stackoverflow.com", // invalido
    "30.stackkoverflow.com" // invalido
];

const regex = "\^[a-z]{2}.stackoverflow.com$";

for (var i = 0; i < subdomains.length; i++) {
  console.log((subdomains[i].match(regex)) ? 'valido' : 'invalido');
}

But I want it to match any subdomain of any length , just letters a to z , nothing else.

This is what I tried:

var subdomains = [
    "esssss.stackoverflow.com",    // valido
    "ru.stackoverflow.com",        // valido
    "12.stackoverflow.com",        // invalido
    "30.stackkoverflow.com",       // invalido
    "es.stackoverflow.com",        // valido  
    "subdominio.stackoverflow.com" // valido
];   

const regex = "\^[a-z].stackoverflow.com$";

for (var i = 0; i < subdomains.length; i++) {
    console.log((subdomains[i].match(regex)) ? 'valido' : 'invalido');
}

But if I remove the occurrence of N characters {2}, it doesn't work for me. How can I correct it?

Lately I've seen a lot of problems in Google Chrome (in other browsers it works fine, except also Safari on Mac) when loading a new version of a style sheet ( .css) or a javascript script ( .js), I thought I could solve it by A simple:

<link rel="stylesheet" href="/private/css/visual.css?v=1" />
<script src="/private/js/visual.js?v=1"></script>

But it doesn't always work for me and I have to be constantly changing the value of v=1so that it loads the new versions of the respective files

Is there any way to prevent the cache properly?

Get a library, native javascript code, something to add to my files .cssor .js, change on my server, change on my machine, browser settings, etc... and avoid this problem.

NOTE: The cache remains both locally and already hosted on a server / domain

UPDATE: Maybe at first I wasn't very clear, although JuankGlezz's answers and derivatives help me in the development environment, I'm looking for an answer that can serve my end users without them having to touch anything...

I have the following:

* {
  font-family: Arial, Helvetica, sans-serif;
}

.x-y-center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.g {
  font-size: 55px !important;
  width: 100px;
  height: 100px;
  border-radius: 50% !important;
  transition: all .2s ease-in-out;
  margin: 25px 0px 25px 0px;
}

.d {
  font-size: 25px !important;
  transition: all .2s ease-in-out;
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  margin: 25px 0px 5px 0px;
}

.g:hover,
.d:hover {
  transform: scale(1.1);
  box-shadow: 10px 10px 5px #888888;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css?v=1">
<div class="container ">

  <div class="g x-y-center btn btn-primary">
    <b>G</b>
  </div>

  <div class="d x-y-center btn btn-success">
    <b>D</b>
  </div>

  <div class="d x-y-center btn btn-success">
    <b>D</b>
  </div>

  <div class="d x-y-center btn btn-success">
    <b>D</b>
  </div>

</div>

I would like to be able to achieve this:

I was trying with jquery, but I fall into an infinity of conditionals ( if-else if-else) validating coordinates and positions.

How can I do it in a simple and dynamic way?

My question itself is this:

How should two objects be correctly compared in javascript?

$(document).ready(function(){

  function p(o){
    return JSON.stringify(o)
  }

  function compare(o1, o2){
    const r = (o1 === o2)
    console.log(p(o1) + ' === ' + p(o2) + ': ' + r)
  }

  var a = [], b = [], c = a;

  var x = {}, y = {}, z = x;

  compare(a, b)                             // false
  compare(a, c)                             // true
  compare([], [])                           // false
  compare({}, {})                           // false
  compare(99, 99)                           // true
  compare(new Number(1), 1)                 // false
  compare(new Number(1), new Number(1))     // false
  compare(new String('o'), new String('o')) // false
  compare(new String('s'), 's')             // true
  compare('foo', 'foo')                     // true
  compare({'foo':'bar'}, {'foo':'bar'})     // false
  compare(x, y)                             // false
  compare(x, z)                             // true

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

I understand well that in the previous snippet the primitiveobjetos types return correctly :true

console.log((9 === 9)) // true

But I would like to know, in addition to knowing how to correctly compare two objects, why this happens...

console.log(([] === [])) // false

UPDATE:

The comparison of objects through JSON.stringify()is ruled out, in the following example you can see how these two objects are the same, their only variation is the position of their elements , so when comparing them it will return false:

var a = JSON.stringify({
  "firstName": "JP",
  "lastName": "Richardson"
});
var b = JSON.stringify({
  "firstName": "JP",
  "lastName": "Richardson"
});

console.log(a === b); // true

var x = JSON.stringify({
  "firstName": "JP",
  "lastName": "Richardson"
});

var y = JSON.stringify({
  "lastName": "Richardson",
  "firstName": "JP"
});

console.log(x === y); // false

What can I fix so that the method .draggable()is applied correctly to elements created using the add button?

$(document).ready(function() {
  
  $('.drag_drop').draggable({
    addClasses: false,
    containment: "parent"
  });
  
  $('#add').click(function(){
    $('.parent').append('<div class="drag_drop">Aquí <b>no</b> funciona</div>')
  });
  
});

.parent {
  width: auto;
  height: 100px;
  border: 1px black solid;
}

.drag_drop {
  font-family: Arial;
  text-align: center;
  width: 80px;
  height: 80px;
  border: 1px black solid;
  float: left;
  margin: 5px 5px 5px 5px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<div class="parent">
  <div class="drag_drop">
    Aquí funciona
  </div>
</div>
<br />
<button id="add" type="button">Añadir</button>

That is, as you can see in the example below, the prototype of all the given objects is of type Number , but if a:

const obj = 9;

obj instanceof Number // false

without having gone through a

new Number(obj) instanceof Number // true

It will always return false , examples:

var is = Function.prototype.call.bind(Object.prototype.toString);
var log = console.log.bind(console);
const num = 9;

log(typeof(9));                         // number
log(is(9));                             // [object Number]
log(9 instanceof Number);               // false
log('');

log(typeof(num));                       // number
log(is(num));                           // [object Number]
log(num instanceof Number);             // false
log('');

log(typeof(new Number(9)));             // object
log(is(new Number(9)));                 // [object Number]
log(new Number(9) instanceof Number);   // true
log('');

log(typeof(new Number(num)));           // object
log(is(new Number(num)));               // [object Number]
log(new Number(num) instanceof Number); // true

Why does this happen?

I have the following htmland cssI would like the effect hoverthat I have inside the div child to be able to be applied from anywhere in the div parent and propagate from there, this is what I have:

.f {
  width: 200px;
  height: 200px;
  background-color: grey;
  position: fixed;
  border-radius: 100px;
}

.s {
  width: 50px;
  height: 50px;
  background-color: black;
  border-radius: 100px;
  margin: 75px 0px 0px 75px;
  transition: width 1s, height 1s, margin 1s;
}

.s:hover {
  width: 100px;
  height: 100px;
  background-color: black;
  margin: 50px 0px 0px 50px;
}

<div class="f">
  <div class="s"></div>
</div>

And more or less this is what I want:

PS: I know I'm not Picasso or a photoshop master XD

I have the following directory:

examples
    file.php
    file2.php
helpers
    file3.php
secret
    .htaccess
    index.html
    file.json
.gitignore
index.php
README.md

My .htaccess file contains the following:

RewriteEngine On

# Protect the htaccess file
<Files .htaccess>
Order Allow,Deny
Deny from all
</Files>

RewriteRule ^(secret/|*\.json) - [F,L,NC]

<Files "*.json">
Order Allow,Deny
Deny from all
</Files>

When entering the secret folder through the url http://localhost/secret/ it doesn't show me anything (this works fine) but if I enter the .json file inside said folder http://localhost/secret/file.json it does show me shows the content

How can I fix my .htaccess so it doesn't display the contents of that file?

I found this simple problem in javascript, when making a number sortby one array, it did not order them correctly from smallest to largest:

var arrayStrings = ['Banana', 'World', 'Apple', 'Chocolate']
var arrayNumbers = [10, 8, 9, 5, 3, 78, 23]

console.log(arrayStrings.sort()) // Lo ordena bien
console.log(arrayNumbers.sort()) // Lo ordena mal

I am trying to center an image inside a divinside a ion-slide-boxlike this

<ion-content>
    <ion-slide-box on-slide-changed="slideHasChanged($index)"
                auto-play="true"
                slide-interval="2000"
                does-continue="true"
                show-pager="false"
                style="height: 200px !important;">
        <ion-slide ng-repeat="image in images">
            <div style="text-align: center; width: 300px;">
                <img ng-src="{{ image.src }}" style="width: 100%; text-align: center !important;"/>
            </div>
        </ion-slide>
    </ion-slide-box>
</ion-content>

The result is this, I have tried a bit of everything cssbut I can not get my desired result

I have the following query:

SELECT * FROM tbl_descriptores WHERE nombre = 'dulce';

Which brings me the following results:

_________________________________________________________________
|idDescriptor |idDescriptorPadre |nombre |name |colorhex | tipo |
_________________________________________________________________
|21           |270               |Dulce  |Sweet|DDA0DD   |2     |
_________________________________________________________________
|127          |0                 |DULCE  |SWEET|FCF9CC   |1     |
_________________________________________________________________

I would like to know how I can do the queryand that it differentiates between uppercase and lowercase , that is: if my criteria is 'sweet' , it should not bring me anything since there is no record in the table where the name column is called 'sweet', if my criteria is 'Sweet' , it will bring me the record with idDescriptor 21and if my criteria is 'SWEET' , it will bring me the record with the idDescriptor 127. How can I do it?

I was cloning a database in MySQLusing the following command:

$user@host: mysqldump -u root -p MyOriginalDatabase | mysql -u root -p MyDatabaseCopy

And the output was the following:

Enter password: Enter password:

I entered the password and it stayed in the execution of this without stopping or showing a result, however , it generated the copy correctly so I ended up canceling the execution with a keyboard interruption ( ctrl + c )

I tried to make another copy with the same command just changing the name of the copy:

$user@host: mysqldump -u root -p MyOriginalDatabase | mysql -u root -p MyDatabaseCopy2

However, it gave me the following error:

ERROR 1049 (42000): Unknown database 'MyDatabaseCopy2'

It never finished the execution and it didn't copy the database correctly either.

• Why did it work correctly the first time and then not?
• Why did the execution never finish in both cases?
• What is the most optimal and recommended way to clone a database in MySQL?

According to the official documentation of git Getting Started - Configuring git for the first time when executing the command

git config --list

It should list all the configuration that I have given to the environment along with my user.nameanduser.email , my problem is that when executing this command it returns this result:

git config --list

core.symlinks=false
core.autocrlf=true
core.fscache=true
color.diff=auto
color.status=auto
color.branch=auto
color.interactive=true
help.format=html
http.sslcainfo=C:/Program Files/Git/mingw64/ssl/certs/ca-bundle.crt
diff.astextplain.textconv=astextplain
rebase.autosquash=true
credential.helper=manager
gui.recentrepo=C:/Users/jorius/Desktop/MIK
core.autocrlf=true
core.excludesfile=C:\Users\jorius\OneDrive\Documentos\gitignore_global.txt

Which does not show me this information, I would like to know if this is an "error" or if it is normal for it to happen, I find it curious that it does not appear since if I work in a repository it does not cause me any problem and it does it commitscorrectly.

I have this variable injavascript

var ACTIONS =
    "<div class='btn-group' role='group'>" +
        "<a class='btn btn-xs btn-primary' href='/users/show/edit/" + row.id + "'>Edit</a>"+
        "<a class='btn btn-xs btn-success' href='/users/show/read/" + row.id + "'>Show</a>"+
        "<a class='btn btn-xs btn-danger' onclick='destroyUser('" + row.name + "');' >Delete</a>"+  // <-- Mi problema es aquí
    "</div>";

When the document finishes loading when inspecting the element it shows me like this:

It should show me like this:onclick="destroyUser('jhon doe');"

How can I correct this?