{"id":20766785,"url":"https://github.com/chapter-three/c3-fractal","last_synced_at":"2025-03-11T18:50:48.015Z","repository":{"id":144983519,"uuid":"199902225","full_name":"chapter-three/c3-fractal","owner":"chapter-three","description":"Mirror of https://dashboard.pantheon.io/sites/75e1a05e-d1ea-4c7f-95c5-34159376d7dd","archived":false,"fork":false,"pushed_at":"2020-01-10T18:29:45.000Z","size":64001,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-01-18T06:27:39.491Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"PHP","has_issues":false,"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/chapter-three.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":"2019-07-31T17:39:19.000Z","updated_at":"2020-01-10T18:30:18.000Z","dependencies_parsed_at":null,"dependency_job_id":"0c1b12d2-4c11-4a02-b037-411a6e105995","html_url":"https://github.com/chapter-three/c3-fractal","commit_stats":null,"previous_names":[],"tags_count":35,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chapter-three%2Fc3-fractal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chapter-three%2Fc3-fractal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chapter-three%2Fc3-fractal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chapter-three%2Fc3-fractal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chapter-three","download_url":"https://codeload.github.com/chapter-three/c3-fractal/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243094428,"owners_count":20235510,"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":[],"created_at":"2024-11-17T11:26:11.461Z","updated_at":"2025-03-11T18:50:47.993Z","avatar_url":"https://github.com/chapter-three.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# C3 Fractal\n\n[Fractal](https://fractal.build) is a design system tool, like Pattern Lab. This site exists to demonstrate a [Fractal](https://fractal.build) pattern library, used within Drupal, using the [UI Patterns](https://drupal.org/project/ui_patterns) suite of modules.\n\n## Information\n\n\n_* The Github repo is a mirror (meant for easily browsing the codebase). It's only updated if the user pushing code has configured additional push URLs [according to these instructions](https://github.com/chapter-three/wiki/blob/master/Chapter%20Three/Developers/GIT.md#push-to-multiple-remotes-by-default)._\n\n| Name | URL  |\n| :--- | :--- |\n| Dashboard | https://dashboard.pantheon.io/sites/75e1a05e-d1ea-4c7f-95c5-34159376d7dd |\n| Site | https://dev-c3-fractal.pantheonsite.io |\n| Codebase | `ssh://codeserver.dev.75e1a05e-d1ea-4c7f-95c5-34159376d7dd@codeserver.dev.75e1a05e-d1ea-4c7f-95c5-34159376d7dd.drush.in:2222/~/repository.git` |\n| Github* | https://github.com/chapter-three/c3-fractal |\n| \u003cnobr\u003eFractal Pattern Library\u003cnobr\u003e | https://dev-c3-fractal.pantheonsite.io/libraries/fractal/dist/index.html |\n| Fractal UI Patterns Listing | https://dev-c3-fractal.pantheonsite.io/patterns\n\n### Notes\n\n- The Fractal library is located in `web/libraries/fractal`. There are currently 3 patterns:\n  - Blockquote\n  - Button\n  - Card\n- There is a very basic Drupal theme at `web/themes/custom/fractal`. It doesn't have any CSS or build scripts. It currently defines only one Pattern \u0026 template (which passes through to the Fractal template): Blockquote.\n- There is a symlink to the Fractal components to the `web/themes/custom/fractal/templates` directory, which is consumed directly by `ui_patterns_fractal` module.\n- Patterns are configured in Drupal, in a few places:\n  1. https://dev-c3-fractal.pantheonsite.io/hello: This is a landing node, that has a few Paragraphs configured:\n      - Blockquote paragraph (default display)\n      - Card paragraph (default display)\n      - Button link paragraph (default display)\n  2. https://dev-c3-fractal.pantheonsite.io/faq: This is a View, configured to use the UI Patterns row display, along with Views fields that are mapped to the Card pattern.\n  3. https://dev-c3-fractal.pantheonsite.io/blog: This is a View, configured to render \"teaser\" entity display for article content type. The \"Teaser\" view mode is configured to use the \"Card\" pattern.\n- There is a custom module `fieldz_formatters` that currently adds some extra fields to handle the 1:1 mapping that UI Patterns needs on entity displays.\n\n## Local Setup\n\n1. Install dependencies:\n\n```sh\ncd web/libraries/fractal\nnpm install\n```\n\n2. Start server with BrowserSync:\n\n    _Note:  If you get an error when running `fractal start`, try installing the cli tool globally: `npm i -g @frctl/fractal`_\n\n```sh\nfractal start --sync\n```\n\n3. Rebuild static style guide instance:\n\n  ```sh\nfractal build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchapter-three%2Fc3-fractal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchapter-three%2Fc3-fractal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchapter-three%2Fc3-fractal/lists"}