feat(): ms teams integration (#750)

* ui finished * Fix duplication of path on icons * Improve code comment * Try to fix tests * fix indention problems * base css, will refactor more later. * publish html * publish aspect to start the integration to the api/cli * vuex binding to elements, binding the generator share state, working on the file input element and getting the upload finished. * fixed bindings, added file designation path, not onto upload. * updates to the store. * clearing out the local copy after submission? testing path stuff. should have all the necessary pieces to integrate into the api/cli * add path for build teams which wraps and validates around the build path * passing params, json version of the teamsForm * build teams related changes * rm teamslink url because not needed, introduced bug that I just fixed. * publish changes for easier mapping to msteams schema * fixed style bug, resolving the msteams path. * Use URL solution instead * add disable state to button, triggered by publish action atm... * adding ability to enable/disable the download buttonso that we can prevent premature firing of the manifest gen * basic form validation and error handling * css to make the content centered * flip order of elements * added loader, font fix. * package name -> publisher name (i.e. developer name) * publisher name edit for field * Better handling of HTTP sites (#762) * Better UI for score cards on HTTP sites * Fixed #761,download PWA zip for HTTP sites * Removed console.log * [ImgBot] Optimize images (#688) *Total -- 17,288.25kb -> 10,842.25kb (37.29%) /static/Images/assets/icons/apple-icon-192x192-frt5be1ded11c7ec66b00dd234677a5d.png -- 22.59kb -> 8.46kb (62.55%) /static/Images/assets/screenShots/s1.png -- 586.91kb -> 281.68kb (52.01%) /assets/images/pwabuilder-screen.png -- 1,110.49kb -> 550.11kb (50.46%) /static/Images/pwabuilder-screen.png -- 1,110.49kb -> 550.11kb (50.46%) /static/Images/assets/screenShots/s2.png -- 488.40kb -> 242.74kb (50.3%) /assets/images/placeHolder.png -- 8.62kb -> 4.51kb (47.69%) /static/Images/assets/screenShots/s3.png -- 365.47kb -> 197.71kb (45.9%) /assets/images/teams-screen.png -- 1,350.62kb -> 756.01kb (44.03%) /static/Images/teams-screen.png -- 1,350.62kb -> 756.01kb (44.03%) /assets/images/score-icon.png -- 3.15kb -> 1.79kb (43%) /static/Images/assets/icons/apple-icon-512x512-frt5be1ded11c593udsdsdd29fur6732.png -- 81.47kb -> 47.24kb (42.02%) /assets/images/Mask.png -- 2,146.18kb -> 1,265.59kb (41.03%) /assets/images/teams-icon.png -- 2.71kb -> 1.68kb (37.9%) /static/Images/teams-icon.png -- 2.71kb -> 1.68kb (37.9%) /assets/images/android-screen.png -- 847.08kb -> 539.20kb (36.35%) /static/Images/android-screen.png -- 847.08kb -> 539.20kb (36.35%) /assets/images/logo_npm.svg -- 0.72kb -> 0.46kb (35.77%) /static/Images/assets/screenShots/s5.png -- 148.31kb -> 97.47kb (34.28%) /static/Images/assets/screenShots/s4.png -- 134.96kb -> 89.18kb (33.92%) /static/Images/pwa-screen.png -- 1,997.90kb -> 1,330.58kb (33.4%) /assets/images/pwa-screen.png -- 1,997.90kb -> 1,330.58kb (33.4%) /assets/images/logo_stackoverflow.svg -- 1.05kb -> 0.75kb (28.43%) /assets/images/logo_twitter.svg -- 0.96kb -> 0.71kb (26.45%) /assets/images/logo_github.svg -- 1.08kb -> 0.82kb (23.69%) /assets/images/platformScreens/ios.png -- 242.96kb -> 186.04kb (23.43%) /assets/images/goButton.svg -- 0.25kb -> 0.20kb (22.01%) /static/Images/assets/screenShots/s6.png -- 436.60kb -> 341.46kb (21.79%) /assets/images/platformScreens/mac.png -- 203.07kb -> 159.29kb (21.56%) /assets/images/Diagram.png -- 29.76kb -> 23.75kb (20.2%) /assets/images/[email protected] -- 53.67kb -> 42.99kb (19.9%) /assets/images/iphoneDevice.png -- 219.44kb -> 176.14kb (19.73%) /assets/images/gbbChecked.svg -- 0.65kb -> 0.53kb (17.77%) /assets/images/lightBlueO.svg -- 0.83kb -> 0.69kb (17.66%) /assets/images/good.svg -- 1.50kb -> 1.24kb (17.47%) /assets/images/whiteO.svg -- 0.85kb -> 0.71kb (17.28%) /assets/images/lightBlue.svg -- 0.33kb -> 0.27kb (17.01%) /assets/images/gbbNotChecked.svg -- 0.47kb -> 0.39kb (16.95%) /assets/images/androidDevice.png -- 364.02kb -> 302.56kb (16.88%) /assets/images/better_disabled.svg -- 2.77kb -> 2.30kb (16.84%) /assets/images/white.svg -- 0.34kb -> 0.28kb (16.57%) /assets/images/blueO.svg -- 1.12kb -> 0.94kb (16.01%) /assets/images/best_disabled.svg -- 3.96kb -> 3.36kb (15.37%) /assets/images/platformScreens/samsung.png -- 181.11kb -> 153.53kb (15.23%) /assets/images/better.svg -- 2.71kb -> 2.30kb (14.98%) /assets/images/slectedBox.svg -- 1.20kb -> 1.02kb (14.44%) /assets/images/best.svg -- 3.90kb -> 3.35kb (14.06%) /assets/images/platformScreens/teams.png -- 327.41kb -> 282.12kb (13.83%) /assets/images/StackedCube.svg -- 1.44kb -> 1.24kb (13.77%) /assets/images/blue.svg -- 0.63kb -> 0.55kb (13.73%) /assets/images/report_card.svg -- 23.23kb -> 20.18kb (13.15%) /assets/images/platformScreens/pc.png -- 223.54kb -> 194.90kb (12.81%) /assets/images/PWABuilderLogoO.svg -- 2.70kb -> 2.36kb (12.35%) /assets/images/Diagram.svg -- 9.04kb -> 7.95kb (12.03%) /assets/images/bg_publish.svg -- 11.57kb -> 10.28kb (11.21%) /assets/images/PWABuilderLogo.svg -- 1.71kb -> 1.54kb (10.1%) /assets/images/pwaLogo.svg -- 1.60kb -> 1.44kb (9.98%) /static/fonts/icomoon.svg -- 2.84kb -> 2.62kb (8%) /assets/images/publishBackground.svg -- 1.33kb -> 1.30kb (2.2%) /assets/images/publish-bg.svg -- 1.36kb -> 1.33kb (2.09%) /static/fonts/FiraSans-Bold.svg -- 73.33kb -> 72.32kb (1.38%) /static/fonts/FiraSans-Light.svg -- 73.64kb -> 72.63kb (1.37%) /static/fonts/Bitter-Bold.svg -- 86.49kb -> 85.50kb (1.16%) /static/fonts/Bitter-Regular.svg -- 86.97kb -> 85.97kb (1.15%) /assets/images/downloadicon.png -- 0.42kb -> 0.42kb (0.69%) Signed-off-by: ImgBotApp <[email protected]> Co-authored-by: ImgBotApp <[email protected]> * fix validation error * Capitalize publisher name placeholder * rename prop. * remove generate missing images... we don't need this if they are uploading both images atm anyway * Button fix (#772) * fix(): button is aligned correctly * fix(): fix remaining links for ado (#770) * style(): remove unneeded borders * adding the filename to the data uri... * making the silhouette optional * fix spinner location Co-authored-by: joel-44 <[email protected]> Co-authored-by: Judah Gabriel Himango <[email protected]> Co-authored-by: Druhin Tarafder <[email protected]> Co-authored-by: ImgBotApp <[email protected]> Co-authored-by: Rumsha Siddiqui <[email protected]> Co-authored-by: Justin Willis <[email protected]>
pwa-builder · May 28, 2020 · 529bc18 · 529bc18
1 parent 75cb36f
commit 529bc18
Show file tree

Hide file tree

Showing 11 changed files with 1,049 additions and 191 deletions.
diff --git a/components/Download.vue b/components/Download.vue
@@ -2,8 +2,9 @@
   <button
     :class="{
       'pwa-button--brand': isBrand,
-      'pwa-button--total_right': isRight
+      'pwa-button--total_right': isRight,
     }"
+    :disabled="downloadDisabled"
     @click="buildArchive(platform, parameters)"
   >
     <span v-if="isReady">
@@ -80,7 +81,10 @@ export default class extends Vue {
   public showMessage: boolean;
 
   @PublishState archiveLink: string;
+  @PublishState downloadDisabled: boolean;
+
   @PublishAction build;
+  @PublishAction buildTeams;
 
   @GeneratorState manifest: generator.Manifest;
 
@@ -164,7 +168,7 @@ export default class extends Vue {
           body: body
         }
       );
-      
+
       if(response.status === 200) {
         const data = await response.blob();
 
@@ -315,11 +319,18 @@ export default class extends Vue {
       try {
         this.isReady = false;
 
-        await this.build({
-          platform: platform,
-          href: this.siteHref,
-          options: parameters
-        });
+        if (platform === "msteams") {
+          await this.buildTeams({
+            href: this.siteHref,
+            options: parameters
+          });
+        } else {
+          await this.build({
+            platform: platform,
+            href: this.siteHref,
+            options: parameters
+          });
+        }
 
         if (this.archiveLink) {
           window.location.href = this.archiveLink;
@@ -357,6 +368,11 @@ Vue.prototype.$awa = function(config) {
 </script>
 
 <style lang="scss" scoped>
+button:disabled {
+  background: rgba(60, 60, 60, .1);
+  cursor: pointer;
+}
+
 #errorDiv {
   position: absolute;
   color: white;

diff --git a/nuxt.config.js b/nuxt.config.js
@@ -59,10 +59,6 @@ module.exports = {
         rel: "stylesheet",
         href: "/css/all.css"
       },
-      {
-        rel: "stylesheet",
-        href: "https://unpkg.com/@ionic/core@latest/css/ionic.bundle.css"
-      },
       {
         rel: 'apple-touch-icon',
         href: '/Images/assets/icons/apple-icon-06144a2a7b5101d447ecb4832502e73e.png'
@@ -119,7 +115,7 @@ module.exports = {
         src: '/awa-register.js'
       },
       {
-        src: 'https://unpkg.com/@webcomponents/[email protected]/webcomponents-loader.js'
+        src: '/webcomponents-polyfill.js'
       },
       {
         src: '/copyButton.js',
@@ -130,10 +126,7 @@ module.exports = {
         type: 'module'
       },
       {
-        src: 'https://unpkg.com/@ionic/core@latest/dist/ionic.js'
-      },
-      {
-        src: 'https://cdn.jsdelivr.net/npm/@pwabuilder/[email protected]',
+        src: '/pwa-install.js',
         type: 'module'
       }
     ]