preserve pipe for graphql and function

packages/prettier-plugin-liquid/src/printer/print/liquid.ts

@@ -196,14 +196,10 @@ function printNamedLiquidBlockStart(
       return tag(trailingWhitespace);
     }
 
-    case NamedTags.function: {
-      const markup = node.markup;
-      const trailingWhitespace = markup.args.length > 0 ? line : ' ';
-      return tag(trailingWhitespace);
-    }
+    case NamedTags.function:
     case NamedTags.graphql: {
       const markup = node.markup;
-      const trailingWhitespace = markup.args.length > 0 ? line : ' ';
+      const trailingWhitespace = markup.args.length > 0 || markup.filters.length > 0 ? line : ' ';
       return tag(trailingWhitespace);
     }
 

packages/prettier-plugin-liquid/src/printer/printer-liquid-html.ts

@@ -439,6 +439,7 @@ function printNode(
           ),
         );
       }
+      if (node.filters.length > 0) appendFilters(doc as Doc[], path, print);
       return doc;
     }
 
@@ -455,6 +456,7 @@ function printNode(
           ),
         );
       }
+      if (node.filters.length > 0) appendFilters(doc as Doc[], path, print);
       return doc;
     }
 
@@ -470,6 +472,7 @@ function printNode(
           ),
         );
       }
+      if (node.filters.length > 0) appendFilters(doc as Doc[], path, print);
       return doc;
     }
 
@@ -838,6 +841,16 @@ export const printerLiquidHtml3: Printer3<LiquidHtmlNode> & {
   },
 };
 
+function appendFilters(doc: Doc[], path: LiquidAstPath, print: (path: LiquidAstPath) => Doc) {
+  doc.push(
+    line,
+    join(
+      line,
+      path.map((p) => print(p as LiquidAstPath), 'filters'),
+    ),
+  );
+}
+
 function hasOrIsNode<N extends LiquidHtmlNode, K extends keyof N>(node: N, key: K) {
   const v = node[key];
   // this works because there's no ()[] type that is string | Node, it only

packages/prettier-plugin-liquid/src/test/liquid-tag-function/fixed.liquid

@@ -28,3 +28,20 @@ It should format dot-access result variable
 
 It should format variable partial
 {% function res = partial_name %}
+
+It should preserve filters on function tag result (file-based)
+{% function res = 'modules/core/api_calls/send',
+  data: object,
+  template: 'modules/openai/responses'
+  | dig: 'results'
+%}
+
+It should preserve filters on function tag with no args
+{% function res = 'modules/core/api_calls/send' | dig: 'results' %}
+
+It should break on long lines with filters
+printWidth: 1
+{% function res = 'modules/core/api_calls/send',
+  data: object
+  | dig: 'results'
+%}

packages/prettier-plugin-liquid/src/test/liquid-tag-function/index.liquid

@@ -25,3 +25,13 @@ It should format dot-access result variable
 
 It should format variable partial
 {% function res = partial_name %}
+
+It should preserve filters on function tag result (file-based)
+{% function res = 'modules/core/api_calls/send', data: object, template: 'modules/openai/responses' | dig: 'results' %}
+
+It should preserve filters on function tag with no args
+{% function res = 'modules/core/api_calls/send' | dig: 'results' %}
+
+It should break on long lines with filters
+printWidth: 1
+{% function res = 'modules/core/api_calls/send', data: object | dig: 'results' %}

packages/prettier-plugin-liquid/src/test/liquid-tag-graphql/fixed.liquid

@@ -0,0 +1,25 @@
+It should format a basic graphql tag
+{% graphql response = 'modules/core/api_calls/send' %}
+
+It should format graphql tag with named args
+{% graphql response = 'modules/core/api_calls/send', data: object %}
+
+It should preserve filters on graphql tag result (file-based)
+{% graphql response = 'modules/core/api_calls/send',
+  data: object,
+  template: 'modules/openai/responses'
+  | dig: 'api_call'
+%}
+
+It should preserve filters on graphql tag with no args
+{% graphql response = 'modules/core/api_calls/send' | dig: 'api_call' %}
+
+It should break on long lines with filters
+printWidth: 1
+{% graphql response = 'modules/core/api_calls/send',
+  data: object
+  | dig: 'api_call'
+%}
+
+It should format inline graphql tag with filter
+{% graphql response | dig: 'results' %}query { test }{% endgraphql %}

packages/prettier-plugin-liquid/src/test/liquid-tag-graphql/index.liquid

@@ -0,0 +1,18 @@
+It should format a basic graphql tag
+{% graphql response = 'modules/core/api_calls/send' %}
+
+It should format graphql tag with named args
+{% graphql response = 'modules/core/api_calls/send', data: object %}
+
+It should preserve filters on graphql tag result (file-based)
+{% graphql response = 'modules/core/api_calls/send', data: object, template: 'modules/openai/responses' | dig: 'api_call' %}
+
+It should preserve filters on graphql tag with no args
+{% graphql response = 'modules/core/api_calls/send' | dig: 'api_call' %}
+
+It should break on long lines with filters
+printWidth: 1
+{% graphql response = 'modules/core/api_calls/send', data: object | dig: 'api_call' %}
+
+It should format inline graphql tag with filter
+{% graphql response | dig: 'results' %}query { test }{% endgraphql %}

packages/prettier-plugin-liquid/src/test/liquid-tag-graphql/index.spec.ts

@@ -0,0 +1,6 @@
+import { test } from 'vitest';
+import { assertFormattedEqualsFixed } from '../test-helpers';
+
+test('Unit: liquid-tag-graphql', async () => {
+  await assertFormattedEqualsFixed(__dirname);
+});