Scriptlet and static statements print as blocks more than it needs to

[AngusMorton]

The following scriptlet breaks when it's printed

$ const isWebpSupported = $global.request.headers.get("accept")?.includes("image/webp");

Breaks into:

$ const isWebpSupported = $global.request.headers
  .get("accept")
  ?.includes("image/webp");

Which isn't valid Marko - it needs to be a block scriptlet OR have the assignment wrapped in braces, otherwise the html-js parser will fail to parse it.

Ideally, we would wrap the rhs of the assignment in braces, but we don't have the full babel AST here, so we can't do that. Instead, we wrap the entire scriptlet in a block.

$ {
  const isWebpSupported = $global.request.headers
    .get("accept")
    ?.includes("image/webp");
}

In a perfect world we could format it in the same way that prettier-plugin-marko formats it:

$ const isWebpSupported = ($global.request.headers
  .get("accept")
  ?.includes("image/webp"))