feat: Support inline rendering

Author: neverbiasu

packages/poml/presentation.tsx

@@ -421,7 +421,7 @@ export namespace Serialize {
    * if it's unnamed.
    */
   export const Environment = component('Serialize.Environment')((
-    props: React.PropsWithChildren<PropsSerializeBase>
+    props: React.PropsWithChildren<PropsSerializeBase & InlineProps>
   ) => {
     const parentPresentation = React.useContext(PresentationApproach);
 
@@ -435,6 +435,7 @@ export namespace Serialize {
       originalEndIndex,
       writerOptions,
       sourcePath,
+      inline,
       ...others
     } = props;
 
@@ -475,9 +476,9 @@ export namespace Serialize {
       );
     if (parentPresentation?.presentation === 'markup') {
       // If the parent is in markup mode, we need a wrapper (e.g., ```json...```).
-      // TODO: support inline = true
+      // Support inline rendering when requested; default remains block fence.
       elem = (
-        <Markup.EncloseSerialize inline={false} lang={serializer} {...others}>
+        <Markup.EncloseSerialize inline={inline ?? false} lang={serializer} {...others}>
           {elem}
         </Markup.EncloseSerialize>
       );
@@ -552,7 +553,7 @@ export namespace Free {
    * which will be kept as is without any processing.
    */
   export const Environment = component('Free.Environment')((
-    props: React.PropsWithChildren<PropsFreeBase>
+    props: React.PropsWithChildren<PropsFreeBase & InlineProps>
   ) => {
     const parentPresentation = React.useContext(PresentationApproach);
 
@@ -566,6 +567,7 @@ export namespace Free {
       writerOptions,
       sourcePath,
       whiteSpace = 'pre',
+      inline,
       ...others
     } = props;
 
@@ -589,9 +591,9 @@ export namespace Free {
       );
     if (parentPresentation?.presentation === 'markup') {
       // If the parent is in markup mode, we need a wrapper (e.g., ```...```).
-      // TODO: support inline = true
+      // Support inline rendering when requested; default remains block fence.
       elem = (
-        <Markup.EncloseSerialize inline={false} {...others}>
+        <Markup.EncloseSerialize inline={inline ?? false} {...others}>
           {elem}
         </Markup.EncloseSerialize>
       );

packages/poml/tests/presentation.test.tsx

@@ -52,6 +52,19 @@ describe('markdown json hybrid', () => {
     );
   });
 
+  test('envInline', async () => {
+    const env = (
+      <Markup.Environment>
+        <Serialize.Environment inline={true}>
+          <Serialize.Any name="hello">world</Serialize.Any>
+        </Serialize.Environment>
+      </Markup.Environment>
+    );
+    expect(await read(env)).toBe(
+      '<env presentation="markup" markup-lang="markdown"><code inline="true" lang="json"><env presentation="serialize" serializer="json"><any name="hello">world</any></env></code></env>'
+    );
+  });
+
   test('jsonMarkdown', async () => {
     const env = (
       <Serialize.Environment>
@@ -74,6 +87,19 @@ describe('free', () => {
 
   test('freeText', async () => {
     const text = <Free.Text>{'hello\nworld'}</Free.Text>;
-    expect(await read(text)).toBe('<env presentation="free" white-space="pre"><text white-space="pre">hello\nworld</text></env>');
+    expect(await read(text)).toBe(
+      '<env presentation="free" white-space="pre"><text white-space="pre">hello\nworld</text></env>'
+    );
+  });
+
+  test('freeInlineInMarkup', async () => {
+    const env = (
+      <Markup.Environment>
+        <Free.Environment inline={true}>hello</Free.Environment>
+      </Markup.Environment>
+    );
+    expect(await read(env)).toBe(
+      '<env presentation="markup" markup-lang="markdown"><code inline="true"><env presentation="free" white-space="pre">hello</env></code></env>'
+    );
   });
 });