6fe477f19b
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
84 lines
1.8 KiB
TypeScript
84 lines
1.8 KiB
TypeScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @format
|
|
*/
|
|
|
|
import * as React from 'react';
|
|
import {FlipperClient} from '../plugin/Plugin';
|
|
import {usePlugin} from '../plugin/PluginContext';
|
|
import {createState, useValue} from '../state/atom';
|
|
|
|
type Events = {
|
|
inc: {
|
|
delta: number;
|
|
};
|
|
};
|
|
|
|
type Methods = {
|
|
currentState(params: {since: number}): Promise<number>;
|
|
};
|
|
|
|
export function plugin(client: FlipperClient<Events, Methods>) {
|
|
const connectStub = jest.fn();
|
|
const disconnectStub = jest.fn();
|
|
const destroyStub = jest.fn();
|
|
const state = createState(
|
|
{
|
|
count: 0,
|
|
},
|
|
{
|
|
persist: 'counter',
|
|
},
|
|
);
|
|
|
|
client.onConnect(connectStub);
|
|
client.onDisconnect(disconnectStub);
|
|
client.onDestroy(destroyStub);
|
|
client.onMessage('inc', ({delta}) => {
|
|
state.update((draft) => {
|
|
draft.count += delta;
|
|
});
|
|
});
|
|
|
|
function _unused_JustTypeChecks() {
|
|
// @ts-expect-error Argument of type '"bla"' is not assignable
|
|
client.send('bla', {});
|
|
// @ts-expect-error Argument of type '{ stuff: string; }' is not assignable to parameter of type
|
|
client.send('currentState', {stuff: 'nope'});
|
|
// @ts-expect-error
|
|
client.onMessage('stuff', (_params) => {
|
|
// noop
|
|
});
|
|
client.onMessage('inc', (params) => {
|
|
// @ts-expect-error
|
|
params.bla;
|
|
});
|
|
}
|
|
|
|
async function getCurrentState() {
|
|
return client.send('currentState', {since: 0});
|
|
}
|
|
|
|
return {
|
|
connectStub,
|
|
destroyStub,
|
|
disconnectStub,
|
|
getCurrentState,
|
|
state,
|
|
};
|
|
}
|
|
|
|
export function Component() {
|
|
const api = usePlugin(plugin);
|
|
const count = useValue(api.state).count;
|
|
|
|
// @ts-expect-error
|
|
api.bla;
|
|
|
|
return <h1>Hi from test plugin {count}</h1>;
|
|
}
|