{"id":21575470,"url":"https://github.com/rangle/radius-token-tango","last_synced_at":"2025-08-17T20:09:54.449Z","repository":{"id":241968781,"uuid":"808326813","full_name":"rangle/radius-token-tango","owner":"rangle","description":"Suite of tools to connect Design Tokens to Repositories, facilitating Figma workflows","archived":false,"fork":false,"pushed_at":"2025-05-23T20:08:08.000Z","size":1530,"stargazers_count":2,"open_issues_count":3,"forks_count":4,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-08-09T13:58:31.485Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rangle.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-05-30T20:50:04.000Z","updated_at":"2025-05-12T17:12:23.000Z","dependencies_parsed_at":"2025-03-19T21:31:34.086Z","dependency_job_id":"8b3455c2-1383-42f4-b169-385084fa93fd","html_url":"https://github.com/rangle/radius-token-tango","commit_stats":null,"previous_names":["rangle/radius-token-tango"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rangle/radius-token-tango","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rangle%2Fradius-token-tango","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rangle%2Fradius-token-tango/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rangle%2Fradius-token-tango/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rangle%2Fradius-token-tango/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rangle","download_url":"https://codeload.github.com/rangle/radius-token-tango/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rangle%2Fradius-token-tango/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269780571,"owners_count":24474679,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-10T02:00:08.965Z","response_time":71,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-24T12:13:22.554Z","updated_at":"2025-08-17T20:09:54.415Z","avatar_url":"https://github.com/rangle.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Radius Token Tango\n\n![Banner](docs/tango-banner.png)\n\nThis repository contains the codebase for the Radius Token Tango project, which includes a Figma Widget and a web UI. The project is structured as a monorepo, containing multiple applications and packages.\n\n## Table of Contents\n\n- [Project Structure](#project-structure)\n- [Installation](#installation)\n- [Development](#development)\n- [Build](#build)\n- [Linting and Formatting](#linting-and-formatting)\n- [Publishing the Widget](#publishing-the-widget)\n- [Future Plans](#future-plans)\n\n## Project Structure\n\nThe repository is organized as follows:\n\n- **apps/token-tango-web-ui**: The web UI application for the Token Tango project.\n- **apps/token-tango-widget**: The Figma Widget application for the Token Tango project.\n- **packages/eslint-config**: Internal ESLint configuration package.\n- **packages/typescript-config**: Internal TypeScript configuration package.\n- **packages/bandoneon**: Small UI library for the web part of the app.\n\n## Installation\n\nTo set up the project, you'll need to have [pnpm](https://pnpm.io/) installed. Once you have `pnpm`, run the following command to install all dependencies:\n\n```sh\npnpm install\n```\n\n## Development\n\nTo start the development server for all apps, use the following command:\n\n```sh\npnpm dev\n```\n\nThis will run `turbo dev`, which starts the development server for all applications and packages.\n\n## Build\n\nTo build all applications and packages, run:\n\n```sh\npnpm build\n```\n\nThis will run `turbo build`, which builds all the projects in the monorepo.\n\n## Linting and Formatting\n\nTo lint the codebase, run:\n\n```sh\npnpm lint\n```\n\nTo format the codebase using Prettier, run:\n\n```sh\npnpm format\n```\n\n## Publishing the Widget\n\nTo publish the Figma Widget, follow these steps:\n\n1. Navigate to the `apps/token-tango-widget` directory.\n2. Ensure you have the correct Figma manifest file located at `apps/manifest.json`.\n3. Download and install the Desktop version of Figma: https://www.figma.com/downloads/\n   4. If you already have Figma, ensure your using the latest version.\n5. Log in to your account and open the Figma desktop app\n   6. I suggest opening a file with Figma Variables \n6. From the menu, select \"Widgets\" -\u003e \"Development\" -\u003e \"Import widget from manifest...\" -\u003e \n   7. This opens the File Explorer, find and select: `apps/manifest.json`\n   8. The widget will load into the currently open Figma file.\n      9. It will position the Widget into a Frame which can affect your layout, be careful when inserting.\n      10. it's trivial to delete the widget and restore it from the right click menu.\n\n## Future Plans\n\nWe plan to add more packages in the future, including:\n\n- **Common Logic Library**: A library containing common logic used across the applications.\n- **Command-Line Tool**: A tool for converting layer files to other formats.\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frangle%2Fradius-token-tango","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frangle%2Fradius-token-tango","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frangle%2Fradius-token-tango/lists"}