diff --git a/docs/tutorial/js-custom.mdx b/docs/tutorial/js-custom.mdx index 9df2687d8..19233525d 100644 --- a/docs/tutorial/js-custom.mdx +++ b/docs/tutorial/js-custom.mdx @@ -257,7 +257,7 @@ Both hooks can not only be used in the root `Component`, but also in any other c So it is not necessary to grab all the data at the root, or pass down the `instance` to all child components. Finally (`(4)`) we render the data we have. The details have been left out here, as from here it is just idiomatic React code. -The source of the other `MammalCard` component can be found [here](https://github.com/facebook/flipper/blob/master/desktop/plugins/seamammals/src/index.tsx#L113-L165). +The source of the other `MammalCard` component can be found [here](https://github.com/facebook/flipper/blob/master/desktop/plugins/public/seamammals/src/index.tsx#L113-L165). ### Unit testing the User Interface diff --git a/docs/tutorial/js-setup.mdx b/docs/tutorial/js-setup.mdx index 4bee77620..92b0c7528 100644 --- a/docs/tutorial/js-setup.mdx +++ b/docs/tutorial/js-setup.mdx @@ -47,7 +47,7 @@ $ npx flipper-pkg init The tool will ask you to provide "id" and "title" for your plugin. Use "sea-mammals" as "id" and "Sea Mammals" as "title". After that the tool will create two files in the directory: `package.json` and `src/index.tsx`. -See [package.json](https://github.com/facebook/flipper/blob/master/desktop/plugins/seamammals/package.json) for an example. +See [package.json](https://github.com/facebook/flipper/blob/master/desktop/plugins/public/seamammals/package.json) for an example. To ensure there are no errors in the defined plugin, install packages (using `yarn install` or `npm install`) and execute script `lint` (`yarn lint` or `npm run lint`) which shows all the mismatches that should be fixed to make the plugin definition valid. diff --git a/docs/tutorial/js-table.mdx b/docs/tutorial/js-table.mdx index d117feb12..a19faa8e6 100644 --- a/docs/tutorial/js-table.mdx +++ b/docs/tutorial/js-table.mdx @@ -139,7 +139,7 @@ export default createTablePlugin({ buildRow, }); ``` -*See [index.tsx](https://github.com/facebook/flipper/blob/master/desktop/plugins/seamammals/src/index.tsx)* +*See [index.tsx](https://github.com/facebook/flipper/blob/master/desktop/plugins/public/seamammals/src/index.tsx)* The `method` we define here corresponds to the name of the function we call on the native side to inform diff --git a/docs/tutorial/react-native.mdx b/docs/tutorial/react-native.mdx index 156a2024e..74c992e1e 100644 --- a/docs/tutorial/react-native.mdx +++ b/docs/tutorial/react-native.mdx @@ -51,4 +51,4 @@ The `connection` object can also be used to listen to messages coming from the D An example plugin to play a little Tic-Tac-Toe between the Flipper Desktop and a React Native app can be found inside this repository as well (run `yarn && yarn android` in `react-native/ReactNativeFlipperExample` to start the test project): * The React Native JavaScript based plugin implementation: [FlipperTicTacToe.js](https://github.com/facebook/flipper/tree/master/react-native/ReactNativeFlipperExample/FlipperTicTacToe.js) - * The Flipper Desktop plugin implementation: [rn-tic-tac-toe/index.tsx](https://github.com/facebook/flipper/blob/master/desktop/plugins/rn-tic-tac-toe/index.tsx) + * The Flipper Desktop plugin implementation: [rn-tic-tac-toe/index.tsx](https://github.com/facebook/flipper/blob/master/desktop/plugins/public/rn-tic-tac-toe/index.tsx)