{"id":22871323,"url":"https://github.com/accordproject/web-components","last_synced_at":"2025-05-15T14:03:15.227Z","repository":{"id":42705041,"uuid":"259908112","full_name":"accordproject/web-components","owner":"accordproject","description":"React Components for Accord Project","archived":false,"fork":false,"pushed_at":"2024-10-12T10:01:44.000Z","size":21279,"stargazers_count":119,"open_issues_count":97,"forks_count":99,"subscribers_count":14,"default_branch":"main","last_synced_at":"2024-10-30T04:29:56.637Z","etag":null,"topics":["accord-project","cicero","concerto","ergo","hacktoberfest","legal","legaltech","react","smart-contracts"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/accordproject.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","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":"2020-04-29T11:35:26.000Z","updated_at":"2024-10-24T15:28:49.000Z","dependencies_parsed_at":"2024-04-16T01:29:13.150Z","dependency_job_id":"df4ff925-3367-4bdb-9d77-1be4318ed341","html_url":"https://github.com/accordproject/web-components","commit_stats":{"total_commits":290,"total_committers":36,"mean_commits":8.055555555555555,"dds":0.7586206896551724,"last_synced_commit":"78561754589ff4cfc2685dc246244ffa690ff23f"},"previous_names":[],"tags_count":16,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/accordproject%2Fweb-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/accordproject%2Fweb-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/accordproject%2Fweb-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/accordproject%2Fweb-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/accordproject","download_url":"https://codeload.github.com/accordproject/web-components/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247191729,"owners_count":20898982,"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","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":["accord-project","cicero","concerto","ergo","hacktoberfest","legal","legaltech","react","smart-contracts"],"created_at":"2024-12-13T13:18:04.328Z","updated_at":"2025-04-08T02:35:29.522Z","avatar_url":"https://github.com/accordproject.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Accord Project Web Components\n\n[![Build Status](https://github.com/accordproject/web-components/actions/workflows/build.yml/badge.svg)](https://github.com/accordproject/web-components/actions/workflows/build.yml)\n[![join discord](https://img.shields.io/badge/Accord%20Project-Join%20Slack-blue)](https://discord.gg/Zm99SKhhtA/)\n\nThis repository contains a library of user interface components that can be used to create web-applications based on Accord Project technology. The components use the [React](https://reactjs.org) ( JavaScript library )\n\n## Repository Structure\n\nThis repository is a monorepo, built using [lerna](https://lerna.js.org). Each package is published as an independent npm module.\n\n- [Markdown Editor](packages/ui-markdown-editor): A WYSIWYG editor based on [Slate](https://www.slatejs.org) for markdown that conforms to the [CommonMark](https://spec.commonmark.org) specification.\n- [Contract Editor](packages/ui-contract-editor): An editor based on our [Markdown Editor](packages/ui-markdown-editor) for handling smart legal contracts.\n- [Concerto UI](packages/ui-concerto): React components for models written in the [Concerto Modeling Language](https://github.com/accordproject/concerto).\n- [Web Components](packages/ui-components): Tools for implementing React components in your contract editing studio.\n- [Storybook](packages/storybook): A [React Storybook](https://storybook.js.org), and contains all the stories for all the sub-packages.\n\nNetlify is used to automatically publish the static site generated by Storybook.\n\nUse the interactive [Storybook][storybook] to discover the components and their properties.\n\n## View the [Live Storybook Demo][storybook] or Run Locally\n\n### Sample Project\n\nTo use these components refer to: https://github.com/accordproject/web-components-starter\nIf you are not already using semantic-ui-react in your project, be sure to include `import 'semantic-ui-css/semantic.min.css'` in the entry point of your react app.\n\n### Run Locally\n\n```sh\nnpm install -g lerna\nlerna clean \u0026\u0026 lerna bootstrap \u0026\u0026 lerna run build\ncd packages/storybook\nnpm i\nnpm run storybook\n```\n### User Interaction Testing (e2e tests)\n\nInstall cypress app on your local system:\nhttps://download.cypress.io/desktop\n\nCheck if the system requirements are matched:\nhttps://docs.cypress.io/guides/getting-started/installing-cypress.html#System-requirements\n\nStart the storybook\n```sh\ncd packages/storybook\nnpm run storybook\n```\nExecute the following script to start e2e tesing\n```sh\ncd packages/storybook\nnpm run test:e2e\n```\nIf you are writing the tests and want to see the tests in a browser, then do the following\n```sh\ncd packages/storybook\nnpx cypress open\n```\n\n---\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.accordproject.org/\"\u003e\n    \u003cimg src=\"assets/APLogo.png\" alt=\"Accord Project Logo\" width=\"400\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"./LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/accordproject/cicero?color=bright-green\" alt=\"GitHub license\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://accord-project-slack-signup.herokuapp.com/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Accord%20Project-Join%20Slack-blue\" alt=\"Join the Accord Project Slack\"/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\nAccord Project is an open source, non-profit, initiative working to transform contract management and contract automation by digitizing contracts. Accord Project operates under the umbrella of the [Linux Foundation][linuxfound]. The technical charter for the Accord Project can be found [here][charter].\n\n## Learn More About Accord Project\n\n### [Overview][apmain]\n\n### [Documentation][apdoc]\n\n## Contributing\n\nThe Accord Project technology is being developed as open source. All the software packages are being actively maintained on GitHub and we encourage organizations and individuals to contribute requirements, documentation, issues, new templates, and code.\n\nFind out what’s coming on our [blog][apblog].\n\nJoin the Accord Project Technology Working Group [Discord channel][apdisc] to get involved!\n\nFor code contributions, read our [CONTRIBUTING guide][contributing] and information for [DEVELOPERS][developers].\n\n### README Badge\n\nUsing Accord Project? Add a README badge to let everyone know: [![accord project](https://img.shields.io/badge/powered%20by-accord%20project-19C6C8.svg)](https://www.accordproject.org/)\n\n```\n[![accord project](https://img.shields.io/badge/powered%20by-accord%20project-19C6C8.svg)](https://www.accordproject.org/)\n```\n\n## License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nAccord Project source code files are made available under the [Apache License, Version 2.0][apache].\nAccord Project documentation files are made available under the [Creative Commons Attribution 4.0 International License][creativecommons] (CC-BY-4.0).\n\nCopyright 2018-2019 Clause, Inc. All trademarks are the property of their respective owners. See [LF Projects Trademark Policy](https://lfprojects.org/policies/trademark-policy/).\n\n[linuxfound]: https://www.linuxfoundation.org\n[charter]: https://github.com/accordproject/governance/blob/master/accord-project-technical-charter.md\n[apmain]: https://accordproject.org/ \n[apblog]: https://medium.com/@accordhq\n[apdoc]: https://docs.accordproject.org/\n[apslack]: https://accord-project-slack-signup.herokuapp.com\n[apdisc]: https://discord.gg/Zm99SKhhtA\n\n[storybook]: https://ap-web-components.netlify.app/\n\n[contributing]: https://github.com/accordproject/web-components/blob/master/CONTRIBUTING.md\n[developers]: https://github.com/accordproject/web-components/blob/master/DEVELOPERS.md\n\n[apache]: https://github.com/accordproject/web-components/blob/master/LICENSE\n[creativecommons]: http://creativecommons.org/licenses/by/4.0/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faccordproject%2Fweb-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faccordproject%2Fweb-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faccordproject%2Fweb-components/lists"}