{"id":17480899,"url":"https://github.com/jamesgiu/quick-cyc","last_synced_at":"2026-02-10T01:31:13.308Z","repository":{"id":204074263,"uuid":"698905695","full_name":"jamesgiu/quick-cyc","owner":"jamesgiu","description":"A component library for displaying pipelines in React. https://www.npmjs.com/package/quick-cyc","archived":false,"fork":false,"pushed_at":"2024-04-29T13:48:27.000Z","size":976,"stargazers_count":1,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-08T08:44:36.508Z","etag":null,"topics":["acyclic","component","dag","pipeline","pipelines","react","stepper"],"latest_commit_sha":null,"homepage":"https://jamesgiu.github.io/quick-cyc/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jamesgiu.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":"2023-10-01T10:45:39.000Z","updated_at":"2024-05-06T11:21:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"dcacaeef-0a9a-45ea-ab4c-05d8cafbd6c3","html_url":"https://github.com/jamesgiu/quick-cyc","commit_stats":{"total_commits":49,"total_committers":1,"mean_commits":49.0,"dds":0.0,"last_synced_commit":"56a10fb7b91970489242ac8b96b985450e96a9d3"},"previous_names":["jamesgiu/react-pipes","jamesgiu/quick-acyclic","jamesgiu/quick-cyc"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jamesgiu/quick-cyc","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamesgiu%2Fquick-cyc","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamesgiu%2Fquick-cyc/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamesgiu%2Fquick-cyc/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamesgiu%2Fquick-cyc/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jamesgiu","download_url":"https://codeload.github.com/jamesgiu/quick-cyc/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamesgiu%2Fquick-cyc/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268127476,"owners_count":24200388,"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-07-31T02:00:08.723Z","response_time":66,"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":["acyclic","component","dag","pipeline","pipelines","react","stepper"],"created_at":"2024-10-18T22:06:31.730Z","updated_at":"2026-02-10T01:31:13.278Z","avatar_url":"https://github.com/jamesgiu.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![ezgif-4-fef5b85f32](https://github.com/jamesgiu/react-pipes/assets/13777223/57c7879e-4438-44a2-86d5-3bfa50df5b22)\n\n# 🔀 Quick Cyc ([sɪk])\nA component library for displaying pipelines in React.\n\nThis component library is currently under construction and is not recommended for production at this stage.\n\n## 📚 Hosted documentation\nCheck out the [hosted documentation](https://jamesgiu.github.io/quick-cyc/).\n\n## 🚀 Features\n### A wide variety of intents and icons\n![ezgif-4-b0c494d8b3](https://github.com/jamesgiu/react-pipes/assets/13777223/cb65ca2a-03d5-430e-bfa8-a0d4fb22ab5f)\n\n### Sub pipelines\n![ezgif-4-3e54426d46](https://github.com/jamesgiu/react-pipes/assets/13777223/7384304e-8a80-416a-958e-d205e1e72c52)\n\n## 💡 Getting started\n### Installation\n```\nnpm i quick-cyc\n``` \n\n### Quick code example\n```\n\u003cPipeline\n  label= {'Pipeline'}\n  schema={[\n    {\n    icon:PipelineIcons.Icon2fa,\n    intent:PipelineIntent.SUCCESS,\n    active:false,\n    attempts:1,\n    size:PipelineSize.M,\n    },\n    {\n      intent:PipelineIntent.SUCCESS,\n      active:false,\n      size:PipelineSize.S,\n    },\n    {\n      icon:PipelineIcons.IconAward,\n      intent:PipelineIntent.SUCCESS,\n      active:false,\n      attempts:1,\n      size:PipelineSize.M,\n    }\n  ]}\n  /\u003e\n```\n\n## ⚙ Components\n### Pipe\n![image](https://github.com/jamesgiu/quick-cyc/assets/13777223/0b2677e3-f900-46c0-bebc-93eb73197773)\n\n| Prop          | Description        | Optional  |\n| ------------- |:-------------:| -----:|\n| intent      |\"qc-intent-none\" \"qc-intent-warning\" \"qc-intent-success\" \"qc-intent-failure\" \"qc-intent-in-progress\" \"qc-intent-skipped\"  | no |\n| active      | boolean      |   no |\n|  size | \"qc-size-xs\" \"qc-size-s\" \"qc-size-m\" \"qc-size-l\" \"qc-size-xl\"      |   no |\n|  progressPercent | number      |    yes |\n\n### PipelineNode\n![image](https://github.com/jamesgiu/quick-cyc/assets/13777223/00b17998-3a37-4f0b-ac59-144bb171d07a)\n\n| Prop          | Description        | Optional  |\n| ------------- |:-------------:| -----:|\n| intent      |\"qc-intent-none\" \"qc-intent-warning\" \"qc-intent-success\" \"qc-intent-failure\" \"qc-intent-in-progress\" \"qc-intent-skipped\"  | no |\n| active      | boolean      |   no |\n|  size | \"qc-size-xs\" \"qc-size-s\" \"qc-size-m\" \"qc-size-l\" \"qc-size-xl\"      |   no |\n|  progressPercent | number      |    yes |\n| onNodeClick      | ()=\u003evoid  | no |\n| active      | boolean      |   no |\n|  size | \"qc-size-xs\" \"qc-size-s\" \"qc-size-m\" \"qc-size-l\" \"qc-size-xl\"      |   no |\n|  icon |   [docs](https://jamesgiu.github.io/quick-cyc/?path=/docs/pipelinenode--docs)    |    yes |\n|  attempts | number      |    yes |\n|  progressPercent | number      |    yes |\n|  className | string      |    yes |\n\n### Pipeline\n![ezgif-4-b0c494d8b3](https://github.com/jamesgiu/quick-cyc/assets/13777223/cb65ca2a-03d5-430e-bfa8-a0d4fb22ab5f)\n\n| Prop          | Description        | Optional  |\n| ------------- |:-------------:| -----:|\n| schema      | (PipelineProps \\| PipelineNodeProps \\| PipelinePipesProps)[]  | no\n\n\u003cimg src=\"https://github.com/jamesgiu/quick-cyc/assets/13777223/7706e6f4-b3e6-49a0-a693-42e0069a11bb\" width=\"50\" height=\"50\" align=\"right\"/\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamesgiu%2Fquick-cyc","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjamesgiu%2Fquick-cyc","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamesgiu%2Fquick-cyc/lists"}