97b8b8a1c4
Summary: flipper-server-companion depends on flipper-plugin. flipper-plugin includes dependencies that run only in a browser. Splitting flipper-plugin into core and browser packages helps to avoid including browser-only dependencies into flipper-server bundle. As a result, bundle size could be cut in half. Subsequently, RSS usage drops as there is twice as less code to process for V8. Note: it currently breaks external flipper-data-source package. It will be restored in subsequent diffs Reviewed By: lblasa Differential Revision: D38658285 fbshipit-source-id: 751b11fa9f3a2d938ce166687b8310ba8b059dee
62 lines
1.3 KiB
TypeScript
62 lines
1.3 KiB
TypeScript
/**
|
|
* Copyright (c) Meta Platforms, Inc. and 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 {DevicePluginClient, Device} from 'flipper-plugin-core';
|
|
import {usePlugin} from '../plugin/PluginContext';
|
|
import {createState} from 'flipper-plugin-core';
|
|
import {useValue} from '../state/atom';
|
|
|
|
export function supportsDevice(_device: Device) {
|
|
return true;
|
|
}
|
|
|
|
export function devicePlugin(client: DevicePluginClient) {
|
|
const logStub = jest.fn();
|
|
const activateStub = jest.fn();
|
|
const deactivateStub = jest.fn();
|
|
const destroyStub = jest.fn();
|
|
const state = createState(
|
|
{
|
|
count: 0,
|
|
},
|
|
{
|
|
persist: 'counter',
|
|
},
|
|
);
|
|
|
|
client.onDeviceLogEntry((entry) => {
|
|
state.update((d) => {
|
|
d.count++;
|
|
});
|
|
logStub(entry);
|
|
});
|
|
client.onActivate(activateStub);
|
|
client.onDeactivate(deactivateStub);
|
|
client.onDestroy(destroyStub);
|
|
|
|
return {
|
|
logStub,
|
|
activateStub,
|
|
deactivateStub,
|
|
destroyStub,
|
|
state,
|
|
};
|
|
}
|
|
|
|
export function Component() {
|
|
const api = usePlugin(devicePlugin);
|
|
const count = useValue(api.state).count;
|
|
|
|
// @ts-expect-error
|
|
api.bla;
|
|
|
|
return <h1>Hi from test plugin {count}</h1>;
|
|
}
|