[8.x] Introduce @js() directive (#39522)

* [8.x] Introduce `@js()` directive

* Update CompilesJs.php

* Update to match new name

Co-authored-by: Taylor Otwell <[email protected]>

src/Illuminate/View/Compilers/BladeCompiler.php

@@ -20,6 +20,7 @@ class BladeCompiler extends Compiler implements CompilerInterface
         Concerns\CompilesIncludes,
         Concerns\CompilesInjections,
         Concerns\CompilesJson,
+        Concerns\CompilesJs,
         Concerns\CompilesLayouts,
         Concerns\CompilesLoops,
         Concerns\CompilesRawPhp,

src/Illuminate/View/Compilers/Concerns/CompilesJs.php

@@ -0,0 +1,22 @@
+<?php
+
+namespace Illuminate\View\Compilers\Concerns;
+
+use Illuminate\Support\Js;
+
+trait CompilesJs
+{
+    /**
+     * Compile the "@js" directive into valid PHP.
+     *
+     * @param  string  $expression
+     * @return string
+     */
+    protected function compileJs(string $expression)
+    {
+        return sprintf(
+            "<?php echo \%s::from(%s)->toHtml() ?>",
+            Js::class, $this->stripParentheses($expression)
+        );
+    }
+}

tests/Support/SupportJsStringTest.php → tests/Support/SupportJsTest.php

@@ -8,7 +8,7 @@
 use JsonSerializable;
 use PHPUnit\Framework\TestCase;
 
-class SupportJsStringTest extends TestCase
+class SupportJsTest extends TestCase
 {
     public function testScalars()
     {

tests/View/Blade/BladeJsTest.php

@@ -0,0 +1,30 @@
+<?php
+
+namespace Illuminate\Tests\View\Blade;
+
+class BladeJsTest extends AbstractBladeTestCase
+{
+    public function testStatementIsCompiledWithoutAnyOptions()
+    {
+        $string = '<div x-data="@js($data)"></div>';
+        $expected = '<div x-data="<?php echo \Illuminate\Support\Js::from($data)->toHtml() ?>"></div>';
+
+        $this->assertEquals($expected, $this->compiler->compileString($string));
+    }
+
+    public function testJsonFlagsCanBeSet()
+    {
+        $string = '<div x-data="@js($data, JSON_FORCE_OBJECT)"></div>';
+        $expected = '<div x-data="<?php echo \Illuminate\Support\Js::from($data, JSON_FORCE_OBJECT)->toHtml() ?>"></div>';
+
+        $this->assertEquals($expected, $this->compiler->compileString($string));
+    }
+
+    public function testEncodingDepthCanBeSet()
+    {
+        $string = '<div x-data="@js($data, JSON_FORCE_OBJECT, 256)"></div>';
+        $expected = '<div x-data="<?php echo \Illuminate\Support\Js::from($data, JSON_FORCE_OBJECT, 256)->toHtml() ?>"></div>';
+
+        $this->assertEquals($expected, $this->compiler->compileString($string));
+    }
+}