Move projects to use latest WebView2 SDK 1.0.674-prerelease (#58)

* Updated testing instructions and added missing images

* Move win32 sample to use latest WebView2 prerelease SDK 0.9.579

* Move wpf sample to use latest WebView2 prerelease SDK 0.9.579

* Updated .gitignore

* Move winforms sample to use latest WebView2 prerelease SDK 0.9.579

* Added VSCode debugging setup

* Added screenshots that should be included in the previous commit

* Improved script debugging attach and removed targeted

* Moved WPF to use 0.9.579-prerelease

* Improved testing instructions

* Move projects to use latest WebView2 SDK 0.9.627-prerelease

* Use 628 instead

* Use 579 for testing purposes

* Update package.config too

* Added USE_WEBVIEW2_WIN10

* Revert "Update package.config too"

This reverts commit 8df5be9.

* Revert "Use 579 for testing purposes"

This reverts commit 8b42389.

* Link to latest docs

* Move projects to use latest WebView2 SDK 1.0.672-prerelease

* Move projects to use latest WebView2 SDK 1.0.674-prerelease

SampleApps/WebView2APISample/AppStartPage.cpp

@@ -0,0 +1,109 @@
+// Copyright (C) Microsoft Corporation. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+#include "stdafx.h"
+
+#include <algorithm>
+#include <pathcch.h>
+#include <Psapi.h>
+
+#include "AppStartPage.h"
+#include "AppWindow.h"
+#include "CheckFailure.h"
+
+using namespace Microsoft::WRL;
+
+namespace AppStartPage
+{
+
+bool AreFileUrisEqual(std::wstring leftUri, std::wstring rightUri)
+{
+ // Have to to lower due to current bug
+ std::transform(leftUri.begin(), leftUri.end(),
+ leftUri.begin(), ::tolower);
+ std::transform(rightUri.begin(), rightUri.end(),
+ rightUri.begin(), ::tolower);
+
+ return leftUri == rightUri;
+}
+
+std::wstring ResolvePathAndTrimFile(std::wstring path)
+{
+ wchar_t resultPath[MAX_PATH];
+ PathCchCanonicalize(resultPath, ARRAYSIZE(resultPath), path.c_str());
+ PathCchRemoveFileSpec(resultPath, ARRAYSIZE(resultPath));
+ return resultPath;
+}
+
+std::wstring GetSdkBuild()
+{
+ auto options = Microsoft::WRL::Make<CoreWebView2EnvironmentOptions>();
+ wil::unique_cotaskmem_string targetVersion;
+ CHECK_FAILURE(options->get_TargetCompatibleBrowserVersion(&targetVersion));
+
+ // The full version string A.B.C.D
+ const wchar_t* targetVersionMajorAndRest = targetVersion.get();
+ // Should now be .B.C.D
+ const wchar_t* targetVersionMinorAndRest = wcschr(targetVersionMajorAndRest, L'.');
+ CHECK_FAILURE((targetVersionMinorAndRest != nullptr && *targetVersionMinorAndRest == L'.') ? S_OK : E_UNEXPECTED);
+
+ // Should now be .C.D
+ const wchar_t* targetVersionBuildAndRest = wcschr(targetVersionMinorAndRest + 1, L'.');
+ CHECK_FAILURE((targetVersionBuildAndRest != nullptr && *targetVersionBuildAndRest == L'.') ? S_OK : E_UNEXPECTED);
+
+ // Return + 1 to skip the first . so just C.D
+ return targetVersionBuildAndRest + 1;
+}
+
+std::wstring GetRuntimeVersion(AppWindow* appWindow)
+{
+ wil::com_ptr<ICoreWebView2Environment> environment = appWindow->GetWebViewEnvironment();
+ wil::unique_cotaskmem_string runtimeVersion;
+ CHECK_FAILURE(environment->get_BrowserVersionString(&runtimeVersion));
+
+ return runtimeVersion.get();
+}
+
+std::wstring GetAppPath()
+{
+ wchar_t appPath[MAX_PATH];
+ GetModuleFileName(nullptr, appPath, ARRAYSIZE(appPath));
+ return ResolvePathAndTrimFile(appPath);
+}
+
+std::wstring GetRuntimePath(AppWindow* appWindow)
+{
+ wil::com_ptr<ICoreWebView2> webview = appWindow->GetWebView();
+ UINT32 browserProcessId = 0;
+ wchar_t runtimePath[MAX_PATH];
+ CHECK_FAILURE(webview->get_BrowserProcessId(&browserProcessId));
+
+ HANDLE processHandle = OpenProcess(PROCESS_QUERY_INFORMATION | PROCESS_VM_READ, FALSE, browserProcessId);
+ CHECK_FAILURE(processHandle == nullptr ? E_FAIL : S_OK);
+ GetModuleFileNameEx(processHandle, nullptr, runtimePath, ARRAYSIZE(runtimePath));
+ CloseHandle(processHandle);
+
+ return ResolvePathAndTrimFile(runtimePath);
+}
+
+std::wstring GetUri(AppWindow* appWindow)
+{
+ std::wstring uri = appWindow->GetLocalUri(L"AppStartPage.html");
+
+ uri += L"?sdkBuild=";
+ uri += GetSdkBuild();
+
+ uri += L"&runtimeVersion=";
+ uri += GetRuntimeVersion(appWindow);
+
+ uri += L"&appPath=";
+ uri += GetAppPath();
+
+ uri += L"&runtimePath=";
+ uri += GetRuntimePath(appWindow);
+
+ return uri;
+}
+
+}; // namespace AppStartPage

SampleApps/WebView2APISample/AppStartPage.h

@@ -0,0 +1,15 @@
+// Copyright (C) Microsoft Corporation. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+#pragma once
+
+#include "stdafx.h"
+#include <string>
+
+class AppWindow;
+
+namespace AppStartPage
+{
+ std::wstring GetUri(AppWindow* appWindow);
+};

SampleApps/WebView2APISample/AppStartPage.html

@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html class="sans-serif-font borderless fill logo-background border-box-model center-parent">
+<head>
+ <meta charset="UTF-8">
+ <title>Microsoft Edge WebView2</title>
+ <style>
+ .sans-serif-font {
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ }
+
+ .logo-background {
+ background: url("AppStartPageBackground.png") no-repeat center fixed;
+ background-color: #e0e0e0;
+ background-size: cover;
+ }
+
+ .border-box-model {
+ box-sizing: border-box;
+ }
+
+ .fill, .container > div {
+ width: 100%;
+ height: 100%;
+ }
+
+ .mostly-fill {
+ width: calc(100% - 200px);
+ height: calc(100% - 200px);
+ }
+
+ .borderless, h1, h2 {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ }
+
+ .center-parent, .container > div {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ }
+
+ .acrylic-background, .container > div {
+ backdrop-filter: blur(20px) saturate(125%);
+ background-color: rgba(255, 255, 255, 0.3);
+ }
+
+ .center {
+ text-align: center;
+ vertical-align: middle;
+ }
+
+ @media only screen
+ and (min-width : 1001px) {
+ .container {
+ display: grid;
+ grid-template-areas:
+ 'header header header'
+ 'box1 box1 box2'
+ 'box3 box4 box5'
+ 'box6 . .';
+ grid-gap: 20px;
+ }
+ }
+
+ @media only screen
+ and (max-width : 1000px) {
+ .container {
+ display: grid;
+ grid-template-areas:
+ 'header header '
+ 'box1 box1'
+ 'box2 box3'
+ 'box4 box5'
+ 'box6 . ';
+ grid-gap: 20px;
+ }
+ }
+
+ .header { grid-area: header; }
+ .box1 { grid-area: box1; }
+ .box2 { grid-area: box2; }
+ .box3 { grid-area: box3; }
+ .box4 { grid-area: box4; }
+ .box5 { grid-area: box5; }
+ .box6 { grid-area: box6; }
+ </style>
+</head>
+<body class="mostly-fill container borderless">
+ <div class="header">
+ <h1 class="center">Microsoft Edge WebView2</h1>
+ </div>
+
+ <div class="box1">
+ <div>
+ <dl>
+ <dt>SDK build</dt><dd id="sdkBuild">...</dd>
+ <dt>Runtime version</dt><dd id="runtimeVersion">...</dd>
+ <dt>App path</dt><dd id="appPath">...</dd>
+ <dt>Runtime path</dt><dd id="runtimePath">...</dd>
+ </dl>
+ </div>
+ </div>
+
+ <div class="box2">
+ <div>
+ <h2>Issues</h2>
+ <form action="https://github.com/MicrosoftEdge/WebViewFeedback/issues"><label>Query </label><input type="text" name="q" value="is:issue is:open "/></label><button>Search</button></form>
+ <a href="https://github.com/MicrosoftEdge/WebViewFeedback/issues/new/choose">New issue</a>
+ </div>
+ </div>
+
+ <div class="box3">
+ <div>
+ <h2>Documentation</h2>
+ <form action="https://docs.microsoft.com/search/"><label>Query <input type="text" name="terms" value="WebView2 "/><button>Search</button></label></form>
+ <a href="https://docs.microsoft.com/en-us/microsoft-edge/webview2/">WebView2 documentation</a>
+ </div>
+ </div>
+
+ <div class="box4">
+ <div>
+ <h2>SDK releases</h2>
+ <ul id="sdkReleases">
+ </ul>
+ </div>
+ </div>
+
+ <div class="box5">
+ <div>
+ <h2>Runtime</h2>
+ <ul>
+ <li><a href="https://developer.microsoft.com/en-us/microsoft-edge/webview2/">WebView2 Runtime</a></li>
+ <li><a href="https://developer.microsoft.com/en-us/microsoft-edge/webview2/">WebView2 Fixed Version Runtime</a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="box6">
+ <div>
+ <h2>Release Notes</h2>
+ <ul>
+ <li><a href="https://docs.microsoft.com/en-us/microsoft-edge/webview2/releasenotes">WebView2 SDK</a></li>
+ <li><a href="https://docs.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel">Edge Stable channel</a></li>
+ <li><a href="https://docs.microsoft.com/en-us/deployedge/microsoft-edge-relnote-beta-channel">Edge Beta channel</a></li>
+ </ul>
+ </div>
+ </div>
+
+ <script src="AppStartPage.js"></script>
+</body>
+</html>

SampleApps/WebView2APISample/AppStartPage.js

@@ -0,0 +1,56 @@
+(async function () {
+ async function uriToObject(uri) {
+ const responseFromFetch = await fetch(uri);
+ const responseAsText = await responseFromFetch.text();
+ const response = JSON.parse(responseAsText);
+ return response;
+ }
+
+ function parseQuery(query) {
+ if (query.startsWith("?")) {
+ query = query.substring(1);
+ }
+
+ return query.
+ split("&").
+ map(encodedNameValueStr => encodedNameValueStr.split("=")).
+ reduce((resultObject, encodedNameValueArr) => {
+ const nameValueArr = encodedNameValueArr.map(decodeURIComponent);
+ resultObject[nameValueArr[0]] = nameValueArr[1];
+ return resultObject;
+ }, {});
+ }
+
+ const sdkReleasesNode = document.getElementById("sdkReleases");
+ if (sdkReleasesNode) {
+ const nugetInfoUri = "https://azuresearch-usnc.nuget.org/query?q=PackageID%3aMicrosoft.Web.WebView2&prerelease=true&semVerLevel=2.0.0";
+ const nugetInfo = await uriToObject(nugetInfoUri);
+
+ let versions = nugetInfo.data[0].versions;
+ versions.reverse();
+ versions.forEach(version => {
+ const versionText = version.version;
+ const aNode = document.createElement("a");
+ aNode.href = "https://www.nuget.org/packages/Microsoft.Web.WebView2/" + versionText;
+ aNode.textContent = "WebView2 SDK " + versionText;
+
+ const itemNode = document.createElement("li");
+ itemNode.appendChild(aNode);
+
+ sdkReleasesNode.appendChild(itemNode);
+ });
+ }
+
+ const query = parseQuery(location.search);
+ const fillIds = ["sdkBuild", "runtimeVersion", "appPath", "runtimePath"];
+ fillIds.forEach(id => {
+ let content = query[id];
+ if (content) {
+ const maxContentLength = 100;
+ if (content.length > maxContentLength) {
+ content = "..." + content.substring(content.length - maxContentLength);
+ }
+ document.getElementById(id).textContent = content;
+ }
+ })
+})();