Merge pull request #979 from shufo/fix/js-directive-support

__tests__/formatter/js.test.ts

@@ -0,0 +1,48 @@
+import { describe, test } from "vitest";
+import * as util from "../support/util";
+
+describe("formatter js test", () => {
+	test("basic @js directive usage", async () => {
+		const content = [`<div x-data="@js($data, JSON_FORCE_OBJECT)"></div>`].join(
+			"\n",
+		);
+
+		const expected = [
+			`<div x-data="@js($data, JSON_FORCE_OBJECT)"></div>`,
+			"",
+		].join("\n");
+
+		await util.doubleFormatCheck(content, expected);
+	});
+
+	test("@js directive in script tag", async () => {
+		const content = [
+			"<script>",
+			"    @foreach ($files as $file)",
+			"        addUpload(",
+			"            @js($file->id),",
+			"            @js($file->name),",
+			"            @js($file->hash),",
+			"            $('#article_inline_uploads')",
+			"        );",
+			"    @endforeach",
+			"</script>",
+		].join("\n");
+
+		const expected = [
+			"<script>",
+			"    @foreach ($files as $file)",
+			"        addUpload(",
+			"            @js($file->id),",
+			"            @js($file->name),",
+			"            @js($file->hash),",
+			"            $('#article_inline_uploads')",
+			"        );",
+			"    @endforeach",
+			"</script>",
+			"",
+		].join("\n");
+
+		await util.doubleFormatCheck(content, expected);
+	});
+});

src/indent.ts

@@ -146,6 +146,7 @@ export const inlinePhpDirectives = [
 export const inlineFunctionTokens = [
 	"@set",
 	"@json",
+	"@js",
 	"@selected",
 	"@checked",
 	"@disabled",