Added pwa-auth to feature store (#701)

* Dev (#692) * Remove specify related applications to be added to the manifest message (#663) * Formatting related application for better display (#666) * Delay mounting codeViewer for milliseconds to fix concurrency issue (#665) * App's log is being used to load home page but not used as a back button (#664) * fix(): fixes #673 (#679) * Bug fix manifest viewer (#681) * display empty string if manifest property's value is falsely * Update the manifest as a key is up * Adding id to access an editor by getElementById on a page * Adding id to the probs and wrapping Monaco editor with a div * Adding resize event listener when it is mounted and remove when component is destroyed * Refactor code to make it DRY * Applying css rules * watching state change and reloading the editor * Debounce helper function is added and call this function to execute update manifest * Fixed undefined in related apps * Putting back event listners when editor is reloaded * Deeplinking pw aurl (#682) * Checking if a query string is matching with pwa url or not * Check a summited pwa url is already part of query string. if not, added it to the url * check and generate if pwa url is already part of query string * Overview and My Hub link is loading using query sting * Log is used to reset and load default page * Process query string and handling browser events * Fixing test fail related to it should fail a bad URL * chore(): update env to point to dev api (#685) * Service worker page cleanup (#686) * fix(): swap top and bottom code viewers * style(): make the code viewer shorter for reg code * Hide broken images (#687) * filter broken icons from the list * suggesion suggest to you to upload at least one image 512×512 or larger * fix(analytics): new markers for build and features * fix(analytics): mark exactly which worker is chosen * fix(analytics): added marker for downloaded service worker Co-authored-by: TesheG <[email protected]> * chore(): re-flip the codeviewers * style(): shorten codeviewer * chore(): update to use pwa-update component * chore(): update pwa-install to latest * fix(download): shortcuts must be a real array (#698) Otherwise, llama-pack/bubblewrap will throw the following error: `twaManifest.shortcuts.map is not a function` * chore(): remove use of google fonts and move icons to be served locally (#700) * chore(): update dev from master (#694) * Dev (#692) * Remove specify related applications to be added to the manifest message (#663) * Formatting related application for better display (#666) * Delay mounting codeViewer for milliseconds to fix concurrency issue (#665) * App's log is being used to load home page but not used as a back button (#664) * fix(): fixes #673 (#679) * Bug fix manifest viewer (#681) * display empty string if manifest property's value is falsely * Update the manifest as a key is up * Adding id to access an editor by getElementById on a page * Adding id to the probs and wrapping Monaco editor with a div * Adding resize event listener when it is mounted and remove when component is destroyed * Refactor code to make it DRY * Applying css rules * watching state change and reloading the editor * Debounce helper function is added and call this function to execute update manifest * Fixed undefined in related apps * Putting back event listners when editor is reloaded * Deeplinking pw aurl (#682) * Checking if a query string is matching with pwa url or not * Check a summited pwa url is already part of query string. if not, added it to the url * check and generate if pwa url is already part of query string * Overview and My Hub link is loading using query sting * Log is used to reset and load default page * Process query string and handling browser events * Fixing test fail related to it should fail a bad URL * chore(): update env to point to dev api (#685) * Service worker page cleanup (#686) * fix(): swap top and bottom code viewers * style(): make the code viewer shorter for reg code * Hide broken images (#687) * filter broken icons from the list * suggesion suggest to you to upload at least one image 512×512 or larger * fix(analytics): new markers for build and features * fix(analytics): mark exactly which worker is chosen * fix(analytics): added marker for downloaded service worker Co-authored-by: TesheG <[email protected]> * chore(): re-flip the codeviewers * style(): shorten codeviewer * chore(): update to use pwa-update component Co-authored-by: TesheG <[email protected]> * Fix fonts (#695) * Dev (#692) * Remove specify related applications to be added to the manifest message (#663) * Formatting related application for better display (#666) * Delay mounting codeViewer for milliseconds to fix concurrency issue (#665) * App's log is being used to load home page but not used as a back button (#664) * fix(): fixes #673 (#679) * Bug fix manifest viewer (#681) * display empty string if manifest property's value is falsely * Update the manifest as a key is up * Adding id to access an editor by getElementById on a page * Adding id to the probs and wrapping Monaco editor with a div * Adding resize event listener when it is mounted and remove when component is destroyed * Refactor code to make it DRY * Applying css rules * watching state change and reloading the editor * Debounce helper function is added and call this function to execute update manifest * Fixed undefined in related apps * Putting back event listners when editor is reloaded * Deeplinking pw aurl (#682) * Checking if a query string is matching with pwa url or not * Check a summited pwa url is already part of query string. if not, added it to the url * check and generate if pwa url is already part of query string * Overview and My Hub link is loading using query sting * Log is used to reset and load default page * Process query string and handling browser events * Fixing test fail related to it should fail a bad URL * chore(): update env to point to dev api (#685) * Service worker page cleanup (#686) * fix(): swap top and bottom code viewers * style(): make the code viewer shorter for reg code * Hide broken images (#687) * filter broken icons from the list * suggesion suggest to you to upload at least one image 512×512 or larger * fix(analytics): new markers for build and features * fix(analytics): mark exactly which worker is chosen * fix(analytics): added marker for downloaded service worker Co-authored-by: TesheG <[email protected]> * chore(): re-flip the codeviewers * style(): shorten codeviewer * chore(): update to use pwa-update component * fix(): move to local fonts + icons Co-authored-by: TesheG <[email protected]> * style(): header should be bold Co-authored-by: TesheG <[email protected]> * Added pwa-auth to feature store Co-authored-by: Justin Willis <[email protected]> Co-authored-by: TesheG <[email protected]> Co-authored-by: Christian Liebel <[email protected]>
pwa-builder · Apr 8, 2020 · 15534e3 · 15534e3
1 parent 1b7c442
commit 15534e3
Show file tree

Hide file tree

Showing 4 changed files with 93 additions and 46 deletions.
diff --git a/components/Download.vue b/components/Download.vue
@@ -123,7 +123,7 @@ export default class extends Vue {
       useBrowserOnChromeOS: true,
       splashScreenFadeOutDuration: 300,
       enableNotifications: false,
-      shortcuts: "[]",
+      shortcuts: [],
       signingInfo: {
         fullName: "John Doe",
         organization: "Contoso",

diff --git a/nuxt.config.js b/nuxt.config.js
@@ -133,7 +133,7 @@ module.exports = {
         src: 'https://unpkg.com/@ionic/core@latest/dist/ionic.js'
       },
       {
-        src: 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwainstall@1.4.2',
+        src: 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwainstall@1.5.0',
         type: 'module'
       }
     ]
@@ -164,4 +164,4 @@ module.exports = {
     '~/modules/typescript',
     '@nuxtjs/axios'
   ]
-}
+}
diff --git a/pages/_lang/feature/_detail.vue b/pages/_lang/feature/_detail.vue
@@ -102,6 +102,10 @@ export default class extends Vue {
       realName: "installButton",
       mappedName: "Install your PWA"
     },
+    {
+      realName: "authButton",
+      mappedName: "Sign In with Microsoft, Google, Facebook"
+    },
     {
       realName: "midi",
       mappedName: "Web MIDI"
@@ -272,7 +276,9 @@ export default class extends Vue {
   }
 
   copyToClipboard(str) {
-    if (document) {
+    if (navigator.clipboard) {
+      navigator.clipboard.writeText(str);
+    } else if (document) {
       const el = document.createElement("textarea"); // Create a <textarea> element
       el.value = str; // Set its value to the string that you want copied
       el.setAttribute("readonly", ""); // Make it readonly to be tamper-proof
@@ -375,7 +381,38 @@ declare var awa: any;
 }
 
 #docsMain #contentContainer img {
+  // responsive images
+  max-width: 100%;
+  height: auto;
+}
+
+#docsMain #contentContainer table {
+  display: block;
   width: 100%;
+  overflow: auto;
+
+  thead {
+    box-sizing: border-box;
+
+    th {
+      text-align: center;
+      font-size: 1.1em !important;
+      font-weight: 600;
+      padding: 10px;
+    }
+  }
+
+  tr {
+    background-color: white;
+    border: 1px solid #dfe2e5;
+    border-spacing: 0;
+    border-collapse: collapse;
+  }
+
+  td {
+    padding: 6px 13px;
+    border: 1px solid #dfe2e5;
+  }
 }
 
 .codeBlockHeader {
@@ -510,18 +547,18 @@ declare var awa: any;
     text-decoration: underline;
   }
 
-  #leftSide > table > tbody > tr:nth-child(1) > td:nth-child(1),
-  #leftSide > table > tbody > tr:nth-child(2) > td:nth-child(1) {
-    font-size: 12px;
-    font-weight: bold;
-    width: 140px;
-  }
+  // #leftSide > table > tbody > tr:nth-child(1) > td:nth-child(1),
+  // #leftSide > table > tbody > tr:nth-child(2) > td:nth-child(1) {
+  //   font-size: 12px;
+  //   font-weight: bold;
+  //   width: 140px;
+  // }
 
-  #leftSide > table > tbody > tr:nth-child(1) > td:nth-child(2),
-  #leftSide > table > tbody > tr:nth-child(2) > td:nth-child(2) {
-    font-size: 14px;
-    font-weight: normal;
-  }
+  // #leftSide > table > tbody > tr:nth-child(1) > td:nth-child(2),
+  // #leftSide > table > tbody > tr:nth-child(2) > td:nth-child(2) {
+  //   font-size: 14px;
+  //   font-weight: normal;
+  // }
 
   #contentContainer {
     display: flex;
@@ -535,8 +572,15 @@ declare var awa: any;
       margin-right: 20px;
 
       h3 {
-        font-size: 18px;
+        font-size: 24px;
+        font-weight: bold;
+        margin: 24px 0 16px 0;
+      }
+
+      h4 {
+        font-size: 20px;
         font-weight: bold;
+        margin: 24px 0 16px 0;
       }
 
       p {
@@ -560,8 +604,9 @@ declare var awa: any;
       margin-left: 20px;
 
       h3 {
-        font-size: 18px;
+        font-size: 24px;
         font-weight: bold;
+        margin: 24px 0 16px 0;
       }
     }
   }

diff --git a/store/modules/windows/windows.actions.ts b/store/modules/windows/windows.actions.ts
@@ -50,41 +50,47 @@ export const actions: Actions<State, RootState> = {
                   return result;
                 };
 
-                let results = new Array<Sample>();
-
-                results.push(
-                  ({
-                    title: "Use Geolocation",
-                    description: "A simple component that uses the Gelocation API to allow your app to ask for the users current location"
-                  } as any),
-                  ({
-                    title: "Copy to Clipboard",
-                    description: "A simple component that uses the Clipboard API to allow your app to copy text to the users clipboard"
-                  } as any),
-                  ({
+                let results = [
+                  {
                     title: "Install your PWA",
                     description: "A simple component that gives users a button to install your PWA directly from the browser"
-                  } as any),
-                  ({
+                  },
+                  {
+                    title: "Sign In with Microsoft, Google, Facebook",
+                    description: "Web component that lets your users sign-in using their Microsoft, Google, or Facebook account. Your app receives their email address, name, and profile picture."
+                  },
+                  {
+                    title: "Copy to Clipboard",
+                    description: "A simple component that uses the Clipboard API to allow your app to copy text to the users clipboard"
+                  },
+                  {
+                    title: "Use Geolocation",
+                    description: "A simple component that uses the Gelocation API to allow your app to ask for the users current location"
+                  },
+                  {
                     title: "Adaptive Cards",
                     description: " A component that helps you take advantage of Adaptive Cards."
-                  } as any),
-                  ({
+                  },
+                  {
+                    title: "Immersive Reader",
+                    description: "Immersive Reader mode makes it easier for users to read your content on the web"
+                  },
+                  {
                     title: "Web MIDI",
                     description: "A simple script that gives your app the ability to connect to a MIDI device such as a keyboard"
-                  } as any),
-                  ({
+                  },
+                  {
                     title: "People Picker Graph Component",
                     description: "The People Picker component enables the user to view, add, or remove people objects from a dynamic drop-down list as they type."
-                  } as any),
-                  ({
+                  },
+                  {
                     title: "Person Graph Component",
                     description: "The person component is used to display a person or contact by using their photo, name, and/or email address."
-                  } as any),
-                  ({
+                  },
+                  {
                     title: "Tasks Graph Component",
                     description: "The Tasks component enables the user to view, add, remove, complete, or edit tasks. It works with tasks in Microsoft Planner or Microsoft To-Do."
-                  } as any),
+                  },
                   /*({
                     title: "Samsung Smart View",
                     description: "A Smart View enabled app provides separate views which are connected and running on different devices."
@@ -105,11 +111,7 @@ export const actions: Actions<State, RootState> = {
                     title: "Get teams from Microsoft Teams",
                     description: "Get the teams a signed in user is a member of in Teams"
                   } as any),*/
-                  ({
-                    title: "Immersive Reader",
-                    description: "Immersive Reader mode makes it easier for users to read your content on the web"
-                  } as any)
-                );
+                ];
 
                 if (res.Sources) {
                   for (let s = 0; s < res.Sources.length; s++) {
@@ -132,7 +134,7 @@ export const actions: Actions<State, RootState> = {
                         newItem.title = "Activity Graph Component";
                       }
 
-                      results.push(newItem);
+                      results.push(newItem as any);
                     }
                   }
                 }