Alternative Support Widget Experiment #78282

AllTerrainDeveloper · 2023-06-15T16:51:17Z

This is an alternative support widget experiment for demo purposes and accessible to Automatticians only.

It needs D113721-code applied in your sandbox in order to work.

github-actions · 2023-06-15T16:51:30Z

	https://calypso.live?image=registry.a8c.com/calypso/app:build-72331

Jetpack Cloud live (direct link)

	https://calypso.live?image=registry.a8c.com/calypso/app:build-72331&env=jetpack

matticbot · 2023-06-15T17:00:33Z

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

App Entrypoints (~3386 bytes added 📈 [gzipped])

name                   parsed_size           gzip_size
entry-main                +22773 B  (+1.3%)    +7238 B  (+1.5%)
entry-stepper              +4482 B  (+0.2%)    +1715 B  (+0.3%)
entry-subscriptions        -3281 B  (-0.2%)    -1649 B  (-0.4%)
entry-login                -3057 B  (-0.2%)     -768 B  (-0.2%)
entry-domains-landing      -2965 B  (-0.5%)     -630 B  (-0.4%)
entry-browsehappy          -2965 B  (-2.5%)     -630 B  (-1.8%)

Common code that is always downloaded and parsed every time the app is loaded, no matter which route is used.

Sections (~54002 bytes removed 📉 [gzipped])

name                               parsed_size            gzip_size
people                                -21139 B   (-3.8%)    -6749 B   (-4.2%)
subscribers                           -20920 B   (-6.7%)    -6986 B   (-6.9%)
settings-security                     -20349 B   (-5.4%)    -6539 B   (-5.7%)
jetpack-cloud-agency-dashboard        -20342 B   (-2.4%)    -7246 B   (-3.1%)
hosting                               -20245 B   (-3.1%)    -6584 B   (-3.4%)
marketing                             -20194 B   (-3.2%)    -6469 B   (-3.6%)
jetpack-cloud-agency-signup           -20173 B  (-23.0%)    -6906 B  (-23.0%)
settings-writing                      -20130 B   (-3.3%)    -6314 B   (-3.7%)
jetpack-connect                       -20128 B   (-1.8%)    -5831 B   (-1.9%)
sites-dashboard                       -20091 B   (-5.2%)    -6392 B   (-5.4%)
security                              -20032 B   (-2.2%)    -6976 B   (-2.8%)
reader                                -19982 B   (-2.6%)    -6607 B   (-3.0%)
settings                              -19961 B   (-2.8%)    -7944 B   (-3.8%)
jetpack-cloud-partner-portal          -19951 B   (-3.3%)    -6347 B   (-3.6%)
accept-invite                         -19930 B   (-5.1%)    -6197 B   (-6.7%)
settings-reading                      -19922 B   (-6.3%)    -6957 B   (-7.1%)
domains                               -19693 B   (-1.1%)    -5385 B   (-1.2%)
home                                  -19335 B   (-1.5%)    -5241 B   (-1.5%)
media                                 -19204 B   (-1.3%)    -7577 B   (-1.9%)
site-purchases                        -19100 B   (-1.3%)    -8395 B   (-2.2%)
email                                 -18621 B   (-2.9%)    -6135 B   (-3.3%)
purchases                             -17696 B   (-0.9%)    -6298 B   (-1.2%)
checkout                              -17663 B   (-1.1%)    -8236 B   (-1.8%)
settings-performance                  -17591 B   (-3.5%)    -6305 B   (-4.1%)
marketplace                           -17510 B   (-2.5%)    -4858 B   (-2.3%)
earn                                  -17148 B   (-3.7%)    -6481 B   (-4.8%)
theme                                 -17070 B   (-2.6%)    -6714 B   (-3.5%)
jetpack-cloud-plugin-management       -17043 B   (-1.6%)    -5906 B   (-1.9%)
account                               -16999 B   (-1.9%)    -5951 B   (-2.4%)
stats                                 -16932 B   (-2.6%)    -5236 B   (-2.7%)
plugins                               -16925 B   (-0.9%)    -6470 B   (-1.3%)
jetpack-cloud-pricing                 -16832 B   (-2.6%)    -5632 B   (-2.9%)
site-logs                             -16820 B   (-6.6%)    -5170 B   (-6.2%)
jetpack-cloud-settings                -16810 B   (-3.2%)    -5651 B   (-3.7%)
posts-custom                          -16701 B   (-2.8%)    -5369 B   (-2.9%)
posts                                 -16701 B   (-2.8%)    -5369 B   (-2.9%)
settings-discussion                   -16588 B   (-5.3%)    -5662 B   (-5.8%)
notification-settings                 -16574 B   (-2.0%)    -5134 B   (-2.3%)
promote-post                          -16563 B   (-3.6%)    -5319 B   (-3.7%)
help                                  -16471 B   (-2.2%)    -4859 B   (-2.3%)
plans                                 -16405 B   (-1.5%)    -4892 B   (-1.6%)
themes                                -16316 B   (-2.1%)    -6757 B   (-2.9%)
site-blocks                           -16277 B   (-2.2%)    -5448 B   (-2.6%)
privacy                               -16277 B   (-2.4%)    -5409 B   (-2.8%)
me                                    -16277 B   (-2.4%)    -5543 B   (-2.9%)
google-my-business                    -16121 B   (-3.7%)    -4882 B   (-3.6%)
account-close                         -16081 B   (-2.3%)    -4580 B   (-2.3%)
scan                                  -13597 B   (-1.9%)    -5127 B   (-2.5%)
pages                                 -13423 B   (-2.9%)    -4947 B   (-3.3%)
backup                                -13392 B   (-1.4%)    -6536 B   (-2.4%)
migrate                               -13139 B   (-4.3%)    -4280 B   (-4.5%)
woocommerce                           -13105 B   (-5.6%)    -4241 B   (-5.6%)
activity                              -13075 B   (-2.0%)    -4444 B   (-2.4%)
gutenberg-editor                      -13039 B   (-2.6%)    -4371 B   (-2.8%)
settings-jetpack                      -13036 B   (-2.7%)    -4255 B   (-3.0%)
jetpack-social                        -13036 B   (-3.7%)    -4304 B   (-4.0%)
jetpack-cloud-features-comparison     -13036 B   (-2.3%)    -4397 B   (-2.6%)
import                                -13036 B   (-3.7%)    -4241 B   (-3.9%)
export                                -13036 B   (-5.0%)    -4429 B   (-5.3%)
comments                              -12882 B   (-1.8%)    -5087 B   (-2.6%)
customize                             -12877 B   (-5.2%)    -4142 B   (-5.2%)
add-ons                               -12840 B   (-4.9%)    -4130 B   (-4.8%)
concierge                             -12722 B   (-3.1%)    -3791 B   (-3.3%)
preview                               -12671 B   (-5.3%)    -4088 B   (-5.2%)
woocommerce-installation              -12646 B   (-4.9%)    -4277 B   (-5.0%)
jetpack-search                        -12646 B   (-3.2%)    -4300 B   (-3.7%)
jetpack-cloud                         -12450 B   (-5.8%)    -4064 B   (-5.8%)
write-flow                             -6629 B   (-0.9%)     -881 B   (-0.4%)
build-flow                             -6629 B   (-0.9%)     -893 B   (-0.4%)
free-flow                              -6536 B   (-0.8%)     -870 B   (-0.4%)
link-in-bio-tld-flow                   -6534 B   (-0.6%)     -803 B   (-0.3%)
videopress-flow                        -6512 B   (-0.7%)     -426 B   (-0.2%)
trial-wooexpress-flow                  -3291 B   (-7.0%)     -972 B   (-6.3%)
site-setup-flow                        -3281 B   (-0.2%)     -994 B   (-0.3%)
signup                                 -3232 B   (-1.1%)     +140 B   (+0.2%)
import-hosted-site-flow                -3188 B   (-0.2%)     -995 B   (-0.2%)
import-flow                            -3188 B   (-0.1%)     -944 B   (-0.1%)
tailored-ecommerce-flow                -3070 B   (-0.8%)     -508 B   (-0.5%)
copy-site-flow                         -3070 B   (-0.9%)     -477 B   (-0.5%)
update-design-flow                     -3029 B   (-0.6%)      +52 B   (+0.0%)
devdocs                                 -312 B   (-0.2%)      -38 B   (-0.1%)
sensei-flow                             +117 B   (+0.0%)     +445 B   (+0.5%)
podcasts-flow                           +117 B   (+0.0%)     +458 B   (+0.7%)
newsletter-flow                         -103 B   (-1.1%)      -49 B   (-1.8%)
new-hosted-site-flow                     -64 B   (-1.1%)      -20 B   (-1.2%)
connect-domain                           -37 B   (-0.2%)      -19 B   (-0.3%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Async-loaded Components (~76337 bytes removed 📉 [gzipped])

name                                                                         parsed_size            gzip_size
async-load-automattic-help-center                                               -21074 B   (-4.5%)    -7028 B   (-5.3%)
async-load-design-blocks                                                        -20316 B   (-1.0%)    -6687 B   (-1.2%)
async-load-design                                                               -19990 B   (-1.2%)    -6023 B   (-1.4%)
async-load-calypso-my-sites-checkout-modal                                      -19845 B   (-1.7%)    -6165 B   (-1.9%)
async-load-signup-steps-woocommerce-install-step-business-info                  -17403 B  (-20.5%)    -5899 B  (-22.7%)
async-load-signup-steps-woocommerce-install-step-store-address                  -17391 B  (-21.9%)    -6027 B  (-23.3%)
async-load-design-wordpress-components-gallery                                  -17300 B   (-3.0%)    -6000 B   (-3.7%)
async-load-design-playground                                                    -16515 B   (-1.2%)    -5933 B   (-1.8%)
async-load-signup-steps-user                                                    -16424 B  (-11.1%)    -5755 B  (-13.5%)
async-load-calypso-components-web-preview-component                             -16365 B   (-3.0%)    -5466 B   (-3.2%)
async-load-quick-language-switcher                                              -15345 B  (-16.0%)    -5885 B  (-18.8%)
async-load-signup-steps-add-ons                                                 -13236 B  (-16.1%)    -5025 B  (-18.6%)
async-load-signup-steps-domains                                                 -13091 B   (-3.1%)    -4244 B   (-3.6%)
async-load-signup-steps-site-picker                                             -12951 B   (-9.2%)    -4914 B  (-10.8%)
async-load-signup-steps-difm-site-picker                                        -12951 B   (-8.9%)    -4961 B  (-10.4%)
async-load-calypso-components-sites-popover                                     -12739 B  (-10.6%)    -4886 B  (-12.2%)
async-load-calypso-blocks-editor-checkout-modal                                  -7290 B   (-0.7%)    -1758 B   (-0.6%)
async-load-calypso-post-editor-editor-media-modal                                -5819 B   (-0.4%)    -1987 B   (-0.5%)
async-load-calypso-my-sites-stats-stats-purchase                                 -3774 B   (-7.9%)    -1191 B   (-8.5%)
async-load-signup-steps-website-content-section-types                            -3763 B   (-5.5%)    -1245 B   (-5.7%)
async-load-store-app-store-stats                                                 -3684 B   (-1.9%)    -1026 B   (-1.8%)
async-load-signup-steps-courses                                                  -3671 B   (-8.1%)     -982 B   (-7.2%)
async-load-signup-steps-website-content                                          -3670 B   (-3.3%)    -1058 B   (-3.0%)
async-load-signup-steps-plans-theme-preselected                                  -2408 B   (-1.0%)    -1111 B   (-1.6%)
async-load-signup-steps-plans                                                    -2408 B   (-1.0%)    -1111 B   (-1.6%)
async-load-calypso-components-jetpack-portal-nav                                 -2293 B   (-3.8%)     -843 B   (-4.6%)
async-load-calypso-lib-account-settings-helper                                   -2160 B   (-1.2%)    -1039 B   (-1.9%)
async-load-signup-steps-page-picker                                              -1903 B   (-3.6%)     -716 B   (-4.4%)
async-load-masterbar-cart-masterbar-cart-wrapper                                 -1903 B   (-2.1%)     -816 B   (-2.7%)
async-load-calypso-layout-masterbar-checkout-tsx                                 -1903 B   (-1.4%)     -755 B   (-1.7%)
async-load-calypso-layout-masterbar-checkout                                     -1903 B   (-2.2%)     -757 B   (-2.5%)
async-load-calypso-components-global-notices                                     -1903 B  (-28.4%)     -757 B  (-31.4%)
async-load-automattic-global-styles-src-components-global-styles-variations       -889 B   (-0.1%)     -278 B   (-0.1%)
async-load-signup-steps-design-picker                                             -466 B   (-0.6%)      -62 B   (-0.3%)
async-load-signup-steps-clone-point                                               -390 B   (-0.2%)     -105 B   (-0.2%)
async-load-calypso-layout-popup-search                                            -390 B   (-1.4%)     -105 B   (-1.2%)
async-load-calypso-components-jetpack-sidebar                                     -390 B   (-0.2%)     -105 B   (-0.2%)
async-load-calypso-blocks-support-article-dialog-dialog                           -252 B   (-0.1%)     -609 B   (-0.8%)
async-load-signup-steps-rewind-form-creds                                         -196 B   (-0.3%)     -844 B   (-4.6%)
async-load-signup-steps-clone-credentials                                         -196 B   (-0.3%)     -891 B   (-4.6%)
async-load-calypso-my-sites-stats-wordads                                         -196 B   (-0.7%)     -602 B   (-7.0%)
async-load-signup-steps-theme-selection                                           -194 B   (-0.1%)     +890 B   (+1.9%)
async-load-signup-steps-plans-pm                                                  -115 B   (-0.0%)     -284 B   (-0.4%)
async-load-publish                                                                -108 B   (-0.2%)      -27 B   (-0.2%)
async-load-calypso-blocks-support-article-dialog                                  -108 B   (-3.0%)      -45 B   (-3.4%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

- Section Name is sent to the server - Enter key now works (instead of clicking send every time) - Hide it behind a feature flag (odysseus) - Give default behaviour with nudge: none

…ng for a12s launch

…en client/server

gravityrail

This is a great first pass. Looking forward to it evolving quickly.

client/odysseus/style.scss

nb · 2023-07-05T09:28:00Z

client/my-sites/email/email-management/home/email-list-inactive.tsx

+				onClick={ () => {
+					sendNudge( {
+						nudge: 'email-comparison',
+						initialMessage: `I see you want to an email provider to your domain ${ domain.name }. I can give you a few tips on how to do that.`,


We are missing a verb here, I assume this needs to be “want to add an email provider”?

Thank you! I will fix it with the next changes I commit :)

Thanks, @AllTerrainDeveloper.

AllTerrainDeveloper added the HackWeek The code we add during HackWeeks! label Jun 15, 2023

AllTerrainDeveloper self-assigned this Jun 15, 2023

AllTerrainDeveloper requested a review from a team as a code owner June 15, 2023 16:51

AllTerrainDeveloper requested a review from a team June 15, 2023 16:51

matticbot added the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Jun 15, 2023

AllTerrainDeveloper added 2 commits July 1, 2023 10:19

Hackweek!

bbde585

Additional features

532a254

AllTerrainDeveloper force-pushed the prismiwi2015/hackweek-2023 branch from 0ba990a to 532a254 Compare July 1, 2023 08:21

AllTerrainDeveloper and others added 7 commits July 1, 2023 14:08

A number of improvements

6eb7a65

- Section Name is sent to the server - Enter key now works (instead of clicking send every time) - Hide it behind a feature flag (odysseus) - Give default behaviour with nudge: none

Improve framework's ease of use, new nudge for monthly plans, prepari…

12de51f

…ng for a12s launch

Attempt to fix failling typechecks

90c41fe

Import type correcly

d753341

Better naming convention

e49f61c

Use role and content, instead of text and sender. Less friction betwe…

9628990

…en client/server

Small style tweaks

3a181ea

gravityrail changed the title ~~Hackweek!~~ Alternative Support Widget Experiment Jul 3, 2023

Fix small typo

53f97b7

gravityrail approved these changes Jul 3, 2023

View reviewed changes

AllTerrainDeveloper commented Jul 3, 2023

View reviewed changes

client/odysseus/style.scss Outdated Show resolved Hide resolved

Restore env badge

6e1bf57

AllTerrainDeveloper merged commit f501820 into trunk Jul 3, 2023

AllTerrainDeveloper deleted the prismiwi2015/hackweek-2023 branch July 3, 2023 15:21

github-actions bot removed the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Jul 3, 2023

nb reviewed Jul 5, 2023

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Alternative Support Widget Experiment #78282

Alternative Support Widget Experiment #78282

AllTerrainDeveloper commented Jun 15, 2023 •

edited by gravityrail

Loading

github-actions bot commented Jun 15, 2023 •

edited by matticbot

Loading

matticbot commented Jun 15, 2023 •

edited

Loading

gravityrail left a comment

nb Jul 5, 2023

AllTerrainDeveloper Jul 5, 2023

nb Jul 9, 2023

Alternative Support Widget Experiment #78282

Alternative Support Widget Experiment #78282

Conversation

AllTerrainDeveloper commented Jun 15, 2023 • edited by gravityrail Loading

github-actions bot commented Jun 15, 2023 • edited by matticbot Loading

matticbot commented Jun 15, 2023 • edited Loading

gravityrail left a comment

Choose a reason for hiding this comment

nb Jul 5, 2023

Choose a reason for hiding this comment

AllTerrainDeveloper Jul 5, 2023

Choose a reason for hiding this comment

nb Jul 9, 2023

Choose a reason for hiding this comment

AllTerrainDeveloper commented Jun 15, 2023 •

edited by gravityrail

Loading

github-actions bot commented Jun 15, 2023 •

edited by matticbot

Loading

matticbot commented Jun 15, 2023 •

edited

Loading