### 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.