{"id":19346857,"url":"https://github.com/juicy/juicy-composer","last_synced_at":"2026-02-28T16:33:05.378Z","repository":{"id":66451338,"uuid":"54794936","full_name":"Juicy/juicy-composer","owner":"Juicy","description":"Custom Element that build Shadow DOM tree according to given JSON","archived":false,"fork":false,"pushed_at":"2017-01-18T13:40:27.000Z","size":36,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-02-24T09:44:05.343Z","etag":null,"topics":["frozen","plain-js"],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/Juicy.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":"2016-03-26T19:07:27.000Z","updated_at":"2017-10-03T12:15:14.000Z","dependencies_parsed_at":"2023-02-22T11:46:28.438Z","dependency_job_id":null,"html_url":"https://github.com/Juicy/juicy-composer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Juicy/juicy-composer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Juicy%2Fjuicy-composer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Juicy%2Fjuicy-composer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Juicy%2Fjuicy-composer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Juicy%2Fjuicy-composer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Juicy","download_url":"https://codeload.github.com/Juicy/juicy-composer/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Juicy%2Fjuicy-composer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29942890,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-28T13:49:17.081Z","status":"ssl_error","status_checked_at":"2026-02-28T13:48:50.396Z","response_time":90,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5: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":["frozen","plain-js"],"created_at":"2024-11-10T04:12:50.546Z","updated_at":"2026-02-28T16:33:04.345Z","avatar_url":"https://github.com/Juicy.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \u0026lt;juicy-composer\u0026gt;\n\n\u003e Custom Element that build Shadow DOM tree according to given JSON\n\n## Demo\n\n[Check it live!](http://Juicy.github.io/juicy-composer)\n\n## Install\n\nInstall the component using [Bower](http://bower.io/):\n\n```sh\n$ bower install juicy-composer --save\n```\n\nOr [download as ZIP](https://github.com/Juicy/juicy-composer/archive/master.zip).\n\n## Usage\n\n1. Import polyfill:\n\n    ```html\n    \u003cscript src=\"bower_components/webcomponentsjs/webcomponents.min.js\"\u003e\u003c/script\u003e\n    ```\n\n2. Import custom element:\n\n    ```html\n    \u003clink rel=\"import\" href=\"bower_components/juicy-composer/juicy-composer.html\"\u003e\n    ```\n\n3. Start using it!\n\n    ```html\n    \u003cjuicy-composer auto-stamp setup='{\n        \"tagName\": \"my-element\",\n        \"items\": [{\n            \"id\":\"group\",\n            \"tagName\": \"other-element\",\n            \"items\":[{\n                \"id\": 0,\n            }]\n        }]}'\u003e\u003c/juicy-composer\u003e\n    ```\n    it will build you\n    ```html\n    \u003c!-- juicy-composer's shadow DOM --\u003e\n    \u003cmy-element\u003e\n        \u003cother-element\u003e\n            \u003ccontent select=\"_firstElementChild_\"\u003e\u003c/content\u003e\n        \u003c/other-element\u003e\n        \u003ccontent select=\"_remainingElementChildren_\"\u003e\u003c/content\u003e\n    \u003c/my-element\u003e\n    ```\n\n## Options\n\nAttribute     | Options     | Default      | Description\n---           | ---         | ---          | ---\n`setup`       | *JSON*      | `{}`         | Setup to reflect shadow DOM structure. It's also a property.\n`auto-stamp`  | *Boolean*   | `false`      | Set to make it stamp Shadow DOM on created and every setup change. It's also a `autoStamp` property.\n\n## Methods\n\nMethod        | Parameters   | Returns     | Description\n---           | ---          | ---         | ---\n`stamp`       |              |             | Call it to imperatively stamp shadow DOM tree. If `auto-stamp` attribute is set, it's done automatically, when element is created, or setup is changed.\n\n## Events\n\nEvent         | Description\n---           | ---\n\n## Development\n\nIn order to run it locally you'll need to fetch some dependencies and a basic server setup.\n\n1. Install [bower](http://bower.io/) \u0026 [polyserve](https://npmjs.com/polyserve):\n\n    ```sh\n    $ npm install -g bower polyserve\n    ```\n\n2. Install local dependencies:\n\n    ```sh\n    $ bower install\n    ```\n\n3. Start development server and open `http://localhost:8080/components/juicy-composer/`.\n\n    ```sh\n    $ polyserve\n    ```\n\n## History\n\nFor detailed changelog, check [Releases](https://github.com/Juicy/juicy-composer/releases).\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuicy%2Fjuicy-composer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjuicy%2Fjuicy-composer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuicy%2Fjuicy-composer/lists"}