Plugins – After the short code attribute, an extra comma is displayed when you create a custom Gutenberg block

I've created a Gutenberg block that returns the shortcode in the RawHtml component. However, if you return the dynamic shortcode in the edit () function, additional commas are inserted into the shortcode. Anyone can lead me to where I am wrong:

My code:

block.js

const {__} = wp.i18n;
const {registerBlockType} = wp.blocks;
const {fragment, RawHTML} = wp.element;
const {InspectorControls, MediaUpload, AlignmentToolbar, InnerBlocks,
PanelColorSettings, RichText, PlainText} = wp.editor;
const {ToggleControl, RangeControl, SelectControl, Button,
TextControl, PanelBody} = wp.components;

registerBlockType ("stripe-payment-button / rnk-stripe-donate"
Click & # 39; {
title: & # 39; Stripe Donate Button & # 39 ;,
Category: & # 39; RNK Strip Donation Button & # 39 ;,
Keywords: [('stripe'),('donate button'), ('donate')],
Symbol: "money",
Attributes: {
secret key: {
Source: & # 39; attribute & # 39 ;,
Selector: & # 39; .rnk_stripe_secret_key & # 39 ;,
Type: & # 39; string & # 39 ;,
Attribute value & # 39;
},
publishable_key: {
Source: & # 39; attribute & # 39 ;,
Attribute value & # 39 ;,
Type: & # 39; string & # 39 ;,
Selector: & # 39; .rnk_stripe_publishable_key & # 39;
},
Amount: {
Source: & # 39; attribute & # 39 ;,
Attribute value & # 39 ;,
Enter number & # 39 ;,
Selector: & # 39; .rnk_stripe_payment_amount & # 39 ;,
Default: 10
}

},
edit: (props) => {
const {attributes: {secret key, public key, amount},
setAttributes, className} = props;
const onChangeSecretKey = (newSecretKey) => {
setAttributes ({secret_key: newSecretKey});
};
const onChangerPublishableKey = (newPublishableKey) => {
setAttributes ({publishable_key: newPublishableKey});
};
const onChangerAmount = (newAmount) => {
setAttributes ({amount: newAmount});
};
return[
(
            
                
                     
                         
                         
                         
                        setAttributes ({secret_key: value})}
/>
                     
                        setAttributes ({publishable_key: value})}
/>
                         
                            setAttributes ({amount: value})}
/>
                
            

    

    

    

    )
(
        
    [rnk_stripe_payment_block amount="{amount}"]
    
    )];
},
save: (props) => {
Return(
    
    [rnk_stripe_payment_block]
    



);
},
});

Short code in function.php

add_shortcode (? rnk_stripe_payment_block ?,? rnk_stripe_payment_block_function & # 39;);

Function rnk_stripe_payment_block_function ($ atts) {
$ atts = shortcode_atts ([
        "amount" => 1000,
        "publishable_key" => '',
        "secret_key" => ''
], $ atts, & # 39; rnk_stripe_payment_block & # 39;);
$ amount = isset ($ atts['amount']) $ atts['amount'] : & # 39; 1000 & # 39 ;;
$ publishable_key = isset ($ atts['publishable_key'])
$ atts['publishable_key'] : & # 39; & # 39 ;;
$ secret_key = isset ($ atts['secret_key']) $ atts['secret_key'] : & # 39; & # 39 ;;
$ amount = $ amount * 100;
$ url = plugins_url (& # 39; rnk-stripe-payment-button & # 39;);
$ stripe = array (
& # 39; # 39 & secret_key; => $ secret_key,
& # 39; # 39 & publishable_key; => $ publishable_key,
);
Stripe :: setApiKey ($ stripe['secret_key']);
ob_start ();
?>



    



<? php
return ob_get_clean ();
}

In the editor, what I get is:
Enter the image description here

what's in editor my block like this:

[rnk_stripe_payment_block amount=",10,"]

It should look like this (without a comma in the parameter):

 [rnk_stripe_payment_block amount="10"]

Let me know if I'm doing something wrong.

macos – OS X computer name does not match what's displayed on the terminal

It is quite normal for this to happen. If you log in to Terminal remotely, bash does a reverse DNS lookup. This is the same only if the host name is not specified on the network you are connecting to, and there is no response from the DHCP server or the reverse lookup to the remote DNS server can not be resolved.

You can easily override the default by using this command in Terminal:

# sudo scutil --set HostName archos

You can check it by using:

# nslookup nn.nn.nn.nn
(or)
# host nn.nn.nn.nn

(Where nn is the IP address of your Mac)

Forensics – Why can running programs be displayed in memory dumps?

After the tutorial described in this link I was able to extract images in memory dumps with volatility and GIMP. I do not understand why it is possible to see other running programs in some memory dumps. For example, I could see excel images (or other running programs) in the dump of the ms-paint.exe program.

How can it be possible to see other apps in some memroy dump programs?

Do you have an explanation for that?

NB: I'm just a beginner in memory forensics.

Visual Studio does not display .NET CORE projects. 0 projects are displayed when new projects are created using solution with the .net core template

Development Environment Details: Visual Studio 2017 Version 15.9, Windows 10.0

I have recently installed a new version version 2.2.203. I also have some older versions in my calculator. But I could not see the .net core version in the target version of the .NET project. Only .NET frameworks were shown. So I cleaned most of the old version. But now that Visual Studio has not even shown the .net core projects, I can only display the solution with 0 projects when creating a new .net core project.

I even tried to install vs 2019. But I can see the same behavior there. I also tried to repair and uninstall VS2017 and reinstall it without success. Since both vs 2017 and 2019 have the same behavior, I guess something is wrong with the .NET Core installation.

I can test and run a .net core cmd console application. Please suggest

How can you prevent an empty variation image from being displayed in variable Woocommerce products?

By default, when creating a variable product, Woocommerce displays the first thumbnail as a blank image if no image has been uploaded for the variant (see poorly highlighted image below). Instead of having to select the same image for each size variation, I'd like to leave it blank and just display the image gallery for the variable product.

To summarize, how the first thumbnail can be hidden when a size is selected in the drop-down menu of the product and there is no variation image. To my knowledge, there is no plugin that does this.

Enter the image description here

Calendar – How the elements of the user's schedule are displayed does not necessarily coincide with the time

I am currently designing a schedule for a web app that displays appointments as scheduled.

The problem is that I think some important information needs to be displayed (title, time, customer) so that the user can anticipate the scheduled appointment. Too short dates must have a different width than the time they represent.

My question is, how can I explain to the user that the width of the appointment is wrong Necessary to adjust the time?

I came up with this idea, but I think that's not clear enough …

Enter the image description here

To update:
This is what the timeline looks like based on Ashwin's advice.

Enter the image description here

I am open to suggestions of any kind!

Many Thanks!