# GitHub Action Source: https://developer.dittowords.com/additional-tools/gh-action Automatically create pull requests with the latest text updates ## Overview Our GitHub Action utilizes the Ditto CLI to automatically create pull requests on GitHub with the latest text updates in any repository where the action is triggered. Check it out [here](https://github.com/marketplace/actions/ditto-github-action). Ditto Github Action ## Additional Information For setup instructions and example workflows, see the instructions listed [on the Github Action](https://github.com/marketplace/actions/ditto-github-action). For instructions on configuring the Ditto CLI (including formats and selecting the set of text to sync), see our [CLI documentation](/cli-reference). # GitHub PR Review Bot Source: https://developer.dittowords.com/additional-tools/github-pr-review-bot Automatically review pull requests for style guide violations and text re-use suggestions ## Overview The Ditto GitHub PR Review Bot automatically reviews pull request text and leaves inline suggestions directly in GitHub. When triggered, the bot checks the diff for: * **Style guide violations:** text that doesn't match your active Ditto style guide rules * **Text re-use opportunities:** text that already exists in Ditto and could be reused instead of introducing new text GitHub bot review example ## Prerequisites Before setting up the integration, make sure you have: * **Style guides enabled** in your Ditto workspace with at least one active rule. The bot uses these to evaluate PR text, so without them there's nothing to check against. * **GitHub admin access** for the account or organization you want to install the app on. If you're a GitHub org member (not a GitHub admin), you can still request installation, but a GitHub admin with Ditto access will need to approve it before the bot activates. ## Installation In your Ditto workspace, go to **Integrations** and click the **GitHub** card. GitHub integration installation card Click **Install Ditto's GitHub App**. You'll be redirected to GitHub to complete the installation. For more details on this flow, see [GitHub's documentation on installing GitHub Apps](https://docs.github.com/en/apps/using-github-apps/installing-a-github-app-from-a-third-party). Choose the account or organization where you want to install the bot: * **GitHub org member:** submitting will send an approval request to your GitHub org's admins. You'll finish linking the app to Ditto in the next step, once a GitHub admin approves the request. * **GitHub org admin:** you can install directly. GitHub installation repository access card Select which repositories you want the bot to have access to, then confirm the following permissions: * Read access to **code** and **metadata** * Read and write access to **issues** and **pull requests** The bot will **never write or modify code**; it only comments on pull requests. Click **Install** (or **Request**, for GitHub org members) to confirm. After installing, you'll be redirected back to Ditto. * **GitHub org member:** the GitHub integration will show as **Pending** while the request awaits GitHub admin approval. Once a GitHub admin approves the install, comment **`/ditto connect`** on any pull request in a covered repository to finish linking the app to your Ditto workspace. * **GitHub org admin:** the GitHub integration will show as **Connected** and the bot is ready to use. GitHub integration successful install card ## Configuration Once connected, you can configure the bot's behavior under **Settings > Connections** in Ditto. GitHub app configuration in Ditto | Setting | Description | | ----------------- | -------------------------------------------------------------------------------------------------------------------- | | **PR Review Tag** | The GitHub label that triggers a review. Defaults to `ditto`. Change this to any label name that fits your workflow. | | **Style Guides** | Select which style guides the bot should check against. Only the selected guides will be used during review. | ## Using the Bot Once installed and configured, a review can be triggered in two ways: * **Label:** apply your configured label to the PR * **Comment:** post `/ditto review` as a comment on the PR Create or open a pull request in a repository where the bot is installed. Either apply your configured label to the PR, or post a **`/ditto review`** comment. Both will kick off a review. Adding configured Ditto review label to GitHub PR In a few moments, the Ditto bot will comment on the PR with a summary of its findings, including any style guide violations and existing text in Ditto that could be reused. If nothing is flagged, it will let you know the text looks good. You can commit suggestions directly from GitHub's PR interface. The changes will be associated with the user that accepts the suggestions. If the PR has the triggering label applied, the bot will automatically re-review on each new commit and won't re-flag suggestions that have already been addressed. Committing a Ditto suggestion in GitHub # SDKs Source: https://developer.dittowords.com/additional-tools/sdks Framework-specific SDKs help developers surface the text managed by Ditto directly in frontend development ## Ditto React SDK [ditto-react](https://www.npmjs.com/package/ditto-react) is a library created and maintained by Ditto that makes it easy to pull text from string files managed by Ditto into React and React Native applications. It works hand-in-hand with the Ditto CLI to support integrating text, works with all JSON export formats, and has first-class support for variants. For instructions on installing and integrating the library into your own codebase, see the [README](https://www.npmjs.com/package/ditto-react). For an example of the Ditto React SDK in action, see the repository for our [React sample project](https://github.com/dittowords/ditto-react-demo). ## Community SDKs Have an SDK you want to share with the Ditto community? Let us know at [dev@dittowords.com](mailto:dev@dittowords.com). # VS Code Extension Source: https://developer.dittowords.com/additional-tools/vs-code Extract hardcoded strings into existing Ditto components directly in VS Code ## Overview Ditto's [VS Code extension](https://marketplace.visualstudio.com/items?itemName=dittotech.vscode-ditto) utilizes the Ditto CLI to aid in the extraction of hardcoded text directly in the [Visual Studio Code editor](https://code.visualstudio.com/). You can add the extension directly via the VS Code Marketplace. This functionality includes: * Detecting text in your codebase that matches existing Ditto components * Automates the insertion of Ditto developer IDs for matching text The VS Code extension currently works with [Ditto React](/additional-tools/sdks#ditto-react-sdk) components. Ditto VS Code Extension ## Planned features Our VS Code Extension is currently in beta. A few planned features / improvements include: * i18next support * Component creation * expanded text detection # Webhooks Source: https://developer.dittowords.com/additional-tools/webhooks Webhooks enable HTTP payloads to be sent to an external service when data in Ditto is changed. ## Introduction Webhooks allow you to receive notifications when changes are made to text stored in Ditto. You can set up a webhook by providing us a URL that you control, and telling us which events you want sent to that endpoint. ## Setup You can configure webhooks for your workspace in the **Webhooks** section of your team's [developer integrations](https://app.dittowords.com/developers/webhooks). ### Signing Key Prior to creating any webhook endpoints, it's essential to generate and securely store a **signing key**. This key plays a crucial role in appending a signature to all outbound webhook payloads, allowing your server to authenticate that a particular request originates from Ditto. Signing keys must be a minimum of 16 characters long. We also recommend that they be randomly generated and stored in a secure environment. The **Generate a key for me** button will generate a random signing key and copy it to your clipboard. Alternatively, you can easily generate a random string of characters to serve as a signing key using built-in command line utilities. For example, on most Unix systems, `uuidgen` is available: ``` $ uuidgen 29D634FF-7831-4468-AA70-0C4997031777 ``` When changing your signing key, it’s recommended that you anticipate the key change on your server to avoid missed events. **Signing key rotation without missed events:** 1. Generate a new signing key. 2. Update your webhook server’s code to temporarily accept requests signed with either the old signing key or the new signing key. 3. Save the new signing key in Ditto. 4. Update your webhook server’s code to only accept requests using the new signing key. Once you’ve saved your key in Ditto, it is encrypted and cannot be directly accessed. However, you can preview the last four characters of your saved key. ### Creating a Webhook You can open the modal for creating webhooks via the **Create Webhook** button. Each webhook must be assigned **a name, a URL, and have at least one trigger activated**. While there are no strict guidelines for URLs, it is strongly advised that they direct to secure endpoints utilizing HTTPS. Before saving a webhook, the URL must be validated with a test request. See [Example Webhook Server](https://localhost:3333/additional-tools/webhooks#example-webhook-server) below for details on configuring your webhook server to process a test request. ## Request Headers Every request sent to a webhook endpoint will have the following three headers included: * `x-ditto-request-id` — a v4 uuid uniquely identifying a given request. This identifier can be cross-referenced 1:1 with delivery history exported from inside of Ditto. * `x-ditto-timestamp` — a Unix timestamp identifying the time at which the request was made. This timestamp is included in the signature and can therefore be used to guard against replay attacks. * `x-ditto-signature` — a signature (HMAC-SHA256) created using your workspace’s webhook signing key, by concatenating the request ID, the timestamp of the request and the request body (each separated by a period). The JavaScript code below demonstrates how the values for these headers are generated: ```jsx theme={null} const crypto = require("crypto"); const uuid = require("uuid"); const requestId = uuid.v4(); const timestamp = new Date().getTime(); const strBody = JSON.stringify(request.body); const signatureData = `${requestId}.${timestamp}.${strBody}`; const signature = crypto.createHmac("sha256", signingKey).update(signatureData).digest("hex"); const headers = { "x-ditto-request-id": requestId, "x-ditto-timestamp": timestamp, "x-ditto-signature": signature, }; ``` ## Request Validation Ditto expects all webhook consumers to return a status code between 200 and 299 to indicate successful payload processing. To enhance your security, it is strongly advised to perform the following actions on your server prior to accepting a webhook payload and issuing a success response: 1. **Validate the signature included in the `x-ditto-signature` header.** 1. Concatenate the request ID, the timestamp, and a string representation of the request body into a single string, with each component separated by the `.` character `${requestId}.${timestamp}.${JSON.stringify(req.body)}`; 2. Using your signing key, sign the concatenated value using HMAC-256, encoded as hex. 3. Validate that the signed value you’ve generated matches the value in the `x-ditto-signature` header. If it does not match, then the request is not valid and an error response should be returned. 2. **(Optional) Ensure idempotence by tracking request IDs.** 1. After validating the signature of a request, track the request ID in a persistent data store (like Redis). 2. Before processing new requests, check your data store to see if a given request has been seen before; if it has already been processed, then the request is not valid and an error response should be returned. 3. **(Optional) Validate the timestamp included in the `x-ditto-timestamp` header.** 1. Decide on a time window (e.g. 6 minutes to allow for retries) outside of which you will not accept requests. 2. Check that the time elapsed since the timestamp in the x-ditto-timestamp header does not exceed your established time window. If it exceeds the time window, then the request is not valid and an error response should be returned. See [Example Webhook Server](https://localhost:3333/additional-tools/webhooks#example-webhook-server) below for example code for request validation in a Node.js environment. ## Error Handling If Ditto receives an error response from your server, it will retry sending a payload 3 additional times: * 1 minute following the initial request * 2 minutes following the first retry * 3 minutes following the second retry. If a given endpoint returns a non-success response for more than 10 requests in a 10 minute window, the webhook will be automatically disabled. If a webhook has been disabled, it can be re-enabled by revalidating with a test request. ## Event Reference All request bodies sent to webhook endpoints will have `event` and `data` properties. ### Text Item Creation ```tsx theme={null} { "event": "TextItem_Created", "data": { "textItemId": "text-item-id", "projectId": "project-id", "text": "This is some product copy.", "integrated": true, } } ``` ### Text Item Deletion ```tsx theme={null} { "event": "TextItem_Deleted", "data": { "textItemId": "text-item-id", "projectId": "project-id", "integrated": true, } } ``` ### Text Item Developer ID Change ```tsx theme={null} { "event": "TextItem_Developer_ID_Changed", "data": { "developerIdBefore": "text-item-id-old", "developerIdAfter": "text-item-id-new", "projectId": "project-id", "integrated": true, } } ``` ### Text Item Integration Status Change ```tsx theme={null} { "event": "TextItem_Integrated_State_Changed", "data": { "textItemId": "text-item-id", "projectId": "project-id", "integrated": false, } } ``` ### Text Item Base Text Change ```tsx theme={null} { "event": "TextItem_Base_Text_Changed", "data": { "textItemId": "text-item-id", "projectId": "project-id", "integrated": true, "textBefore": "This is some product copy.", "textAfter": "This is some updated product copy." } } ``` ### Text Item Status Change ```tsx theme={null} { "event": "TextItem_Status_Changed", "data": { "textItemId": "text-item-id", "projectId": "project-id", "integrated": true, "statusBefore": "TODO", "statusAfter": "REVIEW" } } ``` ### Text Item Tags Change ```tsx theme={null} { "event": "TextItem_Tags_Changed", "data": { "textItemId": "text-item-id", "projectId": "project-id", "integrated": true, "tagsBefore": ["old-tag"], "tagsAfter": ["new-tag", "another-tag"] } } ``` ### Text Item Variants Change ```tsx theme={null} { "event": "TextItem_Variants_Changed", "data": { "textItemId": "text-item-id", "projectId": "project-id", "integrated": true, "variantIdsBefore": ["variant-1"], "variantIdsAfter": ["variant-1", "variant-2"] } } ``` ### Text Item Variant Text Change ```tsx theme={null} { "event": "TextItem_Variant_Text_Changed", "data": { "textItemId": "text-item-id", "projectId": "project-id", "integrated": true, "variantId": "variant-id", "variantTextBefore": "Original variant text", "variantTextAfter": "Updated variant text" } } ``` ### Text Item Variant Status Change ```tsx theme={null} { "event": "TextItem_Variant_Status_Changed", "data": { "textItemId": "text-item-id", "projectId": "project-id", "integrated": true, "variantId": "variant-id", "statusBefore": "TODO", "statusAfter": "REVIEW" } } ``` ## Legacy Event Reference These events are *only* available on legacy webhooks, which are connected directly to the legacy component library; if you joined Ditto after March 2025, you probably aren't looking for these. ### Component Creation Emitted any time a component is created in Ditto. ```tsx theme={null} { "event": "Component_Creation", "data": { "componentId": "test_component", "folderId": "test_folder", // null if not in a folder "name": "Test Component", "text": "This is a test component.", "status": "NONE", "notes": "", "tags": ["test_tag"] } } ``` ### Component Deletion Emitted any time a component is deleted in Ditto. ```tsx theme={null} { "event": "Component_Deletion", "data": { "componentId": "test_component", "folderId": "test_folder", // null if not in a folder "name": "Test Component" } } ``` ### Component Text Change Emitted any time a component’s base text is changed in Ditto. *Does not emit when variant text, plural text, or rich text styling is changed.* ```tsx theme={null} { "event": "Component_TextChange", "data": { "componentId": "test_component", "folderId": "test_folder", // null if not in a folder "textBefore": "This is a test component.", "textAfter": "This is a test component!" } } ``` ### Component Status Change Emitted any time a component’s status is changed in Ditto. ```tsx theme={null} { "event": "Component_StatusChange", "data": { "componentId": "test_component", "folderId": "test_folder", // null if not in a folder "statusBefore": "NONE", "statusAfter": "WIP" } } ``` ### Component ID Change Emitted any time a component’s developer ID is changed in Ditto. ```tsx theme={null} { "event": "Component_IdChange", "data": { "componentIdBefore": "test_component", "componentIdAfter": "test_component_1", "folderId": "test_folder", // null if not in a folder } } ``` ### Test Event Emitted when sending a test request while creating a webhook. ```tsx theme={null} { "event": "TestEvent", "data": { "message": "Hello, Ditto!" } } ``` ## Example Webhook Server Here is an annotated code sample showing a simple Node.js server to process webhook events from Ditto: ```tsx server.js theme={null} const express = require("express"); const crypto = require("crypto"); const app = express(); // Payloads from Ditto will always be JSON, so ensure your server // is configured to parse JSON bodies app.use(express.json()); // The port for the webhook test server to run on const port = process.env.PORT || 4321; // This is the key that you've provided const WEBHOOK_SIGNING_KEY = process.env.WEBHOOK_SIGNING_KEY || "xxxxxxx"; // Webhook events will always be sent via POST request app.post("/", (req, res) => { console.log(`--------\nReceived event: '${req.body.event}'`); const { "x-ditto-request-id": requestId, "x-ditto-timestamp": timestamp, "x-ditto-signature": signature, } = req.headers; const threeMinutesAgo = new Date().getTime() - 1000 * 60 * 3; // (Optional) // Prevent replay attacks by verifying that the timestamp // of the webhook is within a reasonable threshold if (timestamp < threeMinutesAgo) { console.error("❌ Payload is expired"); return res.status(400).send(); } else { console.log(`✅ Timestamp (${timestamp}) is within past 3 minutes`); } // Get the input data by concatenating three things, with '.' separating them: // - the request id // - the timestamp // - the stringified request body const inputData = `${requestId}.${timestamp}.${JSON.stringify(req.body)}`; // Compute a signature using your webhook signing key and the // input data const computedSignature = crypto.createHmac("sha256", WEBHOOK_SIGNING_KEY).update(inputData).digest("hex"); // Validate that the payload is from Ditto and hasn't been tampered // with by checking that the signature from the header matches your // computed signature if (signature !== computedSignature) { console.error("❌ Invalid signature"); return res.status(400).send(); } else { console.log(`✅ Signature is valid`); } // (Optional) // Ensure we never process the same request more than once. // // const key = `ditto-webhook_${requestId}`; // const value = await redis.get(key); // if (value) { // console.error(`❌ Request ${requestId} has already been processed`); // return; // } // // await redis.set(key, true, "EX", 0); console.log(`Payload: ${JSON.stringify(req.body, null, 2)}`); // do something with the payload! return res.status(200).send("Received successfully!"); }); app.listen(port, () => console.log(`✍️ Ditto webhook test server listening @ http://localhost:${port}`)); ``` # Overview Source: https://developer.dittowords.com/agent-setup-package/overview Install the Ditto MCP server, always-on instructions, and skills in one step with the agent setup package For Claude Code and Cursor, the [agent setup package](https://github.com/dittowords/ditto-agent-setup) is the default way to integrate Ditto. It bundles: * The Ditto MCP server, preconfigured * Session instructions that tell the agent to check Ditto styleguide rules and reuse existing text when writing user-facing text * Skills: * `/ditto-review`: check the current diff's user-facing strings against your styleguide rules and existing Ditto text; returns a fix-list. * `/ditto-audit [path]`: check the path for user-facing strings against your styleguide rules and existing Ditto text; returns a fix-list. * `/ditto-spec-audit [component]`: (for repos using Ditto specs) audit every instance of a specced component across the codebase against its spec's rules. * `/ditto-spec-component `: (for repos using Ditto specs) analyze a component, create or update its Ditto spec file (and specs for child components that lack one), and sync styleguide rules from the platform. * `/ditto-spec-gaps [component]`: (for repos using Ditto specs) find text patterns across component instances that should be styleguide rules but aren't; create approved ones on the platform. Use the [manual setup](/mcp-reference/installation) if you only want the MCP server without the instructions and skills. ## Install in Claude Code Send each command as its own prompt: ```text theme={null} /plugin marketplace add dittowords/ditto-agent-setup ``` ```text theme={null} /plugin install ditto@ditto ``` Then: 1. Restart Claude Code and approve the ditto MCP server (if not approved already). 2. Run `/mcp`, select **ditto**, and choose **Authenticate**. A browser tab opens for you to log in to Ditto and approve access. ## Claude Desktop Click Customize: Claude Step 1 Find the Plugin tab -> Add -> Add marketplace: Claude Step 2 Paste `https://github.com/dittowords/ditto-agent-setup`: Claude Step 3 Install Ditto: Claude Step 4 Finally, go to Connectors -> Ditto -> Connect/Reconnect to complete authorization: Claude Step 5 ## Cursor In Cursor Settings go to **Plugins** and paste `https://github.com/dittowords/ditto-agent-setup` in the "Search or Paste Link" input. Click on **Ditto** -> **Add to Cursor**. Cursor Step 1 Next go to **Tools & MCPs** and authenticate with the ditto Plugin MCP Server. Cursor Step 2 ## Optional: set up Ditto Specs [Ditto Specs](https://developer.dittowords.com/ditto-specs-cli-reference/overview) are `*.ditto.md` files that co-locate text rules with your components. Run `/ditto-spec-setup` and the agent will ask for confirmation, then install the specs CLI if missing, create `dittospec.config.json` and `workspace.ditto.md`, and scaffolds component spec files. With specs in place `/ditto-spec-audit`, `/ditto-spec-component`, and `/ditto-spec-gaps` become usable. # Fetch activity Source: https://developer.dittowords.com/api-reference/activity/get-activity openapi.json get /activity Returns a paginated list of activity items (change events) in your workspace, optionally filtered by project, text item, library component, or entity type. # Authentication Source: https://developer.dittowords.com/api-reference/authentication Ditto’s developer integrations require an API key to authenticate requests. You can manage your API keys from the [**Developer Integrations**](https://app.dittowords.com/developers) page. API keys enable programmatic access to all data in your workspace, so be sure to keep them secure. Don’t share your API keys in publicly accessible places such as GitHub or client-side code. ## Generate an API key 1. Navigate to the [**Developers**](https://app.dittowords.com/developers) page. 2. Enable developer integrations for your workspace if they haven’t been enabled already. 3. Under the **API Keys** section, click **+ Create API key**. 4. Enter a name for the API key and click the **Create** button. 5. Copy the value of the API key to your clipboard and store it somewhere safe; you won’t be able to access it again after closing the modal. ## Authenticate API requests Authorize requests to the Ditto API by passing an API key in an `Authorization` header: ``` "Authorization": "" ``` Here is an example request to the `/projects` endpoint: ```sh theme={null} curl -X GET \ --header "Authorization: " \ "https://api.dittowords.com/v2/projects" ``` ## Authenticate the Ditto CLI The first time you run the CLI, you’ll be asked to provide an API key. See the [CLI documentation](/cli-reference/configuration) for more information. # Create component folders Source: https://developer.dittowords.com/api-reference/component-folders/create-component-folders openapi.json post /componentFolders Creates one or more folders in the component library. # Delete component folders Source: https://developer.dittowords.com/api-reference/component-folders/delete-component-folders openapi.json delete /componentFolders Deletes folders from the component library. # Fetch component folders Source: https://developer.dittowords.com/api-reference/component-folders/get-component-folders openapi.json get /componentFolders Returns all folders in your component library, with their developer IDs, names, and parent folder (by developer ID; null when the folder sits directly under the library root). Folders are a separate namespace from project folders. # Update component folders Source: https://developer.dittowords.com/api-reference/component-folders/patch-component-folders openapi.json patch /componentFolders Updates a set of component folders. Each folder is identified by its developer ID. Only provided fields are modified — omitted fields remain unchanged. # Create components Source: https://developer.dittowords.com/api-reference/components/create-components openapi.json post /components Creates one or more library components in your workspace. The operation is all-or-nothing: if any component is invalid, none are created. # Delete components Source: https://developer.dittowords.com/api-reference/components/delete-components openapi.json delete /components Deletes library components from the workspace by their developer IDs. # Export components Source: https://developer.dittowords.com/api-reference/components/export-components openapi.json get /components/export Returns components in your workspace in the provided format. # Fetch components Source: https://developer.dittowords.com/api-reference/components/get-components openapi.json get /components Returns a list of components in your workspace. # Link text items to a component Source: https://developer.dittowords.com/api-reference/components/link-components openapi.json patch /components/link Links one or more existing text items to an existing library component by developer ID, so they share the component's text going forward. Each linked text item takes on the component's current text, variables, variants, and other fields. Text items already linked to a different component are skipped. # Update components Source: https://developer.dittowords.com/api-reference/components/patch-components openapi.json patch /components Updates a set of components' base or variant text, plural forms, tags, status, assignee, notes, character limit, integrated and variables. Each component is identified by its developer ID. Only provided fields are modified — omitted fields remain unchanged. # Publish a text item to the library Source: https://developer.dittowords.com/api-reference/components/publish-component openapi.json post /components/publish Publishes an existing project text item to the component library, turning it into a reusable library component. The text item's current text, variables, variants, and other fields are carried over to the new component, and the text item becomes its first linked instance. The new component keeps the text item's existing developer ID. The text item must not already be a library instance. # Unlink text items from a component Source: https://developer.dittowords.com/api-reference/components/unlink-components openapi.json patch /components/unlink Unlinks one or more text items from their library component by developer ID. Each unlinked text item keeps its current text but gets a freshly generated developer ID, and future edits to the library component no longer affect it. Every text item linked to a component shares that component's developer ID with its sibling instances, so a given developer ID unlinks every text item that currently carries it, not just one. Pass `projectId` to scope the unlink to only the instances in one project, leaving instances elsewhere untouched. # Create project blocks Source: https://developer.dittowords.com/api-reference/project-blocks/create-project-blocks openapi.json post /projectBlocks Creates one or more blocks in a Ditto project. New blocks are appended to the end of the project. # Delete project blocks Source: https://developer.dittowords.com/api-reference/project-blocks/delete-project-blocks openapi.json delete /projectBlocks Deletes blocks from a Ditto project. # Fetch project blocks Source: https://developer.dittowords.com/api-reference/project-blocks/get-project-blocks openapi.json get /projectBlocks Returns the blocks in a Ditto project, in display order. Blocks group text items within a project. # Update project blocks Source: https://developer.dittowords.com/api-reference/project-blocks/patch-project-blocks openapi.json patch /projectBlocks Updates a set of blocks in a Ditto project. Each block is identified by its developer ID. Only provided fields are modified — omitted fields remain unchanged. # Create a project Source: https://developer.dittowords.com/api-reference/projects/create-projects openapi.json post /projects Creates a new Ditto project in your workspace. Projects hold project-scoped text items, as opposed to library components which are reusable across projects. # Fetch projects Source: https://developer.dittowords.com/api-reference/projects/get-projects openapi.json get /projects Returns a list of Ditto projects in your workspace. # Fetch statuses Source: https://developer.dittowords.com/api-reference/statuses/get-statuses openapi.json get /statuses Returns the statuses which text items and library components in the workspace can be set to, in workflow order — from earliest (a first draft) to latest (ready to ship). A workspace can rename the default statuses or replace the set entirely, so none of the defaults are guaranteed to exist. Read the available statuses here before setting a status or filtering by one rather than assuming any particular key is valid. # Create style guide rules Source: https://developer.dittowords.com/api-reference/styleguides/create-styleguide-rules openapi.json post /styleguides/rules Creates one or more rules in a style guide section. The operation is all-or-nothing: if any rule is invalid, none are created. # Create a style guide Source: https://developer.dittowords.com/api-reference/styleguides/create-styleguides openapi.json post /styleguides Creates a new style guide in your workspace. Use POST /styleguides/rules afterward to add rules to a section. # Delete style guide rules Source: https://developer.dittowords.com/api-reference/styleguides/delete-styleguide-rules openapi.json delete /styleguides/rules Deletes style guide rules by their Developer IDs. This cannot be undone. The operation is all-or-nothing: if any ruleId does not exist, none are deleted. # Get style guides Source: https://developer.dittowords.com/api-reference/styleguides/get-styleguides openapi.json get /styleguides Returns the style guides created in the workspace, with their sections and rules. Each rule includes its developer ID, which can be used with PATCH/DELETE /styleguides/rules. The built-in default style guide is not included. # Update style guide rules Source: https://developer.dittowords.com/api-reference/styleguides/patch-styleguide-rules openapi.json patch /styleguides/rules Updates a set of style guide rules, each identified by its Developer ID. Only provided fields are modified. The operation is all-or-nothing: if any update is invalid, none are applied. # Update a style guide Source: https://developer.dittowords.com/api-reference/styleguides/patch-styleguides openapi.json patch /styleguides Updates a style guide's name, description, enabled-by-default setting, or sections. Each style guide is identified by its developer ID. Only provided fields are modified. # Create text items Source: https://developer.dittowords.com/api-reference/text-items/create-text-items openapi.json post /textItems Creates a set of text items in a project. Supports plural forms, variant text, variable placeholders, notes, character limits, tags, status, assignee, and placing the item inside a block. # Delete text items Source: https://developer.dittowords.com/api-reference/text-items/delete-text-items openapi.json delete /textItems Deletes text items by their developer IDs. # Export text items Source: https://developer.dittowords.com/api-reference/text-items/export-text-items openapi.json get /textItems/export Returns text items in your workspace in the desired export format. # Fetch text items Source: https://developer.dittowords.com/api-reference/text-items/get-text-items openapi.json get /textItems Returns a list of text items in your workspace. # Update text items Source: https://developer.dittowords.com/api-reference/text-items/patch-text-items openapi.json patch /textItems Updates a set of text items' base or variant text, plural forms, tags, status, assignee, notes, character limit, integrated, variables, and block placement. Each text item is identified by its developer ID. Only provided fields are modified — omitted fields remain unchanged. # Update text items Source: https://developer.dittowords.com/api-reference/text-items/update-text-items openapi.json put /textItems Updates a set of text items' base or variant text, tags, status, assignee, and plural forms. Deprecated — use PATCH /textItems instead. # Create variables Source: https://developer.dittowords.com/api-reference/variables/create-variables openapi.json post /variables Creates variables in your workspace. The shape of `data` depends on `type`: string and number take an `example` and an optional `fallback`, hyperlink takes `text` and `url`, list takes an array of strings, and map takes an object of string keys to string values. Either every variable is created or none is. # Delete variables Source: https://developer.dittowords.com/api-reference/variables/delete-variables openapi.json delete /variables Permanently deletes variables from your workspace. This can't be undone, and either every variable in the request is deleted or none is. # Fetch variables Source: https://developer.dittowords.com/api-reference/variables/get-variables openapi.json get /variables Returns a list of the variables in the workspace. # Update variables Source: https://developer.dittowords.com/api-reference/variables/patch-variables openapi.json patch /variables Renames variables or changes their type or value. Either every update is applied or none is. # Create variants Source: https://developer.dittowords.com/api-reference/variants/create-variants openapi.json post /variants Creates one or more variants in the workspace. A variant is a named alternative that text items and library components can each have their own text for — most often a locale to translate into, but also a tone or brand variation. Creating a variant adds no text on its own; use the text item endpoints to set a text item's text for that variant. Read the developer IDs off the response rather than assuming them — a developer ID you don't specify is generated from the name. # Delete variants Source: https://developer.dittowords.com/api-reference/variants/delete-variants openapi.json delete /variants Deletes variants from the workspace by their developer IDs. This can't be undone. # Fetch variants Source: https://developer.dittowords.com/api-reference/variants/get-variants openapi.json get /variants Returns a list of the variants in the workspace. # Update variants Source: https://developer.dittowords.com/api-reference/variants/patch-variants openapi.json patch /variants Updates one or more variants in the workspace, identified by their current developer IDs. Only provided fields are modified. The whole batch is rejected if any update is invalid. # Installation Source: https://developer.dittowords.com/cli-reference/authentication Installation and authentication of the Ditto CLI ## Overview The Ditto CLI allows developers to access the [Ditto API](/api-reference) directly from the command line. The Ditto CLI updates text directly in local development. Teams can also build workflows with the CLI, including utilizing it in CI/CD. ## Installation **Node.js 20 or higher** is required as of version `5.6.0`, which includes packages that depend on Node 20+. To install the CLI as a development dependency: ```bash npm theme={null} npm i --save-dev @dittowords/cli ``` ```bash yarn theme={null} yarn add --dev @dittowords/cli ``` After installation, you can get a list of the available commands by running the help command. **Note:** [npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) comes with `npm` 5.2 or higher ```bash theme={null} npx @dittowords/cli --help ``` ## Authentication Log in through your browser: ```bash theme={null} npx @dittowords/cli login ``` A browser tab opens for you to log in to Ditto and approve access. The session is saved to `$HOME/.config/ditto`, so you only do this once per machine. There's no API key to create or paste, and commands act as **you** — your Ditto account and its permissions. To sign out, run [`logout`](/cli-reference/commands#logout). `login` and `logout` require version `5.7.0` or higher. ### In CI, or anywhere without a browser Set the `DITTO_TOKEN` environment variable to an API key. You can generate an API key in your [developer integrations settings](https://app.dittowords.com/developers/api-keys). ```bash theme={null} export DITTO_TOKEN='your-api-key' ``` `DITTO_TOKEN` takes precedence over a saved login, so a machine with both keeps using the API key. Commands act as the user who generated the key rather than the person running them, which is what you want for a pipeline and what you don't want on a shared laptop. ### Credential precedence The CLI uses the first credential it finds: 1. The `DITTO_TOKEN` environment variable 2. A session saved by `login` 3. An API key saved by an earlier run 4. A prompt for an API key Sessions and API keys are saved to `$HOME/.config/ditto`. The file holds credentials, so treat it like any other secret: keep it out of commits and out of shared images. To switch Ditto accounts, run `logout` and then `login` again. If `DITTO_TOKEN` is set, unset or replace it first — it outranks a saved session, so your commands would keep using the API key. We don't recommend editing the authentication file by hand. To replace a saved API key, delete the `$HOME/.config/ditto` file and you'll be prompted for a new key the next time the CLI executes. A session renews itself as you keep using the CLI. If one sits unused long enough to expire, the next command stops and asks you to run `login` again. # Commands Source: https://developer.dittowords.com/cli-reference/commands Commands supported by the CLI ## Login Logs in to Ditto through your browser and saves the session to `$HOME/.config/ditto`. ```bash theme={null} npx @dittowords/cli login ``` A browser tab opens for you to log in and approve access. When `DITTO_TOKEN` isn't set, later commands reuse the session and renew it as needed. `login` and `logout` require version `5.7.0` or higher. If `DITTO_TOKEN` is set, the CLI keeps using that API key — an environment variable outranks a saved session, so logging in wouldn't change which credential your commands use. See [credential precedence](/cli-reference/authentication#credential-precedence). ## Logout Forgets the session saved on this machine and revokes it with Ditto. ```bash theme={null} npx @dittowords/cli logout ``` Run this to log out of Ditto's CLI. Reports back if `DITTO_TOKEN` is still set, because commands would keep working with that API key. ## Fetching text Once you've [installed](/cli-reference/authentication#installation), [authenticated](/cli-reference/authentication#authentication), and [configured](/cli-reference/configuration) the CLI, you'll be able to pull down up-to-date text by running the CLI: ```bash theme={null} npx @dittowords/cli pull ``` This will fetch the latest text values from Ditto and write them to the output directory as specified by your [config file](/cli-reference/configuration). For more information on the structure of files created by Ditto, see [files](/cli-reference/files). Because the Ditto CLI updates your string files locally, you can continue to manage it as you would with any other product update (push it to staging, commit changes to a branch, etc.). **Custom config file location** By default, the pull command will look for a config file in `./ditto/config.yml` (relative to where you run the CLI command). To use a config file from a different location, provide the path via `-c` or `--config` flag: ```bash theme={null} npx @dittowords/cli pull -c ./ditto/path/to/myConfig.yml ``` **Legacy support** Version `5.x` of the CLI is set up to pull text from the latest version of Ditto by default. However, it still contains support for all features from `4.x` via the `--legacy` flag. To run the CLI in legacy mode, add the `--legacy` flag to any command that was supported by `v4.5.2`. View the [legacy documentation](/legacy/cli-reference-legacy/authentication) for full details. ```bash theme={null} npx @dittowords/cli --legacy help npx @dittowords/cli --legacy pull ``` ## Scan The `scan` command analyzes a path for user-facing text and sends the candidates it finds to Ditto, where you can review them and turn them into Ditto components from within the web app. ```bash theme={null} npx @dittowords/cli scan [path] ``` `[path]` is the file or directory to scan; it defaults to the current directory if omitted. The CLI extracts text candidates, uploads them to Ditto, and prints a link to view progress and results in the web app: ``` Scan initiated! Visit https://app.dittowords.com/scan/ to view progress and see results. ``` **Requires Node.js 20 or higher.** Scan depends on packages that require Node 20+. See [Installation](/cli-reference/authentication#installation). **Preview strings counts by directory** To see how many strings a scan would find before running it, pass `--list-directories`. The CLI extracts candidates, prints a per-directory count, and exits without uploading anything: ```bash theme={null} npx @dittowords/cli scan . --list-directories ``` ``` Strings by directory (rolled up), under .: 1,284 . (whole scan) 382 packages 382 packages/ui 902 src 418 src/components 344 src/lib 140 src/pages ``` Counts are rolled up, so each directory includes the strings found in its subdirectories. Directories are listed in tree order and indented by depth, with the total for the whole scan on the first row. **Plan limits** Each scan is limited by your plan. If a scan would exceed that limit, the CLI stops before uploading and suggests narrower paths to scan instead — the largest subdirectories that each fit within your remaining limit, ranked by string count: ``` This scan found 1,234 strings, but your Starter plan allows 500 per scan. Scan one of these subdirectories instead. Each fits within your plan: npx @dittowords/cli scan src/components (418 strings) npx @dittowords/cli scan packages (382 strings) npx @dittowords/cli scan src/lib (344 strings) npx @dittowords/cli scan src/pages (140 strings) Run `npx @dittowords/cli scan . --list-directories` for the full breakdown. ``` At most 10 suggestions are shown; use `--list-directories` to see every directory. **Output candidates locally** To write the extracted candidates to disk instead of uploading them to Ditto, pass `--local` along with `--out-dir`: ```bash theme={null} npx @dittowords/cli scan [path] --local --out-dir ./out ``` Use `--prefix ` to prefix the names of the output files. **Options** | Flag | Description | | -------------------- | --------------------------------------------------------------------------------------- | | `--list-directories` | Print the number of candidate strings per directory and exit, without uploading. | | `--local` | Write the extracted candidates to disk instead of uploading them. Requires `--out-dir`. | | `--out-dir ` | Directory to write candidates to when using `--local`. | | `--prefix ` | Prefix for the names of the output files. | # Configuration Source: https://developer.dittowords.com/cli-reference/configuration Setting what text and formats the CLI pulls down ## Overview The `config.yml` file is the source of truth for a given directory about how the CLI should fetch and store data from Ditto based on the specified properties. It includes information about which Ditto components the CLI should pull text from, the string file formats, and more. This is the default configuration file that is generated the first time that the CLI is run in a given directory: ```yml theme={null} projects: [] variants: [] components: folders: [] outputs: - format: json framework: i18next ``` ## Supported Properties Listed below are each of the properties that you can specify in your CLI config. ```typescript theme={null} // Individual property definitions type ProjectConfig = { id: DeveloperId }; type ComponentFolderConfig = { id: "root" | DeveloperId, excludeNestedFolders?: boolean } type VariantConfig = { id: "all" | "base" | DeveloperId } type TagsFilter = { values: string[], operator?: "AND" | "OR" } type OutputConfig = { // "json_icu" is deprecated — use format: "json" with framework: "icu" instead format: "json" | "json_icu" | "android" | "ios-strings" | "ios-stringsdict", framework: "i18next" | "vue-i18n" | "icu" | "arb", projects?: ProjectConfig, components?: ComponentsConfig, variants?: VariantsConfig, statuses?: TextStatus[], integrated?: boolean, tags?: TagsFilter, outDir?: string } type TextStatus = "NONE" | "WIP" | "REVIEW" | "FINAL" // Maps a variant Developer ID (or "base") to a platform locale code, e.g. { base: "en" } type LocaleMapping = { [variantId: string]: string } // Full config object { projects?: ProjectConfig[], components?: { folders?: ComponentFolderConfig[] }, variants?: VariantConfig[], statuses?: TextStatus[], integrated?: boolean, tags?: TagsFilter, richText?: “html” | false, outDir?: string, iosLocales?: LocaleMapping[], iosLocalesOutDir?: string, androidLocales?: LocaleMapping[], androidLocalesOutDir?: string, outputs: OutputConfig[], } ``` ### `projects` An array of Developer IDs of the projects to pull from. If provided an empty array, will pull text from all projects. The text from each included project will be written to its own json file, per variant. For more details, see the `filter.projects` param for `GET /v2/textItems` . **Required: false**. If omitted, will not pull text from any projects. **Example:** The following will pull in all text from the projects with Developer ID "project-1" and "project-2" ```yaml theme={null} projects: - id: project-1 - id: project-2 ``` ### `components` An object with a single property, `folders`, which takes a list of component folders to pull text from. If provided `{}` or `folders: []`, will pull all components from all folders. Unlike project text, all fetched components will be written to a single file per variant, regardless of the specified folder configuration. **Required: false**. If omitted, will not pull any components. By default, will return all components within the specified folders, including those found inside any subfolders. If you do not want to include components within subfolders, add `excludeNestedFolders: true` to that folder's specification. To pull top-level components (those not inside a folder), you can use the reserved word `"root"` as the folder id. This is best used in combination with `excludeNestedFolders: true`. **Example:** The following will return all top-level components as well as all components inside "folder-1" along with all components inside all folders inside "folder-1" (no matter how deeply nested). For more details, see the `filter.folders` param for `GET /v2/components` . ```yaml theme={null} components: folders: - id: root excludeNestedFolders: true - id: folder-1 ``` ### `variants` An array of variants to return. The value will be applied to both projects and components. By default, or if passed `[]`, will return base text only. Provide `id: all` to return base and all variants. Or, you may provide a list of the Developer IDs of the specific variants you wish to return; in this case, you must explicitly include `base` in the list to fetch base text. For more details, see the `filter.variants` param for `GET /v2/textItems` and `GET /v2/components` . **Required: false**. If omitted, will return base text only. **Examples**: ```yml theme={null} # Returns base text only variants: [] # Returns base text and all variants variants: - id: all # Returns french and spanish variant text variants: - id: french - id: spanish # Returns base text, french and spanish variants variants: - id: base - id: french - id: spanish ``` ### `statuses` An array of statuses to return. The value will be applied to both projects and components. By default, or if passed `[]`, will return all statuses. Provide an array of statuses to selectively filter values you wish to have returned. When the statuses filter is used with the variant filter, only variants that match the variant and status filters AND are associated with base text that matches the status filter will be returned. For more details, see the `filter.statuses` param for `GET /v2/textItems` and `GET /v2/components` . **Required: false**. If omitted, will return all statuses. **Examples**: ```yml theme={null} # Returns without any filtering statuses: [] # Returns base text that has "FINAL" or "WIP" statuses variants: [] statuses: - "FINAL" - "WIP" # Returns base text that has "FINAL" or "WIP" statuses and any related variant text of that base text that also has "FINAL" or "WIP" statuses variants: - id: all statuses: - "FINAL" - "WIP" # Returns spanish variant text that has a "FINAL" or "WIP" status and has base text that also has a "FINAL" or "WIP" status variants: - id: spanish statuses: - "FINAL" - "WIP" ``` ### `tags` An object specifying one or more tags to filter by. The value will be applied to both projects and components. The `values` field is an array of tag strings. The optional `operator` field controls how multiple tags are combined: `"AND"` returns only items with all specified tags, while `"OR"` (the default) returns items with any of the specified tags. **Required: false**. If omitted, will return all items regardless of tags. **Examples**: ```yml theme={null} # Returns items tagged with "tag-1" or "tag-2" tags: values: - "tag-1" - "tag-2" # Returns only items tagged with both "tag-1" and "tag-2" tags: values: - "tag-1" - "tag-2" operator: "AND" ``` ### `integrated` A boolean value (true | false) to filter the results only to those items whose `integrated` property matches the provided value. The value will be applied to all projects and components. **Required: false**. If omitted, will return all items, regardless of integration status. ### `richText: "html" | false` Flag to determine if the pulled text is represented as plain text or rich text (in HTML format). **Required: false**. If omitted, will return plain text only. ```typescript theme={null} // richText: false { "dev-id-1": "This is awesome text", "dev-id-2": "This is other text. It has two sentences." } // richText: html { "dev-id-1": "This is awesome text", "dev-id-2": "

This is other text.

It has two sentences

" } ``` ### `outDir: string` The relative path from where the CLI is run to the directory the generated files should be created in. If the provided directory does not exist, it will be created automatically. **Required: false.** If omitted, the default location is `./ditto`. ### `iosLocales` An array that maps Ditto variant IDs to [iOS locale IDs](https://developer.apple.com/library/archive/documentation/MacOSX/Conceptual/BPInternational/LanguageandLocaleIDs/LanguageandLocaleIDs.html). When used in conjunction with `ios-strings` or `ios-stringsdict` output formats, this configuration enables the CLI to generate a `Ditto.swift` driver file and organize locale files into the standard iOS `.lproj` localization bundles. **Required: false**. If omitted, iOS formats will be generated without locale-specific directory organization. Each entry in the array maps a variant ID to its corresponding locale code. The variant ID must match a variant defined in your `variants` configuration, or be included via variants `id: all`. The iOS locale code should be a valid iOS locale identifier (e.g., `en`, `es`, `fr`, `de`). **Behavior:** * When `iosLocales` is configured and used with `ios-strings` or `ios-stringsdict` formats, the CLI generates a `Ditto.swift` driver file * The `Ditto.swift` file and `.lproj` directories are placed at the root-level `outDir` (`./ditto` if not configured) and NOT at the `ios-strings` or `ios-stringsdict` output `outDir` — unless `iosLocalesOutDir` is configured, in which case they're placed there instead. See [`iosLocalesOutDir`](#ioslocalesoutdir) below. * Variants mapped in `iosLocales` are written to `.lproj` directories * Both `.strings` and `.stringsdict` files are placed within the same `.lproj` directories * Variants not mapped in `iosLocales` will be written to the output directory with their variant suffix (e.g., `my_project___french.strings`) **Example:** Basic configuration with matching output directory ```yaml theme={null} iosLocales: - base: en - spanish: es - french: fr outputs: - format: ios-strings - format: ios-stringsdict ``` This configuration will generate: ``` ./ditto/ ├── Ditto.swift ├── en.lproj/ │ ├── my_project.strings │ ├── my_project.stringsdict │ ├── components.strings │ └── components.stringsdict ├── es.lproj/ │ ├── my_project.strings │ ├── my_project.stringsdict │ ├── components.strings │ └── components.stringsdict └── fr.lproj/ ├── my_project.strings ├── my_project.stringsdict ├── components.strings └── components.stringsdict ``` **Example:** With root-level `outDir` and multiple iOS formats ```yaml theme={null} outDir: "./my-text" iosLocales: - base: en - spanish: es - french: fr outputs: - format: ios-strings - format: ios-stringsdict ``` The `Ditto.swift` file and `.lproj` directories will be placed in `./my-text/`, with both `.strings` and `.stringsdict` files organized within each locale directory. **Example:** Mismatched `outDir` with unmapped variants When an output specifies a different `outDir` than where mapped locales are written, only variants not mapped in `iosLocales` will be written to that output's directory: ```yaml theme={null} outDir: "./my-text" variants: - id: base - id: spanish - id: french iosLocales: - base: en - spanish: es outputs: - format: ios-strings outDir: "./ios" ``` This will generate: ``` ./my-text/ ├── Ditto.swift ├── en.lproj/ │ ├── my_project.strings │ ├── components.strings │ └── ... ├── es.lproj/ │ ├── my_project.strings │ ├── components.strings │ └── ... └── ios/ ├── my_project___french.strings └── components___french.strings ``` In this case, `base` and `spanish` variants are mapped to iOS locales and written to `.lproj` directories in `./my-text/`, while the `french` variant (not mapped in `iosLocales`) is written to `./ios/` with its variant suffix. ### `iosLocalesOutDir` A string. Overrides where the `Ditto.swift` driver file and `iosLocales`-mapped `.lproj` directories are written, independent of the root-level `outDir`. This is useful since iOS output typically needs to live in a different part of a codebase than other platforms' output (e.g., inside an Xcode project's source directory). **Required: false**. If omitted, `Ditto.swift` and the `.lproj` directories are placed at the root-level `outDir` (`./ditto` if not configured), as described above. **Example:** ```yaml theme={null} outDir: "./ditto" iosLocalesOutDir: "./MyApp/Localization" iosLocales: - base: en - spanish: es outputs: - format: ios-strings ``` This will generate the `Ditto.swift` file and `en.lproj`/`es.lproj` directories inside `./MyApp/Localization`, while any other configured outputs (e.g., `android`) still write to `./ditto`. ### `androidLocales` An array that maps Ditto variant IDs to [Android locale-qualified resource directories](https://developer.android.com/guide/topics/resources/providing-resources#AlternativeResources). When used with the `android` output format, this configuration organizes locale files into the standard `values-/` resource directory structure. **Required: false**. If omitted, Android formats will be generated without locale-specific directory organization. Each entry in the array maps a variant ID to its corresponding locale qualifier (e.g., `en`, `es`, `fr`, `zh-rCN`). The variant ID must match a variant defined in your `variants` configuration, or be included via variants `id: all`. Unlike `iosLocales`, there's no need to map `base` — Android already has a default resource directory (`values/`, with no locale qualifier) that the platform falls back to automatically, so base text is always written there without an explicit mapping entry. **Behavior:** * Variants mapped in `androidLocales` are written to `values-/` directories * Base text is always written to the default `values/` directory * Variants not mapped in `androidLocales` are written to the output directory with their variant suffix (e.g., `my_project___german.xml`) **Example:** ```yaml theme={null} androidLocales: - spanish: es - french: fr outputs: - format: android ``` See [Files](/cli-reference/files#android-locale-directories) for the resulting directory structure. ### `androidLocalesOutDir` A string. Overrides where `androidLocales`-mapped `values-/` directories (and the default `values/` directory) are written, independent of the root-level `outDir`. Like `iosLocalesOutDir`, this is useful for placing Android output in a different part of a codebase than other platforms' output (e.g., inside an Android module's `res/` directory). **Required: false**. If omitted, the locale-organized directories are placed at the root-level `outDir` (`./ditto` if not configured). **Example:** ```yaml theme={null} outDir: "./ditto" androidLocalesOutDir: "./app/src/main/res" androidLocales: - spanish: es - french: fr outputs: - format: android ``` ### `outputs` An array of output configurations. Each one will lead to its own set of files being generated in the specified location. **format**: `json | android | ios-strings | ios-stringsdict` - Required. The file format for the exported data. For details on each format's file structure, see the [Files documentation](/cli-reference/files). **framework**: `i18next | vue-i18n | icu | arb` - Optional. Only applies to `json`-format outputs. `i18next` and `vue-i18n` generate additional helper files to assist in integrating the Ditto data into the specific framework. `icu` and `arb` instead change the JSON strings themselves into [ICU message format](https://icu.unicode.org/home) syntax (`arb` additionally produces [ARB](https://github.com/google/app-resource-bundle/wiki/ApplicationResourceBundleSpecification)-style metadata). See [frameworks](/cli-reference/files#framework-specific-files) section for more details. All top-level fields can also be defined within each provided output, with the exception of `iosLocales`, `iosLocalesOutDir`, `androidLocales`, and `androidLocalesOutDir`. Providing a value at the output level will override any fields defined at the global level. For example, if `outDir` is defined at the root of the config to be `./customPath1`, and is set to `./customPath2` within an output, the files generated by that specific output will be created within the `./customPath2` directory, while any other outputs will go to `./customPath1`. Here is a much more complex example: ```yaml theme={null} projects: - id: my-project components: folders: - id: root excludeNestedFolders: true variants: [] richText: html outDir: ./ditto/top outputs: - format: json - format: json framework: vue-i18n variants: - id: french outDir: ./ditto/french - format: json framework: i18next outDir: ./ditto/i18next type: module projects: [] components: - id: special-folder variants: - id: french - id: spanish - id: base richText: false ``` The config file above will work as follows: 1. There are three outputs specified, so the query will run three times, each with different filters 2. The first output has no special overrides, so it will create all the `json` files for the top-level query — just the base text from the project with Developer ID “my-project” along with top-level components. These files will be saved to the directory `./ditto/top` with rich text enabled. 3. The second output contains some overrides. This will still apply the same projects and components filters, but will request the french variant and save its files to `./ditto/french` with rich text enabled. It will also create the `vue-i18n` driver files. 4. The third output overrides all of the filters. It will query for the french, spanish and base variants from all projects and all components inside the folder with Developer ID "special-folder", including all components in any nested folders. It will also create the `i18next` driver file(s). All of these files will be saved to the `./ditto/i18next` directory and will only include plaintext. ```shell Output files for example config theme={null} . └── ditto/ └── top/ ├── my_project__base.json └── components__base.json └── french/ ├── my_project__french.json ├── components__french.json ├── variables.json └── index.js └── i18next/ ├── my_project__french.json ├── my_project__base.json ├── my_project__french.json ├── my_project__spanish.json ├── my_other_project__base.json ├── my_other_project__french.json ├── my_other_project__spanish.json ├── components__base.json ├── components__french.json ├── components__spanish.json ├── variables.json └── index.js ``` # Files Source: https://developer.dittowords.com/cli-reference/files The file structure of text pulled down via the CLI ## Output Directory The CLI outputs data from Ditto by writing files to disk. By default, these files are written to a `./ditto`  folder relative to the current working directory, but the location of the output files can be customized by defining the `outDir` property in your config.yml file or by setting the environment variable `DITTO_OUT_DIR`. ## `./ditto` Directory By default, this directory houses the configuration file (`./ditto/config.yml`) used by the CLI and is also the default write destination for any output files the CLI writes to disk. You can override the default location of the config file by using the `--config` flag when running any command or by setting the environment variable `DITTO_PROJECT_CONFIG_FILE` . Legacy Ditto users can use the config override path to support maintaining separate config files for the legacy and current versions of Ditto within the same application. If you run the CLI and the resolved config file does not exist, the CLI will automatically create a default config.yml file at the path specified. ## String File Naming Conventions All string files created will generally adhere to the following template: ```typescript theme={null} {project_id}___{variant_id}.{extension} ``` * `project_id`: the Developer ID of the project. * `variant_id`: the Developer ID of a variant or `base` for files generated for non-variant text * `extension`: the file extension that corresponds to the configured format(s) (e.g., **json**, **xml**, **strings**, **stringsdict**) If `components` is included in the config, a single, combined file for all fetched components will also be created for each variant with the format `components__{variant_id}.{extension}`. To keep cross-platform behavior consistent, file names will be fully lowercase, have whitespace replaced with hyphens, and have non-word characters (with the exception of `-` and `_`) removed. ## Format-specific Files ### JSON If one or more JSON string formats are configured, a series of json files will be generated, on a project-variant/components-variant pair basis. Generally each file will follow the shown format: ```json theme={null} { "text-item-developer-id": "string with {{variableId}} variables escaped", ..., "text-item-with-plural-dev-id": "string with {{count}} characters", "text-item-with-plural-dev-id_other": "string with {{count}} characters", "text-item-with-plural-dev-id_one": "string with a character", ..., "welcome": "Hello {{userFirstName}}!" } ``` Additionally, a `variables.json` file will be generated that contains information about any variables used within the fetched text. The file has the following format: ```json theme={null} { "text-variable-id": { "example": "example_value", "fallback": "default_value" }, "number-variable-id": { "example": "1", "fallback": "10" }, "link-variable-id": { "text": "URL display text", "url": "https://dittowords.com" }, "list-variable-id": ["value1", "value2", "value3"], "map-variable-id": { "key1": "value1", "key2": "value2", "key3": "value3" } } ``` ### Android XML If `android` format is configured for an output, a series of `.xml` files will be generated, on a project-variant/components-variant pair basis. Generally each file will follow the shown format: ```xml theme={null} string with %1$s variables Continue Email Hello, %1$s Log In Save Submit The %1$s rings to rule them all A few rings to rule them all Welcome, %1$s! ``` ### iOS Strings If iOS Strings format is configured, a series of `.strings` files will be generated, on a project-variant/components-variant pair basis. Generally each file will follow the shown format: ``` "text-item-developer-id" = "string with %1$@ variables"; "continue" = "Continue"; "email" = "Email"; "hello" = "Hello, %1$@"; "log-in" = "Log In"; "save" = "Save"; "submit" = "Submit"; "welcome" = "Welcome, %1$@!"; ``` ### iOS StringsDict If iOS StringsDict format is configured, a series of `.stringsdict` files will be generated, on a project-variant/components-variant pair basis. Generally each file will follow the shown format: ```xml theme={null} the-one-ring NSStringLocalizedFormatKey %1$#@count@ count NSStringFormatSpecTypeKey NSStringPluralRuleType NSStringFormatValueTypeKey d one The one ring to rule them all other The %2$@ rings to rule them all ``` ## Framework-specific Files Within each output format, an optional `framework` can be provided. Frameworks come in two kinds: * [i18next](https://www.i18next.com/) and [vue-i18n](https://github.com/i18next/i18next-vue) generate the standard flat JSON strings files (see [Format-specific Files](#format-specific-files) above) **plus** additional driver files to assist with using those strings files with the corresponding library. * `icu` and `arb` don't generate any additional files. Instead, they change the shape of the JSON string values themselves — using [ICU message format](https://icu.unicode.org/home) syntax for pluralization and variable interpolation. See the [JSON string format docs](/string-formats/json) for the exact content shape each one produces. ### i18next Formats supported: `JSON` Supported Properties: #### `type: “commonjs” | “module” (default “commonjs”)` By default, additional javascript files will be generated using `commonjs` syntax. This property configures the output to use `commonjs` or `module` syntax in the generated files. **Details:** Generates an additional javascript file that imports the generated strings files, and exports an object with the json strings grouped by their variants. If included, components will always be applied last. ```javascript theme={null} // CommonJS const exampleProject1Base = require("./example-project-1__root__base.json"); const exampleProject1Spanish = require("./example-project-1__root__spanish.json"); const exampleProject2Base = require("./example-project-2__base.json"); const exampleProject2Spanish = require("./example-project-2__spanish.json"); const componentsBase = require("./components__base.json"); const componentsSpanish = require("./components__spanish.json"); module.exports = { base: { ...exampleProject1Base, ...exampleProject2Base, ...componentsBase, }, spanish: { ...exampleProject1Spanish, ...exampleProject2Spanish, ...componentsSpanish, }, }; // ESM import exampleProject1Base from "./example-project-1__root__base.json"; import exampleProject1Spanish from "./example-project-1__root__spanish.json"; import exampleProject2Base from "./example-project-2__base.json"; import exampleProject2Spanish from "./example-project-2__spanish.json"; import componentsBase from "./components__base.json"; import componentsSpanish from "./components__spanish.json"; export default { base: { ...exampleProject1Base, ...exampleProject2Base, ...componentsBase, }, spanish: { ...exampleProject1Spanish, ...exampleProject2Spanish, ...componentsSpanish, }, }; ``` ### vue-i18n Formats supported: `JSON` Functions very similarly and accepts all the same config properties as the `i18next` framework. The main difference is variable interpolation uses single brackets instead of double. ```typescript theme={null} { "text-item-developer-id": "string with {variableId} variables escaped", ..., "welcome": "Hello {userFirstName}!" } ``` ### icu Formats supported: `JSON` No additional properties are supported. Rather than generating an additional driver file, this framework changes the generated JSON string files to use [ICU message format](https://icu.unicode.org/home) syntax for variable interpolation and pluralization, instead of the default flat JSON shape. ```json theme={null} { "onboarding.header.title": "Welcome, {username}!", "cart.count": "{count, plural, =0 {No items in the cart} =1 {One item in the cart} other {{count} items in the cart}}" } ``` See [ICU JSON](/string-formats/json#icu-json) for the full content shape, including how Map/List variables and plurals are represented. ### arb Formats supported: `JSON` No additional properties are supported. Generates [ARB (Application Resource Bundle)](https://github.com/google/app-resource-bundle/wiki/ApplicationResourceBundleSpecification) files instead of the default flat JSON shape — the format used by Flutter's `intl` package. Message text uses the same ICU message format syntax as the `icu` framework, plus `@`-prefixed metadata entries for variable placeholders and text item notes, and a top-level `@@locale` key when a base or variant locale is known. ```json theme={null} { "@@locale": "en", "cart.count": "{count, plural, =0 {No items in the cart} =1 {One item in the cart} other {{count} items in the cart}}", "@cart.count": { "placeholders": { "count": { "type": "num" } } } } ``` See [ARB JSON](/string-formats/json#arb-json) for the full content shape — including a note on why `@@locale` is the only thing identifying a generated ARB file's language, and where to configure it. ## Ditto-generated Files ### iOS Locale Directories + Ditto.swift If `iosLocales` is configured at the root level of the project config, a `Ditto.swift` file will be auto-generated in conjunction with the respective locale `.lproj` directories. ```swift theme={null} import SwiftUI struct Ditto { static func getBundle(_ locale: String? = nil) -> Bundle { var bundle: Bundle? = nil if (locale != nil) { let path = Bundle.main.path(forResource: locale, ofType: "lproj") if (path != nil) { bundle = Bundle(path: path!) } } return bundle ?? Bundle.main } /// [Open component in Ditto](http://app.dittowords.com/library?selectedLibraryComponentIds=) /// /// - Returns: The localized string for the Ditto identifier "continue" public static func continue(_ localeOverride: String? = nil) -> String { String.localizedStringWithFormat(NSLocalizedString("continue", tableName: "components", bundle: getBundle(localeOverride), comment: "")) } /// [Open component in Ditto](http://app.dittowords.com/library/?selectedLibraryComponentIds=) /// /// - Returns: The localized string for the Ditto identifier "hello" public static func hello(_ localeOverride: String? = nil, FirstName: String) -> String { String.localizedStringWithFormat(NSLocalizedString("hello", tableName: "components", bundle: getBundle(localeOverride), comment: ""), FirstName) } struct myDittoProject { /// [Open text item in Ditto](http://app.dittowords.com/projects-beta/?viewState=text&selectedTextItemIds=) /// /// - Returns: The localized string for the Ditto identifier "email" public static func email(_ localeOverride: String? = nil) -> String { String.localizedStringWithFormat(NSLocalizedString("email", tableName: "my-ditto-project", bundle: Ditto.getBundle(localeOverride), comment: "")) } /// [Open text item in Ditto](http://app.dittowords.com/projects-beta/?viewState=text&selectedTextItemIds=) /// /// - Returns: The localized string for the Ditto identifier "submit" public static func submit(_ localeOverride: String? = nil) -> String { String.localizedStringWithFormat(NSLocalizedString("submit", tableName: "my-ditto-project", bundle: Ditto.getBundle(localeOverride), comment: "")) } } } ``` By default, `Ditto.swift` and the `.lproj` directories are placed at the root-level `outDir`, alongside any other configured outputs. Configuring [`iosLocalesOutDir`](/cli-reference/configuration#ioslocalesoutdir) sends them to a separate directory instead — useful since iOS output typically needs to live somewhere different in a codebase than other platforms' output (e.g., inside an Xcode project's source directory, rather than a general assets folder). **Example:** ```yaml theme={null} outDir: "./ditto" iosLocalesOutDir: "./MyApp/Localization" iosLocales: - base: en - spanish: es outputs: - format: ios-strings - format: android ``` ``` . ├── MyApp/ │ └── Localization/ │ ├── Ditto.swift │ ├── en.lproj/ │ │ ├── my_project.strings │ │ └── components.strings │ └── es.lproj/ │ ├── my_project.strings │ └── components.strings └── ditto/ ├── my_project___base.xml └── components__base.xml ``` The `ios-strings` output's `.lproj` directories and `Ditto.swift` are written to `./MyApp/Localization` (because of `iosLocalesOutDir`), while the unrelated `android` output still writes to the root-level `outDir` (`./ditto`). ### Android Locale Directories If `androidLocales` is configured at the root level of the project config, `android`-format XML files will be organized into the standard Android [locale-qualified resource directories](https://developer.android.com/guide/topics/resources/providing-resources#AlternativeResources) (`values-/`), instead of being written flat with a variant suffix. Unlike iOS, Android already has a default resource directory (`values/`, with no locale qualifier) that the platform falls back to automatically. Because of this, base text doesn't need its own entry in `androidLocales` the way it does for `iosLocales` — it's always written to `values/` automatically. Only variants you want organized into a locale-specific directory need to be mapped. **Example:** ```yaml theme={null} androidLocales: - spanish: es - french: fr outputs: - format: android ``` This configuration will generate: ``` ./ditto/ ├── values/ │ ├── my_project.xml │ └── components.xml ├── values-es/ │ ├── my_project.xml │ └── components.xml └── values-fr/ ├── my_project.xml └── components.xml ``` Variants not mapped in `androidLocales` are written to the output directory with their variant suffix instead (e.g., `my_project___german.xml`), the same as unmapped variants with `iosLocales`. By default, the `values/` and `values-/` directories are placed at the root-level `outDir`, alongside any other configured outputs. Configuring [`androidLocalesOutDir`](/cli-reference/configuration#androidlocalesoutdir) sends them to a separate directory instead — useful since Android output typically needs to live somewhere different in a codebase than other platforms' output (e.g., inside an Android module's `res/` directory). **Example:** ```yaml theme={null} outDir: "./ditto" androidLocalesOutDir: "./app/src/main/res" androidLocales: - spanish: es - french: fr outputs: - format: android - format: ios-strings ``` ``` . ├── app/ │ └── src/ │ └── main/ │ └── res/ │ ├── values/ │ │ ├── my_project.xml │ │ └── components.xml │ ├── values-es/ │ │ ├── my_project.xml │ │ └── components.xml │ └── values-fr/ │ ├── my_project.xml │ └── components.xml └── ditto/ ├── my_project___base.strings └── components__base.strings ``` The `android` output's `values/` and `values-/` directories are written to `./app/src/main/res` (because of `androidLocalesOutDir`), while the unrelated `ios-strings` output still writes to the root-level `outDir` (`./ditto`). # Key Concepts Source: https://developer.dittowords.com/concepts Concepts and features in Ditto that can be leveraged by developers ## Text Items & Library Components [Text items](https://help.dittowords.com/en/articles/11502480-text-items-and-linking) in Ditto are strings maintained in your Ditto projects that can be linked to one or more instances of that text in your design files. Editing a text item will also edit all of its linked instances. Each workspace also has a centralized library of [components](https://help.dittowords.com/en/articles/11502584-component-library). These function similarly to text items in projects, but allow you to reuse the same text across multiple projects by attaching a library component to one or more project text items. Editing the component or any of its attached instances will update all of its instances. ## Developer IDs Developer IDs in Ditto are unique, (typically) human-readable identifiers for various types of Ditto data, such as projects, text items, library components, component folders, variables, and variants. Developer IDs serve as the unique key for referencing each piece of Ditto data in development, as well as to retrieve desired data from the API and CLI. Developer IDs are generated automatically when an item is created, based on that item’s data. Most items, such as projects and components, will have Developer IDs created based on their initial name, while text items' will be generated based on their original text content. To preserve stable references between Ditto and your application, once a Developer ID value has been generated, Ditto will **not** automatically update it when the related data changes. For instance, editing the content of a text item will not affect the text item's Developer ID. However, you may directly edit the value of a Developer ID from within Ditto at any time. > **Important:** If you change the value of a Developer ID in Ditto, you will also need to update any references to that Developer ID in your own application. To avoid breaking changes, we recommend making any such edits before you begin using a given item in your code. **Uniqueness** In order to function as a suitable key for fetching Ditto data, Developer IDs for a given entity type must be unique within your workspace. No two projects or pieces of text may share a Developer ID (however you may have a project and a text item with the same value). Text items and library components belong to the same pool of Developer ID values; you may not have a library component and an unrelated text item with the same Developer ID, nor can similar text items in different projects share a value. With one exception: library components and their text item instances will all share the same Developer ID. **Example**: I have a library component with Developer ID, “hello”. I create two text items in two different projects with the text “hello”. These text items will be assigned “hello-1” and “hello-2”. If I then attach both text items to the library component, all three text entities will now share the Developer ID, “hello”. Since text content and metadata is synced between these three text entities, they can safely share the same Developer ID — any data fetched by that ID should be identical across all instances. **Configuration** Developer IDs are auto-generated and validated based on a particular spec, referred to as the Developer ID Configuration. The config, which applies to all Developer IDs across the entire workspace, can be viewed and edited from the [Developers page](https://app.dittowords.com/developers/configure-dev-ids). Users can control the following aspects of a Developer ID: * Allowed characters - The set of characters that may be present in a Developer ID string * Character replacement - An ordered list of rules for replacing substrings from the source text during auto-generation * Casing adjustment - Optionally transform the case of the source text during auto-generation. Supported options: lowercase, UPPERCASE, camelCase, PascalCase. * Maximum length - The maximum number of characters that a Developer ID may contain. * **Note:** During the deduplication phase of auto-generation, the system may add a unique suffix to the generated value. This step occurs *after* truncating to the max length, which means it is possible that system generated strings may be a few characters above the limit. **If you have a hard limit in your system, we recommend setting your config max length to 3+ characters below that limit to account for deduplication suffixes.** Manual edits over the limit, however, will not be accepted. For more details, visit the [Help Docs](https://help.dittowords.com/en/articles/14529160-developer-id-configuration). **Marking Developer IDs as Integrated** Users can mark text items and library components as "integrated" to denote that these items (more specifically their Developer IDs) are in use in development integrations. Marking an item as "integrated" should indicate to other workspace members that this Developer ID value is in use in code, that changing the Developer ID value could represent a breaking change and changes to the text content may result in changing copy that appears in production. Users can also filter by this property in each API endpoint that fetches text items or components as well as in the CLI config. This is an easy way to limit which values are pulled into your codebase in order to simplify your developer integrations and make it more clear which text is already in use and what is safe to edit. Additionally, all webhook events will include an `integrated: boolean` property representing whether or not the updated item is marked as integrated. This can be used as a filter on whether to respond to a given webhook event upon receipt. Integrated Toggle **Project Developer IDs** To view and edit a project’s Developer ID, choose `Development integration` in the main menu found in the top right of a project in the web app. Project Menu Project developer integrations modal **Text item and library component Developer IDs:** 1. Select an individual text item or library component 2. See the Developer ID section in the details panel Edit Text Item Developer ID You can also select multiple text items or components to bring up the **Bulk Editor**. Here, you can view and edit a selection of items all at once and perform certain bulk operations such as adding the same prefix to all selected items. Click [here](https://help.dittowords.com/en/articles/14792979-developer-id-bulk-editor) for more details. Dev ID Bulk Editor **Library Folder Developer IDs:** 1. Visit the parent of a library folder (the folder that contains the one you want to view) 2. Choose “**Folder properties…**” from the dropdown menu that appears on the folder in the left sidebar or the main content area 3. Edit the **Developer ID** in the details panel Library folder developer ids **Variant Developer ID:** 1. Go to the [variant library](https://app.dittowords.com/variants) and select a variant 2. Edit the Developer ID in the details panel Variant Developer ID ## Translation with Variants Ditto generates localization-ready files using [variants](https://help.dittowords.com/en/articles/11502612-variants), with each variant corresponding to a language/locale. In these files, a single text item (string) can contain multiple variants, making it easy to display different language files to users. To handle localized strings, you can choose to either: * Localize in-house by providing translations in the Ditto app * Integrate Ditto with a translation management system (either using one of our existing [**integrations**](https://app.dittowords.com/integrations) or via our API) To learn more about localizing with Ditto, check out [this guide](https://help.dittowords.com/en/articles/11670953-how-to-manage-translations-and-localization). ## Variable Interpolation Variable interpolation and dynamic values are handled by [variables](https://help.dittowords.com/en/articles/11657688-variables) in Ditto. When fetched by the API/CLI or in manual exports, Ditto will handle variable formatting specific to each string file format. ## Pluralization Ditto supports the ability to define multiple **plural forms** to a given piece of text, allowing your application to render different copy based on a particular count. For instance, when building a search page, you may want to render slightly different copy based on how many results were returned: "10 results" or "1 result" or "No results". Ditto supports creating all three of these copy options in the same text item with the use of Plurals. For this example, you would create three "plural forms": "zero", "one" and "other" with the copy that corresponds to the result count. The Ditto API will generate a separate response object for the "base" plural (pluralForm: null) and each defined plural form. In the example above, this would result in a total of four text items. Following i18next formatting, the Developer ID value for each plural form will be a concatenation of the text item's Developer ID and the plural form, i.e. `dev_id_one`. When using i18next in your codebase, the raw data will include each of the plurals separately, but you simply access the text by providing the main Developer ID value (without a plural suffix) and provide a `count` variable to the i18n interpolation function, and i18n will automatically render the right plural string based on the provided count. Plurals are fully supported through the Ditto ecosystem: plurals may contain variables, and plurals can be added to Variants. To learn more about using plurals in Ditto, check out [this guide](https://help.dittowords.com/en/articles/13460485-plurals). # Agent Skills Source: https://developer.dittowords.com/ditto-specs-cli-reference/agent-skills Interactive agent workflows for scaffolding Ditto specs, auditing text, and finding style guide rule gaps ## Overview Running `ditto-spec init --agent` installs three slash commands into `.claude/commands/`. These give agents interactive, multi-step workflows for working with Ditto specs. Skills are committed to your repo alongside Ditto spec files and config — every team member gets them automatically, no separate plugin install. ## /ditto-spec-component **Analyze a component, create Ditto spec files for it and its dependencies, auto-fill surfaces and tags, and sync style guide rules from the platform.** ``` /ditto-spec-component ``` Accepts either a component name (e.g. `Button`) or a file path (e.g. `src/components/Button/index.tsx`). ### Workflow Locates the component, walks its imports to find child components that render user-facing text, and checks which components already have Ditto specs. For each component needing a Ditto spec, identifies every text surface — string props, `children`, nested props, hardcoded strings — and suggests tags from the `workspace.ditto.md` tag inventory. Estimates `maxLength` where layout context provides constraints. **Pauses for your review** before creating any files. You can add, remove, or modify surfaces and tags. Scaffolds `index.ditto.md` files (or updates existing ones) with the approved surfaces, then runs `ditto-spec pull` to populate style guide rules and `ditto-spec check` to validate. ## /ditto-spec-audit **Audit copy in component instances against the style guide rules in their Ditto spec files and report violations.** ``` /ditto-spec-audit ``` Omit the argument to audit all components that have Ditto specs. This skill is **read-only** — it never modifies code, i18n catalogs, or Ditto text items. ### Workflow Reads `workspace.ditto.md` and each relevant component's `index.ditto.md` to build the full set of style guide rules — workspace rules, component-level rules, per-surface rules, and locale-scoped rules. Searches the codebase for files that import and render each component. For each instance, resolves the actual copy bound to every text surface: * **Inline** — string literals, template strings, hardcoded text * **i18n keys** — resolves values across all locale catalogs, including plural forms * **Ditto text items** — resolves values across variant files by Developer ID * **Unresolvable** — flags dynamic or computed values for manual review Checks each instance's copy against all applicable style guide rules — style rules, terminology entries, `maxLength` constraints, and locale-scoped rules where relevant. Presents violations grouped by component and file, with file location, surface, source, the violating text, the rule violated, and a suggested correction. Ends with a summary of components audited, instances checked, and violations found. ## /ditto-spec-gaps **Find style guide rule gaps — copy patterns that should be rules but aren't — then create them on the platform.** ``` /ditto-spec-gaps ``` Omit the argument to analyze all components that have Ditto specs. ### Workflow Reads Ditto specs and runs `ditto-spec rules` to load the **complete** set of style guide rules on the platform — not just the rules that match local tags. This prevents proposing duplicates of rules that exist but aren't tagged for local components. Gathers copy from all component instances (inline, i18n, Ditto text items) and looks for patterns no existing style guide rule covers: * **Terminology inconsistencies** — the same concept with different forms (e.g. "sign up" vs "signup") * **Tone mismatches** — some instances formal, others casual * **Anti-patterns** — passive voice in CTAs, redundant wording * **Conventions** that should be formalized (e.g. "all action buttons start with a verb") Presents proposed style rules and terminology entries with names, descriptions, tags, examples, and target sections. **Pauses for your review.** You choose which rules to create, modify, or skip. Creates approved style guide rules on the platform via `ditto-spec create-rules`, then runs `ditto-spec pull` to sync them into Ditto spec files. This is the only skill that writes to the Ditto platform. The other two skills are read-only. ## Updating and customizing Skill files are plain markdown in `.claude/commands/`. You can edit them to add project-specific behavior — custom tags, additional audit checks, or tailored prompts. To update skills to the latest CLI version: ```bash theme={null} npx ditto-spec init --agent ``` Re-running `init --agent` overwrites skill files with the current templates and removes legacy skill files (previously named `spec-component.md`, etc.). If you've customized skills, commit your changes first, then use `--force` to accept the update and merge in your customizations. # Commands Source: https://developer.dittowords.com/ditto-specs-cli-reference/commands All commands available in the Ditto Specs CLI ## init First-time setup. Creates `dittospec.config.json` and `workspace.ditto.md` in the current directory, then detects your agent environment and prints setup suggestions. ```bash theme={null} npx ditto-spec init ``` | Flag | Description | | --------- | ------------------------------------------------------------------------------------------------------------------- | | `--agent` | Write agent configuration (Claude Code or Cursor). See [Agent Setup](/ditto-specs-cli-reference/setup#agent-setup). | | `--force` | Overwrite customized skill files in `.claude/commands/`. Only applies with `--agent`. | Re-running `init` is safe. Existing config files are not overwritten. With `--agent`, skill files are updated to the current CLI version and `CLAUDE.md` sections that already exist are skipped. ## scaffold Creates a new `index.ditto.md` Ditto spec file for a component with the correct YAML structure and empty managed keys. ```bash theme={null} npx ditto-spec scaffold --path ``` | Argument / Flag | Description | | ----------------- | ---------------------------------------------------------------------------- | | `` | Name of the component (required). | | `--path ` | Directory where the spec file is created. Defaults to the current directory. | Example: ```bash theme={null} npx ditto-spec scaffold DialogueModal --path src/components/DialogueModal ``` After scaffolding, add surfaces and tags to the generated file, then run `ditto-spec pull` to populate style guide rules from the platform. ## pull Syncs style guide rules from the Ditto platform into Ditto spec files by tag matching. ```bash theme={null} npx ditto-spec pull ``` | Flag | Description | | ----------- | --------------------------------------------- | | `--dry-run` | Show what would change without writing files. | The pull process: 1. Discovers all Ditto spec files under the configured `roots` 2. Fetches style guides from the API 3. Flattens style guide rules and wordlist entries across guides (filtered by `styleguides` config if set) 4. Separates base rules from locale-scoped rules (included when `locales` is configured) 5. Matches rules to Ditto specs by tag intersection 6. Rewrites the `rules` and `locales` keys in each file's YAML frontmatter Requires `DITTO_TOKEN`. Set it in your environment or in a `.env` file at the repo root. ## check Validates all Ditto spec files: YAML parses correctly, required keys are present, surfaces have `tags` arrays. Exits non-zero on any failure. ```bash theme={null} npx ditto-spec check ``` Useful as a pre-commit hook or CI step to catch malformed Ditto spec files before they're merged. ## list Prints an inventory of all Ditto specs with their surfaces, tags, and constraints. ```bash theme={null} npx ditto-spec list ``` ## rules Prints every style guide rule on the platform, grouped by style guide and section. Shows each section's kind (`rules` or `wordlist`) and section ID. ```bash theme={null} npx ditto-spec rules ``` | Flag | Description | | ----------------------------- | ----------------------------------------- | | `--styleguide ""` | Limit output to one specific style guide. | Requires `DITTO_TOKEN`. Without `--styleguide`, output is filtered to guides in your `styleguides` config (or all guides if unset). ## create-rules Creates a batch of style rules or terminology entries on the Ditto platform. Takes a JSON array of rules on stdin or via `--file`. ```bash theme={null} npx ditto-spec create-rules ``` | Flag | Description | | ----------------------------- | ---------------------------------------------------------------------------------------------------------- | | `--file ` | Read the JSON array from a file instead of stdin. | | `--styleguide ""` | Target style guide. Overrides the `defaultStyleguide` config. | | `--section ""` | Default section for rules that don't specify their own. Applies only to rules matching the section's kind. | Each rule in the array is one of two shapes: | Shape | Fields | | ----------------- | --------------------------------------------------------------------------------------- | | Style rule | `name` (required), `description`, `examples` (array of `{from, to}`), `tags`, `section` | | Terminology entry | `term` (required), `disallowed` (array of strings), `description`, `tags`, `section` | Both shapes can be mixed in one batch. Each rule's optional `section` (name or ID, as shown by `ditto-spec rules`) maps it to an existing section of the style guide. The section's kind must match the rule's shape — `rules` sections for style rules, `wordlist` sections for terminology entries. ```bash stdin theme={null} npx ditto-spec create-rules <<'EOF' [ { "name": "Use active voice in CTAs", "description": "Lead CTAs with a verb", "tags": ["button", "call-to-action"], "examples": [{"from": "Your settings", "to": "Open settings"}], "section": "UI Patterns" }, { "term": "sign up", "disallowed": ["signup", "sign-up"], "description": "Two words as a verb", "section": "Word List" } ] EOF ``` ```bash --file theme={null} npx ditto-spec create-rules --file rules.json --styleguide "Brand Voice" ``` Requires `DITTO_TOKEN`. After creating rules, run `ditto-spec pull` to sync them into your Ditto spec files. # Overview Source: https://developer.dittowords.com/ditto-specs-cli-reference/overview Overview of Ditto spec files and the Specs CLI for AI-assisted content governance The Specs CLI is in **alpha**. The file format and CLI interface may change between releases. ## What are Ditto specs? A `.ditto.md` file lives next to a component and declares its **text surfaces** — every piece of user-facing copy the component renders, whether passed as props, `children`, or hardcoded in the component itself. The CLI syncs matching style guide rules from the Ditto platform into each file, co-locating content governance directly in your design system alongside the components themselves. The file is pure metadata; nothing imports it at runtime. Ditto spec files serve three consumers: * **Agents** read them as fast-path context when writing or editing copy for a component. * **The CLI** syncs style guide rules from the Ditto platform whose tags match each file's surface tags. * **Humans** review content decisions in pull requests. ## How it works 1. **Scaffold** a spec for a component with [`ditto-spec scaffold`](/ditto-specs-cli-reference/commands#scaffold). 2. **Add surfaces and tags** — one entry per piece of user-facing text, tagged by semantic role. 3. **Pull** style guide rules from the platform with [`ditto-spec pull`](/ditto-specs-cli-reference/commands#pull). The CLI matches style guide rules to Ditto specs by tag intersection. 4. **Agents read the spec** at authoring time and follow the style guide rules when writing or editing copy. ## Next steps * [Setup](/ditto-specs-cli-reference/setup) — install the CLI and configure your project * [Commands](/ditto-specs-cli-reference/commands) — full reference for all CLI commands * [Ditto Spec Files](/ditto-specs-cli-reference/spec-files) — format and structure of `.ditto.md` files * [Agent Skills](/ditto-specs-cli-reference/agent-skills) — interactive workflows for Claude Code and Cursor # Setup Source: https://developer.dittowords.com/ditto-specs-cli-reference/setup Install the Specs CLI, configure your project, and set up API keys and agent integration ## Prerequisites * **Node.js** >= 18 * A **Ditto API key** — generate one from your [developer integrations settings](https://app.dittowords.com/developers/api-keys) * A Ditto workspace with at least one style guide ## Installation ```bash npm theme={null} npm i --save-dev @dittowords/spec-cli ``` ```bash yarn theme={null} yarn add --dev @dittowords/spec-cli ``` Run the init command from your repo root: ```bash theme={null} npx ditto-spec init ``` This creates two files: * `dittospec.config.json` — project configuration * `workspace.ditto.md` — workspace-level Ditto spec file for universal style guide rules Set the `DITTO_TOKEN` environment variable: ```bash theme={null} export DITTO_TOKEN=your-api-key ``` You can also add `DITTO_TOKEN=your-api-key` to a `.env` file at the repo root. The CLI loads it automatically. Run a dry-run pull to confirm everything is wired up: ```bash theme={null} npx ditto-spec pull --dry-run ``` You should see a list of discovered Ditto spec files and what style guide rules would be written. ## Configuration The `dittospec.config.json` file controls how the CLI discovers Ditto spec files and syncs style guide rules. A minimal config: ```json theme={null} { "apiBase": "https://api.dittowords.com" } ``` A full config with all options: ```json theme={null} { "apiBase": "https://api.dittowords.com", "roots": ["design-system", "src/components"], "styleguides": ["Brand Voice", "Product UI"], "locales": ["de-DE", "fr-FR"], "defaultStyleguide": "Brand Voice" } ``` ### Properties | Key | Required | Description | | ------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | | `apiBase` | Yes | Ditto API base URL. | | `roots` | No | Repo-relative directories to search for Ditto spec files. Defaults to `["."]`. | | `styleguides` | No | List of style guide names or IDs to pull style guide rules from. Defaults to all guides in the workspace. | | `locales` | No | Locale codes to include (e.g. `["de-DE", "fr-FR"]`). Includes locale-scoped style guides matching these codes. Base (no-variant) guides are always included. | | `defaultStyleguide` | No | Default style guide for `create-rules`. Overridable with the `--styleguide` flag. Defaults to the first guide returned by the API. | ## Agent setup Running `init` with the `--agent` flag writes configuration for your AI development tool: ```bash theme={null} npx ditto-spec init --agent ``` Appends a **Ditto Specs** section to `CLAUDE.md` (creates the file if absent) and writes three skill files to `.claude/commands/`: | Skill | What it does | | ----------------------- | ------------------------------------------------------------------------------------------------- | | `/ditto-spec-component` | Analyze a component, create Ditto spec files, auto-fill surfaces and tags, sync style guide rules | | `/ditto-spec-audit` | Audit copy in component instances against style guide rules in their Ditto specs | | `/ditto-spec-gaps` | Find style guide rule gaps, then create new rules on the platform | See [Agent Skills](/ditto-specs-cli-reference/agent-skills) for detailed documentation of each skill. Appends a **Ditto Specs** section to `.cursorrules` with instructions for reading and creating Ditto specs. Re-running `init --agent` is safe — it updates skill files to the current CLI version and skips `CLAUDE.md` sections that already exist. Use `--force` to overwrite skill files you've customized. # Ditto Spec Files Source: https://developer.dittowords.com/ditto-specs-cli-reference/spec-files Format and structure of .ditto.md Ditto spec files for workspaces and components ## Overview Ditto spec files use YAML frontmatter in `.ditto.md` files. Everything lives between the `---` delimiters; the markdown body below the closing `---` is unused. There are two types: **workspace specs** and **component specs**. ## Workspace spec A repo has a single `workspace.ditto.md` somewhere under the CLI's configured `roots`. It holds universal style guide rules that carry no tags — these apply to every surface in every component. It also carries an inventory of all tags available on the platform. ```yaml theme={null} --- workspace: true # Managed by Ditto — do not edit below tags: [body, button, call-to-action, dialog-title, heading, nav] rules: - name: Write in active voice description: Lead with verbs, avoid passive constructions section: Voice & Tone locales: de-DE: - name: Use informal address description: Use "Du" instead of "Sie" for all user-facing copy section: Formality --- ``` | Key | Managed by | Description | | ----------- | ------------ | --------------------------------------------------------------------------------- | | `workspace` | Developer | Must be `true`. Marks this as the workspace spec. | | `tags` | CLI (`pull`) | All tags that exist on the platform. Used as a reference when tagging surfaces. | | `rules` | CLI (`pull`) | Universal style guide rules with no tag scope — apply to all surfaces everywhere. | | `locales` | CLI (`pull`) | Locale-scoped style guide rules, keyed by locale code. | ## Component spec Each component that renders user-facing text gets an `index.ditto.md` Ditto spec file in its directory. ```yaml theme={null} --- component: DialogueModal tags: [dialog, confirmation] surfaces: headline: tags: [heading, dialog-title] maxLength: 60 content: tags: [body, dialog-body] maxLength: 240 actionText: tags: [call-to-action] maxLength: 25 cancelText: tags: [button] maxLength: 25 # Managed by Ditto — do not edit below rules: - name: Confirmation dialogs should be direct description: Keep confirmation copy terse and unambiguous section: Voice & Tone - surface: actionText name: Calls to action should use active voice description: Always lead with a verb examples: - from: "Your settings" to: "Open settings" section: Voice & Tone - term: sign up disallowed: - signup - sign-up description: Always use as two words (verb form) section: Terminology locales: de-DE: - name: Use informal address description: Use "Du" instead of "Sie" for all user-facing copy section: Formality --- ``` ### component The component name (string). Set when you run `ditto-spec scaffold`. ### tags Component-level tags (array of strings) that describe what the component **is** in your design system — e.g. `[dialog, confirmation]` for a confirmation modal, `[card, product]` for a product card. Style guide rules matching any of these tags apply to **all** surfaces in the component, cascading content governance to every piece of text it renders. Edit these freely. This is the primary mechanism for integrating Ditto specs into a design system. A component's tags capture its role as a design system element, pulling in rules about how that type of component should read — tone, voice, constraints. The individual surfaces then carry their own tags for more specific rules (see below). ### surfaces Each key is a surface — a distinct piece of user-facing text the component renders. | Property | Required | Description | | ----------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | `tags` | Yes | Per-surface tags that describe the text's role — e.g. `[heading, dialog-title]`, `[call-to-action]`. Used for matching style guide rules to this specific surface. | | `maxLength` | No | Maximum character length. A hard layout constraint, not a stylistic preference. | ### rules Populated by `ditto-spec pull`. Style guide rules come in two shapes: | Shape | Fields | Scope | | ----------------- | -------------------------------------------------------------------------- | ---------------------------------------------------------------------------- | | Style rule | `name`, `description`, `examples` (optional `{from, to}` pairs), `section` | Without `surface`: all surfaces. With `surface: ""`: that surface only. | | Terminology entry | `term`, `disallowed`, `description`, `section` | Without `surface`: all surfaces. With `surface: ""`: that surface only. | ### locales Populated by `ditto-spec pull`. Keyed by locale code (e.g. `de-DE`). Contains the same style guide rule shapes as `rules`, scoped to a specific locale. Locale-scoped rules apply **in addition to** base rules when writing copy for that locale. ## Style guide rule hierarchy | Scope | Where | Applies to | | ------------------- | ---------------------------------------------- | ------------------------------------------------------------------- | | **Workspace** | `workspace.ditto.md` `rules[]` | Every surface in every component | | **Component-level** | Component's `rules[]`, no `surface` field | Every surface in this component | | **Per-surface** | Component's `rules[]`, with `surface: ""` | That one surface | | **Locale-scoped** | `locales.[]` (workspace or component) | Same hierarchy as above, but only when writing copy for that locale | Base style guide rules always apply. Locale-scoped rules apply only when writing copy for the matching locale — they never conflict because each locale is a separate scope. ## Developer-owned vs CLI-managed keys | Keys | Owner | Edit by hand? | | ------------------------------------ | ------------ | ------------------------------------- | | `component`, `tags`, `surfaces` | Developer | Yes — add, remove, and modify freely. | | `rules`, `locales`, workspace `tags` | CLI (`pull`) | No — overwritten on every pull. | Never edit `rules` or `locales` by hand. Run `ditto-spec pull` to update them from the platform. ## Surface naming conventions | Scenario | Key to use | Example | | ------------------------- | --------------------- | ------------------------------------- | | String prop | The prop name | `title`, `description` | | Nested prop | Dot notation | `primaryAction.label` | | Children prop | `$children` | `$children` | | Hardcoded/internal string | Descriptive role name | `headline`, `bodyText`, `submitLabel` | Check the `tags` key in `workspace.ditto.md` for tags available on the platform. Prefer reusing an existing tag over creating a new one — only tags that exist on the platform will match style guide rules. ## Tagging in a design system Ditto specs support two levels of tagging that mirror how design systems organize components: * **Component-level tags** describe the component itself — its role in the design system. A `DialogueModal` tagged `[dialog, confirmation]` pulls in style guide rules about how confirmation dialogs should read. These rules apply to every surface in the component. * **Surface-level tags** describe each individual piece of text — its function within the component. An `actionText` surface tagged `[call-to-action]` pulls in rules specific to CTAs (e.g. "lead with a verb"). These rules apply only to that surface. Both levels work together. For a `DialogueModal`: ```yaml theme={null} tags: [dialog, confirmation] # rules about dialogs apply to ALL surfaces surfaces: headline: tags: [heading, dialog-title] # + rules about headings apply here actionText: tags: [call-to-action] # + rules about CTAs apply here cancelText: tags: [button] # + rules about buttons apply here ``` The `headline` surface inherits style guide rules matched by `dialog`, `confirmation` (from the component), plus rules matched by `heading`, `dialog-title` (from the surface). If a rule matches both levels, it appears once at component level — broader scope wins. This means you can create style guide rules on the Ditto platform scoped to design system concepts (`dialog`, `card`, `form`, `navigation`) and have them automatically cascade to every component tagged with that concept, while surface-level tags layer on more specific guidance. ## File discovery The CLI searches directories listed in the `roots` config for any `*.ditto.md` files. `workspace.ditto.md` is identified by its `workspace: true` key; all other `.ditto.md` files are treated as component Ditto specs. # Changelog Source: https://developer.dittowords.com/feedback-support/changelog ## September 3, 2026 ### API Add [Publish component](https://developer.dittowords.com/api-reference/components/publish-component) (`POST /v2/components/publish`) endpoint for publishing an existing text item to the component library. Add [Link components](https://developer.dittowords.com/api-reference/components/link-components) (`PATCH /v2/components/link`) endpoint for linking text items to a library component by developer ID. Add [Unlink components](https://developer.dittowords.com/api-reference/components/unlink-components) endpoint, which unlinks every text item that currently shares a given developer ID with its sibling instances. Accepts an optional `projectId` to scope the unlink to a single project. ### MCP Add the [`publish_library_component`](/mcp-reference/tools#publish_library_component) for publishing an existing text item to the component library. Add the [`link_text_items_to_component`](/mcp-reference/tools#link_text_items_to_component) for linking text items to a library component by developer ID. Add the [`unlink_text_items_from_component`](/mcp-reference/tools#unlink_text_items_from_component) tool, which unlinks every text item that currently shares a given developer ID with its sibling instances. Accepts an optional `projectId` to scope the unlink to a single project. ## August 27, 2026 ### API Add [ARB](https://github.com/google/app-resource-bundle/wiki/ApplicationResourceBundleSpecification) as an export format for [Export text items](https://developer.dittowords.com/api-reference/text-items/export-text-items) (`GET /v2/textItems/export`) and [Export components](https://developer.dittowords.com/api-reference/components/export-components) (`GET /v2/components/export`) — provide `?format=arb`. See [ARB JSON](/string-formats/json#arb-json) for the content shape. ### Ditto CLI - 5.9.0 Add `framework: arb` and `framework: icu` for `json`-format outputs, generating [ARB](/string-formats/json#arb-json) and [ICU](/string-formats/json#icu-json) JSON respectively. See [Frameworks](/cli-reference/files#framework-specific-files). Add [`androidLocales`](/cli-reference/configuration#androidlocales), which maps Ditto variant IDs to Android locale-qualified resource directories (`values-/`) — the Android counterpart to `iosLocales`. Unlike `iosLocales`, there's no need to map `base`, since Android already has a default resource directory (`values/`) that the platform falls back to automatically. Add [`androidLocalesOutDir`](/cli-reference/configuration#androidlocalesoutdir) and [`iosLocalesOutDir`](/cli-reference/configuration#ioslocalesoutdir), which let Android and iOS locale-organized output be written to separate root directories — useful since they typically need to live in different parts of a codebase. ## August 24, 2026 ### Ditto CLI - 5.8.1 [`scan`](/cli-reference/commands#scan) now records which part of your repository it looked at, alongside the Git context added in 5.8.0. Scanning a repository root is recorded as covering the whole repository; scanning a single directory is recorded as covering only that directory. This lets Ditto tell the difference between a string removed from your code and a string that simply was not part of the scan, so re-scanning one directory implies nothing about the rest of the repository. ## August 20, 2026 ### Ditto CLI - 5.8.0 [`scan`](/cli-reference/commands#scan) now records the Git repository, commit, and branch of the code it scans. Ditto uses these to recognize a codebase it has already seen, so a later scan of the same repository can be matched against an earlier one instead of importing every string again. This is read from your local Git checkout. Scan makes no additional network requests, does not send Git credentials, and records nothing about your remote beyond its host and path. Scanning outside a Git repository still works — the CLI notes that the scan can be imported but not re-synced, and continues. ## August 18, 2026 ### Ditto CLI - 5.7.2 Move [`scan`](/cli-reference/commands#scan) text extraction into the shared `@dittowords/text-extract` library. Extraction behavior is unchanged. ## August 17, 2026 ### API Add `richText` parameter to [Create components](https://developer.dittowords.com/api-reference/components/create-components) (`POST /v2/components`) and [Patch components](https://developer.dittowords.com/api-reference/components/patch-components) (`PATCH /v2/components`). When `richText` param is set to `html`, all text values in the update request — including plural and variant text — will be parsed as an HTML string and saved as rich text. ## August 13, 2026 ### Ditto CLI - 5.7.1 Improve how [`scan`](/cli-reference/commands#scan) decodes the text it extracts. Escape sequences, XML entities, and inline markup are now handled per file format, so candidates arrive in Ditto as the text a user sees instead of as raw source. ### MCP Add the [`list_statuses`](/mcp-reference/tools#list_statuses) tool, which lists the statuses text items and library components can be set to, in workflow order. The MCP server now supports logging in with your Ditto account via OAuth, in addition to a static API token. See [Installation](/mcp-reference/installation) for setup instructions per client. ### API Add [Delete components](https://developer.dittowords.com/api-reference/components/delete-components) (`DELETE /v2/components`) endpoint for deleting library components by developer ID. Add [Fetch statuses](https://developer.dittowords.com/api-reference/statuses/get-statuses) (`GET /v2/statuses`) endpoint for listing the statuses available in a workspace, in workflow order. ## August 11, 2026 ### API Add `richText` parameter to [Update text items](https://developer.dittowords.com/api-reference/text-items/patch-text-items) (`PATCH /v2/textItems`) and [Create text items](https://developer.dittowords.com/api-reference/text-items/create-text-items) (`POST /v2/textItems`). When `richText` param is set to `html`, all `text` values in the update request — including plural and variant text — will be parsed as an HTML string and saved as rich text. For example, the following request would store formatted string "**Inspiration** for your next trip" as the Korean variant: ```json theme={null} { "richText": "html", "variantId": "korean", "updates": [ { "developerId": "homepage.section.inspiration", "text": "Inspiration for your next trip" } ] } ``` * Supported formatting: ``/``, ``/``, ``, ``, and `
` for line breaks. * `` and `` are only supported for workspaces with superscript and subscript enabled. * We drop unsupported markup such as links, lists, or headings but keep its text. * `{{variable_name}}` placeholders still resolve, and keep any formatting applied around them. * Without the parameter, text is saved as plaintext and any markup is stored literally, unchanged from previous behavior. ## August 10, 2026 ### MCP Add [`create_variables`](/mcp-reference/tools#create_variables), [`update_variables`](/mcp-reference/tools#update_variables), and [`delete_variables`](/mcp-reference/tools#delete_variables) tools for managing variables from your editor. ### API Add [Create variables](https://developer.dittowords.com/api-reference/variables/create-variables) (`POST /v2/variables`), [Update variables](https://developer.dittowords.com/api-reference/variables/patch-variables) (`PATCH /v2/variables`), and [Delete variables](https://developer.dittowords.com/api-reference/variables/delete-variables) (`DELETE /v2/variables`) endpoints. * Renaming a variable with `newName` rewrites every `{{variable_name}}` placeholder referencing it — across text items, library components, variants, and plurals — so existing text keeps resolving. * A variable can't be deleted while any text item or library component still references it. ## August 6, 2026 ### MCP Add [`create_variants`](/mcp-reference/tools#create_variants), [`update_variants`](/mcp-reference/tools#update_variants), and [`delete_variants`](/mcp-reference/tools#delete_variants) tools for managing variants from your editor. ### API Add [Create variants](https://developer.dittowords.com/api-reference/variants/create-variants) (`POST /v2/variants`), [Update variants](https://developer.dittowords.com/api-reference/variants/patch-variants) (`PATCH /v2/variants`), and [Delete variants](https://developer.dittowords.com/api-reference/variants/delete-variants) (`DELETE /v2/variants`) endpoints. * At most one variant per workspace can hold a given locale code. * A variant can't be deleted while any text item or library component still has text for it. ## August 5, 2026 ### Ditto CLI - 5.7.0 Add the [`login`](/cli-reference/commands#login) and [`logout`](/cli-reference/commands#logout) commands. `login` signs you in through your browser, so the CLI no longer needs an API key. ``` npx @dittowords/cli login ``` * The session is saved to `$HOME/.config/ditto` and renews itself as you keep using the CLI. Commands act as you — your Ditto account and its permissions — instead of as whoever generated an API key. * `logout` forgets the session on this machine and revokes it with Ditto. * API keys still work. `DITTO_TOKEN` takes precedence over a saved session, so CI and other headless environments are unaffected. See [credential precedence](/cli-reference/authentication#credential-precedence). ## August 3, 2026 ### MCP Add [`create_styleguide`](/mcp-reference/tools#create_styleguide), [`list_styleguides`](/mcp-reference/tools#list_styleguides), and [`update_styleguide`](/mcp-reference/tools#update_styleguide) tools for managing style guides themselves — sections, the default-enabled setting, and metadata — as opposed to the rules inside them. Add [`create_styleguide_rules`](/mcp-reference/tools#create_styleguide_rules), [`update_styleguide_rules`](/mcp-reference/tools#update_styleguide_rules), and [`delete_styleguide_rules`](/mcp-reference/tools#delete_styleguide_rules) tools for managing the rules inside a style guide section. Add [`list_component_folders`](/mcp-reference/tools#list_component_folders), [`create_component_folders`](/mcp-reference/tools#create_component_folders), [`update_component_folders`](/mcp-reference/tools#update_component_folders), and [`delete_component_folders`](/mcp-reference/tools#delete_component_folders) tools for managing component library folders from your editor. ### API Add [Create a style guide](https://developer.dittowords.com/api-reference/styleguides/create-styleguides) (`POST /v2/styleguides`) and [Update a style guide](https://developer.dittowords.com/api-reference/styleguides/patch-styleguides) (`PATCH /v2/styleguides`) endpoints, along with [Create style guide rules](https://developer.dittowords.com/api-reference/styleguides/create-styleguide-rules) (`POST /v2/styleguides/rules`), [Update style guide rules](https://developer.dittowords.com/api-reference/styleguides/patch-styleguide-rules) (`PATCH /v2/styleguides/rules`), and [Delete style guide rules](https://developer.dittowords.com/api-reference/styleguides/delete-styleguide-rules) (`DELETE /v2/styleguides/rules`) endpoints for managing the rules inside a section. Add [Fetch component folders](https://developer.dittowords.com/api-reference/component-folders/get-component-folders) (`GET /v2/componentFolders`), [Create component folders](https://developer.dittowords.com/api-reference/component-folders/create-component-folders) (`POST /v2/componentFolders`), [Update component folders](https://developer.dittowords.com/api-reference/component-folders/patch-component-folders) (`PATCH /v2/componentFolders`), and [Delete component folders](https://developer.dittowords.com/api-reference/component-folders/delete-component-folders) (`DELETE /v2/componentFolders`) endpoints. ## July 31, 2026 ### MCP Add the [`suggest_edit`](/mcp-reference/tools#suggest_edit) tool, which checks text against your workspace's style guide rules and returns suggested edits — the same rule-based suggestions shown in the Ditto app. Check an existing text item by developer ID, or freeform text that isn't saved as a text item yet. ## July 29, 2026 ### MCP Add [`list_project_blocks`](/mcp-reference/tools#list_project_blocks), [`create_project_blocks`](/mcp-reference/tools#create_project_blocks), [`update_project_blocks`](/mcp-reference/tools#update_project_blocks), and [`delete_project_blocks`](/mcp-reference/tools#delete_project_blocks) tools for managing the blocks that group text items within a project. ### API Add [Fetch project blocks](https://developer.dittowords.com/api-reference/project-blocks/get-project-blocks) (`GET /v2/projectBlocks`), [Create project blocks](https://developer.dittowords.com/api-reference/project-blocks/create-project-blocks) (`POST /v2/projectBlocks`), [Update project blocks](https://developer.dittowords.com/api-reference/project-blocks/patch-project-blocks) (`PATCH /v2/projectBlocks`), and [Delete project blocks](https://developer.dittowords.com/api-reference/project-blocks/delete-project-blocks) (`DELETE /v2/projectBlocks`) endpoints. ## July 27, 2026 ### Ditto CLI - 5.6.3 Improve how [`scan`](/cli-reference/commands#scan) handles codebases that are larger than a workspace's plan's scan limit. Add the `--list-directories` flag. `scan --list-directories` prints the number of candidate strings found in each directory and exits without uploading anything, so you can choose a scope before running a real scan. ``` npx @dittowords/cli scan . --list-directories ``` * Counts are rolled up: each directory includes the strings found in its subdirectories. * Directories are printed in tree order, indented by depth, with the whole scan total at the top. When a scan exceeds your plan's limit, the error now suggests narrower paths to scan instead of just reporting the limit. * The message lists the largest subdirectories that each fit within your remaining limit, with their string counts and a ready-to-run command for each. * The limit is checked before candidates are uploaded, so an oversized scan fails right away instead of after the upload finishes. ### MCP Add the [`create_ditto_project`](/mcp-reference/tools#create_ditto_project) and [`list_project_folders`](/mcp-reference/tools#list_project_folders) tools for creating projects and looking up project folders from your editor. ### API Add [Create a project](https://developer.dittowords.com/api-reference/projects/create-projects) (`POST /v2/projects`) endpoint. Optionally provide a folder's developer ID to create the project inside that folder. ## July 24, 2026 ### MCP Add [`create_library_components`](/mcp-reference/tools#create_library_components) and [`update_library_components`](/mcp-reference/tools#update_library_components) tools for managing library components from your editor, and the [`list_component_folders`](/mcp-reference/tools#list_component_folders) tool for looking up their folders. ## July 22, 2026 ### Documentation Document the [agent setup package](https://github.com/dittowords/ditto-agent-setup) as the default way to integrate Ditto with Claude Code. See [Agent setup package](/agent-setup-package/overview). Standardize the API token environment variable to `DITTO_TOKEN` across the CLI, Ditto Specs, and MCP setup docs (previously `DITTO_API_KEY` and `DITTO_API_TOKEN`). ### MCP Add [`list_variants`](/mcp-reference/tools#list_variants) and [`list_variables`](/mcp-reference/tools#list_variables) tools, and expose variants and variables on the text item and library component tools — reference a variable with a `{{variable_name}}` placeholder, or set variant-specific text via a variant's developer ID. ## July 10, 2026 ### MCP Add [`create_text_items`](/mcp-reference/tools#create_text_items), [`update_text_items`](/mcp-reference/tools#update_text_items), and [`delete_text_items`](/mcp-reference/tools#delete_text_items) tools for managing text items in bulk from your editor, and the [`list_projects`](/mcp-reference/tools#list_projects) tool for looking up a project's developer ID. ## July 9, 2026 ### API Add [Fetch activity](https://developer.dittowords.com/api-reference/activity/get-activity) (`GET /v2/activity`) endpoint for retrieving a paginated list of change events in your workspace, optionally filtered by project, text item, library component, or entity type. ## July 1, 2026 ### API Add `blockName` field to [Fetch text items](https://developer.dittowords.com/api-reference/text-items/get-text-items) (`GET /v2/textItems`) response. * Each text item now includes a `blockName` field: the name of the block the text item belongs to, or `null` if it is not in a block. ## June 25, 2026 ### API Add `sort` parameter to [Fetch text items](https://developer.dittowords.com/api-reference/text-items/get-text-items) (`GET /v2/textItems`). * `id` (default) sorts the response alphabetically by developer ID (matching previous behavior) * `project_order` groups items by project, returned alphabetically by project developer ID, then sorts within projects based on the custom sort order set up in the web app. ## June 16, 2026 ### Ditto CLI - 5.6.0 Add the `scan` command. `scan ` analyzes a local directory for user-facing text and sends the candidates to Ditto, where you can review them and turn them into a content system tailored to your product. See the [Scan documentation](/cli-reference/commands#scan). * This release includes packages that require **Node.js 20 or higher**. ## June 10, 2026 ### API Add new variant fields `variants[n].status`, `variants[n].assignee`, `variants[n].notes`, and `variants[n].characterLimit` to the [Create text items](https://developer.dittowords.com/api-reference/text-items/create-text-items) resource. * `assignee` must be a valid email matching a user in your workspace * variant `status` must be a valid status in your workspace ## June 4, 2026 ### API Add `folderId` to the [Update components](https://developer.dittowords.com/api-reference/components/patch-components) resource, allowing users to organize their components in bulk. * If `folderId` of `null` or `"root"` is provided, will move component into "All Components". * If `folderId` omitted, component folder will remain unchanged Add [Get style guides](https://developer.dittowords.com/api-reference/styleguides/get-styleguides) (`GET /v2/styleguides`) endpoint for fetching the style guides created in your workspace, along with their sections and rules. ## May 28, 2026 ### API Add `assignee`, along with new variant fields `variants[n].status`, `variants[n].assignee`, `variants[n].notes`, and `variants[n].characterLimit` to the [Create components](https://developer.dittowords.com/api-reference/components/create-components) resource. * `assignee` must be a valid email matching a user in your workspace * variant `status` must be a valid status in your workspace ## May 18, 2026 ### API Add `characterLimit` field to [Fetch text items](https://developer.dittowords.com/api-reference/text-items/get-text-items) (`GET /v2/textItems`) and [Fetch components](https://developer.dittowords.com/api-reference/components/get-components) (`GET /v2/components`) responses. * Each text item and component in the response now includes a `characterLimit` field: a positive integer when a limit is set, or `null` when no limit is configured. * For variant responses, `characterLimit` reflects the variant's own character limit rather than the base value. ## May 12, 2026 ### API Update Text Item and Component endpoints to support variant assignee, notes and character limit. * [Fetch text items](https://developer.dittowords.com/api-reference/components/get-text-items) (`GET /v2/textItems`) and [Fetch components](https://developer.dittowords.com/api-reference/components/get-components) (`GET /v2/components`) now return variant assignee and notes in variant response objects, not the base properties. * Requests that include an assignee filter and a variantId return only items whose base and variant assignees both match the filter. This applies to [Fetch text items](https://developer.dittowords.com/api-reference/components/get-text-items) (`GET /v2/textItems`), [Export text items](https://developer.dittowords.com/api-reference/components/export-text-items) (`GET /v2/textItems/export`), [Fetch components](https://developer.dittowords.com/api-reference/components/get-components) (`GET /v2/components`), and [Export components](https://developer.dittowords.com/api-reference/components/export-components) (`GET /v2/components/export`). * Requests that include assignee, notes and/or character limit along with a variantId in the payload of [Update text items](https://developer.dittowords.com/api-reference/text-items/patch-text-items) (`PATCH /v2/textItems`) or [Update components](https://developer.dittowords.com/api-reference/components/patch-components) (`PATCH /v2/components`) will update that variant's properties, not the base values. ## April 30, 2026 ### API Add component name to the response of [Fetch components](https://developer.dittowords.com/api-reference/components/get-components) (`GET /v2/components`) endpoint. Each component in the response will now include a `name` field matching the component name. The same component name will be returned across base text, variants and plural forms. ## April 6, 2026 ### API Add [Update components](https://developer.dittowords.com/api-reference/components/update-components) (`PATCH /v2/components`) endpoint. Supports updating text, tags, status, and assignee on components identified by developer ID. Includes optional variant targeting with `variantId` and `forceVariantCreation` parameters. Add `PATCH /v2/textItems` as the preferred method for updating text items. `PUT /v2/textItems` continues to work but is now deprecated. ## April 1, 2026 ### Ditto CLI - 5.5.1 Dependency updates and internal improvements. See full release notes [here](https://github.com/dittowords/cli/releases/tag/v5.5.1). ## March 31, 2026 ### Ditto CLI - 5.5.0 Add CLI support for filtering by tags. Add a `tags` configuration to your config file to scope text items and components by one or more tags, with support for `AND`/`OR` operators. ```yaml theme={null} tags: values: - "tag-1" - "tag-2" operator: "AND" ``` The `tags` filter can be specified at the top level of your config or within individual outputs (output-level overrides top-level). When `operator` is `"AND"`, only items with all specified tags are returned. When `operator` is `"OR"` (or omitted), items with any of the specified tags are returned. See full release notes [here](https://github.com/dittowords/cli/releases/tag/v5.5.0). ## March 27, 2026 ### MCP Add the [`get_workspace_tags`](/mcp-reference/tools#get_workspace_tags) tool, which lists the tags currently in use across the workspace — useful before adding tags to a style guide rule, since only existing tags are allowed. Add the first tools for creating, updating, and deleting style guide rules from your editor. ## March 26, 2026 ### API Add `assignee` and `tags` filters to [Fetch components](https://developer.dittowords.com/api-reference/components/get-components) (`GET /v2/components`), [Export components](https://developer.dittowords.com/api-reference/components/export-components) (`GET /v2/components/export`), and [Export text items](https://developer.dittowords.com/api-reference/text-items/export-text-items) (`GET /v2/textItems/export`). The `assignee` filter accepts an email address or `null` to match unassigned items. The `tags` filter accepts an array of tag values with an optional `operator` field (`AND` or `OR`, defaulting to `OR`). ## March 24, 2026 ### Ditto CLI - 5.4.0 Add CLI support for filtering by integration status. Add `integrated: true` to your config file to fetch only text items and components that have been marked as integrated into development. See full release notes [here](https://github.com/dittowords/cli/releases/tag/v5.4.0). ### API Add the ability to update the `integrated` flag of a text item via [Update text items](https://developer.dittowords.com/api-reference/text-items/update-text-items) (`PUT /v2/textItems`). ## March 23, 2026 ### API Add `integrated` field to the response data of: * [Fetch text items](https://developer.dittowords.com/api-reference/text-items/get-text-items) (`GET /v2/textItems`) * [Fetch components](https://developer.dittowords.com/api-reference/components/get-components) (`GET /v2/components`). Add optional `integrated` boolean filter to: * [Fetch text items](https://developer.dittowords.com/api-reference/text-items/get-text-items) (`GET /v2/textItems`) * [Export text items](https://developer.dittowords.com/api-reference/text-items/export-text-items) (`GET /v2/textItems/export`) * [Fetch components](https://developer.dittowords.com/api-reference/components/get-components) (`GET /v2/components`) * [Export components](https://developer.dittowords.com/api-reference/components/export-components) (`GET /v2/components/export`) ## March 20, 2026 ### MCP The Ditto MCP server can now run remotely over Streamable HTTP, instead of only as a local stdio server. See [Installation](/mcp-reference/installation) for how to connect Claude Code, Cursor, VS Code, Windsurf, Codex, and other MCP clients. ## March 19, 2026 ### API Add `plurals` field to [Update text items](https://developer.dittowords.com/api-reference/text-items/update-text-items) (`PUT /v2/textItems`) API endpoint. The `plurals` field supports `upsert` and `remove` operations for managing plural forms (zero, one, two, few, many, other) on text items. Existing plural forms not mentioned in either operation are preserved. Supports variant plurals via the `variantId` parameter. ## March 18, 2026 ### API Add `assignee` and `tags` filters to [Fetch text items](https://developer.dittowords.com/api-reference/text-items/get-text-items) (`GET /v2/textItems`). The `assignee` filter accepts an email address or `null` to match unassigned text items. The `tags` filter accepts an array of tag values with an optional `operator` field (`AND` or `OR`, defaulting to `OR`). [Fetch text items](https://developer.dittowords.com/api-reference/text-items/get-text-items) (`GET /v2/textItems`) and [Fetch components](https://developer.dittowords.com/api-reference/components/get-components) (`GET /v2/components`) now include the `assignee` field in the response payload, returned as the assignee's email address or `null` if unassigned. ## March 16, 2026 ### API Add `assignee` field to [Update text items](https://developer.dittowords.com/api-reference/text-items/update-text-items) (`PUT /v2/textItems`) API endpoint. The `assignee` field accepts an optional email string of a user in the workspace to assign to the text item. Setting `assignee` to `null` will remove the current assignee. ## March 12, 2026 ### MCP Add the [`search_ditto_text`](/mcp-reference/tools#search_ditto_text) tool, which searches your workspace for existing text items and library components by content — so agents can find and reuse strings instead of generating new ones. ## March 5, 2026 ### MCP Ditto's MCP server is here! It connects AI coding agents to your team's content in Ditto, starting with the [`get_styleguide_rules`](/mcp-reference/tools#get_styleguide_rules) tool for fetching workspace and project-level style guide rules. See the [MCP overview](/mcp-reference/overview) to get started. ## February 10, 2026 ### API Add [Create components](https://developer.dittowords.com/api-reference/components/create-components) (`POST /v2/components`) endpoint for creating new library components. ## February 2, 2026 ### API [Fetch text items](https://developer.dittowords.com/api-reference/text-items/get-text-items) (`GET /v2/textItems`), [Fetch components](https://developer.dittowords.com/api-reference/components/get-components) (`GET /v2/components`), [Export text items](https://developer.dittowords.com/api-reference/text-items/export-text-items) (`GET /v2/textItems/export`), and [Export components](https://developer.dittowords.com/api-reference/components/export-components) (`GET /v2/components/export`) now return a `400` error response when statuses that don't exist in your workspace are provided in the status filter. ## January 14, 2026 ### API [Fetch text items](https://developer.dittowords.com/api-reference/text-items/get-text-items) (`GET /v2/textItems`) and [Fetch components](https://developer.dittowords.com/api-reference/components/get-components) (`GET /v2/components`) now return separate records for each plural form. Plural forms follow the standard i18n plural forms outlined [here](https://www.i18next.com/translation-function/plurals). Each record in the response includes a `pluralForm` value, and for each `pluralForm` on a text item or component, a separate record is returned with that `pluralForm` and its respective value. If a record has a `pluralForm`, it will be appended to the end of the developer ID. Example response: ```json theme={null} [ { "id": "some-items", "text": "Some items", "pluralForm": null, ... }, { "id": "some-items_other", "text": "Some items", "pluralForm": "other", ...}, { "id": "some-items_one", "text": "An item", "pluralForm": "one", ... } ] ``` ### Ditto CLI - 5.3.1 Default [JSON file formats](https://developer.dittowords.com/cli-reference/files#json) now include plurals, where the standard unicode plural rule (zero, one, two, few, many, other) is appended to the end of the developer ID key. Example output: ```json theme={null} { "some-items": "Some items", "some-items_one": "An item", "some-items_other": "{{count}} items" } ``` See full release notes [here](https://github.com/dittowords/cli/releases/tag/v5.3.1). ## January 7, 2026 ### API Add [Export text items](https://developer.dittowords.com/api-reference/text-items/export-text-items) (`GET /v2/textItems/export`) and [Export components](https://developer.dittowords.com/api-reference/components/export-components) (`GET /v2/components/export`) endpoints for fetching text items and components in `.json` ICU, `.json` i18next, `.json` Vue i18n, `.strings`, `.stringsdict`, or `.xml` formats. ### Ditto CLI - 5.3.0 Add CLI support for Android `.xml`, iOS `.strings` and `.stringsdict`, and ICU `.json` formats. In conjunction with iOS format additions, add iOS Locale directory generation for configured variant -> locale mappings in config. If iOS locales are configured, CLI will also auto-generate a Ditto.swift file for reading locale values. See full release notes [here](https://github.com/dittowords/cli/releases/tag/v5.3.0). ## December 11, 2025 ### Ditto CLI - 5.2.0 Add CLI support for filtering [text items/components by status](/cli-reference/configuration#statuses) when pulling changes. The filtering logic used for the cli is the same as the [Fetch text items](https://developer.dittowords.com/api-reference/text-items/get-text-items) (`GET /v2/textItems`) and the [Fetch components](https://developer.dittowords.com/api-reference/components/get-components) (`GET /v2/components`) API endpoints. See full release notes [here](https://github.com/dittowords/cli/releases/tag/v5.2.0). ## December 10, 2025 ### API Relax requirement in [Update text items](https://developer.dittowords.com/api-reference/text-items/update-text-items) (`PUT /v2/textItems`) API endpoint that requires text to be included in the request. Add `tags` field which is an optional `string[]` that if set in the request will replace the existing tags with the specified tags on the textItem. ## December 9, 2025 ### API Clarified expected behavior with variant and status filtering for [Fetch text items](https://developer.dittowords.com/api-reference/text-items/get-text-items) (`GET /v2/textItems`) API endpoint. Variants that match the variant filter should only be returned if they match the status filter and their base text also matches the status filter. Added query param in [Fetch components](https://developer.dittowords.com/api-reference/text-items/get-text-items) (`GET /v2/components`) API endpoint status filter that allows for filtering components by status. Variants that match the variant filter should only be returned if they match the status filter and their base text also matches the status filter. ## December 5, 2025 ### API Added [Fetch text items](https://developer.dittowords.com/api-reference/text-items/get-text-items) (`GET /v2/textItems`) API endpoint status filter that allows for fetching textItems by status. Relax requirement in [Update text items](https://developer.dittowords.com/api-reference/text-items/update-text-items) (`PUT /v2/textItems`) API endpoints that requires all textItems to be in the same project. Now updates can include textItems that span multiple projects and all will be updated. ### Documentation Fix env var naming used in the cli for setting the ditto api token to the correct value `DITTO_TOKEN` ## November 5, 2025 ### API Added [delete text items](https://developer.dittowords.com/api-reference/text-items/delete-text-items) (`DELETE /v2/textItems`) API endpoint for deleting text items. ## October 6, 2025 ### Ditto Github Action - 1.0.2 Updates the Github Action to work with CLI `v5.x`, compatible with both new and legacy Ditto. After upgrading, the Github Action will fetch from new Ditto projects/components by default. Legacy users will need to add `pull-from-legacy: "true"` to their workflow file to continue fetching legacy text. If you wish to use this action for both new and legacy Ditto, simply create separate steps with different inputs. See the [README](https://github.com/marketplace/actions/ditto-github-action) for more details and examples. Release notes: * [1.0.2](https://github.com/dittowords/ditto-github-action/releases/tag/v1.0.2) * [1.0.1](https://github.com/dittowords/ditto-github-action/releases/tag/v1.0.1) * [1.0.0](https://github.com/dittowords/ditto-github-action/releases/tag/v1.0.0) ### Ditto CLI - 5.1.0 A small update to support the `-m` and `--meta` flags in commands. This is used internally for analytics and should not affect customer workflows. See full release notes [here](https://github.com/dittowords/cli/releases/tag/v5.1.0). ## October 1, 2025 ### Ditto CLI - 5.0.0 First official stable release that provides support for fetching project text and components from the new Ditto experience, including all features from the v5 Beta release (through 5.0.0-beta.8). This version maintains full support for fetching from legacy projects and components. Simply include the `--legacy` flag along with any command from `v4.x`. Users with both new and legacy projects may pull data from both places into the same codebase by maintaining two separate config files and output directories, and including the path to the right config file in your pull command. See full release notes [here](https://github.com/dittowords/cli/releases/tag/v5.0.0). ## September 29, 2025 ### API Added [fetch components](https://developer.dittowords.com/api-reference/components/get-components) (`GET /v2/components`) API endpoint for fetching components in the user's workspace. ### Ditto CLI - 5.0.0-beta.8 Added support for fetching components in addition to project text via the CLI. Include `components` in your config file to fetch components from the specified folders. Include `projects` in your config file to fetch text from the specified projects. **Breaking change:** If `projects` or `components` are omitted from the config file, will not fetch text from that area. Previously, if `projects` was omitted, it would fetch text from all projects. See full release notes [here](https://github.com/dittowords/cli/releases/tag/v5.0.0-beta.8). ## September 11, 2025 ### API Added the ability to create variants from [update text items](https://developer.dittowords.com/api-reference/text-items/update-text-items#body-force-variant-creation) (`PUT /v2/textItems`) API endpoint with the `forceVariantCreation` parameter. ## August 18, 2025 ### Ditto CLI - 5.0.0-beta.7 Added support for fetching and outputting rich text (HTML) content for Ditto text, by adding `richText: html` to the config file. At this time, this version is still in Beta, accessible via `@dittowords/cli@beta`. See full release notes [here](https://github.com/dittowords/cli/releases/tag/v5.0.0-beta.7). ## July 24, 2025 ### API Added [create text items](https://developer.dittowords.com/api-reference/text-items/create-text-items) (`POST /v2/textItems`) API endpoint for creating new text items. ## July 8, 2025 ### API Added [update text items](https://developer.dittowords.com/api-reference/text-items/update-text-items) (`PUT /v2/textItems`) API endpoint for editing existing text items. ## April 30, 2025 ### Ditto CLI - 5.0.0-beta.6 Beta release of CLI for Ditto 2.0. This version supports fetching text from new, non-legacy Ditto projects. It requires a new format for the config file and supports returning json files formatted for i18next. This version is still in beta, and can be accessed via `@dittowords/cli@beta`. Supports all legacy features via `--legacy` flag. Release notes: * [5.0.0-beta.6](https://github.com/dittowords/cli/releases/tag/v5.0.0-beta.6) * [5.0.0-beta.5](https://github.com/dittowords/cli/releases/tag/v5.0.0-beta.5) * [5.0.0-beta.4](https://github.com/dittowords/cli/releases/tag/v5.0.0-beta.4) * [5.0.0-beta.3](https://github.com/dittowords/cli/releases/tag/v5.0.0-beta.3) * [5.0.0-beta.2](https://github.com/dittowords/cli/releases/tag/v5.0.0-beta.2) * [5.0.0-beta.1](https://github.com/dittowords/cli/releases/tag/v5.0.0-beta.1) * [5.0.0-beta.0](https://github.com/dittowords/cli/releases/tag/v5.0.0-beta.0) ## March 28, 2025 ### API * Added [fetch project folders](https://developer.dittowords.com/legacy/api-reference-legacy/project-folders/fetch-project-folders) (`GET /v1/project-folders`) API endpoint for fetching project folders in the user's workspace. * Added [fetch projects by project folder id](https://developer.dittowords.com/legacy/api-reference-legacy/project-folders/fetch-projects-by-project-folder-id) (`GET /v1/project-folders/:folder_id/projects`) API endpoint for fetching projects in the specified folder. ## March 24, 2025 ### API Added the first set of v2 endpoints to the API: * Added [fetch projects](https://developer.dittowords.com/api-reference/projects/get-projects) (`GET /v2/projects`) API endpoint for fetching projects in the user's workspace. * Added [fetch text items](https://developer.dittowords.com/api-reference/text-items/get-text-items) (`GET /v2/textItems`) API endpoint for fetching text items in the user's workspace. * Added [fetch variables](https://developer.dittowords.com/api-reference/variables/get-variables) (`GET /v2/variables`) API endpoint for fetching variables in the user's workspace. * Added [fetch variants](https://developer.dittowords.com/api-reference/variants/get-variants) (`GET /v2/variants`) API endpoint for fetching variants in the user's workspace. ## February 3, 2025 ### API The [fetch component text](https://developer.dittowords.com/legacy/api-reference-legacy/components/fetch-component-text) (`GET /v1/components`) API endpoint now supports the `includeTimeData` query parameter. When `includeTimeData` is set to `true`, the response will include the `createdAt` and `updatedAt` fields for each component. This feature is only available when the `structured` format is used. ## November 11, 2024 ### Ditto React - 1.6.3 * Dependency upgrades See full release notes [here](https://github.com/dittowords/ditto-react/releases/tag/v1.6.3) ## May 21, 2024 ### Ditto CLI - 4.5.2 * Fix to include header distinguishing Ditto CLI requests from direct API requests. See full release notes [here](https://github.com/dittowords/cli/releases/tag/v4.5.2). ## May 7, 2024 ### Ditto CLI - 4.5.1 * Fix issue with error logs not being flushed before exiting the CLI See full release notes [here](https://github.com/dittowords/cli/releases/tag/v4.5.1). ## May 3, 2024 ### Ditto Github Action - 0.3.0 * add optional name input parameter pr-title-prefix to distinguish prs with multi config setups See full release notes [here](https://github.com/dittowords/cli/releases/tag/v0.3.0). ## May 2, 2024 ### API / Web App Pluralization is now supported for all JSON formats when importing components via the Ditto web app or the [Fetch component text](https://developer.dittowords.com/legacy/api-reference-legacy/components/fetch-component-text) API endpoint. Example import data: ```json theme={null} { "fruit": "You have fruit in your cart.", "fruit_one": "You have one fruit in your cart.", "fruit_other": "You have some fruit in your cart." } ``` ## April 16, 2024 ### CLI v4.5.0 released to add support for a new option which disables the generation of `index.js` and `index.d.ts` files when working with JSON formats. See the release notes [here](https://github.com/dittowords/cli/releases/tag/v4.5.0). ## March 22, 2024 ### CLI v4.4.1 released to fix periodic hanging from attempting to exit the CLI process using Ctrl + C. See full release notes [here](https://github.com/dittowords/cli/releases/tag/v4.4.1). ## March 15, 2024 ### Documentation * Small fixes and wording clarifications on the [SDKs](https://developer.dittowords.com/additional-tools/sdks) page ## March 13, 2024 ### Ditto React - 1.6.1 * Fix crash when rich text is enabled See release notes: [https://github.com/dittowords/ditto-react/releases/tag/v1.6.1](https://github.com/dittowords/ditto-react/releases/tag/v1.6.1) ## February 29, 2024 ### Ditto CLI - 4.4.0 * Add `pull` --sample-data flag for variants See release notes: [https://github.com/dittowords/cli/releases/tag/v4.4.0](https://github.com/dittowords/cli/releases/tag/v4.4.0) ## February 27, 2024 ### Ditto API * `/v1/variants` now supports the `showSampleData` query parameter * Fix `/v1/variants` for `projectIds` query parameter ## February 19, 2024 ### Ditto CLI - 4.3.0 * `nested` format is now supported See release notes: [https://github.com/dittowords/cli/releases/tag/v4.3.0](https://github.com/dittowords/cli/releases/tag/v4.3.0) ### Ditto CLI - 4.2.3 * Upgrades to several dependencies See release notes: [https://github.com/dittowords/cli/releases/tag/v4.2.3](https://github.com/dittowords/cli/releases/tag/v4.2.3) ## January 22, 2024 ### Ditto CLI - 4.2.2 * Stop component folders with emojis from creating a leading separator See release notes: [https://github.com/dittowords/cli/releases/tag/v4.2.2](https://github.com/dittowords/cli/releases/tag/v4.2.2) ## December 12, 2023 ### Ditto API The `/components/file` [endpoint](https://developer.dittowords.com/legacy/api-reference-legacy/components/import-components-via-a-file) now supports a `folderId` query parameter. You can supply the Developer ID of one of your component folders, and all the components will be imported to that folder. ## December 7, 2023 ### Ditto React v1.3.2 released to fix a bug that incorrectly tracked the "Searching" location. ## November 28, 2023 ### Ditto CLI - 4.2.1 * Only run init() on commands that need it in [https://github.com/dittowords/cli/pull/89](https://github.com/dittowords/cli/pull/89) This change prevents the `ditto` directory from being created on commands that don't need it (e.g. `generate-suggestions`) See release notes: [https://github.com/dittowords/cli/releases/tag/v4.2.1](https://github.com/dittowords/cli/releases/tag/v4.2.1) ## November 16, 2023 ### Ditto CLI - 4.2.0 Add `--sample-data` flag to the `components-folders` command in [https://github.com/dittowords/cli/pull/88](https://github.com/dittowords/cli/pull/88) See release notes: [https://github.com/dittowords/cli/releases/tag/v4.2.0](https://github.com/dittowords/cli/releases/tag/v4.2.0) ## November 2, 2023 ### Ditto React Ditto text items with rich text can now be rendered natively by passing the `richText` property on either `Ditto` or `DittoText`. This expands rich text support from v1.5.0 which introduced support for rich text on components. Example: ``` ``` ## October 30, 2023 ### Ditto CLI — 4.1.0 This release includes features designed to tighten integration for a variety of environments, including iOS, TypeScript, and more. See the release notes [here](https://github.com/dittowords/cli/releases/tag/v4.1.0). ### New example apps We've released new versions of our example applications, which have been updated to include the latest in recommended practices for integrating Ditto into development. See the full list [here](/example-apps#examples). ## September 29, 2023 [Ditto Webhooks](/additional-tools/webhooks) have been released! ## August 29, 2023 ### Ditto React * Ditto components with rich text can now be rendered natively by passing the richText property on either Ditto or DittoComponent. * Example: `` ## August 18, 2023 ### Ditto API * Endpoints for fetching project text now support an `exclude_components` query parameter. * When `exclude_components=true`, only text items not associated with Ditto components will be returned from a given endpoint. ### Ditto CLI * We've released a new major version (v4) of the CLI. See the release notes [here](https://github.com/dittowords/cli/releases/tag/v4.0.0). ## August 15, 2023 ### Ditto API The behavior of variables when exporting to mobile formats (`.strings`, `.stringsdict`, and `.xml`) has changed. Variables will now maintain a consistent ordering across base text, variant text, and plural forms; they're assigned an index according to the order of usage (starting with base text, and then variants), and that index is maintained through variant exports. For example, consider the following text: ```json theme={null} // Base Text {{username}}, your role is {{role}}. // Variant Text Tú papel es {{role}}, {{username}}. Previously, exports for the base text and variant text would cause format specifier indices to be reversed for the variables: /* base-example.strings */ "text" = "%1$@, your role is %2$@."; /* spanish-example.strings */ "text" = "Tú papel es %1$@, %2$@."; To facilitate ease of integration into development, exports for variant text will now ensure that the format specifier indices match those in the base text: /* base-example.strings */ "text" = "%1$@, your role is %2$@."; /* spanish-example.strings */ "text" = "Tú papel es %2$@, %1$@."; ``` ## August 7, 2023 ### Ditto API * Support has been added for an `exclude_components` query parameter to the endpoint. * When set to `true`, only text items not associated with components will be returned from the endpoint. ### Ditto CLI * Small bug fix to ensure files aren't written to disk for empty API responses. * For more information, please refer to the release [here](https://github.com/dittowords/cli/releases/tag/v3.10.1). ## July 26, 2023 ### Ditto API * When exporting data for variants, variant metadata (name and description) is now included. * In the JSON formats, two new meta keys are added at the top level: `variant_name` and `variant-description` * In the Android `.xml`, iOS `.strings`, and iOS `.stringsdict` formats, a comment is added for each field at the top of the file ## July 17, 2023 ### Ditto API * The `flat` format now supports rich text. ## June 27, 2023 ### Ditto CLI * Added support for specifying a list of formats in the format configuration property. * For more information, please refer to the release [here](https://github.com/dittowords/cli/releases). ## June 26, 2023 ### Ditto React * `v1.4.1` fixes a bug introduced in `v1.4.0` which caused variables to ignore passed values. ## June 14, 2023 ### Ditto CLI * Added the `import-components` command which enables component imports via a file through the CLI. For information about the command please refer to the [documentation](https://github.com/dittowords/cli#import-components) in the README. ## June 12, 2023 ### Ditto API * We've added the new `POST /components/file` endpoint to enable uploading components through the API. ## June 8, 2023 ### VSCode Extension * Add the ability to only match on components from a component folder. Must be used with `v3.8.0` of the Ditto CLI. ### Ditto CLI * Add `component-folders` command which lists component folders in your workspace. See the release [here](https://github.com/dittowords/cli/releases/tag/v3.8.0). ## June 5, 2023 ### Ditto CLI * Add the `-cf` (`--component-folder`) flag for `generate-suggestions`. See the release [here](https://github.com/dittowords/cli/releases/tag/v3.7.0). ## June 2, 2023 ### Ditto CLI * Performance improvements. See the release [here](https://github.com/dittowords/cli/releases/tag/v3.6.1). ## May 30, 2023 ### Ditto CLI * We've added support for specifying the new `ios-stringsdict` format in the CLI configuration. See the release [here](https://github.com/dittowords/cli/releases/tag/v3.6.0). ### Ditto API We clarified a small point of confusion with the documentation around the request payload expected for the endpoint. The JSON payload should include a top-level data property: ```json theme={null} { "data": { "[API ID]": { "text": "[TEXT OF TEXT ITEM (CAN INCLUDE VARIABLES)]", "notes": "[NOTES OF TEXT ITEM]", // optional "tags": [ ... ], // optional: array of strings "plurals": [ // optional: array of plural objects { "text": "[TEXT OF PLURAL FORM]", "form": "[one|two|zero|few|many|other]" } ] } } } ``` ## May 12, 2023 ### Ditto API We've added support for the iOS `.stringsdict` format to our API. Read more [here](https://developer.dittowords.com/legacy/api-reference-legacy/text-formats#ios-.stringsdict-format-ios-stringsdict). ## May 3, 2023 ### Ditto CLI * Adds ICU support * Fixes a bug where pulling would fail on new initializations * [Full Changelog](https://github.com/dittowords/cli/compare/v3.3.0...v3.5.0) ## May 1, 2023 ### VS Code Extension We've create a VS Code extension! Check it out [here](https://marketplace.visualstudio.com/items?itemName=dittotech.vscode-ditto). ## April 28, 2023 ### Ditto API We've added support for an ICU JSON export format to our API. Read more [here](https://developer.dittowords.com/api-reference/text-formats#icu-json-format-icu). ## April 26, 2023 ### Ditto CLI `v3.4.0` of the CLI has been published, which adds a `-v`, `--version` flag to output what version of the CLI is being run. ## March 23, 2023 ### Ditto React We've published `v1.4.0`, which includes explicit support for map and list variables, in addition to miscellaneous cleanup. Read about the release [here](https://github.com/dittowords/ditto-react/releases/tag/v1.4.0). ## March 22, 2023 ### Ditto API, Ditto CLI, Ditto React We've added a `__type` property to variable output in our structured export format; this enables simple discrimination between different types of variables: ```json theme={null} { "some-variable-1": { "example": "Hello world!", "__type": "string" }, "some-variable-2": { "example": 100, "__type": "number" }, "some-variable-3": { "text:" "Foo", "url": "https://bar.com", "__type": "hyperlink" } } ``` ## March 21, 2023 ### Ditto API We've added support for a `nested` JSON export format to our API. Read more [here](https://developer.dittowords.com/api-reference/text-formats#nested-json-format-nested). ## March 9, 2023 ### Ditto CLI We've published `v3.0.0` of the CLI, which focuses around a number breaking changes intended to better align default CLI behavior with Ditto best practices. Read the release notes [here](https://github.com/dittowords/cli/releases/tag/v3.0.0). ## February 15, 2023 ### Ditto API We've released two bug fixes specific to the Android XML export format: * index values for format specifiers will now be relative to a text item's base value AND its plurals, instead of resetting for each plural form ([issue](https://github.com/dittowords/cli/issues/48)) * extra whitespace is no longer added between text and variables in the final output ([issue](https://github.com/dittowords/cli/issues/49)) ## February 14, 2023 ### Ditto API We've released a new version of our API that includes some breaking changes. The old API endpoints are deprecated, and existing users should migrate to the new endpoints at their earliest convenience. ## February 6, 2023 ### Ditto Web App * Removed the deprecated the full format from the export modals on the project page and in the component library * Set the flat format to be the default export format in the web app ## February 3, 2023 ### Ditto API Minor documentation update to add and emphasize a deprecation notice for the full format. ## February 1, 2023 ### Ditto React — 1.3.0 Added support for using variables in conjunction with the flat format. See the release [here](https://github.com/dittowords/ditto-react/releases/tag/v1.3.0). ## January 25, 2023 We added support to the web app for importing components from two new file formats: * Android localization files (.xml) * iOS localization files (.strings) Read more [here](https://dittov3.notion.site/Importing-JSON-iOS-Android-Files-256cc8865c7a80fe94cdf135631bf8c6). ## January 19, 2023 ### Ditto React — 1.2.1 * Updated README to clarify that the flat format does not currently support variables. * Fixed a bug preventing falsy values (namely 0 and "") from being properly interpolated. See the release [here](https://github.com/dittowords/ditto-react/releases/tag/v1.2.1). ## December 15, 2022 ### Ditto CLI Added rich text support. See more info [here](https://github.com/dittowords/cli#richtext) ## December 13, 2022 ### Ditto API Added the `includeRichText` flag to the following endpoints (format must be full or structured): * `/projects` * `/projects/:id` * `/projects/:id/components` * `/components` * `/component-folders/:api*id/components` ## November 30, 2022 ### Ditto CLI Added the `status` filter as a configuration variable. To filter the fetched text by its status, you can now use the `status` parameter in your `config.yml`. ## November 29, 2022 ### Ditto CLI Added `android` and `ios-strings` as available formats. To use these formats, specify them under the format paramter in your `config.yml`. ## November 10, 2022 ### Ditto API Fixed a typo in an example in the documentation containing an incorrect usage of the curl command. ### Ditto CLI Added information to the README about two supported environment variables: * `DITTO_CONFIG_FILE:` used to specify an alternate file location for the CLI to read authentication information from. The default path is `$HOME/.config/ditto`. * `DITTO_TEXT_DIR`: used to specify an alternate folder location for the CLI to write its output files to. The default path is `./ditto`. ## Oct 11, 2022 ### Ditto API * Added new endpoint: Fetch component folders * Added new endpoint: Fetch components by component folder * Added sub-headings to divide the endpoints by the entity they're associated with, and implemented minor miscellaneous cleanup across the endpoint documentation ## Sep 23, 2022 ### Ditto API Text items with plural values will have those plural values included in flat exports as individual key/value pairs; pluralized keys are structured like `[TEXT ID]_[PLURAL FORM]`. See the [flat format documentation](/string-formats/json#flat-json) for more details. Fixed a bug where the status field failed to properly filter returned data when specified in conjunction with the `android` or `ios-strings` formats. ## Sep 19, 2022 ### Ditto React — 1.2.0 * We exported two hooks that can be used for accessing synced data: `useDittoSingleText` and `useDittoComponent`. These hooks are experimental and will likely undergo API changes in the future. * See the release [here](https://github.com/dittowords/ditto-react/releases/tag/v1.2.0). ### Ditto API * Added the `status` field to data returned from the `/components` and `/projects/:id/components` endpoints. ## Jun 30, 2022 ### Ditto API * Added support for including variables in payloads sent to the `PUT /components` endpoint. * Fixed an issue with Android & iOS export formats not escaping special characters: `\n`, `\t`, `@`, `?`, `'`, and `"` characters are now properly escaped. * Added missing `xliff` namespace to exported Android `.xml` files. \= Fixed a bug with Android `.xml` exports that occurred with text items with API IDs that include the `-` character. Now, all `-` characters are replaced with `\_` characters in the name property of `` and `` tags, and a `ditto_api_id` property has been added to string and plural tags to serve as a reference to the original API ID. ### Ditto CLI — 2.5.1 * Fixed a bug when using the `project add` / `project remove` commands and selecting the component library caused incorrect modifications to be made to the CLI's configuration file. * See the release [here](https://github.com/dittowords/cli/releases/tag/v2.5.1). ### Ditto Example Projects * Added new iOS Example Project showcasing how to use exported .strings files. * Added new Android Example Project showcasing how to use exported .xml string files. See [Example Projects](/example-apps) for more details. ## Jun 13, 2022 ### Ditto GitHub Action — 0.2.0 Added an optional `ditto-dir` input parameter for projects that do not have the ditto directory in the root of the repository ## June 7, 2022 ### Ditto API Added support for upserting plurals via the `PUT /components`. See our [API documentation](/api-reference) for more details. ## June 1, 2022 ### Ditto API * Added early support for exporting text data to Android and iOS Strings formats. All endpoints that support a `format` query parameter can now accept values of `android` or `ios-strings`. * Added `GET /variables` endpoint that returns the variables in the workspace of the requesting user. * Added the ability to filter by text item status by passing a status query parameter in API requests. Supported by the following endpoints: * `GET /projects` * `GET /projects/:id` * `GET /projects/:id/components` * `GET /components` See our [API documentation](/api-reference) for more details. ## May 23, 2022 ### Ditto CLI — 2.5.0 * Added meta option flag in support of the Ditto GitHub Action release. See the release [here](https://github.com/dittowords/cli/releases/tag/v2.5.0). ### Ditto GitHub Action — 0.1.0 * v0.1.0 released! Check it out [here](https://github.com/dittowords/ditto-github-action). ## May 16, 2022 ### Ditto CLI — 2.4.0 * Update some user-facing CLI messages to accurately reflect our new subdomain: app.dittowords.com (instead of the old beta.dittowords.com). See the release [here](https://github.com/dittowords/cli/releases/tag/v2.4.0). ## May 10, 2022 ### Ditto CLI — 2.3.0 * Allows users to override the output directory via a new environment variable `DITTO_TEXT_DIR` * When no projects are found in the `config.yml` file an additional help message displays about verifying that the projects have developer mode enabled * See the release [here](https://github.com/dittowords/cli/releases/tag/v2.3.0). ## February 28, 2022 ### Ditto API Added better error handling for the niche edge case where an API request is made using the token of a user that has been removed from their workspace. ## January 20, 2022 ### Ditto React — 1.1.1 * Our React SDK now supports variable interpolation by passing in values through the variables prop. * Our React SDK now supports displaying plural forms through the count prop. For more information about using variable interpolations and pluralization through our React SDK, check out our [SDK documentation](/additional-tools/sdks). ### Ditto CLI — 2.2.0 * The CLI now supports reading API keys from an environment variable (`DITTO_API_KEY`). * See the release [here](https://github.com/dittowords/cli/releases/tag/v2.2.0). ## January 11, 2022 ### Ditto CLI We deployed a bugfix release to fix issues introduced in the latest minor version of the package: * the pull command no longer crashes when projects other than the component library are specified in `config.yml` * resolves a casing issue in the project add command that was causing it to crash See the release [here](https://github.com/dittowords/cli/releases/v2.1.2). ## January 6, 2022 ### Ditto CLI We've added a new supported property to `ditto/config.yml` to allow explicitly specifying that the component library should be fetched and included in the CLI's output: `components: true` This is now the preferred alternative to the old way of specifying the component library: ```yml theme={null} projects: name: Ditto Component Library id: ditto_component_library ``` Our goal with this change is to make the CLI easier to use and understand by aligning it with the way things work in the Ditto web app, where the component library is fundamentally different from the projects in a workspace. See the release [here](https://github.com/dittowords/cli/releases/tag/v2.1.1). ## December 8, 2021 ### Ditto API * `GET /projects/:id/components` can now be used to fetch the components used in a project * Return format matches the `GET /components` endpoint * Supports `format` and `variant` parameters (the same as the `/projects`, `/project/:id`, and `/components` endpoints) ## November 29, 2021 ### Ditto API * `GET /components` can now be used to fetch the components in a workspace * Supports format and variant parameters (the same as the `/projects` and `/project/:id` endpoints) * `GET /projects/ditto_component_library` has been deprecated; the endpoint is still available, but references to it have been removed from the documentation. * `PUT /components` can now be used to update the text of components in a workspace * Currently only supports updating variant text via the variant query parameter (an error will be thrown if not specified) * Currently only available to teams on Team or Enterprise plans * Data is specified on data key in request body and must be in one of our [three supported import formats](https://dittov3.notion.site/Importing-JSON-iOS-Android-Files-256cc8865c7a80fe94cdf135631bf8c6) ## November 11, 2021 ### Ditto CLI — 2.0.0 * Output files are now written to disk in several different ways according to how the CLI is configured; most notably, if the variants option is set and a format of structured or flat is specified, output files will be written on a per-project per-variant basis * Data for `structured` and `flat` formats is saved without arbitrary top-level nesting * Files are only written for variants that contain values for the configured projects (no more empty files) For a more in-depth description (with examples) of these changes and others in the release, see the full release notes [here](https://github.com/dittowords/cli/releases/tag/v2.0.0). ### Ditto React — 1.0.0 * `ditto-react` now only works with CLI version `2.x.x` — leaning into new CLI improvements allowed us to drastically reduce many areas of complex logical overhead * We made some stabilization improvements to the way that missing/invalid `frameId`, `blockId`, `textId`, or `componentId` values are handled * We implemented significant refactoring in several areas of the project For a more in-depth description of these changes, see the full release notes [here](https://github.com/dittowords/ditto-react/releases/tag/v1.0.0) ### Ditto Demo * We added a [new branch](https://github.com/dittowords/ditto-demo/tree/react-i18next) that showcases how Ditto can be integrated into a project with react-i18next * We updated dependencies to the latest versions of the Ditto CLI (v2.0.0) and Ditto React (v1.0.0) ## October 22, 2021 ### Ditto API — 2.4.1 * We fixed a bug with the API (and in-app exports) that included hidden text in `flat` and `structured` JSON exports. Now, hidden text will correctly not be included in these export formats! ### Ditto Demo * We included the files to import into the component library separately from where they'd be synced via the CLI * We included more instructions on linking the demo app with its corresponding design file ## October 7, 2021 ### General * Refactored API documentation to be easier to navigate and communicate critical concepts more clearly ### Ditto CLI — 1.1.1 * When the `pull` command is executed, all `.json` and `.js` files are now removed from the `ditto` folder prior to new data being written \= Support added for new options in `ditto/config.yml`: * `variants`: `true` or `false` * If set to true, data will be fetched for both base and variant text and stored in separate JSON files * `format`: `flat` or `structured` - If specified, data will be fetched and stored in the specified format \= Refactored `README` * `GET /variants` will now return names and API IDs for variants in the workspace associated with the requesting user. ### Ditto React — 0.0.5 * Support added for `flat` and structured formats * Support added for passing a `variant` value to `DittoProvider` * Bug fixes around support for integrating with workspace component libraries (as opposed to individual projects) * Refactored `README` ### Ditto Demo * Refactored `ditto-sdk` usage to integrate with a component library instead of an individual project * Added a language picker to showcase `ditto-react` and `ditto-cli` support for variants * Refactored `README`, including adding instructions for connecting the repo to a component library ## September 27, 2021 ### General Fixed incorrect example of `/projects` usage in API Reference. The `projectIds` query parameter should be specified as follows: * Correct: `?projectIds[]=&projectIds[]=` * Incorrect: `?projectIds[]=,` ### API — 2.4.0 `GET /variants` will now return names and API IDs for variants in the workspace associated with the requesting user. ## September 8, 2021 ### API — 2.3.0 * `GET /projects` and `GET /projects/:id` now accept an optional query parameter of `variant`; when provided, the data exported will be specific to the variant with an API ID that matches the parameter's value. For `default` and `structured` formats, the variants key will not be included when the variant parameter is provided. Example: `/projects/?variant=xxx-xxx-xxx` * `GET /projects/:id` will not include top-level projects and project\_xyz keys Example request: `GET /projects/123` Example response before change: ```json theme={null} { projects: { project_123: { text_item: "Hello World", ... }}} ``` Example response after change: ```json theme={null} { text_item: "Hello World", ... } ``` ## August 11, 2021 ### API — 2.2.0 `GET /projects` and `GET /projects/:id` now accepts an optional query parameter of `format`, which can be either `flat` or `structured`. If no format is provided, the `full` JSON of the project will be returned with blocks and frames. Example: `/projects/?format=flat` ## July 28, 2021 With the recent release of [Variants for Components](https://dittov3.notion.site/Variants-for-Components-256cc8865c7a80bb8c44da73209fb0cc), we've included them in both exports from our web-app and the JSON response from the API. ### API — 2.1.0 * `GET /projects/:id` will now return component variants. This applies both for when fetching projects or when fetching the component library (i.e. id = ditto\_component\_library) * `GET /projects/:id` will now match the project JSON export from the web-app to include component information (`is_comp` and `component_api_id`) in the text object ## June 21, 2021 We've updated our React library and our demo project to work with the multi-project JSON structure that the CLI now saves in `text.json`. ### Ditto React — 0.0.4 TypeScript bindings are now exported 🎉 A new `projectId` prop can be passed to `DittoProvider` or `Ditto` * If passed to `DittoProvider`, all descendant `Ditto` components will default to pulling text from the associated project * If passed to `Ditto`, the component will pull text from the associated project * If passed to both `DittoProvider` and `Ditto`, the value passed to `Ditto` will take precedence * Breaking change: If a `Ditto` component is rendered that is not provided a `projectId` via direct prop or `DittoContext` ancestor, an error will be thrown See more details in the [updated documentation](https://www.npmjs.com/package/ditto-react). ### Ditto Demo * Upgraded `ditto-react` to `v0.0.4` * Updated source to work with new `ditto-react` version by passing `projectId` props to all instances of `DittoContext` ## June 7, 2021 We've updated both our CLI and API to handle multiple projects. Heads up! This results in some breaking changes to the CLI in order for it to list projects, and will change the format of the `text.json` fetched by the CLI. Please upgrade your Ditto CLI via either `npm` or `yarn`. ### API — 2.0.0 * `GET /project-names` is the new name of the previous `GET /projects` endpoint. Just as before, this will return the names and IDs of projects in your Ditto workspace with Developer Mode turned on * `GET /projects/:id` will now return the structured JSON in a format compatible with multiple projects * `GET /projects` is a new endpoint that will return the content of multiple projects (specified via the query parameter projectIds) as a single JSON object ### CLI — 1.0.0 * We've updated the CLI to handle syncing multiple projects in a single directory! This means several things: `/ditto/config.yml` now supports multiple projects. `ditto-cli` pull will pull all projects in the current directory's /`ditto/config.yml` * We've added two new commands to add and remove projects from `/ditto/config.yml` * `ditto-cli project add` * `ditto-cli project remove` * The regular `ditto-cli project` command will now function as `ditto-cli project add` ## April 1, 2021 ### API — 1.1.0 * `GET /projects` now includes the Component Library if Developer Mode is enabled for the Component Library * `GET /projects/:id` will return the Component Library as a structured JSON if the ID provided is `ditto_component_library` ## February 25, 2021 ### API — 1.0.0 * `GET /projects` endpoint for fetching Ditto projects from workspace * `GET /projects/:id` endpoint for fetching content in Ditto project as structured JSON # Feedback & Support Source: https://developer.dittowords.com/feedback-support/feedback-support Have questions, feedback, or requests for our developer tools? Please **open an issue** in the respective repo on Github and an engineer from our team will get back to you with a resolution as quickly as possible. ### API or CLI Support * Open an issue at [dittowords/cli](https://github.com/dittowords/cli/issues) ### React SDK Support * Open an issue at [dittowords/ditto-react](https://github.com/dittowords/ditto-react/issues) ### Github Action Support * Open an issue at [dittowords/ditto-github-action](https://github.com/dittowords/ditto-github-action/issues) ### Contact Support For any other questions or urgent issues, please contact our customer success team via [support@dittowords.com](mailto:support@dittowords.com). # Introduction Source: https://developer.dittowords.com/introduction ## What is Ditto? **Ditto manages your team’s product text — from draft to design to development — with a single source of truth.** For developers, Ditto functions as infrastructure for product text, keeping strings up to date and managing everything from string keys, variable interpolation, and plurals, to file formats, localization, and variations. ## Why use Ditto’s developer integrations? Shipping product **quickly**, **safely**, and **with consistency** are the core elements of **operational scale**. Here’s how Ditto can help: * **Save work for developers:** Say goodbye to the stray Slack message or bug ticket to update text (“Hey, can you update the text to actually say \[XYZ]?”). Whether it’s in prod or in QA, Ditto reduces the time spent hunting down strings and gives time back to developers for real engineering work. * **A single source of truth, accessible via API:** Rather than multiple overlapping, disjointed sources for product text (Figma, a spreadsheet, a document, a localization tool, directly in development, etc.), Ditto connects sources so that everyone is on the same page. The latest version of text is always accessible directly via our API. * **Building automated workflows:** Use our CLI in a CI pipeline, build automation with our webhooks, or use our API to bring text to other destinations; Ditto’s developer integrations serve as building blocks. * **Safety and formatting:** With Ditto, developers get ready-to-use string files. Ditto handles all of the variable interpolation, pluralization, ID-naming, platform-specific formatting (JSON/ICU/iOS/Android), and localization-readiness. ## How is Ditto different from a headless CMS? You can think of Ditto’s developer tooling as a headless CMS for your team’s product text. Because Ditto manages **product text**, it’s built for how teams work on product: * **Built for microcopy** — Think everything from CTAs to error messages to disclosures, as opposed to structured, long-form content like a blog post. * **Focused on componentization** — Ditto treats text as reusable components, rather than individual one-offs — like your design systems and frontend code do with UI elements. * **Integrates with your existing stack** — Ditto fits into your existing product development workflows, with tools like our our Figma plugin, VS Code extension, GitHub Action, localization/TMS integrations, SDKs, and framework- and platform-specific formats. * **Manage the distribution of your strings** — Ditto's developer integrations include everything you need to keep strings up to date locally, and you can manage how it gets distributed, just like the rest of your code (i.e. deployed to a staging/QA environment, to production, to a CDN). ## How does Ditto work? Ditto functions at both the **application layer** and the **API layer** to keep text in sync across sources. **At the application layer**, teams use our web app and Figma plugin to edit, review, and translate text. Core to this usage are **components** in Ditto (see [Key Concepts](/concepts)). In Ditto, text is treated as reusable components instead of one-off, isolated elements to help enforce consistency at scale. **At the API layer**, Ditto automates the updating and formatting of strings in development using our 6 core tools: Fetches formatted, up-to-date text (and metadata) from Ditto Wraps our API to directly update strings in local development Connects Ditto to AI-powered development tools (Claude Code, Cursor, Codex, Figma Make, etc.) via the Model Context Protocol Manages Ditto spec files that declare text surfaces and style guide rules for components Sends updated information based on events in Ditto (i.e. edits, status changes, ID changes, etc.) Reviews pull requests for style guide violations and text re-use suggestions # Authentication Source: https://developer.dittowords.com/legacy/api-reference-legacy/authentication Ditto's developer integrations require an API key to authenticate requests. You can manage your API keys from the [Developer Integrations](https://app.dittowords.com/developers) page. API keys enable programmatic access to all data in your workspace, so be sure to keep them secure. Don't share your API keys in publicly accessible places such as GitHub or client-side code. ## Generate an API key 1. Navigate to the [Developer Integrations](https://app.dittowords.com/developers) page. 2. Enable developer integrations for your workspace if they haven't been enabled already (see [this help guide](https://dittov3.notion.site/Developer-Mode-256cc8865c7a801ea9bdca5aa4303fca) for more information). 3. Under the **API Keys** section, click **+ Create API key**. 4. Enter a name for the API key and click the **Create** button. 5. Copy the value of the API key to your clipboard and store it somewhere safe; you won't be able to access it again after closing the modal. ## Authenticate API requests Authorize requests to the Ditto API by passing an API key in an `Authorization` header: ``` "Authorization": "" ``` Here is an example request to the `/components` endpoint: ```sh theme={null} curl -X GET \ --header "Authorization: " \ "https://api.dittowords.com/v1/components" ``` ## Authenticate the Ditto CLI The first time you run the CLI, you’ll be asked to provide an API key. See the [CLI documentation](/cli-reference) for more information. # Fetch component folders Source: https://developer.dittowords.com/legacy/api-reference-legacy/components-folders/fetch-component-folders openapi-legacy.json get /component-folders Returns an object of component folders in the requesting user's workspace. # Fetch component text by component folder Source: https://developer.dittowords.com/legacy/api-reference-legacy/components-folders/fetch-component-text-by-component-folder openapi-legacy.json get /component-folders/{api_id}/components Returns the components in the specified folder. Format is identical to the format used by the Fetch components endpoint. # Fetch component text Source: https://developer.dittowords.com/legacy/api-reference-legacy/components/fetch-component-text openapi-legacy.json get /components Returns the components in the workspace of the requesting user. Only component libraries with Developer Mode enabled can be fetched. # Import components via a file Source: https://developer.dittowords.com/legacy/api-reference-legacy/components/import-components-via-a-file openapi-legacy.json post /components/file For more information about importing components via a file please see: https://dittov3.notion.site/Importing-JSON-iOS-Android-Files-256cc8865c7a80fe94cdf135631bf8c6. The request body must be of type multipart/form-data. # Update component text variant Source: https://developer.dittowords.com/legacy/api-reference-legacy/components/update-component-text-variant openapi-legacy.json put /components Used for updating the text and status fields for components in the workspace of the requesting user. -> Currently only supports updating variant text or status on components via the variant query parameter (an error will be thrown if the variant param is not specified) -> Currently only available for teams on team or enterprise plans # Fetch project folders Source: https://developer.dittowords.com/legacy/api-reference-legacy/project-folders/fetch-project-folders openapi-legacy.json get /project-folders Returns a list of project folders in the workspace of the requesting user. # Fetch projects by project folder id Source: https://developer.dittowords.com/legacy/api-reference-legacy/project-folders/fetch-projects-by-project-folder-id openapi-legacy.json get /project-folders/{folder_id}/projects Returns a list of projects in the specified project folder. # Fetch component text by project id Source: https://developer.dittowords.com/legacy/api-reference-legacy/projects/fetch-component-text-by-project-id openapi-legacy.json get /projects/{id}/components Returns the components used in the specified project. Format is identical to the format used by the Fetch components endpoint. # Fetch projects Source: https://developer.dittowords.com/legacy/api-reference-legacy/projects/fetch-projects openapi-legacy.json get /projects Returns a list of Ditto projects. Only projects with Developer Mode enabled can be fetched. # Fetch text by project id Source: https://developer.dittowords.com/legacy/api-reference-legacy/projects/fetch-text-by-project-id openapi-legacy.json get /projects/{id} Returns the contents of the Ditto project referred to by :id. You can find the id of a Ditto project from its URL: https://app.dittowords.com/doc/:id. Only projects with Developer Mode enabled can be fetched. # Fetch variables Source: https://developer.dittowords.com/legacy/api-reference-legacy/variables/fetch-variables openapi-legacy.json get /variables Returns the variables in the workspace of the requesting user. # Fetch variants Source: https://developer.dittowords.com/legacy/api-reference-legacy/variants/fetch-variants openapi-legacy.json get /variants Returns a list of variants in the workspace of the requesting user. # Installation Source: https://developer.dittowords.com/legacy/cli-reference-legacy/authentication Installation and authentication of the Ditto CLI ## Overview The following documentation relates to `v4.x` of the Ditto CLI. To use legacy features with `v5.x`, add the `--legacy` flag to your commands. The Ditto CLI allows developers to access the [Ditto API](/api-reference) directly from the command line. The Ditto CLI updates text directly in local development. Teams can also build workflows with the CLI, including utilizing it in CI/CD. ## Installation To install the CLI as a development dependency: ```bash npm theme={null} npm i --save-dev @dittowords/cli ``` ```bash yarn theme={null} yarn add --dev @dittowords/cli ``` After installation, you can get a list of the available commands by running the help command: ```bash theme={null} npx @dittowords/cli --help ``` **Note:** [npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) comes with `npm` 5.2 or higher ## Authentication The first time you run the CLI, you'll be asked to provide an API key. You can generate an API key in your [developer integrations settings](https://app.dittowords.com/developers/api-keys). By default, your API key is saved to `$HOME/.config/ditto`; the default path can be overwritten by specifying a custom one via the environment variable `DITTO_CONFIG_FILE`. The Ditto API key is read from the file at the path stored at `DITTO_CONFIG_FILE` unless it's explicitly provided by the env var `DITTO_API_KEY`. We don't recommend editing the authentication file by hand; if you need to remove a saved API key or swap one key with another, it's better to fully delete the file and then re-run the CLI. To change your API key, delete the `$HOME/.config/ditto` file and you'll be prompted for a new key the next time that the CLI executes. ## Fetching text Once you've installed, authenticated, and [configured](/cli-reference/configuration) the CLI, you'll be able to pull down up-to-date text by running the CLI: ``` npx @dittowords/cli pull ``` This will update the string files you have locally in the `/ditto` directory from where you're running the CLI. (For more information on the structure of files pulled by Ditto, see [files](/cli-reference/files)) Because the Ditto CLI updates your string files locally, you can continue to manage it as you would with any other product update (push it to staging, commit changes to a branch, etc.). # Configuration Source: https://developer.dittowords.com/legacy/cli-reference-legacy/configuration Setting what text and formats the CLI pulls down ## Overview The `config.yml` file is the source of truth for a given directory about how the CLI should fetch and store data from Ditto based on the specified properties. It includes information about which Ditto components the CLI should pull text from, the string file formats, and more. This is the default configuration file that is generated the first time that the CLI is run in a given directory: ```yml theme={null} sources: components: enabled: true format: flat variants: true ``` ## Supported Properties Listed below are each of the properties that you can specify in your CLI config. ### `sources` A list of places the CLI should pull text data from. For the CLI to function, at least one source type (`components` or `projects`) is required. #### `sources.components` A boolean or configuration object indicating how component data should be pulled from your component library. The simplest configuration is a boolean, which indicates that all components in your component library should be fetched: ```yml theme={null} sources: components: true ``` You can also pass an object that supports two complementary properties: `root` and `folders`. * `root` controls behavior for components that are NOT in folders (i.e. that are at the *root* of the component library) * `folders` controls behavior for components that are ARE in folders Further examples on how to use the two properties to specify the components fetched: If `root` is `true` and `folders` is unspecified, **only components not in folders** will be fetched: ```yml theme={null} sources: components: root: true ``` If `root` is `false` and `folders` is unspecified, **only components in any folder** will be fetched: ```yml theme={null} sources: components: root: false ``` If `root` is unspecified and `folders` contains a list of component folders, **only components in the specified folders** will be fetched: ```yml theme={null} sources: components: folders: - id: folder-api-id-1 name: Folder 1 - id: folder-api-id-2 name: Folder 2 ``` If `root` is `true` and `folders` contains a list of component folders, **non-folder components and components in the specified folders** will be fetched: ```yml theme={null} sources: components: root: true folders: - id: folder-api-id-1 name: Folder 1 - id: folder-api-id-2 name: Folder 2 ``` `root` can also be specified as a configuration object with a `status` property to indicate that non-folder components should be fetched that have the indicated status: ```yml theme={null} sources: components: root: status: WIP ``` #### `sources.projects` A list of projects to pull text from. ```yml theme={null} sources: projects: - id: 61b8d26105f8f400e97fdd14 name: Landing Page Copy - id: 606cb89ac55041013d552f8b name: User Settings ``` * The `name` property is used for display purposes when referencing a project in the CLI, but does not have to be an exact match with the project name in Ditto. An `exclude_components` property can be added on a per-project basis to indicate that text items should only be pulled which are not associated with a component: ```yml theme={null} sources: projects: - id: 61b8d26105f8f400e97fdd14 name: Landing Page Copy exclude_components: true ``` ### `variants` Enables including variant information when pulling text data for configured sources. Defaults to `false` if not specified. ```yml theme={null} variants: true ``` ### `format` The format that text data should be generated in. For examples of each format, see [JSON](/string-formats/json), [iOS Strings](/string-formats/ios), and [Android XML](/string-formats/android) in the String Formats documentation. Accepted values: * `structured` * `flat` * `nested` * `android` * `ios-strings` * `ios-stringsdict` Defaults to `flat` if not specified. ```yml theme={null} format: flat ``` Also accepts a list of values: ```yml theme={null} format: - ios-strings - ios-stringsdict ``` You should not specify multiple JSON formats in the same configuration, as they will overwrite one another when writing to disk. ### `status` If specified, only source data with the indicated status will be fetched. Accepted values: * `NONE` * `WIP` * `REVIEW` * `FINAL` If `status` is specified at the top level of the configuration, it will apply to all sources: ```yml theme={null} status: FINAL sources: components: true projects: - id: project-1 name: Project 1 ``` `status` can also be specified at the level of individual sources: ```yml theme={null} sources: components: root: status: REVIEW folders: - id: folder-api-id-1 name: Folder 1 status: NONE projects: - id: project-1 name: Project 1 status: WIP ``` If both are specified, a source-level `status` overrides a top-level `status`. More information about Ditto statuses can be found [here](https://dittov3.notion.site/Tips-for-cross-team-collaboration-256cc8865c7a8041a922f2d3838c61ec). ### `richText` If defined with the `flat` format, output values will be HTML strings (rich text) for each piece of source data. If defined with the `structured` format, output data will include a `rich_text` property that is an HTML string (rich text) for each piece of source data. You can read more about Ditto's rich text feature [here](https://dittov3.notion.site/Rich-Text-Formatting-in-Ditto-256cc8865c7a808b9837c1bfb7728dba). ```yml theme={null} richText: true ``` ### `iosLocales` A property that maps [variant](https://dittov3.notion.site/Variants-256cc8865c7a80e38671e6f9206001af) IDs in Ditto to [iOS locale IDs](https://developer.apple.com/library/archive/documentation/MacOSX/Conceptual/BPInternational/LanguageandLocaleIDs/LanguageandLocaleIDs.html), intended to simplify the process of integrating Ditto with an iOS project. This property should only be defined in conjunction with one or both of the `ios-strings` or `ios-stringsdict` formats. When this property is defined, iOS string files written to disk by the CLI are grouped into `lproj` localization bundles, and a `Ditto.swift` driver file is generated. ```yml theme={null} iosLocales: - base: en - spanish: es ``` The `base` property is required, and should map to the locale ID corresponding to the default language of your iOS project. See [iOS format-specific files](/cli-reference/files#ios) for more information. ### `disableJsDriver` A boolean property that disables the generation of the `index.js` and `index.d.ts` driver files when working with JSON formats. ```yml theme={null} disableJsDriver: true ``` ## Full Configuration Example ```yml theme={null} sources: components: root: true folders: - id: onboarding name: Onboarding - id: onboarding-2 name: Onboarding 2 status: WIP projects: - name: Landing Page Copy id: 61b8d26105f8f400e97fdd14 - name: User Settings id: 606cb89ac55041013d552f8b status: WIP variants: true format: structured status: FINAL richText: false disableJsDriver: false ``` # Files Source: https://developer.dittowords.com/legacy/cli-reference-legacy/files The file structure of text pulled down via the CLI ## Output Directory The CLI outputs data from Ditto by writing files to disk. By default, these files are written to a `./ditto` folder relative to the current working directory, but the location of the output files can be customized by setting the environment variable `DITTO_TEXT_DIR`. If a `DITTO_TEXT_DIR` environment variable is specified, the config will still be read from a `./ditto` folder relative to the current working directory that the CLI is executing in. ## `./ditto` Directory This directory houses the configuration file (`./ditto/config.yml`) used by the CLI and is also the default write destination for any output files the CLI writes to disk. If you run the CLI in a directory that does not contain a `ditto/` folder, the folder and a default `config.yml` file will be automatically created. ## String File Naming Conventions All string files created will adhere to the following template: ``` {source_name}__{variant_name}.{extension} ``` * `source_name`: the name of the source a given file holds data for * for components, this is `components__{folder_name}` * for projects, this is `{project-name}` * `variant_name`: the API ID of a variant or `base` for files generated for non-variant text * `extension`: the file extension that corresponds to the configured format(s) To keep cross-platform behavior consistent, file names will be fully lowercase, have whitespace replaced with hyphens, and have non-word characters (with the exception of `-` and `_`) removed. See the section on [iOS format-specific files](#iOS) for the only exception to these conventions. ## Format-specific Files ### JSON If one or more JSON string formats are configured, an `index.js` driver file is generated to simplify the process of integrating Ditto into JavaScript apps. If a `package.json` file is detected with `"type": "module"`, the driver file will be generated as an ESM module. Otherwise, it will be generated as a CommonJS module. ```js theme={null} // CommonJS const componentsRootBase = require("./components__root__base.json"); const componentsRootSpanish = require("./components__root__spanish.json"); const exampleProjectBase = require("./example-project__base.json"); const exampleProjectSpanish = require("./example-project__spanish.json"); module.exports = { ditto_component_library: { base: { ...componentsRootBase }, spanish: { ...componentsRootSpanish }, }, project_xxx: { base: { ...exampleProjectBase }, spanish: { ...exampleProjectSpanish }, }, }; // ESM import componentsRootBase from "./components__root__base.json"; import componentsRootSpanish from "./components__root__spanish.json"; import exampleProjectBase from "./example-project__base.json"; import exampleProjectSpanish from "./example-project__spanish.json"; export default { ditto_component_library: { base: { ...componentsRootBase }, spanish: { ...componentsRootSpanish }, }, project_xxx: { base: { ...exampleProjectBase }, spanish: { ...exampleProjectSpanish }, }, }; ``` To enable easy Typescript compatibility, an `index.d.ts` file is also generated with type definitions for the driver file. The generation of both the `index.js` and `index.d.ts` files can be disabled by specifying `disableJsDriver: true` in your `config.yml` file. ### iOS If one or more iOS string formats (`ios-strings`, `ios-stringsdict`) are configured alongside the [iosLocales](/cli-reference/configuration#ioslocales) property, iOS string files are grouped into localization bundles and a `Ditto.swift` driver file is generated. The string files will be structured as follows: ```sh theme={null} ditto/ ├── en.lproj/ │ ├── components.strings │ ├── project1.strings ├── es.lproj/ │ ├── components.strings │ ├── project1.strings ``` The `Ditto.swift` driver file will look like this: ```swift theme={null} // // Ditto.swift // // Created by the Ditto CLI on 10/6/2023, 1:16:52 PM // import SwiftUI struct Ditto { public static func component1(_ localeOverride: String? = nil) -> String { String.localizedStringWithFormat(NSLocalizedString("component-1", tableName: "components", /* ... */)) } public struct project1 { public static func textItem1(_ localeOverride: String? = nil, variable1: String) -> String { String.localizedStringWithFormat(NSLocalizedString("text-item-1", tableName: "project1", /* ... */), variable1) } } ``` These files are designed to be imported into Xcode **by reference**. This enables using the CLI to pull the latest strings from Ditto and have the text in your project automatically updated. To add these files to your Xcode project: 1. Open Finder and select all `.strings` and `.stringsdict` files inside of the respective `lproj` folders. 2. Drag the selected files into your Xcode project. 3. When prompted, select **Create folder references** and deselect **Copy if needed**. 4. Click **Finish**. Once all your localization bundles and `Ditto.swift` driver are imported into Xcode, you can call methods from the `Ditto` struct directly to get localized strings: ```swift theme={null} struct ContentView: View { var body: some View { Text(Ditto.component1()) Text(Ditto.textItem1(variable1: "Hello world!")) } } ``` # Example use cases Source: https://developer.dittowords.com/mcp-reference/examples Example prompts and instructions for using the Ditto MCP server with AI coding agents The Ditto MCP server works best when you give your AI agent instructions about when and how to use its tools. You can include these instructions directly in a prompt, or add them to a project-level configuration file like `CLAUDE.md` (Claude Code), `.cursorrules` (Cursor), or similar. Below are example instructions organized by tool. ## Style guide rules The `get_styleguide_rules` tool lets your agent fetch your team's content rules and apply them when writing UI text. ### Generate UI with compliant text Add this to your agent instructions to apply style guide rules whenever the agent creates new UI: ``` Use the style guides in Ditto to generate UI with compliant text. ``` The agent will call `get_styleguide_rules` before writing any user-facing strings, and apply those rules to the text it generates. ### Audit existing strings You can also use the tool to check and fix text that already exists in your codebase: ``` Check my existing user-facing strings and update them so they comply with style guide rules in Ditto. ``` The agent will fetch your rules, scan your code for user-facing strings, and suggest updates where the text doesn't match your guidelines. ## Text search and reuse The `search_ditto_text` tool lets your agent find and reuse strings that already exist in your Ditto projects. ### Reuse text when generating UI Add this instruction so your agent checks Ditto for existing text before writing new copy: ``` Try to reuse text in Ditto when generating UI. ``` When the agent needs to add a button label, heading, or other UI string, it will search Ditto first and reference existing text when a match is found. ### Replace hardcoded strings You can ask the agent to scan your codebase and swap hardcoded strings for existing Ditto text: ``` Look at my existing user-facing strings in my codebase and see if you can replace any with text that exists in Ditto. ``` The agent will search Ditto for matches against your current strings and suggest replacements where equivalent text already exists. ## Combining tools For the best results, combine both tools in your agent instructions: ``` When working on UI: - Use the style guides in Ditto to ensure all user-facing text follows our content guidelines. - Try to reuse existing text from Ditto instead of writing new copy. ``` This way, the agent will both check for existing text to reuse and validate any new text it writes against your style guide rules. ## Managing style guide rules The `create_styleguide_rules`, `update_styleguide_rules`, and `delete_styleguide_rules` tools let your agent manage the rules inside your style guide. The `get_workspace_tags` tool lists the tags available to attach to a rule. ### Turn a code review comment into a rule When you notice a recurring content issue, ask the agent to capture it as a rule so future text follows it automatically: ``` We keep shipping error messages that blame the user. Add a Ditto style guide rule that error messages should be neutral and solution-oriented, with an example like "You entered an invalid email" → "Enter a valid email address." ``` The agent calls `get_styleguide_rules` to find the target style guide and section, calls `get_workspace_tags` if it wants to tag the rule, then calls `create_styleguide_rules`. ### Refine an existing rule ``` Our "date formatting" rule in Ditto only covers full dates. Update it to also specify that relative times like "2 hours ago" are lowercase. ``` The agent calls `get_styleguide_rules` to find the rule ID, then calls `update_styleguide_rules` with the changed fields. ### Remove an outdated rule ``` We no longer use title case anywhere. Delete the "title case headings" rule from our Ditto style guide. ``` The agent calls `get_styleguide_rules` to find the rule ID, then calls `delete_styleguide_rules`. # Installation Source: https://developer.dittowords.com/mcp-reference/installation Connect the Ditto MCP server to Claude Code, Codex, Cursor, VS Code, Windsurf, Figma Make, and other MCP clients ## Before you start The Ditto MCP server lives at: ```text theme={null} https://api.dittowords.com/v2/mcp ``` It uses Streamable HTTP transport and supports OAuth, so most clients ask you to log in to Ditto the first time they connect. There's no token to create, and no credentials to store in your configuration. Need a static credential instead — for continuous integration, a headless agent, or a client without OAuth support? See [Authenticating with an API token](#authenticating-with-an-api-token). Using Claude Code, Claude Desktop, or Cursor? [Installing the agent setup package](/agent-setup-package/overview) is the recommended way to get started — you get the MCP server, along with always-on instructions and skills, in one step. If you only want to install the MCP server without any of the built-in skills, follow the setup instructions for the agent that you use. ## Claude Code Claude Code supports remote MCP servers natively. ### Local scope (default) Adds the Ditto MCP server for your own use in the current project. This is private to you and won't be visible to other team members. ```bash theme={null} claude mcp add --transport http ditto https://api.dittowords.com/v2/mcp ``` ### Project scope Shares the Ditto MCP configuration with your entire team via version control. This creates a `.mcp.json` file at your project root that can be checked into source control. ```bash theme={null} claude mcp add --scope project --transport http ditto https://api.dittowords.com/v2/mcp ``` Or manually add a `.mcp.json` file to your project root: ```json theme={null} { "mcpServers": { "ditto": { "type": "http", "url": "https://api.dittowords.com/v2/mcp" } } } ``` The file holds no credentials, so it's safe to commit. Each team member logs in with their own Ditto account the first time they use the server. Claude Code also prompts for approval the first time a project-scoped server is used. ### User scope Adds the Ditto MCP server across all of your projects. This is private to you but available everywhere. ```bash theme={null} claude mcp add --scope user --transport http ditto https://api.dittowords.com/v2/mcp ``` ### Log in After adding the server with any scope, restart any active instances of Claude Code. Then run `/mcp`, select **ditto**, and choose **Authenticate**. A browser tab opens for you to log in to Ditto and approve access. Approve the connection to see Ditto MCP tools in your tool list. ## Cursor, VS Code, Windsurf These clients support remote MCP servers with Streamable HTTP natively. * **Cursor**: Go to **Cursor Settings > Tools & MCP** and click **+ Add new MCP server**. * **VS Code**: Open your user or workspace `mcp.json` and add to `servers`. * **Windsurf**: Open your MCP configuration file. **Cursor** (`~/.cursor/mcp.json` or workspace `.cursor/mcp.json`): ```json theme={null} { "mcpServers": { "ditto": { "url": "https://api.dittowords.com/v2/mcp" } } } ``` **VS Code** (`~/.vscode/mcp.json` or workspace `.vscode/mcp.json`): ```json theme={null} { "servers": { "ditto": { "type": "http", "url": "https://api.dittowords.com/v2/mcp" } } } ``` **Windsurf** (MCP configuration file): ```json theme={null} { "mcpServers": { "ditto": { "serverUrl": "https://api.dittowords.com/v2/mcp" } } } ``` After saving, your client prompts you to log in to Ditto and approve access. Complete the login in the browser tab that opens, then check your MCP settings — a green status indicator next to the Ditto server means you're connected. ## Codex Codex supports remote MCP servers over Streamable HTTP, with OAuth as the default authentication method. ### Add the server ```bash theme={null} codex mcp add ditto --url https://api.dittowords.com/v2/mcp ``` Or add it to `~/.codex/config.toml` yourself: ```toml theme={null} [mcp_servers.ditto] url = "https://api.dittowords.com/v2/mcp" ``` To scope the server to a single project instead, use `.codex/config.toml` in the project root. Codex reads project-level configuration for trusted projects only. ### Log in ```bash theme={null} codex mcp login ditto ``` A browser tab opens for you to log in to Ditto and approve access. Confirm the result with `codex mcp list`. ## Figma Make From the chat box, select **Add context**, hover over **Connectors**, then choose **Manage**. Navigate to the **Created by you** tab and click **Create**. Enter "Ditto" as the connector name. Enter the following URL and click **Create**: ```text theme={null} https://api.dittowords.com/v2/mcp ``` Click **Connect** on the connector. Figma Make picks up Ditto's OAuth flow and opens a browser tab where you log in to Ditto and approve access. Review the available tools and enable the ones you'd like to use. Figma Make reaches MCP servers over HTTPS only. It doesn't support localhost or stdio servers. ## Other clients If your MCP client doesn't support Streamable HTTP or SSE natively, use the [`mcp-remote`](https://github.com/geelen/mcp-remote) package as a bridge. It runs the OAuth flow for you and opens a browser tab for login on first use. This also applies if you're on **Cursor 2.6.x**, which has a [known bug](https://forum.cursor.com/t/cursor-fails-to-fall-back-from-streamable-http-to-sse-transport-for-remote-mcp-servers/154390) where the V2 MCP handler doesn't fall back from Streamable HTTP to SSE — it retries indefinitely instead of connecting. Use the `mcp-remote` config below as a workaround until the bug is fixed. ```json theme={null} { "mcpServers": { "ditto": { "command": "npx", "args": [ "-y", "mcp-remote", "https://api.dittowords.com/v2/mcp" ] } } } ``` ## Authenticating with an API token OAuth is the recommended way to connect, but the MCP server also accepts a Ditto API token. Use a token when there's no browser to log in with or no OAuth support to rely on: * Continuous integration and other automated pipelines * Headless agents running on a server * Machine-to-machine access, where the credential belongs to a system rather than a person * MCP clients that don't support OAuth With OAuth, the agent acts as **you** — the Ditto account you logged in with, and its permissions. With an API token, the agent acts as the user who generated that token, so if an API token is ever shared, the Ditto activity history will attribute certain actions to the wrong person. Generate a token from your [developer integrations settings](https://app.dittowords.com/developers/api-keys), then pass it in an `Authorization` header as `token `. Follow the [Figma Make](#figma-make) steps, but before clicking **Connect**, open **Advanced settings** and add a custom request header: * **Header name**: `Authorization` * **Header value**: `token ` Add `--header` to any of the scoped commands: ```bash theme={null} claude mcp add --transport http ditto https://api.dittowords.com/v2/mcp --header "Authorization: token " ``` For project scope, reference an environment variable so the file stays free of secrets: ```bash theme={null} claude mcp add --scope project --transport http ditto https://api.dittowords.com/v2/mcp --header 'Authorization: token ${DITTO_API_TOKEN}' ``` Or manually, in `.mcp.json`: ```json theme={null} { "mcpServers": { "ditto": { "type": "http", "url": "https://api.dittowords.com/v2/mcp", "headers": { "Authorization": "token ${DITTO_API_TOKEN}" } } } } ``` Each team member then sets the `DITTO_API_TOKEN` environment variable with their own API token. Add an `Authorization` header to the server entry in `~/.codex/config.toml`: ```toml theme={null} [mcp_servers.ditto] url = "https://api.dittowords.com/v2/mcp" http_headers = { Authorization = "token " } ``` To keep the token out of the file, use `env_http_headers` to pull the header value from an environment variable instead: ```toml theme={null} [mcp_servers.ditto] url = "https://api.dittowords.com/v2/mcp" env_http_headers = { Authorization = "DITTO_MCP_AUTH" } ``` Codex sends the environment variable's value as the header verbatim, so include the `token ` prefix when you set it: ```bash theme={null} export DITTO_MCP_AUTH="token " ``` Skip `bearer_token_env_var` — it sends the credential as `Authorization: Bearer `, which Ditto reads as an OAuth access token and rejects. Add a `headers` object to the server configuration. **Cursor** (`~/.cursor/mcp.json` or workspace `.cursor/mcp.json`): ```json theme={null} { "mcpServers": { "ditto": { "url": "https://api.dittowords.com/v2/mcp", "headers": { "Authorization": "token " } } } } ``` **VS Code** (`~/.vscode/mcp.json` or workspace `.vscode/mcp.json`): ```json theme={null} { "servers": { "ditto": { "type": "http", "url": "https://api.dittowords.com/v2/mcp", "headers": { "Authorization": "token " } } } } ``` **Windsurf** (MCP configuration file): ```json theme={null} { "mcpServers": { "ditto": { "serverUrl": "https://api.dittowords.com/v2/mcp", "headers": { "Authorization": "token " } } } } ``` ```json theme={null} { "mcpServers": { "ditto": { "command": "npx", "args": [ "-y", "mcp-remote", "https://api.dittowords.com/v2/mcp", "--header", "Authorization: token " ] } } } ``` # Overview Source: https://developer.dittowords.com/mcp-reference/overview Overview of Ditto's MCP server for AI coding agents ## What is the Ditto MCP server? The Ditto MCP (Model Context Protocol) server connects AI coding agents to your team's content in Ditto. It gives agents access to your style guide rules and existing text so they can write on-brand text, reuse existing strings, and manage your style guide when generating code. With the MCP server, your AI coding agent can: * **Follow your style guide rules** when writing UI text, so generated copy is consistent with your team's guidelines. * **Search and reuse existing text** from Ditto projects and library components, so agents reference approved text instead of generating new ones. * **Create and edit content** — projects, project blocks, text items, library components, component folders, variables, and variants — directly from your editor. * **Manage style guides** — create and update style guides and their rules, and inspect workspace tags and statuses, directly from your editor. ## How it works The Ditto MCP server runs remotely and exposes tools your AI agent can call, organized around a few areas: * **Style guides**: fetch, create, and update style guides and their rules (`get_styleguide_rules`, `create_styleguide`, `list_styleguides`, `update_styleguide`, `create_styleguide_rules`, `update_styleguide_rules`, `delete_styleguide_rules`), check text against them (`suggest_edit`), and look up available tags (`get_workspace_tags`). * **Text search**: find existing text items and library components by content (`search_ditto_text`). * **Projects and blocks**: list, create, and organize projects and the blocks within them (`list_projects`, `create_ditto_project`, `list_project_folders`, `list_project_blocks`, `create_project_blocks`, `update_project_blocks`, `delete_project_blocks`). * **Text items and library components**: create, update, and delete project text and reusable library components (`create_text_items`, `update_text_items`, `delete_text_items`, `create_library_components`, `update_library_components`, `list_component_folders`, `create_component_folders`, `update_component_folders`, `delete_component_folders`), and publish or link project text into the library (`publish_library_component`, `link_text_items_to_component`, `unlink_text_items_from_component`). * **Variables and variants**: manage placeholders and locale/tone alternatives (`list_variables`, `create_variables`, `update_variables`, `delete_variables`, `list_variants`, `create_variants`, `update_variants`, `delete_variants`). * **Statuses**: look up the statuses text items and library components can be set to (`list_statuses`). See the [full tool reference](/mcp-reference/tools) for what each tool does and how they fit together. Your AI agent calls these tools automatically based on the instructions you provide. For example, you can add a line to your `CLAUDE.md` or `.cursorrules` file telling the agent to check Ditto's style guides before writing any user-facing text. See [Example use cases](/mcp-reference/examples) for more. ## Project configuration Add a `ditto/config.yml` or `ditto/config.yaml` file in your project root to scope MCP tool calls to specific Ditto projects: ```yaml theme={null} projects: - id: "your-project-developer-id" ``` When present, the MCP server will automatically include these project IDs in tool calls, so results are scoped to the projects relevant to your codebase. # Tools Source: https://developer.dittowords.com/mcp-reference/tools Available tools in the Ditto MCP server The Ditto MCP server provides the following tools that your AI coding agent can call. ## get\_styleguide\_rules Fetches style guide rules from your Ditto workspace, including both workspace-level and project-specific rules. Use this to ensure AI-generated UI text follows your team's content guidelines. To create and manage style guide rules in Ditto, see [How to use Ditto's AI content systems](https://help.dittowords.com/en/articles/11956299-how-to-use-ditto-s-ai-content-systems). ## search\_ditto\_text Searches your Ditto workspace for existing text items and/or library components by content. Use this to find and reuse strings that already exist in your team's content, rather than generating new text. ## list\_projects Lists all projects in your workspace with their names and developer IDs. Use this to find a project's developer ID when you only know its name — for example, before creating, updating, or searching text items. ## list\_project\_folders Lists all project folders in the workspace with their developer IDs, names, and parent folder (by developer ID; no parent means the folder sits directly under the workspace root). Use this to find a folder's developer ID before `create_ditto_project`, which takes a folderId to create the project inside a folder. Folders are a separate namespace from projects — `list_projects` will not surface them. ## create\_ditto\_project Creates a new project in the workspace. Projects hold project-scoped text items, as opposed to library components which are reusable across projects. Use the returned developer ID (or `list_projects`) to reference it afterward, for example with `create_text_items`. ## list\_component\_folders Lists all folders in your component library with their names, developer IDs, and parent folder (by developer ID; no parent means the folder sits directly under the library root). Use this to find a folder's developer ID before filing a component into it with `create_library_components` or `update_library_components`, or before managing the folders themselves with `create_component_folders`, `update_component_folders`, and `delete_component_folders`. Folders are a separate namespace from projects — `list_projects` will not surface them. ## create\_component\_folders Creates new folders in the component library. Each folder can optionally specify a developer ID (must be unique in the workspace) and a parent folder to nest inside — omit the parent to create the folder at the library root. Batch calls are all-or-nothing: if any folder in the call fails (e.g. a duplicate developer ID), none of the folders are created. ## update\_component\_folders Updates existing folders by their developer IDs. Only the fields you provide are changed. Set `parentId` to move a folder — provide `null` or `"root"` to move it to the library root, or omit to leave it in place. To rename a folder's developer ID, set `newDeveloperId`. Batch calls are all-or-nothing: if any update in the call fails (e.g. a duplicate developer ID, or a move that would create a circular hierarchy), none of the updates are applied. ## delete\_component\_folders Permanently deletes folders from the component library by their developer IDs. This cannot be undone. Components and subfolders inside a deleted folder are not deleted — they're moved up into the deleted folder's parent folder (or the library root). ## list\_project\_blocks Lists the blocks in a Ditto project with their developer IDs and names, in display order. Blocks group text items within a project. Use this to find a block's developer ID before `update_project_blocks` or `delete_project_blocks`. If you only know the project's name, call `list_projects` to look up its developer ID. ## create\_project\_blocks Creates new blocks in a Ditto project. Blocks group text items within a project. New blocks are appended to the end of the project. Use the returned developer IDs (or `list_project_blocks`) to reference them afterward. ## update\_project\_blocks Updates existing blocks in a Ditto project by their developer IDs (find them with `list_project_blocks`). Only the fields you provide are changed. To rename a block's developer ID, set `newDeveloperId` — it can be combined with a name change in the same update object. Batch calls are all-or-nothing: if any update fails (e.g. a duplicate developer ID within the project), none of the updates in the call are applied. ## delete\_project\_blocks Permanently deletes blocks from a Ditto project by their developer IDs (find them with `list_project_blocks`). This cannot be undone. Text items in a deleted block are not deleted — they're unassigned and moved to the end of the project's root level. ## list\_variables Lists all variables in the workspace with their developer IDs, types, and data. Use this to find a variable's developer ID (its name) before referencing it in `create_text_items` or `update_text_items` — list the id in the `variables` field and reference it as a `{{variable_name}}` placeholder in the text. ## create\_variables Creates variables in the workspace. A variable is a reusable placeholder that resolves to a different value at runtime. Each has a type that determines what it holds: a `string` or `number` variable holds an example and an optional fallback, a `hyperlink` holds link text and a url, a `list` holds the set of values the variable can take, and a `map` holds key-value pairs. A variable's name doubles as its developer ID: letters, numbers, and underscores only, and unique in the workspace. Creating a variable adds it to no text on its own — reference it from `create_text_items` or `update_text_items` by listing it in the `variables` field and writing it as a `{{variable_name}}` placeholder in the text. Batch calls are all-or-nothing: if any variable in the call fails (for example, a name already in use), none of them are created. ## update\_variables Renames variables or changes their type or value. Because a variable's name is its developer ID, renaming one with `newName` changes how it is referenced — but nothing inside Ditto is orphaned, because every `{{placeholder}}` using it is rewritten to match, across text items, library components, variant text, and plurals. What breaks is outside Ditto: anything naming the old id, such as code, an integration config, or CLI output, along with later API and MCP calls. Use `list_variables` to find a variable's current developer ID. Only the fields you provide are changed, and each update must change at least one of `newName`, `type`, or `data`. Changing a type requires sending `data` alongside it, even when the value itself stays the same. How `data` is applied depends on the type: string, number, and hyperlink variables have fixed fields, so sending only some of them leaves the rest alone — send an empty string to clear one. A list's value is an array and a map's is an object, and each is the variable's entire content, so what you send replaces it outright. Batch calls are all-or-nothing: if any update in the call is invalid, none of the updates are applied. ## delete\_variables Permanently deletes variables from the workspace by their developer IDs (their names). This cannot be undone. A variable cannot be deleted while any text item or library component still references it, and one such variable rejects the whole batch — remove the `{{placeholder}}` from that text first, then retry. Confirm the developer IDs with the user before calling. ## list\_variants Lists all variants in the workspace with their developer IDs, names, descriptions, and locale codes. Use this to find a variant's developer ID when you only know its name — for example, before `create_text_items` or `update_text_items`, which take variant developer IDs to set variant-specific text. When translating text for a variant, treat its localeCode (e.g. `es`, `fr-ca`) as the authoritative target locale — do not infer the locale from the variant's name or description. If a variant's localeCode is null, it is not locale-scoped; confirm the intended locale with the user rather than guessing. ## create\_variants Creates variants in the workspace. A variant is a named alternative that text items and library components can each have their own text for — most often a locale to translate into, but also a tone or brand variation. Creating a variant adds no text on its own: use `create_text_items` or `update_text_items` with the variant's developer ID to set a text item's text for that variant. Set localeCode whenever the variant represents a language, because translation tools treat it as the authoritative target locale rather than inferring one from the name; at most one variant per workspace can hold a given locale code. A developer ID is generated from the name unless you pass one explicitly, so read the developer IDs off the response rather than assuming them. ## update\_variants Renames variants or changes their description, locale code, or developer ID. A variant's name and its developer ID are independent. The name is the human-readable label shown in Ditto; the developer ID is the stable key that code, integrations, and CLI output use to refer to the variant. Renaming a variant leaves its developer ID untouched, so anything already referencing it keeps resolving — set newDeveloperId only when you want that key itself to change. Nothing inside Ditto is orphaned or rewritten by either change: text items and library components reference a variant by an internal id rather than its developer ID, so each keeps its text for the variant, and variant-scoped style guides stay attached. What breaks is outside Ditto — anything naming the old developer ID, such as CLI output, an integration config, or code, along with later API and MCP calls, which have to use the new one. Use `list_variants` to find a variant's current developer ID. At most one variant per workspace can hold a given locale code. Changing a locale code reaches past the variant itself: variant-scoped style guides and AI translation targeting both resolve a locale to a variant, so moving a locale onto a different variant changes which style guide governs that locale's text and where translated text is suggested. The whole batch is rejected if any update is invalid. ## delete\_variants Permanently deletes variants from the workspace by their developer IDs. This cannot be undone. A variant cannot be deleted while any text item or library component still has text for it, and one such variant rejects the whole batch — remove that text first, then retry. Style guides scoped to a deleted variant survive but stop being variant-scoped. ## create\_text\_items Creates new text items in a project. Provide the project's developer ID and the items to add. Each item supports text, an optional developer ID, status, tags, assignee (by email), notes, a character limit, a development-integration flag, and plural forms. Use `search_ditto_text` first to check whether equivalent text already exists to reuse. Batch calls are all-or-nothing: if any item in the call fails (e.g. a duplicate developer ID), none of the items are created. ## update\_text\_items Updates existing text items by their developer IDs. Only the fields you provide are changed; the rest are left as-is. Supports text, status, tags, assignee, notes, character limit, the development-integration flag, and plural updates. Tags are replaced wholesale — pass the full desired set. Batch calls are all-or-nothing: if any update in the call fails, none of the updates are applied. ## delete\_text\_items Permanently deletes text items by their developer IDs. This cannot be undone, and text items that are library instances cannot be deleted. ## create\_library\_components Creates new components in the Ditto component library. Library components are reusable text shared across projects, as opposed to project-scoped text items. Each component supports a name, text, an optional developer ID, folder, status, tags, assignee (by email), notes, a character limit, a development-integration flag, and plural forms. Use `search_ditto_text` first to check whether equivalent text already exists to reuse. Batch calls are all-or-nothing: if any component in the call fails (e.g. a duplicate developer ID), none of the components are created. ## update\_library\_components Updates existing library components by their developer IDs. Only the fields you provide are changed; the rest are left as-is. Supports text, folder, status, tags, assignee, notes, character limit, the development-integration flag, and plural updates. Tags are replaced wholesale — pass the full desired set. Batch calls are all-or-nothing: if any update in the call fails, none of the updates are applied. ## publish\_library\_component Publishes an existing project text item to the Ditto component library, turning it into a reusable library component. The text item's current text, variables, variants, and other fields are carried over to the new component, and the text item becomes its first linked instance. The new component keeps the text item's existing developer ID. The text item must not already be a library instance — use `link_text_items_to_component` to attach additional items to an existing component instead. ## link\_text\_items\_to\_component Links one or more existing project text items to an existing library component by developer ID, so they share the component's text going forward. Each linked text item takes on the component's current text, variables, variants, and other fields. Text items already linked to a different component are skipped — the result reports how many text items were actually linked and lists the developer IDs of any that were skipped. ## unlink\_text\_items\_from\_component Unlinks one or more text items from their library component by developer ID, turning them back into standalone project text items with a freshly generated developer ID each. The text items keep their current text; future edits to the library component no longer affect them. Every text item linked to the same component shares that component's developer ID with its sibling instances, so a given developer ID unlinks every text item that currently carries it, not just one. Pass `projectId` to scope the unlink to only the instances in one project, leaving instances elsewhere untouched. ## create\_styleguide Create a new style guide (name, description, sections, whether it's enabled by default). Sections organize rules and word list entries; if omitted, a default set of sections is used. If you provide sections, each section ID must be unique and the list must include at least one rules section and one word list section. Returns the new style guide's developer ID. Pass `variantId` to scope the style guide to a single variant — because a locale in Ditto is a variant's locale code, this is how a style guide is associated with a locale. The variant must have a locale code — for now, style guides can only be scoped to variants that have one. ## list\_styleguides Lists all style guides in the workspace with their developer IDs, descriptions, sections, and rules. Use this to find a style guide's developer ID and section IDs before calling `create_styleguide_rules` or `update_styleguide`. ## update\_styleguide Update an existing style guide by developer ID (any field: name, description, enabled by default, variant, sections). Only the fields you provide are changed. Pass developer ID `default` to toggle the built-in Ditto Style Guide's enabled-by-default setting. Pass `variantId` to scope the style guide to a single variant — because a locale in Ditto is a variant's locale code, this is how a style guide is associated with a locale — or `null` to unscope it so it applies to all text. The variant must have a locale code — for now, style guides can only be scoped to variants that have one. Updating sections replaces the full list — each section ID must be unique, and the list must include at least one rules section and one word list section — rules in a removed section move automatically to the first remaining rules section. ## create\_styleguide\_rules Create one or more rules in a style guide section. Use the `{name, description, examples, tags}` shape for a 'rules' section, or the `{term, disallowed, description, tags}` shape for a 'wordlist' section — the shape must match the target section's kind. Batch calls are all-or-nothing: if any rule fails, none are created. ## update\_styleguide\_rules Update one or more existing rules by ID (from `get_styleguide_rules` or `create_styleguide_rules`). Only the fields you provide are changed. Use `name`/`examples` for a rule in a 'rules' section, or `term`/`disallowed` for a rule in a 'wordlist' section — the shape must match that rule's own section. Batch calls are all-or-nothing: if any update fails, none are applied. ## delete\_styleguide\_rules Permanently delete one or more rules by ID. This cannot be undone. Batch calls are all-or-nothing: if any rule ID doesn't exist, none are deleted. ## suggest\_edit Checks text against your Ditto workspace's style guide rules and returns suggested edits — the same rule-based suggestions shown in the Ditto app. Check an existing text item by its developer ID, or check freeform text that isn't saved as a text item yet. Results are cached per exact input; pass `forceNewGeneration` to force a fresh check. An empty result means the text already complies with the style guide, or that this exact suggestion was already reviewed and dismissed in the app. ## get\_workspace\_tags Returns all tags currently in use across the workspace. Useful before adding tags to a rule — only existing tags are allowed. ## list\_statuses Lists the statuses which text items and library components can be set to in your workspace, in workflow order — the order your workspace moves text through, from earliest (a first draft) to latest (ready to ship). A workspace can rename the default statuses or replace the set entirely, so none of the defaults are guaranteed to exist. Call this before setting or filtering by a status rather than assuming a particular key is valid. Statuses are set by key, not by the display name shown in the app.