[
    {
        "name": "pnp-sp-dev-spfx-web-parts-react-azure-openai-api-stream",
        "source": "pnp",
        "title": "Calling Azure OpenAI API in streaming mode",
        "shortDescription": "This web part shows how you can call Azure OpenAI API in Streaming mode",
        "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-azure-openai-api-stream",
        "downloadUrl": "https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-azure-openai-api-stream",
        "longDescription": [
            "This web part shows how you can call Azure OpenAI API in Streaming mode. The web part will show the data coming from the API in chunks, giving a much better user experience, so you are not waiting for the entire response. It also shows how you can cancel the streaming response at any point, which is useful to save some tokens (hence money), if the generating response does not look good to you (like when getting AI hallucinations). AI responses render Markdown but there is a toggle to disable so you can compare Markdown rendering of responses with Streaming and without."
        ],
        "creationDateTime": "2024-01-02",
        "updateDateTime": "2024-02-08",
        "products": [
            "SharePoint"
        ],
        "metadata": [
            {
                "key": "CLIENT-SIDE-DEV",
                "value": "React"
            },
            {
                "key": "SPFX-VERSION",
                "value": "1.18.2"
            }
        ],
        "thumbnails": [
            {
                "type": "image",
                "order": 100,
                "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-azure-openai-api-stream/assets/screenshot.gif",
                "alt": "Sample in action"
            },
            {
                "type": "image",
                "order": 101,
                "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-azure-openai-api-stream/assets/screenshot.png",
                "alt": "Screenshot"
            }
        ],
        "authors": [
            {
                "gitHubAccount": "luismanez",
                "pictureUrl": "https://github.com/luismanez.png",
                "name": "Luis Mañez"
            },
            {
                "gitHubAccount": "thechriskent",
                "pictureUrl": "https://github.com/thechriskent.png",
                "name": "Chris Kent"
            }
        ],
        "references": [
            {
                "name": "Build your first SharePoint client-side web part",
                "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
                "url": "https://docs.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
            }
        ]
    }
]