{"id":25039673,"url":"https://github.com/marks/retool-component-diff-viewer","last_synced_at":"2026-02-10T23:32:05.347Z","repository":{"id":275794306,"uuid":"927204849","full_name":"marks/retool-component-diff-viewer","owner":"marks","description":null,"archived":false,"fork":false,"pushed_at":"2025-02-04T15:53:31.000Z","size":616,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-05T14:51:33.989Z","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/marks.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2025-02-04T15:23:29.000Z","updated_at":"2025-02-04T15:53:35.000Z","dependencies_parsed_at":"2025-02-04T16:50:29.442Z","dependency_job_id":null,"html_url":"https://github.com/marks/retool-component-diff-viewer","commit_stats":null,"previous_names":["marks/retool-component-diff-viewer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/marks/retool-component-diff-viewer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marks%2Fretool-component-diff-viewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marks%2Fretool-component-diff-viewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marks%2Fretool-component-diff-viewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marks%2Fretool-component-diff-viewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/marks","download_url":"https://codeload.github.com/marks/retool-component-diff-viewer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marks%2Fretool-component-diff-viewer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29321350,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-10T20:44:44.282Z","status":"ssl_error","status_checked_at":"2026-02-10T20:44:43.393Z","response_time":65,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":"2025-02-06T02:52:46.601Z","updated_at":"2026-02-10T23:32:05.328Z","avatar_url":"https://github.com/marks.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Retool Custom Component for [`react-diff-viewer-continued`](https://www.npmjs.com/package/react-diff-viewer-continued)\n\nThis repo is based off of [tryretool/custom-component-collection-template](https://github.com/tryretool/custom-component-collection-template) and has been modified to contain a minimal example for creating a Retool Custom Component from an existing React component -- in this case, [`react-diff-viewer-continued`](https://www.npmjs.com/package/react-diff-viewer-continued)\n\nTo learn more about how custom component libraries work, visit [Retool's official documentation on Custom Component Libraries](https://docs.retool.com/apps/guides/custom/custom-component-libraries).\n\n### Screenshot\nThe screenshot below shows an example app that visualizes the diff of two Javascript objects in both splitView=true and splitView=false modes.\n[![Screenshot](screenshot.png)](screenshot.png)\n\n### Quick Start\nUse these commands to install this Custom Component library into your Retool instance. For more complete instructions, visit [Retool's official documentation on Custom Component Libraries](https://docs.retool.com/apps/guides/custom/custom-component-libraries).\n\n1. Clone this repo and enter the directory\n2. Run `npm install` \n3. Run `npx retool-ccl login` to login to your Retool instance. You will be guided to create an API key that allows read/write access to Custom Component Libraries.\n4. Run `npx retool-ccl init` to initialize a new Custom Component Library in your Retool instance\n5. Run `npx retool-ccl dev` to test this Custom Component in dev mode\n6. Run `npx retool-ccl deploy` to deploy this Custom Component to your Retool instance\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarks%2Fretool-component-diff-viewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarks%2Fretool-component-diff-viewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarks%2Fretool-component-diff-viewer/lists"}