playground/frontend/web/index.html - beam - Git at Google

 <!--
     Licensed to the Apache Software Foundation (ASF) under one
     or more contributor license agreements.  See the NOTICE file
     distributed with this work for additional information
     regarding copyright ownership.  The ASF licenses this file
     to you under the Apache License, Version 2.0 (the
     "License"); you may not use this file except in compliance
     with the License.  You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

     Unless required by applicable law or agreed to in writing,
     software distributed under the License is distributed on an
     "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
     KIND, either express or implied.  See the License for the
     specific language governing permissions and limitations
     under the License.
 -->

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <!--
     If you are serving your web app in a path other than the root, change the
     href value below to reflect the base path you are serving from.

     The path provided below has to start and end with a slash "/" in order for
     it to work correctly.

     For more details:
     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base

     This is a placeholder for base href that will be replaced by the value of
     the `--base-href` argument provided to `flutter build`.
   -->
   <base href="/">

   <meta content="IE=Edge" http-equiv="X-UA-Compatible">
   <meta name="description"
         content="Apache Beam is an open source, unified model for defining both batch and streaming data-parallel processing pipelines. Apache Beam Playground is an interactive environment to try out Beam transforms and code examples without having to install Apache Beam in your environment. Beam Playground had a catalog of hundreds of code examples to try."/>
   <meta name="keywords" content="apache beam playground, apache beam, playground, beam"/>

   <!-- Fonts section -->
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&family=Source+Code+Pro&family=Source+Sans+Pro:wght@400;700&display=swap" rel="stylesheet">

   <!-- iOS meta tags & icons -->
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
   <meta name="apple-mobile-web-app-title" content="Apache Beam Playground">
   <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">

   <title>Apache Beam Playground</title>
   <link rel="manifest" href="manifest.json">
   <!--  disable grammarly extension-->
   <style>
     [contenteditable] ~ grammarly-extension,
     input ~ grammarly-extension,
     textarea ~ grammarly-extension {
       display: none;
     }
   </style>
 </head>
 <body>
 <!-- This script installs service_worker.js to provide PWA functionality to
      application. For more information, see:
      https://developers.google.com/web/fundamentals/primers/service-workers -->

 <script type="text/javascript">
     // The app is freezing on the Safari when using canvaskit, as a quick workaround - enable
     // html rendered for it
     const { userAgent } = navigator
     const isSafari = userAgent.indexOf('Safari') > -1 && userAgent.indexOf('Chrome') <= -1;
     const useHtml = isSafari;
     if(useHtml) {
       window.flutterWebRenderer = 'html';
     } else {
       window.flutterWebRenderer = 'canvaskit';
     }
     console.log(`Using ${window.flutterWebRenderer} renderer`);
   </script>
 <script>
     var serviceWorkerVersion = null;
     var scriptLoaded = false;
     function loadMainDartJs() {
       if (scriptLoaded) {
         return;
       }
       scriptLoaded = true;
       var scriptTag = document.createElement('script');
       scriptTag.src = 'main.dart.js';
       scriptTag.type = 'application/javascript';
       document.body.append(scriptTag);
     }

     if ('serviceWorker' in navigator) {
       // Service workers are supported. Use them.
       window.addEventListener('load', function () {
         // Wait for registration to finish before dropping the <script> tag.
         // Otherwise, the browser will load the script multiple times,
         // potentially different versions.
         var serviceWorkerUrl = 'flutter_service_worker.js?v=' + serviceWorkerVersion;
         navigator.serviceWorker.register(serviceWorkerUrl)
           .then((reg) => {
             function waitForActivation(serviceWorker) {
               serviceWorker.addEventListener('statechange', () => {
                 if (serviceWorker.state == 'activated') {
                   console.log('Installed new service worker.');
                   loadMainDartJs();
                 }
               });
             }
             if (!reg.active && (reg.installing || reg.waiting)) {
               // No active web worker and we have installed or are installing
               // one for the first time. Simply wait for it to activate.
               waitForActivation(reg.installing || reg.waiting);
             } else if (!reg.active.scriptURL.endsWith(serviceWorkerVersion)) {
               // When the app updates the serviceWorkerVersion changes, so we
               // need to ask the service worker to update.
               console.log('New service worker available.');
               reg.update();
               waitForActivation(reg.installing);
             } else {
               // Existing service worker is still good.
               console.log('Loading app from service worker.');
               loadMainDartJs();
             }
           });

         // If service worker doesn't succeed in a reasonable amount of time,
         // fallback to plaint <script> tag.
         setTimeout(() => {
           if (!scriptLoaded) {
             console.warn(
               'Failed to load app from service worker. Falling back to plain <script> tag.',
             );
             loadMainDartJs();
           }
         }, 4000);
       });
     } else {
       // Service workers not supported. Just drop the <script> tag.
       loadMainDartJs();
     }

 </script>
 </body>
 </html>
	<!--
	Licensed to the Apache Software Foundation (ASF) under one
	or more contributor license agreements. See the NOTICE file
	distributed with this work for additional information
	regarding copyright ownership. The ASF licenses this file
	to you under the Apache License, Version 2.0 (the
	"License"); you may not use this file except in compliance
	with the License. You may obtain a copy of the License at

	http://www.apache.org/licenses/LICENSE-2.0

	Unless required by applicable law or agreed to in writing,
	software distributed under the License is distributed on an
	"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
	KIND, either express or implied. See the License for the
	specific language governing permissions and limitations
	under the License.
	-->

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<!--
	If you are serving your web app in a path other than the root, change the
	href value below to reflect the base path you are serving from.

	The path provided below has to start and end with a slash "/" in order for
	it to work correctly.

	For more details:
	* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base

	This is a placeholder for base href that will be replaced by the value of
	the `--base-href` argument provided to `flutter build`.
	-->
	<base href="/">

	<meta content="IE=Edge" http-equiv="X-UA-Compatible">
	<meta name="description"
	content="Apache Beam is an open source, unified model for defining both batch and streaming data-parallel processing pipelines. Apache Beam Playground is an interactive environment to try out Beam transforms and code examples without having to install Apache Beam in your environment. Beam Playground had a catalog of hundreds of code examples to try."/>
	<meta name="keywords" content="apache beam playground, apache beam, playground, beam"/>

	<!-- Fonts section -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&family=Source+Code+Pro&family=Source+Sans+Pro:wght@400;700&display=swap" rel="stylesheet">

	<!-- iOS meta tags & icons -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-title" content="Apache Beam Playground">
	<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">

	<title>Apache Beam Playground</title>
	<link rel="manifest" href="manifest.json">
	<!-- disable grammarly extension-->
	<style>
	[contenteditable] ~ grammarly-extension,
	input ~ grammarly-extension,
	textarea ~ grammarly-extension {
	display: none;
	}
	</style>
	</head>
	<body>
	<!-- This script installs service_worker.js to provide PWA functionality to
	application. For more information, see:
	https://developers.google.com/web/fundamentals/primers/service-workers -->

	<script type="text/javascript">
	// The app is freezing on the Safari when using canvaskit, as a quick workaround - enable
	// html rendered for it
	const { userAgent } = navigator
	const isSafari = userAgent.indexOf('Safari') > -1 && userAgent.indexOf('Chrome') <= -1;
	const useHtml = isSafari;
	if(useHtml) {
	window.flutterWebRenderer = 'html';
	} else {
	window.flutterWebRenderer = 'canvaskit';
	}
	console.log(`Using ${window.flutterWebRenderer} renderer`);
	</script>
	<script>
	var serviceWorkerVersion = null;
	var scriptLoaded = false;
	function loadMainDartJs() {
	if (scriptLoaded) {
	return;
	}
	scriptLoaded = true;
	var scriptTag = document.createElement('script');
	scriptTag.src = 'main.dart.js';
	scriptTag.type = 'application/javascript';
	document.body.append(scriptTag);
	}

	if ('serviceWorker' in navigator) {
	// Service workers are supported. Use them.
	window.addEventListener('load', function () {
	// Wait for registration to finish before dropping the <script> tag.
	// Otherwise, the browser will load the script multiple times,
	// potentially different versions.
	var serviceWorkerUrl = 'flutter_service_worker.js?v=' + serviceWorkerVersion;
	navigator.serviceWorker.register(serviceWorkerUrl)
	.then((reg) => {
	function waitForActivation(serviceWorker) {
	serviceWorker.addEventListener('statechange', () => {
	if (serviceWorker.state == 'activated') {
	console.log('Installed new service worker.');
	loadMainDartJs();
	}
	});
	}
	if (!reg.active && (reg.installing \|\| reg.waiting)) {
	// No active web worker and we have installed or are installing
	// one for the first time. Simply wait for it to activate.
	waitForActivation(reg.installing \|\| reg.waiting);
	} else if (!reg.active.scriptURL.endsWith(serviceWorkerVersion)) {
	// When the app updates the serviceWorkerVersion changes, so we
	// need to ask the service worker to update.
	console.log('New service worker available.');
	reg.update();
	waitForActivation(reg.installing);
	} else {
	// Existing service worker is still good.
	console.log('Loading app from service worker.');
	loadMainDartJs();
	}
	});

	// If service worker doesn't succeed in a reasonable amount of time,
	// fallback to plaint <script> tag.
	setTimeout(() => {
	if (!scriptLoaded) {
	console.warn(
	'Failed to load app from service worker. Falling back to plain <script> tag.',
	);
	loadMainDartJs();
	}
	}, 4000);
	});
	} else {
	// Service workers not supported. Just drop the <script> tag.
	loadMainDartJs();
	}

	</script>
	</body>
	</html>