Commit Graph

586 Commits

Author SHA1 Message Date
Dominik Wielgórski
641d39cf94 Added extension to getBestPath API
Summary: Expand API by passing a default extension

Reviewed By: adityasharat

Differential Revision: D23078940

fbshipit-source-id: c9303add194e85deb174a8fc343e37b73f59d1c0
2020-08-17 10:20:53 -07:00
Pritesh Nandgaonkar
f626925443 Upload/Download certs zip from Flipper
Summary:
This diff adds upload and download logic for certs. It makes changes on both Flipper Client and Desktop side. With this we enable cert exchange through WWW.

Next Diffs:

1) Add Flipper state in cert provider for more debug data
2) Tests

Reviewed By: jknoxville

Differential Revision: D23092706

fbshipit-source-id: e576253606b64b62848b70203db7e09a3bd77fd9
2020-08-17 06:51:52 -07:00
Austin Wang
0d53935b81 Add papercuts link to star rating popup
Summary:
Added papercuts link to the thanks message after user submits a rating within the star rating popup.
Also increased the timeout after submitting ratings from 1500 to 5000, due to the longer thanks message. Also added a dismiss option.

Reviewed By: jknoxville

Differential Revision: D23115320

fbshipit-source-id: 78de3481e5a085949ddbfbdd51ff499b8b567959
2020-08-14 10:35:36 -07:00
John Knox
d423afd75d Fix high pkd CPU usage issue
Summary:
Running `instruments -s devices` causes the `pkd` process in catalina to spike to ~100% for a few seconds.

Flipper runs this command every 3 seconds to poll for devices.
This switches it to use `idb list-targets` instead which is much more performant.

Currently switched off in the open-source version while we make sure it's working well. If you set the GK value 'flipper_use_idb_to_list_devices' to true, then you'll get the new behaviour.

Reviewed By: passy

Differential Revision: D23102067

fbshipit-source-id: 9e17155d938a4fe326e082511f747444e4b533a2
2020-08-13 03:48:09 -07:00
Dominik Wielgórski
7e4c9d05d4 Events for navigation functionality
Summary: Added new events for 'open in IDE' functionality within the Layout Plugin

Reviewed By: passy

Differential Revision: D23075105

fbshipit-source-id: 1d18977da728bb4c53cd13e8669253dea65d7c4d
2020-08-13 03:08:16 -07:00
Pritesh Nandgaonkar
293de19c2b Add toggle in the settings for cert exchange medium
Summary:
This diff adds a toggle setting in wilde which will enable certificate exchange through www.
Right now it just sends the information about which medium to be used for cert exchange to Flipper JS and its client side. But its implementation is not done yet.

### Flow for Wilde

Whenever user changes the setting(or when user logs out) we set the state of exchange medium and accordingly set/reset authtoken. Note at no given point we remove already existing certificates.

### Context for OSS

With this diff we introduce another way to do certificate exchange. Before this diff, we did certificate exchange by accessing the file system of app. But it turns out it's not possible to do that in applications signed by enterprise certs. Thus with this diff one can write their FlipperKitCertificateProvider and fetch the certificate from WWW.

Reviewed By: jknoxville

Differential Revision: D22896320

fbshipit-source-id: 55aef7028a62e71ba9c02f9f79acaab41d09c0c6
2020-08-12 04:44:18 -07:00
Pascal Hartig
4bb110f319 Handle off-Lighthouse version checks
Summary: This is tanking our success rates, but is an expected behaviour.

Reviewed By: jknoxville

Differential Revision: D23001697

fbshipit-source-id: 48bcdb99543d590d544cce8322950568a0ef5c6f
2020-08-11 11:19:48 -07:00
Anton Nikolaev
4a1c2a9ece Custom eslint rule for disallowing cross-package references
Summary:
Added infra for writing and using custom eslint rules and created a rule for disallowing cross-package file imports. Such imports are anti-pattern and they also break standalone plugin bundling.

We still have a bunch of places where Flipper core references code directly from plugins. I've ignored these places for now and added task T71355623 to revisit them.

Reviewed By: passy

Differential Revision: D22998955

fbshipit-source-id: d04cff8fc115ba1300a7e6830306ec134046e927
2020-08-07 10:22:04 -07:00
generatedunixname89002005306973
d15ae99601 Flipper Release: v0.52.1
Summary: Releasing version 0.52.1

Reviewed By: passy

Differential Revision: D22976342

fbshipit-source-id: a4857df03cd1142615754a52f69d0f1578175f18
2020-08-06 10:14:30 -07:00
Anton Nikolaev
dcd1c08dea Expose IDEFileResolver from 'flipper' module to properly import it from 'layout' plugin (#1442)
Summary:
Pull Request resolved: https://github.com/facebook/flipper/pull/1442

Layout plugin cannot be bundled as a standalone package because it imports a file from outside of its folder. This change exposes IDEFileResolver in a proper way so now it's possible to import it from 'flipper'.

Reviewed By: passy

Differential Revision: D22975515

fbshipit-source-id: 8af6d2ca1ceb8627a449e055c8773549dd681b7a
2020-08-06 04:54:14 -07:00
Dominik Wielgórski
95ae98d925 Added "Open in IDE" functionality for Litho Components inside Flipper Layout Plugin
Summary:
Dropdown menu to select IDE in which the Litho Component will be opened.
Some Litho Components do not have corresponding Spec files. Hence, I am first trying to access files with Spec suffix and retrying if fails without the suffix. The number of such files is limited.

[FB Only]
changelog: It is now possible to directly open source files from the Layout inspector

Reviewed By: adityasharat

Differential Revision: D22922126

fbshipit-source-id: e1109c995427755a28ba78a65f5ff98392fb7060
2020-08-05 06:30:49 -07:00
Dominik Wielgórski
86cafb9e80 Detect classes which are Litho Components
Summary: Populate class name for Litho Components.

Reviewed By: adityasharat

Differential Revision: D22922106

fbshipit-source-id: e18b748e0e0bd6f511558124a28b4b58d217ded7
2020-08-05 01:49:13 -07:00
Michel Weststrate
14e6b1078d Some typecast cleanups
Summary: Some cleanup in typecasts

Reviewed By: jknoxville

Differential Revision: D22845467

fbshipit-source-id: 8a23a4800e2baf5e35bc1ac10095235fc8dc5894
2020-08-04 07:47:14 -07:00
Michel Weststrate
7c6065889d support createPaste
Summary:
Added support for `createPaste` in Sandy plugins

Nice minimalistic example of how to expose a Flipper api to Sandy.

Note that some indirection could be removed by having an interface that is shared directly between `BasePluginClient` and `FlipperLib` (e.g. `PublicFlipperLib`). In contrast to `addMenuEntries` from the previous diff, `createPaste` is basically exposed verbatim to Sandy without additional wrapping, so those cases could be made simpler. Maybe will do that later.

Reviewed By: passy

Differential Revision: D22815873

fbshipit-source-id: e6d0773a35341edfe5de0898317eaadf88de79d0
2020-08-04 07:47:14 -07:00
Michel Weststrate
9c202a4a10 Introduce menu entry support
Summary:
[interesting] since it shows how Flipper APIs are exposed through sandy. However, the next diff is a much simpler example of that

This diff adds support for adding menu entries for sandy plugin (renamed keyboard actions to menus, as it always creates a menu entry, but not necessarily a keyboard shortcut)

```

  client.addMenuEntry(
    // custom entry
    {
      label: 'Reset Selection',
      topLevelMenu: 'Edit',
      handler: () => {
        selectedID.set(null);
      },
    },
    // based on built-in action (sets standard label, shortcut)
    {
      action: 'createPaste',
      handler: () => {
        console.log('creating paste');
      },
    },
  );
```

Most of this diff is introducing the concept of FlipperUtils, a set of static Flipper methods (not related to a device or client) that can be used from Sandy. This will for example be used to implement things as `createPaste` as well

Reviewed By: nikoant

Differential Revision: D22766990

fbshipit-source-id: ce90af3b700e6c3d9a779a3bab4673ba356f3933
2020-08-04 07:47:14 -07:00
Michel Weststrate
94eaaf5dca killed the concept of customizable column sets per device in device logs
Summary:
No device was using this feature, so doesn't look like there is a reason to keep it.

...if somebody was about to use this feature, let me know :). But probably, if we need this, a much more simple solution is to determine the visible columns with a simple switch on device type in the logs plugin, even though that is strictly speaking less scalable. But the current solution feels a bit over-engineered for something that is not really used.

Marked [interesting] as I might be missing some background concept which would make this relevant as well.

Reviewed By: jknoxville, nikoant

Differential Revision: D22763507

fbshipit-source-id: ecdbc779cbbfa3b0b72c80b459b12c1a25bf3fc4
2020-08-04 07:47:14 -07:00
Michel Weststrate
d538b66088 Cleaned up deviceType enum
Summary:
The device type enum was mixing two different concepts (emulator vs physical) and (archived vs not), and we already have a separate `isArchived` field. So cleaned this up to not leak it into sandy.

If anybody can think of any unforeseen consequences of this, lemme know :)

Reviewed By: jknoxville

Differential Revision: D22763506

fbshipit-source-id: bd2f7dbd1d2d2e6942ba7c6ddd8dc91ee34d591d
2020-08-04 07:47:13 -07:00
Michel Weststrate
642261c0d0 Cleanup and some code reuse between Device- and normal Plugins
Summary: Introducing a base abstract class (blegh) to share some life cycle management between Device- and normal plugins. Cleaned up the test utils a bit as well + some old TODO's that now have been taken care of

Reviewed By: nikoant

Differential Revision: D22727089

fbshipit-source-id: 507816f1bfdbc6e7e71d4bd365b881b6710ca917
2020-08-04 07:08:32 -07:00
Michel Weststrate
b9c9e89b53 Support activate and deactivate in normal plugins
Summary:
Device plugins have an activate and deactivate hook, that reflects the plugin being selected in the UI. Added these same hooks to client plugins as well. In practice they are called at the same times as `onConnect` and `onDisconnect`, except for background plugins, which connect only once, so it is pretty useful to be still able to make the distinction.

Since there is now quite some common functionality between plugins and device plugins, will clean things a bit up in a next diff

[Interesting] as it explains the difference between the different lifecycle methods of plugins, and the impact of being a background plugin

LIfecycle summary:

1. app connects
2. for background plugins: connect them (`onConnect`)
3. user selects a plugin, triggers `onActivate`. will also trigger `onConnect` the plugin if it _isnt_ a bg plugin
4. user selects a different plugin, triggers `onDeactivate`. will also trigger `onDisconnect` if it isn't a bg plugin.
5. app is unloaded. Triggers `onDisconnect` for bg plugins. Triggers `onDestroy` for all plugins,

Reviewed By: jknoxville

Differential Revision: D22724791

fbshipit-source-id: 9fe2e666eb37fa2e0bd00fa61d78d2d4b1080137
2020-08-04 07:08:31 -07:00
Michel Weststrate
f8ff6dc393 added deeplink support to sandy device plugins
Summary:
Make sure device plugins can be deeplinked as well.

(note that the duplication between `Plugin` and `DevicePlugin` is cleaned up again in D22727089, first wanted to make it work and tested, then clean)

DeepLink no longer have to be strings, per popular requests, as that makes direct linking between plugins easier (online links from the outside world have to arrive as strings)

Reviewed By: jknoxville, nikoant

Differential Revision: D22727091

fbshipit-source-id: 523c90b1e1fbf3700fdb4f62699dd57070cbc980
2020-08-04 07:08:31 -07:00
Michel Weststrate
b621dcf754 Make sure sandy device plugins are rendered
Summary: Now that we can load device plugins, let's make sure they are rendered as well.

Reviewed By: passy, nikoant

Differential Revision: D22693927

fbshipit-source-id: 22574ec6e629e6dd66e42193b406ceb7dfcf1836
2020-08-04 07:08:31 -07:00
Michel Weststrate
489dd1521e Make sure Sandy Devices Plugins are loaded in Flipper devices
Summary:
This diff makes sure that devices will actually instantiate applicable sandy device plugins. Similar to how client plugins are owned by Client, device plugins are directly owned by BaseDevice, which significantly simplifies life cycle management and doesn't dispatch updates to all Redux connect components whenever something irrelevant changes.

Also made sure `device.teardown()` is called. That API already existed, but wasn't used or implemented before.

Updated Flipper test utils to support testing device plugins as well (both Sandy and classic ones)

Reviewed By: passy, nikoant

Differential Revision: D22693929

fbshipit-source-id: 73b2b8666ef7a0e748ea89360db84734d37eb5be
2020-08-04 07:08:31 -07:00
Michel Weststrate
1e956e1bf5 Make sure Sandy Device Plugins can be unit testsed
Summary: Add unit tests to verify that the unit test utilities for for Sandy device plugins work as expected. Fixed a bug revealed by that and cleaned up some TODO's

Reviewed By: jknoxville, passy, nikoant

Differential Revision: D22693928

fbshipit-source-id: 93162db19d826d0cd7f642cef1447fd756261ac8
2020-08-04 07:08:31 -07:00
Michel Weststrate
91ed4e31c0 Introduce DevicePlugin APIs
Summary:
This stack introduces Sandy device plugins, they are quite similar to normal plugins, but, a devicePlugin module is organized as

```
export function supportsDevice(device): boolean

export function devicePlugin(devicePluginClient)

export function Component
```

Device plugins get access to the device meta data and can subscribe to the `onLogEntry` callback and `onDestroy` lifecycle.

They will be able to store state just as normal plugins, but can't send or receive methods, so devicePluginClient is a bit limited.

This diff only sets up most of the new data structures, and makes sure everything still compiles and no existing tests fail.

To prevent this diff from becoming to big, actually loading, rendering and testing device plugins will be done in next diffs

Please take a critical look at the api proposed and the (especially) the public names used :)

Reviewed By: passy, nikoant

Differential Revision: D22691351

fbshipit-source-id: bdbbd7f86d14b646fc9a693ad19f33583a76f26d
2020-08-04 07:08:31 -07:00
generatedunixname89002005306973
f01b84be27 Flipper Release: v0.52.0
Summary: Releasing version 0.52.0

Reviewed By: passy

Differential Revision: D22921075

fbshipit-source-id: 4cab9552dcd5ff1a64d20e1e771a4f5173d54860
2020-08-04 06:15:23 -07:00
Michel Weststrate
c802215dd2 Make most text selectable
Summary:
Fix long standing issue where text by default in Flipper is not selectable. Which is super annoying when working with tables, trying to copy error messages, etc etc. Wanted to fix it with ant.design, but got so annoyed by not being able to select an error I needed, that I fixed it now :-P.

This diff makes all text selectable by default, and then bails out for specific elements, like section headers, button captions, the left toolbar (navigation) and top toolbar to preserve the desktop app look & feel.

Fixes a popular papercut issue

Changelog: All text is now selectable by default in Flipper.

Reviewed By: passy

Differential Revision: D22897793

fbshipit-source-id: 7bc50a987e012595956c07d1997959a5480790aa
2020-08-04 03:06:13 -07:00
Nicole Stiliyan Vukadinova
a37d48d67e Fix the inconsistency in the timestamps for markerStart and markerEnd
Summary: There was in inconsistency in the timestamps used for markerStart and markerEnd, resulting in negative duration being reported in the Scuba table.

Reviewed By: nubbel

Differential Revision: D22791255

fbshipit-source-id: a4a16c6583974a0423b12805fb8d1a22af44cf5c
2020-07-28 07:22:38 -07:00
generatedunixname89002005306973
5dc98bab9d Flipper Release: v0.51.0
Summary: Releasing version 0.51.0

Reviewed By: nikoant

Differential Revision: D22728768

fbshipit-source-id: 49eabdccc7fd335401618f91b890e94fda11b23f
2020-07-24 10:03:20 -07:00
Anton Nikolaev
323c9d25d4 Fix layout of error and doctor bars
Summary: Changelog: Fixed layout of doctor and error bars which was broken in version 50

Reviewed By: mweststrate

Differential Revision: D22692069

fbshipit-source-id: 43d779656d30675b785eab67d6b7dcca4471653f
2020-07-24 08:33:07 -07:00
John Knox
9ada27526c Change RatingButton to use Popover2
Summary:
The original Popover component doesn't work when the popover goes out of bounds of the current container, and overflow is not visible, which is the case in the title bar.

This changes it to use a new absolutely positioned one instead.

Reviewed By: mweststrate

Differential Revision: D22724110

fbshipit-source-id: f41b6d154ccb66a94b63533fe9c30d2a2c49f1db
2020-07-24 07:13:28 -07:00
John Knox
d7a6356fb6 Add Popover2 component
Summary:
The current Popover component isn't compatible with the new (in progress) component library because it relies on overflowing container elements, which isn't allowed in the generic Layout component.

So this is a new Popover element, which uses absolute positioning instead. It takes heavy inspiration from the Tooltip and TooltipProvider components which do a similar thing.

Still to do:
[x] Edge cases when popover would be near a window edge
[x] Style it to look nice
[x] Split the use case (RatingButton) changes into a separate diff
[x] When the location of the popover container moves (the rating button in this case, e.g. if you resize the window), it doesn't currently cause the effect function in the popover, so it doesn't get moved when it should
[x] Add a little pointer thingy like a speech bubble
[x] Make sure it's perfectly positioned
[ ] Rename it to Popover and delete the old one. Not done, since it's just a stopgap.

Reviewed By: mweststrate

Differential Revision: D22693105

fbshipit-source-id: bc141433914bc20da48f8ae96764a95f7cd74ce5
2020-07-24 07:13:28 -07:00
Anton Nikolaev
ce180a106f Log login success rate
Summary: Report login success rate

Reviewed By: mweststrate

Differential Revision: D22698005

fbshipit-source-id: 5f02a2ddaaf54acc564d09a5f781ed649ae8a3e6
2020-07-24 02:46:32 -07:00
Dominik Wielgórski
6561bc8f16 Added connection between InAppErrorReporter and Flipper Desktop App via Layout Plugin
Summary:
Created functionality which allows user to open clicked file from inAppErrorReporter.
Created "iface" interface for openInIDE API and created default implementation which indicates that openInIDE is not supported.
Created "impl" implementation specifically for fb4a.

Reviewed By: arpitratan

Differential Revision: D22642497

fbshipit-source-id: 7b3011c128a479e556b869fcc8c4147e153caf71
2020-07-23 13:47:09 -07:00
Elaina Hsu
9e4c5363c5 Deep-linking records to other strong records in the Store tab
Summary: All strong records with a matching record available in the store tab are underlined. When clicked on, it will direct the user to the corresponding store record.

Reviewed By: jonathoma

Differential Revision: D22622612

fbshipit-source-id: 537dbb282e4ae1ff695c577ab47c413d41a10fa4
2020-07-23 09:14:56 -07:00
Nicole Stiliyan Vukadinova
7d06571cfa Add marker start and end to App to measure the startup time for Flipper (#1398)
Summary:
Pull Request resolved: https://github.com/facebook/flipper/pull/1398

Pull Request resolved: https://github.com/facebook/flipper/pull/1397

Reviewed By: nubbel

Differential Revision: D22549700

fbshipit-source-id: 7553ba075e45f1a515922012d7db4fdefefcaa24
2020-07-23 07:32:53 -07:00
Michel Weststrate
f0c54667e0 Support handling deeplinks in plugins
Summary:
This adds support for handling incoming deeplinks in a Sandy plugin, which can be done by using a `client.onDeepLink(deepLink => { } )` listener

Also generalized deeplinks to not just support strings, but also richer objects, which is beneficial to plugin to plugin linking.

Reviewed By: jknoxville

Differential Revision: D22524749

fbshipit-source-id: 2cbe8d52f6eac91a1c1c8c8494706952920b9181
2020-07-22 04:13:59 -07:00
Dominik Wielgórski
3e4d92aad0 Get the most accurate full path for a class name
Summary: Added functionality of choosing the best path from the list of potential full paths. By resolving a class name, the method getBestPath checks for the most accurate solution.

Reviewed By: adityasharat

Differential Revision: D22625186

fbshipit-source-id: 98ac4ccd1c18ec19b49edf2ed6e74a84a9899a9f
2020-07-21 04:15:50 -07:00
Pascal Hartig
000e7f85bf Update lodash (security fix)
Summary:
Trying to get our OSS report green and lodash is currently flagged as a security issue on GH.

Manually merged the different PRs on GitHub together.

Reviewed By: jonathoma

Differential Revision: D22599614

fbshipit-source-id: ea4c9abf21aade14cff9338b78b764b181193227
2020-07-17 14:36:24 -07:00
Timur Valiev
d28e763cca Self inspection
Summary:
let's finally inspect flipper with flipper!
Here we have:
1) a self inspection client which implements FlipperClient interface from js sdk and FlipperClientConnection. It links back and front parts of self inspection
2) simple plugin (UI) to show messages
3) back part of that plugin - it sends all received messages to UI part via client
4) we initialize self inspection for dev builds only

P. S. filesystem dependency will be replaced with npm one before I ship it (need to publish to npm first)

Reviewed By: mweststrate

Differential Revision: D22524533

fbshipit-source-id: 5c77e2f7b50e24ff7314e791a4dfe3c349dccdee
2020-07-17 04:54:44 -07:00
Dominik Wielgórski
3814c8fdfc Move openInIDE to Flipper core
Summary: Share functionality from D22375637

Reviewed By: mweststrate

Differential Revision: D22595715

fbshipit-source-id: 496a29c1c8e85eb1f065f48e650047a25c99b9d3
2020-07-17 03:48:36 -07:00
Elaina Hsu
0721735e37 Bolded names of Store record fields that appear in the Consistency List
Summary:
Bolded the record fields' keys if it is consistent (in the consistency white list).

*if the key is within an object, information on whether it is consistent will not be available in preview. The Object has to be physically expanded by the user in order to see the bolded key.

Reviewed By: mweststrate

Differential Revision: D22416084

fbshipit-source-id: 7eb1d8c65be07f880722a133b70195a4a63f0e75
2020-07-16 12:25:36 -07:00
John Knox
9e854d7b7d Fix visualizer margins
Summary:
Found a bug in the archived device visualizer. I realized I never actually announced this feature to anyone, so fixing it up before doing so.

CHANGELOG: Visual Android View inspection available in layout plugin export files.

Reviewed By: passy

Differential Revision: D22548586

fbshipit-source-id: bcb5b8bee6aac7c76354d2c7cb44d72c7d23f5ca
2020-07-15 08:09:17 -07:00
Anton Nikolaev
3e87715a8f Restart button added to plugin update notifications
Summary:
Simple implementation of restart button on auto-update notifications. Should make the flow a bit more convenient.

Changelog: Added button "Restart Flipper" to plugin auto-update notifications.

Reviewed By: passy

Differential Revision: D22528729

fbshipit-source-id: 6da6b858baed1e0f3cae57f1a614907b61899d10
2020-07-15 02:53:33 -07:00
Michel Weststrate
6fe477f19b Make sure Sandy plugins are selectable during export
Summary:
This diff makes sure Sandy plugins show up as well in the plugin selector when making exports (and in support form as well).

Also verified that this works with the Sandy updated section plugin.

Note that persisted state now didn't need any changes in the plugin code to work :)

Commented / simplified the calculation of available plugins a little bit and fixed a confusing issue where two different redux stores where created in one unit test, which caused an issue in the new implementation.

Reviewed By: jknoxville

Differential Revision: D22434301

fbshipit-source-id: c911196bc5b105309e82204188f124f40aab487a
2020-07-14 09:06:59 -07:00
Michel Weststrate
44f99eb304 Support export data
Summary:
Made Sandy plugins part of the export / import logic

Note that in the export format there is now a `pluginStates2` field. It could have been put in `pluginStates` as well, but I started with that and it felt very weird, as the `pluginStates` are supposed to reflect what is living in the Redux stores, where sandy state doesn't live in the Redux store (not directly at least). Trying to store it in the same field made things overcomplicated and confusing.

Reviewed By: jknoxville

Differential Revision: D22432769

fbshipit-source-id: d9858e561fad4fadbf0f90858874ed444e3a836c
2020-07-14 09:06:59 -07:00
Michel Weststrate
0e4a6d659b Make sure plugins can serialize and deserialize
Summary:
This plugin adds serialization capabilities to Sandy plugins buy setting the a `persist: <key>` flag. This shouldn't be used for state that is unserializable, too big, too sensitive, or irrelevant during export / import.

Using an explicit `persist` flag is done to make plugins robust to changes over time; as long as the key is kept the same, state variables can be renamed and reordered without breaking the import / export format. Also it allows us to detect some changes in the import / export format and warn about it.

Alternative designs considered but not implemented would be:
1. requiring the user to explicitly return the state from the factory (e.g. `const todos = createState([]); return { todos }`,
2. or construct the state from client (e.g. `const todos = client.createState([])`)
3. enable persistence by default, and store states in the order the states were created (much like useState in React). This was implemented in the first versions of this diff, but as pointed out in the discussions, this is too sensitive too (accidental) format changes, as the storage format would be quite implicit

A nice benefit of the current approach, especially compared with alternative approach 1, is that state being restored is immediately visible in the plugin factory. In other words, directly after initialization `const todos = createState([])`, the `todos.get()` is actually set to the state that is being restored, rather than having still the initial state which is only overridden rather. So this behaves very much like the `useState` hook in React.

Furthermore, in the future we could use the same `persist` key in combination with other options, such as `saveToLocalStorage`, in case some state acts as a 'preference' (T69989583).

`TestUtils.startPlugin` supports starting plugins with an initial state by using the optional `initialState` field

Actually wiring up the serialization and deserialization into the export / import functionality of Flipper is done in the next diff.

Reviewed By: jknoxville

Differential Revision: D22432770

fbshipit-source-id: 9a4849582c2f6f54d1e40f65a6cba73092c28fe8
2020-07-14 09:06:59 -07:00
Pascal Hartig
9d57a667ef Bump @types/testing-library__react from 10.0.0 to 10.2.0 in /desktop (#1366)
Summary:
Created a few breakages. Would appreciate some closer eyes on this.

Pull Request resolved: https://github.com/facebook/flipper/pull/1366

Reviewed By: mweststrate

Differential Revision: D22501454

fbshipit-source-id: 9b882a12aecc65da85f29101bf87bf27519a7d2a
2020-07-14 06:19:16 -07:00
Anton Nikolaev
30213e118f Update Metro to 0.60.0 (#1380)
Summary:
Pull Request resolved: https://github.com/facebook/flipper/pull/1380

Updated Metro to 0.60.0

Reviewed By: mweststrate

Differential Revision: D22453798

fbshipit-source-id: 14c5bacf88bc31bd3dd06ad42edf271769a4a669
2020-07-14 01:08:01 -07:00
dependabot[bot]
23758a8fbf Bump pretty-format from 26.0.1 to 26.1.0 in /desktop (#1378)
Summary:
Bumps [pretty-format](https://github.com/facebook/jest/tree/HEAD/packages/pretty-format) from 26.0.1 to 26.1.0.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a href="https://github.com/facebook/jest/releases">pretty-format's releases</a>.</em></p>
<blockquote>
<h2>26.1.0</h2>
<h3>Features</h3>
<ul>
<li><code>[jest-mock]</code> Export <code>Mock</code>, <code>MockInstance</code>, <code>SpyInstance</code> types (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10138">#10138</a>)</li>
<li><code>[jest-config]</code> Support config files exporting (<code>async</code>) <code>function</code>s (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10001">#10001</a>)</li>
<li><code>[jest-cli, jest-core]</code> Add <code>--selectProjects</code> CLI argument to filter test suites by project name (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/8612">#8612</a>)</li>
<li><code>[jest-cli, jest-init]</code> Add <code>coverageProvider</code> to <code>jest --init</code> prompts (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10044">#10044</a>)</li>
</ul>
<h3>Fixes</h3>
<ul>
<li><code>[jest-console]</code> <code>getConsoleOutput</code> to receive global stack trace config and use it to format stack trace (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10081">#10081</a>)</li>
<li><code>[jest-jasmine2]</code> Stop adding <code>:</code> after an error that has no message (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/9990">#9990</a>)</li>
<li><code>[jest-diff]</code> Control no diff message color with <code>commonColor</code> in diff options (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/9997">#9997</a>)</li>
<li><code>[jest-snapshot]</code> Fix TypeScript compilation (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10008">#10008</a>)</li>
</ul>
<h3>Chore &amp; Maintenance</h3>
<ul>
<li><code>[docs]</code> Correct confusing filename in <code>enableAutomock</code> example (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10055">#10055</a>)</li>
<li><code>[jest-core]</code> 🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉 (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10000">#10000</a>)</li>
<li><code>[jest-core, jest-reporters, jest-test-result, jest-types]</code> Cleanup <code>displayName</code> type (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10049">#10049</a>)</li>
<li><code>[jest-runtime]</code> Jest-internal sandbox escape hatch (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/9907">#9907</a>)</li>
<li><code>[jest-fake-timers]</code> Update <code>now</code> param type to support <code>Date</code> in addition to <code>number</code>. (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10169">#10169</a>)</li>
<li><code>[docs]</code> Add param to <code>setSystemTime</code> docs and remove preceding period from it and <code>getRealSystemTime</code> (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10169">#10169</a>)</li>
<li><code>[jest-snapshot, jest-util]</code> Replace <code>make-dir</code> with <code>fs.mkdir</code> (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10136">#10136</a>)</li>
</ul>
<h3>Performance</h3>
<ul>
<li><code>[jest-core, jest-transform, jest-haste-map]</code> Improve Jest startup time and test runtime, particularly when running with coverage, by caching micromatch and avoiding recreating RegExp instances (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10131">#10131</a>)</li>
</ul>
</blockquote>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a href="https://github.com/facebook/jest/blob/master/CHANGELOG.md">pretty-format's changelog</a>.</em></p>
<blockquote>
<h2>26.1.0</h2>
<h3>Features</h3>
<ul>
<li><code>[jest-mock]</code> Export <code>Mock</code>, <code>MockInstance</code>, <code>SpyInstance</code> types (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10138">#10138</a>)</li>
<li><code>[jest-config]</code> Support config files exporting (<code>async</code>) <code>function</code>s (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10001">#10001</a>)</li>
<li><code>[jest-cli, jest-core]</code> Add <code>--selectProjects</code> CLI argument to filter test suites by project name (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/8612">#8612</a>)</li>
<li><code>[jest-cli, jest-init]</code> Add <code>coverageProvider</code> to <code>jest --init</code> prompts (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10044">#10044</a>)</li>
</ul>
<h3>Fixes</h3>
<ul>
<li><code>[jest-console]</code> <code>getConsoleOutput</code> to receive global stack trace config and use it to format stack trace (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10081">#10081</a>)</li>
<li><code>[jest-jasmine2]</code> Stop adding <code>:</code> after an error that has no message (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/9990">#9990</a>)</li>
<li><code>[jest-diff]</code> Control no diff message color with <code>commonColor</code> in diff options (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/9997">#9997</a>)</li>
<li><code>[jest-snapshot]</code> Fix TypeScript compilation (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10008">#10008</a>)</li>
</ul>
<h3>Chore &amp; Maintenance</h3>
<ul>
<li><code>[docs]</code> Correct confusing filename in <code>enableAutomock</code> example (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10055">#10055</a>)</li>
<li><code>[jest-core]</code> 🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉 (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10000">#10000</a>)</li>
<li><code>[jest-core, jest-reporters, jest-test-result, jest-types]</code> Cleanup <code>displayName</code> type (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10049">#10049</a>)</li>
<li><code>[jest-runtime]</code> Jest-internal sandbox escape hatch (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/9907">#9907</a>)</li>
<li><code>[jest-fake-timers]</code> Update <code>now</code> param type to support <code>Date</code> in addition to <code>number</code>. (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10169">#10169</a>)</li>
<li><code>[docs]</code> Add param to <code>setSystemTime</code> docs and remove preceding period from it and <code>getRealSystemTime</code> (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10169">#10169</a>)</li>
<li><code>[jest-snapshot, jest-util]</code> Replace <code>make-dir</code> with <code>fs.mkdir</code> (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10136">#10136</a>)</li>
<li><code>[docs]</code> Added parcel-bundler documentation inside readme.md file</li>
</ul>
<h3>Performance</h3>
<ul>
<li><code>[jest-core, jest-transform, jest-haste-map]</code> Improve Jest startup time and test runtime, particularly when running with coverage, by caching micromatch and avoiding recreating RegExp instances (<a href="https://github-redirect.dependabot.com/facebook/jest/pull/10131">#10131</a>)</li>
</ul>
</blockquote>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a href="817d8b6aca"><code>817d8b6</code></a> v26.1.0</li>
<li><a href="9ffd368330"><code>9ffd368</code></a> chore: upgrade to typescript 3.9 (<a href="https://github.com/facebook/jest/tree/HEAD/packages/pretty-format/issues/10031">#10031</a>)</li>
<li>See full diff in <a href="https://github.com/facebook/jest/commits/v26.1.0/packages/pretty-format">compare view</a></li>
</ul>
</details>
<br />

[![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=pretty-format&package-manager=npm_and_yarn&previous-version=26.0.1&new-version=26.1.0)](https://help.github.com/articles/configuring-automated-security-fixes)

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `dependabot rebase`.

[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)

 ---

<details>
<summary>Dependabot commands and options</summary>
<br />

You can trigger Dependabot actions by commenting on this PR:
- `dependabot rebase` will rebase this PR
- `dependabot recreate` will recreate this PR, overwriting any edits that have been made to it
- `dependabot merge` will merge this PR after your CI passes on it
- `dependabot squash and merge` will squash and merge this PR after your CI passes on it
- `dependabot cancel merge` will cancel a previously requested merge and block automerging
- `dependabot reopen` will reopen this PR if it is closed
- `dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- `dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- `dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- `dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

</details>

Pull Request resolved: https://github.com/facebook/flipper/pull/1378

Reviewed By: nikoant

Differential Revision: D22504856

Pulled By: passy

fbshipit-source-id: e66678f3653bfc6c718dc1ac1d793cd2cdb4a901
2020-07-13 10:32:05 -07:00
dependabot[bot]
066b1e535d Bump react-transition-group from 4.3.0 to 4.4.1 in /desktop (#1367)
Summary:
Bumps [react-transition-group](https://github.com/reactjs/react-transition-group) from 4.3.0 to 4.4.1.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a href="https://github.com/reactjs/react-transition-group/releases">react-transition-group's releases</a>.</em></p>
<blockquote>
<h2>v4.4.1</h2>
<h2><a href="https://github.com/reactjs/react-transition-group/compare/v4.4.0...v4.4.1">4.4.1</a> (2020-05-06)</h2>
<h3>Bug Fixes</h3>
<ul>
<li>transition SSR (<a href="https://github-redirect.dependabot.com/reactjs/react-transition-group/issues/619">https://github.com/facebook/flipper/issues/619</a>) (<a href="2722bb6b75">2722bb6</a>)</li>
</ul>
<h2>v4.4.0</h2>
<h1><a href="https://github.com/reactjs/react-transition-group/compare/v4.3.0...v4.4.0">4.4.0</a> (2020-05-05)</h1>
<h3>Features</h3>
<ul>
<li>add <code>nodeRef</code> alternative instead of internal <code>findDOMNode</code> (<a href="https://github-redirect.dependabot.com/reactjs/react-transition-group/issues/559">https://github.com/facebook/flipper/issues/559</a>) (<a href="85016bfddd">85016bf</a>)
<ul>
<li>
<p>react-transition-group internally uses <code>findDOMNode</code>, which is deprecated and produces warnings in <a href="https://reactjs.org/docs/strict-mode.html">Strict Mode</a>, so now you can optionally pass <code>nodeRef</code> to <code>Transition</code> and <code>CSSTransition</code>, it's a ref object that should point to the transitioning child:</p>
<pre lang="jsx"><code>import React from &quot;react&quot;
import { CSSTransition } from &quot;react-transition-group&quot;
<p>const MyComponent = () =&gt; {
const nodeRef = React.useRef(null)
return (
&lt;CSSTransition nodeRef={nodeRef} in timeout={200} classNames=&quot;fade&quot;&gt;
&lt;div ref={nodeRef}&gt;Fade&lt;/div&gt;
&lt;/CSSTransition&gt;
)
}
</code></pre></p>
</li>
</ul>
</li>
</ul>
<h3>Bug Fixes</h3>
<ul>
<li>set the values of constants attached to <code>Transition</code> to match the exported ones (<a href="https://github-redirect.dependabot.com/reactjs/react-transition-group/issues/554">https://github.com/facebook/flipper/issues/554</a>)</li>
</ul>
</blockquote>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a href="https://github.com/reactjs/react-transition-group/blob/master/CHANGELOG.md">react-transition-group's changelog</a>.</em></p>
<blockquote>
<h2><a href="https://github.com/reactjs/react-transition-group/compare/v4.4.0...v4.4.1">4.4.1</a> (2020-05-06)</h2>
<h3>Bug Fixes</h3>
<ul>
<li>transition SSR (<a href="https://github-redirect.dependabot.com/reactjs/react-transition-group/issues/619">https://github.com/facebook/flipper/issues/619</a>) (<a href="2722bb6b75">2722bb6</a>)</li>
</ul>
<h1><a href="https://github.com/reactjs/react-transition-group/compare/v4.3.0...v4.4.0">4.4.0</a> (2020-05-05)</h1>
<h3>Features</h3>
<ul>
<li>add <code>nodeRef</code> alternative instead of internal <code>findDOMNode</code> (<a href="https://github-redirect.dependabot.com/reactjs/react-transition-group/issues/559">https://github.com/facebook/flipper/issues/559</a>) (<a href="85016bfddd">85016bf</a>)
<ul>
<li>
<p>react-transition-group internally uses <code>findDOMNode</code>, which is deprecated and produces warnings in <a href="https://reactjs.org/docs/strict-mode.html">Strict Mode</a>, so now you can optionally pass <code>nodeRef</code> to <code>Transition</code> and <code>CSSTransition</code>, it's a ref object that should point to the transitioning child:</p>
<pre lang="jsx"><code>import React from &quot;react&quot;
import { CSSTransition } from &quot;react-transition-group&quot;
<p>const MyComponent = () =&gt; {
const nodeRef = React.useRef(null)
return (
&lt;CSSTransition nodeRef={nodeRef} in timeout={200} classNames=&quot;fade&quot;&gt;
&lt;div ref={nodeRef}&gt;Fade&lt;/div&gt;
&lt;/CSSTransition&gt;
)
}
</code></pre></p>
</li>
</ul>
</li>
</ul>
<h3>Bug Fixes</h3>
<ul>
<li>set the values of constants attached to <code>Transition</code> to match the exported ones (<a href="https://github-redirect.dependabot.com/reactjs/react-transition-group/pull/554">https://github.com/facebook/flipper/issues/554</a>)</li>
</ul>
</blockquote>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a href="1fd4a65ac4"><code>1fd4a65</code></a> chore(release): 4.4.1 [skip ci]</li>
<li><a href="2722bb6b75"><code>2722bb6</code></a> fix: transition SSR (<a href="https://github-redirect.dependabot.com/reactjs/react-transition-group/issues/619">https://github.com/facebook/flipper/issues/619</a>)</li>
<li><a href="46bdb6e948"><code>46bdb6e</code></a> refactor(Transition): simplify render function (<a href="https://github-redirect.dependabot.com/reactjs/react-transition-group/issues/621">https://github.com/facebook/flipper/issues/621</a>)</li>
<li><a href="6ab44733ec"><code>6ab4473</code></a> chore: install dependencies in both dirs on CI</li>
<li><a href="ce9412841c"><code>ce94128</code></a> chore: Fix ESLint errors in www on CI (<a href="https://github-redirect.dependabot.com/reactjs/react-transition-group/issues/620">https://github.com/facebook/flipper/issues/620</a>)</li>
<li><a href="fbbcc1d22b"><code>fbbcc1d</code></a> test: enable <code>React.StrictMode</code> (<a href="https://github-redirect.dependabot.com/reactjs/react-transition-group/issues/593">https://github.com/facebook/flipper/issues/593</a>)</li>
<li><a href="c8631587f9"><code>c863158</code></a> Expand notes for v4.4.0 and add missing fix</li>
<li><a href="80b663eebf"><code>80b663e</code></a> Add scroll margin to account for fixed header</li>
<li><a href="205c5ceb8a"><code>205c5ce</code></a> Update Yarn lockfile</li>
<li><a href="476cb63a28"><code>476cb63</code></a> Change lint script to run across entire project</li>
<li>Additional commits viewable in <a href="https://github.com/reactjs/react-transition-group/compare/v4.3.0...v4.4.1">compare view</a></li>
</ul>
</details>
<br />

[![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=react-transition-group&package-manager=npm_and_yarn&previous-version=4.3.0&new-version=4.4.1)](https://help.github.com/articles/configuring-automated-security-fixes)

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `dependabot rebase`.

[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)

 ---

<details>
<summary>Dependabot commands and options</summary>
<br />

You can trigger Dependabot actions by commenting on this PR:
- `dependabot rebase` will rebase this PR
- `dependabot recreate` will recreate this PR, overwriting any edits that have been made to it
- `dependabot merge` will merge this PR after your CI passes on it
- `dependabot squash and merge` will squash and merge this PR after your CI passes on it
- `dependabot cancel merge` will cancel a previously requested merge and block automerging
- `dependabot reopen` will reopen this PR if it is closed
- `dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- `dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- `dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- `dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

</details>

Pull Request resolved: https://github.com/facebook/flipper/pull/1367

Reviewed By: nikoant

Differential Revision: D22502222

Pulled By: passy

fbshipit-source-id: debea69fe5442e14516dbe0061de90a95325619c
2020-07-13 10:28:51 -07:00