Skip to content

Updating ToolkitLabs.dev

Arlo Godfrey edited this page Mar 29, 2024 · 2 revisions

To update the https://toolkitlabs.dev/ website with the latest WebAssembly changes:

Collect the components

  1. ToolkitLabs.dev is built from the https://github.com/CommunityToolkit/Windows repository. Clone this locally.
  2. ToolkitLabs.dev also contains the components from Labs. Clone https://github.com/CommunityToolkit/Labs-Windows locally.
  3. These two repositories both use the Windows Community Toolkit Tooling infrastructure, and both contain a ./components folder.
  4. Copy the folders in ./components from Labs-Windows to Windows on your local machine.
  5. The added components will be auto-discovered during build. Proceed to the next step.

Build the Wasm app

  1. Generate the "All components" Gallery solution
  2. Build the wasm head in release mode
  3. On successful build, go to ./tooling/ProjectHeads/AllComponents/Wasm/bin/Release/net*.0/dist to find the built WebAssembly app.
  4. Clone https://github.com/CommunityToolkit/ToolkitLabs.dev
  5. Create a new branch for the update PR
  6. Delete all files present in the dist folder from the ToolkitLabs.dev folder, including the existing package_* directory.
  7. Copy the new assets from dist to the ToolkitLabs.dev folder.

Deploy the Wasm app

  1. Before proceeding, make sure the Wasm app looks and behaves as expected by running the dotnet serve tool and testing it in the browser.
  2. Push your new branch to github and open a PR in the CommunityToolkit/ToolkitLabs.dev repo. Merging to main will deploy it to https://toolkitlabs.dev.

About Windows Community Toolkit

Usage

Contribution

Development/Testing

Project Structure

Clone this wiki locally