Dev (#707)

* 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 * 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]> * remove a specific character like period if it is at the end of the string (#703) * Better layout for Feature Store documentation + removing older unused components (Geoloc, Adaptive Card and Copy clipboard). Co-authored-by: TesheG <[email protected]> Co-authored-by: Judah Gabriel Himango <[email protected]> Co-authored-by: Christian Liebel <[email protected]> Co-authored-by: David Rousset <[email protected]>
pwa-builder · Apr 14, 2020 · 92263f2 · 92263f2
1 parent eb040bc
commit 92263f2
Show file tree

Hide file tree

Showing 3 changed files with 95 additions and 69 deletions.
diff --git a/components/ScoreCard.vue b/components/ScoreCard.vue
@@ -612,7 +612,8 @@ export default class extends Vue {
         this.$emit("serviceWorkerTestDone", { score: this.swScore });
       }
     } else {
-      const response = await fetch(`${apiUrl}=${this.url}`);
+      var cleanUrl = this.trimSuffixChar(this.url, '.');
+      const response = await fetch(`${apiUrl}=${cleanUrl}`);
       const data = await response.json();
 
       if (data.swURL) {
@@ -683,6 +684,13 @@ export default class extends Vue {
       }
     }
   }
+
+  private trimSuffixChar(string, charToRemove) {
+    while(string.charAt(string.length-1) === charToRemove) {
+        string = string.substring(0, string.length-1);
+    }
+    return string;
+  }
 }
 </script>
 

diff --git a/pages/_lang/feature/_detail.vue b/pages/_lang/feature/_detail.vue
@@ -86,22 +86,14 @@ export default class extends Vue {
       realName: "share",
       mappedName: "Create Share"
     },
-    {
-      realName: "geolocation",
-      mappedName: "Use Geolocation"
-    },
-    {
-      realName: "clipboard",
-      mappedName: "Copy to Clipboard"
-    },
-    {
-      realName: "adaptiveCards",
-      mappedName: "Adaptive Cards"
-    },
     {
       realName: "installButton",
       mappedName: "Install your PWA"
     },
+    {
+      realName: "authButton",
+      mappedName: "Sign In with Microsoft, Google, Facebook"
+    },
     {
       realName: "midi",
       mappedName: "Web MIDI"
@@ -272,7 +264,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 +369,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,33 +535,27 @@ 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(2),
-  #leftSide > table > tbody > tr:nth-child(2) > td:nth-child(2) {
-    font-size: 14px;
-    font-weight: normal;
-  }
-
   #contentContainer {
     display: flex;
-    padding-top: 30px;
     padding-left: 159px;
     padding-right: 159px;
+    flex-direction: column-reverse;
 
     #leftSide {
       flex: 1;
-      width: 50%;
+      // width: 50%;
       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 {
@@ -556,12 +575,12 @@ declare var awa: any;
     #rightSide {
       display: initial;
       flex: 1;
-      width: 50%;
-      margin-left: 20px;
+      margin-top: 28px;
 
       h3 {
-        font-size: 18px;
+        font-size: 24px;
         font-weight: bold;
+        margin: 24px 0 16px 0;
       }
     }
   }
@@ -612,7 +631,6 @@ declare var awa: any;
 
 @media (max-width: 650px) {
   #docsMain #contentContainer {
-    flex-direction: column;
     padding-left: 25px;
     padding-right: 25px;
   }
@@ -623,10 +641,6 @@ declare var awa: any;
     margin-right: 0px;
     margin-left: 0px;
   }
-
-  #docsMain #contentContainer #rightSide {
-    margin-top: 4em;
-  }
 }
 
 @media (max-width: 630px) {
@@ -649,4 +663,18 @@ declare var awa: any;
     display: none;
   }
 }
+
+div#rightSide::before {
+    content: "Quick startup guide";
+    font-size: 28px;
+    font-weight: bold;
+    margin: 28px 0px 16px 0;
+}
+
+div#leftSide::before {
+    content: "Documentation";
+    font-size: 28px;
+    font-weight: bold;
+    margin: 28px 0px 16px 0;
+}
 </style>
diff --git a/store/modules/windows/windows.actions.ts b/store/modules/windows/windows.actions.ts
@@ -50,41 +50,35 @@ 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: "Adaptive Cards",
-                    description: " A component that helps you take advantage of Adaptive Cards."
-                  } 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: "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 +99,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 +122,7 @@ export const actions: Actions<State, RootState> = {
                         newItem.title = "Activity Graph Component";
                       }
 
-                      results.push(newItem);
+                      results.push(newItem as any);
                     }
                   }
                 }