Merge pull request #160 from GoogleChrome/develop

Release 1.0.0-beta4
GoogleChrome · Sep 23, 2021 · e2eeaa2 · e2eeaa2
2 parents cb22e57 + 4376c10
commit e2eeaa2
Show file tree

Hide file tree

Showing 26 changed files with 356 additions and 29 deletions.
diff --git a/README.md b/README.md
@@ -26,7 +26,14 @@ Login to Firebase:
 
 Initialize Firebase:
 
-    firebase init
+    firebase init hosting
+
+Answer questions as follows:
+
+    ? What do you want to use as your public directory? public
+    ? Configure as a single-page app (rewrite all urls to /index.html)? Yes
+    ? Set up automatic builds and deploys with GitHub? No
+    ? File public/index.html already exists. Overwrite? No
 
 Install the dependencies:
 

diff --git a/firebase.json b/firebase.json
@@ -1,14 +1,25 @@
 {
   "hosting": {
-    "public": "public",
-    "rewrites": [{
+    "headers": [{
       "source": "**",
-      "destination": "/index.html"
+      "headers": [
+        {
+          "key": "Content-Security-Policy",
+          "value": "script-src 'self'; object-src 'none'; base-uri 'none'"
+        }
+      ]
     }],
+    "public": "public",
     "ignore": [
       "firebase.json",
       "**/.*",
       "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
     ]
   }
 }
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "kino",
-  "version": "1.0.0-beta3",
+  "version": "1.0.0-beta4",
   "description": "A sample offline streaming video PWA built for web.dev/media",
   "main": "src/index.js",
   "author": "Google",
@@ -20,6 +20,7 @@
     "@babel/eslint-plugin": "^7.13.16",
     "@babel/preset-env": "^7.14.4",
     "@rollup/plugin-json": "^4.1.0",
+    "ansi-regex": ">=5.0.1",
     "chokidar-cli": "^2.1.0",
     "eslint": "^7.27.0",
     "eslint-config-airbnb-base": "^14.2.1",
@@ -28,11 +29,14 @@
     "eslint-plugin-jest": "^24.3.6",
     "eslint-plugin-jsdoc": "^35.0.0",
     "front-matter": "^4.0.2",
+    "highlight.js": "^11.2.0",
     "husky": "^6.0.0",
     "jest": "^27.0.3",
     "marked": "^2.0.6",
     "rollup": "^2.50.4",
     "rollup-plugin-execute": "^1.1.1",
-    "rollup-plugin-import-css": "^2.0.1"
+    "rollup-plugin-import-css": "^2.0.1",
+    "rollup-plugin-terser": "^7.0.2",
+    "tmpl": ">=1.0.5"
   }
 }
diff --git a/public/images/maskable-icon-128x128.png b/public/images/maskable-icon-128x128.png
diff --git a/public/images/maskable-icon-192x192.png b/public/images/maskable-icon-192x192.png
diff --git a/public/images/maskable-icon-256x256.png b/public/images/maskable-icon-256x256.png
diff --git a/public/images/maskable-icon-384x384.png b/public/images/maskable-icon-384x384.png
diff --git a/public/images/maskable-icon-512x512.png b/public/images/maskable-icon-512x512.png
diff --git a/public/images/maskable-icon-96x96.png b/public/images/maskable-icon-96x96.png
diff --git a/public/index.html b/public/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
   <title>Kino</title>
+  <meta name="description" content="A sample video on demand (VOD) app to demonstrate media functionality in the context of a Progressive Web App.">
   <link rel="manifest" href="/manifest.json" />
   <link rel="shortcut icon" href="/images/favicon.ico">
   <link href=/images/favicon-32x32.png rel=icon sizes=32x32 type=image/png>
@@ -10,13 +11,16 @@
   <link href=/images/safari-pinned-tab.svg rel=mask-icon color=#141216>
   <link rel="stylesheet" href="/styles.css">
   <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link rel="preconnect" href="https://storage.googleapis.com">
   <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,700&display=swap" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="theme-color" content="#ffffff">
+  <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#141216">
 </head>
 <body>
 
 <header class="site-header" role="navigation">
-  <button class="site-header--hamburger-btn">
+  <button class="site-header--hamburger-btn" aria-label="Toggle menu">
     <svg class="site-header--hamburger-btn__open" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
       <g stroke="var(--text)">
         <path d="M10 12H21.8182" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
@@ -98,7 +102,7 @@
             </clipPath>
           </defs>
         </svg>
-        <a target="_blank" href="https://github.com/GoogleChrome/kino/">See the source code</a>
+        <a target="_blank" rel="noopener" href="https://github.com/GoogleChrome/kino/">See the source code</a>
       </p>
     </div>
   </div>

diff --git a/public/manifest.json b/public/manifest.json
@@ -37,6 +37,42 @@
       "src": "/images/icon-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
+    },
+    {
+      "src": "/images/maskable-icon-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png",
+      "purpose":"maskable"
+    },
+    {
+      "src": "/images/maskable-icon-128x128.png",
+      "sizes": "128x128",
+      "type": "image/png",
+      "purpose":"maskable"
+    },
+    {
+      "src": "/images/maskable-icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose":"maskable"
+    },
+    {
+      "src": "/images/maskable-icon-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png",
+      "purpose":"maskable"
+    },
+    {
+      "src": "/images/maskable-icon-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png",
+      "purpose":"maskable"
+    },
+    {
+      "src": "/images/maskable-icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose":"maskable"
     }
   ]
 }
diff --git a/public/robots.txt b/public/robots.txt