{"id":21319539,"url":"https://github.com/simplajs/simpla-demo-helper","last_synced_at":"2026-01-11T13:30:22.157Z","repository":{"id":58246099,"uuid":"89472350","full_name":"simplajs/simpla-demo-helper","owner":"simplajs","description":"Sets up a demo environment for Simpla element demos","archived":false,"fork":false,"pushed_at":"2017-11-26T22:34:07.000Z","size":117,"stargazers_count":3,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-10T19:41:34.885Z","etag":null,"topics":["custom-elements","demos","simpla","web-components"],"latest_commit_sha":null,"homepage":"https://www.simplajs.org","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/simplajs.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}},"created_at":"2017-04-26T11:16:15.000Z","updated_at":"2017-12-15T22:52:10.000Z","dependencies_parsed_at":"2022-08-31T00:21:28.664Z","dependency_job_id":null,"html_url":"https://github.com/simplajs/simpla-demo-helper","commit_stats":null,"previous_names":["simplaelements/simpla-demo-helper"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simplajs%2Fsimpla-demo-helper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simplajs%2Fsimpla-demo-helper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simplajs%2Fsimpla-demo-helper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simplajs%2Fsimpla-demo-helper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/simplajs","download_url":"https://codeload.github.com/simplajs/simpla-demo-helper/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243800340,"owners_count":20349995,"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":["custom-elements","demos","simpla","web-components"],"created_at":"2024-11-21T19:42:44.713Z","updated_at":"2026-01-11T13:30:22.110Z","avatar_url":"https://github.com/simplajs.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Simpla Demo Helper\n![Version][bower-badge] [![Build status][travis-badge]][travis-url] [![Bower dependencies][bowerdeps-badge]][bowerdeps-url] ![Size][size-badge] [![Published][webcomponents-badge]][webcomponents-url]\n\nSimpla-demo-helper sets up an environment for Simpla element demos. It imports Simpla, sets up a dummy project, and adds an edit mode toggle control to the page.\n\n\u003c!---\n```\n\u003ccustom-element-demo\u003e\n  \u003ctemplate\u003e\n   \u003cscript src=\"../webcomponentsjs/webcomponents-lite.js\"\u003e\u003c/script\u003e\n    \u003clink rel=\"import\" href=\"simpla-demo-helper.html\"\u003e\n    \u003clink rel=\"import\" href=\"../simpla-text/simpla-text.html\"\u003e\n    \u003cstyle\u003e\n      body {\n        font-family: sans-serif;\n        padding: 1rem;\n      }\n      \n      simpla-text {\n        margin: 1.5rem 0.2rem 0;\n      }\n    \u003c/style\u003e\n    \u003cnext-code-block\u003e\u003c/next-code-block\u003e\n  \u003c/template\u003e\n\u003c/custom-element-demo\u003e\n```\n--\u003e\n```html\n\u003csimpla-demo-helper\u003e\u003c/simpla-demo-helper\u003e\n\n\u003c!-- Element demo --\u003e\n\u003csimpla-text path=\"/example\"\u003e\u003c/simpla-text\u003e\n```\n\n## Installation \u0026 usage\n\nInstall simpla-demo-helper with Bower (Yarn support coming soon)\n\n```sh\n$ bower install simpla-demo-helper --save-dev\n```\n\nImport it into the `\u003chead\u003e` of your element demo page\n\n```html\n\u003clink rel=\"import\" href=\"../../simpla-demo-helper/simpla-demo-helper.html\"\u003e\n```\n\nThen use the element at the top of your page. It will include and setup Simpla for you, and an edit mode toggle control will be available where the element is used.\n\n```html\n\u003csimpla-demo-helper\u003e\u003c/simpla-demo-helper\u003e\n```\n\n***\n\nMIT © Simpla\n\n[bower-badge]: https://img.shields.io/bower/v/simpla-demo-helper.svg\n[bowerlicense-badge]: https://img.shields.io/bower/l/simpla-demo-helper.svg\n[travis-badge]: https://img.shields.io/travis/SimplaElements/simpla-demo-helper.svg\n[travis-url]: https://travis-ci.org/SimplaElements/simpla-demo-helper\n[bowerdeps-badge]: https://img.shields.io/gemnasium/SimplaElements/simpla-demo-helper.svg\n[bowerdeps-url]: https://gemnasium.com/bower/simpla-demo-helper\n[size-badge]: https://badges.herokuapp.com/size/github/SimplaElements/simpla-demo-helper/master/simpla-demo-helper.html?gzip=true\n[webcomponents-badge]: https://img.shields.io/badge/webcomponents.org-published-blue.svg\n[webcomponents-url]: https://www.webcomponents.org/element/SimplaElements/simpla-demo-helper\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimplajs%2Fsimpla-demo-helper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimplajs%2Fsimpla-demo-helper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimplajs%2Fsimpla-demo-helper/lists"}