Server and client directive negation logic should align

[jonsurrell]

Interactivity API directives allow for a negation prefix !. Values with this prefix should be negated.

​The server side and ​client side negation logic both rely on rudimentary ! negation. This means that the negation logic depends on PHP and JavaScript behavior which do not always agree and cause differences in server/client rendering of the same data.

For example, with this state:

<?php
wp_interactivity_state(
        'example',
        array(
                'emptyArray' => array(),
                'stringZero' => '0',
        )
);

And the following HTML with directives:

<div data-wp-interactive="example">
        <div data-wp-bind--data-test="!state.emptyArray"></div>
        <div data-wp-bind--data-test="!state.stringZero"></div>
</div>

This is the server render render:

<div data-test="true" data-wp-bind--data-test="!state.emptyArray"></div>
<div data-test="true" data-wp-bind--data-test="!state.stringZero"></div>

While the client renders the following:

<div data-test="false" data-wp-bind--data-test="!state.emptyArray"></div>
<div data-test="false" data-wp-bind--data-test="!state.stringZero"></div>

[jonsurrell]

​I've added this to the 6.8 iteration issue.

[jonsurrell]

This resource describes the behavior, "0" and [] may be the only problematic values:

​https://www.php.net/manual/en/language.types.boolean.php