➡️ Open the playgrounds ⬅️

The files in this directory are playgrounds and samples for the built-in AI APIs in Microsoft Edge.

To learn more, see:

• Prompt a built-in language model with the Prompt API
• Summarize, write, and rewrite text with the Writing Assistance APIs

If you want to make changes to the playgrounds and samples source code, clone this repository and then follow these steps:

• To make changes to the source HTML content for one of the playgrounds or samples:

  This project uses Eleventy to generate the static HTML files. This is useful to avoid having to write the same HTML boilerplate for each playground.

  1. Find the playground or sample you want to edit in the templates directory.

     Playgrounds start with the playground- prefix, and samples start with the sample- prefix.

  2. Make your changes to the HTML file.

  3. Run npm run build to regenerate the static HTML files in the playgrounds and samples directories.

• To make changes to the JavaScript or CSS code for the playgrounds or samples:

  Make your changes directly to the JavaScript or CSS files in the static directory.

Then run the playgrounds locally:

1. Run npm run build to generate the static site.
2. Run cd ../../ to go to the Demos repository's parent directory.
3. Start a local HTTP server from that parent directory. For example: npx http-server -p 8080.
4. Go to http://localhost:8080/Demos/built-in-ai/ in your browser.