@lvce-editor/iframe-worker 4.0.0 → 4.1.0

package/dist/iframeWorkerMain.js

@@ -948,9 +948,7 @@ const getWebViewUri = (webViews, webViewId) => {
   return webViewPath;
 };
 
-const WebView = 'lvce-oss-webview';
-
-const getIframeSrcRemote = (webViews, webViewPort, webViewId, locationProtocol, locationHost, isGitpod, root, platform$1 = platform, assetDir) => {
+const getIframeSrcRemote = (webViews, webViewPort, webViewId, locationProtocol, locationHost, isGitpod, root, platform$1 = platform, assetDir, webViewScheme) => {
   const webView = getWebView(webViews, webViewId);
   const webViewUri = getWebViewUri(webViews, webViewId);
   if (!webViewUri) {
@@ -963,7 +961,7 @@ const getIframeSrcRemote = (webViews, webViewPort, webViewId, locationProtocol,
 
   if (platform$1 === Electron) {
     const relativePath = new URL(webViewUri).pathname.replace('/index.html', '');
-    iframeSrc = `${WebView}://-${relativePath}/`;
+    iframeSrc = `${webViewScheme}://-${relativePath}/`;
     // TODO
   } else if (platform$1 === Remote) {
     webViewRoot = webView.uri;
@@ -1034,13 +1032,13 @@ const getIframeSrc$1 = (webView, locationOrigin, assetDir) => {
   return undefined;
 };
 
-const getIframeSrc = (webViews, webViewId, webViewPort, root, isGitpod, locationProtocol, locationHost, locationOrigin, platform, assetDir) => {
+const getIframeSrc = (webViews, webViewId, webViewPort, root, isGitpod, locationProtocol, locationHost, locationOrigin, platform, assetDir, webViewScheme) => {
   try {
     const webView = getWebView(webViews, webViewId);
     if (platform === Web) {
       return getIframeSrc$1(webView, locationOrigin, assetDir);
     }
-    return getIframeSrcRemote(webViews, webViewPort, webViewId, locationProtocol, locationHost, isGitpod, root, platform, assetDir);
+    return getIframeSrcRemote(webViews, webViewPort, webViewId, locationProtocol, locationHost, isGitpod, root, platform, assetDir, webViewScheme);
   } catch (error) {
     throw new VError(error, `Failed to construct webview iframe src`);
   }
@@ -1101,11 +1099,11 @@ const getWebViewFrameAncestors = (locationProtocol, locationHost) => {
   return frameAncestors;
 };
 
-const getWebViewOrigin = (webViewPort, platform) => {
+const getWebViewOrigin = (webViewPort, platform, webViewScheme) => {
   // TODO don't hardcode protocol
   let origin = '';
   if (platform === Electron) {
-    origin = `${WebView}://-/`;
+    origin = `${webViewScheme}://-/`;
   } else if (platform === Remote) {
     origin = `http://localhost:${webViewPort}`;
   } else {
@@ -1137,6 +1135,17 @@ const getIframeSandbox = (webView, platform) => {
   return [AllowScripts, AllowSameOrigin, ...extensionSandbox];
 };
 
+const getWebViewTitle = webView => {
+  if (webView && webView.elements && Array.isArray(webView.elements)) {
+    for (const item of webView.elements) {
+      if (item && item.type === 'title' && typeof item.value === 'string') {
+        return item.value;
+      }
+    }
+  }
+  return 'WebView';
+};
+
 const state = {
   id: 0
 };
@@ -1161,6 +1170,8 @@ const invokeAndTransfer = async (method, ...params) => {
   return invokeAndTransfer$2('WebView.compatRendererProcessInvokeAndTransfer', method, ...params);
 };
 
+const WebView = 'lvce-oss-webview';
+
 const setPort = async (uid, port, origin, portType) => {
   await invokeAndTransfer('WebView.setPort', uid, port, origin, portType);
 };
@@ -1227,7 +1238,8 @@ const create2 = async ({
   uri,
   platform,
   isGitpod,
-  assetDir: assetDir$1 = assetDir
+  assetDir: assetDir$1 = assetDir,
+  webViewScheme = WebView
 }) => {
   let root = '';
   if (platform === Remote) {
@@ -1237,7 +1249,7 @@ const create2 = async ({
   const locationProtocol = getProtocol();
   const locationHost = getHost();
   const locationOrigin = getOrigin();
-  const iframeResult = getIframeSrc(webViews, webViewId, webViewPort, root, isGitpod, locationProtocol, locationHost, locationOrigin, platform, assetDir$1);
+  const iframeResult = getIframeSrc(webViews, webViewId, webViewPort, root, isGitpod, locationProtocol, locationHost, locationOrigin, platform, assetDir$1, webViewScheme);
   if (!iframeResult) {
     return undefined;
   }
@@ -1251,7 +1263,7 @@ const create2 = async ({
     iframeContent
   } = iframeResult;
   const frameAncestors = getWebViewFrameAncestors(locationProtocol, locationHost);
-
+  const frameTitle = getWebViewTitle(webView);
   // TODO figure out order for events, e.g.
   // 1. activate extension, create webview and ports in parallel
   // 2. wait for webview to load (?)
@@ -1271,9 +1283,9 @@ const create2 = async ({
   } = getPortTuple();
   const portId = create$1();
   await register(previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent);
-  await invoke$1('WebView.create', id, iframeSrc, sandbox, iframeCsp, credentialless, permissionPolicyString);
+  await invoke$1('WebView.create', id, iframeSrc, sandbox, iframeCsp, credentialless, permissionPolicyString, frameTitle);
   await invoke$1('WebView.load', id);
-  const origin = getWebViewOrigin(webViewPort, platform);
+  const origin = getWebViewOrigin(webViewPort, platform, webViewScheme);
   const portType = '';
   await setPort(id, port1, origin, portType);
   await invokeAndTransfer$1('ExtensionHostWebView.create', webViewId, port2, uri, id, origin);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/iframe-worker",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "Web Worker to manage creation and lifecycle of iframes in Lvce Editor",
   "main": "dist/iframeWorkerMain.js",
   "type": "module",