passing over variable to JS via $config->js()

[ngrmm]

I would like to pass over a string from PHP to JS.
I guess thats the way to go:
https://processwire.com/api/ref/config/js/

However when i try it i get the error: Uncaught ReferenceError: ProcessWire is not defined at HTMLDocument.
I think it's because of missing ProcessWire object in my js file. How do I import it?

 

[BitPoet]

By default, the ProcessWire object is only output in the backend or if you have frontend editing active. Otherwise, you need to add it to the html head in your your php template like this:

<script>
  var ProcessWire = {config: <?= wireEncodeJSON($config->js(), true, $config->debug) ?>};
</script>

 

[ngrmm]

3 hours ago, BitPoet said:

 

<script>
  var ProcessWire = {config: <?= wireEncodeJSON($config->js(), true, $config->debug) ?>;
</script>

 

thx @BitPoet

I guess there is Typo in your Snippet. Missing closing }?
However I get a 500 Error.

So I tried this:
 

<script type="text/javascript">
	<?php $jsConfig = $config->js(); ?>
	var ProcessWire = {config: <?php echo json_encode($jsConfig); ?>};
	var config = ProcessWire.config;
</script>

and

$config->js('mySettings', [
	'foo' => 'bar',
]);

but console.log(ProcessWire.config); outputs an empty array

[BitPoet]

2 hours ago, ngrmm said:

I guess there is Typo in your Snippet. Missing closing }?

Yes. Sorry.

2 hours ago, ngrmm said:

but console.log(ProcessWire.config); outputs an empty array

Not sure what's the error with wireEncodeJSON, might be a namespace issue or something else. But your code looks fine to me. Maybe outputting $jsConfig in a comment block or calling json_last_error_msg() can give you a clue about the empty array.

[kongondo]

14 hours ago, ngrmm said:

I would like to pass over a string from PHP to JS.

Is there a particular reason why you need to use config->js() for this? In a template file, the following should work just fine:

<?php

namespace ProcessWire;

$mydata = ['foo' => 'bar', 'bar' => 123];
$script = "<script>const mySettings = " . json_encode($mydata) . ';</script>';
echo $script;

// OR: $content.= $script; if using delayed output with automatic inclusion of _main.php, for example.

In the console...

Edited September 23, 2021 by kongondo