### Install Dependencies and Build Packages
Source: https://contentful-field-editors.netlify.app/?path=%2Fdocs%2Fintroduction--docs
Install all project dependencies and build all packages using Yarn. This is a prerequisite for running the field editors and contributing to the project.
```bash
yarn
yarn build
```
--------------------------------
### Run Playground in Development Mode
Source: https://contentful-field-editors.netlify.app/?path=%2Fdocs%2Fcontributing--docs
Use this command to start the components playground in development mode.
```bash
yarn start
```
--------------------------------
### Run tests for a concrete package
Source: https://contentful-field-editors.netlify.app/?path=%2Fdocs%2Fcontributing--docs
Execute unit tests for a specific package. Navigate to the package directory first, then run the test command.
```bash
cd packages/single-line
yarn test
```
--------------------------------
### Run tests for all packages
Source: https://contentful-field-editors.netlify.app/?path=%2Fdocs%2Fcontributing--docs
Execute unit tests for all packages in the monorepo. Run this command from the monorepo root.
```bash
# at the monorepo root
yarn test:ci
```
--------------------------------
### Initialize Lingui for Internationalization
Source: https://contentful-field-editors.netlify.app/?path=%2Fdocs%2Fintroduction--docs
Include these packages and initialize lingui before rendering field editors for internationalization. Activate the desired locale code.
```javascript
import { i18n } from '@lingui/core';
import { compileMessage } from '@lingui/message-utils/compileMessage';
...
i18n.setMessagesCompiler(compileMessage);
i18n.activate('en-US'); // use desired locale code
const App = () => {
...
};
```
--------------------------------
### Watch and Rebuild Shared Packages
Source: https://contentful-field-editors.netlify.app/?path=%2Fdocs%2Fcontributing--docs
Navigate to a shared package directory and run this command to watch for changes and automatically rebuild the package.
```bash
cd packages/_shared
yarn watch
```
--------------------------------
### Run ESLint for all packages
Source: https://contentful-field-editors.netlify.app/?path=%2Fdocs%2Fcontributing--docs
Execute ESLint across all packages in the monorepo to check for code errors and enforce linting rules. Run this command from the monorepo root.
```bash
# at the monorepo root
yarn lint
```
--------------------------------
### Link Local Package for Contentful Web App Integration
Source: https://contentful-field-editors.netlify.app/?path=%2Fdocs%2Fcontributing--docs
Commands to link a local package to a locally running Contentful web application without publishing. This involves building the package, creating a symlink, and then linking it in the web app repository.
```bash
yarn
yarn build
cd packages/single-line
# register a symplink
yarn link
# watch for changes in the package
yarn watch
```
```bash
# create a symlink to a local folder
yarn link '@contentful/field-editor-single-line'
```
--------------------------------
### Run TypeScript checker for all packages
Source: https://contentful-field-editors.netlify.app/?path=%2Fdocs%2Fcontributing--docs
Initiate the TypeScript type checker for all packages within the monorepo to ensure type safety. This command should be executed from the monorepo root.
```bash
# at the monorepo root
yarn tsc
```
--------------------------------
### LocalePublishingEntityStatusBadge Controls
Source: https://contentful-field-editors.netlify.app/?path=%2Fstory%2Fshared-localepublishingentitystatusbadge--default
Defines the controls for the LocalePublishingEntityStatusBadge component, specifying the types and expected values for its properties.
```plaintext
entity*| RAWentity : {
sys : {...} 14 keysfields : {...} 1 key
}
```
```plaintext
isScheduled*| FalseTrue
```
```plaintext
jobs*| RAWjobs : [
]
```
```plaintext
activeLocales| RAWactiveLocales : [
0 : {...} 1 key1 : {...} 1 key2 : {...} 1 key3 : {...} 1 key
]
```
```plaintext
localesStatusMap| RAWlocalesStatusMap : {
af : {...} 2 keysar : {...} 2 keysde : {...} 2 keysen-US : {...} 2 keysfr : {...} 2 keys
}
```
--------------------------------
### Apply Global Styles for Contentful Field Editor Look
Source: https://contentful-field-editors.netlify.app/?path=%2Fdocs%2Fintroduction--docs
To ensure your field editor matches the Contentful UI, render the GlobalStyles component. This component provides the necessary styling for the Forma36 design system.
```jsx
import { GlobalStyles } from '@contentful/f36-components';
function Root() {
return (
<>
>
);
}
```
--------------------------------
### LocalePublishingEntityStatusBadge Props
Source: https://contentful-field-editors.netlify.app/?path=%2Fdocs%2Fshared-localepublishingentitystatusbadge--docs
Defines the properties for the LocalePublishingEntityStatusBadge component, including entity, isScheduled, jobs, activeLocales, and localesStatusMap.
```json
{
entity: {
sys: {...} 14 keys
fields: {...} 1 key
}
isScheduled: boolean
jobs: ScheduledActionProps[]
activeLocales: Pick[]
localesStatusMap: Map
}
```
=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.