PhoneGap Mobile App 2.0

[mwbrooks]

Description

As a PhoneGap Team, we want to visually redesign the PhoneGap Mobile App and refactor the codebase, so that the brand is aligned with Adobe I/O, the UI is flexible to additional functionality, and the codebase is more testable.

Conditions

• Must support Android and iOS
• Must look and feel like Spectrum

Tasks

• v2.0.0-dev Branch

[mwbrooks]

We did the kick-off call and we are aiming for an informal July 1st ship date.

[mwbrooks]

@devgeeks has been playing with TransitionGroup and animations in preparation for the refactor:

[mwbrooks]

Next step: @devgeeks is to create a list of connectivity options for the dev app to help move the design forward.

[mwbrooks]

This is turning into quite a large task. Perhaps we should break it into a vertical with sub-tasks or use a milestone.

[jahoni]

Yeah - that makes sense....

[devgeeks]

👍

[jahoni]

Working on wireframe sketches. You can watch the file here if you want updates. I'll schedule some time to review with the team when they are nearing first draft completion.

[davejohnson]

@jahoni those wireframes are looking GREAT

[mwbrooks]

@devgeeks would it be okay to toss a React Storybook image here just to see where we are at?

[devgeeks]

[mwbrooks]

@timkim @surajpindoria can you run through Tommy's guide on getting your hands dirty with PhoneGap, Topcoat, React, and of course ES6. We're nearing the point where the redesign work can start.

[mwbrooks]

@devgeeks and @timkim have started development on the main screen. It's using the default Topcoat theme right now.

[mwbrooks]

We may need to find an alternative to React due to licensing. @devgeeks is looking into the options. Deku and Choo are the two strong alternatives. Both are declarative and functional.

[mwbrooks]

We've settled on using Preact as a MIT alternative to React.

[mwbrooks]

@devgeeks is setting up Preact for the Dev App.

[stevengill]

@devgeeks working on basic components + combo box @timkim working on devmode plugin with @wildabeast. It is working in dev app (old version). Few janky issues

[mwbrooks]

@timkim is working on the phonegap-plugin-developer-mode:

• Happy where it is at
• Needs to add tests
• All connect-phonegap injected scripts are now in it
• Handles the saving and loading the config and app cache

@devgeeks working through the app implementation:

• Home screen combo box is ready minus styling
• Updating home screen to match new wireframes

@jahoni is finishing up the latest wireframes.

[mwbrooks]

@timkim is working on the phonegap-plugin-developer-mode plugin.

• Working on integrating it into the Dev App

@devgeeks is working on the Mobile app

• Working with @GarthDB on the Spectrum theme for the current component

[mwbrooks]

@devgeeks

• Working on all the screens

@timkim

• Continuing on the WP release

@wildabeast

• Started on a PGB integration branch

[mwbrooks]

@devgeeks

• Screens are coming along well
• Still themed using Topcoat Default
• Still need to add the PGB screens
• Then starting to knock out the functionality (content sync, PGB, etc)

@timkim

• WP release it out
• Working on the dev-mode plugin
  • Integrating it into the mobile app branch

@wildabeast

• Added PGB Auth on the pgb-integration branch
  • The branch will be pushed up for review soon

[devgeeks]

[devgeeks]

[timkim]

Well here's my screen recording: https://cl.ly/3P1v3H0y0i40

You can see a little jank - the interactions of when the suggestions should pop up is a little iffy. Sometimes the address input box gets double loaded - like the default text will be there then the suggested text gets rendered on top.

More things to iron out but happy with the functionality of the devmode plugin so far.

[mwbrooks]

@devgeeks

• Pushing the UI forward
• Functionality of the screens needs to be wired up
• Final integration with the dev mode plugin

[mwbrooks]

@devgeeks

• Updated the CI to get nightlies (iOS) to the team
  • Android nightly build is in-progress
• Attempting to get the PGB functionality in before end-of-week